@charset "utf-8";

/* style */
.page-mv {background-image:url(../../campaign/img/mv.jpg);}

.comfortable-catch {padding:210px 0 110px 0;}

.comfortable-ctx1 {padding:120px 0; background-color:#fff;}
.comfortable-ctx1 .ttl {max-width:1000px; margin: -250px auto 0;}
.comfortable-ctx1 .clm {margin:90px 0 0 0; display:flex; justify-content:space-between; position:relative;}
.comfortable-ctx1 .clm::before {content:''; display:block; position:absolute; top:0; left:50%;}
.comfortable-ctx1 .clm > div {width:49%; padding:0 0 150px 0; position:relative;}
.comfortable-ctx1 .txt1 {height:3.2em; font-size:3.3rem; font-weight:500; line-height:1.45; text-align:center; display:flex; justify-content:center; align-items:center;}
.comfortable-ctx1 .txt1 span.color {color:#0088d3;}
.comfortable-ctx1 .txt1 strong {font-size:236%; font-weight:400; font-style:italic; line-height:1; padding:0 0.1em 0 0; display:inline-block;}
.comfortable-ctx1 .txt2 {font-size:1.4rem; text-align:left; margin:25px 0 0 0;}
.comfortable-ctx1 .txt3 {width:100%; position:absolute; bottom:0; left:0;}
.comfortable-ctx1 .txt3 a {display:block; transition:opacity 0.3s ease;}
.comfortable-ctx1 .txt3 a:hover {opacity:0.7;}
.comfortable-ctx1 .txt4 {text-align:left; margin:90px auto 0 auto; display:inline-block;}
.comfortable-ctx1 .txt4 dt {font-size:3.3rem; font-weight:500; line-height:1.45;}
.comfortable-ctx1 .txt4 dt span {font-size:70%;}
.comfortable-ctx1 .txt4 dt strong {font-weight:400; color:#0088d3;}
.comfortable-ctx1 .txt4 dd {max-width:820px; font-size:1.2rem; line-height:1.6; margin:10px auto 0 auto;}
.comfortable-ctx1 .txt4 dd a {text-decoration:none; color:#0088d3;}
.comfortable-ctx1 .txt4 dd a:hover {text-decoration:underline;}
.comfortable-ctx1 .txt5 {margin:25px 0 0 0;}
.comfortable-ctx1 .txt5 a {display:block; transition:opacity 0.3s ease;}
.comfortable-ctx1 .txt5 a:hover {opacity:0.7;}
.comfortable-ctx1 .imgs {margin:20px 0 0 0;}
.comfortable-ctx1 .imgs > div {margin:35px 0 0 0;}
.comfortable-ctx1 .imgs > div:first-of-type {margin-top:0;}

.comfortable-ctx2 {margin:15px 0 0 0; padding:120px 0; background-color:#fff;}
.comfortable-ctx2 .clm {margin:60px 0 0 0; display:flex; justify-content:space-between;}
.comfortable-ctx2 .clm > div:nth-of-type(1) {width:25%;}
.comfortable-ctx2 .clm > div:nth-of-type(2) {width:72%;}
.comfortable-ctx2 .txt1 {margin:90px auto 0 auto;}
.comfortable-ctx2 .txt1 dt {font-size:3.3rem; font-weight:500; line-height:1.45; letter-spacing:0; text-align:center;}
.comfortable-ctx2 .txt1 dt span {font-size:70%;}
.comfortable-ctx2 .txt1 dt strong {font-weight:400; color:#0088d3;}
.comfortable-ctx2 .txt1 dd {font-size:1.4rem; line-height:1.6; text-align:center; margin:10px 0 0 0;}
.comfortable-ctx2 .txt2 > div {min-height:156px; margin:10px 0 0 0; padding:0 0 0 220px; position:relative;}
.comfortable-ctx2 .txt2 > div::before {content:''; width:200px; height:100%; background-repeat:no-repeat; background-position:center top; background-size:100% auto; display:block; position:absolute; top:0; left:0;}
.comfortable-ctx2 .txt2 > div:nth-of-type(1) {margin-top:0;}
.comfortable-ctx2 .txt2 > div:nth-of-type(1)::before {background-image:url(../../campaign/img/img_02_01.jpg);}
.comfortable-ctx2 .txt2 > div:nth-of-type(1) dt {color:#0098e4;}
.comfortable-ctx2 .txt2 > div:nth-of-type(2)::before {background-image:url(../../campaign/img/img_02_02.jpg);}
.comfortable-ctx2 .txt2 > div:nth-of-type(2) dt {color:#31ad00;}
.comfortable-ctx2 .txt2 > div:nth-of-type(3)::before {background-image:url(../../campaign/img/img_02_03.jpg);}
.comfortable-ctx2 .txt2 > div:nth-of-type(3) dt {color:#f67900;}
.comfortable-ctx2 .txt2 > div:nth-of-type(4)::before {background-image:url(../../campaign/img/img_02_04.jpg);}
.comfortable-ctx2 .txt2 > div:nth-of-type(4) dt {color:#f1438e;}
.comfortable-ctx2 .txt2 dl {text-align:left; padding:20px 0 0 85px; position:relative;}
.comfortable-ctx2 .txt2 dt {font-size:2.8rem; font-weight:500; line-height:1.3; letter-spacing:0;}
.comfortable-ctx2 .txt2 dt span {width:70px; display:block; position:absolute; top:0; left:0;}
.comfortable-ctx2 .txt2 dd {font-size:1.4rem; line-height:2; margin:5px 0 0 0;}
.comfortable-ctx2 .txt3 {margin:75px 0 0 0;}
.comfortable-ctx2 .txt3 a {transition:opacity 0.3s ease;}
.comfortable-ctx2 .txt3 a:hover {opacity:0.7;}

.comfortable-ctx3 {margin:15px 0 0 0; padding:120px 0; background-color:#fff;}
.comfortable-ctx3 .img {margin:60px 0 0 0;}
.comfortable-ctx3 .note {font-size:1.2rem; line-height:1.6; text-align:left; margin:30px auto 0 auto; display:inline-block;}

@media screen and (max-width:767px){
	.page-mv {height:375px; background-image:url(../../campaign/img/mv_sp.jpg);}

	.comfortable-catch {padding:80px 0 60px 0;}
	.comfortable-catch .catch {max-width:180px; margin:0 auto;}

	.comfortable-ctx1 {padding:40px 0 45px 0;}
	.comfortable-ctx1 .ttl {max-width:452px; margin: -100px auto 0;}
	.comfortable-ctx1 .clm {margin:0; display:block;}
	.comfortable-ctx1 .clm::before {display:none;}
	.comfortable-ctx1 .clm > div {width:auto; margin:25px 0 0 0; padding:0;}
	.comfortable-ctx1 .clm > div:nth-of-type(2) {margin:45px 0 0 0; padding:45px 0 0 0; border-top:dashed 1px #999;}
	.comfortable-ctx1 .txt1 {height:auto; font-size:2.0rem; display:block;}
	.comfortable-ctx1 .txt1 strong {font-size:236%;}
	.comfortable-ctx1 .txt2 {font-size:1.1rem; margin:15px 0 0 0;}
	.comfortable-ctx1 .txt3 {max-width:325px; margin:20px auto 0 auto; position:static;}
	.comfortable-ctx1 .txt4 {margin:45px 0 0 0; padding:45px 0 0 0; border-top:dashed 1px #999; display:block;}
	.comfortable-ctx1 .txt4 dt {font-size:2.0rem; text-align:center;}
	.comfortable-ctx1 .txt4 dd {font-size:1.1rem; margin:20px auto 0 auto;}
	.comfortable-ctx1 .txt5 {max-width:325px; margin:20px auto 0 auto;}
	.comfortable-ctx1 .imgs {margin:20px 0 0 0;}
	.comfortable-ctx1 .imgs > div {margin:20px 0 0 0;}
	.comfortable-ctx1 .imgs > div:first-of-type {margin-top:0;}
	
	.comfortable-ctx2 {margin:8px 0 0 0; padding:40px 0;}
	.comfortable-ctx2 .ttl {max-width:282px; margin:0 auto;}
	.comfortable-ctx2 .clm {margin:30px 0 0 0; display:block;}
	.comfortable-ctx2 .clm > div:nth-of-type(1) {width:70.6vw; margin:0 auto;}
	.comfortable-ctx2 .clm > div:nth-of-type(2) {width:auto;}
	.comfortable-ctx2 .txt1 {margin:35px 0 0 0;}
	.comfortable-ctx2 .txt1 dt {font-size:2.0rem; text-align:center;}
	.comfortable-ctx2 .txt1 dt span {line-height:1.4; display:block;}
	.comfortable-ctx2 .txt1 dd {font-size:1.1rem; margin:15px 0 0 0;}
	.comfortable-ctx2 .txt2 > div {min-height:0; margin:25px 0 0 0; padding:0;}
	.comfortable-ctx2 .txt2 > div::before {display:none;}
	.comfortable-ctx2 .txt2 > div:nth-of-type(1) {margin-top:40px;}
	.comfortable-ctx2 .txt2 dl {padding:0;}
	.comfortable-ctx2 .txt2 dt {font-size:1.7rem; display:flex; align-items:center;}
	.comfortable-ctx2 .txt2 dt span {width:60px; padding:0 15px 0 0; box-sizing:border-box; display:block; position:static;}
	.comfortable-ctx2 .txt2 dd {font-size:1.2rem; margin:5px 0 0 0;}
	.comfortable-ctx2 .txt3 {max-width:325px; margin:20px auto 0 auto;}

	.comfortable-ctx3 .ttl {max-width:328px; margin:0 auto;}
	.comfortable-ctx3 {margin:8px 0 0 0; padding:40px 0;}
	.comfortable-ctx3 .img {margin:40px 0 0 0;}
	.comfortable-ctx3 .note {font-size:1.0rem; margin:20px 0 0 0;}
}