@charset "utf-8";

/* reset
--------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; background: transparent; border: 0; outline: 0; font-size: 1em;}body, table, input, textarea, select, option {font-size: 1em;}article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display: block;}ol, ul {list-style: none;}blockquote, q {quotes: none;}:focus {outline: 0;}table{border-collapse:collapse;border-spacing:0}ins {text-decoration: none;}del {text-decoration: line-through;}img{vertical-align: top;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}strong, b{font-weight: bold;}strong{font-weight:bold;}main{display:block;}

/* global
--------------------------------------------------------------------*/
html {background:#ffffff;color:#000000;font-size: 62.5%;text-align:center;-webkit-text-size-adjust: none;height:100%;}
body {font-size: 1.6rem;font-weight:400;line-height:1.875;-webkit-text-size-adjust:100%;height:100%;}
body, table, input, textarea, select, option {font-family: 'Noto Sans JP', sans-serif;}
@media only screen and (max-width:767px){
body.fixed{ position: fixed; width:100%; }
}


/* link
--------------------------------------------------------------------*/
a {color:#000000; text-decoration:none;}
a:active,a:hover {color:inherit; text-decoration:underline;}

/* wrapper
--------------------------------------------------------------------*/
.wrapper { overflow: hidden; }

/* pagetop
--------------------------------------------------------------------*/
.pagetop { display: none; font-size: 0; line-height: 0; position: relative; width: 100%; z-index: 90; }
.pagetop.fixed { position: fixed; bottom: 0px; right: 0px; }
.pagetop a { display: block; position: absolute; bottom: 10px; right: 10px; }
.pagetop a img { width: 60px; }
@media only screen and (max-width:767px){
}

/* container
--------------------------------------------------------------------*/
.container { position: relative; text-align: left; margin-right: auto; margin-left: auto; padding: 0 10px; max-width: 1000px; }
@media only screen and (max-width:767px){
.container { padding: 0 23px; max-width: none; }
}

/* view
--------------------------------------------------------------------*/
.pcInline { display: inline; }
.spInline { display: none; }
.pcBlock { display: block; }
.spBlock { display: none; }
.alignCenter { text-align: center; }
@media only screen and (max-width:767px){
.pcInline { display: none; }
.spInline { display: inline; }
.pcBlock { display: none; }
.spBlock { display: block; }
}

/* global_header
--------------------------------------------------------------------*/
.global_header { display: flex; align-items: center; justify-content: space-between; position: fixed; top: 0px; left: 0px; width: 100%; height: 6.5573vw; z-index: 100; }
.global_header h1 { display: flex; align-items: center; text-align: left; margin-left: 3.2786vw; }
.global_header h1 span { display: block; }
.global_header h1 span img { width: 21.2295vw; }
.global_header h1 small { color: #ffffff; display: block; font-size: 1.1475vw; font-weight: normal;line-height: 1.5714; margin-left: 3.2786vw; }
.global_header .navi { display: flex; align-items: center; justify-content: flex-end; height: 6.5573vw; }
.global_header .navi ul:nth-of-type(1) { display: flex; margin-right: 3.2786vw; }
.global_header .navi ul:nth-of-type(1) li { line-height: 1.2; }
.global_header .navi ul:nth-of-type(1) li + li { border-left: 1px solid #ffffff; margin-left: 1.2295vw; padding-left: 1.2295vw; }
.global_header .navi ul:nth-of-type(1) li a { color: #ffffff; font-size: 1.3114vw; }
.global_header .navi ul:nth-of-type(2) { display: flex; }
.global_header .navi ul:nth-of-type(2) li { background-color: #ffffff; }
.global_header .navi ul:nth-of-type(2) li a { background-color: #deff00; color: #004b18; display: flex; align-items: center; justify-content: center; font-weight: 700; line-height: 1.2; text-align: center; width: 13.1147vw; height: 6.5573vw; }
.global_header .navi ul:nth-of-type(2) li:nth-of-type(2) a { background-color: #7cc623; font-size: 0; line-height: 0; }
.global_header .navi ul:nth-of-type(2) li a:hover { text-decoration: none; }
.global_header .navi ul:nth-of-type(2) li a img { width: 7.2131vw; }
.global_header .navi ul:nth-of-type(2) li a > span { display: block; }
.global_header .navi ul:nth-of-type(2) li a > span span { display: block; font-size: 1.6393vw; }
.global_header .navi ul:nth-of-type(2) li a > span small { display: block; font-size: 1.3114vw; }
.global_header .menu { display: none; }

.global_header { transition: background 0.25s ease-out; }
.global_header.is-fixed { background-color: rgba(0,0,0,0.5); }
@media (min-width: 768px) {
.global_header .navi { display: flex !important; }
.global_header .navi ul:nth-of-type(2) li a { transition: opacity 0.25s ease-out; }
.global_header .navi ul:nth-of-type(2) li a:hover { opacity: 0.7; }
}
@media (min-width: 1220px) {
.global_header { height: 80px; }
.global_header h1 { margin-left: 40px; }
.global_header h1 span img { width: 259px; }
.global_header h1 small { font-size: 1.4rem; margin-left: 40px; }
.global_header .navi { height: 80px; }
.global_header .navi ul:nth-of-type(1) { margin-right: 40px; }
.global_header .navi ul:nth-of-type(1) li + li { margin-left: 15px; padding-left: 15px; }
.global_header .navi ul:nth-of-type(1) li a { font-size: 1.6rem; }
.global_header .navi ul:nth-of-type(2) li a {  width: 160px; height: 80px; }
.global_header .navi ul:nth-of-type(2) li a img { width: 88px; }
.global_header .navi ul:nth-of-type(2) li a > span span { font-size: 2.0rem; }
.global_header .navi ul:nth-of-type(2) li a > span small { font-size: 1.6rem; }
}
@media only screen and (max-width:767px){
.global_header { box-sizing: border-box; padding: 12px 23px; height: auto; }
.global_header h1 { display: block; margin-left: 0; }
.global_header h1 span img { width: 218px; }
.global_header h1 small { font-size: 1.6rem; line-height: 1.2; margin: 10px 0 0 0; }
.global_header .navi { background-color: rgba(39,69,12,0.85); display: none; position: fixed; top: 0px; left: 0px; overflow-y: auto; width: 100%; height: 100%; }
.global_header .navi ul:nth-of-type(1) { display: block; margin-right: 0; padding: 80px 23px 0 23px; }
.global_header .navi ul:nth-of-type(1) li + li { border-left: none; margin: 20px 0 0 0; padding-left: 0; }
.global_header .navi ul:nth-of-type(1) li a { display: block; font-size: 2.4rem; }
.global_header .navi ul:nth-of-type(2) { display: block; text-align: center; margin-top: 40px; padding-bottom: 20px; }
.global_header .navi ul:nth-of-type(2) li { background-color: transparent; }
.global_header .navi ul:nth-of-type(2) li:nth-of-type(2) { margin-top: 15px; }
.global_header .navi ul:nth-of-type(2) li a { display: inline-block; vertical-align: bottom; padding: 17px 0; width: 200px; height: auto; }
.global_header .navi ul:nth-of-type(2) li:nth-of-type(2) a { padding: 38px 0; }
.global_header .navi ul:nth-of-type(2) li a img { width: 88px; }
.global_header .navi ul:nth-of-type(2) li a > span span { font-size: 2.5rem; }
.global_header .navi ul:nth-of-type(2) li a > span small { font-size: 2.0rem; }
.global_header .menu { background: url("/img/icon_menu.png") left top no-repeat; display: block; position: absolute; top: 12px; right: 12px; width: 38px; height: 38px; }
.global_header .menu.is-open { background: url("/img/icon_menu_close.png") left top no-repeat; }
}

/* global_footer
--------------------------------------------------------------------*/
.global_footer { background-color: #7d7d7d; color: #ffffff; font-size: 1.2rem; text-align: right; padding: 28px 115px; }
@media only screen and (max-width:767px){
.global_footer { text-align: center; padding: 10px 23px; }
}

/* section_main
--------------------------------------------------------------------*/
.section_main { background-color: #000000; overflow: hidden; position: relative; height: 880px; z-index: +1; }
.section_main.second { height: 400px; }
.section_main .bg { background: url("/img/img_main_title.jpg") center center/cover no-repeat; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.section_main .bg img { display: none; }

.section_main .bg { transition: opacity 1s ease-out; opacity: 0; }
.section_main.is-in .bg { opacity: 1; }
@media only screen and (max-width:767px){
.section_main { height: 665px; }
.section_main .bg { background: url("/img/img_main_title_sp.jpg") center center/cover no-repeat; padding-bottom: 40px; }
.section_main.second { height: 300px; }
.section_main.second .bg { background: url("/img/img_main_title_sp_sec.jpg") center center/cover no-repeat; padding-bottom: 0; }
}

/* section_whats
--------------------------------------------------------------------*/
.section_whats { position: relative; margin-top: -200px; padding: 180px 0 140px 0; z-index: +3; }
.section_whats::before { background-color: #d4f82d; content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; transform: skewY(-8deg); z-index: -1; }
.section_whats .copy { box-sizing: border-box; color: #ffffff; font-size: 2.4rem; line-height: 1.6041; text-align: center; position: absolute; right: 10px; top: -620px; padding-top: 45px; width: 340px; height: 540px; z-index: +1; }
.section_whats .copy::before { background-color: rgba(124,198,35,0.7); content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; transform: skewY(-8deg); z-index: -1; }
.section_whats .container .flex { display: flex; justify-content: flex-end; }
.section_whats .left { flex: 1 auto; margin-right: 14%; padding-top: 10px; max-width: 480px; }
.section_whats .left p + p { margin-top: 1.875em; }
.section_whats .left p:last-of-type { text-align: right; }
.section_whats .right { width: 280px; }
.section_whats .right .heading { font-size: 0; line-height: 0; }
.section_whats .right .heading img { width: 246px; }
.section_whats .right p { font-size: 0; line-height: 0; margin-top: 140px; width: 284px; }
.section_whats .right p img { width: 100%; }

.section_whats .copy { transition: opacity 1s 1s ease-out, transform 1s 1s ease-out; transform: translateY(50px); opacity: 0; }
.section_whats.is-in .copy { transform: translateY(0); opacity: 1; }
@media only screen and (max-width:767px){
.section_whats { position: relative; margin-top: -60px; padding: 70px 0 80px 0; z-index: +3; }
.section_whats::before { background-color: #d4f82d; content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; transform: skewY(-8deg); z-index: -1; }
.section_whats .copy { display: flex; align-items: center; justify-content: center; font-size: 2.4rem; line-height: 1.58333; right: 0px; top: -285px; padding-top: 0; width: 100%; height: 180px; }
.section_whats .copy::before { background-color: rgba(124,198,35,0.7); content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; transform: skewY(-8deg); z-index: -1; }
.section_whats .heading_sp { font-size: 0; line-height: 0; }
.section_whats .heading_sp img { width: 246px; }
.section_whats .container .flex { display: block; }
.section_whats .left { flex: initial; margin-right: 0; padding-top: 35px; max-width: none; }
.section_whats .left p + p { margin-top: 1.4em; }
.section_whats .right { width: auto; }
.section_whats .right p { text-align: center; margin-top: 40px; width: auto; }
.section_whats .right p img { width: 288px; }
}

/* section_support
--------------------------------------------------------------------*/
.section_support { background-color: #004b18; color: #ffffff; position: relative; margin-top: -200px; padding: 280px 0 100px 0; }
.section_support .support_heading { font-size: 0; line-height: 0; }
.section_support .support_heading img { width: 228px; }
.section_support .column { display: flex; justify-content: space-between; margin: 0 auto; max-width: 800px; }
.section_support .left { padding-top: 90px; width: 228px; }
.section_support .left p { font-size: 1.8rem; margin-top: 20px; }
.section_support .right { flex: 1; margin-left: 21.25%; max-width: 480px; }
.section_support .right dl dt { font-size: 2.4rem; line-height: 1.5; }
.section_support .right dl dd { margin-top: 30px; }
.section_support .flow { font-size: 0; line-height: 0; margin-top: 60px; }
.section_support .flow img { width: 100%; }
.section_support .process { margin-top: 60px; }
.section_support .process .process_heading { font-size: 2.4rem; font-weight: 700; line-height: 1.5; }
.section_support .process ol { display: flex; text-align: center; margin-top: 30px; }
.section_support .process ol li:nth-of-type(odd) { box-sizing: border-box; border: 3px solid #ffffff; padding: 35px 15px 15px 15px; }
.section_support .process ol li:nth-of-type(even) { align-self: center; display: flex; justify-content: center; font-size: 0; line-height: 0; width: 60px; }
.section_support .process ol li:nth-of-type(1),
.section_support .process ol li:nth-of-type(5) { width: 24%; }
.section_support .process ol li:nth-of-type(3) { flex: 1; }
.section_support .process ol li dt { color: #d3ff08; font-size: 3.0rem; line-height: 1.2; }
.section_support .process ol li dd { line-height: 1.75; text-align: left; margin-top: 40px; }
@media only screen and (max-width:767px){
.section_support { margin-top: -60px; padding: 120px 0 65px 0; }
.section_support .column { display: block; margin: 0; max-width: none; }
.section_support .left { padding-top: 0; width: auto; }
.section_support .left p { margin-top: 25px; }
.section_support .right { flex: initial; margin: 30px 0 0 0; max-width: none; }
.section_support .right dl dd { margin-top: 25px; }
.section_support .flow { margin-top: 50px; text-align: center; }
.section_support .flow img { width: 325px; max-width: 100%; }
.section_support .process { margin: 50px 23px 0 23px; }
.section_support .process .process_heading { font-size: 2.0rem; line-height: 1.8; }
.section_support .process ol { display: block; margin-top: 25px; }
.section_support .process ol li:nth-of-type(odd) { padding: 35px 23px 23px 23px; }
.section_support .process ol li:nth-of-type(even) { display: block; padding: 23px 0; width: auto; }
.section_support .process ol li:nth-of-type(1),
.section_support .process ol li:nth-of-type(5) { width: auto; }
.section_support .process ol li:nth-of-type(3) { flex: initial; }
}

/* section_service
--------------------------------------------------------------------*/
.section_service .title { background: url("/img/bg_service.jpg") center center/cover no-repeat; font-size: 0; line-height: 0; }
.section_service .title .container { display: flex; align-items: center; height: 302px; }
.section_service .title .container img { width: 204px; }
.section_service .block { padding: 100px 0 80px 0; }
.section_service .block.bg { background-color: #e4e4e4; }
.section_service .block .column { display: flex; justify-content: space-between; }
.section_service .block .column + .column { margin-top: 90px; }
.section_service .block .column_photo { display: flex; justify-content: space-between; margin-top: 90px; }
.section_service .block .column_photo li { display: flex; align-items: center; justify-content: center; font-size: 0; line-height: 0; text-align: center; padding: 0 15px; }
.section_service .block .column_photo li img { max-width: 100%; }
.section_service .block .text { flex: 1; margin-right: 4%; }
.section_service .block.reverse .text { order: 2; margin: 0 0 0 4%; }
.section_service .block .image { align-self: center; width: 50%; }
.section_service .block .image.bottom { align-self: flex-end; }
.section_service .block.reverse .image { order: 1; }

.section_service .block .text .lead { background-color: #004b18; color: #ffffff; font-size: 2.4rem; line-height: 1.5; text-align: center; position: relative; margin-bottom: 50px; padding: 15px; }
.section_service .block .text .lead::after { content: ""; position: absolute; top: 100%; left: 30px; width: 0; height: 0; border-style: solid; border-width: 0 21px 20px 0; border-color: transparent #004b18 transparent transparent; }
.section_service .block .text dt { font-size: 3.0rem; font-weight: 700; line-height: 1.2; margin-bottom: 30px; }
.section_service .block .text dd { line-height: 1.75; }
.section_service .block .text dd b { font-size: 1.8rem; }
.section_service .block .text dd p + p { margin-top:  1.75em; }
.section_service .block .text .link { display: flex; justify-content: flex-end; margin-top: 35px; }
.section_service .block .text .link a { box-sizing: border-box; background-color: #d4f82d; border-radius: 8px; border: 5px solid #97e429; color: #004b18; display: flex; align-items: center; justify-content: center; font-size: 1.8rem; font-weight: 700; line-height: 1.2222; padding: 0 35px; height: 80px; }
.section_service .block .text .link a:hover { text-decoration: none; }
.section_service .block .text .link a span { display: block; position: relative; padding-right: 25px; }
.section_service .block .text .link a span::after { content: ""; position: absolute; top: calc(50% - 7px); right: 0px; width: 0; height: 0; border-style: solid; border-width: 7px 0 7px 16px; border-color: transparent transparent transparent #004b18; }
.section_service .block .text .caption { box-sizing: border-box; background-color: #626262; color: #ffffff; line-height: 1.5; margin: 35px auto 0 auto; padding: 15px; max-width: 460px; }

.section_service .block .image .photo { font-size: 0; line-height: 0; text-align: center; }
.section_service .block .image .photo img { max-width: 100%; }
.section_service .block .image .photo a { background-color: #ffffff; display: inline-block; vertical-align: bottom; }
.section_service .block .image .caption { box-sizing: border-box; background-color: #626262; display: block; color: #ffffff; line-height: 1.5; margin: 35px auto 0 auto; padding: 15px; max-width: 460px; }
.section_service .block .image a.caption { text-decoration: none; }
.section_service .block .image .label { position: relative; margin: -10px 0 0 -20px; z-index: +1; }
.section_service .block .image .label.label_B { text-align: center; margin: 35px 0 0 0; }
.section_service .block .image .label span { background-color: #d4f82d; color: #004b18; display: inline-block; font-weight: 700; line-height: 1.75; vertical-align: bottom; padding: 15px 25px; }
.section_service .block .image .label.label_B span { padding: 15px; }
.section_service .block .image .mid { text-align: center; margin-bottom: 30px; }
.section_service .block .image .mid span { display: block; font-size: 2.4rem; font-weight: 700; line-height: 1.125; }
.section_service .block .image .mid small { display: block; font-size: 1.8rem; line-height: 1.5; }
@media (min-width: 768px) {
.section_service .block .text .link a { transition: background 0.25s ease-out; }
.section_service .block .text .link a:hover { background-color: #efffa5; }
.section_service .block .image .photo a img { transition: opacity 0.25s ease-out; }
.section_service .block .image .photo a:hover img { opacity: 0.7; }
.section_service .block .image a.caption { transition: opacity 0.25s ease-out; }
.section_service .block .image a:hover.caption { opacity: 0.7; }
}
@media only screen and (max-width:767px){
.section_service .title { background: url("/img/bg_service_sp.jpg") center center/cover no-repeat; }
.section_service .title .container { justify-content: center; height: 225px; }
.section_service .block { padding: 50px 0; }
.section_service .block .column { display: block; }
.section_service .block .column + .column { margin-top: 35px; }
.section_service .block .column_photo { flex-wrap: wrap; margin-top: 35px; }
.section_service .block .column_photo li { padding: 0; width: calc(50% - 15px); }
.section_service .block .text { flex: initial; margin-right: 0; }
.section_service .block.reverse .text { margin: 0; }
.section_service .block .image { margin-top: 25px; width: auto; }

.section_service .block .text .lead { font-size: 1.8rem; line-height: 1.5555; margin-bottom: 45px; padding: 7px; }
.section_service .block .text .lead::after { left: 20px;  border-width: 0 15px 14px 0; }
.section_service .block .text dt { font-size: 2.8rem; margin-bottom: 15px; }
.section_service .block .text .link { display: flex; justify-content: center; margin-top: 15px; }
.section_service .block .text .link a { box-sizing: border-box; padding: 0; width: 100%; max-width: 325px; height: 80px; }
.section_service .block .text .caption { margin: 25px auto 0 auto; padding: 10px 20px; max-width: none; }

.section_service .block .image .caption { margin: 25px auto 0 auto; padding: 10px 15px; max-width: none; }
.section_service .block .image .label { margin: -10px 0 0 -10px; }
.section_service .block .image .label.label_B { margin: 25px 0 0 0; }
.section_service .block .image .label span { padding: 15px 25px; }
.section_service .block .image .label.label_B span { padding: 15px; }
.section_service .block .image .mid {  margin-bottom: 20px; }
.section_service .block .image .mid span { font-size: 1.6rem; }
.section_service .block .image .mid small { font-size: 1.2rem; }
}

/* section_partners
--------------------------------------------------------------------*/
.section_partners .title { background: url("/img/bg_partners.jpg") center center/cover no-repeat; font-size: 0; line-height: 0; }
.section_partners .title .container { display: flex; align-items: center; height: 302px; }
.section_partners .title .container img { width: 242px; }
.section_partners .lead { font-size: 2.0rem; margin-top: 90px; }
.section_partners .copy { font-size: 2.4rem; font-weight: 700; text-align: center; margin-top: 90px; }
.section_partners .table { font-size: 0; line-height: 0; margin-top: 60px; }
.section_partners .table img { width: 100%; }
.section_partners .list { margin-top: 130px; }
.section_partners .list .heading { background-color: #004b18; color: #d4f82d; font-size: 2.0rem; line-height: 1.2; padding: 18px 20px; }
.section_partners .list .block { margin-top: 80px; }
.section_partners .list .block > p span { box-sizing: border-box; background-color: #b29e42; color: #ffffff; display: inline-block; font-size: 1.8rem; font-weight: 700; line-height: 1.2222; vertical-align: bottom; text-align: center; padding: 14px; width: 245px; }
.section_partners .list .block:nth-of-type(2) > p span { background-color: #8d6c53; }
.section_partners .list .block ul { display: flex; flex-wrap: wrap; }
.section_partners .list .block ul li { box-sizing: border-box; margin-top: 25px; width: calc(50% - 13px); }
.section_partners .list .block ul li:nth-of-type(odd) { margin-right: 26px; }
.section_partners .list .block ul li dt span { display: block; font-size: 1.8rem; }
.section_partners .list .block ul li dt small { display: block; font-size: 2.0rem; }
@media only screen and (max-width:767px){
.section_partners .title { background: url("/img/bg_partners_sp.jpg") center center/cover no-repeat; }
.section_partners .title .container { justify-content: center; height: 225px; }
.section_partners .lead { font-size: 1.6rem; margin-top: 40px; }
.section_partners .copy { text-align: left; margin-top: 40px; }
.section_partners .table { overflow-x: auto; margin-top: 40px; }
.section_partners .table img { width: 675px; }
.section_partners .list { margin-top: 50px; }
.section_partners .list .heading { font-size: 1.8rem; line-height: 1.6666; }
.section_partners .list .block { margin-top: 35px; }
.section_partners .list .block > p span { display: block; line-height: 1.2222; width: auto; }
.section_partners .list .block:nth-of-type(2) > p span { background-color: #8d6c53; }
.section_partners .list .block ul { display: block; }
.section_partners .list .block ul li { width: auto; }
.section_partners .list .block ul li:nth-of-type(odd) { margin-right: 0; }
.section_partners .list .block ul li dt span { font-size: 1.4rem; }
.section_partners .list .block ul li dt small { font-size: 1.6rem; }
.section_partners .list .block ul li dd { font-size: 1.4rem; }
}

/* section_about
--------------------------------------------------------------------*/
.section_about { margin-top: 80px; }
.section_about .title { background: url("/img/bg_about.jpg") center center/cover no-repeat; font-size: 0; line-height: 0; }
.section_about .title .container { display: flex; align-items: center; height: 302px; }
.section_about .title .container img { width: 244px; }
.section_about .block { padding: 90px 0 95px 0; }
.section_about .block .heading span { display: inline-block; font-size: 2.4rem; font-weight: normal; position: relative; vertical-align: bottom; padding-right: 25px; }
.section_about .block .heading span::after { background-color: #004b18; content: ""; position: absolute; left: 100%; top: calc(50% - 3px); width: 100vw; height: 7px; }
.section_about .column { display: flex; justify-content: space-between; }
.section_about .cell { width: calc(50% - 13px); }
.section_about .cell li { margin-top: 30px; }
.section_about .cell li dt { font-size: 1.4rem; }
.section_about .cell li dd { font-size: 1.8rem; line-height: 1.76; margin-top: 5px; }
.section_about .cell li dd small { font-size: 1.6rem; }
.section_about .cell li dd a { display: inline-block; vertical-align: bottom; position: relative; padding-left: 20px; }
.section_about .cell li dd a::before { border-bottom: 1px solid #000000; border-right: 1px solid #000000; content: ""; position: absolute; top: 0.6527em; left: 0px; width: 8px; height: 8px; transform: rotate(-45deg); }
.section_about .map { position: relative; margin: 90px auto 0 auto; padding-bottom: 32.6%; width: 100%; max-width: 800px; }
.section_about .map iframe { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
@media only screen and (max-width:767px){
.section_about { margin-top: 50px; }
.section_about .title { background: url("/img/bg_about_sp.jpg") center center/cover no-repeat; }
.section_about .title .container { justify-content: center; height: 225px; }
.section_about .block { padding: 25px 0 50px 0; }
.section_about .block .heading span { padding-right: 20px; }
.section_about .column { display: block; }
.section_about .cell { width: auto; }
.section_about .cell li dd { margin-top: 0; }
.section_about .map { margin: 30px 0 0 0; padding-bottom: 92.3076%; max-width: none; }
}

/* section_contact
--------------------------------------------------------------------*/
.section_contact { background-color: #eaeaea; padding: 100px 0; }
.section_contact .container { max-width: 800px; }
.section_contact .heading { background-color: #004b18; color: #ffffff; font-size: 1.8rem; font-weight: normal; line-height: 1.2; text-align: center; padding: 10px; }
.section_contact .error { color: #ff0000; display: none; }
.section_contact .form { overflow: hidden; margin-top: 30px; }
.section_contact .form dt { font-size: 1.8rem; font-weight: 700; }
.section_contact .form dd { margin-top: 5px; }
.section_contact .form.conf dd { background-color: #ffffff; padding: 5px; }
.section_contact .form dd + dt { margin-top: 15px; }
.section_contact .form dd ul { display: flex; flex-wrap: wrap; margin-right: -25px; }
.section_contact .form dd ul li { margin-right: 25px; }
.section_contact .form input[type="text"],
.section_contact .form input[type="email"] { box-sizing: border-box; background-color: #ffffff; border: none; padding: 10px; width: 100%; }
.section_contact .form input[type="text"].half,
.section_contact .form input[type="email"].half { width: 50%; }
.section_contact .form textarea { box-sizing: border-box; background-color: #ffffff; border: none; padding: 10px; width: 100%; height: 280px; }
.section_contact .personal { margin-top: 80px; }
.section_contact .personal iframe { box-sizing: border-box; border: 1px solid #362d2d; vertical-align: bottom; width: 100%; height: 150px; }
.section_contact .personal p { font-size: 1.4rem; text-align: center; margin-top: 30px; }
.section_contact .personal p:nth-of-type(2) { margin-top: 0; }
.section_contact .btn { display: flex; justify-content: center; margin-top: 50px; }
.section_contact .btn button { box-sizing: border-box; border-radius: 0; border: none; cursor: pointer; color: #ffffff; font-size: 1.8rem; line-height: 1.2222; text-align: center; outline: none; appearance: none; margin: 0 10px; padding: 19px; width: 100%; max-width: 260px; }
.section_contact .btn button.conf { background-color: #004b18; }
.section_contact .btn button.send { background-color: #004b18; }
.section_contact .btn button.back { background-color: #888888; }
@media (min-width: 768px) {
.section_contact .btn button { transition: opacity 0.25s ease-out; }
.section_contact .btn button:hover { opacity: 0.7; }
}
@media only screen and (max-width:767px){
.section_contact { padding: 50px 0 80px 0; }
.section_contact .container { max-width: none; }
.section_contact .heading { font-size: 2.0rem; padding: 15px; }
.section_contact .form { margin-top: 60px; }
.section_contact .form dd ul { margin-right: -30px; }
.section_contact .form dd ul li { margin-right: 30px; }
.section_contact .form input[type="text"].half,
.section_contact .form input[type="email"].half { width: 100%; }
.section_contact .personal { margin-top: 50px; }
.section_contact .personal p { text-align: left; }
.section_contact .btn { display: block; text-align: center; margin-top: 40px; }
.section_contact .btn button { margin: 0; max-width: none; }
.section_contact .btn button + button{ margin: 15px 0 0 0; }
}

/* section_contact
--------------------------------------------------------------------*/
.complete .textbox { text-align: center; margin-top: 50px; }
.complete .btnbox { margin-top: 50px; }
.complete .btnbox a { box-sizing: border-box; background-color: #d4f82d; border-radius: 8px; border: 5px solid #97e429; color: #004b18; display: flex; align-items: center; justify-content: center; font-size: 1.8rem; font-weight: 700; line-height: 1.2222; padding: 0 35px; height: 80px; }
.complete .btnbox a:hover { text-decoration: none; }
.complete .btnbox a span { display: block; position: relative; padding-right: 25px; }
.complete .btnbox a span::after { content: ""; position: absolute; top: calc(50% - 7px); right: 0px; width: 0; height: 0; border-style: solid; border-width: 7px 0 7px 16px; border-color: transparent transparent transparent #004b18; }
@media (min-width: 768px) {
.complete .btnbox a { transition: opacity 0.25s ease-out; }
.complete .btnbox a:hover { opacity: 0.7; }
}