@charset "utf-8";
/* CSS Document */
.anker {padding-top: 150px; margin-top: -150px;}
/*voice*/
#voice .item {box-sizing: border-box; width: 255px; margin-right: 60px;}
#voice .item:nth-child(4n) {margin-right: 0;}
#voice .img {width: 100%; margin-bottom: 10px; padding-top: 65%; position: relative; background-size: cover; background-position: top center; background-repeat: no-repeat;}
#voice .no {box-sizing: border-box; background: #218dc4; min-width: 35px; min-height: 53px; margin-right: 10px; font-size: 16px; line-height: 1;}
#voice .no p:nth-child(2) {font-size: 20px; margin-top: 5px;}
#voice h2 {font-size: 14px; line-height: 1.4; margin-bottom: 2px;}
#voice .txt {font-size: 14px; line-height: 1;}
#single_voice .box01 {background: url("img/voice/bg.jpg")top left repeat; margin-top: 60px; padding: 30px;}
#single_voice .gallery_title {line-height: 1; margin-bottom: 30px;}
#single_voice .gallery_title .big {font-size: 30px;}
#single_voice .gallery_title .min {font-size: 16px; margin-left: 20px;}
#single_voice .gallery_list {margin-bottom: 40px;}
#single_voice .gallery_list a {width: 358px; margin-right: 30px; position: relative;}
#single_voice .gallery_list a .img {width: 100%; box-sizing: border-box; position: relative; padding-top: 59%; background-size: cover; background-position: top center; background-repeat: no-repeat;}
#single_voice .gallery_list a:nth-child(3n) {margin-right: 0;}
#single_voice .gallery_list a:nth-child(n + 4) {margin-top: 30px;}
#single_voice h1 {font-size: 18px; line-height: 1.7;}
#single_voice .text {font-size: 16px; line-height: 1.7; margin-top: 30px;}

/*blog*/
#blog .item,#news .item {box-sizing: border-box; padding: 20px 0; border-bottom: 2px solid #ffa22a;}
#blog .item:nth-of-type(1),#news .item:nth-of-type(1) {padding-top: 0;}
#blog .over,#news .over {margin-bottom: 15px;}
#blog .time,#news .time {font-size: 16px; line-height: 1; margin-right: 20px;}
#blog .time span,#news .time span {font-size: 10px;}
#blog h3,#news h3 {font-size: 16px;}
#blog .text,#news .text {font-size: 14px; line-height: 2;}
#single_blog .box01,#single_news .box01 {background: url("img/blog/bg.jpg")top left repeat; padding: 30px;}
#single_blog .box01 h1,#single_news .box01 h1 {font-size: 18px; line-height: 1.5; margin-bottom: 20px;}
#single_blog .box01 h1 span,#single_news .box01 h1 span {font-size: 12px; margin-top: 6px; margin-right: 10px;}
#single_blog .box01 .text,#single_news .box01 .text {font-size: 16px; line-height: 2;}
#news .item {border-color: #218dc4;}

/*contact*/
#contact .txt01 {font-size: 18px; line-height: 1; margin-top: 60px;}
#contact .tel {font-size: 40px; line-height: 1; margin: 5px auto 60px;}
#contact .tel span {font-size: 70px;}
#contact table {width: 100%; margin: auto; border: 1px solid #b7b7b7;}
#contact .form_btn {box-sizing: border-box; width: 400px; height: 60px; background: #218dc4; font-size: 18px; line-height: 1; border: none; display: block; font-weight: bold; cursor: pointer; color: #fff; margin: 60px auto;}
#contact tr th,#contact tr td {vertical-align: middle; padding: 30px 20px; border-bottom: 1px solid #b7b7b7;}
#contact .essential {position: absolute; right: 80px; background: #ffa22a; width: 60px; font-size: 15px; height: 25px; display: flex; align-items: center; justify-content: center; line-height: 1; color: #000; top: 0; bottom: 0; margin: auto;}
#contact tr th {width: 348px; position: relative; padding-right: 30px; box-sizing: border-box; vertical-align: middle; font-size: 18px; line-height: 1; padding: 40px; background: url("img/contact/table_bg.jpg")top left repeat; color: #fff;}
#contact td input, #contact textarea {width: 100%; outline: none; font-size: 16px; padding: 10px; box-sizing: border-box; font-weight: 500;font-family: 'Noto Sans JP', sans-serif, "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, Meiryo, sans-serif; background: #eee; border: none;}
#contact textarea {line-height: 1.5;}
#contact td input {height: inherit; height: 40px; padding: 5px;}
.wpcf7 form.sent .wpcf7-response-output {display: none;}
.wpcf7 .ajax-loader {display: none;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {border: none; color: red;}
.wpcf7-not-valid-tip {color: red!important; font-weight: 500!important;}
#contact .inner table:nth-child(2) th,#contact .inner table:nth-child(2) td {display: block;}
#contact .inner table tr:nth-child(1) th,#contact .inner table tr:nth-child(1) td {padding-top: 0;}
#contact .inner table:nth-child(2) th {padding-bottom: 30px; line-height: 1;}
#contact textarea {height: 150px;}
#contact .wpcf7 .ajax-loader {display: none;}
#contact .thanks {font-size: 16px; line-height: 2;}

/*company*/
#company .table01 {box-sizing: border-box; border: 1px solid #1c334f; width: 100%;}
#company .table01 th,#company .table01 td {box-sizing: border-box; font-size: 16px; line-height: 1; border-bottom: 1px solid #1c334f; padding: 15px 20px;}
#company .table01 tr:nth-child(9) th {border-bottom: none;}
#company .table01 th {border-color: #fff; color: #fff; background: #218dc4; width: 200px;}
#company iframe {box-sizing: border-box; width: 100%; height: 450px;}
#company .box {background: url("img/company/bg.jpg")top left repeat; padding: 60px;}
#company .box .inner {margin-top: 60px;}
#company .box .inner:nth-child(1) {margin-top: 0;}
#company .box table {font-size: 16px; line-height: 1; border-collapse: separate; border-spacing: 0 35px; margin-right: 60px; word-break: keep-all;}
#company .box table th {padding-right: 35px;}
#company .box h3 {font-size: 24px; word-break: keep-all;}
#company .bdr {content: ''; display: block; width: 100px; height: 3px; background: #fff; margin: 30px 0 20px;}
#company .box .text {font-size: 14px; line-height: 2.5;}
#company .box .img {margin-left: 60px;}
#company .sitemap_list a {box-sizing: border-box; width: 386px; height: 56px; border: 3px solid #218dc4; margin-right: 20px; font-size: 16px; line-height: 1; padding-left: 20px; border-right: none;}
#company .sitemap_list a:nth-child(3n) {margin-right: 0;}
#company .sitemap_list a:nth-child(n + 4) {margin-top: 20px;}
#company .sitemap_list .arrow {background: #218dc4; width: 30px; height: 100%;}

/*find*/
#find .main,#change .main {box-sizing: border-box; background: url("img/find/main_bg.jpg")center center no-repeat; border: 3px solid #1c334f; position: relative; height: 550px;}
#find .main .icon_text,#change .main .icon_text {font-size: 40px; line-height: 1; position: absolute; left: 0; right: 0; top: 120px; z-index: 30;}
#find .main .icon_text p,#change .main .icon_text p {position: relative; display: table; margin: auto; box-sizing: border-box; padding: 10px 20px;}
#find .main .icon_text p span,#change .main .icon_text p span {position: relative; z-index: 20;}
#find .main .icon_text p::before,#change .main .icon_text p::before {content: ''; position: absolute; background: url("img/find/main_icon01.svg")no-repeat; width: 132px; height: 123px; bottom: -10px; left: -140px;}
#find .main .icon_text p::after,#change .main .icon_text p::after {content: ''; position: absolute; background: #1c334f; width: 100%; height: 100%; left: 0; top: 0; right: 0; bottom: 0; margin: auto; transform: skewX(-20deg);}
#find .main .txt01,#change .main .txt01 {font-size: 60px; line-height: 1.3; position: relative; z-index: 20;}
#find .main .txt01 span,#change .main .txt01 .yellow {font-size: 75px;}
#find .main .bg01,#change .main .bg01 {position: absolute; width: 100%; height: 255px; left: 0; right: 0; bottom: 137px; margin: auto; background: url("img/find/main_bg02.svg")top left repeat; content: '';}
#find .main .bg02,#change .main .bg02 {position: absolute; left: 0; bottom: 0; content: ''; width: 0; height: 0; border-style: solid; border-width: 415px 0 0 160px; border-color: transparent transparent transparent #1f2e42; z-index: 20;}
#find .main .bg03,#change .main .bg03 {position: absolute; right: 0; top: 0; content: ''; width: 0; height: 0; border-style: solid; border-width: 0 160px 415px 0; border-color: transparent #1f2e42 transparent transparent; z-index: 20;}
#find .box01 h2,#change .box01 h2 {font-size: 30px; background: url("img/find/box01_h2_bg.jpg")top left repeat; padding: 15px 0;}
#find .box01 .triangle,#change .box01 .triangle {content: ''; display: block; margin: auto; width: 0; height: 0; border-style: solid; border-width: 15px 31.5px 0 31.5px; border-color: #1c334f transparent transparent transparent;}
#find .box01 .inner,#change .box01 .inner {font-size: 16px; line-height: 2; margin-top: 30px;}
#find .box01 .inner .img01,#change .box01 .inner .img01 {margin-right: 30px;}
#find .box01 .inner .img02,#change .box01 .inner .img02 {margin-left: 30px;}
#find .box01 .bnr,#change .box01 .bnr {background: url("img/find/box01_bnr_bg.jpg")center center no-repeat; width: 100%; height: 408px; line-height: 1; box-sizing: border-box; border: 3px solid #1f2e42;}
#find .box01 .bnr .box,#change .box01 .bnr .box {background: rgba(255,255,255,.8); padding: 30px 60px;}
#find .box01 .bnr .txt01,#change .box01 .bnr .txt01 {font-size: 35px; background: #218dc4; box-sizing: border-box; border-radius: 22px; padding: 5px 0; margin: 30px auto 20px;}
#find .box01 .bnr .txt02,#change .box01 .bnr .txt02 {font-size: 60px;}
#find .box02 .over_txt01,#change .box02 .over_txt01 {font-size: 30px; line-height: 1; background: #1c334f; padding: 20px 0; position: relative; overflow: hidden; color: #fff;}
#find .box02 .over_txt01::after,#change .box02 .over_txt01::after {content: ''; position: absolute; background: url("img/find/box02_icon01.svg")no-repeat; width: 77px; height: 87px; right: 147px; bottom: -10px;}
#find .box02 .title,#change .box02 .title {background: url("img/find/box02_title_bg.jpg")top left repeat; padding: 95px 0 30px; position: relative;}
#find .box02 .title .triangle,#change .box02 .title .triangle {width: 0; height: 0; border-style: solid; border-width: 20px 19px 0 19px; border-color: #1f2e42 transparent transparent transparent; content: ''; position: absolute; left: 0; right: 0; margin: auto; top: 0;}
#find .box02 .title .icon_text,#change .box02 .title .icon_text {position: absolute; left: 0; right: 0; bottom: 0; margin: auto;}
#find .box02 .over_txt02,#change .box02 .over_txt02 {font-size: 30px; position: absolute; left: 0; right: 0; margin: auto; top: 40px; z-index: 10;}
#find .box02 .over_txt02 p,#change .box02 .over_txt02 p {display: table; margin: auto; position: relative; padding: 5px 50px; transform: rotate(-2deg); line-height: 1;}
#find .box02 .over_txt02 span,#change .box02 .over_txt02 span {position: relative; z-index: 20;}
#find .box02 .over_txt02 p::before,#change .box02 .over_txt02 p::before {content: ''; background: #ffa22a; width: 100%; height: 100%; position: absolute; left: 0; right: 0; margin: auto; top: 0; bottom: 0; transform: skewX(-15deg);}
#find .box02 h2,#change .box02 h2 {font-size: 60px; margin: 0 auto; line-height: 1.2; text-shadow: rgb(0 0 0 / 35%) 1px 1px 5px, rgb(0 0 0 / 35%) -1px 1px 5px, rgb(0 0 0 / 35%) 1px -1px 5px, rgb(0 0 0 / 35%) -1px -1px 5px; position: relative; z-index: 10;}
#find .box02 .link_box a,#change .box02 .link_box a {box-sizing: border-box; width: 360px; border: 3px solid #218dc4; position: relative;}
#find .box02 .band,#change .box02 .band {box-sizing: border-box; width: 100%; content: ''; background: #218dc4; height: 38px; display: block;}
#find .box02 .link_box .no,#change .box02 .link_box .no {box-sizing: border-box; width: 58px; height: 58px; font-size: 40px; line-height: 1; border: 3px solid #218dc4; position: absolute; left: -3px; top: -12px; background: #fff; color: #218dc4;}
#find .box02 .link_box .under,#change .box02 .link_box .under {background: url("img/find/link_bg01.jpg")bottom center no-repeat; width: 100%; height: 197px;}
#find .box02 .link_box .link_txt01,#change .box02 .link_box .link_txt01 {font-size: 30px; line-height: 1; text-shadow: rgb(0 0 0 / 35%) 1px 1px 5px, rgb(0 0 0 / 35%) -1px 1px 5px, rgb(0 0 0 / 35%) 1px -1px 5px, rgb(0 0 0 / 35%) -1px -1px 5px;}
#find .box02 .link_box .bdr,#change .box02 .link_box .bdr {content: ''; display: block; background: #fff; width: calc(100% - 60px); height: 3px; margin: 20px auto; box-shadow: 0 0 5px rgba(0,0,0,.35);}
#find .box02 .link_box .link_txt02,#change .box02 .link_box .link_txt02 {font-size: 30px; line-height: 1.2; text-shadow: rgb(0 0 0 / 35%) 1px 1px 5px, rgb(0 0 0 / 35%) -1px 1px 5px, rgb(0 0 0 / 35%) 1px -1px 5px, rgb(0 0 0 / 35%) -1px -1px 5px;}
#find .box02 .link_box .triangle,#change .box02 .link_box .triangle {position: absolute; left: 0; right: 0; bottom: -20px; display: block; margin: auto; width: 0;
height: 0; border-style: solid; border-width: 20px 28.5px 0 28.5px; border-color: #218dc4 transparent transparent transparent;}
#find .box02 .link_box a:nth-child(2),#change .box02 .link_box a:nth-child(2) {border-color: #1f2e42;}
#find .box02 .link_box a:nth-child(2) .band,#change .box02 .link_box a:nth-child(2) .band {background: #1f2e42;}
#find .box02 .link_box a:nth-child(2) .no,#change .box02 .link_box a:nth-child(2) .no {color: #1f2e42; border-color: #1f2e42;}
#find .box02 .link_box a:nth-child(2) .under,#change .box02 .link_box a:nth-child(2) .under {background: url("img/find/link_bg02.jpg")center bottom no-repeat;}
#find .box02 .link_box a:nth-child(2) .triangle,#change .box02 .link_box a:nth-child(2) .triangle {border-color: #1f2e42 transparent transparent transparent;}
#find .box02 .link_box a:nth-child(3),#change .box02 .link_box a:nth-child(3) {border-color: #ffa22a;}
#find .box02 .link_box a:nth-child(3) .band,#change .box02 .link_box a:nth-child(3) .band {background: #ffa22a;}
#find .box02 .link_box a:nth-child(3) .no,#change .box02 .link_box a:nth-child(3) .no {color: #ffa22a; border-color: #ffa22a;}
#find .box02 .link_box a:nth-child(3) .under,#change .box02 .link_box a:nth-child(3) .under {background: url("img/find/link_bg03.jpg")center bottom no-repeat;}
#find .box02 .link_box a:nth-child(3) .triangle,#change .box02 .link_box a:nth-child(3) .triangle {border-color: #ffa22a transparent transparent transparent;}
#find .box02 .con,#change .box02 .con {position: relative; margin-top: 80px;}
#find .box02 .con h3,#change .box02 .con h3 {box-sizing: border-box; font-size: 40px; background: #218dc4; padding: 20px 0 20px 120px;}
#find .box02 .con .no,#change .box02 .con .no {position: absolute; box-sizing: border-box; background: #fff; width: 100px; height: 100px; font-size: 60px; line-height: 1; border: 5px solid #218dc4; color: #218dc4; left: 0; top: -11px;}
#find .box02 .con .inner,#change .box02 .con .inner {margin: 40px auto 30px; font-size: 16px; line-height: 2.3;}
#find .box02 .con .inner img,#change .box02 .con .inner img {margin-right: 30px;}
#find .box02 .con .bnr,#change .box02 .con .bnr {box-sizing: border-box; position: relative; border: 3px solid #218dc4; background: url("img/find/box02_bnr_bg01.jpg")center center no-repeat; width: 100%; height: 250px;}
#find .box02 .con .bnr::before,#change .box02 .con .bnr::before {content: ''; position: absolute; background: url("img/find/box02_bnr_b.svg")top left repeat; width: 100%; height: 100%; left: 0; top: 0; z-index: 10;}
#find .box02 .con .bnr p,#change .box02 .con .bnr p {font-size: 50px; line-height: 1.3; position: relative; z-index: 20; text-shadow: rgb(0 0 0 / 35%) 1px 1px 5px, rgb(0 0 0 / 35%) -1px 1px 5px, rgb(0 0 0 / 35%) 1px -1px 5px, rgb(0 0 0 / 35%) -1px -1px 5px;}
#find .box02 .con .triangle,#change .box02 .con .triangle {content: ''; position: absolute; top: 0; left: 0; right: 0; margin: auto; display: block; width: 0; height: 0; border-style: solid; border-width: 63px 239px 0 239px; border-color: #218dc4 transparent transparent transparent;}
#find .box02 .con02 h3,#change .box02 .con02 h3 {background: #1f2e42;}
#find .box02 .con02 .no,#change .box02 .con02 .no {color: #1f2e42; border-color: #1f2e42;}
#find .box02 .con02 .bnr,#change .box02 .con02 .bnr {background: url("img/find/box02_bnr_bg02.jpg")center center no-repeat; border-color: #1f2e42;}
#find .box02 .con02 .triangle,#change .box02 .con02 .triangle {border-color: #1f2e42 transparent transparent transparent;}
#find .box02 .con03 h3,#change .box02 .con03 h3 {background: #ffa22a;}
#find .box02 .con03 .no,#change .box02 .con03 .no {color: #ffa22a; border-color: #ffa22a;}
#find .box02 .con03 .bnr,#change .box02 .con03 .bnr {background: url("img/find/box02_bnr_bg02.jpg")center center no-repeat; border-color: #ffa22a;}
#find .box02 .con03 .triangle,#change .box02 .con03 .triangle {border-color: #ffa22a transparent transparent transparent;}
#find .l_bnr01,#change .l_bnr01 {background: url("img/find/l_bnr01_bg.jpg")center center no-repeat; width: 100%; height: 300px; box-sizing: border-box; padding: 10px; position: relative;}
#find .l_bnr01::before,#change .l_bnr01::before {content: ''; width: 0; height: 0; border-style: solid; border-width: 0 0 200px 645px; border-color: transparent transparent #1f2e42 transparent; display: block; position: absolute; right: 0; bottom: 0; z-index: 10;}
#find .l_bnr01::after,#change .l_bnr01::after {content: ''; position: absolute; background: url("img/find/l_bnr01_icon.svg")no-repeat; width: 496px; height: 300px; right: 0; bottom: 0; z-index: 20;}
#find .l_bnr01 .bdr_box,#change .l_bnr01 .bdr_box {width: 100%; height: 100%; box-sizing: border-box; border: 1px solid #fff; padding-left: 40px; position: relative; z-index: 30;}
#find .l_bnr01 p,#change .l_bnr01 p {font-size: 40px; line-height: 1; box-sizing: border-box; border-bottom: 3px solid #fff; display: table; padding-bottom: 15px; text-shadow: rgb(0 0 0 / 35%) 1px 1px 5px, rgb(0 0 0 / 35%) -1px 1px 5px, rgb(0 0 0 / 35%) 1px -1px 5px, rgb(0 0 0 / 35%) -1px -1px 5px;}
#find .l_bnr01 p:nth-child(n + 2),#change .l_bnr01 p:nth-child(n + 2) {margin-top: 15px;}
#find .l_bnr02,#change .l_bnr02 {background: url("img/find/l_bnr02_bg.jpg")center center no-repeat; box-sizing: border-box; border: 5px solid #218dc4; height: 500px; width: 100%;}
#find .l_bnr02 .txt01,#change .l_bnr02 .txt01 {font-size: 30px; line-height: 1; padding: 10px 40px; box-sizing: border-box; background: #fff; border-radius: 25px; color: #218dc4; display: inline-block;}
#find .l_bnr02 .txt02,#change .l_bnr02 .txt02 {font-size: 40px; line-height: 1.2; margin-top: 20px; text-shadow: rgb(0 0 0 / 35%) 1px 1px 5px, rgb(0 0 0 / 35%) -1px 1px 5px, rgb(0 0 0 / 35%) 1px -1px 5px, rgb(0 0 0 / 35%) -1px -1px 5px;}
#find .l_bnr02 .txt02 .big01,#change .l_bnr02 .txt02 .big01 {font-size: 60px;}
#find .l_bnr02 .txt02 .big02,#change .l_bnr02 .txt02 .big02 {font-size: 80px;}

/*change*/
#change .main {background: url("img/change/main_bg.jpg")center center no-repeat; border-color: #be6b00;}
#change .main .icon_text p::before {background: url("img/change/main_icon01.svg")no-repeat;}
#change .main .icon_text p::after {background: #be6b00;}
#change .main .bg01 {background: url("img/change/main_bg02.svg")top left repeat;}
#change .main .bg02 {border-color: transparent transparent transparent #be6b00;}
#change .main .bg03 {border-color: transparent #be6b00 transparent transparent;}
#change .main .txt01 .min {font-size: 45px;}
#change .box01 h2 {background: url("img/change/box01_h2_bg.jpg")top left repeat;}
#change .box01 .triangle {border-color: #be6b00 transparent transparent transparent;}
#change .box01 .bnr {border-color: #ffa22a;}
#change .box01 .bnr .txt01 {background: #ffa22a; margin-top: 0; margin-bottom: 15px;}
#change .box01 .bnr .txt02 {line-height: 1.3; font-size: 50px;}
#change .box01 .bnr .txt02 .big {font-size: 60px;}
#change .box02 .over_txt01 {background: #be6b00;}
#change .box02 .over_txt02 p::before {background: #218dc4;}
#change .box02 .title {background: url("img/change/box02_title_bg.jpg")top left repeat;}
#change .box02 .link_box .under {background: url("img/change/link_bg01.jpg")bottom center no-repeat;}
#change .box02 .link_box a:nth-child(2) .under {background: url("img/change/link_bg02.jpg")bottom center no-repeat;}
#change .box02 .link_box a:nth-child(3) .under {background: url("img/change/link_bg03.jpg")bottom center no-repeat;}
#change .box02 .con .bnr {background: url("img/change/box02_bnr_bg01.jpg")center center no-repeat;}
#change .box02 .con02 .bnr {background: url("img/change/box02_bnr_bg02.jpg")center center no-repeat;}
#change .box02 .con03 .bnr {background: url("img/change/box02_bnr_bg03.jpg")center center no-repeat;}
#change .l_bnr01 {background: url("img/change/l_bnr01_bg.jpg")center center no-repeat;}
#change .l_bnr01::before {border-color: transparent transparent #be6b00 transparent;}
#change .l_bnr02 {background: url("img/change/l_bnr02_bg.jpg")center center no-repeat; border-color: #ffa22a;}
#change .l_bnr02 .txt02 {line-height: 1.7; text-shadow: rgb(0 0 0 / 35%) 1px 1px 5px, rgb(0 0 0 / 35%) -1px 1px 5px, rgb(0 0 0 / 35%) 1px -1px 5px, rgb(0 0 0 / 35%) -1px -1px 5px;}
#change .l_bnr02 .txt03 {font-size: 80px; line-height: 1; text-shadow: rgb(0 0 0 / 35%) 1px 1px 5px, rgb(0 0 0 / 35%) -1px 1px 5px, rgb(0 0 0 / 35%) 1px -1px 5px, rgb(0 0 0 / 35%) -1px -1px 5px;}

/*about*/
#about .box01 h2,#about .box02 h2,#about .box03 h2 {background: url("img/about/box01_title_bg.jpg")top left repeat; font-size: 30px; padding: 15px 0;}
#about .box01 .triangle,#about .box02 .triangle,#about .box03 .triangle {content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 15px 31.5px 0 31.5px; border-color: #1c334f transparent transparent transparent; margin: auto;}
#about .box01 .inner,#about .box02 .inner {margin-top: 30px; font-size: 16px; line-height: 2.3;}
#about .box01 .inner .img01,#about .box02 .inner .img01 {margin-right: 30px;}
#about .box01 .inner .img02,#about .box02 .inner .img02 {margin-left: 30px;}
#about .box01 .bnr {background: url("img/about/box01_bnr_bg.jpg")top left repeat; padding: 30px 100px; line-height: 1; position: relative;}
#about .box01 .bnr .txt01 {font-size: 30px; position: absolute; top: 0; bottom: 0; left: 50px; margin: auto; z-index: 10; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; text-orientation: sideways; line-height: 1.3; letter-spacing: 10px;}
#about .box01 .bnr .txt01 span {font-size: 85px; letter-spacing: 0;}
#about .box01 .bnr .txt02 {font-size: 40px; position: absolute; right: 60px; bottom: 60px; z-index: 10;}
#about .box01 .bnr .txt02 p {background: #fff; padding: 5px 20px 8px; box-sizing: border-box;}
#about .box01 .bnr .txt02 p:nth-child(2) {font-size: 50px; margin-top: 10px;}
#about .box02 .main {background: url("img/about/box02_main_bg.svg")center center no-repeat; background-color: #218dc4; height: 270px; width: 100%; box-sizing: border-box; border: 3px solid #1c314c; margin-bottom: 60px;}
#about .box02 .main .txt01 {font-size: 30px; line-height: 1; box-sizing: border-box; display: table; background: #ffa22a; padding: 10px 30px; border-radius: 25px; letter-spacing: 2px;}
#about .box02 .main .txt02 {font-size: 60px; line-height: 1.3; margin-top: 10px; letter-spacing: 2px;}
#about .box03 .list {margin-top: 40px;}
#about .box03 .con {box-sizing: border-box; background: url("img/about/box03_list_bg02.jpg")top left repeat; border: 3px solid #218dc4; padding: 20px 0 25px; position: relative; margin-right: 60px; width: 360px;}
#about .box03 .con:nth-child(3n) {margin-right: 0;}
#about .box03 .con:nth-child(n + 4) {margin-top: 60px;}
#about .box03 .bg {content: ''; display: block; background: url("img/about/box03_list_bg01.svg")no-repeat; width: 253px; height: 158px; top: 0; bottom: 0; left: 0; right: 0; margin: auto; z-index: 10; position: absolute;}
#about .box03 .con .no {font-size: 60px; line-height: 1; position: relative; z-index: 20;}
#about .box03 h3 {font-size: 23px; position: relative; z-index: 20; margin: 30px auto 25px;}
#about .box03 .txt01 {font-size: 16px; line-height: 1.7;}
#about .box03 .bnr {background: url("img/about/box03_bnr_bg.jpg")center center no-repeat; box-sizing: border-box; height: 450px; position: relative; padding-top: 92px; line-height: 1;}
#about .box03 .bnr::after {content: ''; position: absolute; border: 10px solid rgba(255,255,255,.2); left: 0; top: 0; right: 0; bottom: 0; margin: auto; width: 100%; height: 100%; box-sizing: border-box;}
#about .box03 .bnr .text01 {font-size: 35px; padding: 5px 30px; background: #fff; border-radius: 22px; display: table; margin: auto;}
#about .box03 .bnr .text02 {font-size: 50px; margin: 25px auto 20px;}
#about .box03 .bnr .text03 {font-size: 80px;}
#about .l_bnr {box-sizing: border-box; background: url("img/about/l_bnr_bg.jpg")center center no-repeat; height: 400px; border: 3px solid #218dc4; position: relative;}
#about .l_bnr .txt01 {position: absolute; left: 0; top: 30px;}
#about .l_bnr .txt01 p {font-size: 40px; line-height: 1; background: #fff; padding: 10px;}
#about .l_bnr .txt01 p:nth-child(2) {margin-top: 10px;}
#about .l_bnr .logo {position: absolute; right: 30px; bottom: 30px;}

/*reason*/
#reason .main {box-sizing: border-box; background: url("img/reason/main_bg.svg")center center no-repeat; background-color: #218dc4; line-height: 1; height: 450px;}
#reason .main .txt01 {font-size: 30px; background: #218dc4; padding: 5px 30px 8px; display: table; margin: auto; letter-spacing: 2px;}
#reason .main .txt02 {font-size: 50px; margin: 20px auto 10px; letter-spacing: 4px;}
#reason .main .txt03 {display: table; font-size: 70px; box-sizing: border-box; border-bottom: 15px solid #fff000; margin: auto;}
#reason .main .txt03 span {font-size: 100px;}
#reason .link_box .con {box-sizing: border-box; width: 360px; margin-right: 60px;}
#reason .link_box .con:nth-child(3n) {margin-right: 0;}
#reason .link_box .con:nth-child(n + 4) {margin-top: 60px;}
#reason .link_box .no {position: absolute; left: 5px; top: -25px;}
#reason .link_box .img_box {position: relative; box-sizing: border-box; border: 3px solid #218dc4; box-shadow: 0 0 10px rgb(0 0 0 / 40%);}
#reason .link_box .img_box::before {content: ''; position: absolute; right: 0; bottom: 0; z-index: 10;}
#reason .link_box .con:nth-child(1) .img_box::before {background: url("img/index/box04_man01.svg")no-repeat; width: 166px; height: 229px;}
#reason .link_box .con:nth-child(2) .img_box::before {background: url("img/index/box04_man02.svg")no-repeat; width: 146px; height: 230px;}
#reason .link_box .con:nth-child(3) .img_box::before {background: url("img/index/box04_man03.svg")no-repeat; width: 164px; height: 226px;}
#reason .link_box .con:nth-child(4) .img_box::before {background: url("img/index/box04_man06.svg")no-repeat; width: 135px; height: 228px;}
#reason .link_box .con:nth-child(5) .img_box::before {background: url("img/index/box04_man05.svg")no-repeat; width: 165px; height: 225px;}
#reason .link_box .txt01 {font-size: 20px; line-height: 1; position: absolute; left: 0; bottom: 5px; z-index: 20;}
#reason .link_box .txt01 span {display: inline-block; background: #ffa22a; box-sizing: border-box; padding: 5px;}
#reason .link_box .txt01 span:nth-child(2) {margin-top: 5px; margin-left: 40px;}
#reason .link_box .triangle {content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 28px 64px 0 64px; border-color: #1c334f transparent transparent transparent; margin: auto;}
#reason .box01 {background: url("img/reason/box01_bg.jpg")top left repeat;}
#reason .box01 .title {background: #218dc4; height: 80px; width: 100%; position: relative; padding-left: 15px; margin-bottom: 60px; overflow: hidden; box-sizing: border-box;}
#reason .box01 .title::before {content: ''; width: 100px; height: 100px; transform: skewX(15deg); position: absolute; bottom: 0; top: 0; margin: auto; left: -10px; background: #1c334f;}
#reason .box01 .title p {font-size: 60px; line-height: 1; transform: skewX(-10deg); margin-right: 30px;}
#reason .box01 h2 {font-size: 30px;}
#reason .box01 .inner {font-size: 16px; line-height: 2.3; padding: 0 60px;}
#reason .box01 .inner .img01 {margin-right: 30px;}
#reason .box01 .inner .img02 {margin-left: 30px;}
#reason .box01 .bnr {background: url("img/reason/box01_bnr_bg.jpg")center center no-repeat; padding: 10px; box-sizing: border-box; line-height: 1; margin-top: 60px; height: 250px;}
#reason .box01 .bnr .bdr {position: relative; width: 100%; height: 100%; box-sizing: border-box; border: 1px solid #fff;}
#reason .box01 .bnr .bdr::before {content: ''; position: absolute; left: 5px; bottom: 5px; width: 0; height: 0; border-style: solid; border-width: 36px 0 0 36px; border-color: transparent transparent transparent #fff;}
#reason .box01 .bnr .bdr::after {content: ''; position: absolute; right: 5px; bottom: 5px; width: 0; height: 0; border-style: solid; border-width: 0 0 36px 36px; border-color: transparent transparent #fff transparent;}
#reason .box01 .bnr .txt01 {font-size: 30px; box-sizing: border-box; background: #ffa22a; padding: 10px 30px; border-radius: 25px; margin: auto auto 20px; display: table;}
#reason .box01 .bnr .txt02 {font-size: 70px; letter-spacing: 3px;}
#reason .l_bnr {background: url("img/reason/l_bnr_bg.jpg")center center no-repeat; height: 420px; width: 100%;}
#reason .l_bnr .txt01 {margin-top: 60px;}
#reason .l_bnr .txt01 p {background: #fff; font-size: 40px; line-height: 1; padding: 5px 20px;}
#reason .l_bnr .txt01 p:nth-child(2) {margin-top: 10px;}

/*plan*/
#plan .box01 {background: url("img/plan/box01_bg.svg")top center no-repeat; padding-top: 60px; position: relative; z-index: 20;}
#plan .box01 .title::before,#plan .box01 .title::after {content: ''; flex-grow: 1; background: #218dc4; position: relative; display: block; height: 3px;}
#plan .box01 .txt01 {box-sizing: border-box; border: 1px solid #218dc4; padding: 1px; border-radius: 27.5px;}
#plan .box01 .txt01 p {background: #218dc4; font-size: 35px; line-height: 1; padding: 10px 25px; border-radius: 27.5px; letter-spacing: 6px;}
#plan .box01 .img {margin: 30px auto 60px;}
#plan .box02 {background: url("img/plan/box02_bg.jpg")top left repeat; padding: 270px 60px 55px; margin-top: -220px;}
#plan .box02 h2 {font-size: 40px; position: relative; padding: 10px 0 12px; margin-bottom: 30px;}
#plan .box02 h2::after {content: ''; position: absolute; background: #fff; transform: skewX(-17deg); top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: calc(100% - 20px);}
#plan .box02 h2 p {position: relative; z-index: 10;}
#plan .box02 .inner {font-size: 16px; line-height: 2.3;}
#plan .box02 .inner img {margin-right: 30px;}
#plan .box02 .txt01 {font-size: 60px; line-height: 1; letter-spacing: 2px; margin: 60px auto 55px;}
#plan .box02 .txt02 {font-size: 50px; letter-spacing: 2px; line-height: 1.2;}
#plan .box02 .txt02 span {font-size: 60px;}
#plan .link_bnr {background: url("img/plan/link_bnr_bg.jpg")center center no-repeat; box-sizing: border-box; padding: 10px; height: 248px; width: 100%;}
#plan .link_bnr .box {width: 100%; position: relative; height: 100%; box-sizing: border-box; border: 1px solid #fff; line-height: 1;}
#plan .link_bnr .txt01 {font-size: 30px; letter-spacing: 2px;}
#plan .link_bnr .txt02 {font-size: 50px; margin: 30px auto 20px; letter-spacing: 2px;}
#plan .link_bnr .bdr {content: ''; display: block; position: relative; width: 600px; height: 1px; background: #fff; margin: auto;}
#plan .link_bnr .bdr::after {content: ''; position: absolute; width: 0; height: 0; border-style: solid; border-width: 10px 0 0 10px; border-color: transparent transparent transparent #fff; bottom: 0; right: 0;}
#plan .link_bnr .icon {position: absolute; right: 5px; bottom: 5px;}
#plan .box03 {background: url("img/plan/box03_bg.jpg")top left repeat; padding: 60px 60px 30px;}
#plan .box03 h2 {font-size: 30px; padding: 10px 20px; box-sizing: border-box; background: #218dc4; border-radius: 25px; display: table; margin: auto;}
#plan .box03 .txt01 {font-size: 60px; line-height: 1; margin-top: 20px;}
#plan .box03 .con01 h3 {font-size: 30px; box-sizing: border-box; border-bottom: 3px solid #218dc4; padding-bottom: 15px; margin-bottom: 30px;}
#plan .box03 .table01 {width: 100%; box-sizing: border-box; border-left: 3px solid #218dc4; border-right: 3px solid #218dc4;}
#plan .box03 .table01 th {background: #218dc4; padding: 20px 0; box-sizing: border-box; border-left: 3px solid #fff; font-size: 14px; line-height: 1; text-align: center; width: 218px;}
#plan .box03 .table01 td {background: #fff; box-sizing: border-box; border-bottom: 3px solid #218dc4; border-left: 3px solid #218dc4; padding: 20px 0; font-size: 14px; line-height: 1; text-align: center; width: 218px;}
#plan .box03 .table01 tr th:nth-child(1),#plan .box03 .table01 tr td:nth-child(1) {border-left: none;}
#plan .box03 ul {background: #f3f3f3; padding: 30px; margin-top: 30px;}
#plan .box03 li {font-size: 14px; line-height: 1; margin-top: 20px;}
#plan .box03 ul li:nth-child(1) {margin-top: 0;}
#plan .box03 .inner {margin-top: 30px;}
#plan .box03 .inner .left_box {width: 450px; position: relative;}
#plan .box03 .inner .no {font-size: 30px; line-height: 1; position: absolute; left: 0; top: 10px; background: #218dc4; width: 133px; height: 39px; text-align: center; display: flex; align-items: center; justify-content: center;}
#plan .box03 .inner .under {box-sizing: border-box; background: #218dc4; padding: 10px 0;}
#plan .box03 .inner .under p:nth-child(1) {font-size: 20px; line-height: 1; margin-bottom: 8px;}
#plan .box03 .inner .under p:nth-child(2) {font-size: 16px; line-height: 1;}
#plan .box03 .inner .triangle {content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 40px 0 40px 40px; border-color: transparent transparent transparent #218dc4;}
#plan .box03 .table02 {width: 530px; box-sizing: border-box; border-left: 3px solid #218dc4; border-right: 3px solid #218dc4; border-bottom: 3px solid #218dc4;}
#plan .box03 .table02 th {box-sizing: border-box; background: #218dc4; font-size: 14px; line-height: 1; padding: 8px 0; border-left: 3px solid #fff; text-align: center; color: #fff;}
#plan .box03 .table02 td {box-sizing: border-box; background: #fff; border-left: 3px solid #218dc4; font-size: 14px; line-height: 1; text-align: center; padding: 15px 0;}
#plan .box03 .table02 tr th:nth-child(1),#plan .box03 .table02 tr td:nth-child(1) {border-left: none;}
#plan .box03 .txt02 {margin: 60px auto 50px; padding: 0 30px;}
#plan .box03 .triangle01 {content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 27.5px 35px 27.5px 0; border-color: transparent #1c334f transparent transparent;}
#plan .box03 .left_con .triangle01:nth-child(1) {margin-right: 20px;}
#plan .box03 .triangle02 {content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 27.5px 0 27.5px 35px; border-color: transparent transparent transparent #1c334f;}
#plan .box03 .right_con .triangle02:nth-child(1) {margin-right: 20px;}
#plan .box03 .txt03 {font-size: 50px; line-height: 1;}
#plan .box04 {background: url("img/plan/box04_bg.svg")center bottom no-repeat,url("img/plan/box03_bg.jpg")top left repeat; padding-bottom: 40px;}
#plan .box04 h2 {font-size: 30px; background: url("img/plan/box04_h2_bg.jpg")top left repeat; padding: 20px 0;}
#plan .box04 .triangle {content: ''; display: block; margin: auto; width: 0; height: 0; border-style: solid; border-width: 15px 31.5px 0 31.5px; border-color: #1c334f transparent transparent transparent;}
#plan .box04 .inner {font-size: 16px; line-height: 2.3; margin: 45px auto 130px; padding: 0 60px;}
#plan .box04 .inner img {margin-right: 30px;}
#plan .box04 .txt01 {margin-bottom: 10px;}
#plan .box04 .txt01::before,#plan .box04 .txt01::after {content: ''; display: block; background: #fff; flex-grow: 1; height: 5px;}
#plan .box04 .txt01::before {margin-right: 40px;}
#plan .box04 .txt01::after {margin-left: 40px;}
#plan .box05 h2 {font-size: 40px;}
#plan .box05 .bdr_box {margin: 60px auto;}
#plan .box05 .bdr_box span {content: ''; display: block; background: #218dc4; width: 30px; height: 3px;}
#plan .box05 .bdr_box span:nth-child(2) {margin: 0 20px;}
#plan .l_bnr {background: url("img/plan/l_bnr_bg.jpg")center center no-repeat; width: 100%; height: 364px; position: relative; overflow: hidden;}
#plan .l_bnr .txt01 {width: 600px; font-size: 25px; line-height: 1; padding: 10px 0; background: #218dc4; position: relative; z-index: 30;}
#plan .l_bnr .under {background: rgba(255,255,255,.9); padding: 52px 0; width: 600px; position: relative; line-height: 1; z-index: 20;}
#plan .l_bnr .txt02 {font-size: 23px; margin-bottom: 20px; position: relative; z-index: 30;}
#plan .l_bnr .txt03 {font-size: 70px; position: relative; z-index: 30;}
#plan .l_bnr .logo {position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}
#plan .l_bnr .icon_text {font-size: 260px; line-height: 1; position: absolute; left: 0; right: 0; bottom: -20px; margin: auto; text-align: center; color: #218dc4; opacity: .7; z-index: 10; letter-spacing: 5px; word-break: keep-all;}

/*agency*/
#agency h2 {font-size: 30px;}
#agency h2::before,#agency h2::after {content: ''; display: block; background: #218dc4; height: 3px; flex-grow: 1;}
#agency h2::before {margin-right: 50px;}
#agency h2::after {margin-left: 50px;}
#agency .inner {margin-top: 50px; font-size: 16px; line-height: 2.3;}
#agency .inner .img01 {margin-right: 30px;}
#agency .inner .img02 {margin-left: 30px;}
#agency .box01 .center_img {margin-top: 44px;}
#agency .bnr01 {background: url("img/agency/bnr01_bg.jpg")top left repeat; padding: 20px; position: relative; z-index: 10;}
#agency .bnr01 .txt01 p {font-size: 40px; line-height: 1; display: table; background: #ffa22a; padding: 10px 20px; margin-left: -20px; z-index: 10; position: relative;}
#agency .bnr01 .txt01 p:nth-child(2) {margin-top: 10px; margin-left: 20px;}
#agency .bnr01 .txt01 span {transform: skewX(-10deg); display: block;}
#agency .bnr01 .txt02 {font-size: 70px; line-height: 1; margin: 15px 0 10px 40px; transform: skewX(-10deg);}
#agency .bnr01 .txt03 {font-size: 90px; line-height: 1; margin-left: 160px; transform: skewX(-10deg);}
#agency .bnr01 .triangle {content: ''; position: absolute; left: 20px; bottom: 20px; width: 0; height: 0; border-style: solid; border-width: 50px 0 0 50px; border-color: transparent transparent transparent #1c334f;}
#agency .bnr01 .icon {position: absolute; top: 20px; left: 366px;}
#agency .bnr02 {box-sizing: border-box; width: 100%; height: 400px; border: 10px solid #1c314c; position: relative; line-height: 1; overflow: hidden; background: url("img/agency/bnr02_bg.jpg")center center no-repeat;}
#agency .bnr02 .icon01 {position: absolute; left: -10px; bottom: -10px;}
#agency .bnr02 .icon02 {position: absolute; right: -10px; top: -10px;}
#agency .bnr02 .txt01 {font-size: 50px; letter-spacing: 3px;}
#agency .bnr02 .txt02 {font-size: 80px; margin-top: 30px; letter-spacing: 7px;}
#agency .bnr03 {box-sizing: border-box; width: 100%; height: 400px; border: 10px solid #1c334f; background: url("img/agency/bnr03_bg.jpg")center center no-repeat; line-height: 1; letter-spacing: 5px;}
#agency .bnr03 .txt01 {font-size: 50px;}
#agency .bnr03 .txt02 {font-size: 60px; margin: 30px auto 50px;}

