@charset "UTF-8";
@media screen and (max-width:1024px) {
/* ===================================================================

	Setting

=================================================================== */
html { color: #5a5129; background:#FFF; line-height:1.6; text-align:left; font-size:65.5%; }

body {
	font-size:1.5rem;
	font-family: adobe-garamond-pro,source-han-serif-japanese,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN",serif;
	overflow-x:hidden;
}

img { max-width:100%; height:auto; }

.containar { width:100%; height:100%; margin:0 auto; position:relative; }
.containar:after { content:""; display:block; clear:both; }


.pc { display:none; }

.sp {
	display:block;
	/* text-align: center; */
 }

 .bc {
	 display:none;
 }

　　/* link set
	------------------------------------------------------------------- */
	a { color:#5B463F; text-decoration:none; transition:0.3s ease-in-out; }
	a img { transition:0.3s ease-in-out; }
	a:hover { color:#47676F; }

	/* float対策：背景色表示用
	------------------------------------------------------------------- */
	.clearfix:after { display: block; clear: both; height: 0px; line-height: 0px; visibility: hidden; content: "."; }
	.clearfix {	display: block; /* for IE8 */ }
	.both { clear:both; }
	.hidden { display: none; }

	/* 	imgホバーアクション
	------------------------------------------------------------------- */
	.imgWrap { overflow: hidden; width: 100%;　height: auto; cursor: pointer; background-color: #ffffff; }
	.imgWrap img{ display: block; transition-duration: 0.3s; margin-top: -1px; }
	/*.imgWrap img:hover{ opacity: 0.6; transform: scale(1.1); transition-duration: 0.3s; }*/

	/* 	背景画像＆テキスト使用時スマホ用
	------------------------------------------------------------------- */
	.bg.spTxt { text-indent: 0; width: auto !important; height: auto !important; background-image: none !important; }



/* ===================================================================

	Header

=================================================================== */
body > header  {
 height: auto;
}
body > header .logo { margin-left:2%; width: 80%; }

body > header h1 {
	float:left;
	max-width: 50%;
	margin-left: 4%;
	margin-top:0px;
}

body > header .h_tel {
	position:absolute;
	top:0;
	right:16%;
}

body > header .h_tel img {
	width:100%;
}

body>header .h_r .h_tel img {
	padding: 0%;
	margin-top: 30px;
}
body > header .head { margin:0; }
.header_inner > img { padding-top:9px; }
body>header .logo img  {
	width: 100%;
	padding-top: 1%;
	padding-bottom: 2%;
}

/* body>header .sns img {
	width: 8%;
	padding: 18px 10px 0;
} */


	      /* h_r
		  ------------------------------------------------------------------- */
		  body > header .h_r {}

			/* body > header .h_contact_l { display: none; } */


		  /* nav
		  ------------------------------------------------------------------- */
		  body > header nav { display: none; }



/* ===================================================================
	/
	/	smh_menu　トグルメニュー
	/
	=================================================================== */
	#smh_menu { display: block; position: relative;	z-index: 9999; }
	.drawer-nav ul li { margin-right: 0px; float: none; font-size: 1.1rem; display: block;	padding:.75rem;	text-decoration: none;	color: #fff; }
	.drawer-nav ul ul.drawer_sub li a { color: #fff; }




/* ===================================================================
	/
	/	メインイメージ
	/
	=================================================================== */

	.slider_fade {
    text-align: center;
    margin-top: 87px;
    position: relative;
    height: 455px;
    overflow: hidden;
	}

	.s {
	  width: 100%!important;
	  padding: 0px;
	  background-color: #f3f2ea;
	  background-size: cover;
	  background-attachment: fixed;
	}

/* ===================================================================
	/
	/	s1
	/
	=================================================================== */
	.s1 {
		width:100%;
		padding: 0px 0 35px;
	}

	.s1 h1 {
		font-size:4vw;
		margin-bottom: 15px;
		letter-spacing:3px;
	}

	.s1 .plan { width:100%; }

	.s1 .plan .plan_box {
		float:none;
		width:100%;
		border-right:none;
		padding: 20px 15px;
	}

	.s1 .plan .plan_box p.plan_contents {
		font-size: 20px;
		height: auto;
	}

	.s1 .plan .plan_box p.plan_title {
		font-size: 30px;
	}

	.s1 .plan .plan_box p.plan_price {
		font-size: 28px;
	}

	.s1 .plan .plan_box p.plan_s {
		font-size: 22px;
	}

	.s1 .plan .plan_box:first-child { border-left:none; }

	.s1 .plan .plan_box .plan_btn {
		margin-top: 90px;
		margin-bottom: 10px;
	 }

	 .s1 .plan .plan_box .plan_btn a {
    color: #b49531;
    font-size: 25px;
    border: solid 3px #b49531;
    border-radius: 15px;
    padding: 30px 40px;
    background-color: #fff;
    letter-spacing: 3px;
	}

	 .s1 .plan .plan_box img {
    width: 55%;
    height: 330px;
    border: 5px solid #b49531;
	}

	.s1 .measures img {
		width: 100%;
	}

	/* 流れ */

	.s1 .sougi_flow ul li {
		height: 445px;
	}

	.s1 .mbm1 {
		margin-bottom: -100px;
	}


/* ===================================================================
	/
	/	s2
	/
	=================================================================== */
	.s2 {
		background-repeat:no-repeat;
		background-size:cover;
		background-position:center top;
		padding:20px 0;
		margin-bottom:0;
	}

	.s2 h1 {
		font-size:4vw;
		margin-bottom:30px;
		letter-spacing:3px;
	}

	.s2 p { width:90%; margin:0 auto; text-align:center; line-height:25px; margin-bottom:20px; font-size:1em; }

	.s2 .soudan {
		width:95%;
		margin:20px auto;
		position:unset;
		left:0;
		text-align: center;
	}



/* ===================================================================
	/
	/	s3
	/
	=================================================================== */

	.s3 {
		padding: 10px 0;
	}

	.s3 .info { width:100%; }

	.s3 .info .info_box {
		float:none;
		width:100%;
		padding: 30px 0 0px;
		margin-bottom:0;
	}

	.s3 .info .info_box p {
		font-size: 22px;
		text-align:center;
		margin-top:40px;
	}


/* ===================================================================
	/
	/	footer
	/
	=================================================================== */

	footer p {
		font-size: 17px;
    padding: 40px 10px;
	}

	footer .footer_jizen { margin:30px auto; width:100%; }
	footer .footer_jizen h1 { font-size:7vw; margin-bottom:30px; letter-spacing:3px; }
	footer .footer_jizen .jizen_l { float:none; width:100%; }
	footer .footer_jizen .jizen_l p { width:90%; margin:30px auto; line-height:25px; font-size: 0.9em; }
	footer .footer_jizen .jizen_l .jizen_btn { width:100%; margin:50px auto; text-align:center; }
	footer .footer_jizen .jizen_l .jizen_btn a { padding:15px 45px; }
	footer .footer_jizen .jizen_r { float:none; width:100%; }
	footer .footer_jizen .jizen_r img { width:100%; }

	footer .footer_menu { background-size: cover; padding:20px 0; }
	footer .footer_menu ul { width:100%; }
	footer .footer_menu ul li { width:90%; float:none; margin:0 auto; padding:1%; }  横1列 */
	/*footer .footer_menu ul li { width:50%; float:left; margin:0 auto; padding:1%; } 横2列の場合 */

	footer .footer_nav { margin:30px auto; }
	footer .footer_nav ul { font-size: 1rem; margin:15px auto; }

	footer .footer_contact { position: fixed; left: 0; bottom: 0; width: 100%; }
	footer .footer_contact .box { width:100%; height:65px; }
	footer .footer_contact .box .box_l { width:55%; margin:0 auto; }
	footer .footer_contact .box .box_l img { width:80%; margin:7%; display:block; }
	footer .footer_contact .box .box_l img.bottom { display:none; }
	footer .footer_contact .box .box_r { width:45%; text-align:center; }
	footer .footer_contact .box .box_r img { margin:2.5% auto 1%; width:75%; }
	footer .footer_nav {
		margin: 0;
		margin-bottom: 40px;
	}

	footer .top_sentence a {
    font-size: 4vw;
	}

	body > footer > .containar { margin:0 0 10px;padding: 0px 0 70px; }
	small {
		display: block;
		margin-right: 0;
		margin-top: 30px;
	}
}

@media screen and (max-width:768px) {

	.bc {
 	 display:none;
  }

	.dc { display:none; }

	.ec {
		display: block;
	}

	body > header .logo p {
		font-size: 13px;
	}

	body > header h1 {
		 max-width: 44%;
	}

	body>header .logo img {
		padding-bottom: 4%;
	}

	body>header .h_r .h_tel img {
		margin-top: 14px;
	}

	.slider_fade {
		height: 340px;
		margin-top: 52px;
	}

	.s1 .plan .plan_box img {
		width: 70%;
	}

	.s1 .sougi_flow {
		width: auto;
		margin:0 auto;
	}

	/* 流れ */

	.s1 .sougi_flow ul li {
    height: 360px;
	}

	.s1 .flow_box .flow_box_r .flow_font {
		font-size: 18px;
	}

	.s1 .flow_box .flow_box_r p {
		font-size: 12px;
	}
}

/* ===================================================================

	携帯用

=================================================================== */

@media screen and (max-width:480px) {
/* ===================================================================

	Setting

=================================================================== */
img {
	max-width: 100%;
	height:auto;
}

.sp {
	display:block;
	text-align: center;
 }

 .pc {
	 display:block;
  }

	.bc {
 	 display:none;
  }

	.dc {
		display: none;
	}

	.fc {
		display:block;
	}

	.sm {
		display: none;
	}

/* ===================================================================

	Header

=================================================================== */
body > header  {
 height: auto;
}

body > header h1 {
  max-width: 45%;
}

body > header .logo {
	width: 100%;
}

body>header .logo img {
	padding-top: 4%;
}

body > header .logo p {
  font-size: 10px;
}

body > header .h_tel {
	right: -28%;
}

body > header .h_tel img {
	width: 45%;
}

body>header .h_r .h_tel img {
	margin-top: 16px;
}

/* ===================================================================
	/
	/	メインイメージ
	/
	=================================================================== */

	.slider_fade {
		margin-top: 30px;
		height: 245px;
	}

/* ===================================================================
	/
	/	s1
	/
	=================================================================== */
	.s1 { width:100%; }

	.s1 h1 {
		font-size: 8vw;
		margin-bottom:30px;
		letter-spacing:3px;
	}

	.s1 .soudan {
		margin: 0px auto;
		padding-top: 0px;
	}

	.s1 h2 {
    font-size: 6vw;
	}

	.s1 .top_sentence {
    font-size: 15px;
	}

	.s1 .plan .plan_box p.plan_title {
		font-size: 23px;
	}

	.s1 .plan .plan_box p.plan_price {
		font-size: 22px;
	}

	.s1 .plan .plan_box p.plan_s {
		font-size: 18px;
	}

	.s1 .plan .plan_box .plan_btn {
		margin-top: 80px;
		margin-bottom: 0px;
	 }

	 .s1 .plan .plan_box p.plan_contents {
		 font-size: 15px;
		 height: auto;
		 margin: 25px 0 0;
	 }

	 .s1 .plan .plan_box {
		 padding: 5px 15px 30px;
	 }

	 .s1 .plan .plan_box img {
		 width: 100%;
     height: 230px;
	 }

	 .s1 .plan .plan_box .plan_btn a {
		 font-size: 18px;
	 }

	 .s1 .plan_btn {
		 padding: 10px 0;
	 }

	 /* 流れ */

	 .s1 .sougi_flow ul li {
		  width: auto;
    	height: auto;
		}

	 .s1 .flow_box .flow_box_l {
		 width: 40%;
	 }

	 .s1 .flow_box .flow_box_r .flow_font {
		 font-size: 15px;
	 }

	 .s1 .flow_box .flow_box_r {
		 width: 60%;
	 }

	 .s1 .flow_box .flow_box_r .flow_title {
		 width: auto;
	 }

	 .s1 .flow_box .flow_box_r p {
		 font-size: 10px;
	 }
/* ===================================================================
	/
	/	s2
	/
	=================================================================== */

	.s2 {
		padding: 0 0 40px;
	}

	.s2 h1 {
		font-size:4vw;
		margin-bottom:30px;
		letter-spacing:3px;
	}

	.s2 .soudan {
		margin: auto;
	}

/* ===================================================================
	/
	/	s3
	/
	=================================================================== */

	.s3 {
		padding: 0;
	}

	.s3 .info .info_box {
		float:none;
		width:100%;
		padding:10px;
		margin-bottom:0;
	}

	.s3 .info .info_box p {
		font-size: 15px;
	}

	/* ===================================================================
		/
		/	footer
		/
		=================================================================== */

	footer p {
    font-size: 15px;
    padding: 40px 0px 30px;
	}

	footer .top_sentence {
		text-align: left;
	}

	footer .top_sentence a {
    font-size: 7vw;
	}

	#page-top {
		bottom: 0px;
	}
}

/* ===================================================================
	/
	/	Galaxy用
	/
	=================================================================== */

@media screen and (max-width:300px) {

	.sm {
		display: none;
	}

  body>header .logo img {
    width: 85%;
  }

	body > header .h_tel {
    right: -48%;
	}

	body > header .h_tel img {
    width: 35%;
	}

	body>header .h_r .h_tel img {
    margin-top: 10px;
	}

	.slider_fade {
    margin-top: 11px;
    height: 175px;
	}

	/* ===================================================================
		/
		/	s1
		/
		=================================================================== */
  .flex_j_b {
	margin: 30px 0 0;	
	}

	.s1 .top_sentence {
    font-size: 11px;
		text-align: left;
	}

	.s1 .plan .plan_box p.plan_title {
		text-align: left;
	}

	.s1 .plan .plan_box p.plan_price {
		text-align: left;
	}

	.s1 .plan .plan_box p.plan_s {
		text-align: left;
	}

	.s1 .plan .plan_box p.plan_contents {
		font-size: 13px;
		text-align: left;
	}

	.s1 .flow_box .flow_box_r p {
		font-size: 11px;
	}

	.s1 .taisaku {
		font-size: 11px;
		text-align: left;
	}

	.s3 .info .info_box p {
		text-align: left;
	}

	footer .top_sentence {
		font-size: 11px;
		text-align: left;
	}

	small {
		text-align: left;
	}

/* 流れ */

/* .s1 .sougi_flow ul li {
	margin-bottom: 40px;
} */

	.s1 .sougi_flow ul li {
		margin-bottom: 40px;
	}

	.s1 .flow_box .flow_box_l {
		width: 100%;
	}

	.s1 .flow_box .flow_box_l img {
		width: 50%;
	}

	.s1 .flow_box .flow_box_r .flow_font {
		font-size: 13px;
		text-align: left;
	}

	.s1 .flow_box .flow_box_r {
		width: 100%;
	}

	.s1 .flow_box .flow_box_r p {
		font-size: 11px;
		text-align: left;
	}
}