/* CSS Document */
* {
text-align: left;
list-style: none outside;
font-size: 100%;
}
html {
margin: 0;
padding: 0;
font: normal normal normal 100% sans-serif;
}
body {
margin: 0;
padding: 0;
background: #ffffff;
font-family: "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, Helvetica, sans-serif;
font-weight: 500;
-webkit-text-size-adjust: 100%;
color: #333333;
}
header,footer,main,nav,div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p, table, th, td, em, img {
margin: 0;
padding: 0;
border: none;
}
th, td {
vertical-align: top;
}
/**/
a:link {
text-decoration: none;
color: #fff;
}
a:visited {
text-decoration: none;
color: #fff;
}
a:hover {
text-decoration: none;
}
.bdrBx {
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
}
.afterClear {
overflow: hidden;
}
.afterClear:after {
content: "";
clear: both;
height: 0;
display: block;
visibility: hidden;
}
/*-------------------------------------------------------------*/
.br600, nav.sp {
		display: none;
	}
.inner {
	max-width: 1000px;
	margin: 0 auto;
}
.logo img, h1 img {
	display: block;
	margin: 0 auto;
}
h2 {
	text-align: center;
	padding: 12px 0 35px;
}
p {
	color: #606060;
}
@media(max-width: 800px) {
.logo img, h1 img {
	width: 80%;height:auto;
}
}
/*-------------------------------------------------------------*/
nav {
	background-color: #61b492;
}
nav .inner {
	max-width: 1040px;
}
nav ul {
	display: flex;
	flex-flow: row;
	margin: 0;
	justify-content: space-around;
}
nav ul li {display: block;
	border-radius: 4px;
	padding: 0px 0;
	color: white;padding-left: 0;
}
nav ul li a {
	display: block;
	padding: 27px 10px;
	text-align: center;
}
nav ul li a:hover {
	background-color: #fff799;
	color: #61b492;
}
@media (max-width: 1029px) {
	.inner {
		margin: 0 10px;
	}
}
@media(max-width: 800px) {
	nav ul {
		display: inherit;
	}
	nav ul li a {
		font-size: 18px;
		padding: 16px 10px;
	}
	nav.pc {
		display: none;
	}
	nav.sp {
		display: block;
	}
	nav.sp .navbar {
		height: 60px;
		width: 100%;
	}
	nav.sp .button {
		width: 100%;height: 60px;
	}
	#panel-btn {
    display: inline-block;
    position: relative;
    width: 40px;
    height: 40px;
    margin: 10px 15px 10px 10px;
    border-radius: 10px;
		float: right;
}
	#panel-btn-icon {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 22px;
    height: 3px;
    margin: -1px 0 0 -7px;
    background: #fff;
    transition: .2s;
}#panel-btn-icon:before, #panel-btn-icon:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 22px;
    height: 3px;
    background: #fff;
    transition: .3s;
}#panel-btn-icon:before {
    margin-top: -9px;
}#panel-btn-icon:after {
    margin-top: 5px;
}
}
/*トップ*/
#top {
	padding: 0px;
}
.idx1 #top .inner {
	background: url("../img/top_consultant01.png") no-repeat;
}
.idx2 #top .inner {
	background: url("../img/top_consultant02.png") no-repeat;
}
.idx3 #top .inner {
	background: url("../img/top_consultant03.png") no-repeat;
}
.idx1 #top .inner, .idx2 #top .inner, .idx3 #top .inner {
	background-position:  100% 100%;
	background-size:  auto 450px;
	padding-bottom: 80px;
	position: relative;
}
#top .notice {
	position: absolute;
	top: 140px;
	right: 0px;
}
#top .produce {
	padding: 20px 0;
}
#top .produce img {
	padding: 0 0 0 5px;
}
.innerTop {
	width: 63.5%;
}
#top h1 img {
	width: 100%;
	height: auto;
} 
#top h2 {
	padding: 20px 0 19px;
}
#top .text {
	text-align: center;
	padding: 20px 0 30px;
}
#top .button {
	border-radius: 44.5px;	
	font-size: 15px;font-weight: bold;
	text-align: center;
	padding-top: 18px;
	max-width: 460px;
	margin: 0 auto;
	color: #217a82;
	background: #fff799 url("../img/arrow.png") no-repeat 95% 50%/25px 15px;
}
#top .button:hover {
	background: #217a82 url("../img/arrow_yellow.png") no-repeat 95% 50%/25px 15px;
	color: #fff799;
}
#top .button a {
	color: #217a82;
}
#top .button:hover a {
	color: #fff799;
}
#top .button strong {
	display: block;
	font-size: 23px;text-align: center;
	padding-bottom: 12px;
}

@media(max-width: 890px) {
.idx1 #top .inner, .idx2 #top .inner, .idx3 #top .inner {
	background-position:  100% 112%;
	background-size:  auto 55%;
	padding-bottom: 170px;
}
#top .notice {
	top: 47%;
	width: 40px;height: auto;
}
.innerTop {
	width: 75%;
}
#top h2 {
	padding: 20px 0 0px;
}
}
@media(max-width: 690px) {
.idx1 #top .inner, .idx2 #top .inner, .idx3 #top .inner {
	background-position:  100% 105%;
	background-size:  auto 39%;
	padding-bottom: 120px;
}
#top .notice {
	top: 62%;
	width: 35px;
}
.innerTop {
	width: 95%;
	margin: 0 auto;
}
	
#top h2 img {
	width: 80%;height: auto;
	}
#top h1 img {
	width: 100%;
	height: auto;
} 
#top .text {
	padding: 20px 0 50px;
	}
#top .button, #top .button:hover {
	max-width: 360px;
	margin-left: 17px;
	 background-position:  95% 57%;
}
}
@media(max-width: 540px) {
.idx1 #top .inner, .idx2 #top .inner, .idx3 #top .inner {
	background-position: 100% 100%;
	background-size:  auto 35%;
	padding-bottom: 110px;
}
#top .notice {
	top: 64%;
	width: 27px;
}
#top .text {
	padding: 20px 0 30px;
}
#top .button, #top .button:hover {
	font-size: 12px;
	padding-top: 18px;
	max-width: 280px;
	margin: 10px 0 auto 0;
	 background-position:  91% 66%;
	background-size:  25px 15px;
}
#top .button strong {
	font-size: 15px;
	padding-bottom: 12px;
}
}
@media(max-width: 410px) {
.idx1 #top .inner, .idx2 #top .inner, .idx3 #top .inner {
	background-position:  100% 105%;
	background-size:  auto 31%;
	padding-bottom: 130px;
}
#top .notice {
	top: 72%;
	width: 22px;
}
#top .text {
	padding: 20px 0 10px;
	font-size: 3.5vw;
}
#top .button, #top .button:hover {
	background-position:  95% 65%;
}
#top .button strong {
	font-size: 15px;
	padding-bottom: 12px;
}
}
/*お悩み*/
#trouble {
	background-color: #61b492;
}
#trouble h3 {
	color: #fff;
	padding-top: 50px;font-size: 24px;text-align: center;
}
#trouble .wrapPerson {
	padding-top: 45px;
}
#trouble .wrapPerson ul li {
	float: left;
	width: 20%;
	padding-bottom: 165px;
}
#trouble .wrapPerson ul li.person1 {
	background: url("../img/person01.png") no-repeat 92% 100%/ auto 60%;
}
#trouble .wrapPerson ul li.person2 {
	background: url("../img/person02.png") no-repeat 72% 100%/ auto 60%;
}
#trouble .wrapPerson ul li.person3 {
	background: url("../img/person03.png") no-repeat 100% 100%/ auto 60%;
}
#trouble .wrapPerson ul li.person4 {
	background: url("../img/person04.png") no-repeat 100% 100%/ auto 60%;
}
#trouble .wrapPerson ul li.person5 {
	background: url("../img/person05.png") no-repeat 88% 100%/ auto 60%;
}
@media (max-width: 1000px) {
#trouble h3 {font-size: 20px;text-align: center;
}
#trouble .wrapPerson ul li {
	float: left;
	width: 20%;
	padding-bottom: 115px;
}
	#trouble .wrapPerson ul li img {
		width: 85%;height: auto;
	}	
}
@media(max-width: 900px) {
	#trouble .wrapPerson ul li {
	float: left;
	width: 33.33%;
	padding-bottom: 115px;
}
	#trouble .wrapPerson ul li img {
		width: 75%;height: auto;
	}	
#trouble .wrapPerson ul li.person4 {
	padding-left: 18%;
}
}
@media(max-width: 600px) {
	.br600 {
		display: block;
	}
	#trouble h3 {
		font-size: 4.5vw;
	}
	#trouble .wrapPerson ul li {
	float: left;
	width: 33.33%;
	padding-bottom: 65px;
}
	#trouble .wrapPerson ul li img {
		width: 95%;height: auto;
	}	
#trouble .wrapPerson ul li.person1 {
	background-position:  92% 110%;
	background-size:  auto 60%;
}
#trouble .wrapPerson ul li.person2 {
	background-position: 72% 110%;
	background-size:  auto 60%;
}
#trouble .wrapPerson ul li.person3 {
	background-position: 100% 110%;
	background-size:  auto 60%;
}
#trouble .wrapPerson ul li.person4 {
	background-position: 100% 110%;
	background-size:  auto 60%;
	padding-left: 18%;
}
#trouble .wrapPerson ul li.person5 {
	background-position: 88% 110%;
	background-size:  auto 60%;
}
}
/*resolution*/
.idx1 #resolution .inner {
	background: url("../img/consultant_up01.png") no-repeat
}
.idx2 #resolution .inner {
	background: url("../img/consultant_up02.png") no-repeat;
}
.idx3 #resolution .inner {
	background: url("../img/consultant_up03.png") no-repeat;
}
.idx1 #resolution .inner, .idx2 #resolution .inner, .idx3 #resolution .inner {
	background-position:  100% 100%;
	background-size:  272px auto;
}
#resolution .inner{
	background-position:  100% 100%;
	background-size:  272px auto;
}
#resolution  .inner2 {
	padding-bottom: 80px;background: url("../img/baloon1.png") no-repeat 94% 25%/auto 104px;
}
#resolution .kaiketu {
	text-align: center;
	padding-top: 29px;
}
.underline{
	text-align: center;
    font-weight: bold;
	padding: 25px 0 60px;
	line-height: 30px;
	color: #606060;
}
.underline span{
	background:url("../img/underline.png") repeat-x 0 100%/5px 8px;
	padding: 0 0;
	display: inline
}
#resolution .arrow_big {
	display: block; margin: 0 auto;
	padding-top: 50px;
}
#resolution .sorega img {
	margin: 0 auto;display: block;
}
@media(max-width: 1050px) {
.idx1 #resolution .inner, .idx2 #resolution .inner, .idx3 #resolution .inner{
	background-position: 100% 130%;background-size:  232px auto;
}
#resolution  .inner2 {
background-position:  86% 79%;background-size:  auto 104px;
	padding-bottom:29%;
}
}
@media(max-width: 950px) {
.idx1 #resolution .inner, .idx2 #resolution .inner, .idx3 #resolution .inner{
	background-position:  100% 134%;background-size:  232px auto;
}
#resolution  .inner2 {
background-position:  86% 84%;background-size:  auto 104px;
	padding-bottom:29%;
}
}
@media(max-width: 900px) {
#resolution .kaiketu img {
	width: 70%;height: auto;
}
.idx1 #resolution .inner, .idx2 #resolution .inner, .idx3 #resolution .inner{
	background-position: 100% 129%;background-size:  auto 40%;
	padding-bottom:18%;
}
#resolution  .inner2 {
background-position:  81% 95%;background-size:  auto 104px;
padding-bottom:23%;
}
}
@media(max-width: 600px) {
.idx1 #resolution .inner, .idx2 #resolution .inner, .idx3 #resolution .inner {padding-bottom: 120px;}
#resolution .arrow_big {
	width: 110px;
	height: auto;
	padding-top: 30px;
}
#resolution .kaiketu img {
	width: 80%;
}
.underline {padding-bottom: 40px;}
.underline span {
		font-size: 15px;
	}
#resolution .sorega img {
	width: 25%;height: auto;
}
.idx1 #resolution .inner, .idx2 #resolution .inner, .idx3 #resolution .inner{
	background-position:  100% 115%;
	background-size:  30% auto;
	padding-bottom:24%;
}
#resolution  .inner2 {
background-position:  79% 98%;background-size:  auto 74px;
	padding-bottom:23%;
}
}
@media(max-width: 400px) {
.idx1 #resolution .inner, .idx2 #resolution .inner, .idx3 #resolution .inner{
	background-position: 100% 120%;background-size:  120px auto;
	padding-bottom:19%;
}
#resolution  .inner2 {
background-position:  68% 98%;background-size:  auto 64px;
	padding-bottom:29%;
}
}

/*------------------------------*/
/*吹き出し*/
#chat {
	background-color: #61b492;
	padding-bottom: 80px;
}
#chat h3 {
	color: #fff;
	text-align: center;
	padding: 70px 0 0 0;font-size: 24px;
}
.balloonLeft.q1 {
	background: url("../img/chat_man01.png") no-repeat 0 0/auto 120px;
	padding-bottom: 25px;
}
.balloonLeft.q2 {
	background: url("../img/chat_man02.png") no-repeat 0 0/auto 120px;
	padding-bottom: 25px;
}
.balloonLeft.q3 {
	background: url("../img/chat_man03.png") no-repeat 0 0/auto 120px;
	padding-bottom: 25px;
}
.idx1 .balloonRight {
	background: url("../img/chat_consultant01.png") no-repeat
}
.idx2 .balloonRight {
	background: url("../img/chat_consultant02.png") no-repeat
}
.idx3 .balloonRight {
	background: url("../img/chat_consultant03.png") no-repeat
}
.idx1 .balloonRight,  .idx2 .balloonRight,  .idx3 .balloonRight  {
	background-position:  left 100% bottom 7.5%;background-size:  auto 120px;
	padding-bottom: 20px;
}
.balloonLeft .chatting {
  width: 100%;text-align: center;
}
.balloonLeft .says {
width: 722px;box-sizing: border-box;
  margin: 42px auto 0;
}
.balloonRight .says {
  background: #fffde4;width: 722px;margin: 10px auto 0;
	box-sizing: border-box;
}
.balloonRight .says.after:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 28px; 
  right: -24px;
  border: 15px solid transparent;
  border-left: 22px solid #fffde4;
}
.balloonLeft .says:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 18px; 
  left: -24px;
  border: 15px solid transparent;
  border-right: 22px solid #f1f8fc;/*横の長さ*/
}
.chatting {
	margin: 0 auto;text-align: center;
}
.says {
  display: inline-block;
  position: relative; 
  padding: 20px;
  border-radius: 10px;
  background: #f1f8fc;
}
.says img {
	padding: 10px 12px 0 0;
}
.says p {
  margin: 0;
  padding: 0;
}
.says p span {
	font-size: 20px;
	font-weight: bold;
	color: #4e9c89;
}
.says p strong {
	color: #606060;
}
.says ul li {
	font-weight: bold;
	color: #606060;
}
.says ul li span{
	background-color: #61b492;
	border-radius: 8.5px;width: 15px;
	padding: 1px 5px;font-size: 10px;font-weight: bold;color: #fff;margin-right: 5px;
}
.balloonRight {
  width: 100%;
  margin: 0;
  overflow: hidden;
}

@media(max-width: 1140px) {
	.balloonLeft .says, .balloonRight .says {
    width: 70%;
}
.balloonLeft.q1 {
	background-position:  0 0;background-size:  auto 110px;
	padding-bottom: 25px;
}
.balloonLeft.q2 {
	background-position:  0 0;background-size:  auto 110px;
	padding-bottom: 25px;
}
.balloonLeft.q3 {
	background-position:  0 0;background-size:  auto 110px;
	padding-bottom: 25px;
}
.idx1 .balloonRight,  .idx2 .balloonRight,  .idx3 .balloonRight  {
	background-position:  left 100% bottom 6%;background-size:  auto 110px;
	padding-bottom: 10px;
}
}
@media(max-width:817px) {
.balloonLeft.q1 {
	background-position:  0 35px;
	background-size: auto 100px;
}
.balloonLeft.q2 {
	background-position:  0 35px;background-size: auto 100px;
}
.balloonLeft.q3 {
	background-position:  0 35px;background-size: auto 100px;
}
.idx1 .balloonRight,  .idx2 .balloonRight,  .idx3 .balloonRight  {
	background-position: 100% 94%;background-size: auto 100px;
}
	.balloonRight .chatting {
		text-align: left;
	}
.balloonLeft .chatting {
text-align: right;
}
	.balloonLeft .says, .balloonRight .says {
    width: 84%;
}
	}
@media(max-width: 777px) {
	.balloonLeft .says, .balloonRight .says {
    width: 80%;
}
.says img {
	padding: 10px 12px 0 0;
	width: 33.33% ;height: auto;
	box-sizing: border-box;
}
}
@media(max-width: 560px) {
#chat h3 {
	padding: 30px 0 20px 0;font-size: 4.5vw;
}
	.says p, .says ul li {
		font-size: 14px;
	}
	.says {
    margin: 10px 0 0 110px;
}
	.balloonLeft .says, .balloonRight .says {
    width: 77%;
}
}
@media(max-width: 480px) {
.balloonLeft.q1 {
	background-position: 0 25px;background-size:  auto 70px;
}
.balloonLeft.q2 {
	background-position: 0 25px;background-size: auto 70px;
}
.balloonLeft.q3 {
	background-position: 0 25px;background-size: auto 70px;
}
.idx1 .balloonRight,  .idx2 .balloonRight,  .idx3 .balloonRight  {
	background-position: 100% 95%;background-size: auto 70px;
}
.balloonLeft .says {
	margin-top: 10px;
}
	.balloonRight .says {
		margin-left: 0;
	}
	.says {
    margin: 10px 0 0 80px;
    padding: 13px;
}
.balloonRight .says.after:after {
	top: auto;
	bottom: 40px;
  right: -24px;
  border: 15px solid transparent;
  border-left: 22px solid #fffde4;
}
.balloonLeft .says:after {
  top: 24px; 
  left: -24px;
  border: 15px solid transparent;
  border-right: 22px solid #f1f8fc;/*横の長さ*/
}
.says img {
	padding-top: 5px;
	width: 51%;
}
}
/*3つの理由*/
 .idx1 #reason .inner{
	background: url("../img/consultant_01.png") no-repeat;
}
 .idx2 #reason .inner{
	background: url("../img/consultant_02.png") no-repeat;
}
 .idx3 #reason .inner{
	background: url("../img/consultant_03.png") no-repeat;
}
.idx1 #reason .inner, .idx2 #reason .inner, .idx3 #reason .inner{
	background-position:  100% 100%;
	background-size:  302px auto;
	padding: 80px 0 40px;
}
#reason .inner2 {
	background: url("../img/baloon2.png")no-repeat 86% 44%/auto 104px;
	padding: 30px 0 40px;
}
#reason h2 {
	    font-size: 25px;
    color: #196451;
	padding: 20px 0 0;
}
#reason ul {
	max-width: 675px;
}
#reason ul li {
	border-bottom: 1px dotted #62bea3;
	padding-top: 45px;
	background: url("../img/arrow_bend.png") no-repeat 25% 75%/68px 50px;
}
#reason ul li span{
float: left;
}
#reason ul li span.number {
	width: 14.8%;
}
#reason ul li span.text {
	width: 85.2%;
	padding-bottom: 30px;
	padding-left: 20px;box-sizing: border-box;
}
#reason ul li span.text img {
	padding: 30px 0 0 120px;
}
@media(max-width: 1004px) {
.idx1 #reason .inner, .idx2 #reason .inner, .idx3 #reason .inner{
	background-position:  100% 110%;
	background-size: 200px auto;
	padding: 50px 0;
}
#reason .inner2 {
	background-position:  87% 85%;
	background-size:  auto 74px;
	padding: 30px 0 240px;
	}
	#reason ul {
		margin: 0 auto;
	}
}
@media(max-width: 800px) {
.idx1 #reason .inner, .idx2 #reason .inner, .idx3 #reason .inner{
	background-position:  100% 115%;
}
#reason .inner2 {
	background-position:  80% 93%;
	background-size:  auto 94px;
	padding-bottom: 200px;
}
}
@media(max-width: 690px) {
.idx1 #reason .inner, .idx2 #reason .inner, .idx3 #reason .inner{background-position: 100% 118%;
}
#reason .inner2 {
	background-position:  77% 90%;background-size:  auto 74px;
	padding: 30px 0 240px;
}
	#reason .inner2 {
		padding-bottom: 180px;
	}
#reason h2 {
	    font-size: 20px;
	padding: 15px 0 0;
}
#reason ul {
	max-width: 675px;
}
#reason ul li {
	border-bottom: 1px dotted #62bea3;
	padding-top: 45px;
	background-position: 5% 89%;background-size:  34px 25px;
}
#reason ul li span{
float: left;
}
#reason ul li span.number img{
width: 100%;
		height: auto;
	}
#reason ul li span.text {
	padding-bottom: 10px;
	padding-left: 10px;
}
#reason ul li span.text img {
	padding: 30px 0 0px 0px;
width: 95%;
height: auto;
}
}
@media(max-width: 590px) {
.idx1 #reason .inner, .idx2 #reason .inner, .idx3 #reason .inner{
	background-position:  100% 115%;
	background-size:  auto 25%;
	padding: 30px 0 0%;
}
#reason .inner2 {
	background-position:  79% 86%;background-size: 	auto 74px;
padding-bottom: 240px;
	}
}
@media(max-width: 390px) {
#reason .inner2 {
	background-position:  61% 88%;
	background-size:  auto 74px;
	padding: 30px 0 190px;
	}
#reason ul li span.text img {
	padding: 10px 0 0px 0px;
width: 95%;
height: auto;
}}
/*-------------------------------------------------------------*/
#nagare {
	background-color:  #61b492;
}
.idx1 #nagare .inner1400 {
	background:  url("../img/consultant_mirror01.png") no-repeat;
}
.idx2 #nagare .inner1400 {
	background:  url("../img/consultant_mirror02.png") no-repeat;
}
.idx3 #nagare .inner1400 {
	background:  url("../img/consultant_mirror03.png") no-repeat;
}
.idx1 #nagare .inner1400, .idx2 #nagare .inner1400, .idx3 #nagare .inner1400  {
	background-position:  0% 100%;background-size:  17% auto;
	padding: 50px 0 81px;
	max-width: 1400px;margin: 0 auto;}
#nagare .inner1400_2 {
	background:  url("../img/baloon3.png") no-repeat 2% 81%/14% auto;
}
#nagare h2 {
	font-size: 30px;color: #fff;
}
#nagare h3 {
	font-size: 20px;
	color: #196451;
}
#nagare ul {
  padding: 15px 0 0;
  list-style: none;
  width: 87%;
	margin: 0 auto;
}

#nagare ul li {
  background: #fff;
  width: 100%;
  position: relative;
  margin-bottom: 40px;
  text-align: left;
	border-radius: 6.5px;
  padding: 20px 20px 10px 20px;
  box-sizing: border-box;
border-left: 80px solid #fff073;}

#nagare ul li:not(:first-child):after {
  content: "";
  position: absolute;
  top: -26px;
  left: 50%;
  margin-left: -52px;
  display: block;
  width: 24px;
  height: 10px;
  background: url("../img/arrow_bottom.png") no-repeat;
background-size: 24px 10px;
}

#nagare ul li p {
  height: 60px;
  font-size: 16px;
  vertical-align: middle;
  font-weight: normal; display: table-cell;
}
#nagare ul li .number {
  height: inherit;
  display: inline-block;
  position: absolute;
  left: -64px;
  top: 50%;
  padding: 0 15px;
  margin-top: -21px;
  color: #61b492;
  font-size: 30px;
font-weight: bold;
}
@media(max-width: 1344px){
.idx1 #nagare .inner1400, .idx2 #nagare .inner1400, .idx3 #nagare .inner1400 {
	background-position:  15% 104%;
	background-size:  200px auto;
	}
#nagare .inner1400_2 {
	background-position:  26% 94%;
	background-size:  14% auto;
	padding-bottom: 190px;
}
}
@media(max-width: 1170px){
.idx1 #nagare .inner1400, .idx2 #nagare .inner1400, .idx3 #nagare .inner1400 {
	background-position: 15% 105%;
	}
}
@media(max-width: 980px){
.idx1 #nagare .inner1400, .idx2 #nagare .inner1400, .idx3 #nagare .inner1400 {
	background-size: 180px auto;
	}
#nagare .inner1400_2 {
	background-position:  30% 97%;
	;background-size:  auto 85px;padding-bottom: 110px
}
}
@media(max-width: 700px) {
.idx1 #nagare .inner1400, .idx2 #nagare .inner1400, .idx3 #nagare .inner1400 {
	background-position: 15% 103%;background-size:  150px auto;
	padding: 20px 0 81px;
	}
#nagare .inner1400_2 {
	background-position: 33% 96%;background-size: 120px auto;
}
#nagare .inner{
	padding: 40px 0 20px;
}
#nagare h2 {
	font-size: 23px;
}
#nagare h3 {
	font-size: 3.1vw;
}
#nagare ul {
  padding: 0px;
  width: 95%;
}
#nagare ul li {
  margin-bottom: 30px;
  padding: 10px 10px 5px 10px;
border-left: 40px solid #fff073;}

#nagare ul li:not(:first-child):after {
  top: -20px;
  margin-left: -32px;
  width: 24px;
}

#nagare ul li p {
  height: 60px;
  font-size: 14px;
}

#nagare ul li .number {
  left: -43px;
  top: 50%;
  margin-top: -21px;
  font-size: 28px;
}
}

@media(max-width: 600px) {
.idx1 #nagare .inner1400, .idx2 #nagare .inner1400, .idx3 #nagare .inner1400 {background-position: 15% 106%;
	}
#nagare .inner1400_2 {
	background-position: 36% 96%;
	padding-bottom: 16%;
}
}
@media(max-width: 560px) {
.idx1 #nagare .inner1400, .idx2 #nagare .inner1400, .idx3 #nagare .inner1400 {
	background-position: 15% 106%;background-size:  150px auto;
	}
#nagare .inner1400_2 {
	background-position: 37% 97%;
	background-size:  auto 74px;
}
}
@media(max-width: 420px) {
#nagare .inner1400_2 {
	background-position: 55% 99%;background-size:  120px auto;padding-bottom: 16%;
}
}

/*料金プラン*/
#plan .inner{
	padding: 80px 0 0px;
}
#plan h2 {
	    font-size:30px;
    color: #196451;
    padding: 20px 0 0px;
}
#plan ul {
  list-style: none;
  padding: 90px 0 0;
  overflow: visible; }

#plan ul li {
  width: 31%;
  float: left;
}
#plan li div {
border-radius: 0px 0px 15px 15px;
  border: 1px solid #61b492;
}
#plan ul h3 {
	text-align: center;
  background-color: #61b492;
  color: #fff;
  padding: 20px 0;
border-radius: 15px 15px 0 0;
  border: 2px solid #61b492;border-bottom: 0;font-size: 16px;
}
#plan ul h3.osusume {
  background-color: #fff073;color: #61b492;
}
#plan ul li:not(:last-child){
  margin-right: 3.5%;
  position: relative; }

#plan ul li .hukidasi {
  position: absolute;
  top: -47px;
  left: 50%;
	margin-left: -62px;
  }
.hiyou {
  padding: 17px 13px;
	min-height: 396px;
}
#plan ul li p {
	color:  #61b492;font-weight: bold;
	text-align: center;
}
#plan ul li .hiyou span {
	margin: 0 auto;
	display: block;
	width: 72px;
  font-size: 14px;
  padding: 3px 7px;
  text-align: center;
 color: #fff;
	background-color: #61b492;
	border-radius: 4.5px;}

#plan ul li .hiyou span.komejirusi {
	background-color: inherit;
	display: inline;color: #61b492;padding-left: 0;
	font-size: 12px;
} 
#plan ul li .text {
	color: #606060;font-weight: normal;
	border-top: 1px dotted #61b492;
	padding-top: 15px;
	margin-top: 10px;
	text-align: left;line-height: 23px;
}
 #plan .kome {
	color: #61b492;
	font-size: 15px;
	font-weight: normal;
	padding: 9px 0 0px 0px;
}
#plan .kome p {
	font-size: 15px;
}
@media (max-width: 924px) {
.hiyou {
	min-height: 376px;
}
#plan ul li {
  width: 32%;
  float: left;
}
	#plan ul li p {
		font-size: 1.9vw;
	}
#plan ul li:not(:last-child){
  margin-right: 2%;
  position: relative; }
#plan ul li .text {
	line-height: inherit;
	font-size: 14px;
}
}
@media (max-width: 730px) {
	#plan .inner {
    padding: 40px 0 0px;
}
.hiyou {
	min-height: 416px;
}
#plan ul li .text {
	line-height: inherit;
	font-size: 14px;
}
#plan ul h3 {font-size: 14px;
}
}
@media(max-width: 612px) {
.hiyou {
	min-height: inherit}
	#plan ul {
		padding-top: 30px;
	}
#plan ul li {
  width: 95%;
	margin: 0 auto;
  float: none;
	margin-bottom: 20px;
}
#plan ul h3 {font-size: 16px;
}
#plan ul h3.osusume {
	margin-top: 70px;
}
#plan ul li .text {
	line-height: inherit;
	font-size: 14px;
}
#plan ul li p {
		font-size: 18px;
	}
}
/*consultation*/
#consultation {
	background: url("../img/background_yellow.png")repeat-x 0 100%;
}
.idx1 #consultation .inner {
	background: url("../img/top_consultant01.png") no-repeat;
}
.idx2 #consultation .inner {
	background: url("../img/top_consultant02.png") no-repeat;
}
.idx3 #consultation .inner {
	background: url("../img/top_consultant03.png") no-repeat;
}
.idx1 #consultation .inner, .idx2 #consultation .inner, .idx3 #consultation .inner {
	background-position: 80% 100%;background-size:  25% auto;
	padding-bottom: 50px;
	max-width: 800px;margin: 0 auto;
}
#consultation h2 {
	color: #61b492;
	font-size: 28px;text-align: left;
	padding: 120px 0 0 0;
}
#consultation p {
	color: #61b492;
}
#consultation .button {
	padding: 20px 0 0;
}
#consultation .button a {
	padding: 7px 35px 7px 15px;
	border-radius: 15px;
	background: #61b492 url("../img/arrow_white.png") no-repeat 93% 50%/ 15px 10px;
}
#consultation .button a:hover {
	padding: 7px 35px 7px 15px;
	border-radius: 15px;
	background: #fff url("../img/arrow_green.png") no-repeat 93% 50%/ 15px 10px;
	color: #61b492;
}
footer {
	background-color: #62796f;
}
footer ul {
	float: left;
}
footer ul li:first-child:after {
	content: "|";
	padding: 0 5px;color: #fff;
}
footer ul li {
	float: left;
padding: 17px 0;
}
.copyright {
	padding: 19px 0;
	color: #fff;
}
.copyright, footer a:link {
	font-size: 14px;
}
.copyright {
	text-align: right;
}
@media (max-width: 823px) {
.idx1 #consultation .inner, .idx2 #consultation .inner, .idx3 #consultation .inner {
		margin: 0 10px;
	background-size: 150px auto;
	background-position: 90% 100%;
}
}
@media(max-width: 580px) {
.idx1 #consultation .inner, .idx2 #consultation .inner, .idx3 #consultation .inner {
	background-size: 120px auto;
}	
#consultation .button {
	padding: 40px 0 0;
}
#consultation h2 {
	font-size: 20px;
	padding: 70px 0 0 0;
}
#consultation p {
		font-size: 13px;
	}
footer ul {
		float: inherit;
	}
footer ul li {
		padding-bottom: 0;
	}
.copyright {
		text-align: left;
		padding-top: 10px;
	}
.copyright, footer a:link {
	font-size: 12px;
}
}
@media(max-width: 470px) {
.idx1 #consultation .inner, .idx2 #consultation .inner, .idx3 #consultation .inner {
	background-position: 95% 105%;
	background-size: 100px auto;
}	
}