@charset "UTF-8";

.m_img {
	background-image: url("../images/fear/m_img@2x.jpg");
}

/*共通
---------------------------------------------------------*/
.bg_blue { background-color: #6eb4ff;}
.bg_pink { background-color: #fff2f3;}
.bg_yellow { background-color: #ffffb3;}

#check .bg_blue,
#work,
#painless .bg_pink,
#relieved .bg_yellow {
	padding: 110px 0;
	position: relative;
}

.com_style2 > dt {
	font-size: min(3.6vw, 270%);
}
.com_style2 > dt span {
	display: block;
	color: #ff7070;
	font-size: 47%;
	letter-spacing: .15em;
	margin-bottom: .2em;
}

.fear_wave {
	position: relative;
}
.fear_wave::after {
	position: absolute;
	content: "";
	background: url("../images/common/bg_wave_lpin@2x.png") no-repeat left bottom;
	background-size: 100% 100%;
	width: 100%;
	height: min(10vw,155px);
	left: 0;
	bottom: -1px;
}

.fear_tit {
	text-align: center;
}
.fear_tit .fear_fuki {
    position: relative;
    color: #fff;
    font-size: min(2.2vw, 187%);
    font-family: "agenda-one", sans-serif;
    font-weight: bold;
    font-style: normal;
    letter-spacing: .15em;
    line-height: 1;
    padding: .8em;
	background: #ff7070;
	border-radius: .81em;
	width: 8.7em;
	margin-left: auto;
	margin-right: auto;
}
.fear_tit .fear_fuki span {
	background: url(../images/fear/accent_pink.svg) no-repeat center top;
	background-size: 1.6em auto;
	padding-top: 2em;
}
.fear_tit .fear_fuki::after {
	content: '';
	position: absolute;
	width: .6em;
	height: .6em;
	top: 99.9%;
	left: 50%;
	transform: translateX(-50%);
	background: url(../images/fear/tri_pink.svg) no-repeat;
	background-size: contain;
}
.fear_tit h2 {
	font-size: min(4vw, 333%);
	font-weight: bold;
	letter-spacing: .2em;
	line-height: 1.3;
	margin-bottom: .3em;
}
.fear_tit h2 span {
	color: #ff7070;
}

.fear_point {
	position: relative;
	text-align: center;
}
.fear_point .fuki {
	display: inline-block;
	font-size: min(2.2vw, 166%);
	font-weight: bold;
	letter-spacing: .2em;
	padding: 0 2.2em;
}
.fear_point .fuki::before,
.fear_point .fuki::after {
	border-left: 1px solid #473219;
	height: 1.5em;
	bottom: .1em;
}
.fear_point .fuki::before {
	left: 0;
	transform: rotate(-27deg);
}
.fear_point .fuki::after {
	right: 0;
	transform: rotate(27deg);
}

/*med_col_list*/
.med_col_list.col2 {
	max-width: 1340px;
	margin-left: auto;
	margin-right: auto;
}
.med_col_list.col2 > li {
	background-color: #fff;
	border-radius: 20px;
	padding: 55px 3.8% 60px;
}
.med_col_list.col2 dt {
	color: #473219;
}
.med_col_list.col2 dd {
	text-align: left;
}
/* PC,Tablet
------------------------------------------*/
@media only screen and (min-width: 768px) {
/*com_flt*/
.com_flt .img_r {
	width: 43%;
	max-width: 520px;
}
.com_flt .txt_l {
	width: 50%;
}
	
/*fear_flex1*/
.fear_flex1 {
	display: flex;
	justify-content: space-between;
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
}
.fear_flex1 .box_img {
	width: 48.7%;
	max-width: 510px;
}
.fear_flex1 .box_txt {
	align-self: center;
	width: 46%;
}
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#check .bg_blue,
#work,
#painless .bg_pink,
#relieved .bg_yellow {
	padding: 9% 0;
}
	
/*com_flt*/
.com_flt .txt_l {
	width: 100%;
	float: none;
}
	
/*fear_flex1*/
.fear_flex1 {
	display: block;
	overflow: hidden;
}
.fear_flex1 .box_img {
	float: left;
	margin-right: 4%;
	margin-bottom: 1em;
}
	
/*med_col_list*/
.med_col_list.col2 > li {
	padding: 3.5% 3% 4%;
}
}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
#check .bg_blue,
#work,
#painless .bg_pink,
#relieved .bg_yellow {
	padding: 12% 0;
}

.com_style2 > dt {
	font-size: 150%;
}
.com_style2 > dt span {
	font-size: 65%;
	letter-spacing: .1em;
}
	
.fear_tit .fear_fuki {
	font-size: 110%;
}
.fear_tit h2 {
	font-size: 160%;
	letter-spacing: .15em;
}
	
/*fear_flex1*/
.fear_flex1 .box_img {
	width: 90%;
	margin: 0 auto 5%;
}
	
.fear_point .fuki {
	font-size: 120%;
	letter-spacing: .1em;
}
.fear_point .fuki::before,
.fear_point .fuki::after {
	height: 2em;
	bottom: .6em;
}
	
/*med_col_list*/
.med_col_list.col2 > li {
	padding: 9% 6.5% 10%;
}
}



/*check
---------------------------------------------------------*/
#check .bg_blue {
	padding-top: 80px;
}
#check .bg_blue::after {
	content: '';
	position: absolute;
	width: 6em;
	height: 6em;
	top: 99.9%;
	left: 50%;
	transform: translateX(-50%);
	background: url(../images/fear/tri_blue.svg) no-repeat;
	background-size: contain;
}
#check .check_lead {
	color: #fff;
}
#check .check_lead dt {
	margin-left: auto;
	margin-right: auto;
}
#check .check_lead dd {
	font-weight: bold;
}
/* PC,Tablet
------------------------------------------*/
@media only screen and (min-width: 768px) {
#check .check_lead {
	text-align: center;
}
#check .check_lead dt {
	width: 50%;
	max-width: 595px;
}
#check .med_check .chk_list {
	max-width: 990px;
}
#check .med_check .chk_list li {
	width: 44%;
}
#check .med_check .chk_list li:nth-of-type(even) {
	width: 52%;
}
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#check .bg_blue {
	padding-top: 8%;
}
}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
#check .bg_blue {
	padding-top: 10%;
}
#check .bg_blue::after {
	width: 4em;
	height: 4em;
}
#check .check_lead dt {
	width: 90%;
}
}



/*work
---------------------------------------------------------*/
#work {
	padding-bottom: 240px;
}

#work .com_style2 > dt {
	line-height: 1.4;
}
#work .com_style2 > dt span {
	display: inline;
	color: #6eb4ff;
}
/* PC,Tablet
------------------------------------------*/
@media only screen and (min-width: 768px) {
#work .com_style2 > dt {
	font-size: min(2.8vw, 240%);
}
#work .com_style2 > dt span {
	font-size: 160%;
	letter-spacing: .18em;
}
	
#work .fear_inbox {
	padding-left: 2.3%;
	padding-right: 2.3%;
}
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#work {
	padding-bottom: 18%;
}
}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
#work {
	padding-bottom: 24%;
}
	
#work .com_style2 > dt {
	font-size: 150%;
}
#work .com_style2 > dt span {
	font-size: 140%;
	letter-spacing: .15em;
}
}



/*painless
---------------------------------------------------------*/
#painless .bg_pink {
	padding-bottom: 170px;
}
#painless .med_col_list.col2 > li .box_img{
	max-width: 484px;
	width: 90%;
	margin: 0 auto 30px;
	text-align: center;
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#painless .bg_pink {
	padding-bottom: 15%;
}
#painless .med_col_list.col2 > li .box_img{
	margin: 0 auto 6%;
}
}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
#painless .bg_pink {
	padding-bottom: 20%;
}
#painless .med_col_list.col2 > li .box_img{
	margin: 0 auto 6%;
}
}



/*relieved
---------------------------------------------------------*/
#relieved .com_style2 > dt span {
	color: #ff9029;
}

#relieved .fear_wave::after {
	background: url("../images/common/bg_wave_lyel@2x.png") no-repeat left bottom;
	background-size: 100% 100%;
}

#relieved .fear_tit .fear_fuki {
    background: #ffd900;
}
#relieved .fear_tit .fear_fuki span {
	background: url(../images/fear/accent_yellow.svg) no-repeat center top;
	background-size: 1.6em auto;
}
#relieved .fear_tit .fear_fuki::after {
	background: url(../images/fear/tri_yellow.svg) no-repeat;
}
#relieved .fear_tit h2 span {
    color: #ff9029;
}

#relieved .com_btn1 a span::before {
    background-color: #ff9029;
}

/*med_col_list*/
#relieved .med_col_list.col2 > li{
	position: relative;
	padding-top: 0;
}
#relieved .med_col_list.col2 > li .box_img {
	width: 52%;
	max-width: 274px;
	margin: -24px auto 30px;
	text-align: center;
	display: block;
}
/* PC,Tablet
------------------------------------------*/
@media only screen and (min-width: 768px) {
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 1453px) {
#relieved .med_col_list.col2 > li .box_img {
	margin: -1.66vw auto 30px;
}
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
/*fear_flex1*/
#relieved .fear_flex1 .box_txt {
	float: left;
}
/*med_col_list*/
#relieved .med_col_list.col2 > li .box_img {
	margin: -1.66vw auto 6%;
}
}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
#relieved .med_col_list > li:nth-of-type(n+2) {
	margin-top: 7%;
}
#relieved .med_col_list.col2 > li .box_img {
	margin-top: 0;
	margin-bottom: calc(6% - 3vw);
	transform: translateY(-3vw);
}
}




/*
---------------------------------------------------------*/

/* PC,Tablet
------------------------------------------*/
@media only screen and (min-width: 768px) {

}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {

}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {

}