@charset "UTF-8";
@import url(//fonts.googleapis.com/css?family=Comfortaa:300,400,700);

/* common */
body{overflow-x: hidden;}
body .sl_cont{ font-family:"Comfortaa", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
body .sl_cont.fs_default { font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
.sl_cont *{ box-sizing:border-box; }
.sl_cont img{ width:auto; max-width:100%; height:auto; }
.sl_cont figure{ margin:0; }
.sl_cont .mOnly{display:none!important;}

.sl_cont a,
.sl_cont a:link,
.sl_cont a:visited,
.sl_cont a:hover,
.sl_cont a:active{ text-decoration:none; }
.sl_cont a,
.sl_cont a span{ transition: all 0.3s ease; }

.sl_cont h1{ font-size:38px; line-height: 1.6; text-align:center;margin-bottom:1em; }
.sl_cont h1 + p{ font-size:30px; line-height: 1.8; text-align:center;margin-bottom:1em; }
.sl_cont h1 + p strong{ font-size:0.6em; }
.sl_cont h1 + p a{ color:#25435a; }
.sl_cont h1 + p a:hover{ opacity:0.7; }
.sl_cont h2{ font-size:36px; line-height: 1.6; text-align:center;margin-bottom:1em; }
.sl_cont h2 span{ font-size:0.8em; color:#666; }
.sl_cont h3{ font-size:30px; line-height: 1.6; text-align:center;margin:2.5em 0 1em; }
.sl_cont h3 span::before{content:'';}
.sl_cont h4{ font-size:24px; line-height: 1.6; text-align:center;margin:2.5em 0 1em; }
.sl_block p,
.sl_block li{ line-height:2; font-size:1.2em; }
.sl_block span.spNone{ display:inline-block!important; }
.sl_block span.pcNone{ display:none!important; }
.sl_cont sup { font-size: 70%; vertical-align: super; }

/* layout */
.sl_cont{ width: 982px; margin-left:auto; margin-right:auto; padding:0 0 80px; box-sizing:border-box; }
.sl_block{ margin-top: -100px; padding-top: 100px; margin-bottom:100px; }
.sl_block p,
.sl_block ul,
.sl_block figure{ margin-bottom:40px; }
.sl_block img{display:block; }
.sl_block span { font-size:12px; }
.sl_block p a { color:#00f; }

/* content */
.sl_ttl{ width:100vw; margin-right: calc(50% - 50vw); margin-left: calc(50% - 50vw); margin-bottom:80px; position:relative; text-align:center; /*max-height:590px;*/ overflow:hidden; }
.sl_ttl img{ z-index:1; width:100%; max-width:none; height:100%; object-fit: cover; } /*:first-child*/
/*.sl_ttl img:last-child{ z-index:2; position:absolute;top:0;left:0;width:auto;height:auto; }*/

.sl_block figure{ padding:0 40px; }
.sl_block figure img{margin-bottom:20px; }
.sl_block figcaption{ font-size:1.4em; line-height:1.6; }
.sl_block figcaption span{ color:#666; font-size:0.8em; }
.sl_block figure.sl_ex{ padding:0; background:#eee; }
.sl_block .sl_ex figcaption{ font-size:1em; color:#333; padding:10px 20px 30px; text-align:center; line-height:1.8; }
.sl_block figure.sl_ex > div{display:flex; justify-content:space-between;}
.sl_block figure.sl_ex > div >img{width:49.5%;}
.sl_block .sl_ex figcaption span{ color:#333; font-size:unset; }

.sl_block .sl_att > li{ text-indent:-1em; margin-left:1em; }
.sl_block .sl_att > li::before{ content:"※"; }

.sl_product_link,
.sl_block .sl_btn{ display:block; }
.sl_product_link:hover,
.sl_block .sl_btn:hover { opacity:0.7; }
.sl_product_link dl,
.sl_block .sl_btn{ background:#8da0b1; margin-left:40px; margin-right:40px; padding:40px; text-align:center; color:#fff; }
.sl_product_link dt{ font-size:30px; }
.sl_product_link dt span{ font-size:0.8em; }
.sl_product_link dd img{ margin-left:auto; margin-right:auto }
.sl_product_link dd span{ display:block; color:#fff; text-align:right; font-size:28px; }
.sl_product_link:hover dd span{ display:block; color:#25435a; }
.sl_block .sl_btn{ width:fit-content; margin-left:auto; margin-right:auto; padding:.5em 2em; }
.sl_block .sl_btn:hover{ color:#25435a; }

.sl_block .prof-box { display: flex; justify-content:space-between; }
.sl_block .prof-box p,.sl_block .prof-box figure { flex-shrink: unset; }
.sl_block .prof-box p { width:670px; }
.sl_block .prof-box figure { width:290px; }


/* mobile */
@media screen and (min-width:768px) and (max-width: 982px){
	/* correction */
	main,
	header,
	.footer_box,
	#footer_sitemap{ min-width: auto; }
	#header_inner,
	.Breadcrumb ul,
	.history_box_tab,
	.history_box_inner{ width: auto; }
	.footer_sitemap02,
	.footer_sitemap03{ margin-top:30px; }
	
	/* common */
	.sl_cont .mOnly{display:block!important;}
	.sl_cont h1,
	.sl_cont h2{ font-size:30px;}
	.sl_cont h1 + p a{ text-decoration:underline!important;}
	.sl_cont h1 + p,
	.sl_cont h3,
	.sl_product_link dt{ font-size:26px; }
	.sl_product_link dd span{ font-size:24px; }
	
	/* layout */
	.sl_cont{ width: 100%; padding:0 20px 60px; }

	.sl_block .prof-box p { width:calc(100% - 296px); }
}

/* mobile */
@media screen and (max-width: 768px){
	/* common */
	.sl_cont h1,
	.sl_cont h2{ font-size: 140%; text-align:left;  }
	.sl_cont h1 + p{ font-size:130%;text-align:left; }
	.sl_cont h1 + p strong{ display:inline-block;font-size:0.7em;margin-top:0.5em; line-height: 1.8; }
	.sl_cont h1 + p a{ text-decoration:underline!important;}
	.sl_cont h3{ font-size:120%;text-align:left; }
	.sl_cont h3 span{ display:block; font-size:0.9em; }
	.sl_cont p,
	.sl_cont li{ font-size: 88.75%; line-height: 1.8; }
	.sl_block figure{ padding:0 20px; }
	.sl_block span.pcNone{ display:inline-block!important; }
	.sl_block span.spNone{ display:none!important; }
	
	/* layout */
	.sl_cont{ width: 100%; padding:0 20px 40px; }
	.sl_block{ padding-bottom:0; margin-bottom:60px; }
	.sl_cont p,
	.sl_cont ul{ margin-bottom:20px; }

	/* content */
	.sl_ttl{ max-height:400px; margin-bottom:60px;}
	
	.sl_block figure img{margin-bottom:20px; }
	.sl_block figcaption{ font-size:1em; }
	.sl_block figure.sl_ex{ padding:0; }
	.sl_block .sl_ex figcaption{ font-size: 88.75%; padding:0 20px 20px; text-align:left; }
	.sl_block figure.sl_ex > div{flex-direction: column;}
	.sl_block figure.sl_ex > div >img{width:100%;}
	.sl_block figure.sl_ex > div >img:first-child{margin-bottom:5px;}
	
	.sl_product_link dl{ margin-left:0; margin-right:0; padding:20px; }
	.sl_product_link dt{  font-size:120%; text-align:left; }
	.sl_product_link dd span{  font-size:1em; }

	table th,table td {padding: 10px;}

	.sl_block .prof-box { display: block; }
	.sl_block .prof-box p,.sl_block .prof-box figure { width: auto; }
}