@charset "utf-8";

/* ----- Content 01 BMC:LABO ----- */
#ht_content_01 #bmclabo{padding:50px 30px;border:30px solid #cceeff;max-width:860px;width:94%;margin:50px auto 100px;}
#ht_content_01 #bmclabo h1{color:#667777;font-weight:bold;text-align:center;font-size:72px;line-height:1.35em;max-width:840px;}
#ht_content_01 #bmclabo .logoFlex,
#ht_content_01 #bmclabo .imgFlex,
#ht_content_01 #bmclabo .profileFlex{display:flex;align-items:center;margin:1em auto;max-width:840px;}
#ht_content_01 #bmclabo .logoFlex{margin:4em auto 2.5em;}
#ht_content_01 #bmclabo .logoFlex .name{width:62%;font-size:36px;color:#008cd6;font-weight:bold;text-align:center;line-height:1.35em;}
#ht_content_01 #bmclabo .logoFlex .name figure{max-width:536px;width:100%;margin:0 auto 15px;}
#ht_content_01 #bmclabo .logoFlex .name .en{font-size:27px;}
#ht_content_01 #bmclabo .logoFlex .image{width:38%;max-width:312px;}
#ht_content_01 #bmclabo .imgFlex{flex-wrap:wrap;justify-content:space-between;max-width:830px;margin:1em auto 5em;}
#ht_content_01 #bmclabo .imgFlex figure{width:49%;max-width:404px;margin:1% auto;}
#ht_content_01 #bmclabo .imgFlex figure:nth-child(2n+1){margin-left:0;margin-right:1%;}
#ht_content_01 #bmclabo .imgFlex figure:nth-child(2n){margin-right:0;margin-left:1%;}
#ht_content_01 #bmclabo .profileFlex{margin:5em auto 1em;flex-wrap:wrap;}
#ht_content_01 #bmclabo .profileFlex h3.cpc{}
#ht_content_01 #bmclabo .profileFlex h3.csp{display:none;}
#ht_content_01 #bmclabo .profileFlex .profileName{width:36%;}
#ht_content_01 #bmclabo .profileFlex .profileName figure{max-width:164px;width:80%;margin:0 auto 1em;}
#ht_content_01 #bmclabo .profileFlex .profileName p{font-size:23px;font-weight:bold;color:#454f4f;}
#ht_content_01 #bmclabo .profileFlex .profileName p span.name{font-size:36px;display:inline-block;line-height:1.5em;}
#ht_content_01 #bmclabo .profileFlex .profile{width:62%;margin-left:2%;}
#ht_content_01 #bmclabo .profAnnote{font-size:70%;margin:1em auto 4em;text-align:right;}
#ht_content_01 #bmclabo h2{font-size:36px;color:#008cd6;text-align:center;margin:1.5em auto 1em;max-width:840px;line-height:1.5em;}
#ht_content_01 #bmclabo h2 .smll{font-size:64%;}
#ht_content_01 #bmclabo h3{background:#1eb9ee;color:#fff;font-weight:bold;font-size:28px;text-align:center;line-height:1.25em;padding:10px 20px;border-radius:50px;margin-bottom:1em;}
#ht_content_01 #bmclabo h4{margin:5em auto 1.5em;max-width:840px;}
#ht_content_01 #bmclabo h4 figure img{border-radius:20px;}
#ht_content_01 #bmclabo h5{background:#008cd6;font-size:38px;border-radius:50px;padding:10px;line-height:1.5em;color:#fff;margin:1em auto;text-align:center;max-width:820px;}
#ht_content_01 #bmclabo h6{font-size:34px;color:#008cd6;line-height:1.5em;margin:0.5em auto 0.25em;max-width:830px;}
#ht_content_01 #bmclabo h6 + p{font-size:28px;}
#ht_content_01 #bmclabo p{font-size:24px;line-height:1.5em;max-width:830px;color:#454f4f;text-align:justify;margin:0 auto;}
#ht_content_01 #bmclabo figure.directed{max-width:840px;margin:5em auto 3em;}
#ht_content_01 #bmclabo hr{display:block;height:60px;background:transparent;position:relative;border:0;}
#ht_content_01 #bmclabo hr:before{content:"";background:#cceeff;width:100%;height:3px;display:block;position:absolute;top:50%;left:0;transform:translateY(-50%);}
@media screen and (max-width: 768px) {
	#ht_content_01 #bmclabo{border:15px solid #cceeff;width:calc(100% - 60px);padding:30px 15px 30px;margin-top:0;}
	#ht_content_01 #bmclabo h1{font-size:8vw;}
	#ht_content_01 #bmclabo .logoFlex{margin-top:2.5em;}
	#ht_content_01 #bmclabo .logoFlex .name,
	#ht_content_01 #bmclabo h2,
	#ht_content_01 #bmclabo .profileFlex .profileName p span.name{font-size:5vw;}
	#ht_content_01 #bmclabo .logoFlex .name{font-size:4.2vw;}
	#ht_content_01 #bmclabo .logoFlex .name .en{font-size:2.75vw;display:inline-block;line-height:1.25em;}
	#ht_content_01 #bmclabo h3{font-size:4.5vw;}
	#ht_content_01 #bmclabo h5{font-size:4.4vw;}
	#ht_content_01 #bmclabo h6{font-size:4.2vw;}
	#ht_content_01 #bmclabo h6 + p{font-size:4.2vw;}
	#ht_content_01 #bmclabo .profileFlex .profileName p{font-size:3.2vw;text-align:left;}
	#ht_content_01 #bmclabo .profileFlex .profileName p span.name{display:block;}
}
@media screen and (max-width: 640px) {
	#ht_content_01 #bmclabo h2{font-size:5.4vw;}
	#ht_content_01 #bmclabo h3{font-size:4.8vw;}
	#ht_content_01 #bmclabo h4{margin:3em auto 1.5em;}
	#ht_content_01 #bmclabo h5{font-size:5vw;}
	#ht_content_01 #bmclabo h6{font-size:4.8vw;}
	#ht_content_01 #bmclabo .imgFlex{margin:3em auto 3em;}
	#ht_content_01 #bmclabo .profileFlex{margin:3em auto 1em;}
	#ht_content_01 #bmclabo .profileFlex h3.cpc{display:none;}
	#ht_content_01 #bmclabo .profileFlex h3.csp{display:block;width:100%;}
	#ht_content_01 #bmclabo .profileFlex .profileName p span.name{font-size:5.4vw;}
	#ht_content_01 #bmclabo .profAnnote{text-align:left;}
	#ht_content_01 #bmclabo p{font-size:4vw;}
	#ht_content_01 #bmclabo h6 + p{font-size:4.5vw;}
	#ht_content_01 #bmclabo .logoFlex .name .en{font-size:2.7vw;}
	#ht_content_01 #bmclabo figure.directed{margin:3em auto;}
	#ht_content_01 #bmclabo hr{height:5vw;}
	#ht_content_01 #bmclabo hr:before{height:2px;}
}

/* ----- Content 02 ----- */
#ht_content_02{background:#e6ecec;color:#454f4f;}
#ht_content_02 .areaWhite{background:#fff;max-width:840px;width:calc(100% - 120px);padding:40px;margin:30px auto;border-radius:0 20px 20px 20px;}
#ht_content_02 #topArea.areaWhite{border-radius:20px;}
#ht_content_02 #topArea h1{color:#667777;font-weight:bold;text-align:center;font-size:72px;line-height:1.25em;max-width:840px;}
#ht_content_02 #topArea h1 .prdct{font-size:48px;}
#ht_content_02 #topArea figure{max-width:600px;width:80%;margin:1em auto;}
#ht_content_02 #topArea h2{color:#454f4f;font-size:32px;text-align:center;line-height:1.5em;margin:0 auto 1.5em;}
#ht_content_02 #topArea p{text-align:center;font-size:36px;}
#ht_content_02 #topArea .index{border:1px solid #454f4f;padding:10px 20px 30px;color:#454f4f;margin:1em auto;}
#ht_content_02 #topArea .index h3{font-size:30px;font-weight:bold;line-height:1.5em;margin-top:15px;background:#fff;position:relative;z-index:2;}
#ht_content_02 #topArea .index h3 .num{color:#1eadee;}
#ht_content_02 #topArea .index a{color:#454f4f;}
#ht_content_02 #topArea .index ul{padding-left:30px;position:relative;top:-10px;}
#ht_content_02 #topArea .index ul li{font-size:24px;line-height:1.5em;border-left:2px solid #454f4f;padding-left:30px;position:relative;}
#ht_content_02 #topArea .index ul li a{position:relative;top:15px;}
#ht_content_02 #topArea .index ul li a:after{position:absolute;content:"";width:25px;height:2px;background:#454f4f;left:-32px;top:13px;}
.windows #ht_content_02 #topArea .index ul li a:after{top:19px;}
#ht_content_02 .question{position:relative;padding-bottom:50px;}
#ht_content_02 .question:before{content:"";color:#fff;font-size:40px;font-weight:bold;text-align:center;line-height:80px;display:block;width:200px;height:107px;background:url(../content/02/img/question_num_bg.png) no-repeat;background-size:200px;background-position:left top;position:absolute;top:0;left:0;}
#ht_content_02 .question#question1:before{content:"疑問❶";}
#ht_content_02 .question#question2:before{content:"疑問❷";}
#ht_content_02 .question#question3:before{content:"疑問❸";}
#ht_content_02 .question#question3{margin-bottom:100px;}
#ht_content_02 .question h2{font-size:50px;text-align:center;color:#454f4f;line-height:1.5em;position:relative;margin:50px auto 1em;}
#ht_content_02 .question h2:after{content:"";display:block;width:80px;height:110px;background:url(../content/02/img/icon_question_illust.png) no-repeat;background-size:80px;background-position:left center;position:absolute;top:-30px;}
#ht_content_02 .question p{color:#454f4f;text-align:justify;line-height:1.5em;font-size:26px;}
#ht_content_02 .question p.annote{font-size:21px;}
#ht_content_02 .question p.annote2{font-size:18px;}
#ht_content_02 .question p.end{font-size:22px;margin-top:30px;}
#ht_content_02 .question p.ti6em{padding-left:6em;text-indent:-6em;}
#ht_content_02 .question h3{font-size:35px;color:#454f4f;}
#ht_content_02 .question h4{color:#454f4f;font-size:42px;padding-left:1em;position:relative;line-height:1.35em;margin:1em auto;}
#ht_content_02 .question h4:before{content:"■";color:#1eadee;font-size:42px;position:absolute;top:0;left:0;}
#ht_content_02 .question h5{color:#1eadee;font-size:56px;text-align:center;line-height:1.35em;letter-spacing:-0.025em;}
#ht_content_02 .question h5 sup{font-size:40%;}
#ht_content_02 .question h6{color:#454f4f;font-size:26px;line-height:1.5em;margin:1.5em auto 0.25em;}
#ht_content_02 .question hr{display:block;height:60px;background:transparent;position:relative;border:0;}
#ht_content_02 .question hr:before{content:"";background:#454f4f;width:100%;height:2px;display:block;position:absolute;top:50%;left:0;transform:translateY(-50%);}
#ht_content_02 .question#question1 h3{margin-top:1.5em;position:relative;}
#ht_content_02 .question#question1 h3:before{content:"";width:100%;height:3px;display:block;position:absolute;top:50%;left:0;transform:translateY(-50%);background:#454f4f;}
#ht_content_02 .question#question1 h3 span{display:inline-block;background:#fff;padding-right:20px;position:relative;}
#ht_content_02 .question#question1 figure{margin:10px auto;padding:0 0 20px;border-bottom:3px solid #454f4f;}
#ht_content_02 .question#question1 figure img{max-width:828px;}
#ht_content_02 .question .detail{border:1px solid #454f4f;padding:30px;margin:40px auto;}
#ht_content_02 .question .detail p{font-size:22px;}
#ht_content_02 .question#question2 .imgFlex,
#ht_content_02 .question#question2 .figFlex{display:flex;justify-content:space-between;}
#ht_content_02 .question#question2 .imgFlex.mb50px{margin-bottom:50px;}
#ht_content_02 .question#question2 .imgFlex figure{max-width:390px;width:40%;margin-right:2%;}
#ht_content_02 .question#question2 .imgFlex p{width:58%;}
#ht_content_02 .question#question2 .figFlex figure{max-width:270px;width:33%;}
#ht_content_02 .question#question2 figure.drain1{max-width:696px;margin:30px auto 15px;}
#ht_content_02 .question#question2 figure.drain2{max-width:830px;margin:30px auto 50px;}
#ht_content_02 .question#question2 figure.drain1 + .annote2{width:90%;max-width:620px;margin:0 auto 50px;}
#ht_content_02 .question#question2 h6.depend{font-size:40px;line-height:1.5em;text-align:center;margin:1em auto;}
#ht_content_02 .question#question2 .annote3{font-size:50%;text-align:right;display:inline-block;width:100%;line-height:1.35em;}
#ht_content_02 .question#question2 .annote3 span{margin:1em 1.5em 3em auto;display:inline-block;text-align:left;}
#ht_content_02 .question#question3 .column{border:2px solid #e6ecec;padding:30px;margin:3em auto 5em;}
#ht_content_02 .question#question3 .imgFlex{display:flex;justify-content:space-between;margin:30px auto 0;}
#ht_content_02 .question#question3 .imgFlex figure{width:48%;max-width:390px;text-align:center;font-size:18px;font-weight:bold;color:#454f4f;}
#ht_content_02 .question#question3 .imgFlex figure img{margin-bottom:0;}
#ht_content_02 .question#question3 .imgFlex figure p{font-size:50%;text-align:right;font-weight:normal;margin-top:0.5em;margin-bottom:1em;}
#ht_content_02 .question#question3 h6{margin:0em auto 1em;}
#ht_content_02 .question#question3 .verify{padding-left:40px;position:relative;margin:50px auto;}
#ht_content_02 .question#question3 .verify:before{content:"1";width:28px;height:28px;border:2px solid #1eadee;color:#1eadee;font-size:22px;font-weight:bold;display:block;position:absolute;top:0;left:0;line-height:28px;text-align:center;}
#ht_content_02 .question#question3 .verify#verify1:before{content:"1";}
#ht_content_02 .question#question3 .verify#verify2:before{content:"2";}
#ht_content_02 .question#question3 .verify h6{font-size:28px;margin:1em auto 0.25em;}
#ht_content_02 .question#question3 .verify h6 span.square{color:#1eadee;}
#ht_content_02 .question#question3 .verify p{font-size:22px;}
#ht_content_02 .question#question3 .verify h6,
#ht_content_02 .question#question3 .verify figure,
#ht_content_02 .question#question3 .verify figure + p{max-width:620px;margin-left:auto;margin-right:auto;}
#ht_content_02 .question#question3 .verify figure + p{margin-top:0.25em;}
#ht_content_02 .question#question3 .verify p span.tul{text-decoration:underline;font-weight:bold;}
#ht_content_02 .question#question3 .result{font-size:33px;text-align:center;font-weight:bold;line-height:1.5em;color:#454f4f;}
#ht_content_02 .question#question3 a{display:block;width:360px;max-width:60%;font-size:26px;font-weight:bold;text-align:center;color:#fff;text-decoration:none;margin:30px auto;}
#ht_content_02 .exg{color:#e6014b;font-weight:bold;}
@media screen and (max-width: 960px) {
	#ht_content_02 #topArea h1{font-size:7vw;}
	#ht_content_02 #topArea h1 .prdct{font-size:5vw;}
	#ht_content_02 #topArea h2{font-size:3.2vw;}
	#ht_content_02 #topArea p{font-size:3.4vw;}
	#ht_content_02 #topArea .index h3{font-size:3vw;}
	#ht_content_02 #topArea .index ul{padding-left:3vw;}
	#ht_content_02 #topArea .index ul li{font-size:2.4vw;padding-left:4vw;}
	#ht_content_02 #topArea .index ul li a{top:2vw;}
	#ht_content_02 #topArea .index ul li a:after{width:3vw;top:1vw;left:calc(-4vw - 2px);}
	.windows #ht_content_02 #topArea .index ul li a:after{top:calc(1vw + 4px);}
	#ht_content_02 .question:before{font-size:4vw;width:23%;background-size:contain;line-height:10vw;}
	#ht_content_02 .question h2{font-size:5vw;margin-top:8vw;}
	#ht_content_02 .question h2:after{width:9vw;height:12vw;background-size:9vw;background-position:center;top:-5vw;}
	#ht_content_02 .question h3{font-size:3vw;}
	#ht_content_02 .question h4,
	#ht_content_02 .question h4:before{font-size:4.2vw;}
	#ht_content_02 .question h5{font-size:5vw;}
	#ht_content_02 .question h6{font-size:3vw;}
	#ht_content_02 .question#question2 h6.depend{font-size:4vw;}
	#ht_content_02 .question#question3 .verify h6{font-size:3vw;}
	#ht_content_02 .question p{font-size:2.75vw;}
	#ht_content_02 .question p.annote{font-size:2vw;}
	#ht_content_02 .question p.annote2{font-size:1.8vw;}
	#ht_content_02 .question .detail{margin:4vw auto;}
	#ht_content_02 .question .detail p{font-size:2.35vw;}
	#ht_content_02 .question#question3 .imgFlex figure{font-size:2.25vw;}
	#ht_content_02 .question#question3 .verify{margin:5vw auto;}
	#ht_content_02 .question#question3 .verify p{font-size:2.3vw;}
	#ht_content_02 .question#question3 .result{font-size:3.4vw;}
	#ht_content_02 .question p.end{font-size:2.5vw;}
	#ht_content_02 .question#question3 a{font-size:2.8vw;}
}
@media screen and (max-width:768px) {
	#ht_content_02 .areaWhite{padding:20px;width:calc(100% - 60px);margin:20px auto;}
	#ht_content_02 #topArea .index{padding:2vw 4vw 8vw;}
	#ht_content_02 .question .detail{padding:3vw;}
	#ht_content_02 .question#question3 .column{padding:5%;margin:1.5em auto;}
}
@media screen and (max-width:640px) {
	#ht_content_02 #topArea h2{font-size:4.2vw;}
	#ht_content_02 #topArea .index h3{font-size:4vw;}
	#ht_content_02 #topArea .index ul{top:-1vw;position:relative;}
	#ht_content_02 #topArea .index ul li{font-size:3.4vw;}
	#ht_content_02 #topArea .index ul.q3 li{border-left:2px solid #fff;}
	#ht_content_02 #topArea .index ul.q3 li:before{content:"";width:2px;height:2.7vw;display:block;background:#454f4f;position:absolute;top:2px;left:-2px;z-index:2;}
	#ht_content_02 #topArea .index ul li a{top;10px;margin-bottom:8px;}
	#ht_content_02 #topArea .index ul li a:after{top:6px;top:1.7vw;}
	.windows #ht_content_02 #topArea .index ul li a:after{top:calc(1.7vw + 6px);}
	.windows #ht_content_02 #topArea .index ul.q3 li a:after{top:calc(1.7vw + 4px);}
	#ht_content_02 #topArea .index ul.q3 li a:before{content:"";width:2px;height:calc(1.7vw + 2px);display:block;background:#454f4f;position:absolute;top:0;left:calc(-4vw - 2px);}
	.windows #ht_content_02 #topArea .index ul.q3 li a:before{height:calc(1.7vw + 6px);}
	#ht_content_02 .question h4,
	#ht_content_02 .question h4:before{font-size:4.5vw;}
	#ht_content_02 .question h5{font-size:6vw;}
	#ht_content_02 .question h5.q2s{font-size:5.6vw;}
	#ht_content_02 .question h6{font-size:3.75vw;}
	#ht_content_02 .question#question2 h6.depend{font-size:4.75vw;}
	#ht_content_02 .question p{font-size:4vw;}
	#ht_content_02 .question p.annote{font-size:3vw;}
	#ht_content_02 .question p.annote2{font-size:2.4vw;}
	#ht_content_02 .question p.end{font-size:3vw;}
	#ht_content_02 .question hr{height:5vw;}
	#ht_content_02 .question .detail{margin:4.5vw auto;}
	#ht_content_02 .question .detail p{font-size:2.8vw;text-align:left;}
	#ht_content_02 .question#question2 figure.drain1{margin:4vw auto 2vw;}
	#ht_content_02 .question#question2 figure.drain2{margin:4vw auto 6vw;}
	#ht_content_02 .question#question2 figure.drain1 + .annote2{margin:0 auto 5vw;}
	#ht_content_02 .question#question2 .imgFlex.mb50px{margin-bottom:6vw;}
	#ht_content_02 .question#question2 .annote3{font-size:1.5vw;}
	#ht_content_02 .question#question3 .imgFlex figure{font-size:2.4vw;}
	#ht_content_02 .question#question3 .verify{padding-left:8vw;margin:6vw auto;}
	#ht_content_02 .question#question3 .verify:before{font-size:4vw;width:5vw;height:5vw;line-height:5vw;top:-0.5vw;}
	#ht_content_02 .question#question3 .verify h6{font-size:3.5vw;}
	#ht_content_02 .question#question3 .verify p{font-size:3vw;}
	#ht_content_02 .question#question3 .result{font-size:4.5vw;}
	#ht_content_02 .question#question3 a{font-size:3.5vw;}
}