@charset "UTF-8";
#cp--base{position: relative;margin-top: 90px;padding-bottom: 60px;background:url("../images/cp-20260210/mv_bg.jpg") no-repeat top center;background-size:contain; }
#cp--base a{text-decoration: underline;color: #0554B5}
#cp--base .innner_base{width: 1200px;margin: auto}
#cp--base img{width: 100%;height: auto}
@media screen and (max-width: 768px) {/*スマホのスタイル*/
#cp--base{margin-top: 80px;background-size: 150% auto}
#cp--base .innner_base{width: 100%;margin: auto}
}


#cp_main{position: relative;text-align: center;}
#cp_main h2 {background: none; width: 1200px;margin: auto; position: relative;z-index: 2;padding: 20px 0 0}
@media screen and (max-width: 768px) {/*スマホのスタイル*/
#cp_main h2 {width: 100%;padding-top: 10px}
}

#cp--base .kikan{width: 93%;padding: 70px 0; margin: auto}
@media screen and (max-width: 768px) {/*スマホのスタイル*/
#cp--base .kikan{width: 80%;padding: 40px 0;}
}



#cp_step{text-align: center;position: relative;margin-top: -60px}
#cp_step h3{color: #09ad40;font-size: 5rem;font-weight:bold;letter-spacing: 0.1em;text-indent: 0.1em}
#cp_step ul{width: 96%;margin: 30px auto 0}
#cp_step ul li{border: 1px solid #09ad40;padding:16px 10px}

#cp_step .col4{width: 22%;}
#cp_step .arrow{display: flex;justify-content: center;	align-items: center;border:none}
#cp_step dt{margin-top: 14px; text-align: center; font-weight: 700;line-height: 1.5;font-size: 1.3rem}
#cp_step h4{margin-top: 40px; font-size: 2.2rem;font-weight:bold;letter-spacing: 0.1em;text-indent: 0.1em}
#cp_step .coution{font-size: 1.2rem;text-align: right;margin-top: 10px;}
@media screen and (max-width: 768px) {/*スマホのスタイル*/
#cp_step{width:96%;margin: 30px auto 0}
#cp_step h3{font-size: 2rem;}
#cp_step ul{width: 70%;margin: 20px auto 0}
#cp_step ul li{padding:10px}
#cp_step dt{margin-top: 12px; font-size:1.1rem;}

#cp_step  .arrow{text-align: center;width: 100%;margin-top: 0%}
#cp_step .col4{width: 100%;}
#cp_step .arrow{width: 100%;}
#cp_step .arrow img{transform: rotate(90deg)}
#cp_step h4{margin-top: 40px; font-size: 1.7rem;font-weight:bold;letter-spacing: 0.1em;text-indent: 0.1em}
}

.renkei_bt a{display: block;width: 100%;padding: 20px 0;margin:20px auto 0;background: #dfa03b;font-size: 2.2rem;font-weight: 700;letter-spacing: 0.1em;text-indent: 0.1em;position: relative;text-align: center; color: #fff!important;text-decoration: none!important}
.renkei_bt a::after{    content: '';width: 8px;height: 8px;margin-top: -5px;border-top: solid 3px #fff;border-right: solid 3px #fff;transform: rotate(45deg);position: absolute;top: 50%;right: 35%;}
.renkei_bt a:hover{opacity: 0.7}
@media screen and (max-width: 768px) {/*スマホのスタイル*/
.renkei_bt a{font-size: 1.6rem;}
.renkei_bt a::after{;right: 10%;}
}

#cp_coution{margin-top: 80px}
#cp_coution dt{margin-top: 30px;font-size: 2rem;font-weight:bold;letter-spacing: 0.1em;text-indent: 0.1em}
#cp_coution dd{width: 650px;margin: 20px auto 0}

.indent{margin-left: 1em;text-indent: -1em;}
.head-border {    display: flex;    align-items: center;}
.head-border:before,
.head-border:after {    content: "";    height: 1px;    flex-grow: 1;    background-color: #666;}
.head-border:before {    margin-right: 2rem;}
.head-border:after {    margin-left: 2rem;}

@media screen and (max-width: 768px) {/*スマホのスタイル*/
#cp--base #cp_coution .innner_base{width: 96%;margin: auto}
#cp_coution dt{font-size: 1.8rem;}
#cp_coution dd{width: 80%;margin: 20px auto 0;font-size: 1.1rem}
}