@charset "utf-8";
@import url(reset.css);
@import url(base.css);


/*===============================================
  スマホ
===============================================*/
.pc {
	display: none;
}

.sp {
	display: block;
}

.pc2 {
	display: none;
}

.sp2 {
	display: block;
}

img {
	max-width: 100%;
}

* {
	box-sizing: border-box;
}

/* header //////////////////////////////////////*/

#header{
	width: 100%;
}
#header .box{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: baseline;
	align-items: baseline;
	width: 90%;
	margin: 0 auto;
	padding: 10px 0 5px 0;
}
#header .box .logo{
	width: 35%;
}
#header .box .list{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	width: 60%;
}
#header .box .list li~li{
	margin-left: 6px;
}
#header .list2{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	width: 100%;
	margin-bottom: 5px;
}
#header .list2 li:nth-child(1){
	margin-right: 5px;
}

/*.fadeup {
  animation: fadeup 2s cubic-bezier(0.33, 1, 0.68, 1) 1 forwards;
}
@keyframes fadeup {
  0% {
    opacity: 0;
  }
  50% {
    transform: translateY(30px);
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}*/

/* sec01 //////////////////////////////////////*/
@media screen and (min-width: 1001px) {/*::::: PC :::::*/
.bg_fv{
	/*background: url(../image/bg.png) no-repeat center bottom/115% fixed;*/
}
}
@media screen and (max-width: 1000px) {/*::::: SP :::::*/
.bg_fv{
	/*background: url(../image/bgsp.png) no-repeat center bottom/105% fixed;*/
}
}


#sec01 {
	overflow: hidden;
}
@media screen and (min-width: 641px) {/*::::: PC :::::*/
#sec01{
	/*background: url(../image/bg_ttl.png) no-repeat center top/1920px;*/
}
}
@media screen and (min-width: 641px) and (max-width: 996px) {/*::::: PC :::::*/
#sec01{
	background-size: 195%;
}
}
@media screen and (max-width: 640px) {/*::::: SP :::::*/
#sec01{
	/*background: url(../image/bg_ttl.png) no-repeat center top/310vw;*/
}
}

#sec01 div{
	/*max-width: 1220px;*/
	margin: 0 auto;
	/*padding: 0 10px;*/
	text-align: center;
}
#sec01 figure {
	display: inline-block;
	position: relative;
}
.shadow{filter:drop-shadow(4px 4px 6px rgba(0,0,0,.4));}


@media screen and (min-width: 641px) {/*::::: PC :::::*/
	#sec01 div div{
		margin: 80px auto;
	}
	#sec01 .maintitle {
		margin: 60px auto 100px;
	}
}
@media screen and (min-width: 641px) and (max-width: 996px) {/*::::: PC :::::*/
	#sec01 div div{
		margin: 8vw auto;
	}
	#sec01 .maintitle {
		margin: 6vw auto 12vw;
	}
}
@media screen and (max-width: 640px) {/*::::: SP :::::*/
	#sec01 div div{
		margin: 12vw auto;
	}
	#sec01 div div:first-child{margin-top: 4vw;}
	#sec01 .maintitle {
		margin: 8vw auto 16vw;
	}
}

.collab figure a {
    display: inline-block;
    position: absolute;
    background: #732;
    border-radius: .5em;
    padding: .5em 2em;
    color: #fff;
    font-weight: bold;
    line-height: 1;
    text-decoration: none;
    z-index: 10;
}
.collab figure a:after {
	content: "";
	display: inline-block;
	margin-left: .5em;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: .4em 0 .4em .6em;
	border-color: transparent transparent transparent #fff;
}
@media screen and (min-width: 641px) {/*::::: PC :::::*/
.collab figure a {font-size: 1.75em;}
.collab figure *:nth-child(2) {
    bottom: 12.5em;
    right: 17.75em;
}
.collab figure *:nth-child(3) {
    bottom: 12.5em;
    right: 4em;
}
}
@media screen and (min-width: 641px) and (max-width: 980px) {/*::::: PC :::::*/
.collab figure a {font-size: 1.41vw;}
}
@media screen and (max-width: 640px) {/*::::: SP :::::*/
.collab figure a {font-size: 3.15vw;}
.collab figure *:nth-child(2) {
    top: 52%;
    left: 7.5vw;
}
.collab figure *:nth-child(3) {
    top: 52%;
    left: 52vw;
}
}


/* sns_content */
.sns_content {
	position: relative;
	z-index: 1;
}
.sns_content dl {
	display: flex;
}
.sns_content dt {
	background: #520;
	color: #fff;
}
.sns_content a {
	display: flex;
	align-items: center;
	justify-content: center;
	border: 2px solid #520;
	border-radius: 4em;
	background: #fff;
	color: #520;
	font-weight: bold;
	text-decoration: none;
}

@media screen and (min-width: 641px) {/*::::: PC :::::*/
.sns_content {
	max-width: 820px;
	margin: 20px auto 0;
	/*padding-bottom: 100px;*/
}
.sns_content dl{
	margin: 0 auto;
}
.sns_content dl {
	justify-content: space-between;
	align-items: center;
	font-size: 1.4em;
}
.sns_content dt {
	clip-path: polygon(0% 0%, 90% 0%, 100% 50%, 90% 100%, 0% 100%);
	border-radius: 10px;
	font-size: 1.25em;
	padding: 1.2em 2em 1.2em 0.75em;
	line-height: 1.2em;
}
.sns_content a {
	margin-left: 0.5em;
	padding: 0.5em 1.25em;
	width: 16em;
	transition: 2s;
}
.sns_content a:hover {
	box-shadow: 0 0 0 4px #5dd inset;
	transition: .5s;
}
.sns_content img{
	margin-right: 1em;
	width: 36px;
}
}
@media screen and (min-width: 641px) and (max-width: 1000px) {/* ipad縦 */

}
@media screen and (max-width: 640px) {/*::::: SP :::::*/
.sns_content {
	width:94%;
	margin:2vw auto 0;
}
.sns_content dl {
	flex-wrap: wrap;
	justify-content: center;
}
.sns_content dt {
	margin-bottom: 6vw;
	width: 100%;
	border-radius: 2vw;
	font-size: 6vw;
	padding: 4vw 0;
	text-align: center;
	position: relative;
	animation: fuwafuwa 2s infinite;
	animation-timing-function: ease-in-out;
}
@keyframes fuwafuwa {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-2vw);
  }
  100% {
    transform: translateY(0px);
  }
}
.sns_content dt:after {
    content: "";
    position: absolute;
    display: block;
    clip-path: polygon(0% 0%,100% 0%,50% 100%);
    width: 10vw;
    height: 5vw;
    bottom: -4vw;
    left: 0;
    right: 0;
    margin: auto;
    background: inherit;
}
.sns_content dd~dd{
	margin-top: 4vw;
}
.sns_content a {
	padding: 2vw 0;
	width: 80vw;
	font-size: 4vw;
}
.sns_content img{
	margin-right: 3vw;
	width: 11vw;
}
}


/* sec02 //////////////////////////////////////*/

#sec02 {
	background:#FAF7EB;
	padding:50px 0 170px;
}

/* item */

#sec02 .item {
	width:1000px;
	margin:0 auto;
	position:relative;
	color:#732;
}

#sec02 .item .ttls {
	text-align:center;
	margin:0 0 40px;
}

.goods_dl {
	margin: 0 auto 40px;
	width: 80%;
	font-size: 18px;
}
.goods_dl dt {
	display: flex;
	align-items: center;
	gap: .5em;
	font-size: 1.2em;
	font-weight: bold;
}
.goods_dl dt:before,.goods_dl dt:after {
	content: '';
	display: block;
	flex-grow: 1;
	height: 2px;
	background: #732;
}
.goods_dl dd {
}
@media screen and (max-width: 640px) {/*::::: SP :::::*/
.goods_dl {
	margin: 0 auto 20px;
	width: 100%;
	font-size: 4.25vw;
}
}

#sec02 .item .inner {
	width:900px;
	margin:0 auto;
}

#sec02 .item .inner .hdn {
	overflow:hidden;
	zoom:1;
}


#sec02 .item dl.pribox dt {
	font-size:1.6em;
	margin:0 0 10px;
	line-height:1.2;
	font-weight:500;
}

#sec02 .item dl.pribox dd.text {
	font-size:1.6em;
	line-height:1.2;
	margin-bottom:10px;
}

#sec02 .item dl.pribox dd.price {
	font-size:2.5em;
	font-weight:500;
	/*color:#fff100;*/
	margin-bottom:15px;
}

#sec02 .btn a {
	display: inline-block;
	border: 2px solid #732;
	padding: .3em .5em;
	color: #732;
	font-size: 1.75em;
	font-weight: bold;	
	text-decoration: none;	
}
#sec02 .btn a:after {
	content: "";
	display: inline-block;
	margin-left: .3em;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: .4em 0 .4em .6em;
	border-color: transparent transparent transparent #732;
}

#sec02 .item .new_item {
	position: relative;
	z-index: 0;
}
#sec02 .item .new_item figure:before {
	content: "";
	background: url(../image/new_icon.png);
	position: absolute;
	z-index: -1;
	left: 4px;
	width: 65px;
	height: 65px;
	background-size: cover;
}


/* item01 */

#sec02 .item .item01 {
	padding:50px 0 30px;
	overflow:hidden;
	zoom:1;
	margin:0 0 40px;
	background:#ef9 url(../image/item_bg01.jpg) no-repeat;
	background-size: cover;
	border-radius:10px;
}

#sec02 .item .item01 h2 {
	width:350px;
	padding:40px 0 0 0;
	float:left;
}

#sec02 .item .item01 .img {
	float:left;
	margin-right:60px;
}

#sec02 .item .item01 dl.pribox {
	float:left;
}


/* item02 */

#sec02 .item .item02 {
	padding:50px 0;
	overflow:hidden;
	zoom:1;
	margin:0 0 40px;
	background:#fe7 url(../image/item_bg02.jpg) no-repeat;
	background-size: cover;
	border-radius:10px;
}

#sec02 .item .item02 h2 {
	margin:0 0 40px;
	padding-left:20px;
}

#sec02 .item .item02 div {
	display: flex;
}
#sec02 .item .item02>div {
    flex-wrap: wrap;
    justify-content: space-evenly;
    padding: 0 50px;
} 
#sec02 .item .item02>div>div{
    align-items: center;
}
#sec02 .item .item02>div>div .pribox {
    margin-left: 20px;
}
/*#sec02 .item .item02>div>div:first-child {
    width: 100%;
    justify-content: center;
    margin-bottom: 3em;
}*/

/* item03 */

#sec02 .item .item03 {
	padding:50px 0;
	overflow:hidden;
	zoom:1;
	background:#fde url(../image/item_bg03.jpg) no-repeat;
	background-size: cover;
	border-radius:10px;
	margin:0 0 40px;
}

#sec02 .item .item03 h2 {
	margin:0 0 40px;
	padding-left:20px;
}

#sec02 .item .item03 .box01 {
	text-align:center;
}

#sec02 .item .item03 .box01 .same {
	display:inline-block;
	overflow:hidden;
	zoom:1;
	margin:0 20px 0 0;
	max-width:280px;
	vertical-align:top;
}

#sec02 .item .item03 .box01 .same.end {
	margin:0;
}

#sec02 .item .item03 .box01 .same .img {
	float:left;
}

#sec02 .item .item03 .box01 .same .img.pt40 {
	padding-top:40px;
}

#sec02 .item .item03 .box01 .same dl.pribox {
	margin-left:100px;
	text-align:left;
}


/* item04 */

#sec02 .item .item04 {
	padding:50px 0;
	overflow:hidden;
	zoom:1;
	background:#cef url(../image/item_bg04.jpg) no-repeat;
	background-size: cover;
	border-radius:10px;
}

#sec02 .item .item04 h2 {
	margin:0 0 50px;
}

#sec02 .item .item04 .box00 {
	margin:0 0 40px;
	text-align:center;
}

#sec02 .item .item04 .box00 .same {
	margin:0 0 0 0;
	max-width:300px;
	display:inline-block;
	vertical-align:top;
}


#sec02 .item .item04 .box00 .same.end {
	margin:0;
}


#sec02 .item .item04 .box00 .same .img {
	float:left;
}

#sec02 .item .item04 .box00 .same .img.pt40 {
	padding-top:40px;
}

#sec02 .item .item04 .box00 .same dl.pribox {
	margin-left:100px;
	text-align:left;
}

#sec02 .item .item04 .box01 {
	overflow:hidden;
	zoom:1;
	margin:0 0 50px;
}

#sec02 .item .item04 .box01.box02 {
	margin:0;
}

#sec02 .item .item04 .box01 .same {
	overflow:hidden;
	zoom:1;
	width:50%;
	float:left;
	text-align:center;
}

#sec02 .item .item04 .box01 .same .inbro {
	display:inline-block;
	overflow:hidden;
	zoom:1
}


#sec02 .item .item04 .box01 .same .img {
	float:left;
	width:160px;
	text-align:center;
}

#sec02 .item .item04 .box01 .same.ex .img {
	width:225px;
}

#sec02 .item .item04 .box01 .same dl.pribox {
	margin-left:160px;
	text-align:left;
}

#sec02 .item .item04 .box01 .same.ex dl.pribox {
	margin-left:225px;
}

#sec02 .item .caution {
	font-size:1.8em;
	line-height:1.4;
	font-weight:200;
	position:absolute;
	left:0;
	bottom:-80px;
	color:#000;
}
.item04 .box02 .same:not(:last-child) figure.img {
    width: 31%;
}
.item04 .box02 .same:last-child figure.img {
    width: 50%;
}
.box00 .same:not(:last-child) {
	margin-right: 12px !important;
}

@media screen and (max-width: 640px) {/*::::: SP :::::*/
#sec02 .item .item02 {
	background:#f39800 url(../image/item_bg02_sp.jpg) no-repeat;
}
#sec02 .item .item03 {
	background:#ec626a url(../image/item_bg03_sp.jpg) no-repeat;
}
#sec02 .item .item04 {
	background:#0068b7 url(../image/item_bg04_sp.jpg) no-repeat;
}
}


/* sec03 //////////////////////////////////////*/

#sec03 {
	margin:0 0 60px;
	background:url(../image/skin_bg.jpg) repeat;
	color:#FFF;
}

#sec03 .container {
	width:1000px;
	padding:60px 0;
	margin:0 auto;
}

#sec03 .container h2 {
	margin:0 0 30px;
}

#sec03 .container h2 span {
	display:inline-block;
}

#sec03 .container h2 span:last-child {
	margin-left:10px;
}

#sec03 .container .same {
	position:relative;
	margin:0 0 60px auto;
	width:920px;
}

#sec03 .container .texts {
	width:670px;
}

#sec03 .container .human {
	position:absolute;
	bottom:0;
	right:30px;
}

#sec03 .container .read {
	margin:0 0 30px;
}
#sec03 .container .read dt {
	color: #94d0c0;
	font-size: 1.85em;	
	font-family: "Sawarabi Mincho";
}
#sec03 .container .read dd {
	font-size:1.5em;
	line-height:1.8;
	margin:20px 0 0;
}

#sec03 .container .imgs {
	text-align:center;
	margin:0 0 60px;
}

.skincare_btn{
  text-align: center;
}
.skincare_btn a{
  display: inline-block;
  padding: .5em 1.5em;
  border-radius: 2em;
  background: #fd6;
  font-family: "Sawarabi Mincho";
  font-size: 2.5em;
  font-weight: bold;
  color: #430;
  text-decoration: none;
  box-shadow: 0 5px 0 #c66;
  transition: .2s;
}
.skincare_btn a:hover{
  background: #fff;
  color: #f80;
}


@media screen and (min-width: 641px) {/*::::: PC :::::*/
#sec03 .texts h2 span:nth-child(1):before {
    position: absolute;
    content: '';
    display: inline-block;
    width: 152px;
    height: 150px;
    background: url(../image/bnr_st_camp.png) no-repeat;
    background-size: contain;
    vertical-align: middle;
    top: -40px;
    left: -165px;
}
#sec03 .container .human {
	width:240px;
}
}
@media screen and (max-width: 640px) {/*::::: SP :::::*/
	
#sec03 .container h2 span {
	display:block;
	text-align:center;
	width: 95%;
    padding-left: 33%;
}

#sec03 .container h2 span:last-child {
	margin:10px 0 0;
}
#sec03 .texts h2 span:nth-child(1):before {
	position: absolute;
    content: '';
    display: inline-block;
    width: 130px;
    height: 120px;
    background: url(../image/bnr_st_camp.png) no-repeat;
    background-size: contain;
    vertical-align: middle;
    top: -20px;
    left: -5px;
}
}


/* sec04 //////////////////////////////////////*/

#sec04 {
	width:1000px;
	margin:0 auto 60px;
}

#sec04 .inner {
	border:3px solid #000;
	padding:30px;
	border-radius:7px;
}

#sec04 .inner .same {
	overflow:hidden;
	zoom:1;
	margin:0 0 30px;
}

#sec04 .inner .same .left {
	width:440px;
	float:left;
}

#sec04 .inner .same .left dl {
	margin:0 0 15px;
}

#sec04 .inner .same .left dl dt {
	color:#01b3cd;
	font-weight:500;
	font-size:3.5em;
	line-height:1.0;
	margin:0 0 15px;
}

#sec04 .inner .same .left dl dd {
	font-size:1.8em;
	line-height:1.4;
	font-weight:200;
}

#sec04 .inner .same .left p {
	color:#01b3cd;
	font-weight:500;
	font-size:2.5em;
	line-height:1.0;
	margin:0 0 20px;
}

#sec04 .inner .same .right {
	width:460px;
	float:right;
}

#sec04 .inner .same .right dl {
	margin:0 0 20px; 
}

#sec04 .inner .same .right dl dt {
	font-size:2.5em;
	line-height:1.0;
	font-weight:500;
	color:#00a484;
	margin:0 0 15px;
}

#sec04 .inner .same .right dl dd {
	font-size:1.5em;
	line-height:1.8;
	font-weight:200;
}

#sec04 .inner .same .right ul {
	color:#00a484;
	font-size:1.8em;
	line-height:1.6;
	margin:0 0 15px;
	font-weight:500;
}

#sec04 .inner .same .right p {
	font-size:1.5em;
	font-weight:200;
}

#sec04 .inner .link {
	text-align:center;
}

#sec04 .inner .link a {
	display:inline-block;
	position:relative;
	width:440px;
	text-align:center;
	color:#FFF;
	font-size:2.0em;
	line-height:1.0;
	padding:15px 0;
	background:#ec4800;
	border-radius:5px;
	text-decoration:none;
}

#sec04 .inner .link a:after {
	position:absolute;
	background:url(../image/sec04_btn_icon.png) left top no-repeat;
	width:8px;
	height:9px;
	content:'';
	right:30px;
	top:50%;
	transform:translateY(-50%);
}

/* abouts //////////////////////////////////////*/

#abouts {
	width:1000px;
	margin:0 auto;
}

#abouts h2 {
	margin:0 0 40px;
	background:#00a484;
	font-size:3.0em;
	line-height:1.0;
	padding:25px 0 30px;
	text-align:center;
	font-weight:600;
	color:#FFF;
}

#abouts .same {
	overflow:hidden;
	zoom:1;
	margin:0 0 30px;
}

#abouts .same dl {
	width:490px;
	float:left;
}

#abouts .same dl.even {
	float:right;
}

#abouts .same dl dt {
	line-height:1.0;
	border:1px solid #000;
	padding:12px 0 15px;
	text-align:center;
	font-size:2.0em;
	font-weight:200;
	margin:0 0 20px;
}

#abouts .same dl dd {
	font-size:2.0em;
	line-height:1.6;
	font-weight:300;
}

#abouts .same dl dd.green {
	color:#00a484;
	margin:0 0 5px;
}

#abouts .same dl dd.ex span {
	color:#fff;
	background:#00a484;
	display:inline-block;
	line-height:1.0;
	padding:2px 10px 5px 20px;
	margin:0 0 0 10px;
	position:relative;
}

#abouts .same dl dd.ex span:before {
	position:absolute;
	content:'';
	background:url(../image/about_icon.png) left top no-repeat;
	width:7px;
	height:8px;
	left:10px;
	top:10px;
}

#abouts .caution, #abouts dl dd.caution {
	font-size:1.5em;
	line-height:1.6;
	font-weight:300;
}

.reserve_btn a {
	display: block;
	margin: .75em auto;
	max-width: 360px;
	padding: .75em 0;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	background-color: #520;
	border-radius: 2em;
	text-align: center;
	text-decoration: none;
	transition: box-shadow .3s, transform .3s;
}
.reserve_btn a:hover {
	background-color: #f70;
	transform: translateY(-4px);
	box-shadow: 0 0.25em 0.25em rgba(0,0,0,0.25);
}
.reserve_btn a:active {
	background-color:  #f70;
	transform: translateY(0);
	box-shadow: 0 0 0 rgba(0,0,0,0.25);
	transition-duration: .1s;
}


/** about **/
.about{
	width: 94%;
	font-size: 1.4em;
	margin: 30px auto 0 auto;
	font-weight:300;
}

.about .map{
	width: 100%;
	margin-top: 20px;
}
.about .map iframe{
	width: 100%;
	height: 300px;
}
.about .access,
.about .phone,
.about .time{
	margin-top: 10px;
}
.about .phone a:active,
.about .phone a:hover,
.about .phone a:visited,
.about .phone a:link{
	color: #000;
	text-decoration: none;
}

/** footer **/
footer{
	width: 100%;
	margin-top: 30px;
	margin-bottom: 30px;
}
footer figure{
	width: 40%;
	height: auto;
	margin: 0 auto;
}
footer p{
	font-size: 1.2em;
	text-align: center;
	margin-top: 20px;
}
footer p a:active,
footer p a:hover,
footer p a:visited,
footer p a:link{
	color: #000;
	text-decoration: none;
}
footer small{
	display: block;
	font-size: 1.1em;
	text-align: center;
	color: #898989;
	margin-top: 10px;
}



@media screen and (max-width: 768px) {
	
	.reserve_btn a{
		box-shadow: 0 0.25em 0.25em rgba(0,0,0,0.25);
	}


	/* sec02 */

	/* item */
	#sec02 .item {
		width:94%;
	}
	#sec02 .item .ttls {
		text-align:center;
		margin:0 0 20px;
	}
	#sec02 .item .ttls img {
		max-width:90%;
	}
	#sec02 .item .inner {
		width:94%;
		margin:0 auto;
	}


	/* item01 */



	#sec02 .item .item01 h2 {
		width:33%;
		padding:40px 0 0 0;
		text-align:center;
	}
	#sec02 .item .item01 .img {
		float:left;
		width:33%;
		margin-right:0;
	}
	#sec02 .item .item01 dl.pribox {
		width:33%;
	}


	/* item02 */


	#sec02 .item .item02 .box01 .same {
		overflow:hidden;
		zoom:1;
		margin-right:1%;
		display:inline-block;
		vertical-align:top;
		max-width:32%;
	}
	#sec02 .item .item02 .box01 .same.end {
		margin:0;
	}



	/* item03 */

	#sec02 .item .item03 .box01 .same {
		max-width:32%;
		margin:0 1% 0 0;
		vertical-align:top;
	}
	#sec02 .item .item03 .box01 .same.end {
		margin:0;
	}
	
	
	/* item04 */
	
	#sec02 .item .item04 .box00 .same {
		max-width:32%;
		margin:0 1% 0 0;
		vertical-align:top;
	}
	#sec02 .item .item04 .box00 .same.end {
		margin:0;
	}


	#sec02 .item .caution {
		font-size:1.4em;
		font-weight:200;
		position:absolute;
		left:0;
		bottom:-60px;
	}


	/* sec03 */

	#sec03 .container {
		width:94%;
		padding:60px 0;
		margin:0 auto;
	}
	
	#sec03 .container .same {
		position:relative;
		margin:0;
		width:auto;
	}

	#sec03 .container .texts {
		width:auto;
	}

	#sec03 .container .human {
		position:static;
		text-align:center;
	}
	
	#sec03 .container .human img {
		max-width:40%;
	}


	
	
	/** sec04 **/

	#sec04 {
		width:94%;
		margin:0 auto 50px;
	}

	#sec04 .inner {
		border:3px solid #000;
		padding:5% 4%;
		border-radius:7px;
	}

	#sec04 .inner .same {
		overflow:hidden;
		zoom:1;
		margin:0 0 30px;
	}

	#sec04 .inner .same .left {
		width:auto;
		float:none;
		margin:0 0 30px;
	}
	
	
	#sec04 .inner .same .left dl dt {
		font-size:2.6em;
	}

	#sec04 .inner .same .left dl dd {
		font-size:1.6em;
		font-weight:300;
	}	

	#sec04 .inner .same .left p {
		font-size:2.0em;
	}


	#sec04 .inner .same .right dl dt {
		font-size:1.8em;
	}

	#sec04 .inner .same .right dl dd {
		font-size:1.4em;
		line-height:1.6;
		font-weight:300;
	}

	#sec04 .inner .same .right ul {
		font-size:1.6em;
	}

	#sec04 .inner .same .right p {
		font-size:1.4em;
		font-weight:300;
	}


	#sec04 .inner .same .right {
		width:auto;
		float:none;
	}

	#sec04 .inner .link a {
		width:100%;
		font-size:1.6em;
	}

	#sec04 .inner .link a:after {
		right:5%;
	}
	
	/** abouts **/

	#abouts {
		width:94%;
		margin:0 auto;
	}
	
	#abouts h2 {
		font-size:5.75vw;
		padding:5vw 0;
	}

	#abouts .same {
		overflow:hidden;
		zoom:1;
		margin:0 0 20px;
	}

	#abouts .same dl {
		width:auto;
		float:none;
		margin:0;	 
	}

	#abouts .same dl.even {
		float:none;
		margin:40px 0 0;
	}
	
	#abouts .same dl dt {
		font-size:1.6em;
		font-weight:300;
	}

	#abouts .same dl dd {
		font-size:1.6em;
		line-height:1.6;
		font-weight:300;
	}
	
	#abouts .same dl dd.ex span {
		padding:5px 10px 7px 25px;
		font-size:1.2em;
		margin:7px 0 0;
	}
	
	#abouts .same dl dd.ex a,
	#abouts .same dl dd.ex a:hover,
	#abouts .same dl dd.ex a:active {
		color:#FFF;
		text-decoration:none;
	}

	#abouts .caution, #abouts dl dd.caution {
		font-size:1.4em;
		line-height:1.6;
		font-weight:300;
	}
	
}

/*===============================================
 iPad and PC
===============================================*/
@media screen and (min-width: 768px) {
	/** common **/
	.pc{
		display: block;
	}
	.sp{
		display: none;
	}
	.pc2{
		display: none;
	}
	.sp2{
		display: block;
	}

	/** header **/
	#header{
		width: 82%;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-webkit-align-items: center;
		align-items: center;
		margin: 0 auto;
		padding: 10px 0 15px 0;
	}
	#header  .logo{
		width: 142px;
	}
	#header .list{
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: flex-end;
		justify-content: flex-end;
		width: 60%;
	}
	#header .list li{
		margin: 0 5px;
	}
	
	
	/** about **/

	.about .check_text{
		font-size: 1.3em;
		text-align: center;
		font-weight: bold;
		margin: 0 0 15px 0;
	}

	.about .about_btn{
		width: 100%;
		padding:15px 0 0 0;
		text-align: center;
		margin: 0 auto;
	}

	.about .tel_text{
		width: 100%;
		font-size: 1.4em;
		margin: 0 auto;
		padding: 10px 0;
	}
	.about .tel{
		font-size: 3em;
	}
	.about .counseling{
		text-align: center;
	}

	.about .caution{
		margin-top: 3.5%;
	}

	.about .caution2{
		margin-top: 12px;
		color: #b01e23;
		font-weight: bold;
	}

	.about .caution3{
		margin: 5px 0 20px 0;
		font-size: 0.9em;
	}

	.about .about_inner{
		overflow: hidden;
		zoom: 1;
		margin-top: 40px;
	}
	.about .about_inner .map{
		width: 50%;
		float: left;
	}

	.about .about_inner .left{
			width: 50%;
			float: left;
	}

	.about .about_inner .right{
		width: 48%;
		float: right;
	}
	
	

}

/*===============================================
  画面の横幅が1024px以上(PC)
===============================================*/
@media screen and (min-width: 1025px){
	/** common **/
	.pc2{
		display: block;
	}
	.sp2{
		display: none;
	}

	/** header **/
	#header{
		width: 1056px;
	}

	/** about **/
	.about{
		width: 1000px;
	}
	.about .tel_text{
		width: 100%;
		padding: 10px 0;
	}

	

	/** footer **/
	footer figure{
		width: 190px;
	}
}

@media screen and (max-width: 640px) {
	
	
	
	/* sec01 */

	#sec01 {
	}

	/* sec02 */
	
	#sec02 {
		padding:30px 0 80px;
	}


	

	/* item */
	#sec02 .same {
		overflow: hidden;
	}
	.new_item {
		padding-left: 30px;
	}


	/* item01 */

	#sec02 .item .item01 h2 {
		width:100%;
		padding:0 5%;
		text-align:left;
		float:none;
		margin:0 0 20px;
	}
	#sec02 .item .item01 .img {
		float:left;
		width:30%;
		margin:0;
	}
	#sec02 .item .item01 dl.pribox {
		width:65%;
		margin:0;
		float:right;
	}


	/* item02 */
	#sec02 .item .item02>div{
		padding: 0 5vw;
	}
	#sec02 .item .item02>div div~div{
		margin-top: 3em;	
	}
	#sec02 .item .item02>div>div:first-child{
		flex-wrap: wrap;
		margin-bottom: 0;	
	}
	#sec02 .item .item02>div>div:first-child figure{
		margin-bottom: 1em;	
	}



	/* item03 */

	#sec02 .item .item03 .box01 .same {
		max-width:100%;
		margin:0 0 30px;
		vertical-align:top;
	}
	#sec02 .item .item03 .box01 .same.end {
		margin:0;
	}

	/* item04 */


	/* item04 */
	
	#sec02 .item .item04 .box00 .same {
		max-width:inherit;
		display:block;
		margin:0 0 40px;
	}
	#sec02 .item .item04 .box00 .same.end {
		margin:0;
	}
	#sec02 .item .item04 .box00 .same .img {
		float:left;
		width:30%;
	}
	#sec02 .item .item04 .box00 .same dl.pribox {
		margin-left:32%;
		text-align:left;
	}


	
	#sec02 .item .item04 .box01 {
		margin:0;
	}
	
	#sec02 .item .item04 .box01 .same {
		width:100%;
		float:none;
		margin:0 0 30px;
	}
	#sec02 .item .item04 .box01 .same .img {
		float:left;
		width:30%;
		text-align:center;
	}
	#sec02 .item .item04 .box01 .same dl.pribox {
		margin-left:35%;
		text-align:left;
	}
	#sec02 .item .item04 .box00 .same.ex .img {
		width:40%;
	}
	#sec02 .item .item04 .box00 .same.ex dl.pribox {
		margin-left:45%;
	}
	#sec02 .item .caution {
		font-size:1.4em;
		font-weight:200;
		position:absolute;
		left:3%;
		bottom:-50px;
	}



	/* sec03 */

	#sec03 {
		margin:0 0 50px;
	}
	
	#sec03 .container h2 span {
		display:block;
		text-align:center;
	}

	#sec03 .container h2 span:last-child {
		margin:10px 0 0;
	}
	
	



	
	#sec03 .container .youtube dd iframe {
		width:100%;
		height:200px;
		display:block;
		margin:0 auto;
	}

}