@charset "UTF-8";

.pc{}
.sp{display:none;}

body{overflow:hidden;}

/* フェードインで要素を表示
---------------------------------------------------------- */
.fadein {
  opacity : 0;
  transform: translateY(30px);
  transition: all 1s;
}
/* 下から上へ */
.an-fadeup {
    animation-name: fadeup;
    animation-duration: 1s;
    animation-iteration-count: 1;
}
@keyframes fadeup {
from {
    opacity: 0;
     transform: translateY(40px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}


/* カバー */
.ex_cover{
	background:url(../img/experience/cover_back.jpg);
	background-position:50% 50%;
	background-size:cover;
	padding:60px 3% 180px;
	position:relative;
}
.ex_cover h1{
	width:90%;
	max-width:720px;
	margin:0 auto;
}


.ex_arc{
	min-height: 180px;
	min-height: 200px;
	border-top-right-radius: 1400px 240px;
	border-top-left-radius: 1400px 240px;
	margin-left: -120px;
	margin-right: -120px;
	padding: 0px 120px 80px;
  }
.bg_white{
	/*background: #e0f2fc;*/
	padding:0 0 80px;
	background: #fff;
	position:relative;
	margin-top:-120px;
}
.bg_green{
	/*background: #e0f2fc;*/
	padding:0 0 60px;
	background: #63afa6;
	position:relative;
	margin-top:-80px;
}

.ex_red{
	color:#cb3434;
}

.ex_center{
	text-align:center;
}

.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt60{padding-top:60px;}

.size36{font-size:36px;}
.size48{font-size:48px;}

.q_box{
	width:56%;
	max-width:720px;
	margin:0 auto;
	display:flex;
}
.q_box img{
	display: block;
	margin:-30px 3% 0;
	width:27.33%;
}

.ex_cont{
	width:54%;
	max-width:960px;
	margin:0 auto;
}

.catch{}
.catch span.block{display:inline-block;}

.ex_cont h2 img{
	display:block;
	max-height:64px;
	width:auto;
	max-width:90%;
	margin:0 auto;
}

.ex_cont .col2{
	display:flex;
}
.ex_cont .col2 img{
	width:34%;
	margin:4% 8%;
}

.ex_cont_showroom{
	width:56%;
	max-width:1440px;
	margin:0 auto;
}
.ex_cont_showroom h2 img{
	display:block;
	max-height:64px;
	width:auto;
	max-width:90%;
	margin:0 auto;
}
.ex_cont_showroom .col2{
	display:flex;
	width:100%;
}
.ex_cont_showroom .col2 .col{
	width:50%;
	padding:3%;
}

.ex_cont_showroom .col2 .col_inner{
	display:flex;
}
.ex_cont_showroom .col2 .col_inner .img{
	width:46%;
}
.ex_cont_showroom .col2 .col_inner .txt{
	width:50%;
	padding-left:4%;
}
.ex_cont_showroom .col2 .col_inner .txt dl{
	padding-top:1em;
	color:#fff;
}
.ex_cont_showroom .col2 .col_inner .txt dt{
	font-size:120%;
}
.map{
	padding-top:1em;
}


.bg_white02{
	padding:60px 3%;
	background:#fff;
}

.attention{
	border:solid 1px #ea9797;
	padding:1.5em;
	width:94%;
	max-width:880px;
	margin:0 auto;
}

.attention h2{
	color:#dd5d5d;
	font-size:140%;
}
.attention h2 span{
	font-size:80%;
}

.attention ul{
	padding:1em 0 0 1.5em;
	list-style:disc;
}
.attention ul li{
	padding-bottom:0.5em;
}
.attention ul li p{
	padding-top:0;
}


.bg_blue{
	padding:60px 3%;
	background:#cbedf5;
}
.bg_blue .blue_inner{
	background:#fff;
	width:94%;
	max-width:880px;
	margin:0 auto;
	padding:2%;
	border-radius:4px;
}
.bg_blue .blue_inner h2 img{
	display:block;
	max-height:64px;
	width:auto;
	max-width:90%;
	margin:0 auto;
}
.center{
	text-align:center;
}
.tc_red{color:#dd5d5d;}


.kiyaku{
	width:94%;
	max-width:880px;
	margin:0 auto;
	height:360px;
	overflow:auto;
	border:solid 1px #707070;
	padding:1.5em;
}
.kiyaku .right{text-align:right;}
.kiyaku h2{
	text-align:center;
	font-weight:bold;
	font-size:120%;
}
.kiyaku ol{
	padding:0 0 0 1.5em;
	list-style:decimal;
}

.bn{
	background:#e9eff4;
}
.bn img{
	display:block;
	margin:0 auto;
	width:100%;
	max-width:1280px;
}

.thanks h2{font-size:160%;}
.thanks p{line-height:1.6;}


/* ▼768px以下の場合に適用（iPad portrait以下）
---------------------------------------------------------------------- */
@media only screen and (max-width: 768px) {
	
.pc{display:none;}
.sp{display:block;}


.size36{font-size:24px;}
.size48{font-size:32px;}


.ex_cont_showroom .col2{
	display:block;
}
.ex_cont_showroom .col2 .col{
	width:100%;
	padding:3% 3% 40px;
}


}