@charset "utf-8";
/*花粉症と気管支喘息*/

/* pc */

.fork{
	font-family: "フォーク M";
}

.big_red{
	font-size: 35px;
	color: #C00003;
}

.big_red2{
	font-size: 28px;
	color: #C00003;
	line-height: 140%;
}

.dash{
	border-bottom: 1px dashed #4C2901;
	background-image: none;
	margin: 30px auto;
}

.t_img {
    background-image: url(image/com.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: 25%;
}

.info_txt{
	color: #664C00;
	font-size: 24px;
	text-align: center;
	margin-bottom: 45px;
}

.info_txt::before{
	content: url(image/info_txt1.png);
    position: relative;
  margin-right: 0.5em;
}

.info_txt::after{
	content:  url(image/info_txt2.png);
    display: inline-block;
    position: relative;
  margin-left: 0.5em;
}


/* スマホ */
@media screen and (max-width: 850px){
.top30 {
    margin-top: 30px !important;
}
	
.txt16_11{
	font-size: 11px;
}	
	
	
.dash {
    margin: 20px auto;
}	
	
#contents{
	width: 100%;
	padding-left: 15px;
	padding-right: 15px;
}
		
.big_red {
    font-size: 35px;
	line-height: 150%;
}	

.big_red span{
	display: block;
	margin-left: 0px;
	font-size: 35px;
}	
.info_txt {
    font-size: 22px;
}
	
.info_txt::before{
	content: "";
}

.info_txt::after{
	content: "";
}	
}

/*added by wt*/
.ttl1{
font-family: "フォーク B";
background-image: url(image/supports-bk01.png);
background-repeat: no-repeat;
background-position: center bottom;
padding-bottom: 3%;
font-size: 28px;
font-weight: bold;
line-height: 1.8;
color: #C00003;
text-align: center;
}
.ttl1::before {
content: "";
display: block;
background-image: url(image/supports-bk01_point.png);
background-repeat: no-repeat;
background-position: center top;
width: 100%;
height: 31px;
margin: 0 0 20px;
}
.introduction{
background:url(image/introduction.png) no-repeat bottom right;
background-size:270px 322px;
}
.introduction p{
text-shadow:1px 1px 1px #fff,-1px -1px 1px #fff;
padding-right:180px;
}
.introduction .lead_txt{
text-align:left;
}
.lead_txt{
font-family: "フォーク B";
font-size:24px;
line-height:1.5;
font-weight:bold;
text-align:center;
color: #4c2901;
margin-bottom:20px;
}
.w_narrow{
max-width:800px;
margin-left:auto;
margin-right:auto;
}
.ryokin{
text-align:center;
}
.box{
background-color: rgba(222,224,174,0.7);;
margin:20px auto 0 auto;
color: #462400;
padding:10px;
}
.g_bg{
padding:20px;
background: -moz-linear-gradient(top,  rgba(179,214,128,0) -1%, rgba(179,214,128,0.01) 0%, rgba(179,214,128,0.2) 20%, rgba(179,214,128,0.2) 91%, rgba(179,214,128,0) 100%);
background: -webkit-linear-gradient(top,  rgba(179,214,128,0) -1%,rgba(179,214,128,0.01) 0%,rgba(179,214,128,0.2) 20%,rgba(179,214,128,0.2) 91%,rgba(179,214,128,0) 100%);
background: linear-gradient(to bottom,  rgba(179,214,128,0) -1%,rgba(179,214,128,0.01) 0%,rgba(179,214,128,0.2) 20%,rgba(179,214,128,0.2) 91%,rgba(179,214,128,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b3d680', endColorstr='#00b3d680',GradientType=0 );
}
.faq dt,.faq dd{
position:relative;
padding-left:40px;
}
.faq dt:before,.faq dd:before{
content:'';
position:absolute;
top:0;
left:0;
font-size:24px;
font-family:"フォーク B";
font-weight:bold;
}
.faq dt{
font-family: "フォーク B";
font-size:24px;
margin:40px 0 10px 0;
color:#337260;
font-weight:bold;
}
.faq dt:before{
content:'Q.';
color:#337260;
}
.faq dt:first-child{
margin-top:0;
}
.faq dd{
padding-top:5px;
font-size:18px;
line-height:1.5;
}
.faq dd:before{
content:'A.';
color:#c00004;
}
.img_box{
display:-webkit-flex;
display:flex;
justify-content:space-between;
align-items:flex-start;
}
.img_box>div{
width:58%;
}
.img_box>img{
width:40%;
height:auto;
border:10px solid #fff;
box-shadow:3px 3px 3px rgba(0,0,0,0.2);
box-sizing:border-box;
transform:rotate(2deg);
}
.free-s {
    max-width:100%;
    background-size:contain;
}
.symptom_of_universe{
list-type:none;
}
.symptom_of_universe li{
margin:20px 0 0 0;
padding:5px 0 15px 40px;
background:url(image/line.png) repeat-x left bottom;
font-size:16px;
line-height:1.3;
font-weight:bold;
position:relative;
}
.symptom_of_universe li:first-child{
margin-top:0;
}
.symptom_of_universe li:before{
content:'';
background: url(image/check_mark.png) no-repeat;
display:inline-block;
width:33px;
height:33px;
position:absolute;
top:0;
left:0;
}
@media screen and (max-width: 850px){
.t_img span{
display:none;
}
.ttl1{
    font-size: 25px;
	background-position: center 125%;
}
.ttl1::before {
    margin: 0 0 5px;
}
.introduction{
background:url(image/introduction.png) no-repeat bottom center;
background-size:200px 238px;
padding-bottom:250px;
}
.introduction p{
padding-right:0;
}
.lead_txt{
font-size:16px;
text-align:left;
}
.faq dt,.faq dd{
padding-left:30px;
}
.faq dt:before,.faq dd:before{
font-size:18px;
}
.faq dt{
font-family: "フォーク B";
font-size:18px;
line-height:1.3;
}
.faq dd{
font-size:14px;
}
.img_box{
flex-wrap:wrap;
}
.img_box>div{
width:100%;
margin-bottom:20px;
}
.img_box>img{
width:100%;
transform:rotate(0deg);
}
.center_sp{
display:block;
text-align:center;
}
.free-s{display:flex;justify-content:space-between;padding-left: 0;padding-right: 0;}
.free-s>span{
text-align:right!important;
white-space:nowrap;
}
.free-s>span:first-child{
width:5em;
}
}