@charset "utf-8";
/*---------------------------------
reset
---------------------------------*/
*,*:before,*:after{box-sizing:border-box;}
abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{text-decoration:none}ins,mark{background-color:#ff9;color:#000}mark{font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}ul,ol,li{display:block;list-style:none;}

/*---------------------------------
base
---------------------------------*/
html{font-size:62.5%;}
body{
	position:relative;
	width:100%;
	overflow-x:hidden;
	overflow-y:auto;
	font-family:"游明朝体","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro","Hiragino Mincho Pro","MS P明朝","MS PMincho",serif;
	line-height:1.8;
	letter-spacing:0.05rem;
	font-weight:400;
	scroll-behavior:smooth;
	color:#252525;
}
*[data-font="serif"]{font-family:"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;}
::-webkit-scrollbar{width:4px;}
::-webkit-scrollbar-track{
	background:#fff;
	border-left:solid 1px #fff;
}
::-webkit-scrollbar-thumb{
	background-color:rgba(75,75,75,0.3);
	border-radius:4px;
	box-shadow:inset 0 0 0 2px rgba(75,75,75,0.3);
}
img{
	display:block;
	vertical-align:top;
}
a img,
a[data-hover]{
	display:block;
	opacity:1;
	transition:opacity 0.4s;
}
a:hover img,
a[data-hover]:hover{opacity:0.85;}
*[data-vert]{writing-mode:vertical-rl;}
*[data-fade],
*[data-fade-group] *[data-anime]{
	opacity:0;
	transition:opacity 0.8s;
}
*[data-fade].show,
*[data-fade-group].show *[data-anime]{opacity:1;}
*[data-fade-group].show *[data-anime="2"]{transition-delay:0.4s;}
*[data-fade-group].show *[data-anime="3"]{transition-delay:0.8s;}
*[data-fade-group].show *[data-anime="4"]{transition-delay:1.2s;}
*[data-fade-group].show *[data-anime="5"]{transition-delay:1.6s;}
.lanTtl{display:block;}
.lanTtl > *{display:block;}
.lanTtl *[lang="en"]{line-height:1.0;}
.lanTtl *[lang="en"] img{width:auto;}
.lanTtl strong{line-height:1.45;}
.lanTtl strong span{color:#9d2228;}
.leadTxt{
	display:block;
	line-height:1.6;
	text-align:center;
}

@media screen and (max-width:1083.98px){
	body{font-size:1.3rem;}
	*[data-type="pc"]{display:none!important;}
	img{width:100%;}
	.lanTtl *[lang="en"] img{height:10px;}
	.lanTtl strong{font-size:2.9rem;}
	.lanTtl *[lang="en"]+strong{margin-top:4px;}
	.lanTtl strong+*[lang="en"]{margin-top:7px;}
	.leadTxt{
		margin:35px auto 0;
		font-size:1.5rem;
	}
	.hdCls{padding:3.733vw 3.733vw 0;}
	.hdCls .hdLogo{width:166px;}
	.hdCls .hdLogo{width:26.267vw;}
	
}
@media screen and (min-width:1084px){
	body{font-size:1.6rem;}
	*[data-type="sp"]{display:none!important;}
	.lanTtl *[lang="en"] img{height:13px;}
	.lanTtl strong{font-size:4.4rem;}
	.lanTtl *[lang="en"]+strong{margin-top:6px;}
	.lanTtl strong+*[lang="en"]{margin-top:14px;}
	.hdCls .hdLogo {
    width: 166px;
	}
}
@media screen and (min-width:1084px) and (max-width:1403.98px){
	.conceptSec[data-dir="left"] .txtBox > *{margin-left:30px;}
	.conceptSec[data-dir="right"] .txtBox > *{margin-right:30px;}
}
@media screen and (min-width:1404px){
	.conceptSec[data-dir="left"] .txtBox > *{margin-left:98px;}
	.conceptSec[data-dir="right"] .txtBox > *{margin-right:98px;}
}
@media screen and (min-width:751px) {

}
/*---------------------------------
追加
---------------------------------*/
.ff-min{
	font-family: 'Shippori Mincho', serif;
}
.ff-go{
	font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}
th{
	font-weight: 400;
}
img{
	max-width: 100%;
	width: 100%;
}
.small{
	font-size: 60%;
}
.c-red{
	color: #b91923;
}
.c-fff{
	color: #fff;
}
.fs-150{
	font-size: 150%;
}
.texr-right{
	text-align: right;
}
.bold{
	font-weight: 700;
}
.medium{
	font-weight: 500;
}
/*-----------------headrer----------------*/
.head-sns{
	margin-right: 6%;
}
.head-sns a{
	margin:0 4px;
}
/*-----------------top----------------*/
#recdiv02 h1{
	font-size: 2.2em;
    line-height: 1.8;
}
#recdiv02 p{
	font-size: 1.1em;
}
#recdiv02{
	margin-top: 100px;
}
#recdiv02 .container{
	background: url( "../img/rec02-min.jpg" ) right center / contain no-repeat  ;
	padding-bottom: 240px;
}
.youtube {
	position:relative;
	width:100%;
	height:0;
	padding-top:56.25%;

}
.youtube iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
/*.slick-track {
  display: flex;
}*/
#youtubeSlider.slick-initialized .slick-slide{
	padding: 0 40px;
	height: auto !important;
}
#recdiv04{
	background: url( "../img/rec03-min.jpg" ) center center / cover no-repeat;
	margin: 100px 0;
    padding: 100px 0;
}
.aisatu{
	text-decoration: underline dashed #ac8a0e;
    display: inline-block;
    line-height: 2;
    text-align: left;
	font-size: 1.1em;
}
#recdiv05 h1{
	font-size: 2.2em;
}
.recdiv05-h{
	padding: 10px 0;
	width: 100%;
}
.recdiv05-div01 .recdiv05-h{
	background-color: #ac8a0e;
}
.recdiv05-div02 .recdiv05-h{
	background-color: #648700;
}
.recdiv05-div03 .recdiv05-h{
	background-color: #d20f64;
}
.recdiv05-div01 .matchHeight{
	border-left: solid 1px #ac8a0e;
}
.recdiv05-div02 .matchHeight{
	border-left: solid 1px #648700;
}
.recdiv05-div03 .matchHeight{
	border-left: solid 1px #d20f64;
}
.recdiv05-div02 .btn_02{
	color: #648700;
}
.recdiv05-div03 .btn_02{
	color: #d20f64;
}
#recdiv05 p{
	padding: 20px 10px;
}
.btn_02{
	font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}
.btn_01{
	color: #141414;
    padding: 15px;
    border: solid 1px;
    display: inline-block;
    width: 40%;
    font-size: 1.5em;
    margin-top: 1.5em;
	width: 100%;
}
.btn_01:hover{
	background-color: #141414;
    color: #fff;
	text-decoration: none;
}
#recdiv05{
	margin-bottom: 100px;
}
#recdiv06{
	background-color: #f2ece6;
}
#recdiv06 h1, #recdiv07 h1{
	font-size: 2.2em;
    line-height: 1.8;
}
#recdiv06 h1 span{
	color: #648700;
}
#recdiv07 h1 span{
	color: #b45a82;
}
.recdiv06-h01{
	color: #ac451b;
	margin-bottom: 15px;
}
.recdiv06row01, .recdiv06row02, .recdiv06row04, .recdiv06row05, .recdiv06row06, .recdiv06row07, .recdiv06row08{
	margin-bottom: 100px;
}
.recdiv06row03, .recdiv06row10{
	margin-bottom: 50px;
}
.recdiv07box-right{
	border-bottom: solid 1px #ac8a0e;
    width: 80%;
	margin-left: -1.5em;
}
.recdiv07box-left{
	border-bottom: solid 1px #ac8a0e;
    width: 80%;
	margin-right: -1.5em;
	z-index: 1;
}
.recdiv07row{
	margin-top: 100px;
	margin-bottom: 100px;
}
.recdiv07row05{
	padding: 100px 0;
	background: url( "../img/rec20.svg" ) center center / contain no-repeat;
}
#recdiv08{
	background: #f2f0e6;
}
#recdiv08 h1{
	font-size: 2.2em;
	margin-bottom: 1.5em;
}
.table-bosyuu{
	background: #fff;
}
.table-bosyuu td{
	padding: 15px;
}
.table-bosyuu th{
	color: #fff;
	font-size: 1.5em;
	vertical-align: middle;
    text-align: center;
	width: 25%;
}
.table-sougou th{
	background: #ac8a0e;
}
.table-seizou th{
	background: #648700;
}
.table-zimu th{
	background: #d20f64;
}
#recdiv09 h1{
	font-size: 2.2em;
	margin-bottom: 1.5em;
}
.table-kaisyagaiyou{
	background: #f2ede6;
}
.table-kaisyagaiyou th{
	background: #a46612;
	color: #fff;
}
.table-kaisyagaiyou th, .table-kaisyagaiyou td{
	padding: 15px;
	border-bottom: solid 2px #fff;
}
.table-kaisyagaiyou td{
	font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}
.slick-prev:before, .slick-next:before{
	color: #ac8a0e;
    font-size: 50px;
}
.slick-prev, .slick-next{
	z-index: 1;
}
.slick-prev {
    left: 14%;
}
.slick-next {
    right: 16%;
}
@media screen and (min-width:1800px){
	.slick-prev {
    left: 11%;
}
.slick-next {
    right: 13%;
}
}
@media screen and (min-width:1500px){
	.slick-prev {
		left: 9%;
	}
	.slick-next {
		right: 11%;
	}
}
@media screen and (max-width:960px){
	#youtubeSlider.slick-initialized .slick-slide {
		padding: 0 10px;
	}
		.slick-prev {
		left: 10px;
	}
	.slick-next {
		right: 40px;
	}
}
@media screen and (max-width:767px){
	#recdiv02 p, .aisatu{
		font-size: 1.2em;
	}
	#recdiv02 {
		margin-top: 50px;
	}
	#recdiv02 .container{
		background: url(../img/rec02-min.jpg) right bottom / contain no-repeat;
		padding-bottom: 200px;
	}
	.head-sns {
		margin-right: 0;
	}
	#recdiv04{
		margin: 50px 0;
		padding: 50px 0;
	}
	#recdiv05 p {
		padding: 20px;
		font-size: 1.2em;
	}
	.recdiv05-div01, .recdiv05-div02{
		margin-bottom: 15px;
	}
	#recdiv05 h1 {
		font-size: 1.8em;
	}
	.okabe-img{
		max-width: 150px;
		margin: 0 auto;
		margin-bottom: 20px;
	}
	#recdiv06 p{
		font-size: 1.2em;
	}
	.recdiv06row01, .recdiv06row02, .recdiv06row04, .recdiv06row05, .recdiv06row06, .recdiv06row07, .recdiv06row08 {
		margin-bottom: 50px;
	}
	.recdiv07row {
		margin-top: 50px;
		margin-bottom: 50px;
	}
	.recdiv07box-right{
		margin-left: 0;
		width: 100%;
		margin-top: 15px;
	}
	.recdiv07box-left{
		margin-right: 0;
		width: 100%;
		margin-top: 15px;
	}
	#recdiv07 h1 {
		font-size: 1.7em;
	}
	.table-bosyuu th{
		font-size: 1.2em;	
	}
	#recdiv03{
		overflow: hidden;
	}
	.recdiv06-h01 {
		margin-bottom: 0;
		margin-top: 15px;
	}
	.recdiv06row09 img{
		margin-bottom: -5em;
	}
	.recdiv06row10{
		margin-top: 30px;
	}
	.slick-prev:before, .slick-next:before {
		font-size: 50px;
	}
	.slick-prev, .slick-next {
		width: 50px;
		height: 50px;
	}
	.slick-prev {
		left: 2px;
	}
	.slick-next {
		right: 0;
	}
}