body{
	font-family: 'Noto Sans JP', sans-serif;
}

@media screen and (min-width: 767px) { /* Smartphone */
	.pcOFF{
		display:none;
	}
}
@media screen and (max-width: 767px) { /* Smartphone */
	.spOFF{
		display:none;
	}
}
/* -- */
.tit01{
	color:#183073;
	font-size:42px;
	font-weight:normal;
	margin-bottom:30px;
	font-family: 'M PLUS 1p', sans-serif;
	font-weight:bold;
}

.txt01{
	font-size:20px;
}
.txt-cr{
	text-align:center;
	margin-bottom:25px;
}
.txt-dg{
    color: #183073;
}
.titObi{
	background:#183073;
	margin-bottom:100px;
	position:relative;
	padding:40px 0 60px;
}
.titObi:after{
	content:"";
	width:100%;
	height:29px;
	background:url(../img/arrow01.png) no-repeat center top;
	position:absolute;
	bottom:-29px;
}
.titObi span{
	display:block;
	max-width: 1240px;
	width:100%;
	margin:0 auto;
	text-align:center;
	color:#fff;
	font-size:42px;
	line-height:1.6;
}

.lead{
	font-size:16px;
	text-align:center;
	color:#111;
	margin-bottom:30px;
	font-weight:bold;
}
.wrap-big {
    width: 100%;
    max-width: 1220px;
    margin: 0 auto 80px
}
@media screen and (max-width: 767px) { /* Smartphone */

		.tit01{
			font-size:20px;
			text-align:center;
		}
	.titObi{
		padding:30px 0;
		margin-bottom:60px;
	}
	.titObi:after{
	}
	.titObi span{
		font-size:23px;
		line-height:1.6;
	}
    .wrap-big {
        padding:3%
    }
}

/*======================================================================*
	section_title
 *======================================================================*/

.section_title  {
	margin-bottom:100px;
}
.section_title #video-img {
background: #000000 url(../img/img_main_r7.jpg) center center no-repeat;
background-size: cover; z-index: -1;
}
@media (max-width: 767px) {
	.section_title{
		margin-bottom:50px;
	}
	.section_title #video-img {
		background: #000000 url(../img/img_main_r7_sp.jpg) center center no-repeat;
		background-size: cover;
	}
}

/*======================================================================*
 *  [ main ] 
 *======================================================================*/
main{
}

.inner{
	width:100%;
	max-width:1220px;
	padding:0 20px;
	margin:0 auto;
}


@media screen and (max-width: 767px) { /* Smartphone */
	.inner{
		width:calc(100% - 30px);
		margin:0 auto;
	}
}

/*======================================================================*
 *  [ header ] 
 *======================================================================*/
#header{
	position:relative;
	z-index:999;
	background:#fff;
}


/*======================================================================*
 *  [ mainImg ] 
 *======================================================================*/

.mainImg {
	background: url(../img/main.jpg) center center;
	background-size: cover;
	color: #fff;
	padding-top:15%;
	padding-bottom: 25%;
	margin-bottom:100px;
}
.mainImg .inner {
	max-width: 1240px;
	margin: 0 auto;
	padding: 0 20px;
}
.mainImg * {
	margin: 0;
}
.mainImg h1 {
	font-size:50px;
	font-weight:bold;
	font-style:italic;
	text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.4);
}
.mainImg p {
	font-size:100px;
	font-weight:bold;
	font-style:italic;
	text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.4);
}
.mainImg p.logo img{
	width:100%;
	height:auto;
	filter: drop-shadow(5px 5px 5px #222);
}

@media screen and (max-width: 767px) { /* Smartphone */
	.mainImg {
		text-align: center;
	}
	.mainImg p {
		font-size:30px;
	}
	.mainImg h1 {
		font-size:25px;
	}
	.mainImg p.logo img{
	width:50%;
	}
} /* */


/*======================================================================*
 *  [ about ] 
 *======================================================================*/
h2[data-v-05f799df] {
    line-height: 1;
    font-family: Oswald,sans-serif;
    font-weight: 200;
    font-style: italic;
    font-size: 6rem;
    color: #183073;
    margin-bottom: 45px;
}

h2 b[data-v-05f799df] {
    font-family: メイリオ,Meiryo,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,Verdana,sans-serif;
    font-size: 3rem;
    color: #76757a;
    font-style: normal
}

#about[data-v-05f799df] {
    overflow: hidden;
    margin: 30px 0 80px;
    background: linear-gradient(90deg,#fff 60%,#7aced6 61%,#7aced6)
}

#about div[data-v-05f799df] {
    position: relative;
    display: flex;
    justify-content: space-between;
    height: 587px;
    margin-bottom: 0
}

#about div .about-img[data-v-05f799df],#about div .about-txt[data-v-05f799df] {
    position: relative;
    flex: 0 0 50%;
    line-height: 1.8;
    background: linear-gradient(270deg,#fff 50%,#7aced6);
    transform: skew(-20deg) translateX(0)
}
#about div .about-img[data-v-05f799df],#about div .about-txt[data-v-05f799df] .tit01 {
	padding-top:30px;
}
#about div .about-inner[data-v-05f799df] {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%
}

#about div .about-img[data-v-05f799df] {
    background: #7aced6
}

#about div .about-txt div[data-v-05f799df],#about div figure[data-v-05f799df] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    transform: skew(20deg)
}

#about div figure img[data-v-05f799df] {
    display: block;
    margin: 0 auto;
    padding: 50px 0 30px;
    width: 100%;
    max-width: 500px
}

#about div .about-txt[data-v-05f799df] {
    background: #fff
}

@media screen and (min-width: 768px)and (max-width:1220px) {
    #about[data-v-05f799df] {
        margin:30px 0 0 30px
    }
}

.fadeIn .fadeIn_2[data-v-05f799df] {
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.fadeIn .fadeIn_2[data-v-05f799df],.fadeIn .fadeIn_3[data-v-05f799df] {
    -webkit-animation-name: fadeInAnime-data-v-05f799df;
    animation-name: fadeInAnime-data-v-05f799df;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    opacity:100; 
}

.fadeIn .fadeIn_3[data-v-05f799df] {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@media(max-width: 767px) {
	#about .wrap-big{
		padding:0 !important;
	}
    #about[data-v-05f799df] {
        background:linear-gradient(180deg,#fff 60%,#7aced6 61%,#7aced6);
        padding-bottom: 10%;
        margin: 30px 0 50px;
    }

	#about div[data-v-05f799df] {
		height: auto;
	}
    #about div[data-v-05f799df] {
        position: relative!important
    }

    #about .wrap-big[data-v-05f799df] {
        display: block;
        height: 100%
    }

    #about .wrap-big .about-txt[data-v-05f799df] {
        transform: skew(0deg,10deg)
    }

    #about .wrap-big .about-txt .about-inner[data-v-05f799df] {
        margin: 0 15px 80px;
        position: relative;
        transform: skew(0deg,-10deg)
    }

    #about .wrap-big .about-img[data-v-05f799df] {
        height: auto;
        transform: skew(0deg,10deg)
    }

    #about .wrap-big .about-img figure[data-v-05f799df] {
        position: relative;
        transform: skew(0deg,-10deg);
        padding: 50px 20px 0
    }

    #about .wrap-big .about-img figure[data-v-05f799df]:nth-child(2),#about .wrap-big .about-img figure[data-v-05f799df]:nth-child(3) {
        position: absolute
    }
}

/*======================================================================*
 *  [ infomationBox ] 
 *======================================================================*/
.infomationBox{
	margin-bottom:100px;
}
.infomationBox .inner{
	width:100%;
	max-width:1200px;
	margin:0 auto;
}
.infomationBox__tit{
	font-size:24px;
	font-weight:bold;
	line-height:160%;
	margin-bottom:80px;
	text-align:center;
}
.infomationBox__txt{
	padding:10px 0;
	text-align:center;
	font-size:16px;
	line-height:150%;
	font-size: 16px;
	letter-spacing: 0.04em;
	line-height: 2em;
	background:url(../img/logo_R.png) no-repeat center center;
	background-size:contain;
}
@media screen and (max-width: 1280px) { /* Smartphone */
	.infomationBox .inner{
		width:calc(100% - 25px);
	}
}

@media screen and (max-width: 767px) { /* Smartphone */
	.infomationBox{
		margin-bottom:40px;
	}
	.infomationBox__tit{
		line-height:140%;
		padding:0;
		text-align:center;
		font-size:21px !important;
		margin-bottom:15px;
		letter-spacing:-1px;
	}
	.infomationBox__tit br{
		display:block !important;
	}
	.infomationBox__txt{
		font-size:15px;
		line-height:150%;
		text-align:left;
	}

}
/*======================================================================*
 *  [ productsBox ] 
 *======================================================================*/
.productsBox{
	margin-bottom:130px;
}
.productsBox .inner{
	width:100%;
	max-width:1140px;
	margin:0 auto;
	border:solid 1px #707070;
	padding:30px;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	align-items: center;
}
.productsBox .inner .pic{
	flex-basis:45%;
}
.productsBox .inner .pic img{
	width:100%;
	height:auto;
}
.productsBox .inner .info{
	flex-basis:55%;
}
.productsBox .inner .info h3{
	font-weight: normal;
	font-size: 24px;
	line-height: 24px;
}
.productsBox .inner .info p{
	font-size:16px;
	line-height:150%;
	font-size: 16px;
}

@media screen and (max-width: 767px) { /* Smartphone */
	.productsBox{
		margin-bottom:30px;
	}
	.productsBox .inner{
		max-width:calc(100% - 30px);
		padding:10px;
	}
	.productsBox .inner .pic{
		flex-basis:100%;
	}
	.productsBox .inner .info{
		flex-basis:100%;
	}
}

/*======================================================================*
 *  [ voiceBox ] 
 *======================================================================*/
.voiceBox{
	background:#E8F4FF;
	padding-bottom:40px;
}

.voiceBoxTit{
	background: url(../img/voiceMain.jpg) no-repeat center center;
	background-size: cover;
	color: #fff;
	margin-bottom:80px;
	display:flex;
	padding:10% 0;
	justify-content:space-between;
	flex-wrap:wrap;
	align-items: center;  /* 子要素をflexboxにより中央に配置する */
	height:auto;
}
.voiceBoxTit div{
	max-width: 1240px;
	width:100%;
	margin: 0 auto;
}
.voiceBoxTit div h2{
	text-align:center;
	font-size:42px;
	font-weight:bold;
}
.voiceBoxTit div p{
	font-size:16px;
	font-weight:bold;
	text-align:center;
}
.voiceBox .inner{
	width:100%;
	max-width:785px;
	margin:0 auto;
}
.voiceBox__lst{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.voiceBox__lst li{
	flex-basis:45%;
	margin-bottom:30px;
	list-style:none;
}
.voiceBox__lst__msg{
	background:#21337C;
	border-radius:15px;
	color:#fff;
	padding:15px;
	font-size:15px;
	min-height:180px;
	margin-bottom:20px;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	align-items: center;  /* 子要素をflexboxにより中央に配置する */
	position:relative;
}
.voiceBox__lst__msg:after{
	content:"";
	width:100%;
	height:27px;
	background:url(../img/arrow02.png) no-repeat 80px  top;
	position:absolute;
	bottom:-23px;
	left:0;
}
.voiceBox__lst__cnt{
}
.voiceBox__lst__cnt span{
	display:block;
}
.voiceBox__lst__cnt span:nth-child(1){
	text-align:center;
	margin-bottom:15px;
}
.voiceBox__lst__cnt span:nth-child(2){
	text-align:center;
	font-size:24px;
	font-weight:bold;
	color:#183073;
}
.voiceBox__lst__cnt span:nth-child(1) img{

}


@media screen and (max-width: 767px) { /* Smartphone */

	.voiceBoxTit{
		background: url(../img/voiceMain_sp.jpg) no-repeat center center;
		background-size:cover;
		width:auto;
		padding:40px 20px 0;
		margin-bottom:20px;
	}
	.voiceBoxTit div{
		height:auto;
		margin-bottom:30px;
	}
	.voiceBoxTit .pcOFF{
		display:inline-block;
	}

	.voiceBox .inner{
		width:calc(100% - 40px);
	}
	.voiceBox__lst{
	}
	.voiceBox__lst li{
		flex-basis:100%;
	}
	.voiceBoxTit__txt{
	/*	padding-bottom:60%;*/
	}
}
/*======================================================================*
 *  [ relationList ] 
 *======================================================================*/
.relationList{
}
.relationList .inner{
	width:100%;
	max-width:1200px;
	margin:0 auto 100px;
	padding:0 20px;

}
.relationList .inner .lst{
	width:100%;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.relationList .inner .lst .item{
	flex-basis:24%;
	list-style:none;
}
.relationList .inner .lst .item .pic{
	width:100%;
	display:block;
	text-align:center;
}
.relationList .inner .lst .item .pic img{
	width:100%;
	height:auto;
}
.relationList .inner .lst .item .date{
	text-align:right;
}
.relationList .inner .lst .item .date span{
	display:inline-block;
	padding:5px 10px;
	border:solid 1px #707070;
	color:#201F20;
	font-size:12px;
}
.relationList .inner .lst .item .tit{
	color:#0A2C80;
	font-weight:bold;
}
@media screen and (max-width: 767px) { /* Smartphone */
	.relationList .inner .lst .item{
		flex-basis:48%;
	}
	.relationList .inner .lst .item.spOFF{
		display:none;
	}
}

/*======================================================================*
 *  [ modelBox ] 
 *======================================================================*/
.modelBox{
	margin-bottom:50px;
}
.modelBox .inner{
	width:100%;
	max-width:895px;
	margin:0 auto;
}
.modelBox__tit{
	color:#53AA3E;
	text-align:center;
	font-size:36px;
	margin-bottom:30px;
}
.modelBox__tit span{
	display:inline-block;
	background:url(../img/linemarker.png) repeat-x left bottom -5px;
}
.modelBox__lst{
	width:100%;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.modelBox__lst li{
	flex-basis:44.6%;
	list-style:none;
}
.modelBox__lst__pic{
	text-align:center;
	margin-bottom:20px;
}
.modelBox__lst__pic img{
}
.modelBox__lst__tit{
	font-size:43px;
	font-weight:bold;
	color:#183073;
	margin-bottom:15px;
	font-family: 'Roboto Condensed', sans-serif;
}
.modelBox__lst__txt{
	font-size:16px;
}
@media screen and (max-width: 767px) { /* Smartphone */

	.modelBox .lead .pcOFF{
		display:inline-block;
	}
	.modelBox .inner{
		width:calc(100% - 40px);
	}
	.modelBox__tit{
		font-size:27px;
	}
	.modelBox__lst{
	}
	.modelBox__lst li{
		flex-basis:100%;
		margin-bottom:75px;
	}
	.modelBox__lst__pic{
		margin:0;
	}
	.modelBox__lst__tit{
		margin-bottom:0;
	}
	.modelBox__lst__txt{
		margin:0;
	}
} 
@media screen and (max-width: 365px) { /* Smartphone */
	.modelBox__tit{
		font-size:25px;
	}
}
/*======================================================================*
 *  [ flowBox ] 
 *======================================================================*/
.flowBox{
}
.flowBox .inner{
}
.flowBox .lead{
	margin-bottom:50px;
}
.flowBox__lst{
	width:100%;
	max-width:1200px;
	margin:0 auto 100px;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.flowBox__lst__item{
	flex-basis:25%;
	list-style:none;
	padding:0 13px;
	border-right:solid 1px #E3E3E3
}
.flowBox__lst__item:last-child{
	border:none;
}
.flowBox__lst__lbl{
	border-radius:100px;
	background:#53AA3E;
	padding:5px;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	color:#fff;
}
.flowBox__lst__tit{
	text-align:center;
	font-size:28px;
	font-weight:bold;
	color:#183073;
	margin-bottom:20px;
}
.flowBox__lst__pic{
	text-align:center;
}
.flowBox__lst__pic img{
}

@media screen and (max-width: 767px) { /* Smartphone */

	.flowBox .lead .pcOFF{
		display:inline-block;
	}
	.flowBox .inner{
		width:calc(100% - 40px);
		margin:0 auto;
	}
	.flowBox__lst{
		width:84%;
		margin:0 auto;
	}
	.flowBox__lst__item{
		flex-basis:100%;
		border:none;
	}
}
/*======================================================================*
 *  [ registerBox ] 
 *======================================================================*/
.registerBox{
	margin-bottom:80px;
}
.registerBox__tit{
}

.registerBox__tit{
	background: url(../img/registerMain.jpg) center center;
	background-size: cover;
	color: #000;
	margin-bottom:80px;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	align-items: center;  /* 子要素をflexboxにより中央に配置する */
	height:auto;
	padding:10% 0;
}
.registerBox__tit div{
	max-width: 1240px;
	width:100%;
	margin: 0 auto;
}
.registerBox__tit h2{
	padding-top:100px;
	position:relative;
	text-align:center;
	font-size:36px;
	font-weight:bold;
	margin-bottom:30px;
}
.registerBox__tit h2:before{
	content:"";
	width:100%;
	height:78px;
	position:absolute;
	left:0;
	top:0;
	background:url(../img/registerMain_icon.png) no-repeat center center;
}
.registerBox__tit a{
	display:block;
	text-align:center;

}
.registerBox__tit a:hover img{
    opacity:100 !important;
	filter: brightness(120%);
}

.registerBox .inner{
	width:100%;
	max-width:1200px;
	margin:0 auto;
}
.registerBox .lead{
	font-size:36px !important;
	text-align:center;
	margin-bottom:100px;
}
.registerBox__lst{
	width:100%;
	max-width:1000px;
	margin:0 auto;
	list-style:none;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.registerBox__lst__item{
	flex-basis:48%;
	text-align:center;
}
.registerBox__lst__item img{
	width:100%;
	max-width:488px;
	height:auto;
}

@media screen and (max-width: 1280px) { /* Smartphone */
	.registerBox .inner{
		width:calc(100% - 40px);
	}
}
@media screen and (max-width: 767px) { /* Smartphone */
	.registerBox__tit{
		background:#000 url(../img/registerMain_sp.jpg) no-repeat center center;
		background-size:cover;
		width:auto;
		padding:15% 20px;
	}
	.registerBox__tit{
		height:auto;
		margin-bottom:50px;
	}
	.registerBox__tit h2{
		font-size:28px;
	}
	.registerBox__tit h2:before{
		height:66px;
		background-size:auto 100%;
	}
	.registerBox__tit a{
	}
	.registerBox .inner{
		width:calc(100% - 40px);
		margin:0 auto;
	}
	.registerBox .lead .pcOFF{
		display:inline-block;
	}
	.registerBox .lead{
		font-size:25px !important;
	}
	.registerBox__lst__item{
		display:block;
		flex-basis:100%;
		margin-bottom:15px;
		text-align:center;
	}
	.registerBox .lead{
		margin-bottom:50px;
	}
}
@media screen and (max-width: 365px) { /* Smartphone */
	.registerBox .lead{
		font-size:23px !important;
	}
}

/*======================================================================*
 *  [ campBox ] 
 *======================================================================*/
.campBox{
	width:100%;
	max-width:860px;
	margin:0 auto 50px;
	padding:0 20px;
}
.campBox__tit{
	text-align:center;
	font-size:36px;
	font-weight:bold;
	margin-bottom:80px;
}
.campaignLink{
}
.campaignLink li{
	text-align:center;
}
.campaignLink li img{
	width:98%;
	height:auto;
}

.campaignLink .slick-prev {
    position: absolute;
    left: -40px;
    top: 55px;
	bottom:0;
	margin:auto;
    width: auto;
    height: auto;
	z-index:10;
}
.campaignLink .slick-next {
    position: absolute;
    right: -40px;
    top: 55px;
	bottom:0;
	margin:auto;
    width: auto;
    height: auto;
	z-index:10;
}

@media screen and (max-width: 767px) { /* Smartphone */
	.campBox__tit{
		font-size:23px;
	}

	.campaignLink .slick-prev ,
	.campaignLink .slick-next {
		width:11px !important;
		height:22px !important;
	}

	.campaignLink .slick-prev {
		top:35px;
		left: -12px;
	}
	.campaignLink .slick-next {
		top:35px;
		right: -12px;
	}

}


/*======================================================================*
 *  [ floatBanner_PC ] 
 *======================================================================*/
.floatBanner_PC{
	width: 100%;
	background:rgba(0,0,0,0.5);

	position:fixed;
	bottom:0px;
	left:0px;

	padding:10px 0;
	text-align:center;
}
.floatBanner_PC a{

	display:inline-block;
	background:#53aa3e url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216.121%22%20height%3D%2229.414%22%20viewBox%3D%220%200%2016.121%2029.414%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_542%22%20data-name%3D%22%E3%83%91%E3%82%B9%20542%22%20d%3D%22M-3520.494%2C5232.68l14%2C14-14%2C14%22%20transform%3D%22translate(3521.201%20-5231.973)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E') no-repeat right 10px center;

	width:100%;
	max-width: 850px;
	padding:10px 0 10px;
	border-radius: 5px;
	color:#fff;
	text-align:center;

	font-weight: bold;
	font-size: 26px;
	letter-spacing: 0.05em;
	text-align: center;

}

/*======================================================================*
 *  [ floatBanner ] 
 *======================================================================*/
@media screen and (max-width: 767px) { /* Smartphone */
	.floatBanner{
		display:block;
		margin:0;
		background:#53AA3E;
		position:fixed;
		bottom:0;
		left:0;
		width:100%;
		padding:10px 0;
		z-index:999;
	}
	.floatBanner a{
		display:block;
		width:100%;
		text-align:center;
	}
}


/*======================================================================*
 *  [ footer ] 
 *======================================================================*/
@media screen and (max-width: 767px) { /* Smartphone */
	#footer{
		margin-bottom:0px;
	}
}






/*======================================================================*
 *  [ spec ] 
 *======================================================================*/
#spec[data-v-05f799df] {

	border:solid 1px #183073;
	border-radius:20px;
	width:100%;
	max-width:1220px;
	margin:0 auto 100px;

}

#spec .bg-wh[data-v-05f799df] {
    display: block;
    margin: 0 auto 0px;
    border-radius: 20px;
    padding: 30px 40px;
}

#spec .bg-wh div[data-v-05f799df] {
    flex-wrap: wrap;
    margin: 0 -15px
}

#spec .bg-wh div dl[data-v-05f799df] {
    width: calc(33% - 30px);
    color: #76757a;
    border-bottom: 1px solid #183073;
    margin: 0 15px 30px;
    padding-bottom: 15px;
}

#spec .bg-wh div dl dt[data-v-05f799df] {
    font-weight: 700;
    font-size: 1.8rem;
    margin-bottom: 5px;
}

#spec .flex p[data-v-05f799df] {
    width: 100%;
}

@media screen and (min-width: 768px)and (max-width:1220px) {
    #spec .bg-wh[data-v-05f799df] {
        width:96%;
    }

}

@media screen and (min-width: 768px)and (max-width:1000px) {
	#spec[data-v-05f799df] {

		width:calc(100% - 30px);

	}

	#spec .bg-wh[data-v-05f799df] {
		display: block;
		width:calc(100% - 30px);
		margin: 0 auto 0px;
		border-radius: 20px;
		padding: 30px 40px;
	}

}

@media(max-width: 767px) {

	#spec[data-v-05f799df] {
		width:calc(100% - 30px);
	}

    #spec .bg-wh[data-v-05f799df] {
        border-radius:0;
        padding: 30px 0 55px;
    }

    #spec .bg-wh div[data-v-05f799df] {
        display: block;
        margin: 0 auto;
        width: 95%;
    }

    #spec .bg-wh div dl[data-v-05f799df] {
        margin: 0 auto 30px;
        width: 100%;
    }

    #spec .bg-wh div dl dt[data-v-05f799df] {
        font-size: 1.6rem;
    }

    #spec .bg-wh div dl dd[data-v-05f799df],#spec .flex p[data-v-05f799df] {
        font-size: 1.4rem;
    }
}


/*======================================================================*
 *  [ featureBox ] 
 *======================================================================*/
.featureBox{
}
.featureBox .tit01 + .txt{
	font-size:16px;
	margin-bottom:75px;
}

.featureBox__lst{
}
.featureBox__lst .item{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	align-items: center;
	margin-bottom:80px;
}
.featureBox__lst .item .pic{
	flex-basis:40%;
	order:1;
}
.featureBox__lst .item .pic img{
}
.featureBox__lst .item .cnt{
	flex-basis:57%;
	order:2;
}
.featureBox__lst .item .cnt .tit{
	font-size:24px;
}
.featureBox__lst .item .cnt .txt{
	font-size:16px;
}

.featureBox__lst .item:nth-child(even) .pic{
	order:2;
}
.featureBox__lst .item:nth-child(even) .cnt{
	order:1;
}
@media(max-width: 767px) {

		.featureBox{
		}
		.featureBox .tit01 + .txt{
			font-size:14px;
			margin-bottom:75px;
		}

	.featureBox__lst .item .pic{
		flex-basis:100%;
		order:1;
	}
	.featureBox__lst .item .cnt{
		flex-basis:100%;
		order:2;
	}
	.featureBox__lst .item:nth-child(even) .pic{
		order:1;
	}
	.featureBox__lst .item:nth-child(even) .cnt{
		order:2;
	}

	.featureBox__lst .item{
		margin-bottom:40px;
	}

	.featureBox__lst .item .cnt .tit{
		font-size:14px;
	}
	.featureBox__lst .item .cnt .txt{
		font-size:14px;
	}
}
/*======================================================================*
 *  [ operationBox ] 
 *======================================================================*/
.operationBox{
	margin-bottom:100px;
}
.operationBox .inner{
}
.operationBox .txt{
	font-size:16px;
	margin-bottom:75px;
}

.operationBox .youtube{
}
.operationBox .youtube iframe{
	display:block;
	width:100%;
	max-width:900px;
	height:500px;
	margin-left:auto;
	margin-right:auto;
}
@media(max-width: 767px) {
	.operationBox .youtube iframe{
		max-width:900px;
		height:190px;
	}
}
/*======================================================================*
 *  [ faqBox ] 
 *======================================================================*/
.faqBox{
	margin-bottom:100px;
}
@media(max-width: 767px) {
}


/*======================================================================*
 *  [ faqBox ] 
 *======================================================================*/
.faqBox{
}
.faqBox .txt{
	font-size:16px;
	margin-bottom:75px;
}
.faqBox__lst{
	list-style:none;
}
.faqBox__lst li{
}
.faqBox__lst li .faq_q{
  cursor: pointer;
	color:#183073;
	font-weight:bold;
	border-bottom:solid #D1D1D1 1px;
	color:#183073;
	font-size:20px;
	padding:0;
	padding-left:50px;
	padding-right:50px;
	padding-bottom:10px;
	margin-bottom:10px;
	position:relative;
	background:url(../img/faqOpen.png) no-repeat right top;
}
.faqBox__lst li .faq_q.active{
	background:url(../img/faqClose.png) no-repeat right top;
}
.faqBox__lst li .faq_q p{
	margin:0;
}
.faqBox__lst li .faq_q:before{
	content:"Q";
	display:block;
	width:32px;
	height:32px;
	color:#fff;
	background:#183073;
	position:absolute;
	left:0;
	top:0;
	text-align:center;
}
.faqBox__lst li .faq_a{
	padding-bottom:20px;
}
.faqBox__lst li .faq_a p{
	margin:0;
	padding-bottom:15px;
}
.faqBox__lst li .faq_a p span{
	font-weight:bold;
}
.faq_a {
  display: none;
}

.hidden {
  display: none;
}

.faqOpen {
	display:block;
	width:100%;
	max-width:370px;
	margin-left:auto;
	margin-right:auto;
	border:solid 1px #183073;
	cursor: pointer;
	color: blue;
	color:#183073;
	font-size:24px;
	border-radius:10px;
	padding:15px 5px;
	text-align:center;
	background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213.77%22%20height%3D%2212.598%22%20viewBox%3D%220%200%2013.77%2012.598%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_547%22%20data-name%3D%22%E3%83%91%E3%82%B9%20547%22%20d%3D%22M11.115%2C20.208%2C17.59%2C7.61h.85l6.445%2C12.6h-2.2l-4.658-9.4h-.059l-4.629%2C9.4Z%22%20transform%3D%22translate(24.885%2020.208)%20rotate(180)%22%20fill%3D%22%2353b1b7%22%2F%3E%3C%2Fsvg%3E') no-repeat left 20px center;
}

@media(max-width: 767px) {
	.faqBox__lst li .faq_q{
	  cursor: pointer;
		font-size:16px;
		padding-left:35px;
		padding-right:35px;
		background-size:27px;
	}



	.faqBox__lst li .faq_q:before{
		content:"Q";
		display:block;
		width:27px;
		height:27px;
		font-size:13px;
	}
	.faqOpen {
		max-width:220px;
		border-radius:100px;
		padding:5px 5px;
		font-size:14px;
		background-size:10px 20px;
	}

}


/* 店舗一覧 - アコーディオン */
.shopList{
	border: solid 1px #183073;
    border-radius: 20px;
    width: 100%;
    max-width: 1220px;
    margin: 0 auto 100px;
	padding:30px;
}
.shopList .inner{
	width:100%;
}
.shopList .tit{
	color:#183073;
	font-size:30px;
	text-align:center;
	margin-bottom:20px;
}
.acd-check {
  display: none;
}

.acd-label {
  display: block;
  position: relative;
  overflow: hidden;
    cursor: pointer;
	font-size:24px;
	color:#183073;
	font-weight:bold;
	border-bottom:solid 1px #d0d0d0;
	padding-bottom:10px;
	margin-bottom:10px;
	color:#183073;
}

.acd-label:after {
  content: '＋';
  color: #b5b5b5;
  display: block;
  font-family: "Font Awesome 5 Free";
  height: 150px;
  padding: 10px 15px;
  position: absolute;
  margin: auto;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* 子要素をflexboxにより中央に配置する */
}

.acd-content {
  display: block;
  height: 0;
  opacity: 0;
  padding: 0px 0;
  transition: .5s;
  visibility: hidden;
  margin-bottom: 15px;
  overflow: hidden;
}

.acd-check:checked + .acd-label:after {
  content: '－';
}

.acd-check:checked + .acd-label + .acd-content {
  height: auto;
  opacity: 1;
  padding: 20px 0 60px;
  visibility: visible;
}

.shopList__lists{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}

.shopList__lists:after{
    content: "";
    width: 33%;
}
.shopList__lists li{
	flex-basis:33%;
	color:#000;
	margin-bottom:10px;
	list-style:none;
}

.shopList__lists li span{
	font-weight:bold;
}



@media screen and (max-width: 1250px) {
	.shopList{
		margin:0 auto 50px;
		width:calc(100% - 30px);
		padding:10px;
	}
}
@media screen and (max-width: 767px) {

	.shopList .tit{
		font-size:20px;
		text-align:center;
		margin-bottom:10px;
	}

	.acd-label {
		font-size:20px;
		padding-bottom:5px;
		margin-bottom:10px;
	}

	.acd-label:after {
	}
	.shopList__lists li{
		flex-basis:50%;
		font-size:14px;
		
	}
	.shopList__lists li span{
	font-weight:bold;
	}
	.list-item-long{
		flex-basis:100% !important;
	}
}




/*======================================================================*
 *  [ faqBox ] 
 *======================================================================*/
.priceArea{
	margin-bottom:150px;
}
.priceArea  .tit01{
	width:100%;
	max-width:1220px;
	padding:0 20px;
	margin:0 auto 40px;
}
.priceArea .inner{
    display: flex;
    justify-content: space-between;
	flex-wrap:wrap;
}



.priceArea .price{
	flex-basis:60%;
}
.priceArea .priceOption{
	flex-basis:38%;
}

.priceArea .price dl,
.priceArea .priceOption dl{
    display: flex;
    justify-content: space-between;
}
.priceArea .price dl dt,
.priceArea .priceOption dl dt{
	flex-basis:60%;
	font-size:20px;
	font-weight:bold;
	background:#eee;
	color:#183073;
	padding:15px 20px;
	border:solid 1px #ccc;
	border-right:none;
	border-bottom:none;
}
.priceArea .price dl dd,
.priceArea .priceOption dl dd{
	flex-basis:40%;
	padding:15px 20px;
	font-size:17px;
	font-weight:bold;
	font-size:20px;
	text-align:right;
	border:solid 1px #ccc;
	border-bottom:none;
}
.priceArea .price dl:last-child dt,
.priceArea .priceOption dl:last-child dt,
.priceArea .price dl:last-child dd,
.priceArea .priceOption dl:last-child dd{
	border-bottom:solid 1px #ccc;
}








@media screen and (max-width: 767px) { /* Smartphone */
	.priceArea  .tit01{
		width:calc(100% - 30px);
		margin:0 auto 40px;
	}


	.priceArea .price{
		flex-basis:100% !important;
		margin-bottom:15px;
	}
	.priceArea .priceOption{
		flex-basis:100% !important;
	}

	.priceArea .price dl,
	.priceArea .priceOption dl{
		display: flex;
		justify-content: space-between;
	}
	.priceArea .price dl dt,
	.priceArea .priceOption dl dt{
		flex-basis:60%;
		font-size:17px;
		font-weight:bold;
		background:#eee;
		padding:11px 10px;
		border:solid 1px #ccc;
		border-right:none;
		border-bottom:none;
	}
	.priceArea .price dl dd,
	.priceArea .priceOption dl dd{
		flex-basis:40%;
		padding:11px 10px;
		font-size:15px;
		font-weight:bold;
		font-size:20px;
		text-align:right;
		border:solid 1px #ccc;
		border-bottom:none;
	}
	.priceArea .price dl:last-child dt,
	.priceArea .priceOption dl:last-child dt,
	.priceArea .price dl:last-child dd,
	.priceArea .priceOption dl:last-child dd{
		border-bottom:solid 1px #ccc;
	}





}