@charset "utf-8";

/*-- 

about

====================================================== --*/

/*-- content_about --*/

#content_about .inner{
max-width:860px;
margin:0 auto;
}
#content_about h2{
font-size:30px;
color:inherit;
width:auto;
margin:0;
padding:0;
background:#fff;
font-weight:normal;
}
#content_about h2 b{
font-size:30px;
font-weight:bold;
color:#a5241f;
}
#content_about h2 span{
display:block;
padding:0;
margin-top:10px;
color:inherit;
border-bottom:none;
font-size:16px;
font-weight:normal;
}
#content_about .lead{
text-align:center;
font-size:14px;
margin-top:20px;
}
#content_about .lead strong{
font-weight:bold;
color:#a5241f;
font-size:14px;
}
#content_about #box_about{
margin-top:50px;
}
#content_about #box_about .photo{
float:left;
}
#content_about #box_about .text{
padding-left:370px;
}
#content_about #box_about .text p{
font-size:14px;
}

/*-- content_support --*/

#content_support{
background:#f0f0f0;
}
#content_support .inner{
max-width:860px;
margin:0 auto;
}
#content_support #lst_support > li{
min-height:170px;
margin-top:20px;
}
#content_support #lst_support > li dl dt{
float:left;
}
#content_support #lst_support > li dl dd{
padding-left:370px;
}
#content_support #lst_support > li dl dd h3{
font-weight:400;
margin-top:20px;
}
#content_support #lst_support > li dl dd p{
font-size:14px;
margin-top:10px;
line-height:1.8;
}

/*-- content_use --*/

#content_use .inner{
max-width:860px;
margin:0 auto;
}
#content_use #lst_use{
margin-top:40px;
}
#content_use #lst_use li{
float:left;
width:40%;
font-size:16px;
background:url(../img/about/ico_checkbox.png) no-repeat left 0;
padding:0 0 30px 40px;
}
#content_use #lst_use li:nth-child(odd){
width:50%;
}
#content_use .lead{
text-align:center;
font-size:16px;
}

/*-- content_results --*/

#content_results{
background:#f0f0f0;
}
#content_results .inner{
max-width:860px;
margin:0 auto;
}
#content_results #lst_results{
margin:30px 0;
}
#content_results #lst_results li{
float:left;
width:415px;
margin-bottom:30px;
}
#content_results #lst_results li:nth-child(odd){
margin-right:30px;
}
#content_results #lst_results li dd h3{
font-size:14px;
font-weight:500;
margin-top:20px;
line-height:1.6;
}
#content_results #lst_results li dd p{
font-size:14px;
margin-bottom:0;
}

/*-- content_voice --*/

#content_voice{
background:#f0f0f0;
}
#content_voice .inner{
max-width:860px;
margin:0 auto;
}
#content_voice #lst_voice{
margin:20px;
}
#content_voice #lst_voice li{
float:none;
width:100%;
margin-bottom:30px;
}
#content_voice #lst_voice li dt{
float:left;
}
#content_voice #lst_voice li dd{
padding-left:180px;
}
#content_voice #lst_voice li dd > span{
font-size:16px;
display:block;
line-height:1;
margin-bottom:10px;
color:#a5241f;
}
#content_voice #lst_voice li dd h3{
font-size:16px;
font-weight:500;
line-height:1.6;
margin-bottom:10px;
}
#content_voice #lst_voice li dd p{
font-size:14px;
margin-bottom:0;
line-height:1.8;
text-align:justify;
text-justify:inter-ideograph;
}
#content_voice #lst_voice li dd p a{
font-size:14px;
}

/*-- 

about common

====================================================== --*/

/*-- h2 --*/

h2{
color:#a5241f;
width:80%;
margin:50px auto 20px;
text-align:center;
background-color:transparent;
}
h2:before{
content:'';
}
h2 span{
display:inline-block;
padding:0 20px 10px;
color:#a5241f;
border-bottom:solid 1px #a5241f;
font-size:18px;
font-weight:bold;
}

/*-- br --*/

#content_top br{
font-size:inherit;
}

/*-- boxbase --*/

.boxbase{
margin-bottom:0;
}

/*-- detail_link --*/

ul.detail_link{
letter-spacing:-.4em;
text-align:center;
margin-bottom:50px;
}
ul.detail_link > li{
display:inline-block;
letter-spacing:normal;
margin:0 20px;
}
ul.detail_link > li a{
text-align:center;
display:block;
background:#a5241f;
width:210px;
padding:8px 10px 12px;
box-sizing:border-box;
}
ul.detail_link > li a span{
font-size:14px;
color:#fff;
background:url(../img/common/ico_arrow02.png) no-repeat right center;
padding-right:20px;
font-weight:400;
}
p.detail_link{
width:210px;
margin:20px auto 50px;
}
p.detail_link a{
text-align:center;
display:block;
background:#a5241f;
width:210px;
padding:8px 10px 12px;
box-sizing:border-box;
}
p.detail_link a span{
font-size:14px;
color:#fff;
background:url(../img/common/ico_arrow02.png) no-repeat right center;
padding-right:20px;
font-weight:400;
}

/*-- detail_link_notice --*/

.detail_link_notice{
text-align:center;
margin: -40px auto 50px;
color:#a5241f;
font-size:16px;
font-weight:400;
}

/*-- hover --*/

ul.detail_link > li a,
p.detail_link a{
opacity:1;
transition:all .15s ease-in-out;
}
ul.detail_link > li a:hover,
p.detail_link a:hover{
opacity:0.7;
}
#content_voice #lst_voice li dd p a{
text-decoration:underline;
opacity:1;
transition:all .15s ease-in-out;
}
#content_voice #lst_voice li dd p a:hover{
text-decoration:none;
opacity:0.7;
}

@media all and (max-width:959px){

/*-- 

about

====================================================== --*/

/*-- content_support --*/

#content_support #lst_support > li dl dd h3{
margin-top:0;
}

/*-- content_use --*/

#content_use #lst_use{
margin:20px auto 0;
width:70%;
}
#content_use #lst_use li{
float:none;
width:100%;
padding:0 0 30px 40px;
box-sizing:border-box;
}
#content_use #lst_use li:nth-child(odd){
width:100%;
}
#content_use .lead{
width:70%;
margin:0 auto 20px;
}

/*-- content_results --*/

#content_results #lst_results{
margin:20px;
}
#content_results #lst_results li{
float:none;
width:100%;
margin-bottom:30px;
}
#content_results #lst_results li:nth-child(odd){
margin-right:0;
}
#content_results #lst_results li dt{
float:left;
width:50%;
}
#content_results #lst_results li dt img{
width:100%;
height:auto;
}
#content_results #lst_results li dd{
padding-left:53%;
min-height:170px;
}
#content_results #lst_results li dd h3{
margin-top:0;
}

/*-- 

about common

====================================================== --*/

h2{
width:100%;
box-sizing:border-box;
margin-top:10px;
margin-bottom:0;
}
h2 span{
line-height:1.4;
padding:0 10px 10px;
}
p.lead{
padding:10px 20px 0;
}
p.lead br{
display:none;
}

}



@media all and (max-width:700px){

/*-- 

about

====================================================== --*/

/*-- content_news --*/

#content_news .inner #box_fb{
float:none;
margin:0 auto 20px;
}
#content_news .inner #box_news{
padding-left:0;
}

/*-- content_about --*/

#content_about h2{
text-align:left;
padding:0 20px 0;
}
#content_about .lead{
margin-top:0;
}
#content_about #box_about{
margin-top:20px;
}
#content_about #box_about .photo{
float:none;
padding:0 20px 0;
}
#content_about #box_about .photo img{
width:100%;
height:auto;
}
#content_about #box_about .text{
padding:0 20px 0;
}

/*-- content_support --*/

#content_support #lst_support > li{
min-height:inherit;
}
#content_support #lst_support > li dl dt{
float:none;
padding:0 20px 0;
}
#content_support #lst_support > li dl dt img{
width:100%;
height:auto;
}
#content_support #lst_support > li dl dd{
padding:0 20px 0;
}
#content_support #lst_support > li dl dd h3{
margin-top:20px;
}

/*-- content_use --*/

#content_use #lst_use{
width:100%;
padding:0 20px 0;
box-sizing:border-box;
}
#content_use .lead{
width:100%;
padding:0 20px 0;
box-sizing:border-box;
}
#content_use #lst_use li{
padding:0 0 20px 30px;
background:url(../img/about/ico_checkbox.png) no-repeat left 4px;
background-size:20px auto;
}

/*-- content_results --*/

#content_results #lst_results li dt{
float:none;
width:100%;
}
#content_results #lst_results li dd{
padding-left:0;
min-height:inherit;
}
#content_results #lst_results li dd h3{
margin-top:10px;
}

/*-- content_voice --*/

#content_voice #lst_voice li{
margin-bottom:30px;
}
#content_voice #lst_voice li dt{
float:none;
}
#content_voice #lst_voice li dt img{
margin:0 auto;
width:150px;
}
#content_voice #lst_voice li dd{
padding-left:0;
margin-top:20px;
}

/*-- 

about common

====================================================== --*/

/*-- detail_link --*/

ul.detail_link{
letter-spacing:normal;
margin-bottom:0;
}
ul.detail_link > li{
display:block;
letter-spacing:normal;
width:260px;
margin:0 auto 20px;
}
ul.detail_link > li a{
width:100%;
}
p.detail_link{
width:260px;
margin:0 auto 20px;
}
.detail_link_notice{
margin:0 20px 20px;
}
p.detail_link a{
width:100%;
}
p.lead{
font-size:16px;
text-align:left!important;
}

}