@charset "UTF-8";
@media screen and (min-width: 768px),print {

#main-bx {width: 100%; margin: 70px auto 65px; background: url(../images/overview/main-bg.jpg) no-repeat top center; padding: 250px 0;}

#con1 {}
#con1 .bx{width: 1100px; margin: 0 auto 60px; }
#con1 .bx .ttl{font-size: 30px; font-weight: bold; letter-spacing: 2px; text-align: center; position: relative; margin-bottom: 55px;}
#con1 .bx .ttl:after{content: ""; width: 80px; height: 4px; margin: 0 auto; background: #0A1D3B; position: absolute; left: 0; right: 0; bottom: -10px;}

#con1 .bx table{width: 1000px; margin: 0 auto; }
#con1 .bx tbody{}
#con1 .bx tr{}
#con1 .bx th{width: 193px; font-size: 16px; letter-spacing: 1px; text-align: left; font-weight: bold; padding: 21px 20px 21px 40px; color: #fff; background: #0A1D3B; border-bottom: 1px solid #637591;}
#con1 .bx td{width: 807px; font-size: 16px; letter-spacing: 0.8px; text-align: left; padding: 20px 50px 20px 40px; border-top: 1px solid #E9E9E9;}
#con1 .bx td:last-child{border-bottom: 1px solid #E9E9E9;}
#con1 .bx td .ttl1{font-size: 16px; font-weight: bold; color: #BC161D; margin-bottom: 10px;}
#con1 .bx td .ttl2{font-size: 16px; font-weight: bold; color: #BC161D; margin-bottom: 10px;}
#con1 .bx td .ttl3{font-size: 16px; font-weight: bold; color: #BC161D; margin-bottom: 10px;}
#con1 .bx td .txt0{margin-bottom: 35px; letter-spacing: 0.8px; line-height: 1.7}
#con1 .bx td .txt1{border-bottom: 1px solid #E9E9E9; padding-bottom: 30px; margin-bottom: 25px}
#con1 .bx td .txt2{border-bottom: 1px solid #E9E9E9; padding-bottom: 30px; margin-bottom: 25px}
#con1 .bx td .txt3{border-bottom: 1px solid #E9E9E9; padding-bottom: 30px; margin-bottom: 25px}
#con1 .bx td .txt4{margin-bottom: 10px}

#con2 {width: 100%;max-width: 1920px;margin: 0 auto 58px;padding-top: 80px;padding-bottom: 80px; background: url(../images/overview/end-bg01.jpg) no-repeat center top;}
#con2 .con2-box{width: 1100px;margin: 0 auto;height: 570px;background: url(../images/overview/end-bg03.jpg) no-repeat center bottom,url(../images/overview/end-bg02.jpg) no-repeat left top,#fff;position: relative; border: 5px solid #000}
#con2 .con2-box .txt1{position: absolute;top: 30px;left: 38px;}
#con2 .con2-box .txt2{position: absolute;top: 63px;left: 432px;}
#con2 .con2-box .txt3{position: absolute;top: 316px;left: 444px;font-size: 22px;font-weight: bold;line-height: 42px;letter-spacing: 1px;}
#con2 .con2-box .txt3 span{position: relative; top: -8px; left: -3px}
#con2 .con2-box .icon1{position: absolute;bottom: 138px;left: 0px;}
#con2 .con2-box .icon2{position: absolute;bottom: 0px;right: -75px;}
#con2 .con2-box .tel{position: absolute;bottom: 5px;left: 35px;}
#con2 .con2-box .btn{position: absolute;bottom: 20px;right: 35px;}

#con3 {}
#con3 .bx{width: 1100px; margin: 0 auto 60px; }
#con3 .bx .ttl{font-size: 30px; font-weight: bold; letter-spacing: 2px; text-align: center; position: relative; margin-bottom: 100px;}
#con3 .bx .ttl:after{content: ""; width: 80px; height: 4px; margin: 0 auto; background: #0A1D3B; position: absolute; left: 0; right: 0; bottom: -15px;}

#con3 .bx .list{display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center;}
#con3 .bx .list li{width: 340px; margin-right: 40px; margin-bottom: 70px; position: relative;}
#con3 .bx .list li:nth-child(3n){margin-right: 0px; }
#con3 .bx .list li:nth-child(n+7){margin-bottom: 125px}
#con3 .bx .list li .in-num{position: absolute; left: 0; top: 0}
#con3 .bx .list li .in-img{margin: 0 auto 5px;}
#con3 .bx .list li .in-ttl{font-size: 20px; font-weight: bold; letter-spacing: 1px; margin-bottom: 0px;}
#con3 .bx .list li .in-txt{font-size: 16px; letter-spacing: 1px; }

#con3 .bx .list1{display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center;}
#con3 .bx .list1 li{margin-right: 30px; margin-bottom: 40px;}
#con3 .bx .list1 li:last-child{margin-right: 0px; }

	.ashiba{border: 1px solid #000;padding: 30px;position: relative;width: 890px;margin: 0 auto 150px;min-height: 310px;}
	.ashiba h3{font-size: 26px;font-weight: bold;margin-bottom: 20px;}
	.ashiba .pic{position: absolute;top: 30px;right: 30px;}
	.ashiba .from{background-color: #f0f0f0;padding: 15px 10px;width: 460px;margin-bottom: 20px;}
	.ashiba .from p{font-size: 14px;position: relative;margin-left: 40px;}
	.ashiba .from p:before{content: url("../images/reason/ashiba-icon01.png");position: absolute;top: -5px;left: -40px;}
	.ashiba .attention p{font-size: 20px;font-weight: bold;color: #c7161e;}
	

}

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

    #main-bx {width: 100vw; margin: 10vw auto 5vw; background: url(../images/overview/sp-main-bg.jpg) no-repeat top center; padding: 35vw 0 30vw; background-size: 100%}
    
    #con1 {}
    #con1 .bx{width: 90vw; margin: 0 auto 10vw; }
    #con1 .bx .ttl{font-size: 6vw; font-weight: bold; letter-spacing: 0.3vw; text-align: center; position: relative; margin-bottom: 13vw;}
    #con1 .bx .ttl:after{content: ""; width: 10vw; height: 0.8vw; margin: 0 auto; background: #0A1D3B; position: absolute; left: 0; right: 0; bottom: -3vw;}
    
    #con1 .bx table{ margin: 0 auto; }
    #con1 .bx tbody{}
    #con1 .bx tr{}
    #con1 .bx th{width: 100%; display: block; font-size: 4vw; letter-spacing: 0.2vw; text-align: left; font-weight: bold; padding: 4vw 3vw 3.5vw; color: #fff; background: #0A1D3B; border-bottom: 1px solid #637591;}
    #con1 .bx td{width: 100%; display: block; font-size: 4vw; letter-spacing: 0.2vw; text-align: left; padding: 4vw 3vw 3.5vw; border-top: 1px solid #E9E9E9;}
    #con1 .bx td:last-child{border-bottom: 1px solid #E9E9E9;}
    #con1 .bx td .ttl1{font-size: 4.2vw; font-weight: bold; color: #BC161D; margin-bottom: 3vw;}
    #con1 .bx td .ttl2{font-size: 4.2vw; font-weight: bold; color: #BC161D; margin-bottom: 3vw;}
    #con1 .bx td .ttl3{font-size: 4.2vw; font-weight: bold; color: #BC161D; margin-bottom: 3vw;}
    #con1 .bx td .txt0{margin-bottom: 5vw; letter-spacing: 0.2vw; line-height: 1.7}
    #con1 .bx td .txt1{border-bottom: 1px solid #E9E9E9; padding-bottom: 5vw; margin-bottom: 5vw}
    #con1 .bx td .txt2{border-bottom: 1px solid #E9E9E9; padding-bottom: 5vw; margin-bottom: 5vw}
    #con1 .bx td .txt3{border-bottom: 1px solid #E9E9E9; padding-bottom: 5vw; margin-bottom: 5vw}
    #con1 .bx td .txt4{margin-bottom: 3vw}
    
    #con2 {margin: 0 auto 10vw;padding-top: 8vw;padding-bottom: 8vw;background: url(../images/overview/sp-end-bg01.jpg) no-repeat center top;}
    #con2 .con2-box{width: 90%;margin: 0 auto;height: 112vw;background: url(../images/overview/sp-end-bg03.jpg) no-repeat center bottom,url(../images/overview/sp-end-bg02.jpg) no-repeat left top,#fff;background-size: 100% auto,50% auto;position: relative;border: 3px solid #000}
    #con2 .con2-box .txt1{position: absolute;top: 4vw;left: 4vw;width: 36%;}
    #con2 .con2-box .txt2{position: absolute;top: 9vw;left: 41vw;width: 57%;}
    #con2 .con2-box .txt3{position: absolute;top: 42vw;left: 3vw;font-size: 3.6vw;font-weight: bold;line-height: 1.8;letter-spacing: 0.2vw;}
    #con2 .con2-box .txt3 span{width: 100%; position: relative; top: -0.5vw}
    #con2 .con2-box .txt3 span img{width: 5vw}
    #con2 .con2-box .icon1{position: absolute;bottom: 15vw;left: 5vw;}
    #con2 .con2-box .icon2{position: absolute;bottom: 45vw;right: -5vw;width: 50%;}
    #con2 .con2-box .tel{position: absolute;bottom: 24vw;left: 8vw;width: 80%;}
    #con2 .con2-box .btn{position: absolute;bottom: 4vw;right: 4.5vw;width: 90%;}
    
    #con3 {}
    #con3 .bx{width: 100vw; margin: 0 auto 14.493vw; }
    #con3 .bx .ttl{font-size: 6vw; font-weight: bold; letter-spacing: 0.3vw; text-align: center; position: relative; margin-bottom: 13vw;}
    #con3 .bx .ttl:after{content: ""; width: 10vw; height: 0.8vw; margin: 0 auto; background: #0A1D3B; position: absolute; left: 0; right: 0; bottom: -3vw;}
    
    #con3 .bx .list{display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
    #con3 .bx .list li{width: 43vw; margin-right: 2vw; margin-left: 5vw; margin-bottom: 5vw; position: relative;}
    #con3 .bx .list li:nth-child(2n){margin-right: 0; margin-left: 2vw}
    #con3 .bx .list li:nth-child(n+9){margin-bottom: 15vw}
    #con3 .bx .list li .in-num{position: absolute; left: 0; top: 0;
        width: 12vw;
    }
    #con3 .bx .list li .in-img{margin: 0 auto 2vw;}
    #con3 .bx .list li .in-ttl{font-size: 4vw; font-weight: bold; letter-spacing: 0.2vw; margin-bottom: 0;}
    #con3 .bx .list li .in-txt{font-size: 3.6vw; letter-spacing: 0.2vw; }
    
    #con3 .bx .list1{}
    #con3 .bx .list1 li{width: 90vw; margin: 0 auto 8vw;}
    #con3 .bx .list1 li:last-child{}
	
	.ashiba{border: 1px solid #000;padding: 4%;position: relative;width: 90%;margin: 0 auto 10%;}
	.ashiba h3{font-size: 6.0vw;font-weight: bold;margin-bottom: 3%;text-align: center;}
	.ashiba .pic{margin-bottom: 5%;}
	.ashiba .pic img{width: 100%;}
	.ashiba .from{background-color: #f0f0f0;padding: 5%;margin-bottom: 5%;}
	.ashiba .from p{font-size: 3.6vw;position: relative;margin-left: 40px;}
	.ashiba .from p:before{content: url("../images/reason/ashiba-icon01.png");position: absolute;top: 5px;left: -40px;}
	.ashiba .attention p{font-size: 4.0vw;font-weight: bold;color: #c7161e;}
	
    
    }

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

/* 202407追記分 */

@media screen and (min-width: 768px),print {

#con3 .bx .list{justify-content: normal;}

}

/* 2026-05-24 代表挨拶の社長写真は正式画像差し替えまで一時非表示 */
.p-overview-message__image {
  display: none;
}