@charset "utf-8";
/* CSS Document */
.sub_page {margin-bottom: 80px;}

/*contactbanner*/
#contact_banner .con_title {font-size: 60px; line-height: 1; letter-spacing: 5px; margin-bottom: -7px;}
#contact_banner .con_title img {margin-right: 5px;}
#contact_banner .con_box {box-sizing: border-box; border: 3px solid #2b2b2b; border-top: none;}
#contact_banner .con_over {background: #2b2b2b; padding: 13px 0 10px; line-height: 1;}
#contact_banner .con_over div:nth-of-type(1) {margin-right: 20px;}
#contact_banner .con_txt01 {font-size: 16px; letter-spacing: 2px;}
#contact_banner .con_txt02 {font-size: 35px; letter-spacing: 1px;}
#contact_banner .con_txt03 {font-size: 16px;}
#contact_banner .con_txt04 {font-size: 25px; margin-top: 5px;}
#contact_banner .con_under {box-sizing: border-box; padding: 20px; line-height: 1;}
#contact_banner .con_txt05 {font-size: 16px; position: relative;}
#contact_banner .con_txt05::before,#contact_banner .con_txt05::after {content: ''; position: absolute;}
#contact_banner .con_txt05::before {background: url("img/contact_banner/icon02.svg")no-repeat; width: 5px; height: 15px; top: 0; left: 30px;}
#contact_banner .con_txt05::after {background: url("img/contact_banner/icon03.svg")no-repeat; width: 5px; height: 15px; top: 0; right: 30px;}
#contact_banner .con_tel {font-size: 25px; margin: 5px auto;}
#contact_banner .con_tel span {font-size: 40px;}
#contact_banner .con_txt06 {font-size: 15px;}
#contact_banner .con_mail {box-sizing: border-box; background: #86a569; width: 323px; margin-left: 20px;}
#contact_banner .con_txt07 {font-size: 14px; padding: 5px 0; background: #2b2b2b;}
#contact_banner .con_txt08 {padding: 15px 0; font-size: 18px;}
#contact_banner .con_txt08 img {margin-right: 10px;}
#contact_banner02 {margin: 70px auto 80px; line-height: 1;}
#contact_banner02 .over {font-size: 100px; letter-spacing: 5px; margin-bottom: -10px;}
#contact_banner02 .over img {margin-right: 20px;}
#contact_banner02 .box {box-sizing: border-box; border: 3px solid #2b2b2b; background: #fff; border-top: none;}
#contact_banner02 .title {box-sizing: border-box; padding: 20px; background: #2b2b2b;}
#contact_banner02 .txt01 {font-size: 18px;}
#contact_banner02 .txt02 {font-size: 50px; letter-spacing: 5px;}
#contact_banner02 .and {margin: 0 40px; font-size: 50px;}
#contact_banner02 .inner {padding: 30px 0;}
#contact_banner02 .txt03 {font-size: 20px; position: relative;}
#contact_banner02 .txt04 {font-size: 35px; margin: 10px auto 15px;}
#contact_banner02 .txt04 span {font-size: 60px;}
#contact_banner02 .txt05 {font-size: 16px;}
#contact_banner02 .mail_box {width: 400px; background: #86a569; margin-left: 50px;}
#contact_banner02 .txt06 {font-size: 16px; padding: 10px 0; background: #2b2b2b;}
#contact_banner02 .inner02 {padding: 28px; font-size: 20px;}
#contact_banner02 .inner02 img {margin-right: 20px;}


#sidebar {width: 245px;}
#sidebar .box01 {background: url("img/sidebar/box01_bg.jpg")top left repeat; padding: 10px 0;}
#sidebar .box01 img:nth-child(1) {margin-left: auto;}
#sidebar .box02 {box-sizing: border-box; border: 1px dashed #000; padding: 10px 0;}
#sidebar .box03 {background: url("img/sidebar/box03_bg.jpg")top center no-repeat; padding: 20px 0 10px;}

/*exterior*/
#exterior .box01 {box-sizing: border-box; border: 2px solid #2b2b2b; padding: 40px 20px 20px; background: url("img/exterior/box01_icon01.svg")top 50px left no-repeat,url("img/exterior/box01_icon02.svg")top 90px right no-repeat,url("img/exterior/box01_bg.jpg")top left repeat;}
#exterior .box01 .txt01 {font-size: 35px; line-height: 1.6; color: #3b3a3a;}
#exterior .box01 .txt02 {font-size: 18px; line-height: 2; margin: 15px auto 30px;}
#exterior .box01 h2 {font-size: 25px; line-height: 1.5; background: #2b2b2b; width: 100%; height: 100px; position: relative;}
#exterior .box01 h2::after {content: ''; display: block; position: absolute; background: url("img/exterior/box01_title_icon.svg")no-repeat; width: 109px; height: 78px; top: 0; bottom: 0; right: 20px; margin: 
auto;}
#exterior .box01 .con01 {position: relative; margin-top: 50px; font-size: 15px; line-height: 1.5;}
#exterior .box01 .con01 img {margin-right: 20px;}
#exterior .box01 .icon_txt {position: absolute; left: 0; top: -35px; font-size: 40px; line-height: 1; letter-spacing: 2px;}
#exterior .box01 h3 {font-size: 25px;}
#exterior .box01 .bdr {content: ''; display: block; background: #2b2b2b; width: 50px; height: 1px; margin: 15px auto 10px;}
#exterior .box01 .btn {box-sizing: border-box; background: url("img/exterior/box01_btn_icon.svg")center left 20px no-repeat,url("img/exterior/box01_btn_arrow.svg")center right 20px no-repeat; background-color: #2b2b2b; font-size: 25px; line-height: 1.3; width: 100%; height: 90px; margin: 20px auto 0;}
#exterior .box02 .con01 {box-sizing: border-box; background: url("img/exterior/box02_con01_bg.jpg")top left repeat; border: 2px solid #2b2b2b; padding: 40px 20px;}
#exterior .box02 .con01 .txt01 {font-size: 20px; line-height: 1;}
#exterior .box02 h2 {font-size: 35px; margin: 20px auto 40px;}
#exterior .box02 .link_box a {width: 211px;}
#exterior .box02 .link_box a:nth-of-type(2) {margin: 0 19px;}
#exterior .box02 .link_box a:nth-of-type(4) {margin-right: 19px;}
#exterior .box02 .link_box a:nth-of-type(n + 4) {margin-top: 19px;}
#exterior .box02 .link_box a p {box-sizing: border-box; font-size: 25px; line-height: 1; background: #282828; width: 100%; height: 40px;}
#exterior .box02 .con02 {box-sizing: border-box; border: 2px solid #2b2b2b; padding-bottom: 20px;}
#exterior .box02 .con02 .title_box {box-sizing: border-box; background: url("img/exterior/con02_title_icon.svg")bottom right no-repeat,url("img/exterior/con02_title_bg.jpg")right center repeat;}
#exterior .box02 .con02 .title_box p {box-sizing: border-box; width: 150px; height: 85px; background: #86a569; font-size: 25px; line-height: 1.5; margin-right: 20px;}
#exterior .box02 h3 {font-size: 40px;}
#exterior .box02 .con02 .inner {margin: 20px auto; font-size: 14px; line-height: 2; padding: 0 20px;}
#exterior .box02 .con02 .inner img {margin-left: 20px;}
#exterior .box02 .con02 .under {padding: 0 20px;}
#exterior .bnr {box-sizing: border-box; background: url("img/exterior/bnr_bg.jpg")top left repeat; border: 2px solid #2b2b2b; padding: 20px 45px;}
#exterior .bnr p {font-size: 20px; line-height: 1.5; margin-bottom: 20px;}

/*company*/
#company table {box-sizing: border-box; width: 100%; border: 1px solid #2b2b2b;}
#company th,#company td {font-size: 16px; line-height: 1.8; padding: 10px 20px; box-sizing: border-box; border-bottom: 1px solid #2b2b2b; vertical-align: middle;}
#company th {background: #2b2b2b; border-bottom: 1px solid #fff; color: #fff; width: 250px;}
#company tr:nth-of-type(9) th {border-bottom: none;}
#company iframe {box-sizing: border-box; width: 100%; height: 300px;}
#company .privacy {box-sizing: border-box; border: 1px solid #2b2b2b; padding: 20px;}
#company .privacy p {font-size: 14px; line-height: 2; margin-top: 25px;}
#company .privacy p:nth-child(1) {margin-top: 0;}

/*flow*/
#flow .box01 {box-sizing: border-box; border: 3px solid #2b2b2b; padding: 20px; background: url("img/flow/box01_bg.svg")right top no-repeat; background-color: #fff;}
#flow .box01 .no {font-size: 80px; line-height: 1;}
#flow .box01 .bdr {box-sizing: border-box; content: ''; display: block; width: 85px; height: 2px; background: #2b2b2b; margin: 30px auto;}
#flow .box01 h2 {font-size: 25px;}
#flow .box01 .txt {font-size: 16px; line-height: 1.7; margin: 20px auto;}
#flow .box01 .inner a {box-sizing: border-box; width: 325px; line-height: 1; height: 90px;}
#flow .box01 .inner a img {margin-right: 10px;}
#flow .box01 .inner a:nth-child(1) {background: #615034; border-bottom: 3px solid #473a26;}
#flow .box01 .inner a:nth-child(2) {background: #86a569; border-bottom: 3px solid #627e48;}
#flow .box01 .inner a:nth-child(1) .txt01 {font-size: 20px;}
#flow .box01 .inner a:nth-child(1) .txt01 span {font-size: 28px;}
#flow .box01 .inner a:nth-child(1) .txt02 {font-size: 14px; margin-top: 5px;}
#flow .box01 .inner a:nth-child(2) .txt01 {font-size: 24px;}
#flow .box01 .inner a:nth-child(2) .txt02 {font-size: 16px; margin-top: 5px;}
#flow .box02 {box-sizing: border-box; border: 3px solid #2b2b2b; padding: 20px; background: #fff; margin-top: 60px; position: relative;}
#flow .box02::before {position: absolute; width: 0; height: 0; border-style: solid; border-width: 20px 35.5px 0 35.5px; border-color: #2b2b2b transparent transparent transparent; left: 0; right: 0; top: -40px; margin: auto; content: '';}
#flow .box02 .img01 {margin-right: 20px;}
#flow .box02 .img02 {margin-left: 20px;}
#flow .box02 .no {font-size: 35px; line-height: 1; margin-right: 10px; font-weight: 900;}
#flow .box02 h2 {font-size: 29px; font-weight: bold;}
#flow .box02 .txt {font-size: 16px; line-height: 1.7; margin-top: 15px;}

/*contact*/
#contact .box01 {background: url("img/contact/icon01.svg")top left no-repeat,url("img/contact/icon02.svg")top right no-repeat,url("img/contact/bg01.jpg")top left repeat; padding: 30px 55px;}
#contact .txt01 {font-size: 25px; line-height: 1.3;}
#contact .txt02 {box-sizing: border-box; border-top: 1px solid #fff; padding-top: 20px; margin-top: 15px; font-size: 25px; line-height: 1;}
#contact .tel {font-size: 40px; line-height: 1;}
#contact .tel span {font-size: 65px;}
#contact .txt03 {font-size: 18px; line-height: 1; margin: 20px 0 5px;}
#contact .txt04 {font-size: 14px; line-height: 1;}
#contact ul {margin: 20px 0;}
#contact li {font-size: 14px; line-height: 1; margin-top: 15px;}
#contact li:nth-child(1) {fmargin-top: 0;}
#contact table {width: 100%; box-sizing: border-box; margin: 0 auto; border: 1px solid #2b2b2b;}
#contact table th,#contact table td {font-size: 14px; padding: 10px; box-sizing: border-box; width: 100%; border-bottom: 1px solid #2b2b2b;}
#contact table th {min-width: 190px; width: 190px; background: #2b2b2b; border-bottom: 1px solid #fff; position: relative; vertical-align: middle; color: #fff;}
#contact table tr:nth-last-child(1) th {border-bottom: none;}
#contact table input,#contact table textarea {width: 100%; box-sizing: border-box; padding: 5px 10px; font-size: 14px; font-weight: bold; color: #000;}
#contact table textarea {font: inherit;}
#contact table input:focus,#contact table textarea:focus {outline:0;}
#contact table .tel_area {width: auto;}
/*確認画面へ進むボタン用*/
#contact .btn:hover { opacity: 0.7;}
#contact .btn{font-size: 18px; width: 350px; padding: 16px 0; line-height: 1;box-sizing: border-box; border: 1px solid #000; font-weight: bold; margin: 40px auto 0; display: block; background: url("img/contact/btn_arrow.svg")center right 20px no-repeat; background-color: #fff; cursor: pointer;}
#contact input[type="radio"] {width: inherit;}
#contact .essential {color: #d70000; position: absolute; right: 10px;}
.wpcf7 .ajax-loader {display: none!important;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {border: none!important; color: #ff0000!important;}
.wpcf7-not-valid-tip {font-weight: bold!important; font-size: 14px!important; margin: 5px 10px; line-height: 1;}
.wpcf7-mail-sent-ok {display:none !important;}

/*tf_wall*/
#tf_wall .box01 .txt01 {font-size: 40px; line-height: 1; margin-top: 80px;}
#tf_wall .box01 h2 {font-size: 100px; padding: 30px 0; box-sizing: border-box; border-bottom: 2px solid #000; margin-bottom: 80px;}
#tf_wall .box01 h2 .big {font-size: 150px; font-weight: 100; letter-spacing: 10px;}
#tf_wall .box01 h2 .min {font-size: 60px;}
#tf_wall .box01 .inner {font-size: 16px; line-height: 2;}
#tf_wall .box01 .inner:nth-of-type(2) {margin: 50px 0;}
#tf_wall .box01 .inner .img01 {margin-right: 50px;}
#tf_wall .box01 .inner .img02 {margin-left: 50px;}
#tf_wall .box02 {padding-top: 80px;}
#tf_wall .box02 h2 {font-size: 50px;}
#tf_wall .box02 .con01 h3 {font-size: 30px; margin: 80px auto 50px;}
#tf_wall .box02 .con01 .inner {font-size: 16px; line-height: 2;}
#tf_wall .box02 .con01 .inner img {margin-right: 50px;}
#tf_wall .box02 .con02 h3 {font-size: 30px; padding: 20px 0; background: #615034; margin: 50px auto;}
#tf_wall .box02 .con02 h3::before,#tf_wall .box02 .con02 h3::after {content: ''; display: block; flex-grow: 1; height: 1px; background: #fff;}
#tf_wall .box02 .con02 h3::before {margin-right: 50px;}
#tf_wall .box02 .con02 h3::after {margin-left: 50px;}
#tf_wall .box02 .box {box-sizing: border-box; width: 366px;}
#tf_wall .box02 .txt01 {font-size: 25px; line-height: 1; font-weight: bold;}
#tf_wall .box02 .img {margin: 20px 0;}
#tf_wall .box02 .u_box {width: 84px;}
#tf_wall .box02 .icon_box {box-sizing: border-box; border: 3px solid #86a569; background: #fff; border-radius: 5px; border-top: none;}
#tf_wall .box02 .txt02 {font-size: 18px; line-height: 1; background: #86a569; display: flex; align-items: center; justify-content: center; height: 40px;}
#tf_wall .box02 .min_txt {font-size: 15px;}
#tf_wall .box02 .icon_box img {padding: 5px 0; margin: auto;}
#tf_wall .box02 .txt03 {font-size: 12px; line-height: 1.4; margin-top: 5px;}
#tf_wall .bnr {box-sizing: border-box; background: url("img/tf_wall/bnr_bg.svg")center right no-repeat,url("img/tf_wall/bnr_bg02.jpg")top left repeat; height: 457px; border-bottom: 5px solid #6d5328; padding-left: 50px; margin-top: 80px;}
#tf_wall .bnr .big {font-size: 50px; line-height: 1.3; margin-bottom: 50px;}
#tf_wall .bnr .txt {font-size: 20px; line-height: 1.7;}

/*suggestion*/
#suggestion .main {box-sizing: border-box; background: url("img/suggestion/main_bg.jpg")center center no-repeat; height: 564px;}
#suggestion .main .txt01 {font-size: 35px; line-height: 1;}
#suggestion .main .txt02 {font-size: 60px; line-height: 1; margin-bottom: 60px; letter-spacing: 5px;}
#suggestion .main .txt02 .haettens {font-size: 100px; font-weight: 100;}
#suggestion .main .txt02 .big {font-size: 80px;}
#suggestion .main .txt03 {font-size: 16px; line-height: 2.3; letter-spacing: 1px;}
#suggestion .box01 {margin-top: 80px;}
#suggestion .box01 h2 {font-size: 50px; letter-spacing: 2px;}
#suggestion .box01 h2::before,#suggestion .box01 h2::after {content: ''; display: block; flex-grow: 1; height: 2px; background: #86a569;}
#suggestion .box01 h2::before {margin-right: 50px;}
#suggestion .box01 h2::after {margin-left: 50px;}
#suggestion .box01 .inner {margin: 50px auto; font-size: 16px; line-height: 2.2;}
#suggestion .box01 .inner .img01 {margin-right: 50px;}
#suggestion .box01 .inner .img02 {margin-left: 50px;}
#suggestion .box01 .bnr {box-sizing: border-box; background: url("img/suggestion/box01_bnr_bg.jpg")center center no-repeat; height: 305px;}
#suggestion .box01 li {box-sizing: border-box; width: 186px; height: 37px; background: #86a569; border-radius: 18.5px; margin-left: 20px; font-size: 30px; line-height: 1; padding-bottom: 3px;}
#suggestion .box01 li:nth-child(1) {margin-left: 0;}
#suggestion .box01 .txt {font-size: 50px; line-height: 1.3; letter-spacing: 3px; text-shadow: 0 0 10px #000;}
#suggestion .box01 .txt span {font-size: 70px;}
#suggestion .box03 {margin-top: 80px;}
#suggestion .box03 .txt01 {font-size: 40px; line-height: 1;}
#suggestion .box03 h2 {font-size: 60px; margin: 20px auto 80px;}
#suggestion .box03 .item {box-sizing: border-box; width: 366px; position: relative;}
#suggestion .box03 .item:nth-child(n + 4) {margin-top: 40px;}
#suggestion .box03 h3 {font-size: 25px; margin-bottom: 20px;}
#suggestion .box03 .img_box {position: relative;}
#suggestion .box03 .img_box::before {content: ''; position: absolute; left: 0; top: 0; z-index: 10; width: 0; height: 0; border-style: solid; border-width: 100px 100px 0 0; border-color: #86a569 transparent transparent transparent;}
#suggestion .box03 .no {position: absolute; font-size: 40px; line-height: 1; top: 10px; left: 10px; z-index: 20;}
#suggestion .box03 .txt {font-size: 16px; line-height: 1.7; margin-top: 10px;}
#suggestion .box03 .img_box::after {content: ''; position: absolute; width: 0; height: 0; border-style: solid; border-width: 38.5px 0 38.5px 21px; border-color: transparent transparent transparent #86a569; top: 0; bottom: 0; margin: auto; right: -40px;}
#suggestion .box03 .no {top: 5px; left: 5px; font-size: 6vw;}
#suggestion .bnr02 {background: url("img/suggestion/bnr02_bg.jpg")center center no-repeat; box-sizing: border-box; border-bottom: 5px solid #86a569; height: 450px; margin-top: 80px;}
#suggestion .bnr02 .big {font-size: 50px; line-height: 1; margin-bottom: 40px;}
#suggestion .bnr02 .txt {font-size: 20px; line-height: 1.8;}

/*consultation*/
#consultation .box01 {background:url("img/consultation/box01_bg02.png")top right no-repeat,url("img/consultation/box01_bg01.jpg") repeat; border: 5px solid #000; padding:44px 20px; position:relative;}
#consultation .box01 p:nth-child(1) {font-size: 20px; line-height: 1.3;text-shadow: 1px 1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff, -1px -1px 1px #fff, 1px 0px 1px #fff, 0px 1px 1px #fff, -1px 0px 1px #fff, 0px -1px 1px #fff;}
#consultation .box01 p:nth-child(2) {font-size: 60px; line-height: 1.2; padding: 10px 0; text-shadow: 3px 3px 1px #fff, -3px 3px 1px #fff, 3px -3px 1px #fff, -3px -3px 1px #fff, 3px 0px 1px #fff, 0px 3px 1px #fff, -3px 0px 1px #fff, 0px -3px 1px #fff;}
#consultation .box01 p:nth-child(3) {font-size: 25px; line-height: 1.5;}
#consultation .box01 p:nth-child(2)::after {content:''; background:url("img/consultation/box01_img01.png") no-repeat; width: 78px; height: 72px; position: absolute;}
#consultation .box02 {background:url("img/consultation/box02_bg01.jpg") top center no-repeat; margin-top: 20px;}
#consultation .box02 {border: 3px solid #303131;}
#consultation .box02 .txt {background:#303131; font-size: 30px; padding: 3px 0 10px; line-height: 1.3;} 
#consultation .box02 .txt span {font-size: 35px;}
#consultation .bg {width: 0; height: 0; border-style: solid; border-width: 16px 32.5px 0 32.5px; border-color: #303131 transparent transparent transparent; margin:auto;}
#consultation .box02 img {margin: auto;}
#consultation .box02 p {font-size: 40px;}
#consultation .txt03 {font-size: 40px;}
#consultation .why {border: 3px solid #2b2b2b; width: 1000px; margin: auto; margin-top: 40px; background:url("img/consultation/box02_bg02.jpg") top left repeat;}
#consultation .why p {font-size: 30px; line-height: 1.2; margin-bottom: 5px;}
#consultation .why p:nth-child(2) {font-size: 40px;}
#consultation .why p span:nth-child(4),#consultation .box02 .why p span:nth-child(5),#consultation .box02 .why p span:nth-child(6){ font-size:30px;}
#consultation .why .square {width: 75px; background:#303131; border-right: 3px solid #2b2b2b;}
#consultation .why .txt02 {padding: 10px 0 10px 20px;}
#consultation .box03 {background: url("img/consultation/box03_bg01.jpg")top left repeat; padding: 50px 0; margin-top: 50px; overflow: hidden;}
#consultation .box03 .txt01 {font-size: 25px; line-height: 1;}
#consultation .box03 ul {width: 720px; margin: 50px auto; position: relative;}
#consultation .box03 ul::before {content: ''; position: absolute; background: url("img/consultation/box03_icon01.svg")no-repeat; width: 226px; height: 200px; bottom: 25px; left: -280px;}
#consultation .box03 ul::after {content: ''; position: absolute; background: url("img/consultation/box03_icon02.svg")no-repeat; width: 226px; height: 200px; bottom: 5px; right: -250px;}
#consultation .box03 li {width: 350px; box-sizing: border-box; border-bottom: 2px solid #2b2b2b; padding: 10px 0; font-size: 18px; line-height: 1.3;}
#consultation .box03 li:nth-child(1),#consultation .box03 li:nth-child(2) {border-top: 2px solid #2b2b2b;}
#consultation .box03 li img {margin-right: 5px;}
#consultation .box03 .inner a {box-sizing: border-box; width: 400px; height: 80px; background: #303131;}
#consultation .box03 .tel {font-size: 25px; line-height: 1; margin-top: 2px;}
#consultation .box03 .tel span {font-size: 40px;}
#consultation .box03 .min {font-size: 16px; line-height: 1;}
#consultation .box03 .inner a:nth-child(2) {background: #604f34; font-size: 25px; line-height: 1.2; margin-left: 20px;}
#consultation .box04 {position:relative;}
#consultation .box04 p {font-size: 60px; line-height:1; padding: 15px 30px; position: absolute;}
#consultation .box04 p:nth-of-type(1) {background: #83a167; top: 100px; right: 60px;}
#consultation .box04 p:nth-of-type(2) {background: #615034; top: 210px; right: 60px;}
#consultation .box04 .txt { font-size: 36px; line-height: 1.5; padding: 15px 0 15px 50px; background: #303131; width: 1200px; box-sizing: border-box; position:inherit;}
#consultation .box05 {margin-top: 20px; border: 3px solid #2b2b2b; border-radius: 3px; border-radius: 20px; overflow: hidden;}
#consultation .box05 .title {background: #303131; font-size: 30px; line-height: 1.5; margin-top: 0; width: 100%; box-sizing: border-box; border-radius: 0 0 20px 20px; padding: 5px 0 15px;}
#consultation .box05 .merit {padding: 20px 100px;}
#consultation .box05 .merit p {width: 1000px; border: 3px solid #2b2b2b; font-size: 25px; line-height: 1; height: 60px; box-sizing: border-box;}
#consultation .box05 .merit p:nth-child(n + 2) {margin-top: 20px;}
#consultation .box05 .merit p span {background: #615034; font-size: 36px; border-right: 3px solid #2b2b2b; padding: 0 10px; height: 100%; margin-right:15px;}
#consultation .box06 {border: 3px solid #2b2b2b; padding: 40px 100px; margin-top: 20px;}
#consultation .box06 .con01 h2 {height: 70px; font-size:25px;}
#consultation .box06 .con01 h2 p {padding-left: 15px; border: 3px solid #313030; height: 70px; box-sizing: border-box; width: 100%;}
#consultation .box06 .con01 h2 span {font-size: 36px; background: #303131; border-left:10px solid #83a167; height:100%; padding-left: 35px; padding-right: 30px; word-break: keep-all;}
#consultation .box06 .con01 .inner {margin-top: 20px;}
#consultation .box06 .con01 .inner img {margin-right: 20px;}
#consultation .box06 .con01 .inner p {font-size: 20px; line-height: 1.5; fnt-weight: 500;}
#consultation .box06 .con01 .check {margin-top: 20px; border: 3px solid #303131;}
#consultation .box06 .con01 .check h3 {height: 70px; background:#303131; border-bottom: 3px solid #303131; font-size: 25px; line-height: 1.2;}
#consultation .box06 .con01 .check h3 span {background:#83a167; height: 100%; font-size: 35px; padding: 0 10px; margin-right: 40px;}
#consultation .box06 .con01 .check h3 p {font-size: 25px;}
#consultation .box06 .con01 .check .inner p {font-size: 20px; line-height: 1.7; font-weight: 500; letter-spacing: -0.5px;}
#consultation .box06 .con01 .check .inner img {border: 3px solid #303131; margin-left: 20px; margin-right:0;}
#consultation .box06 .con01 .check .inner {padding: 0 20px 20px;}
#consultation .box06 .con01:nth-child(n + 2) {margin-top: 20px;}
#consultation .box07 {background:url("img/consultation/box07_bg01.jpg") top center no-repeat; padding: 40px 100px; margin-top: 20px; position: relative;}
#consultation .box07 .txt01 {font-size: 35px; line-height: 1.3; padding: 10px 0px 15px 95px; border: 3px solid #fff; background: #303131; position: relative; z-index: 10; overflow: hidden;}
#consultation .box07 .txt02 {border: 3px solid #fff; background: #303131;  margin-top: 20px; position: relative; overflow: hidden;}
#consultation .box07 .txt02 p {font-size: 35px; line-height: 1.3; padding: 10px 0px 15px 95px; text-shadow: 3px 3px 1px #303131, -3px 3px 1px #303131, 3px -3px 1px #303131, -3px -3px 1px #303131, 3px 0px 1px #303131, 0px 3px 1px #303131, -3px 0px 1px #303131, 0px -3px 1px #303131; position: relative;}
#consultation .box07 .txt01::before {content:''; width: 0; height: 0; border-style: solid; border-width: 26px 33px 0 33px; border-color: #fff transparent transparent transparent; position: absolute; right: 0; bottom: -29px; left: 0; margin: auto;}
#consultation .box07 .txt01::after {content: ''; width: 615px; height: 230px; background: #83a167; position: absolute; transform: rotate(-50deg);}
#consultation .box07 .txt02::before {content: ''; width: 615px; height: 230px; background: #83a167; position: absolute; transform: rotate(-50deg); left: -260px; top: -50px;}
#consultation .box07 img {position: absolute; bottom: 43px; right: 195px; z-index: 10;} 
#consultation .contact_form p:nth-child(1) {background:#303131; font-size: 40px; line-height: 1; padding: 10px 0 15px;}
#consultation .contact_form {border: 3px solid #2b2b2b; margin-top: 20px;}
#consultation .contact_form .form {padding: 20px 40px;}
#contact_form {width:1000px; margin: auto; font-weight: bold; font-size: 20px; border-spacing: 20px 20px;}
#contact_form tr {height: 50px; border-top: 2px solid #d2d2d2;}
#contact_form tr th {position:relative; width:300px; word-break: keep-all;}
#contact_form tr th,#contact_form tr td {vertical-align: middle; padding: 20px;}
#contact_form tr input {width:100%; height: 100%; padding: 5px ; box-sizing: border-box; border: 2px solid #d2d2d2; outline: none; margin: inherit; font-size: 14px;}
#contact_form tr .essential {color:#ec0016; align-items: center; }
#contact_form tr:last-child {border-bottom: 2px solid #d2d2d2;}
#contact_form textarea {width: 100%; border: 2px solid #d2d2d2; outline: none; padding: 10px;font-size: 20px; box-sizing: border-box; margin-top: 0; 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;}

#contact_form .list-item {font-weight: 400;}
#contact_form p{font-weight: 400;}
#consultation .btn {color: #fff; background:url("img/consultation/arrow.svg") center right 20px no-repeat; background-color: #000; border: none; font-size: 20px; width: 500px; margin: 40px auto 20px; line-height: 1; padding: 20px 0; font-weight: bold; justify-content: center;}
#consultation form p {text-align:center;}
#contact_form .example {font-size: 15px; font-weight: 400; line-height: 1; margin-bottom: 10px; text-align: left; margin-top: 10px;}
#contact_form label input {width: inherit; height: inherit; padding: inherit; border: none; margin: inherit; box-sizing: inherit;}
#contact_form label {font-weight: 400;}
#contact_form td:nth-of-type(8) {padding: 10px 0;}
#contact_form .checkbox {padding: 10px 20px;}
#contact .thanks {font-size: 16px; line-height: 1.7;} 
#contact_form .wpcf7-list-item {margin: 0; word-break: keep-all; margin-right: 10px;}
#contact_form .wpcf7-form-control {display: flex; flex-wrap: wrap; justify-content: flex-start;}

/*archives-blog*/
#archives .blog_list {box-sizing: border-box; border: 2px solid #ccc; padding: 20px 20px 0;}
#archives .blog_list h3 {margin-top: 5px;}
#archives .blog_list a {padding: 15px 0; box-sizing: border-box; border-top: 1px solid #ccc;}
#archives .blog_list a:first-child {border-top: none; padding-top: 0;}
#news_single .box01 {box-sizing: border-box; border: 2px solid #ccc; line-height: 2; padding: 20px; margin-bottom: 20px; text-align: justify;}
#news_single .navigation {margin-bottom: 20px;}

#consultation #contact_form tr input {font-size: 20px;}


/*archives-interview*/
#interview .item {position: relative; margin-right: 20px; width: 347.5px; padding: 10px; box-sizing: border-box; background-color: #F8F4F3;}
#interview .item:nth-child(2n) {margin-right: 0;}
#interview .item:nth-child(3),#voice .item:nth-child(4) {margin-top: 20px;}
#interview .item img {width: 100%; height: 200px; object-fit: cover;}
#interview .txt_area {padding: 10px 10px 0;}
#interview .btn {background-color: #2b2b2b; color: #fff; line-height: 1; font-size: 16px; padding: 7px 0; width: 60%; margin: 8px auto 0;}
#interview .fade_under .item {opacity:inherit;}
#interview .item:nth-child(4) {margin-top: 20px;}
#interview .interview_list h3 {padding: 10px; padding-bottom: 5px; line-height: 1.5;}
#interview .tax_tag {display: inline-block; position: absolute; top: 10px; left: 10px; font-size: 15px; padding: 5px 15px;}
#interview .btn {background-color: #2b2b2b; color: #fff; line-height: 1; font-size: 16px; padding: 7px 0; width: 60%; margin: 8px auto 0;}
#interview  .text {padding: 0 10px;}
#news_single .gallery_title {background: url(img/interview/title_bg.jpg)top left repeat; padding: 10px 20px; margin-top: 20px;}
#news_single .gallery_box a {width: 225px; margin-right: 20px; margin-top: 20px;}
#news_single .gallery_box a img {height: 150px;}
#news_single .gallery_box a:nth-child(3n) {margin-right: 0;}
#news_single .txt_box {box-sizing: border-box; border: 2px solid #2b2b2b; margin-top: 20px;}
#news_single .content {padding: 20px; position: relative;}
#news_single .nav_under {margin-top: 20px;}
#news_single .gallery_title p {display: none;}
#news_single .txt_box p:first-child {margin-bottom: 20px;}
#news_single .txt_box p {line-height: 2;}

/*gallery*/
#gallery .box01 {background: url("img/index/box03_bg.jpg")top left repeat;}
#gallery .box01 .gallery_list {margin: 50px auto;}
#gallery .box01 .gallery_list::before {content: ''; position: absolute; background: url("img/index/box03_icon01.svg")no-repeat; width: 467px; height: 368px; left: -467px; bottom: -180px;}
#gallery .box01 .gallery_list::after {content: ''; position: absolute; background: url("img/index/box03_icon02.svg")no-repeat; width: 399px; height: 361px; right: -399px; top: -210px;}
#gallery .box01 .item {box-sizing: border-box; width: 285px; margin-right: 20px; position: relative; z-index: 10;}
#gallery .box01 .item:nth-child(4n) {margin-right: 0;}
#gallery .box01 .item:nth-child(n + 5) {margin-top: 20px;}
#gallery .box01 .img {position: relative; width: 100%;}
#gallery .box01 .img img {width: 100%; height: 176px; object-fit: cover; object-position: center;}
#gallery .box01 .tax_tag {position: absolute; left: 0; top: 0; width: 125px; height: 30px;}
#gallery .box01 h3 {font-size: 15px; margin: 10px auto; line-height: 1.5;}
#gallery .box01 .btn01 {box-sizing: border-box; width: 100%; height: 35px; border: 1px solid #000; background: url("img/index/box03_btn_arrow02.svg")center right 10px no-repeat; font-size: 15px; line-height: 1;}
#gallery .box01 .btn02 {background: url("img/index/box03_btn_arrow.svg")center right 20px no-repeat; background-color: #615034; width: 600px; height: 50px; font-size: 15px; line-height: 1;}
#single_gallery .gallery_title {background: url(img/interview/title_bg.jpg)top left repeat; padding: 10px 20px; margin-top: 20px;}
#single_gallery .gallery_box a {width: 225px; margin-right: 20px; margin-top: 20px;}
#single_gallery .gallery_box a:nth-child(3n) {margin-right: 0;}
#single_gallery .txt_box {box-sizing: border-box; border: 2px solid #2b2b2b; margin-top: 20px;}
#single_gallery .content {padding: 20px; position: relative;}
#single_gallery .gallery_box a img {width: 100%; height: 168px;}
 
/*sitemap*/
#sitemap li {box-sizing: border-box; width: 386px; font-size: 16px; line-height: 1; border-left: 5px solid #86a569; padding: 10px; margin-right: 20px; color:#000;}
#sitemap li:nth-child(n + 4) {margin-top: 20px;}
#sitemap li:nth-child(3n) {margin-right: 0;}
#sitemap .min_page_title {font-size: 20px; margin-bottom: 50px;}

/*tf_series*/
#tf_series .main {box-sizing: border-box; background: url("img/tf_series/main_bg.jpg")center center no-repeat; height: 490px; border-bottom: 5px solid #86a569; position: relative;}
#tf_series .main .txt {margin-left: 50px;}
#tf_series .main .txt01 {font-size: 20px; line-height: 1; margin-bottom: 50px;}
#tf_series .main .txt02 {font-size: 40px; line-height: 1; background: #86a569; padding: 10px 20px; display: table;}
#tf_series .main .txt03 {margin: 10px 0 50px 140px;}
#tf_series .main .txt04 {font-size: 110px; line-height: 1;}
#tf_series .main .icon01 {position: absolute; bottom: 300px; left: 570px;}
#tf_series .box01 {margin-top: 80px;}
#tf_series .box01 .title_box {box-sizing: border-box; border-bottom: 2px solid #2b2b2b; margin-bottom: 45px;}
#tf_series .box01 .title_box h2 {font-size: 40px; margin-bottom: 50px; position: relative;}
#tf_series .box01 .title_box h2::before {content: ''; background: #2b2b2b; width: 25px; height: 25px; position: absolute; top: 10px; left: 218px;}
#tf_series .box01 .title_box h2::after {content: ''; background: #2b2b2b; width: 25px; height: 25px; position: absolute; top: 10px; right: 218px;}
#tf_series .box01 .title_box p {font-size: 16px; margin-bottom: 50px; line-height: 2;}
#tf_series .box01 .inner a {position: relative;}
#tf_series .box01 .inner .item01,#tf_series .box01 .inner .item03 {box-sizing: border-box; border-top: 5px solid #86a569; border-right: 5px solid #86a569; border-bottom: 40px solid #86a569; border-left: 5px solid #86a569; position: relative;}
#tf_series .box01 .inner .item01::after{content: ''; position: absolute; width: 0; height: 0; z-index: 0; border-style: solid; border-width: 9px 9px 0; border-color: #fff transparent #fff transparent;  left: 131px; bottom: -25px;}
#tf_series .box01 .inner .item02,#tf_series .box01 .inner .item04 {box-sizing: border-box; border-top: 5px solid #615034; border-right: 5px solid #615034; border-bottom: 40px solid #615034;; border-left: 5px solid #615034;;} 
#tf_series .box01 .inner .con01 {position: absolute;}
#tf_series .box01 .inner .con01 img {margin: 0 auto 15px;}
#tf_series .box01 .inner .con01 p {font-size: 22px; line-height: 1; box-sizing: border-box; border: solid 1px #fff; padding: 5px 10px;}
#tf_series .box02 {margin-top: 50px;}
#tf_series .box02 .title_box {margin-bottom: 50px; position: relative;}
#tf_series .box02 .title_box img {box-sizing: border-box; width: 106px; height: 106px; background: #2b2b2b; padding: 33px 23px;}
#tf_series .box02 .title_box .caption {box-sizing: border-box; background: #86a569; height: 106px; width: -webkit-fill-available; font-size: 24px; line-height: 1;}
#tf_series .box03 .title_box .caption,#tf_series .box05 .title_box .caption {background: #615034;}
#tf_series .box02 .title_box .caption::after {content: ''; position: absolute; right: 0; bottom: 0; z-index: 10; width: 0; height: 0; border-style: solid; border-width: 0 0 30px 30px; border-color: transparent transparent #2b2b2b;}
#tf_series .box02 .title_box .caption p {font-size: 60px; line-height: 1; padding-left: 60px; vertical-align: middle;}
#tf_series .box02 .inner {font-size: 16px; line-height: 2.2; margin: 50px auto;}
#tf_series .box02 .inner .img01 {margin-right: 50px;}
#tf_series .box02 .inner .img02 {margin-left: 50px;}
#tf_series .box02 .unit01 {background: url("img/tf_series/box02_bg02.jpg")center right no-repeat, url("img/tf_series/box02_bg01.jpg")center center no-repeat; height: 338px; box-sizing: border-box; border: solid 5px #96a569; position: relative;}
#tf_series .box03 .unit01 {background: url("img/tf_series/box03_bg02.jpg")center right no-repeat, url("img/tf_series/box03_bg01.jpg")center center no-repeat; height: 338px; box-sizing: border-box; border: solid 5px #615034; position: relative;}
#tf_series .box04 .unit01 {background: url("img/tf_series/box04_bg02.jpg")center right no-repeat, url("img/tf_series/box04_bg01.jpg")center center no-repeat; height: 338px; box-sizing: border-box; border: solid 5px #96a569; position: relative;}
#tf_series .box05 .unit01 {background: url("img/tf_series/box05_bg02.jpg")center right no-repeat, url("img/tf_series/box05_bg01.jpg")center center no-repeat; height: 338px; box-sizing: border-box; border: solid 5px #615034; position: relative;}
#tf_series .box02 .unit01::before {content: ''; position: absolute; left: 0; top: 0; z-index: 10; width: 0; height: 0; border-style: solid; border-width: 80px 80px 0 0; border-color: #86a569 transparent transparent transparent;}
#tf_series .box03 .unit01::before,#tf_series .box05 .unit01::before {border-color: #615034 transparent transparent transparent;}
#tf_series .box02 .unit01 .txt {margin-left: 50px; line-height: 1; font-size: 30px;}
#tf_series .box02 .unit01 .txt02 {font-size: 45px; margin: 30px 0; box-sizing: border-box; border-bottom: solid 1px #fff; padding-bottom: 30px;}
#tf_series .box03 .unit01 .txt02,#tf_series .box05 .unit01 .txt02 {border-bottom: solid 1px #242424;}
#tf_series .box02 .unit01 .txt03 span {font-size: 40px;}
#tf_series .box03 .unit01 .txt {color: #242424;}
#tf_series .box03 .icon {background: #2b2b2b;}
#tf_series .box03 h3 {background: #615034;}
#tf_series .bnr {background: url("img/tf_series/bnr_bg.jpg")center center no-repeat; width: 1200px; height: 416px; margin-top: 80px; position: relative;}
#tf_series .bnr .unit {background: url("img/tf_series/bnr_bg02.jpg")center center no-repeat; box-sizing: border-box; border: solid 1px #fff; width: 620px; height: 336px; position: absolute; top: 40px; left: 290px;}
#tf_series .bnr .unit img {margin: 40px auto 10px;}
#tf_series .bnr .unit .txt01 {background: #313131; padding: 10px; width: 377px; margin: auto; font-size: 16px; line-height: 1;}
#tf_series .bnr .unit .txt02 {font-size: 34px; line-height: 1; box-sizing: border-box; margin: 20px auto; border-bottom: solid 2px #313131; padding-bottom: 20px; width: 377px;}
#tf_series .bnr .unit .txt03 {font-size: 30px; line-height: 1;}
#tf_series .bnr .unit .txt04 {font-size: 70px; line-height: 1;}


#contact_banner { position: relative; margin-top: 50px;}

