@charset "UTF-8";
/* CSS Document */

@media (min-width: 768px) {
.gap01{ padding: 50px;}
}
@media (max-width: 767.98px) {
.gap01{ padding: 10px;}
}

.policy{ background: #F9F9F9; text-align: -webkit-center;}
.policy_contents{ display: flex; justify-content: space-evenly; text-align: justify;}
@media (min-width: 768px) {
.title1{ margin: 0 0 30px;}	
.title1 .ja{ font-size: 50px; font-weight: 500; color: #de1308; line-height: 1.0; margin: 60px 0 12px 0;}
.title1 .en{ font-size: 25px; font-weight: 500; color: #000; line-height: 1.0;}
.policy{ margin: 30px 0;}
.container_contents{ text-align: center; padding: 20px 0 30px;}
.container_contents{font-size: 20px; line-height: 2;}
.policy_contents{ font-size: 18px; line-height: 2;}
}
@media (max-width: 767.98px) {
.title1 .ja{ font-size: 25px; font-weight: 500; color: #de1308; line-height: 1.0; margin: 0;}
.title1 .en{ font-size: 13px; font-weight: 500; color: #000; line-height: 1.0;}
.container_contents{font-size: 15px; line-height: 1.5;}
}



@media (min-width: 768px) {
.about_box{ }
.about_list{ margin: 50px auto;}
.about_table { border-collapse: collapse; border-spacing: 0; width: 100%;}
.about_table tr { border-bottom: 1px solid #b5b1b1;}
.about_table tr th,.table tr td { text-align: left; vertical-align: top;}
.about_table tr th { width: 15%; vertical-align: middle; font-weight: bold; padding: 24px 20px; color: #000;}
.about_table tr td { width: 75%; padding: 20px 20px;}
.company_list{ display: flex; margin-top: 100px;}
.btn{ display: flex; justify-content: center; align-items: center; background-color: transparent; color: #000; border: 1px solid #000; border-radius: 0px; width: 250px; height: 70px; margin: 0 auto; font-weight: 500; position: relative; font-size: 16px; transition: all 0.4s ease 0s;}
.btn:hover{ background-color: #de1308; color: #fff; border: 1px solid #de1308;}
.btn::before{ content: ""; width: 11px; height: 11px; position: absolute; right: 10px; background-image: url("../../../common/images/yajirushi3_black.svg"); background-size: 11px 11px;}
.btn:hover::before{ background-image: url("../../../common/images/yajirushi3.svg");}
}
@media (max-width: 767.98px) {
	
/*.about_list{ margin: 50px 0 70px;}*/
.about_table { border-collapse: collapse; border-spacing: 0; width: 100%;}
.about_table tr { display: flex; align-items: center; border-bottom: 1px solid #b5b1b1;}
.about_table tr th,.about_table tr td { display: block;}
.about_table tr th { width: 30%; border-bottom: 0px solid #de1308;}
.about_table tr td{ width: 70%; padding: 10px 0 10px 10px;}
.company_list{ display: flex; margin: 30px 0; gap: 20px;}
.btn{ display: flex; justify-content: center; align-items: center; background-color: transparent; color: #000; border: 1px solid #000; border-radius: 0px; width: 165px; height: 50px; margin: 0 auto; font-weight: 500; position: relative; font-size: 12px; margin-bottom: 30px;} 
.btn::before{ content: ""; width: 11px; height: 11px; position: absolute; right: 10px; background-image: url("../../../common/images/yajirushi3_black.svg"); background-size: 11px 11px;}
}


/* BK */
.bk_container{background-color: black; color: white;}
.bk_container .img_flex_box .title3 .en {color: white;}
.bk_container .ja{color: white;}
.bk_container .img_flex_box .title3 .big_en{font-size: 50px; text-align: left; left: calc(30% - 320px); margin-top: 30px;}
.bk_container .img_flex_box2 .title3 .big_en{text-align: end; right: calc(30% - 320px);}

.trust_text span{border-bottom: 2px solid #de1308;}

@media (min-width: 768px) {
.bk_container{margin: 0;}
.bk_container .title3{padding: 10px 0;}
.bk_container .img_flex_box .title3 .en {margin-top: 5px; font-size: 50px;}
.bk_container .img_flex_box2 .title3 .en {text-align: left;}
.trust_text{padding: 50px 0; line-height: 2;}
}
@media (max-width: 767.98px) {
.bk_container{margin: 50px 0;}
.bk_container .img_flex_box .title3 .en{padding-left: 0;}
.bk_container .img_flex_box .title3 .ja{padding-left: 0;}
.trust_text{padding: 30px 0;}
}










.about_title{ color: #de1308;}
.about_title:before{ background-color: #de1308;}
.about_w_box{ background: #fff;}
.about_w_box.rinen{ text-align: center;}
.w_box_title{ text-align: center; color: #de1308; font-weight: 600;}
.w_box_title:before{ background: #de1308;}
.about_w_box.houshin>ul{ list-style-type: none; padding: 0;}
@media (min-width: 768px) {
.about_title{ font-size: 36px; margin: 70px 0 40px;}
.about_title2{ margin-top: 70px;}
.about_w_box{ padding: 35px 0; line-height: 2.3em; margin: 60px 0;}
.about_w_box.houshin>ul{ width: fit-content; margin: 0 auto;}
.about_btn{ display: flex; justify-content: space-between; margin: 70px 0 20px;}
.about_btn>a{ width: calc( 50% - 20px );}
.w_box_title{ margin-bottom: 40px; font-size: 26px;}
}
@media (max-width: 767.98px) {
.about_main_ttl{ height: auto;}
.about_main_ttl .en{ font-size: 30px;}
.about_main_ttl2>div{ bottom: 0; top: auto;}
.about_main_ttl2:before{ bottom: 0; top: auto;}
.about_main_ttl2 .big_en{ margin-top: -20px!important;}
.about_title{ font-size: 20px; margin: 50px 0 30px;}
.about_title2{ margin-top: 50px;}
.about_w_box{ }
.about_w_box.rinen{ line-height: 2em; padding: 15px 15px;}
.about_w_box.houshin{ padding: 20px 15px; margin: 35px 0;}
.about_w_box.houshin>ul{ margin: 0;}
.about_w_box.houshin>ul>li{ margin-bottom: 10px; line-height: 1.3em;}
.about_w_box.houshin>ul>li:last-child{ margin-bottom: 0;}
.about_btn{ margin: 30px 0 0 0;}
.w_box_title{ margin-bottom: 30px;}
}


.about_txt_flex{ display: flex; justify-content: space-between; position: relative; z-index: 1;}
.about_txt02{ text-align: right;}
@media (min-width: 768px) {
.about_txt_flex{ margin-top: -96px;}
.about_txt_flex>div>small{ font-size: 16px;}
.about_txt_flex>div>h2{ font-size: 43px;}
}
@media (max-width: 767.98px) {
.about_main_ttl>div{ width: 50%;}
.about_txt_flex{ line-height: 1.2em; padding-top: 5px;}
.about_txt_flex>div>small{ font-size: 12px;}
.about_txt_flex>div>h2{ font-size: 25px;}
}

.theme_title>div{ color: #fff; font-weight: 500; display: flex; flex-direction: column; align-items: center; justify-content: center;}
/*.theme_title>div:first-child{ background: linear-gradient(90deg, rgba(173,25,17,1) 0%, rgba(232,147,141,1) 100%);}*/
.theme_title>div:first-child{ background: #c80d02;}
/*.theme_title>div:last-child{ background: linear-gradient(90deg, rgba(51,51,51,1) 0%, rgba(118,118,118,1) 100%);}*/
.theme_title>div:last-child{ background: #333333;}
.theme_p{ position: relative;}
.theme_p>img{ position: absolute;}
@media (min-width: 768px) {
.theme_title{ display: flex; align-items: flex-start; margin-top: 60px;}
.theme_title>div{ width: calc( 50% + 80px ); max-width: none; display: flex; flex-direction: column; align-items: center; justify-content: center; line-height: 1em;}
.theme_title>div{ clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%); padding: 25px 0; font-size: 30px;}
.theme_title>div:first-child{}
.theme_title>div:last-child{ margin-left: -80px; margin-top: 25px;}
.theme_title>div>span{ font-size: 16px; line-height: 1em; margin-bottom: 10px;}
.theme_p{ line-height: 3em; margin: 70px 0 140px; text-align: center;}
.theme_p>img{ width: 550px; bottom: -50px; right: -70px;}
}
@media (max-width: 767.98px) {
.theme_title{ margin-top: 30px;}
.theme_title>div{ padding: 15px 0; font-size: 23px; clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%);}
.theme_title>div:last-child{ margin-top: -5px;}
.theme_title>div>span{ font-size: 12px; line-height: 1em; margin-bottom: 5px;}
.theme_p{ line-height: 2em; margin: 20px 0 50px;}
.theme_p>img{ width: 280px; bottom: -30px; right: -30px;}
}

@media (min-width: 768px) {}
@media (max-width: 767.98px) {}

@media (min-width: 768px) {}
@media (max-width: 767.98px) {}



