#icatch{background: url(../img/common/icatch_bg.png)no-repeat var(--site-primary);background-position: center top;}
h1{font-size: 40px;line-height: .8;font-weight: 900;padding: 70px 0 65px;}
h1 span{font-size: 20px;}
.breadcrumbs{padding: 25px 0;}
.breadcrumbs p{font-size: 15px;}

.stripe_ttl{background-image: repeating-linear-gradient(135deg, transparent, transparent 5px, #1587b5 5px, #1587b5 10px);background-color: #0881b1;color: #fff;font-size: 34px;padding: 20px 0 23px;font-weight: 900;}
.inner-padding{padding: 4.5% 0 5%;}

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

}
@media only screen and (max-width: 960px) {
    h1{font-size: 32px;}
    h1 span{font-size: 18px;}

    .stripe_ttl{font-size: 28px;padding: 15px 0 18px;}
}
@media only screen and (max-width: 568px) {
    #icatch{margin-top: 60px;}
    h1 {font-size: 24px;line-height: 1;padding: 40px 0 35px;}
    h1 span{font-size: 16px;}
    .breadcrumbs{display: none;}
    .stripe_ttl{font-size: 24px; padding: 10px 13px;}

    .inner-padding {padding: 8.5% 0 8%;}
}

/*===============================================
 *	Intro
===============================================*/
.intro{margin-bottom: 5%;}
.intro h2{font-size:46px;position: relative;padding: 10px 0 20px;margin-bottom: 30px;font-weight: bold;background: linear-gradient(90deg, #0881b1 0% 50%, #08b177 50%);background-repeat: no-repeat;background-size: 80px 5px;background-position: bottom;}

.intro ul{margin:3% 0 5%; gap:1vw;}
.intro ul li{max-width: 270px;width: 23%;display: flex;flex-direction: column;gap:15px;border: 4px solid var(--site-primary);box-sizing: border-box;border-radius: 6px;padding:30px 20px 20px;background: #fff;}
.intro ul li img{border-radius: 6px;max-width: 70px;margin: 0 auto;}
.intro ul li h3{font-size: 22px;font-weight: bold;line-height: 1.4;}

@media only screen and (max-width: 1024px) {
    .intro ul li h3{font-size: 20px;}
}
@media only screen and (max-width: 960px) {
    .intro h2{font-size:32px ;}
    .intro ul li{padding: 20px;}
}
@media only screen and (max-width: 568px) {
    .intro h2{font-size: 24px;}
    .intro ul{flex-wrap: wrap; gap: 10px;margin-bottom: 10%;}
    .intro ul li{width: 48%;padding: 20px 15px 15px;}
    .intro ul li img{max-width: 50px;}
    .intro ul li h3{font-size: 16px;}
    .intro ul li p{font-size: 15px;}
}

/*===============================================
 *	404 / sent
===============================================*/
.content-404 .inner-padding{padding: 0 0 5%;}
.content-404 ul{width: 80%; gap:20px;margin: 0 auto;}
.content-404 ul li a{position: relative;padding-right: 30px;}
.content-404 ul li a::after{content: '';background: url(../img/common/icon_arrow_right_blue.svg) no-repeat;width: 10px;height: 16px;position: absolute;right: 5%;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.content-404 ul li a:hover{border-bottom: 2px solid var(--site-primary);}
.border_box{border: 2px solid var(--site-primary);padding: 40px; margin-top: 40px;}

@media only screen and (max-width: 568px) {
   .content-404 ul {flex-direction: column;text-align: center;gap: 10px;} 
   .border_box{padding: 20px; margin-top: 20px;}
}