@charset "utf-8";

@import url('https://fonts.googleapis.com/earlyaccess/hannari.css');

/*----------------------------------------------
	Overall settings
-----------------------------------------------*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; list-style:none;}
*, *::before, *::after { box-sizing: border-box;}
html{ font-size: 62.5%; overflow: auto;
scroll-behavior: smooth;
scroll-padding-top: 50px;}
body {
	font: 16px/2 "Noto Sans JP", sans-serif;
  font-size: 16px;
	scroll-behavior: smooth;
	text-rendering: optimizeSpeed;
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
	color: #050505;
	font-weight: normal;
}
@media screen and (max-width: 767px) {
	body{ 
    /*font-size: 3.466vw;*/
    font-size: clamp(1.3rem, calc(100vw / 26.7857), 1.6rem);
    
  }
}
article, aside, dialog, figure, footer, header, hgroup, nav, section { display:block;}
blockquote, q { quotes:none;}
blockquote:before, blockquote:after, q:before, q:after { content:""; content:none;}
a { margin:0; padding:0; border:0; outline:none; font-size:100%; vertical-align:baseline; background:transparent; box-sizing:border-box;}
img { vertical-align: middle;}
ins { background-color:#ff9; color:#000; text-decoration:none;}
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold;}
del { text-decoration: line-through;}
abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help;}
address, caption, cite, code, dfn, em, th, var { font-style:normal; font-weight:normal;}
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, button, textarea, select { vertical-align: middle; outline: none; font: inherit;}
label{ cursor: pointer;}

/* clear */
.clear { clear: both;} .clear-l { clear: left;} .clear-r { clear: right;}
.clearfix:before, .clearfix:after{ content: ""; display: table;}
.clearfix:after{ clear: both;}

/* f-size */
.f10{ font-size: 1rem;}
.f11{ font-size: 1.1rem;}
.f12{ font-size: 1.2rem;}
.f13{ font-size: 1.3rem;}
.f14{ font-size: 1.4rem; ;}
.f15{ font-size: 1.5rem;}
.f16{ font-size: 1.6rem;}
.f17{ font-size: 1.7rem;}
.f18{ font-size: 1.8rem;}
.f19{ font-size: 1.9rem;}
.f20{ font-size: 2rem;}
.f24{ font-size: 2.4rem;}
.f30{ font-size: 3rem;letter-spacing: 0.2em;}
.f34{ font-size: 3.4rem; letter-spacing: 0.05em;}
@media screen and (max-width: 767px) {
	.f18{ font-size: 3.2vw;}
	.f20{ font-size: 4vw;}
	.f24{ font-size: 3.733vw;}
	.f30{ font-size: 5vw;}
	.f34{ font-size: 5.066vw;}
	.sp_f16{ font-size: 2.1333vw;}
	.sp_f26{ font-size: 3.466vw;}
	.sp_f28{ font-size: 3.733vw;}
	.sp_f38{ font-size: 5.066vw;}
}

.f_bold{ font-weight: bold;}
.f_normal{ font-weight: normal;}
@media screen and (max-width: 767px) {
	.sp_f_bold{ font-weight: bold;}
	.sp_f_normal{ font-weight: normal;}
}

/* tellink */
a[href*="tel:"] { pointer-events: none;}
@media screen and (max-width: 767px) {
	a[href*="tel:"] { pointer-events: auto; cursor: default; text-decoration: none;}
}

/* t-ind */
.t-ind{ padding-left:1em; text-indent:-1em;}
.t-ind15{ padding-left:1.5em; text-indent:-1.5em;}
.t-ind2{ padding-left:2em; text-indent:-2em;}

/* t-center */
.t-center{ text-align:center;}
.t-left{ text-align:left;}
.t-right{ text-align:right;}

/* float */
.f-right{ float:right;}
.f-left{ float:left;}

/* img */
img{ max-width:100%; height:auto;}
img.wmax{ width:100%; max-width:inherit;}
@media screen and (max-width: 767px) { img.wmax-sp{ width:100%; max-width:inherit;}}

/* none */
@media screen and (min-width: 768px) { .sp{ display:none!important;}}
@media screen and (max-width: 767px) { .pc{ display:none!important;}}

/* inblock */
.inblock{ display:inline-block;}

/* supsub */
sup{ font-size:8px; vertical-align:top;}
sub{ font-size:8px; vertical-align:bottom;}

/* imgalpha */
a.imgalpha:hover{ opacity: .6;}
a:hover img.imgalpha{ opacity: .6;}

/* input */
label{ cursor: pointer;}
input[type="radio"], input[type="checkbox"]{
	margin-right: .5em;
	margin-bottom: 3px;
	vertical-align: middle;
}
input[type="text"],
input[type="button"],
input[type="submit"],
input[type="password"],
input[type="email"],
input[type="tel"]{
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	padding: 0 10px;
}
input[type="button"],
input[type="submit"],
input[type="reset"]{
	display: inline-block;
	width: auto;
}
select{
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	padding: 0 10px;
	cursor: pointer;
}
textarea{
	width: 100%;
	height: 200px;
	padding: 10px;
	font-size: 16px;
}
button,
input[type="button"],
input[type="submit"],
input[type="reset"]{
	background: none;
	border: none;
	-webkit-appearance: none;
	appearance: none;
	cursor: pointer;
	-webkit-transition: all .2s; transition: all .2s;
}
button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover{ opacity: .7;}

/* youtube */
.youtube,#map{ position: relative; width: 100%; padding-top: 56.25%;}

#map {
	padding-top:43.334%
}
@media screen and (max-width: 767px) {
	#map {
		padding-top:56vw;
	}
}


.youtube iframe{ position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important;}

/* tablewrap */
.tablewrap{ }
@media screen and (max-width: 767px) {
	.tablewrap{ overflow: auto; white-space: nowrap; position: relative; padding-bottom: 15px;}
	.tablewrap table{ width: 100%;}
}

/* padding */
.p0 {padding: 0px!important;}.pt0 {padding-top: 0px!important;}.pl0 {padding-left: 0px!important;}.pr0 {padding-right: 0px!important;}.pb0 {padding-bottom: 0px!important;}
.p5 {padding: 5px;}.pt5 {padding-top: 5px;}.pl5 {padding-left: 5px;}.pr5 {padding-right: 5px;}.pb5 {padding-bottom: 5px;}
.p10 {padding: 10px;}.pt10 {padding-top: 10px;}.pl10 {padding-left: 10px;}.pr10 {padding-right: 10px;}.pb10 {padding-bottom: 10px;}
.p15 {padding: 15px;}.pt15 {padding-top: 15px;}.pl15 {padding-left: 15px;}.pr15 {padding-right: 15px;}.pb15 {padding-bottom: 15px;}
.p20 {padding: 20px;}.pt20 {padding-top: 20px;}.pl20 {padding-left: 20px;}.pr20 {padding-right: 20px;}.pb20 {padding-bottom: 20px;}
.p25 {padding: 25px;}.pt25 {padding-top: 25px;}.pl25 {padding-left: 25px;}.pr25 {padding-right: 25px;}.pb25 {padding-bottom: 25px;}
.p30 {padding: 30px;}.pt30 {padding-top: 30px;}.pl30 {padding-left: 30px;}.pr30 {padding-right: 30px;}.pb30 {padding-bottom: 30px;}
.p35 {padding: 35px;}.pt35 {padding-top: 35px;}.pl35 {padding-left: 35px;}.pr35 {padding-right: 35px;}.pb35 {padding-bottom: 35px;}
.p40 {padding: 40px;}.pt40 {padding-top: 40px;}.pl40 {padding-left: 40px;}.pr40 {padding-right: 40px;}.pb40 {padding-bottom: 40px;}
.p45 {padding: 45px;}.pt45 {padding-top: 45px;}.pl45 {padding-left: 45px;}.pr45 {padding-right: 45px;}.pb45 {padding-bottom: 45px;}
.p50 {padding: 50px;}.pt50 {padding-top: 50px;}.pl50 {padding-left: 50px;}.pr50 {padding-right: 50px;}.pb50 {padding-bottom: 50px;}
.p60 {padding: 60px;}.pt60 {padding-top: 60px;}.pl60 {padding-left: 60px;}.pr60 {padding-right: 60px;}.pb60 {padding-bottom: 60px;}
.p70 {padding: 70px;}.pt70 {padding-top: 70px;}.pl70 {padding-left: 70px;}.pr70 {padding-right: 70px;}.pb70 {padding-bottom: 70px;}
.p80 {padding: 80px;}.pt80 {padding-top: 80px;}.pl80 {padding-left: 80px;}.pr80 {padding-right: 80px;}.pb80 {padding-bottom: 80px;}
.p90 {padding: 90px;}.pt90 {padding-top: 90px;}.pl90 {padding-left: 90px;}.pr90 {padding-right: 90px;}.pb90 {padding-bottom: 90px;}
.p100 {padding: 100px;}.pt100 {padding-top: 100px;}.pl100 {padding-left: 100px;}.pr100 {padding-right: 100px;}.pb100 {padding-bottom: 100px;}
@media screen and (max-width:767px){
	.p10 {padding: 1.666vw;}.pt10 {padding-top: 1.666vw;}.pl10 {padding-left: 1.666vw;}.pr10 {padding-right: 1.666vw;}.pb10 {padding-bottom: 1.666vw;}
	.p20 {padding: 2.333vw;}.pt20 {padding-top: 2.333vw;}.pl20 {padding-left: 2.333vw;}.pr20 {padding-right: 2.333vw;}.pb20 {padding-bottom: 2.333vw;}
	.p30 {padding: 2.666vw;}.pt30 {padding-top: 2.666vw;}.pl30 {padding-left: 2.666vw;}.pr30 {padding-right: 2.666vw;}.pb30 {padding-bottom: 2.666vw;}
	.p40 {padding: 3.333vw;}.pt40 {padding-top: 3.333vw;}.pl40 {padding-left: 3.333vw;}.pr40 {padding-right: 3.333vw;}.pb40 {padding-bottom: 3.333vw;}
	.p50 {padding: 4vw;}.pt50 {padding-top: 4vw;}.pl50 {padding-left: 4vw;}.pr50 {padding-right: 4vw;}.pb50 {padding-bottom: 4vw;}
	.p60 {padding: 5.333vw;}.pt60 {padding-top: 5.333vw;}.pl60 {padding-left: 5.333vw;}.pr60 {padding-right: 5.333vw;}.pb60 {padding-bottom: 5.333vw;}
	.p70 {padding: 6.666vw;}.pt70 {padding-top: 6.666vw;}.pl70 {padding-left: 6.666vw;}.pr70 {padding-right: 6.666vw;}.pb70 {padding-bottom: 6.666vw;}
	.p80 {padding: 7.333vw;}.pt80 {padding-top: 7.333vw;}.pl80 {padding-left: 7.333vw;}.pr80 {padding-right: 7.333vw;}.pb80 {padding-bottom: 7.333vw;}
	.p90 {padding: 8vw;}.pt90 {padding-top: 8vw;}.pl90 {padding-left: 8vw;}.pr90 {padding-right: 8vw;}.pb90 {padding-bottom: 8vw;}
	.p100 {padding: 10vw;}.pt100 {padding-top: 10vw;}.pl100 {padding-left: 10vw;}.pr100 {padding-right: 10vw;}.pb100 {padding-bottom: 10vw;}
	.sp_pb10{ padding-bottom: 1.666vw;}.sp_pb20{ padding-bottom: 2.333vw;}.sp_pb30{ padding-bottom: 2.666vw;}.sp_pb40{ padding-bottom: 3.333vw;}.sp_pb50{ padding-bottom: 4vw;}.sp_pb60{ padding-bottom: 5.333vw;}.sp_pb70{ padding-bottom: 6.666vw;}.sp_pb80{ padding-bottom: 7.333vw;}.sp_pb90{ padding-bottom: 8vw;}.sp_pb100{ padding-bottom: 10vw;}
}
/* margin */
.m0 {margin: 0px!important;}.mt0 {margin-top: 0px!important;}.ml0 {margin-left: 0px!important;}.mr0 {margin-right: 0px!important;}.mb0 {margin-bottom: 0px!important;}
.m5 {margin: 5px;}.mt5 {margin-top: 5px;}.ml5 {margin-left: 5px;}.mr5 {margin-right: 5px;}.mb5 {margin-bottom: 5px;}
.m10 {margin: 10px;}.mt10 {margin-top: 10px;}.ml10 {margin-left: 10px;}.mr10 {margin-right: 10px;}.mb10 {margin-bottom: 10px;}
.m15 {margin: 15px;}.mt15 {margin-top: 15px;}.ml15 {margin-left: 15px;}.mr15 {margin-right: 15px;}.mb15 {margin-bottom: 15px;}
.m20 {margin: 20px;}.mt20 {margin-top: 20px;}.ml20 {margin-left: 20px;}.mr20 {margin-right: 20px;}.mb20 {margin-bottom: 20px;}
.m25 {margin: 25px;}.mt25 {margin-top: 25px;}.ml25 {margin-left: 25px;}.mr25 {margin-right: 25px;}.mb25 {margin-bottom: 25px;}
.m30 {margin: 30px;}.mt30 {margin-top: 30px;}.ml30 {margin-left: 30px;}.mr30 {margin-right: 30px;}.mb30 {margin-bottom: 30px;}
.m35 {margin: 35px;}.mt35 {margin-top: 35px;}.ml35 {margin-left: 35px;}.mr35 {margin-right: 35px;}.mb35 {margin-bottom: 35px;}
.m40 {margin: 40px;}.mt40 {margin-top: 40px;}.ml40 {margin-left: 40px;}.mr40 {margin-right: 40px;}.mb40 {margin-bottom: 40px;}
.m45 {margin: 45px;}.mt45 {margin-top: 45px;}.ml45 {margin-left: 45px;}.mr45 {margin-right: 45px;}.mb45 {margin-bottom: 45px;}
.m50 {margin: 50px;}.mt50 {margin-top: 50px;}.ml50 {margin-left: 50px;}.mr50 {margin-right: 50px;}.mb50 {margin-bottom: 50px;}
.m60 {margin: 60px;}.mt60 {margin-top: 60px;}.ml60 {margin-left: 60px;}.mr60 {margin-right: 60px;}.mb60 {margin-bottom: 60px;}
.m70 {margin: 70px;}.mt70 {margin-top: 70px;}.ml70 {margin-left: 70px;}.mr70 {margin-right: 70px;}.mb70 {margin-bottom: 70px;}
.m80 {margin: 80px;}.mt80 {margin-top: 80px;}.ml80 {margin-left: 80px;}.mr80 {margin-right: 80px;}.mb80 {margin-bottom: 80px;}
.m90 {margin: 90px;}.mt90 {margin-top: 90px;}.ml90 {margin-left: 90px;}.mr90 {margin-right: 90px;}.mb90 {margin-bottom: 90px;}
.m100 {margin: 100px;}.mt100 {margin-top: 100px;}.ml100 {margin-left: 100px;}.mr100 {margin-right: 100px;}.mb100 {margin-bottom: 100px;}
@media screen and (max-width:767px){
	.m10 {margin: 1.666vw;}.mt10 {margin-top: 1.666vw;}.ml10 {margin-left: 1.666vw;}.mr10 {margin-right: 1.666vw;}.mb10 {margin-bottom: 1.666vw;}
	.m20 {margin:  2.333vw;}.mt20 {margin-top:  2.333vw;}.ml20 {margin-left:  2.333vw;}.mr20 {margin-right:  2.333vw;}.mb20 {margin-bottom: 2.333vw;}
	.m30 {margin: 2.666vw;}.mt30 {margin-top: 2.666vw;}.ml30 {margin-left: 2.666vw;}.mr30 {margin-right: 2.666vw;}.mb30 {margin-bottom: 2.666vw;}
	.m40 {margin: 3.333vw;}.mt40 {margin-top: 3.333vw;}.ml40 {margin-left: 3.333vw;}.mr40 {margin-right: 3.333vw;}.mb40 {margin-bottom: 3.333vw;}
	.m50 {margin: 4vw;}.mt50 {margin-top: 4vw;}.ml50 {margin-left: 4vw;}.mr50 {margin-right: 4vw;}.mb50 {margin-bottom: 4vw;}
	.m60 {margin: 5.333vw;}.mt60 {margin-top: 5.333vw;}.ml60 {margin-left: 5.333vw;}.mr60 {margin-right: 5.333vw;}.mb60 {margin-bottom: 5.333vw;}
	.m70 {margin: 6.666vw;}.mt70 {margin-top: 6.666vw;}.ml70 {margin-left: 6.666vw;}.mr70 {margin-right: 6.666vw;}.mb70 {margin-bottom: 6.666vw;}
	.m80 {margin: 7.333vw;}.mt80 {margin-top: 7.333vw;}.ml80 {margin-left: 7.333vw;}.mr80 {margin-right: 7.333vw;}.mb80 {margin-bottom: 7.333vw;}
	.m90 {margin: 8vw;}.mt90 {margin-top: 8vw;}.ml90 {margin-left: 8vw;}.mr90 {margin-right: 8vw;}.mb90 {margin-bottom: 8vw;}
	.m100 {margin: 10vw;}.mt100 {margin-top: 10vw;}.ml100 {margin-left: 10vw;}.mr100 {margin-right: 10vw;}.mb100 {margin-bottom: 10vw;}
	.sp_mb5{ margin-bottom: .833vw;}.sp_mb10{ margin-bottom: 1.666vw;}.sp_mb20{ margin-bottom: 2.333vw;}.sp_mb30{ margin-bottom: 2.666vw;}.sp_mb40{ margin-bottom: 3.333vw;}.sp_mb50{ margin-bottom: 4vw;}.sp_mb60{ margin-bottom: 5.333vw;}.sp_mb70{ margin-bottom: 6.666vw;}.sp_mb80{ margin-bottom: 7.333vw;}.sp_mb90{ margin-bottom: 8vw;}.sp_mb100{ margin-bottom: 10vw;}
}

body{ }
a{ color: #424b41; text-decoration:none; -webkit-transition: all .2s; transition: all .2s;}
a:hover{ opacity: .7; text-decoration:none;}
.underline{ text-decoration: underline;}
/* font */
.gothic{ font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;}
.mincho{ font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;}
.hannnari{ font-family: "Hannari" ,serif;}
/* bg */
.bg-white{ background: #fff;}
/* color */
.white{ color: #fff;}
.red{ color: #c00;}
.green{ color: #424b41;}
/* float */
.f_left{ float: left;}
.f_right{ float: right;}

.wrap{ clear: both; box-sizing: content-box; max-width: 1500px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px;}
.w1200{ max-width: 1200px;}
.w1240{ max-width: 1240px;}
.w100p,img.w100p{ width: 100%;}

.subt1{
	color: #d60000;
	font-size: 1.8rem;
	line-height: 2.7778;
	font-weight: bold;
	letter-spacing: 0.1em;
}
.subt2{
	color: #424b41;
	font-size: 2.4rem;
	line-height: 2.0833;
	padding-bottom: 17px;
	display: inline-block;
	position: relative;
	letter-spacing: 0.2em;
}
@media screen and (max-width: 767px) {
	.subt2{
		font-size: 4.2vw;
		line-height: 1.875;
	}
}


.subt2:after{
	content: "";
	display: block;
	position: absolute;
	z-index: 0;
	right: 0;
	bottom: 0;
	width: 200%;
	height: 1px;
	background: #b0b2a7;
}

.btn1{
	display: inline-block;
	font-weight: bold;
	background: url("../img/ic_btn1.svg") right bottom no-repeat;
	padding-right: 40px;
	line-height: 2.5;
}

.plr70{ padding-right: 70px; padding-left: 70px;}

.bg_lightgreen{ background: #f0f2e7;}

.video_cont{
	max-width: 1172px;
	width: 100%;
	margin: 0 auto;
}
.video_cont video{
	width: 100%;
	height: 100%;
	vertical-align: bottom;
}

.recommend_item{
	border-top: 1px solid #b0b2a7;
	padding-top: 30px;
}
.recommend_item ul{
	display: flex;
	justify-content: space-between;
}
.recommend_item ul li{ width: 27%;}
.recommend_item ul li picture{
	display: block;
	margin-bottom: 30px;
}
.recommend_item ul li dl{ color: #330;}
.recommend_item ul li dl dt{
	font-size: 1.8rem;
	line-height: 1.666;
	margin-bottom: 10px;
}
.recommend_item ul li dl dd{
	font-size: 1.5rem;
	line-height: 2;
}
.recommend_item ul li dl dd p{ margin-bottom: 30px;}
.recommend_item ul li dl dd p:last-child{ margin-bottom: 0;}
.recommend_item ul li dl dd p a.btn1{ font-size: 1.6rem;}

.lh147{ line-height: 1.47;}
.lh168{ line-height: 1.68;}
.lh200{ line-height: 2;}
.lh225{ line-height: 2.25;}
.lh250{ line-height: 2.5;}
.lh266{ line-height: 2.66;}
.lh277{ line-height: 2.77;}

/*------------------------------ responsive ------------------------------*/
@media screen and (max-width: 767px) {
	a:hover{ opacity: 1;}
	/* float */
	.f_left{ float: none;}
	.f_right{ float: none;}
	.subt1{
		font-size: 3.2vw;
		line-height: 2.0833;
	}
	.wrap{ padding-right: 5vw; padding-left: 5vw;}
	.wrap.sp_plr0{ padding-right: 0; padding-left: 0;}
	.plr70{ padding-right: 5.333vw; padding-left: 5.333vw;}
}













#colorbox iframe,#cboxLoadedContent {
	width: 100%;height: 100%;
}
.youtube{
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

.indent {
	text-indent: -0.5em;
    display: inline-block;
}
.team_expo2025 {
	display: block;
	width: 271px;
	margin-right: 20px;
}

@media screen and (max-width: 767px) {
	.team_expo2025 {
		display: block;
		width: 50%;
		margin-top: 6%;
		margin-right: auto;
		margin-left: auto;

	}
	

	#colorbox iframe {
		height: 72vw !important;
	}
	#cboxContent {
		height: 72vw !important;
	}
}