@charset "UTF-8";

/* ---------------------
contents_title
--------------------- */
#contents_page_title{ background: url(images/page_title_back.jpg) center no-repeat; background-size: cover;}

/* ---------------------
page_style
--------------------- */

#content #main h2.basic_h2{margin-bottom:70px;}
#content #main{ color: #444;}

.top_text{ font-size: 15px; line-height: 28px; margin-bottom: 30px;}

.policy_list > dl{ margin-bottom: 30px;}
.policy_list > dl > dt{ font-size: 17px; line-height: 1.4em; font-weight: 700; margin-bottom: 10px; color: #0d3387; text-indent: -2em; padding-left: 2em;}
.policy_list > dl > dd{ font-size: 15px; line-height: 28px;}
.policy_list > dl > dd a{ color: #0d3387;}

.company_data_ttl{font-size:19px;font-weight:700;line-height:1.4;text-align:center;margin-bottom:40px;}
.company_data_ttl .sp375_on{display:none;}
.company_data_ttl span{font-size:85%;}
.company_data{ color: #444; background-color: #faf8f6; padding: 30px; box-sizing: border-box; font-size: 15px; line-height: 28px; text-align: center; width: 100%; max-width: 500px; margin: 30px auto 0;}
.company_data dl{ margin-bottom: 0;}
.company_data dl dt{ font-size: 15px; font-weight: 700; padding: 0; color: #444!important; margin-bottom: 10px;}
.company_data dl dt span{ font-size: 20px; padding-left: 10px;}
.company_data table{ width: auto; text-align: left; margin: auto; border-collapse: collapse; width: 100%;}
.company_data table tr th,
.company_data table tr td{ padding: 10px 10px; border-bottom: 1px solid #ddd; line-height: 20px;}
.company_data table tr td a{ color: #444;}


@media screen and (min-width:768px){
.pc_none{ display: none;}
}

@media screen and (max-width:767px){

#content #main h2.basic_h2{ margin-bottom: 50px;}
#content #main .company_data + h2.basic_h2{margin-top:40px;}

.top_text{ font-size: 14px; line-height: 23px; margin-bottom: 20px;}

.policy_list > dl{ margin-bottom: 25px;}
.policy_list > dl > dt{ font-size: 16px;}
.policy_list > dl > dd{ font-size: 14px; line-height: 23px;}

.company_data_ttl{font-size:16px;margin-bottom:20px;}
.company_data{ margin: 0 auto; padding: 20px; font-size: 14px; line-height: 23px;}
.company_data dl dt{ font-size: 14px; margin-bottom: 5px;}
.company_data dl dt span{ font-size: 18px;}
.company_data table tr th,
.company_data table tr td{display:block;}
.company_data table tr th{border-bottom:none;padding-bottom:0;}
.company_data table tr td{padding-top:0;}

}

@media screen and (max-width: 374px) {

#contents_page_title .inner h1 span{ font-size: 22px;}
#content #main h2.basic_h2 span{ font-size: 19px;}
.company_data dl dt span{ display: block;}

}