@charset "utf-8";
.mo{display: none;}
.mo_resp_563{display:none;}
.mo_resp_400{display:none;}



/* overview */
#overview > img {display: block;width: 30%;float: left;}
.overview_con {width:calc(100% - 35%);float:right;}
.overview_con h3 {font-weight: 600;font-size: 25px;margin-bottom: 30px;line-height: 1.4;}
.overview_con p {font-size: 17px;line-height: 1.5;word-break: keep-all;}

/* history */
.history_img {width: 40%;float: right;position: relative;}
.history_img p {font-size: 17px;line-height: 1.4;word-break: keep-all;margin-top: 30px;}


.company-history-wrap{position: relative;width:calc(100% - 45%);float:left;}
.company-history {position:relative;}
.company-history-wrapper {position:relative; padding-bottom:30px; *zoom:1;}
.company-history-wrapper:after{clear:both; display:block; content:"";}
.company-history-info {width: 72%;float: right;}

.company-history-wrapper:before{position:absolute; top:0; height:100%; width:1px; left:19%; background-color:#ddd; content:"";}
.company-history-info-box {position:relative; width:100%; }
.company-history-info-box::after{ position:absolute; top: 17px; left: 18.2%; width:10px; height:10px; background-color:#871323; border: 2px solid #871323; border-radius: 50%;content:""; }
.company-history-info .history-item{position:relative; font-size:24px; line-height: 1.6; font-weight:300; color:#000; margin-bottom:20px; word-break:keep-all;}
.company-history-info .history-month{display:none; position:absolute; top:1px; color:#222; font-weight:700; }
.company-history-info .history-txt{position:relative; display:inline-block;font-size: 17px;/* color: #666; */ word-break: keep-all;}
.company-history-year {position:absolute; top:2px; text-align:center; font-size:30px; color:#871323; font-weight: 700; }


/* certificate */
.certificate_01 h3 {font-weight: 700;font-size: 27px;margin-bottom: 25px;}
.certificate_01 ul {display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 20px;}
.certificate_01 li {background: #Ffffff;border-radius: 10px;border: 1px Solid #ddd;padding: 18px 20px;}
.certificate_01 li h4 {font-weight: 700;font-size: 20px;margin-bottom: 15px;}
.certificate_01 li p {font-size: 17px; word-break:keep-all;line-height: 1.5;}
.certificate_viewer {clear: both;width: 100%;overflow: hidden;margin-top: 40px;}
.certificate_viewer h3 {font-weight: 700;font-size: 27px;margin-bottom: 25px;}

.mt30 {clear:both; margin-top:30px;}


/* location */


#location > h3 {font-weight: 700;font-size: 27px;margin-bottom: 10px;}
#location > p {font-size: 17px;line-height: 1.4;word-break: keep-all;margin-bottom: 30px;}
.map {width: 50%;height: auto;aspect-ratio: 319 / 213;overflow:hidden;border-radius:10px;float:left;}
.map > iframe{width: 100%;height: 100%;}
.map_con {width: 45%;float: right;overflow: hidden;}
.map_con h4 {font-weight: 700;font-size: 26px;margin-bottom: 15px;}
.map_con p {font-size: 17px; word-break:keep-all;}
.map_con ul {overflow:hidden;padding:10px 0;}
.map_con li {padding: 8px 0;font-size: 17px;}
.map_con li strong {font-weight: 700;color:#000;}
.location_con {width:100%;overflow:hidden;}

/* porduct */
.sub_title.spro_title {margin-bottom:30px;}
.spro_con {clear:both;overflow:hidden;}
.spro_con > section {clear:both;overflow:hidden;width:100%;padding:80px 0;}
.spro_con > section:nth-child(odd) {background:#f7f7f7;}
.spro_con > section.spro_dtop {padding:50px 0;}

.spro_dtop p {font-size: 18px;word-break: keep-all;font-weight: 500;}
.spro_mimg {width: 48%;float: left;overflow: hidden;border: #ddd 1px solid;border-radius: 10px;}
.spro_mcon {width: calc(100% - 53%);float: right;}
.spro_mcon h4 {font-weight: 700;font-size: 20px;margin: 30px 0 15px 0;}
.spro_mcon h4:first-child {margin-top:0;}
.spro_mcon li {padding: 5px 0 5px 15px;font-size: 16px;word-break: keep-all;position:relative;}
#product01 .spro_mcon h4 {font-weight: 500;}
#product01 .spro_mcon h4 strong {font-weight: 900;}
.spro_mcon li:before {content: '';background: #707070;display: inline-block;width: 5px;height: 5px;border-radius: 50%;position: absolute;left: 0;top: 13px;}
.spro_detail h3 {font-weight: 700;font-size: 27px;margin-bottom: 25px;}
.spro_detail ul {clear:both;overflow:hidden;}
.spro_detail h4 {clear:both;font-weight: 700;font-size: 20px;margin: 30px 0 15px 0;}


.spro_detail li {width:23.5% !important; float:left; margin-right:2%;}
.spro_detail li:nth-child(4n) {margin-right:0}
.spro_detail li:nth-child(4n+1) {clear:both;}
.spro_detail li img {display:block;border-radius:10px;}
.spro_detail li span {display:block;margin-top:20px;text-align:center;}

.spro_detail li span strong {font-weight: 700;}

.spro_detail div table {border-top:2px solid #d3d3d3;}
.spro_detail div table th {padding:15px; background:#f4f6f9;border-bottom:1px solid #e8e8e8; line-height:1.4;text-align:center;}
.spro_detail div table td {padding:15px; border-bottom:1px solid #e8e8e8; border-left:1px solid #f3f3f3;background:#fff;line-height:1.4;word-break:break-all}
.spro_con > section.spro_organ {padding-bottom:0;}
#product03.spro_con > section.spro_organ {padding:80px 0 !important;}
#container #content.product03 {padding-bottom:0;}
.spro_sdetail h3 {font-weight: 700;font-size: 20px;margin: 30px 0 15px 0;}
.spro_sdetail h3:first-child {margin-top:0;}
.spro_sdetail li {padding: 5px 0 5px 15px;font-size: 16px;word-break: keep-all;position:relative;}

.spro_sdetail li:before {content: '';background: #707070;display: inline-block;width: 5px;height: 5px;border-radius: 50%;position: absolute;left: 0;top: 13px;}
.spro_struc h3 {font-weight: 700;font-size: 27px;margin-bottom: 25px;}
.spro_struc > div > img {display: block;float: left;width: 36%;border: #ddd 1px solid;border-radius: 10px;}

.struc_mcon {width: calc(100% - 41%);float: right;}
.struc_mcon p {font-size: 17px; word-break:keep-all;}
.struc_mcon li {padding: 5px 0 5px 15px;font-size: 16px;word-break: keep-all;position:relative;}
.struc_mcon li:before {content: '';background: #707070;display: inline-block;width: 5px;height: 5px;border-radius: 50%;position: absolute;left: 0;top: 13px;}


.spro_g607 h3 {font-weight: 700;font-size: 27px;margin-bottom: 25px;}
.spro_g607 li {display:inline-block;float:left;margin-right:20px;}
.spro_g607 li img{display:block;border-radius:10px;}
.spro_organ .pc {display: block; margin: 0 auto;}
.spro_organ .organ_mo, .scroll_mo {display:none;}


.sub_tab {width: 100%;overflow: hidden;margin-bottom: 40px;text-align: center;}
.sub_tab li {display:inline-block;margin:0 5px;}
.sub_tab li a {
    display: block;
    border: #9d1e2f 1px solid;
    color: #9d1e2f;
    font-size: 18px;
    padding: 10px 25px;
    border-radius: 4px;
}
.sub_tab li a.over {
    display: block;
    border: #9d1e2f 1px solid;
    color: #fff;
	background: #9d1e2f;
}
#product04 .spro_detail li:nth-child(5), #product04 .spro_detail li:nth-child(6), #product04 .spro_detail li:nth-child(7) {margin-top:2%;}

#product10 .spro_main img.pc {display:block;margin:0 auto;}
.g607_mo {display:none;}

