@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap');

/*!
 * ress.css • v4.0.0
 * MIT License
 * github.com/filipelinhares/ress
 */
html { box-sizing: border-box; -webkit-text-size-adjust: 100%; word-break: normal; -moz-tab-size: 4; tab-size: 4; } *,::before,::after { background-repeat: no-repeat; box-sizing: inherit; } ::before,::after { text-decoration: inherit; vertical-align: inherit; } * { padding: 0; margin: 0; } hr { overflow: visible; height: 0; color: inherit; } details,main { display: block; } summary { display: list-item; } small { font-size: 80%; } [hidden] { display: none; } abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } a { background-color: transparent; } a:active,a:hover { outline-width: 0; } code,kbd,pre,samp { font-family: monospace, monospace; } pre { font-size: 1em; } b,strong { font-weight: bolder; } sub,sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } table { border-color: inherit; text-indent: 0; } input { border-radius: 0; } [disabled] { cursor: default; } [type='number']::-webkit-inner-spin-button,[type='number']::-webkit-outer-spin-button { height: auto; } [type='search'] { -webkit-appearance: textfield; outline-offset: -2px; } [type='search']::-webkit-search-decoration { -webkit-appearance: none; } textarea { overflow: auto; resize: vertical; } button,input,optgroup,select,textarea { font: inherit; } optgroup { font-weight: bold; } button { overflow: visible; } button,select { text-transform: none; } button,[type='button'],[type='reset'],[type='submit'],[role='button'] { cursor: pointer; color: inherit; } button::-moz-focus-inner,[type='button']::-moz-focus-inner,[type='reset']::-moz-focus-inner,[type='submit']::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring,[type='button']::-moz-focus-inner,[type='reset']::-moz-focus-inner,[type='submit']::-moz-focus-inner { outline: 1px dotted ButtonText; } button,html [type='button'],[type='reset'],[type='submit'] { -webkit-appearance: button; } button,input,select,textarea { background-color: transparent; border-style: none; } a:focus,button:focus,input:focus,select:focus,textarea:focus { outline-width: 0; } select { -moz-appearance: none; -webkit-appearance: none; } select::-ms-expand { display: none; } select::-ms-value { color: currentColor; } legend { border: 0; color: inherit; display: table; max-width: 100%; white-space: normal; } ::-webkit-file-upload-button { -webkit-appearance: button; color: inherit; font: inherit; } img { border-style: none; } progress { vertical-align: baseline; } [aria-busy='true'] { cursor: progress; } [aria-controls] { cursor: pointer; } [aria-disabled='true'] { cursor: default; }


html { overflow: auto; font-size: 62.5%; }
body { background: #ffffff; color: #000; font-size: 100%;/* これで10px相当 */ font-family: 'Noto Sans JP', sans-serif; line-height: 1.5; }
img { vertical-align: bottom; }
a,button { color: #000; opacity: 1; -webkit-transition: all 0.3s ease; transition: all  0.3s ease; }
a:hover,
button:hover { opacity: 0.5; }
ul, ol { list-style: none; }

@media (min-width: 768px) {
.spOnly { display: none !important; }
#page-top { position: fixed; right: 20px; bottom: 20px; z-index: 100; padding-bottom: 20px; }
#page-top a { display: block; width: 50px; height: 50px; background: url("/common/img/icon_gototop.png") no-repeat 50% 0; text-indent:-9999px; }
}

@media screen and (max-width: 767px) {
img { max-width: 100%; height: auto; }
.pcOnly { display: none !important; }
#page-top { position: fixed; right: 3vw; bottom: 3vw; z-index: 100; }
#page-top a { display: block; width: 10vw; height: 10vw; background: url("/common/img/icon_gototop.png") no-repeat 50% 0 / auto 10vw; text-indent:-9999px; }
}



/*
Header
---------------------------------------------*/
@media (min-width: 768px) {
header { position: relative; padding-top: 125px; }
#l-header_logo { position: absolute; top: 24px; right: 0; left: 0; margin: auto; width: 1000px; height: auto; }
#l-header_logo img { width: 280px; height: auto; }
#l-header_sub { position: absolute; top: 25px; left:50%; display: -webkit-flex; display: flex; margin-left: 0px; width: 500px; height: auto; -webkit-justify-content: flex-end; justify-content: flex-end; }
#l-header_sub ul { display: -webkit-flex; display: flex; width: 320px; -webkit-justify-content: space-between; justify-content: space-between; flex-wrap: wrap; }
#l-header_sub li:last-child { margin-top: 14px; }
#l-header_sub span.dairiten { font-size: 1.4rem; }
#l-header_sub .button.green { width: 154px; font-size: 1.5rem; }
#l-header_sub .link.arrowGreen { font-size: 1.4rem; }
/*#l-header_sub p img { width: 241px; height: auto; }*/
#l-header_cmn { padding: 20px 0; background-image: -webkit-linear-gradient( 90deg, rgb(255,255,255) 20%, rgb(255,255,255) 80%, rgb(237,236,236) 100%); }
#l-header_cmn > ul { position: relative; display: -webkit-flex; display: flex; margin: 0 auto; width: 1000px; font-size: 1.5rem; -webkit-justify-content: flex-start; justify-content: flex-start; }
#l-header_cmn > ul:before { position: absolute; top: 0; bottom: 0; left: 0; width: 1px; height: 24px; background: #9fa0a0; content: ""; }
#l-header_cmn > ul > li { position: relative; text-align: center; -webkit-flex-grow: 1; flex-grow: 1; }
#l-header_cmn > ul > li:after { position: absolute; top: 0; right: 0; bottom: 0; width: 1px; height: 24px; background: #9fa0a0; content: ""; }
#l-header_cmn > ul > li a { display: inline-block; padding: 0 15px; text-decoration: none; }
}
@media screen and (max-width: 767px) {
header { position: relative; height: 30vw; border-bottom: 0.6vw solid #e0e0e0; }
#l-header_logo { padding: 4.5vw 0 0 4.5vw; }
#l-header_logo img { width: 68vw; height: auto; }
#panel-btn { position: absolute; top: 7.8vw; right: 4.5vw; z-index: 2000; display: inline-block; width: 14vw; height: 14vw; background: #006e53; text-indent: -9999px; } 
#panel-btn.cls { background: #ffffff; }
#panel-btn-icon { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; margin: auto; width: 7.4vw; height: 0.16vw; background: #ffffff; transition: .2s; } 
#panel-btn-icon:before,
#panel-btn-icon:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; margin: auto; width: 7.4vw; height: 0.16vw; background: #ffffff; content: ""; transition: .3s; } 
#panel-btn-icon:before { margin-top: -2.5vw; }
#panel-btn-icon:after { margin-top: 2.5vw; } 
#panel-btn .close { background: transparent; }
#panel-btn .close:before,
#panel-btn .close:after { margin-top: 0; } 
#panel-btn .close:before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } 
#panel-btn .close:after { -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } 
.gnav { position: absolute; top: 30vw; z-index: 1000; display: none; width: 100%; background: #fff; font-size: 3.75vw; }
#l-header_cmn > ul > li { border-bottom: 0.2vw solid #333; font-size: 4.375vw; }
#l-header_cmn > ul > li > a { position: relative; display: block; padding: 3vw 3vw 3vw 12.5vw; text-decoration: none; }
#l-header_cmn > ul > li > a:before { position: absolute; top: 0; bottom: 0; left: 4.6vw; margin: auto; width: 1em; height: 1em; background: url("/common/img/icon_arrow_green.png") no-repeat 0 0 / 1em auto; content: ""; }
#l-header_sub { padding: 5vw; background: #f0f0f0; text-align: center; }
#l-header_sub li:nth-child(1),
#l-header_sub li:nth-child(2){ margin: 0 15vw 3vw; width: 60vw; font-size: 3.75vw; }
#l-header_sub span.dairiten { font-size: 3.75vw; }
#l-header_sub .button { display: block; }
/*#l-header_sub p { margin-top: 4vw; padding: 4vw; background: #fff; text-align: center; }
#l-header_sub p img { width: 70vw; height: auto; }*/
}

/*
Footer
---------------------------------------------*/
@media (min-width: 768px) {
footer { margin: 0 auto 40px; width: 1000px; font-size: 1.4rem; }
footer .leftBlock { width: 430px; }
footer .leftBlock dl { border-top: 1px solid #333; }
footer .leftBlock dt { float: left; padding-top: 12px; }
footer .leftBlock dd { padding: 12px 0 12px 120px; border-bottom: 1px solid #000; }
footer #l-footer_logo { margin-bottom: 20px; }
footer #l-footer_logo img { width: 280px; height: auto; }
footer .rightBlock { width: 490px; }
footer .rightBlock ul { display: -webkit-flex; display: flex; flex-wrap: wrap; }
footer .rightBlock > ul > li { margin-right: 20px; }
footer .rightBlock p { margin-top: 20px; font-size: 1.2rem; line-height: 1.8; }
footer #l-footer_sub { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; }
footer #l-footer_sub ul { margin-bottom: 20px; width: 320px; -webkit-justify-content: space-between; justify-content: space-between; }
footer #l-footer_sub li:last-child { margin-top: 14px; }
footer #l-footer_sub .button.green { width: 154px; font-size: 1.5rem; }
footer #l-footer_sub .link.arrowGreen { font-size: 1.4rem; }
}
@media screen and (max-width: 767px) {
footer { margin: 0 5vw 8vw; font-size: 3.4vw; }
.leftBlock dl { padding-top: 3vw; border-top: 0.2vw solid #000; }
.leftBlock dt { float: left; }
.leftBlock dd { margin-bottom: 3vw; padding: 0 0 3vw 30vw; border-bottom: 0.2vw solid #000; }
.rightBlock ul { display: -webkit-flex; display: flex; margin: 1em 0; flex-wrap: wrap; }
.rightBlock li { margin-right: 1.5em; }
.rightBlock p { }
#l-footer_logo img { margin-bottom: 3vw; height: auto; }
#l-footer_sub ul { margin: 0; }
#l-footer_sub li:nth-child(1),
#l-footer_sub li:nth-child(2){ margin-right: 3vw; width: 42vw; }
#l-footer_sub li:nth-child(3) { margin-top: 1em; }
#l-footer_sub .button { display: block; }
}


/*
Main
---------------------------------------------*/
@media (min-width: 768px) {
main { margin-bottom: 45px; border-bottom: 2px solid #006e53; font-size: 1.8rem; }
}
@media screen and (max-width: 767px) {
main { margin-bottom: 5vw; border-bottom: 0.4vw solid #006e53; font-size: 3.75vw; }
}


/*
	Text
------------------------------------------------------*/
main p { overflow: hidden; margin: 1em 0; }
main hr { margin: 1em 0; height: 1px; border: none; border-top: 1px solid #ddd; }
.komeTxt { padding-left: 1em; text-indent: -1em; }
.komeNumTxt { padding-left: 1.5em; text-indent: -1.5em; }
.kakkoTxt { padding-left: 2.5em; list-style: none inside; text-indent: -2.5em; }
.taR { text-align: right !important; }
.taL { text-align: left !important; }
.taC { text-align: center !important; }
.fwN { font-weight: 400; }
.fwSB { font-weight: 500; }
.fwB { font-weight: 700; }
.fcGreen { color: #006e53; }
.block { display: block !important; overflow: hidden; }
.yellowRadius { display: block; margin: 0.1em 0 1.4rem; padding: 0.6em; border-radius: 4em; background: #faa603; text-align: center; font-weight: bold; font-size: 4rem; }
marker.yellowFull { background: linear-gradient(transparent 20%, #fdf09a 20%); }
marker.orangeThin { background: linear-gradient(transparent 80%, #faa603 80%); }
.mtReset { margin-top: 0 !important; }
.mbReset { margin-bottom: 0 !important; }
.etc { position: relative; margin-bottom: 1em; }
.etc:after { position: absolute; right: 0; bottom: -1em; content: "など"; }

@media (min-width: 768px) {
main section { margin: 0 auto; width: 1000px; }
main small { font-size: 1.2rem; }
.flL { float: left; margin-right: 1em; }
.flR { float: right; margin-left: 1em; }
.fsS { font-size: 90%; }
.fsL { font-size: 120%; }
.fsLL { font-size: 160%; }
.fsXL { font-size: 200%; }
}
@media screen and (max-width: 767px) {
main section { margin: 0 5vw; }
.yellowRadius { font-size: 6.6vw; }
.fsS { font-size: 90%; }
.fsL { font-size: 120%; }
.fsLL { font-size: 140%; }
.fsXL { font-size: 160%; }
}


/*
	Image
------------------------------------------------------*/
figure { margin: 0.5em 0; text-align: center; }
figure img { max-width: 100%; height: auto; }
figure.mb2 { margin-bottom: 2em; }
@media (min-width: 768px) {
figure figcaption { margin-top: 0.6em; font-size: 1.2rem; }
}
@media screen and (max-width: 767px) {
figure figcaption { margin-top: 0.6em; font-size: 2.8vw; line-height: 1.3; }
}


/*
	List
------------------------------------------------------*/
main ol,
main ul { margin: 1em 0; list-style: none; }
main ol ol,
main ol ul,
main ul ol,
main ul ul { margin-top: 0 !important; margin-bottom: 0 !important; }
.discList { list-style: none; }
	.discList > li { position: relative; padding-left: 1em; }
	.discList > li:before { position: absolute; top: 0; left: 0; content: "・"; }
.decimalList { margin-left: 1.5em; list-style: decimal !important; }
.kakkoList { padding-left: 2.5em; list-style: none inside; text-indent: -2.5em; }
	.kakkoList > li { counter-increment: cnt; }
	.kakkoList > li:before { display: marker; content: "（" counter(cnt) "）"; }
	.kakkoList > li * { text-indent: 0; }
.komeList { margin: 1em 0; list-style: none; text-indent: 0; }
	.komeList > li { padding-left: 1em; text-indent: -1em; }
.komeNumList { margin: 1em 0; list-style: none; text-indent: 0; }
	.komeNumList > li { padding-left: 1.5em; text-indent: -1.5em; }


/*
	Link
------------------------------------------------------*/
@media (min-width: 768px) {
.link { position: relative; display: inline-block; text-decoration: none; }
.link.arrowGreen { padding-left: 1.5em; }
.link.arrowGreen:before { position: absolute; top: 0; bottom: 0; left: 0; margin: auto; width: 1.2em; height: 1.2em; background: url("/common/img/icon_arrow_green.png") no-repeat 0 0 / 1.2em auto; content: ""; }
.btn { margin: 60px 0 0; }
.button { position: relative; display: inline-block; color: #000 !important; text-decoration: none; line-height: 1; }
.button.green { padding: 0.8em 0.3em; border: 1px solid #006e53; border-radius: 0.3em; background-image: -webkit-linear-gradient( 90deg, rgb(204,204,204) 0%, rgb(255,255,255) 34%); text-align: center; font-weight: 700; }
.button.greenArrow { position: relative; margin: 0 0.5em; padding: 1em; width: 470px; border: 1px solid #006e53; border-radius: 0.3em; background-image: -webkit-linear-gradient( 90deg, rgb(204,204,204) 0%, rgb(255,255,255) 34%); text-align: center; font-weight: 700; font-size: 2.8rem; }
.button.greenArrow:after { position: absolute; top: 0; right: 20px; bottom: 0; margin: auto; width: 10px; height: 10px; border-top: 2px solid #000; border-right: 2px solid #000; content: ""; vertical-align: middle; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.button.greenArrow.back:after { content: none; }
.button.greenArrow.back:before { position: absolute; top: 0; bottom: 0; left: 20px; margin: auto; width: 10px; height: 10px; border-top: 2px solid #000; border-right: 2px solid #000; content: ""; vertical-align: middle; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); }
.button.greenArrowS { position: relative; padding: 0.5em; width: 320px; border: 1px solid #006e53; border-radius: 0.3em; background-image: -webkit-linear-gradient( 90deg, rgb(204,204,204) 0%, rgb(255,255,255) 34%); text-align: center; font-weight: 700; font-size: 2rem; }
.button.greenArrowS:after {position: absolute; top: 0; right: 20px; bottom: 0; margin: auto; width: 10px; height: 10px; border-top: 2px solid #000; border-right: 2px solid #000; content: ""; vertical-align: middle; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
}
@media screen and (max-width: 767px) {
.link { position: relative; display: inline-block; text-decoration: none; }
.link.arrowGreen { padding-left: 1.5em; }
.link.arrowGreen:before { position: absolute; top: 0; bottom: 0; left: 0; margin: auto; width: 1.2em; height: 1.2em; background: url("/common/img/icon_arrow_green.png") no-repeat 0 0 / 1.2em auto; content: ""; }
.btn { margin: 9vw 0 0; }
.button { position: relative; display: inline-block; color: #000; text-decoration: none; line-height: 1; }
.button.green { padding: 0.8em 0.3em; border: 0.2vw solid #006e53; border-radius: 0.3em; background-image: -webkit-linear-gradient( 90deg, rgb(204,204,204) 0%, rgb(255,255,255) 34%); text-align: center; font-weight: 700; }
.button.greenArrow { position: relative; margin: 2vw 0; padding: 1em; width: 90vw; border: 0.2vw solid #006e53; border-radius: 0.3em; background-image: -webkit-linear-gradient( 90deg, rgb(204,204,204) 0%, rgb(255,255,255) 34%); text-align: center; font-weight: 700; font-size: 5vw; }
.button.greenArrow:after { position: absolute; top: 0; right: 5vw; bottom: 0; margin: auto; width: 3vw; height: 3vw; border-top: 0.5vw solid #000; border-right: 0.5vw solid #000; content: ""; vertical-align: middle; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.button.greenArrow.back:after { content: none; }
.button.greenArrow.back:before { position: absolute; top: 0; bottom: 0; left: 5vw; margin: auto; width: 3vw; height: 3vw; border-top: 0.5vw solid #000; border-right: 0.5vw solid #000; content: ""; vertical-align: middle; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); }
.button.greenArrowS { position: relative; padding: 0.5em; width: 76vw; border: 0.2vw solid #006e53; border-radius: 0.3em; background-image: -webkit-linear-gradient( 90deg, rgb(204,204,204) 0%, rgb(255,255,255) 34%); text-align: center; font-weight: 700; font-size: 4vw; }
.button.greenArrowS:after {position: absolute; top: 0; right: 20px; bottom: 0; margin: auto; width: 2.6vw; height: 2.6vw; border-top: 0.5vw solid #000; border-right: 0.5vw solid #000; content: ""; vertical-align: middle; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
}


/*
	Table
------------------------------------------------------*/
table { width: 100%; border-collapse: collapse; }


/*
	Form
------------------------------------------------------*/
form input[type="text"],
form textarea { margin: 0.1em; padding: 0.2em 0.6em; border: 1px solid #ccc; background: #fff; }
form input.widthS { width: 50px; }
form input.widthM { width: 100px; }
form input.widthL { width: 300px; }
form textarea { width: 100%; height: 5em; }
form select { margin: 0.1em; padding: 0.2em 2em 0.2em 0.6em; border: 1px solid #ccc; background: #fff url("/common/img/icon_arrow_select.png") no-repeat 100% 50%; }
form label { display: inline-block; margin-right: 0.6em; }
form .btn { text-align: center; }
form .btn input { margin: 0 10px; padding: 0.4em 2em; border: 1px solid #666; border-radius: 2em; }
@media screen and (max-width: 767px) {
form input.widthS { width: 12vw; }
form input.widthM { width: 22vw; }
form input.widthL { width: 80vw; }
form select { max-width: 80vw; }
}


/*
	PDF DL
------------------------------------------------------*/
.pdfDlBox{text-align: center;}
.pdfDlBox .pdfDlBox_inner {display: flex; justify-content: center;}
.pdfDlBox .pdfDlBox_item{display: flex; flex-direction: column; justify-content: space-between;}
.pdfDlBox .pdfDlBox_item + .pdfDlBox_item{margin-left: 30px;}
.pdfDlBox .itemImg img{border: 1px solid #ccc;}
.pdfDlBox p{font-size: 16px;}
.pdfDlBox .pdfDlBtn{position: relative; display: flex; align-items: center; justify-content: center; width: 265px; margin: 0 auto; padding: 15px 28px 15px 72px; border-radius: 10px;
  background: #006e53;
  color: #fff; font-size: 18px; font-weight: bold; text-decoration: none;}
.pdfDlBox .pdfDlBtn::before{ content: ""; position: absolute; top: 50%; left: 16px; transform: translateY(-50%); display: block; width: 42px; height: 42px; background: url(/common/img/icon_pdf-w.png); background-size: contain;}
@media screen and (max-width: 767px) {
  .pdfDlBox .pdfDlBox_inner{display: block;}
  .pdfDlBox .pdfDlBox_item{display: block;}
  .pdfDlBox .pdfDlBox_item + .pdfDlBox_item{margin: 30px 0 0; padding-top: 30px; border-top: 1px dashed #ccc;}
  .pdfDlBox .itemImg img{width: 210px; border: 1px solid #ccc;}
}

/*
	column
------------------------------------------------------*/
@media (min-width: 768px) {
.flex { display: -webkit-flex; display: flex; flex-wrap: wrap; }
.flex.between { -webkit-justify-content: space-between; justify-content: space-between; }
.borderGreen { margin: 40px 0; padding: 20px 40px; border: 1px solid #006e53; background: #fff; }
.borderRadiusGreen { margin: 40px 0; padding: 20px 40px; border: 1px solid #006e53; border-radius: 20px; background: #fff; }
.borderRadiusGreenS { margin: 30px 0; padding: 20px 40px; border: 1px solid #006e53; border-radius: 10px; background: #fff; }
}
@media screen and (max-width: 767px) {
.borderGreen { margin: 6vw 0; padding: 3vw 6vw; border: 0.2vw solid #006e53; background: #fff; }
.borderRadiusGreen { margin: 6vw 0; padding: 3vw 6vw; border: 0.2vw solid #006e53; border-radius: 3.125vw; background: #fff; }
.borderRadiusGreenS { margin: 4vw 0; padding: 3vw 6vw; border: 0.2vw solid #006e53; border-radius: 2vw; background: #fff; }
}

/*
	Backgroud
------------------------------------------------------*/
@media (min-width: 768px) {
.bgWhite { padding: 60px 0; }
.bgGeometry { padding: 60px 0; background: url("/common/img/bg_geometry.png"); }
.bgGeometryGreen { padding: 60px 0; background: url("/common/img/bg_geometry_green.png"); }
.bgArrow { position: relative; margin-bottom: 90px; }
.bgArrow:after { position: absolute; right: 0; bottom: -68px; left: 0; margin: auto; width: 98px; height: 47px; background: url("/common/img/bg_arrow.png") no-repeat; content: ""; }
}
@media screen and (max-width: 767px) {
.bgWhite { padding: 10vw 0; }
.bgGeometry { padding: 10vw 0; background: url("/common/img/sp_bg_geometry.png") repeat-y 0 0 / 100vw auto; }
.bgGeometryGreen { padding: 10vw 0; background: url("/common/img/sp_bg_geometry_green.png") repeat-y 0 0 / 100vw auto; }
.bgArrow { position: relative; margin-bottom: 14vw; }
.bgArrow:after { position: absolute; right: 0; bottom: -10vw; left: 0; margin: auto; width: 15vw; height: 7vw; background: url("/common/img/bg_arrow.png") no-repeat 0 0 / 15vw auto; content: ""; }
}

/*
	Title
------------------------------------------------------*/
@media (min-width: 768px) {
.titleStyle01 { padding: 70px 0 60px; background: url("/common/img/bg_title01_dot.png") repeat-x 0 0, url("/common/img/bg_title01_dot.png") repeat-x 0 100%, url("/common/img/bg_title01.png") no-repeat 50% 50% / cover; color: #fff; text-align: center; text-shadow: 0 0 13px #00430e; font-size: 4rem; line-height: 1; }
.titleStyle01.double { padding: 45px 0 35px; line-height: 1.2; }
.titleStyle02 { padding: 30px; border-radius: 20px; background: url("/common/img/bg_title01.png") no-repeat 50% 50%; color: #fff; text-align: center; font-size: 3.2rem; line-height: 1; }
.titleStyle02.double { padding: 25px; line-height: 1.4; }
.titleStyle03 { margin-bottom: 0.5em; padding-bottom: 0.3em; border-bottom: 1px solid #006e53; color: #006e53; text-align: center; font-size: 3rem; }
.titleStyle04 { margin-bottom: 0.5em; padding-bottom: 0.3em; border-bottom: 1px solid #006e53; color: #006e53; text-align: center; font-size: 2.8rem; }
.titleStyle05 { margin-bottom: 0.6em; padding-bottom: 0.3em; border-bottom: 3px solid #006e53; font-size: 2.4rem; }
.titleStyle06 { text-align: center; font-weight: 500; font-size: 2.2rem; }
.titleStyle07 { margin-bottom: 0.5em; padding-bottom: 0.3em; border-bottom: 1px solid #006e53; text-align: center; font-weight: 700; font-size: 2rem; }
.titleStyle08 { margin-bottom: 0.6em; padding-bottom: 0.3em; border-bottom: 3px solid #006e53; font-size: 2rem; }
.titleStyle09 { margin-bottom: 0.6em; padding: 0.3em; background: #006e53; font-size: 2.4rem; text-align: center; color: #fff; }
}
@media screen and (max-width: 767px) {
.titleStyle01 { padding: 8vw 2vw; background: url("/common/img/sp_bg_title01_dot.png") no-repeat 0 0 / 100vw auto, url("/common/img/sp_bg_title01_dot.png") no-repeat 0 100% / 100vw auto, url("/common/img/sp_bg_title01.png") no-repeat 0 0 / 100vw auto; color: #fff; text-align: center; text-shadow: 0 0 13px #00430e; font-size: 6.4vw; line-height: 1.2; }
.titleStyle02 { padding: 4vw 3vw; border-radius: 3.125vw; background: url("/common/img/bg_title01.png") no-repeat 0 0 / 100vw auto; color: #fff; text-align: center; font-size: 5vw; line-height: 1.4; }
.titleStyle03 { margin-bottom: 0.5em; padding-bottom: 0.3em; border-bottom: 0.2vw solid #006e53; color: #006e53; text-align: center; font-size: 4.8vw; }
.titleStyle04 { margin-bottom: 0.5em; padding-bottom: 0.3em; border-bottom: 0.2vw solid #006e53; color: #006e53; text-align: center; font-size: 4.4vw; }
.titleStyle05 { margin-bottom: 0.6em; padding-bottom: 0.3em; border-bottom: 0.6vw solid #006e53; font-size: 4.8vw; }
.titleStyle06 { text-align: center; font-weight: 500; font-size: 4vw; }
.titleStyle07 { margin-bottom: 0.5em; padding-bottom: 0.3em; border-bottom: 0.2vw solid #006e53; text-align: center; font-weight: 700; font-size:  4vw; }
.titleStyle08 { margin-bottom: 0.6em; padding-bottom: 0.3em; border-bottom: 0.6vw solid #006e53; font-size: 4vw; }
.titleStyle09 { margin-bottom: 0.6em; padding: 0.3em; background: #006e53; font-size: 4vw; text-align: center; color: #fff; }
}


/*
Top
---------------------------------------------*/
@media (min-width: 768px) {
.topBlock01 { margin-bottom: -80px; padding-top: 110px; background: url("/common/img/top_bg01.png") no-repeat 50% 0 / cover; text-align: center; }
.topBlock01 h1 { color: #fff; text-shadow: 0 0 20px #00430e; font-size: 6rem; }
.topBlock01 p { color: #fff; font-weight: 700; font-size: 3.2rem; }
.topBlock01 ul { margin: 0 auto; width: 1000px; }
.topBlock01 li { display: -webkit-flex; display: flex; width: 310px; height: 170px; border-radius: 20px; background: url("/common/img/top_bg02.png") no-repeat; box-shadow: 0 0 15.2px 0.8px rgba(0, 0, 0, 0.5); font-weight: 700; font-size: 2.8rem; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; }
.topBlock02 { margin-top: 90px; border: 1px solid #006e53; border-radius: 20px; background: #fff; }
.topBlock02 .titleStyle02 { margin-bottom: 30px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
.topBlock02 h3 { margin-bottom: 20px; }
.topBlock03 h2.unique { margin-top: -120px; padding: 30px; background: #006e53; color: #fff; text-align: center; font-size: 3.2rem; }
.topBlock03 h3 { margin-bottom: 45px; text-align: center; font-size: 2.2rem; }
.topBlock03 dl { padding: 30px 30px 20px; border: 1px solid #a1a1a1; }
.topBlock03 dt { margin-bottom: 15px; text-align: center; font-weight: 700; font-size: 2rem; }
.topBlock03 dt.icon02 { margin-bottom: 30px; }
.topBlock03 dd { padding-top: 10px; border-top: 1px solid #a1a1a1; font-size: 1.6rem; }
.topBlock03 .borderRadiusGreen { padding: 50px 40px 30px; }
.topBlock03 .flex.col3 dl { width: 290px; }
.topBlock03 .icon01,
.topBlock03 .icon02,
.topBlock03 .icon03 { position: relative; padding-left: 100px; }
.topBlock03 .icon04,
.topBlock03 .icon05,
.topBlock03 .icon06 { position: relative; padding-top: 80px; }
.topBlock03 .icon01:before,
.topBlock03 .icon02:before,
.topBlock03 .icon03:before { position: absolute; top: 0; bottom: 0; margin: auto 0 auto -110px; width: 96px; height: 83px; content: ""; }
.topBlock03 .icon04:before,
.topBlock03 .icon05:before,
.topBlock03 .icon06:before { position: absolute; right: 0; left: 0; margin: -90px auto 0 auto; width: 82px; height: 82px; content: ""; }
.topBlock03 .icon01:before { background: url("/common/img/top_img02.png") no-repeat 50% 50%; }
.topBlock03 .icon02:before { background: url("/common/img/top_img03.png") no-repeat 50% 50%; }
.topBlock03 .icon03:before { background: url("/common/img/top_img04.png") no-repeat 50% 50%; }
.topBlock03 .icon04:before { background: url("/common/img/top_img05.png") no-repeat 50% 50%; }
.topBlock03 .icon05:before { background: url("/common/img/top_img06.png") no-repeat 50% 50%; }
.topBlock03 .icon06:before { background: url("/common/img/top_img07.png") no-repeat 50% 50%; }
.meritList { margin-top: 60px; }
.meritList li { position: relative; padding: 155px 30px 0; width: 310px; height: 370px; border-radius: 20px; box-shadow: 0 4px 6.44px 0.56px rgba(0, 0, 0, 0.28); }
.meritList li:nth-child(1) { background: url("/common/img/top_bg03.png") no-repeat; }
.meritList li:nth-child(2) { background: url("/common/img/top_bg04.png") no-repeat; }
.meritList li:nth-child(3) { background: url("/common/img/top_bg05.png") no-repeat; }
.meritList li:before { position: absolute; top: -27px; right: 0; left: 0; margin: auto; width: 54px; height: 54px; content: ""; }
.meritList li:nth-child(1):before { background: url("/common/img/top_no01.png") no-repeat; }
.meritList li:nth-child(2):before { background: url("/common/img/top_no02.png") no-repeat; }
.meritList li:nth-child(3):before { background: url("/common/img/top_no03.png") no-repeat; }
.meritList dt { margin-bottom: 5px; color: #006e53; text-align: center; font-weight: 700; font-size: 2.4rem; }
.meritList dd { font-size: 1.6rem; }
}
@media screen and (max-width: 767px) {
.topBlock01 { position: relative; z-index: 1; margin-bottom: -22vw; padding-top: 12vw; background: url("/common/img/sp_top_bg01.png") no-repeat 0 0 / 100% auto; text-align: center; }
.topBlock01 h1 { color: #fff; text-shadow: 0 0 3vw #00430e; font-size: 9.375vw; }
.topBlock01 p { margin-bottom: 7vw; color: #fff; font-weight: 700; font-size: 5vw; }
.topBlock01 ul { margin: 0 5vw; }
.topBlock01 li { display: -webkit-flex; display: flex; margin-bottom: 3vw; width: 90vw; height: 12.5vw; border-radius: 3.125vw; background: url("/common/img/sp_top_bg02.png") no-repeat 0 0 / 90vw auto; box-shadow: 0 0 2vw 0.1vw rgba(0, 0, 0, 0.5); font-weight: 700; font-size: 4.375vw; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; }
.topBlock02 { position: relative; z-index: 0; margin-top: 19vw; border: 0.2vw solid #006e53; border-radius: 3.125vw; background: #fff; }
.topBlock02 .titleStyle02 { margin-bottom: 5vw; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
.topBlock02 h3 { margin-bottom: 5vw; }
.topBlock02 figure { margin: 0.5em 1em; }
.topBlock03 h2.unique { margin-top: -20vw; padding: 5vw; background: #006e53; color: #fff; text-align: center; font-size: 5vw; }
.topBlock03 h3 { margin-bottom: 7vw; text-align: center; font-size: 4vw; }
.topBlock03 dl { margin-top: 3vw; padding: 5vw; border: 0.2vw solid #a1a1a1; }
.topBlock03 dt { margin-bottom: 3vw; text-align: center; font-weight: 700; font-size: 4vw; }
.topBlock03 dt.icon02 { margin-bottom: 3vw; }
.topBlock03 dd { padding-top: 3vw; border-top: 0.2vw solid #a1a1a1; font-size: 1.6rem; }
.topBlock03 .borderRadiusGreen { padding: 7vw 5vw 5vw; }
.topBlock03 .icon01,
.topBlock03 .icon02,
.topBlock03 .icon03 { position: relative; padding-left: 15vw; }
.topBlock03 .icon04,
.topBlock03 .icon05,
.topBlock03 .icon06 { position: relative; padding-top: 12vw; }
.topBlock03 .icon01:before,
.topBlock03 .icon02:before,
.topBlock03 .icon03:before { position: absolute; top: 0; bottom: 0; margin: auto 0 auto -15vw; width: 14vw; height: 14vw; content: ""; }
.topBlock03 .icon04:before,
.topBlock03 .icon05:before,
.topBlock03 .icon06:before { position: absolute; right: 0; left: 0; margin: -14vw auto 0 auto; width: 14vw; height: 14vw; content: ""; }
.topBlock03 .icon01:before { background: url("/common/img/top_img02.png") no-repeat 50% 50% / 14vw auto; }
.topBlock03 .icon02:before { background: url("/common/img/top_img03.png") no-repeat 50% 50% / 14vw auto; }
.topBlock03 .icon03:before { background: url("/common/img/top_img04.png") no-repeat 50% 50% / 14vw auto; }
.topBlock03 .icon04:before { background: url("/common/img/top_img05.png") no-repeat 50% 50% / 14vw auto; }
.topBlock03 .icon05:before { background: url("/common/img/top_img06.png") no-repeat 50% 50% / 14vw auto; }
.topBlock03 .icon06:before { background: url("/common/img/top_img07.png") no-repeat 50% 50% / auto 14vw; }
.meritList { margin: 0 5vw; }
.meritList li { position: relative; margin-top: 8vw; padding: 155px 30px 0; width: 80vw; height: 95.4vw; border-radius: 3.125vw; box-shadow: 0 0.6vw 1vw 0.1vw rgba(0, 0, 0, 0.28); }
.meritList li:nth-child(1) { background: url("/common/img/top_bg03.png") no-repeat 0 0 / 80vw auto; }
.meritList li:nth-child(2) { background: url("/common/img/top_bg04.png") no-repeat 0 0 / 80vw auto; }
.meritList li:nth-child(3) { background: url("/common/img/top_bg05.png") no-repeat 0 0 / 80vw auto; }
.meritList li:before { position: absolute; top: -5vw; right: 0; left: 0; margin: auto; width: 10vw; height: 10vw; content: ""; }
.meritList li:nth-child(1):before { background: url("/common/img/top_no01.png") no-repeat 0 0 / 10vw auto; }
.meritList li:nth-child(2):before { background: url("/common/img/top_no02.png") no-repeat 0 0 / 10vw auto; }
.meritList li:nth-child(3):before { background: url("/common/img/top_no03.png") no-repeat 0 0 / 10vw auto; }
.meritList dt { margin-bottom: 3vw; color: #006e53; text-align: center; font-weight: 700; font-size: 5vw; }
}



/*
Risk
---------------------------------------------*/
@media (min-width: 768px) {
.riskBlock01 .bgArrow { margin-bottom: 0; padding-bottom: 68px; }
.riskBlock01 .bgArrow:after { bottom: 0; }
.riskBlock03 .borderRadiusGreen dl { width: 170px; text-align: center; }
.riskBlock03 .borderRadiusGreen dd { margin-top: 10px; font-size: 1.6rem; }
.riskBlock03 .borderRadiusGreen p { width: 720px; }
}
@media screen and (max-width: 767px) {
.riskBlock01 .bgArrow { margin-bottom: 0; padding-bottom: 10vw; }
.riskBlock01 .bgArrow:after { bottom: 0; }
.riskBlock02 .w50 { width: 50vw; }
.riskBlock02 figcaption { text-align: left !important; }
.riskBlock03 .borderRadiusGreen dl { text-align: center; }
.riskBlock03 .borderRadiusGreen dd { margin-top: 3vw; }
}

/*
Mentalhealth
---------------------------------------------*/
@media (min-width: 768px) {
.mentalhealthBlock02 .flex { margin-bottom: 60px; }
.mentalhealthBlock02 .flex div { width: 310px; border: 1px solid #006e53; border-radius: 20px; background: #fff; }
.mentalhealthBlock02 h3 { margin-bottom: 20px; padding: 15px; border-top-left-radius: 20px; border-top-right-radius: 20px; background: #006e53; color: #fff; text-align: center; font-size: 2.2rem; }
.mentalhealthBlock02 dl { margin-bottom: 20px; padding-top: 110px; font-size: 1.6rem; }
.mentalhealthBlock02 .flex div:nth-child(1) dl { background:  url("/common/img/mentalhealth_img03.png") no-repeat 50% 0; }
.mentalhealthBlock02 .flex div:nth-child(2) dl { background:  url("/common/img/mentalhealth_img04.png") no-repeat 50% 0; }
.mentalhealthBlock02 .flex div:nth-child(3) dl { background:  url("/common/img/mentalhealth_img05.png") no-repeat 50% 0; }
.mentalhealthBlock02 dt { margin: 0 20px 15px; padding: 10px; background: #cce2dd; }
.mentalhealthBlock02 dd { margin: 0 20px; }
}
@media screen and (max-width: 767px) {
.mentalhealthBlock02 .flex div { margin-bottom: 3vw; border: 0.2vw solid #006e53; border-radius: 3.125vw; background: #fff; }
.mentalhealthBlock02 h3 { margin-bottom: 3vw; padding: 2vw; border-top-left-radius: 3.125vw; border-top-right-radius: 3.125vw; background: #006e53; color: #fff; text-align: center; font-size: 5vw; }
.mentalhealthBlock02 dl { margin-bottom: 3vw; padding-top: 17vw; }
.mentalhealthBlock02 .flex div:nth-child(1) dl { background:  url("/common/img/mentalhealth_img03.png") no-repeat 50% 0 /auto 15vw; }
.mentalhealthBlock02 .flex div:nth-child(2) dl { background:  url("/common/img/mentalhealth_img04.png") no-repeat 50% 0 /auto 15vw; }
.mentalhealthBlock02 .flex div:nth-child(3) dl { background:  url("/common/img/mentalhealth_img05.png") no-repeat 50% 0 /auto 15vw; }
.mentalhealthBlock02 dt { margin: 0 5vw 4vw; padding: 3vw; background: #cce2dd; }
.mentalhealthBlock02 dd { margin: 0 5vw; }
}

/*
Features
---------------------------------------------*/
@media (min-width: 768px) {
.featuresBlock01 { padding: 40px 40px 20px; border: 3px solid #006e53; border-radius: 20px; }
.featuresBlock01 h2 { margin: -70px 120px 0; padding: 10px; border-radius: 10px; background: #006e53; color: #fff; text-align: center; font-size: 3rem; }
.featuresList { }
.featuresList li { position: relative; margin-top: 40px; padding: 0 40px; width: 440px; height: 465px; border-radius: 20px; background: url("/common/img/features_bg01.png") no-repeat; box-shadow: 0 4px 6.44px 0.56px rgba(0, 0, 0, 0.28); }
.featuresList li:before { position: absolute; top: -27px; right: 0; left: 0; margin: auto; width: 54px; height: 54px; content: ""; }
.featuresList li:nth-child(1):before { background: url("/common/img/top_no01.png") no-repeat; }
.featuresList li:nth-child(2):before { background: url("/common/img/top_no02.png") no-repeat; }
.featuresList li:nth-child(3):before { background: url("/common/img/top_no03.png") no-repeat; }
.featuresList li:nth-child(4):before { background: url("/common/img/top_no04.png") no-repeat; }
.featuresList li:nth-child(1) dl { background: url("/common/img/features_img01.png") no-repeat 50% 50px; }
.featuresList li:nth-child(2) dl { background: url("/common/img/features_img02.png") no-repeat 50% 50px; }
.featuresList li:nth-child(3) dl { background: url("/common/img/features_img03.png") no-repeat 50% 50px; }
.featuresList li:nth-child(4) dl { background: url("/common/img/features_img04.png") no-repeat 50% 50px; }
.featuresList dl { padding-top: 155px; }
.featuresList dt { margin-bottom: 5px; color: #006e53; text-align: center; font-weight: 700; font-size: 2.4rem; }
.featuresList dd { font-size: 1.6rem; }
}
@media screen and (max-width: 767px) {
.featuresBlock01 { padding: 5vw 5vw 4vw; border: 0.5vw solid #006e53; border-radius: 3.125vw; }
.featuresBlock01 h2 { margin: -12vw 5vw 0; padding: 2vw; border-radius: 1.5vw; background: #006e53; color: #fff; text-align: center; font-size: 5vw; }
.featuresList { }
.featuresList li { position: relative; margin-top: 8vw; padding: 0 5vw; width: 82vw; height: 86.5vw; border-radius: 3.125vw; background: url("/common/img/features_bg01.png") no-repeat 0 0 / 82vw auto; box-shadow: 0 0.6vw 1vw 0.1vw rgba(0, 0, 0, 0.28); }
.featuresList li:before { position: absolute; top: -5vw; right: 0; left: 0; margin: auto; width: 10vw; height: 10vw; content: ""; }
.featuresList li:nth-child(1):before { background: url("/common/img/top_no01.png") no-repeat 0 0 / 10vw auto; }
.featuresList li:nth-child(2):before { background: url("/common/img/top_no02.png") no-repeat 0 0 / 10vw auto; }
.featuresList li:nth-child(3):before { background: url("/common/img/top_no03.png") no-repeat 0 0 / 10vw auto; }
.featuresList li:nth-child(4):before { background: url("/common/img/top_no04.png") no-repeat 0 0 / 10vw auto; }
.featuresList li:nth-child(1) dl { background: url("/common/img/features_img01.png") no-repeat 50% 8vw / auto 14vw; }
.featuresList li:nth-child(2) dl { background: url("/common/img/features_img02.png") no-repeat 50% 8vw / auto 14vw; }
.featuresList li:nth-child(3) dl { background: url("/common/img/features_img03.png") no-repeat 50% 8vw / auto 14vw; }
.featuresList li:nth-child(4) dl { background: url("/common/img/features_img04.png") no-repeat 50% 8vw / auto 14vw; }
.featuresList dl { padding-top: 24vw; }
.featuresList dt { margin-bottom: 2vw; color: #006e53; text-align: center; font-weight: 700; }
.featuresList dd { font-size: 3.4vw; }
}

/*
Compensation
---------------------------------------------*/
@media (min-width: 768px) {
.compensationBlock02 h4 { margin: -20px -40px 20px; padding: 15px; border-top-left-radius: 20px; border-top-right-radius: 20px; background: #006e53; color: #fff; text-align: center; font-size: 2.2rem; }
.compensationBlock03in { margin-bottom: 70px; padding: 0 20px; border-right: 1px solid #000; border-bottom: 1px solid #000; border-left: 1px solid #000; font-size: 1.6rem; }
.compensationBlock03 h3 { margin: 20px -20px; padding: 10px 20px; border-top: 1px solid #000; border-bottom: 1px solid #000; background: #efefef; font-size: 1.8rem; }
.compensationBlock03 h4 { display: inline-block; padding: 5px; width: 290px; border: 1px solid #000; text-align: center; font-weight: 500; }
.compensationBlock03 .cont { display: inline-block; padding: 4px; width: 180px; background: #efefef; vertical-align: middle; text-align: center; }
.compensationBlock03 .sum { display: inline-block; vertical-align: middle; font-size: 3rem; }
.compensationBlock03 .kakkoL { display: inline-block; margin-left: -0.5em; vertical-align: middle; font-size: 5rem; }
.compensationBlock03 .kakkoR { display: inline-block; margin-right: -0.5em; vertical-align: middle; font-size: 5rem; }
.compensationBlock03 .fwSB { vertical-align: middle; }
.compensationBlock04 .borderRadiusGreenS { margin: 20px 0; width: 480px; }
.compensationBlock04 .borderRadiusGreenS:last-child { width: 1000px; }
.compensationBlock04 .borderRadiusGreenS > dt { margin-bottom: 10px; text-align: center; font-size: 2rem; }
.compensationBlock04 .borderRadiusM { margin: 20px 0 40px; border-radius: 20px; background: #fff; width: 440px; overflow: hidden; font-size: 1.6rem; }
.compensationBlock04 .borderRadiusM dt { padding: 20px; text-align: center; color: #fff; font-size: 2rem; }
.compensationBlock04 .borderRadiusM dd { padding: 20px 22px; }
.compensationBlock04 .borderRadiusM div { background: #efefef; padding: 100px 20px 20px; margin-top: 20px; position: relative; }
.compensationBlock04 .borderRadiusM div::before { position: absolute; content: ""; top: 0; left: 0; right: 0; margin: auto; width: 100px; height: 100px; }
.compensationBlock04 .borderRadiusM.no { border: 1px solid #5a5757; }
.compensationBlock04 .borderRadiusM.no dt { background: #5a5757; }
.compensationBlock04 .borderRadiusM.no div::before { background: url("../img/compensation_img03.svg") no-repeat 50% 50%; }
.compensationBlock04 .borderRadiusM.yes { border: 2px solid #006e53; }
.compensationBlock04 .borderRadiusM.yes dt { background: #006e53; padding: 16px 20px; font-size: 2.4rem; }
.compensationBlock04 .borderRadiusM.yes div::before { background: url("../img/compensation_img04.svg") no-repeat 50% 50%; }
}
@media screen and (max-width: 767px) {
.compensationBlock02 h4 { margin: -3vw -6vw 3vw; padding: 3vw; border-top-left-radius: 3.125vw; border-top-right-radius: 3.125vw; background: #006e53; color: #fff; text-align: center; font-size: 4vw; }
.compensationBlock03in { margin-bottom: 10vw; padding: 0 3vw; border-right: 0.2vw solid #000; border-bottom: 0.2vw solid #000; border-left: 0.2vw solid #000; }
.compensationBlock03 h3 { margin: 3vw -3vw; padding: 2vw 3vw; border-top: 0.2vw solid #000; border-bottom: 0.2vw solid #000; background: #efefef; }
.compensationBlock03 h4 { display: inline-block; padding: 1vw; width: 60vw; border: 0.2vw solid #000; text-align: center; font-weight: 500; }
.compensationBlock03 .cont { display: inline-block; padding: 1vw; background: #efefef; vertical-align: middle; text-align: center; }
.compensationBlock03 .sum { display: inline-block;}
.compensationBlock03 .kakkoL { display: inline-block; margin-left: -0.5em; }
.compensationBlock03 .kakkoR { display: inline-block; margin-right: -0.5em; }
.compensationBlock03 .fwSB { vertical-align: middle; }
.compensationBlock04 .borderRadiusGreenS { margin: 3vw 0; }
.compensationBlock04 .borderRadiusGreenS > dt { margin-bottom: 2vw; text-align: center; font-size: 4.6vw; }
.compensationBlock04 .borderRadiusM { margin: 2vw 0 4vw; border-radius: 2vw; background: #fff;; overflow: hidden; font-size: 3.125vw; }
.compensationBlock04 .borderRadiusM dt { padding: 2vw; text-align: center; color: #fff; font-size: 4vw; }
.compensationBlock04 .borderRadiusM dd { padding: 2vw; }
.compensationBlock04 .borderRadiusM div { background: #efefef; padding: 14vw 2vw 2vw; margin-top: 2vw; position: relative; }
.compensationBlock04 .borderRadiusM div::before { position: absolute; content: ""; top: 2vw; left: 0; right: 0; margin: auto; width: 10vw; height: 10vw; }
.compensationBlock04 .borderRadiusM.no { border: 1px solid #5a5757; }
.compensationBlock04 .borderRadiusM.no dt { background: #5a5757; }
.compensationBlock04 .borderRadiusM.no div::before { background: url("../img/compensation_img03.svg") no-repeat 50% 50% / cover; }
.compensationBlock04 .borderRadiusM.yes { border: 2px solid #006e53; }
.compensationBlock04 .borderRadiusM.yes dt { background: #006e53; padding: 1.6vw 2vw; font-size: 4.2vw; }
.compensationBlock04 .borderRadiusM.yes div::before { background: url("../img/compensation_img04.svg") no-repeat 50% 50% / cover; }
}

/*
Estimate
---------------------------------------------*/
@media (min-width: 768px) {
.estimateBlock01{ padding-bottom: 40px; border: 1px solid #006e53; border-radius: 20px; background: #fff; }
.estimateBlock01 figure { margin: 40px 0; }
.estimateBlock01 .titleStyle02 { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
.pointList { margin: 0 auto; width: 776px; }
.pointList li { padding: 20px; width: 240px; border: 2px solid #006e53; border-radius: 15px; text-align: center; }
.pointList dt { margin-bottom: 15px; font-size: 1.6rem; }
.pointList dt span { display: inline-block; margin-left: 5px; padding-top: 7px; width: 36px; height: 36px; border-radius: 50%; background: #faa603; font-weight: 700; font-size: 2rem; line-height: 1; }
.pointList dd { padding-top: 110px; }
.pointList li:nth-child(1) dd { background: url("/common/img/estimate_img02.png") no-repeat 50% 10px; }
.pointList li:nth-child(2) dd { background: url("/common/img/estimate_img03.png") no-repeat 50% 0; }
.pointList li:nth-child(3) dd { background: url("/common/img/estimate_img04.png") no-repeat 50% 0; }
.pointList2 { margin: 0 auto; width: 880px; }
.forte { padding: 0 40px 20px; width: 420px; border: 2px solid #006e53; border-radius: 15px; }
.forte dt { margin: 0 -40px 20px; padding: 10px; border-top-left-radius: 15px; border-top-right-radius: 15px; background: #006e53; color: #fff; text-align: center; font-size: 2rem; }
.forte dd { margin-top: 1em; }
.forte .greenArrowS { width: 340px; font-weight: 500; font-size: 1.6rem; }
}
@media screen and (max-width: 767px) {
.estimateBlock01{ padding-bottom: 5vw; border: 0.2vw solid #006e53; border-radius: 3.125vw; background: #fff; }
.estimateBlock01 figure { margin: 5vw; }
.estimateBlock01 .titleStyle02 { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
.pointList { margin: 0 auto; width: 60vw; }
.pointList li { margin-top: 3vw; padding: 3vw 5vw; border: 0.4vw solid #006e53; border-radius: 1.5vw; text-align: center; }
.pointList dt { margin-bottom: 3vw; }
.pointList dt span { display: inline-block; margin-left: 1vw; padding-top: 1vw; width: 7vw; height: 7vw; border-radius: 50%; background: #faa603; font-weight: 700; font-size: 5vw; line-height: 1; }
.pointList dd { padding-top: 17vw; }
.pointList li:nth-child(1) dd { background: url("/common/img/estimate_img02.png") no-repeat 50% 0 / auto 14vw; }
.pointList li:nth-child(2) dd { background: url("/common/img/estimate_img03.png") no-repeat 50% 0 / auto 14vw; }
.pointList li:nth-child(3) dd { background: url("/common/img/estimate_img04.png") no-repeat 50% 0 / auto 14vw; }
.pointList2 {  }
.forte { margin: 3vw 5vw; padding: 0 5vw 3vw; border: 2px solid #006e53; border-radius: 2vw; }
.forte dt { margin: 0 -5vw 4vw; padding: 2vw; border-top-left-radius: 2vw; border-top-right-radius: 2vw; background: #006e53; color: #fff; text-align: center; font-size: 4.6vw; }
.forte dd { margin-top: 1em; }
.forte .greenArrowS { width: 70vw; font-weight: 500; font-size: 4vw; }
}

/*
Service
---------------------------------------------*/
@media (min-width: 768px) {
.serviceBlock01 h3 { margin-top: 30px; border-bottom: 3px solid #006e53; }
.serviceBlock01 h3 span { display: inline-block; padding: 6px 20px; background: #006e53; color: #fff; font-size: 2.4rem; }
}
@media screen and (max-width: 767px) {
.serviceBlock01 h3 { margin-top: 5vw; border-bottom: 0.5vw solid #006e53; }
.serviceBlock01 h3 span { display: inline-block; margin-bottom: -0.2vw; padding: 1vw 3vw; background: #006e53; color: #fff; font-size: 4.2vw;}
}

/*
Service
---------------------------------------------*/
@media (min-width: 768px) {
.formBlock01 a { color: #006e53; }
.formBlock01 .button.greenArrow { width: 350px; }
.required { display: inline-block; margin-right: 0.6em; padding: 2px 10px; background: #faa603; font-size: 1.2rem; }
.optional { display: inline-block; margin-right: 0.6em; padding: 2px 10px; background: #01a17a; color: #fff; font-size: 1.2rem; }
.tableForm { margin-bottom: 40px; border-right: 1px solid #9fa0a0; border-left: 1px solid #9fa0a0; table-layout: fixed; font-size: 1.6rem; }
.tableForm + p { margin-top: -20px; }
.tableForm th { padding: 15px; border-top: 1px solid #9fa0a0; border-bottom: 1px solid #9fa0a0; background: #f0f0f0; text-align: left; font-weight: normal; }
.tableForm td { padding: 10px 30px; border-top: 1px solid #9fa0a0; border-bottom: 1px solid #9fa0a0; vertical-align: middle; }
.tableForm input[type="text"],
.tableForm input[type="email"],
.tableForm input[type="tel"],
.tableForm input[type="url"] { padding: 10px; width: 340px; border: 1px solid #9fa0a0; }
.tableForm label { margin-right: 1em; }
.tableForm textarea { margin: 0 !important; }
.tableForm2 { margin-bottom: 40px; table-layout: fixed; }
.tableForm2 th { padding: 15px; border-bottom: 1px solid #9fa0a0; font-size: 1.6rem; }
.tableForm2 td { padding: 10px; border-top: 1px solid #9fa0a0; border-bottom: 1px solid #9fa0a0; vertical-align: middle; text-align: center; font-size: 2rem; }
.tableForm2 input[type="text"] { padding: 10px; width: 180px; border: 1px solid #9fa0a0; }
.tableForm3 { margin-bottom: 40px; table-layout: fixed; font-size: 1.6rem; }
.tableForm3 th { padding: 15px; border-top: 1px solid #9fa0a0; background: #f0f0f0; text-align: left; font-weight: normal; }
.tableForm3 td { padding: 15px; border-bottom: 1px solid #9fa0a0; vertical-align: middle; }
.tableForm3 input[type="text"] { margin: 0 0.4em; padding: 5px; width: 100px; border: 1px solid #9fa0a0; }
.tableForm3 input.widthL { width: 340px; }
.tableForm3 input.widthM { width: 340px; }
.tableForm3 label { margin-right: 1em; }
.tableForm3 textarea { margin: 0 !important; }
.tableForm3 select { padding: 5px; width: 340px; border: 1px solid #9fa0a0; border-radius: 0; background: url("/common/img/icon_arrrow_b.png") no-repeat 100% 50%; }
}
@media screen and (max-width: 767px) {
.required { display: inline-block; margin-right: 0.6em; padding: 0.5vw 2vw; background: #faa603; font-size: 2.8vw; }
.optional { display: inline-block; margin-right: 0.6em; padding: 0.5vw 2vw; background: #01a17a; color: #fff; font-size: 2.8vw; }
.tableForm { margin-bottom: 10vw; table-layout: fixed; font-size: 3.4vw; }
.tableForm + p { margin-top: -6vw; }
.tableForm th { padding: 3vw; border-top: 0.2vw solid #9fa0a0; border-bottom: 0.2vw solid #9fa0a0; background: #f0f0f0; text-align: left; font-weight: normal; }
.tableForm th span { display: block; margin-right: 0; text-align: center; }
.tableForm td { padding: 2vw 0 2vw 3vw; border-top: 0.2vw solid #9fa0a0; border-bottom: 0.2vw solid #9fa0a0; vertical-align: middle; }
.tableForm input[type="text"],
.tableForm input[type="email"],
.tableForm input[type="tel"],
.tableForm input[type="url"] { padding: 1vw; width: 100%; border: 0.2vw solid #9fa0a0; }
.tableForm label { margin-right: 1em; }
.tableForm textarea { margin: 0 !important; }
.tableForm2 { margin-bottom: 10vw; table-layout: fixed; }
.tableForm2 th { padding: 2vw; border-top: 0.2vw solid #9fa0a0; border-bottom: 0.2vw solid #9fa0a0; background: #f0f0f0; font-weight: normal; font-size: 3.4vw; }
.tableForm2 td { padding: 2vw; border-top: 0.2vw solid #9fa0a0; border-bottom: 0.2vw solid #9fa0a0; vertical-align: middle; text-align: center; font-size: 4.2vw; }
.tableForm2 input[type="text"] { padding: 1vw; width: 14vw; border: 0.2vw solid #9fa0a0; }
.tableForm3 { margin-bottom: 10vw; table-layout: fixed; font-size: 3.4vw; }
.tableForm3 small { display: block; }
.tableForm3 th { padding: 3vw; border-top: 0.2vw solid #9fa0a0; background: #f0f0f0; text-align: left; font-weight: normal; }
.tableForm3 td { padding: 3vw; border-bottom: 0.2vw solid #9fa0a0; vertical-align: middle; }
.tableForm3 input[type="text"] { margin: 0.2em 0.4em; padding: 1vw; width: 12vw; border: 0.2vw solid #9fa0a0; }
.tableForm3 input.widthL { width: 100%; }
.tableForm3 input.widthM { width: 60%; }
.tableForm3 label { margin: 0.5em 1em 0.5em 0; }
.tableForm3 textarea { margin: 0 !important; }
.tableForm3 select { padding: 1vw; width: 100%; border: 0.2vw solid #9fa0a0; border-radius: 0; background: url("/common/img/icon_arrrow_b.png") no-repeat 100% 50%; }
}

.request_notice{
  font-weight: bold;
  margin-bottom: 20px;
}
input[type=checkbox]{margin-right:5px;}