@charset "utf-8";


/* GoogleFonts読み込み 下記のライセンス記述は削除禁止 */
/*
* "Noto Sans JP" licensed under the SIL Open Font License 1.1
* by https://fonts.google.com/specimen/Noto+Sans+JP
*/
/*
@font-face {
font-family: "Noto Sans JP";
font-style: normal;
font-weight: 400;
src: url("fonts/NS-400.woff2") format("woff2"), url("fonts/NS-400.woff") format("woff");
font-display: swap;
}

@font-face {
font-family: "Noto Sans JP";
font-style: normal;
font-weight: 700;
src: url("fonts/NS-700.woff2") format("woff2"), url("fonts/NS-700.woff") format("woff");
font-display: swap;
}
*/

/*
---------------------------------------------

base settings

*/
html {
font-size: 62.5%;
}

body {
min-width: 1000px;
margin: 0;
padding: 0;
font-family: "Noto Sans JP", sans-serif;
font-size: 1.6rem;
-webkit-text-size-adjust: 100%;
line-height: 1.8;
color: #333;
-webkit-font-smoothing: antialiased;
overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
padding: 0;
font-weight: normal;
clear: both;
}

ul,
ol,
dl,
p,
img,
form,
dt,
dd {
margin: 0;
padding: 0;
border: 0;
}

li {
list-style: none;
}

input,
textarea {
font-size: 1.2rem;
}

img {
vertical-align: bottom;
max-width: 100%;
height: auto;
}

a {
color: #333;
}

a:active,
a:hover {
color: #333;
transition: background 0.3s ease;
text-decoration: none;
border: none;
}

strong {
font-weight: bold;
}

em {
font-style: italic;
font-weight: normal;
}
/* microclearfix */
.cf:before,
.cf:after {
content: " ";
/* 1 */
display: table;
/* 2 */;
}

.cf:after {
clear: both;
}
/** For IE 6/7 only */
.cf {
*zoom: 1;
}

* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
/* microclearfix */
.cf:before,
.cf:after {
content: " ";
/* 1 */
display: table;
/* 2 */;
}

.cf:after {
clear: both;
}
/** For IE 6/7 only */
.cf {
*zoom: 1;
}

.acBtn {
color: #ce3a34;
font-weight: bold;
width: 100%;
border-bottom: 1px dashed #ce3a34;
text-align: center;
font-size: 1.2em;
margin: 1rem 0;
cursor: pointer;
}

.acBtn:hover {
opacity: .6;
}
/*
---------------------------------------------


*/


.l-main-area p {
margin: 0.5em 0 1em;
}

.l-main-area p.l-parts02-white__recommend__text {
font-size: 1.8rem;
text-align: center;
margin-bottom: 3rem;
font-weight: bold;
}

.l-main-area .l-common-title__undertext {
width: 80%;
margin: 0 auto 4rem auto;
}

.l-main-area p.l-common-title__undertext:hover {
opacity: .6;
}

.l-main-area p:not([class]) strong,
.l-main-area p:not([class]) span:not([class]) {
border-bottom: 3px solid #ffb885;
color: #000;
font-size: 1.8rem;
font-weight: bold;
}

.l-main-area ul {
margin: 2rem;
}

.l-main-area ul li {
margin: 0 0 1em 0;
padding: 0 0 0 2.2rem;
background: url(img/icon_li.png) no-repeat 0 6px;
list-style-position: outside;
font-size: 1.4rem;
}

.l-main-area ol {
margin: 30px 20px;
counter-reset: number;
list-style-type: none!important;
text-align: left;
}

.l-main-area ol li {
position: relative;
margin: 0 0 1em 0;
padding: 0 0 0 25px;
font-size: 1.4rem;
}

.l-main-area ol li:before {
position: absolute;
counter-increment: number;
content: counter(number);
display: inline-block;
background: #ff9a51;
top: 2px;
left: 0;
width: 20px;
height: 20px;
border-radius: 3px;
text-align: center;
color: #fff;
font-size: 1.2rem;
display: block;
align-items: center;
justify-content: center;
}

table th,
table td {
word-break: break-all;
}

.l-main-area table:not([class]) {
width: 100%;
margin: 4rem 0;
padding: 0;
border-collapse: collapse;
text-align: left;
}

.l-main-area table:not([class]) th {
padding: 10px 15px;
background: #eeeeef;
border: 1px #444 solid;
font-weight: bold;
}

.l-main-area table:not([class]) td {
padding: 10px 15px;
background: #fff;
border: 1px #444 solid;
}


/*--------------------------------------
btns
---------------------------------------*/
.l-contents-area .btn-tel {
display: none;
}

.l-contents-area .btn-web {
margin: 4rem auto;
padding: 0;
display: block;
text-align: center;
position: relative;
}

.l-contents-area .btn-internal {
margin: 3rem auto;
padding: 0;
display: block;
text-align: center;
position: relative;
transition: .2s;
}
.l-contents-area .btn-internal a {
width: 430px;
margin: 0;
padding: 2rem 5rem 2rem 3rem;
display: inline-block;
background: #5e6e7c;
border-radius: 5rem;
box-shadow: 5px 5px 0 #4e4e4e;
font-size: 1.8rem;
line-height: 1.4;
color: #fff;
text-decoration: none;
text-align: center;
position: relative;
transition: .2s;
top: 0;
left: 0;
font-weight: bold;
}
.l-contents-area .btn-internal a:after {
content: '';
width: 22px;
height: 12px;
background: url(img/arrow_white.png) no-repeat center center;
background-size: 22px 12px;
position: absolute;
top: 50%;
right: 20px;
transform: translateY(-50%);
}
.l-contents-area .btn-internal.in-page a:after {
width: 12px;
height: 22px;
background: url(img/arrow_green_top.png) no-repeat center center;
background-size: 12px 22px;
}
.l-contents-area .btn-internal a:hover {
box-shadow: none;
top: 5px;
left: 5px;
}
.l-contents-area .btn-web a {width: 430px;margin: 0;padding: 2rem 5rem 2rem 3rem;display: inline-block;border-radius: 5rem;background: #ffa767;box-shadow: 5px 5px 0 #4e4e4e;font-size: 1.8rem;font-weight: bold;line-height: 1.4;color: #000;text-decoration: none;text-align: center;position: relative;left: 0;top: 0;transition: .2s;}
.l-contents-area .btn-web a:after {
content: '';
width: 23px;
height: 18px;
background: url(img/btn_white.svg) no-repeat center center;
background-size: 23px 18px;
position: absolute;
top: 50%;
right: 20px;
transform: translateY(-50%);
}
.l-contents-area .btn-web a:hover {
box-shadow: none;
top: 5px;
left: 5px;
}


.l-contents-area .btn-link {
margin: 20px 0;
padding: 0;
text-align: right;
line-height: 1.4;
}
.l-contents-area .btn-link a {
padding: 5px 30px 5px 0;
background: url(img/arrow_black.png) no-repeat right top 40%;
background-size: 22px 12px;
text-decoration: underline;
color: #9ab524;
font-size: 1.6rem;
font-weight: bold;
}
.l-contents-area .btn-link a:hover {
text-decoration: none;
opacity: 0.7;
}

.l-main-area .float-wrap {
margin: 10px 0 40px;
}

.l-main-area .float-wrap .float-img img {
max-width: 100%;
}

.l-main-area .float-wrap .float-img.fr {
width: 300px;
margin: 0 0 10px 20px;
float: right;
}

.l-main-area .float-wrap .float-img.fl {
width: 300px;
margin: 0 20px 10px 0;
float: left;
}

.l-main-area .float-wrap .float-img.ct {
width: 300px;
margin: 0 auto;
}

.l-main-area .caption {
display: block;
margin: 0;
padding: 0.8rem 0 0 0;
color: #7d7d7d;
font-size: 1rem;
font-weight: normal;
line-height: 1.4;
text-align: center;
overflow: auto;
white-space: nowrap;
word-break: break-all;
}

.l-main-area .caption a {
color: #7d7d7d;
text-decoration: none;
}



.l-main-area .box-wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 6rem 0;
}
.l-main-area .box-wrap .box {
width: calc((100% - 5.8rem) / 2);
margin: 0 0 3rem 0;
padding: 2rem;
border: 1px solid #959595
}
.l-main-area .box-wrap p {
margin: 0;
}
.l-main-area .box-wrap .box-head {
display: flex;
align-items: center;
justify-content: center;
position: relative;
padding: 0 0 2.8rem 0;
color: #000;
font-size: 1.8rem;
font-weight: bold;
line-height: 1.4;
text-align: center;
}
.l-main-area .box-wrap .box-head::before {
position: absolute;
left: 50%;
bottom: 0;
transform: translateX(-50%);
width: 64px;
height:6px;
background: #ffb885;
content: "";
}
.l-main-area .box-wrap .box-head .ttl {
display: block;
width: 100%;
box-sizing: border-box;
}
.l-main-area .box-wrap .box-head a {
display: block;
padding: 0 2rem 0 0;
background: url(img/arrow_black.png) no-repeat right center;
background-size: 15px auto;
text-decoration: none;
}
.l-main-area .box-wrap .box-head a:hover {
text-decoration: none;
opacity: 0.7;
}
.l-main-area .box-wrap .box-body {
padding: 2rem 0 0 0;
}



.l-main-area .frame-wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 6rem 0;
}
.l-main-area .frame-wrap::after {
display: block;
width: calc((100% - 6rem) / 3);
content:"";
}
.l-main-area .frame-wrap .frame {width: calc((100% - 6rem) / 3);margin: 0 0 3rem 0;padding: 2rem;background: #f5f5f5;border-top: 8px solid #cfdb3d;box-shadow: 0 0 3px 0 rgb(0 0 0 / 20%);}
.l-main-area .frame-wrap p {
margin: 0;
}
.l-main-area .frame-wrap .frame-head {
display: flex;
align-items: center;
justify-content: center;
padding: 0 0 2.5rem 0;
border-bottom: 1px solid #000;
color: #000;
font-size: 2rem;
font-weight: bold;
line-height: 1.4;
text-align: center;
}
.l-main-area .frame-wrap .frame-head .ttl {
display: block;
width: 100%;
box-sizing: border-box;
}
.l-main-area .frame-wrap .frame-head a {
display: block;
padding: 0 2rem 0 0;
background: url(img/arrow_black.png) no-repeat right center;
background-size: 15px auto;
text-decoration: none;
}
.l-main-area .frame-wrap .frame-head a:hover {
text-decoration: none;
opacity: 0.7;
}
.l-main-area .frame-wrap .frame-body {
padding: 2rem 0 0 0;
text-align: center;
}



/*--------------------------------------
heading
---------------------------------------*/
.l-main-area h1:not([class]),
.l-main-area h2:not([class]),
.l-main-area h3:not([class]),
.l-main-area h4:not([class]),
.l-main-area h5:not([class]),
.l-main-area h6:not([class]) {
position: relative;
color: #000;
font-weight: 700;
line-height: 1.4;
}

.l-main-area h1:not([class]) a,
.l-main-area h2:not([class]) a,
.l-main-area h3:not([class]) a,
.l-main-area h4:not([class]) a,
.l-main-area h5:not([class]) a,
.l-main-area h6:not([class]) a {
display: block;
padding: 0 2rem 0 0;
background: url(img/arrow01_black.svg) no-repeat right center;
background-size: 10px auto;
text-decoration: none;
}
.l-main-area h1:not([class]) a:hover,
.l-main-area h2:not([class]) a:hover,
.l-main-area h3:not([class]) a:hover,
.l-main-area h4:not([class]) a:hover,
.l-main-area h5:not([class]) a:hover,
.l-main-area h6:not([class]) a:hover {
text-decoration: none;
opacity: 0.7;
}

.l-main-area--cat h1:not([class]),
.l-main-area--low h1:not([class]),
.l-main-area--top h2:not([class]) {margin: 6rem auto 4rem;padding: 3rem 2rem 3.2rem 2rem;background: #d2dd48 url(img/title_bg_02.png) no-repeat right top;font-size: 3.6rem;text-align: center;}
.l-main-area--cat h1:not([class]) {
width: 1000px;
margin: 6rem auto 4rem auto;
}
.l-main-area--top h2:not([class]):first-child {
margin: 0 0 4rem 0;
}

.l-main-area--low h2:not([class]),
.l-main-area--top h3:not([class]) {
margin: 4rem 0 3rem 0;
padding: 0 2rem 1rem 1rem;
border-bottom: 4px double #ffb885;
font-size: 3rem;
}

.l-main-area--low h3:not([class]),
.l-main-area--top h4:not([class]) {
min-height: 40px;
margin: 4rem 0 3rem 0;
padding: 1.5rem 2rem 1.5rem 7.5rem;
background: #fefbde url(img/title_bg_03.png) no-repeat 1.5rem 1rem;
font-size: 2.4rem;
}

.l-main-area--low h4:not([class]),
.l-main-area--low h5:not([class]),
.l-main-area--top h5:not([class]) {
margin: 4rem 0 3rem 0;
padding: 0 2rem;
font-size: 1.8rem;
}
.l-main-area--low h4:not([class])::before,
.l-main-area--low h5:not([class])::before,
.l-main-area--top h5:not([class])::before {
position: absolute;
left: 0;
top: 0;
width: 10px;
height: 100%;
background: #ff9a51;
border-radius: 0.3rem;
content: "";
}



/*--------------------------------------
title
---------------------------------------*/
.l-main-area .l-icon-title {
margin: 4rem 0 3rem 39px;
padding: 2rem 2rem 2rem 6rem;
background: #f5f5f5;
color: #333;
font-size: 2.4rem;
font-weight: bold;
line-height: 1.4;
position: relative;
border: 1px solid #3e3e3e;
}

.l-main-area .l-icon-title a {
display: block;
padding: 0 2rem 0 0;
background: url(img/arrow01_black.svg) no-repeat right center;
background-size: 10px auto;
text-decoration: none;
}
.l-main-area .l-icon-title a:hover {
text-decoration: none;
opacity: 0.7;
}

.l-main-area .l-icon-title--pointnumber {
margin: 4rem 0 3rem 39px;
padding: 20px 13px 20px 63px;
background: #f5f5f5;
font-size: 2.4rem;
font-weight: bold;
line-height: 1.4;
color: #333;
position: relative;
border: 1px solid #939393;
}

.l-main-area .l-icon-title:before,
.l-main-area .l-icon-title--pointnumber:before {
width: 78px;
height: 78px;
display: flex;
justify-content: center;
padding: 24px 0;
color: #cedb0e;
font-size: 3rem;
font-weight: bold;
line-height: 1;
position: absolute;
top: calc(50% - 40px);
left: -39px;
background: url(img/l-icon-title.png) no-repeat;
background-size: 78px 78px;
}

.l-main-area .l-icon-title--pointnumber:before {
background: url(img/l-icon-title-pointnumber.png) no-repeat;
}

.l-main-area .l-icon-title--check:before {
content: 'CHECK';
font-size: 1.6rem;
padding-top: 31px;
}

.l-main-area .l-icon-title--recommend:before {
content: 'おすすめ';
font-size: 1.6rem;
padding-top: 31px;
}

.l-main-area .l-icon-title--point:before {
content: 'POINT';
font-size: 1.6rem;
padding-top: 31px;
}

.l-main-area .l-number-wrapper {
counter-reset: number;
}

.l-main-area .l-number-wrapper .l-icon-title:before {
content: counter(number);
counter-increment: number;
font-size: 3rem;
font-weight: bold;
padding-top: 21px;
}

.l-main-area .l-number-wrapper .l-icon-title--pointnumber:before {
content: counter(number);
counter-increment: number;
font-size: 3rem;
padding-top: 37px;
font-weight: bold;
}

.l-icon-title--pointnumber__text {
padding: 0 5% 20px;
}











/*
---------------------------------------------

header area

*/
.l-header-area {
width: 100%;
margin: 0;
padding: 0 0 0 100px;
}

.l-header {
max-width: 1400px;
margin: 0 auto;
padding: 1rem 0;
}

.l-header.top {
padding: 0;
}

.l-header__link {
display: inline-block;
text-decoration: none;
padding-right: 2rem;
}

.l-header__link:hover {
opacity: 0.7;
}

.l-header-sitename {
width: 100%;
font-size: 1.2rem;
line-height: 1.4;
text-align: right;
padding: 1rem 2rem 1rem 0;
}

.l-header-sitename__link {
text-decoration: none;
}

.l-header-sitename__link:hover {
text-decoration: underline;
}

.l-header-logo {
text-align: center;
}

.l-header-logo__image {width: 230px;}

.l-header-logo a:hover {
opacity: 0.7;
}

.l-gnavi-btn {width: 60px;height: 60px;margin: 0 auto;padding: 50px 0 0;display: block;position: relative;line-height: 1;font-size: 0.8rem;font-weight: bold;text-align: center;color: #333;cursor: pointer;z-index: 999;}

.l-gnavi-btn:hover {
color: #4a726a;
}

.l-gnavi-btn span {
width: 30px;
height: 4px;
display: inline-block;
background: #adc425;
transition: all 0.4s;
position: absolute;
left: 15px;
}

.l-gnavi-btn span:nth-of-type(1) {
top: 19px;
}

.l-gnavi-btn span:nth-of-type(2) {
top: 29px;
}

.l-gnavi-btn span:nth-of-type(3) {
top: 39px;
}

.l-gnavi-btn-box {
position: absolute;
top: 43%;
left: 50%;
transform: translate(-50%, -50%);
transition: all 0.4s;
}

.l-gnavi-btn-box.is-active .l-gnavi-btn {
background: none;
}

.l-gnavi-btn-box.is-active .l-gnavi-btn span:nth-of-type(1) {
transform: translateY(10px) rotate(-45deg);
}

.l-gnavi-btn-box.is-active .l-gnavi-btn span:nth-of-type(2) {
opacity: 0;
}

.l-gnavi-btn-box.is-active .l-gnavi-btn span:nth-of-type(3) {
transform: translateY(-10px) rotate(45deg);
}

.is-navi-open .l-gnavi-area--slide-left {
transform: translateX(0);
}

.l-gnavi-area {
width: 400px;
height: 100vh;
padding: 0;
background: #FFF;
position: fixed;
box-shadow: 1px 0 5px rgba(0, 0, 0, 0.14);
transition: all 0.8s ease;
top: 0;
left: 0;
z-index: 300;
}

.l-gnavi-area-menu {
display: table-cell;
vertical-align: middle;
}

.l-gnavi-area-scroll {
height: 100%;
padding: 20px 100px 20px 0;
overflow-x: hidden;
overflow-y: scroll;
-ms-overflow-style: none;
}

.l-gnavi-area-scroll::-webkit-scrollbar {
display: none;
-webkit-appearance: none;
}

.l-gnavi-area-scroll__inner {
height: 100%;
display: table;
}

.l-gnavi-area-bar {
width: 100px;
height: 100vh;
position: absolute;
top: 0;
right: 0;
}

.l-gnavi-area--slide-right {
transform: translateX(-300px);
}

.l-gnavi-area--slide-left {
left: auto;
right: 0;
transform: translateX(-100%);
}

.l-gnavi-area--slide-down {
transform: translateY(-100%);
}

.l-gnavi-area--slide-up {
transform: translateY(100%);
}

.l-gnavi-list {
position: relative;
width: 300px;
}

.l-gnavi-list__link {
width: 90%;
margin: 0 auto;
padding: 10px 45px 10px 20px;
display: block;
text-decoration: none;
}

.l-gnavi-list__link--menu {
cursor: pointer;
}

.l-gnavi-list__sub {
margin: 0 0 0 1.6rem;
border-top: dashed 1px #f8d436;
background: #fef5cc;
display: none;
}

.l-gnavi-list__sub .l-gnavi-list__item {
background: url(img/arrow01_green.svg) no-repeat left 2rem center;
background-size: 4px 8px;
}

.l-gnavi-btn-close__link {
margin: 20px auto;
padding: 10px 20px 10px 50px;
display: inline-block;
background: #ffffff;
text-decoration: none;
position: relative;
}

.l-gnavi-btn-close__link:hover {
background: #ccc;
color: #ffffff;
}

.l-gnavi-btn-close__link:hover:after {
background: #ffffff;
}

.l-gnavi-btn-close__link:hover:before {
background: #ffffff;
}

.l-gnavi-btn-close__link:before {
content: '';
width: 20px;
height: 3px;
background: #000;
-webkit-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg);
position: absolute;
top: 50%;
left: 20px;
}

.l-gnavi-btn-close__link:after {
content: '';
width: 20px;
height: 3px;
background: #000;
-webkit-transform: translateY(-50%) rotate(-45deg);
transform: translateY(-50%) rotate(-45deg);
position: absolute;
top: 50%;
left: 20px;
}

.is-gnavi-cover .l-gnavi-area {
height: auto;
top: auto;
z-index: 1;
overflow-y: hidden;
}

.is-navi-open .l-gnavi-area {
opacity: 1;
}

.is-navi-open .l-gnavi-area--slide-right {
transform: translateX(0);
}

.is-navi-open .l-gnavi-area--slide-left {
transform: translateX(0);
}

.is-navi-open .l-gnavi-area--slide-down {
transform: translateY(0);
}

.is-navi-open .l-gnavi-area--slide-up {
transform: translateY(0);
}

.is-navi-open .is-gnavi-cover {
height: 100vh;
overflow-y: scroll;
}

.is-navi-open .is-gnavi-cover .l-gnavi-area {
position: static;
}
/*
---------------------------------------------

footer area

*/
.l-footer-area {
width: 100%;
margin: 0;
padding: 4rem 0 0 0;
min-width: 1200px;
background: #f5f5f5;
position: relative;
}

.l-footer-logo {
text-align: center;
}

.l-footer-logo a:hover {
opacity: 0.7;
}

.l-footer-logo img {
margin: 0 auto;
}

.l-footer-disclaimer {
width: 500px;
margin: 20px auto;
padding: 20px;
font-size: 1rem;
color: #555;
text-align: left;
background-color: #fff;
}

.l-footer-disclaimer dt {
float: left;
}

.l-footer-note {
text-align: center;
margin: 20px auto;
font-size: 1.2rem;
color: #555;
}

.l-footer-bottom {
margin: 0 auto;
background: #cedb0e;
color: #000;
font-size: 1.2rem;
text-align: center;
}

.l-footer-bottom__inner {
width: 96%;
max-width: 1000px;
display: table;
margin: 0 auto;
}

.l-footer-bottom__copy {
padding: 10px 0;
display: table-cell;
text-align: left;
}

.l-footer-bottom__copy__link {
text-decoration: none;
color: #000;
}

.l-footer-bottom__copy__link:hover {
text-decoration: underline;
}

.l-footer-bottom__sitemap {
padding: 10px 0;
display: table-cell;
text-align: right;
}

.l-footer-bottom__sitemap__link {
background: url(img/arrow01_black.svg) no-repeat right center;
background-size: 7px 12px;
padding: 0 24px 0 0;
text-decoration: none;
color: #000;
}

.l-footer-bottom__sitemap__link:hover {
text-decoration: underline;
}

.l-footer-menu-wrapper {
width: 100%;
max-width: 1000px;
margin: 0 auto;
padding: 5rem 0 0 0;
}

.l-footer-menu {
margin: 0 0 40px;
}

.l-footer-menu__title {
margin: 0 0 10px 0;
padding: 0 0 5px;
border-bottom: solid 1px #5e6e7c;
text-align: left;
font-size: 1.4rem;
line-height: 1.4;
}

.l-footer-menu__title__link {
display: block;
padding: 0 0 0 27px;
background: url(img/arrow_black.png) no-repeat 0.7rem center;
background-size: 15px auto;
text-decoration: none;
position: relative;
font-weight: bold;
}

.l-footer-menu__title__link:hover {
text-decoration: underline;
}

.l-footer-menu__list {
display: inline;
}

.l-footer-menu__list__item {
float: left;
padding: 0 10px;
display: inline-block;
}

.l-footer-menu__list__item:first-child {
display: none;
}

.l-footer-menu__list__link {
padding: 5px 0 5px 15px;
background: url(img/icon_li_footer.svg) no-repeat left 1rem;
background-size: 5px 9px;
text-align: left;
font-size: 1.2rem;
text-decoration: none;
}

.l-footer-menu__list__link:hover {
text-decoration: underline;
}

.l-footer-submenu__list {
display: inline-block;
}

.l-footer-submenu__list__item {
display: inline-block;
}

.l-footer-submenu__list__link {
padding: 5px 15px;
text-align: left;
font-size: 1.2rem;
text-decoration: none;
}

.l-footer-submenu__list__link:before {
content: '- ';
}

.l-footer-submenu__list__link:hover {
text-decoration: underline;
}
/*
---------------------------------------------

common

*/
.l-pagetop {
position: absolute;
top: -90px;
right: 30px;
z-index: 100;
}

.l-pagetop__link {
width: 60px;
height: 60px;
border-radius: 50%;
background: #5e6e7c;
display: flex;
align-items: center;
justify-content: center;
}

.l-pagetop__link:hover {
opacity: 0.7;
}

.l-pagetop__image {
width: 24px;
}

.l-pagetop.is-fixed {
position: fixed;
top: auto;
bottom: 30px;
}

.l-sns-list {
position: absolute;
left: 50%;
bottom: 10px;
transform: translate(-50%, 0);
}

.l-sns-list__item {
text-align: center;
}

.l-sns-list__link {
width: 30px;
height: 30px;
margin: 0 auto 1rem;
text-decoration: none;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background: #f8d229;
display: flex;
justify-content: center;
align-items: center;
}

.l-sns-list__link:hover {
opacity: 0.7;
}

.l-sns-list__link--twitter .l-sns-list__image {
width: 18px;
height: 15px;
}

.l-sns-list__link--facebook .l-sns-list__image {
width: 9px;
height: 17px;
}

.l-sns-list__link--line .l-sns-list__image {
width: 19px;
height: 18px;
}

.l-sns-list__link--instagram .l-sns-list__image {
width: 19px;
height: 19px;
}

.l-sns-list__link--hatena .l-sns-list__image {
width: 17px;
height: 15px;
}

#pankuzu {
position: relative;
margin: 1.5rem 0 0 0;
font-size: 1.4rem;
background-color: #f8fddf;
padding: 10px;
}

#pankuzu div {
width: 1000px;
margin: 0 auto;
}

#pankuzu div span {
color: #000;
}
/*
---------------------------------------------

contents area

*/
.l-contents-area {
width: 100%;
margin: 0 auto;
padding-left: 100px;
}
/*
---------------------------------------------

main area / common

*/
.l-main-area {
width: 100%;
margin: 0 auto 12rem 0;
padding: 0;
text-align: left;
}

.l-main-area p:not([class]) {font-size: 1.6rem;line-height: 1.9;}

.l-main-area p.caption {
font-size: 1rem;
line-height: 1.75;
}

.l-main-area p.caption::-webkit-scrollbar {
height: 5px;
}

.l-main-area p.caption::-webkit-scrollbar-track {
border-radius: 5px;
background: #eee;
}

.l-main-area p.caption::-webkit-scrollbar-thumb {
border-radius: 5px;
background: #bcbcbc;
}

.l-main-area--top {
width: 1000px;
margin: 0 auto;
padding: 12rem 0 0 0;
}

.l-main-area--low {margin: 0 auto 7rem auto;width: 1000px;}

.l-section-inner {
max-width: 1000px;
margin: 0 auto;
padding: 0;
}

.l-parts01 .l-section-inner {
padding-top: 0;
}

.l-parts-selection .l-section-inner {
padding-top: 0;
margin-top: 3rem;
}

.l-common-title {
padding: 7rem 0 0 0;
background: url(img/title_bg_01.png) no-repeat center top;
font-size: 3rem;
font-weight: bold;
text-align: center;
color: #000;
line-height: 1.4;
position: relative;
}
.l-common-title a {
display: inline-block;
padding: 0 6rem 0 0;
background: url(img/arrow_black.png) no-repeat right center;
background-size: 22px auto;
text-decoration: none;
}
.l-common-title a:hover {
opacity: 0.7;
}


p.l-common-lead {
width: 80%;
margin: 1.5rem auto 4rem;
opacity: 1;
}

.l-common-title__wrapper {
margin: 0 0 4rem 0;
}

.caption_scroll {
margin: -20px 0 10px;
font-size: 1rem;
color: #929292;
overflow: auto;
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch;
scrollbar-width: thin;
scrollbar-color: #C0C0C0 #eee;
/*一つ目はスクロールバーのつまみ、二つ目はトラックに適用される。 */;
}

.caption_scroll p.caption {
font-size: 1.1rem;
}
/* for chrome, safari */
.caption_scroll::-webkit-scrollbar {
height: 5px;
}

.caption_scroll::-webkit-scrollbar-thumb {
border-radius: 5px;
background: #C0C0C0;
}

.caption_scroll::-webkit-scrollbar-track {
border-radius: 2px;
background: #eee;
}

.caption_scroll a {
color: #929292;
}

/*
---------------------------------------------

top

*/
.l-mv {width: 100%;min-height: 440px;min-width: 1100px;margin: 0;padding: 4rem 0 3rem;background: url(img/mv_pc.jpg) no-repeat center bottom;background-size: cover;}

.l-mv-wrapper {width: 1000px;margin: 0 auto;}

.l-mv-box {
width: 675px;
max-width: 1000px;
margin: 0;
padding: 1rem 2rem 2rem 2rem;
background: rgba(255,255,255,0.8);
border-radius: 0.5rem;
text-align: center;
}

.l-mv-logo {
margin: 0 0 1.5rem 0;
text-align: center;
}

.l-mv-title {
margin: 0 0 2rem 0;
color: #000;
font-size: 2.7rem;
font-weight: bold;
line-height: 1.4;
}

.l-mv-title span {
color: #F8D436;
}

.l-mv-title a {
color: #fff;
text-decoration: none;
}

.l-mv-title a:hover {
text-decoration: underline;
}

p.l-mv-title {
margin: 2rem auto 2rem 0;
}

.l-parts01 {
padding: 3rem 0 6rem 0;
background: url(img/parts01_bg_01.jpg) no-repeat center top;
background-size: cover;
}

.l-parts01-column3 {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
position: relative;
min-width: 1000px;
}
.l-parts01-column3::after {
display: block;
width: calc((100% - 4rem) / 3);
content:"";
}
.l-parts01-column3__box {
width: calc((100% - 4rem) / 3);
padding: 2rem 0 4rem 0;
background: #fff;
border-top: 5px solid #cfdb3d;
box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
}
.l-parts01-column3__box ul{
    margin:2rem;
}
.l-parts01-column3__box ul li{
    margin: 0 0 0.6rem 0;
    font-size: 1.6rem;
    line-height: 1.4;
}
.l-parts01-column3__box .btn-web{
    margin: 3rem auto 0 auto;
    font-weight: bold;
}
.l-parts01-column3__box .btn-web a{
    width: 90%;
    margin: 0;
    padding: 2rem 5rem 2rem 3rem;
    display: inline-block;
    border-radius: 5rem;
    background: #ffa767;
    box-shadow: 5px 5px 0 #4e4e4e;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.4;
    color: #000;
    text-decoration: none;
    text-align: center;
    position: relative;
    left: 0;
    top: 0;
    transition: .2s;
}

.l-parts01-column3__box:nth-child(3n) {
margin-right: 0;
}

.l-parts01-column3__box .catch {
padding: 0 2rem;
text-align: center;
}
.l-parts01-column3__box .catch span {
display: inline;
background: linear-gradient(transparent 60%, #f3ef8d 60%);
font-size: 1.8rem;
font-weight: bold;
line-height: 1.6;
}

.l-parts01-column3__box h3,
.l-parts01-column3__title {
margin: 0 auto 2rem auto;
padding: 0;
font-weight: bold;
color: #000;
font-size: 2.8rem;
text-align: center;
line-height: 1.4;
display: flex;
justify-content: center;
align-items: center;
}

.l-parts01-column3__box .item {
text-align: center;
font-size: 1.8rem;
font-weight: bold;
line-height: 1.4;
margin: 0 3.6rem;
}

.l-parts01-column3__box .item__small {
text-align: center;
font-size: 1.2rem;
line-height: 1.5;
margin: 0 3.6rem;
}

.l-parts01-column3__box__image {
width: calc(100% - 40px);
margin: 0 auto 20px;
text-align: center;
}

.l-parts01-column3__box .item span {
font-size: 2.8rem;
font-weight: bold;
margin: 0;
color: #ff862f;
}

.l-parts01-column3__box .item span.red {
color: #d14e19;
}

.l-contents-area .l-parts01-column3__box .btn-web {
margin: 3rem auto 0 auto;
font-weight: bold;
}

.l-contents-area .l-parts01-column3__box .btn-web a {
width: 90%;
font-size: 1.5rem;
font-weight: bold;
}

.l-main-area .l-parts01-column3__box .btn-web a span {
color: #fff;
}

.l-parts01-column3 .catch-image img {
width: 100%;
}

.l-contents-area .l-parts01-column3__box .btn-web a:after {
background-size: 18px auto;
}


.l-parts01-column3 ul li {margin: 0 0 0.6rem 0;font-size: 1.6rem;line-height: 1.4;padding: 0 0 0 2.2rem;background: url(img/icon_li.png) no-repeat 0 6px;list-style-position: outside;}
.l-parts01-column3 ul li span {
color: #ff862f;
font-size: 1.8rem;
font-weight: bold;
}

.l-parts01-column3 .catch-text {
margin: 2rem 3.6rem 1rem;
padding: 0 2rem 0;
color: #333;
line-height: 2;
font-size: 1.8rem;
font-weight: bold;
text-align: center;
border-bottom: 1px solid #333;
}

.l-parts01 .remarks {
font-size: 1.4rem;
line-height: 1.6;
padding: 2rem 0;
opacity: 1;
}





.l-parts02 {
min-width: 1100px;
padding: 4rem 0 6rem 0;
background: #f8fddf;
position: relative;
}
.l-parts02 .l-common-title__wrapper {
margin: 0 0 6rem 0;
}

.l-parts02 .frame-wrap table:not([class]) {
margin: 0;
}
.l-parts02 .frame-wrap table:not([class]) th {width: 32%;padding: 0.8rem;background: #bfbfbf;text-align: center;font-size: 1.4rem;}
.l-parts02 .frame-wrap table:not([class]) td {padding: 0.8rem;font-size: 1.4rem;}
.l-main-area .l-parts02 .frame-wrap p.note {
margin: 0.5rem 0 0 0;
text-align: right;
}


.l-parts02-white {
margin: 0 0 6rem 0;
padding: 0 0 4rem 0;
background: #fff;
box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
}

.l-parts02-white:last-child {
margin-bottom: 0;
}

.l-parts02-white__title {
padding: 3.5rem 0;
background: url(img/bg_summary_h3.png) no-repeat center center;
background-color: #cfdb3d;
color: #000;
position: relative;
}

.l-parts02-white__title .catch-title {
width: 60%;
margin: 0 auto;
padding: 0;
text-align: center;
font-size: 3rem;
font-weight: bold;
line-height: 1.2;
}

.l-parts02-white-inner {
width: 930px;
margin: 4rem auto;
}

.l-parts02-white__column2 {
width: 925px;
margin: 4rem auto;
display: flex;
flex-wrap: wrap;
}

.l-parts02-white__column2__left {
width: 465px;
}

#slideArea .slideinner {
width: 465px;
margin: 0 auto;
position: relative;
padding: 0;
box-sizing: border-box;
}

.slick-slider {
position: relative;
display: block;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}

.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}

.slick-list:focus {
outline: none;
}

.slick-list.dragging {
cursor: pointer;
cursor: hand;
}

.slick-slider .slick-track, .slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}

.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
}

.slick-track:before, .slick-track:after {
display: table;
content: '';
}

.slick-track:after {
clear: both;
}

.slick-loading .slick-track {
visibility: hidden;
}

.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}

[dir='rtl'] .slick-slide {
float: right;
}

.slick-slide img {
display: block;
}

.slick-slide.slick-loading img {
display: none;
}

.slick-slide.dragging img {
pointer-events: none;
}

.slick-initialized .slick-slide {
display: block;
}

.slick-initialized .slick-slide p {
display: block;
margin: 20px 0 0 0;
line-height: 1.4;
padding: 0 10px;
box-sizing: border-box;
text-align: center;
font-size: 12px;
color: #a9a9a9;
word-wrap: break-word;
}

.slick-loading .slick-slide {
visibility: hidden;
}

.slick-vertical .slick-slide {
display: block;
height: 100px;
/*border: 2px solid transparent;*/;
}

.slick-arrow.slick-hidden {
display: none;
}

.slider {
position: relative;
max-width: 940px;
}

.slider img {
max-width: 99%;
height: auto;
margin: 0 auto;
}

.slider .slider-nav-wrap {
position: relative;
}

.slider .slider-nav-wrap .slider-nav .slick-list {
padding: 0 !important;
}

.slider .slider-nav-wrap .slider-nav .slick-track {
left: 0 !important;
width: 100%;
opacity: 1;
}

.slider .slider-nav-wrap .slider-nav .slick-slide {
-webkit-transition: opacity .3s ease;
transition: opacity .3s ease;
opacity: 1;
padding: 3px;
}

.slider .slider-nav-wrap .slider-nav .slick-slide:hover {
opacity: .5;
}

.slider .slider-nav-wrap .slick-arrow {
position: absolute;
top: 65%;
width: 0;
height: 0;
border-style: solid;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}

.slider .slider-nav-wrap .slick-prev {
right: 0;
border-width: 0;
border-color: transparent transparent transparent #444444;
}

.slider .slider-nav-wrap .slick-next {
left: 0;
border-width: 0;
border-color: transparent #444444 transparent transparent;
}

.slider .slider-for {
float: left;
width: 74%;
}

.slider .slider-for button.slick-prev {
position: absolute;
top: 40%;
left: 2%;
z-index: 5;
text-indent: -9999px;
background: url(img/icon_slide_arrow_next.png) 0 center no-repeat;
background-size: 100%;
width: 32px;
height: 50px;
border: none;
}

.slider .slider-for button.slick-next {
position: absolute;
top: 40%;
right: 2%;
z-index: 5;
text-indent: -9999px;
background: url(img/icon_slide_arrow_prev.png) 0 center no-repeat;
background-size: 100%;
width: 32px;
height: 50px;
border: none;
}

.slider .slider-nav-wrap {
position: absolute;
top: 62%;
left: 76%;
width: 25%;
padding: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
height: 410px;
}

.slider .slider-nav-wrap .slider-nav .slick-list {
padding: 0 0 !important;
}

.slider .slider-nav-wrap .slider-nav .slick-slide {
padding: 5px 0;
width: 120px!important;
height: 77px;
}

.slider .slider-nav-wrap .slider-nav .slick-slide:focus {
outline: none;
}

.slider .slider-nav-wrap .slider-nav .slick-slide img {
width: auto;
height: 100%;
margin: 0 auto;
}

.slider .slider-nav-wrap .slick-arrow {
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}

.slider .slider-nav-wrap .slick-prev {
top: auto;
bottom: 2.5em;
background: url(img/arrow_brawn_down.png) center center no-repeat;
width: 30px;
height: 17px;
}

.slider .slider-nav-wrap .slick-next {
top: -1.5em;
background: url(img/arrow_brawn_up.png) center center no-repeat;
width: 30px;
height: 17px;
}

.l-parts02-white__column2__left img {
display: block;
}

.l-parts02-white__column2__left p {
text-align: center;
}

.l-parts02-white__column2__right {
width: calc(100% - 465px);
padding-left: 28px;
}

.l-parts02-white__column2 .point {margin: 1.5rem 0 2.5rem 0;padding: 2rem 0;color: #000;font-size: 2.5rem;font-weight: bold;line-height: 1.4;text-align: center;border-left: 7px solid #085e1f;background: #f5f5f5;}
.l-parts02-white__column2 .point span {
display: inline;
background: linear-gradient(transparent 70%, #f3ef8d 70%);
}

.l-parts02-white .l-parts02-white__column2__right .btn-web {
margin: 0 auto;
}
.l-parts02-white .l-parts02-white__column2__right .btn-web a {
width: 90%;
}

.l-parts02-item__column2 {
width: 880px;
margin: 4rem auto;
display: flex;
flex-wrap: wrap;
}

.l-parts02-item__column2__left {
width: 138px;
}

.l-parts02-item__column2__left img {
display: block;
box-shadow: 10px 10px 0 #d0f0fc;
}

.l-parts02-item__column2__left p {
text-align: center;
}

.l-parts02-item__column2__left dl {
display: table;
border: 1px solid #4c726a;
width: 100%;
}

.l-parts02-item__column2__left dt {
font-weight: bold;
display: block;
background: #f8d12b;
border-bottom: 1px solid #4c726a;
text-align: center;
padding: 10px;
height: 100%;
}

.l-parts02-item__column2__left dd {
font-weight: bold;
display: block;
font-size: 7rem;
color: #4c726a;
text-align: center;
height: 106px;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}

.l-parts02-item__column2__left dd span {
color: #d14e19;
font-weight: normal;
}

.l-parts02-item__column2__right {
width: calc(100% - 138px);
}

.l-parts02-item__column2__right .tag {
margin-left: 1rem;
display: flex;
flex-wrap: wrap;
height: 162px;
}

.l-parts02-item__column2__right .tag-list {
padding: 1rem;
margin: 0 0.5rem 0.5rem 0;
background: #4c726a;
color: #fff;
width: 19%;
font-weight: bold;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}

.l-parts02-item__column2__right .tag-list.off {
background: #eeeeef;
color: #aaaaaa;
}

.l-parts02-item__column2__right .tag-list:nth-child(5) {
margin-right: 0;
}

.l-parts02-information__column2 {
margin: 1rem auto 4rem;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
}

.l-parts02-information__column2__left {
width: 51%;
}

.l-parts02-information__column2__left p {
text-align: center;
}

.l-parts02-information__column2__right {
width: 45%;
margin-bottom: 30px;
}

.l-parts02-information__column2__right_catch {
font-size: 2rem;
font-weight: bold;
margin: 0 auto 2rem;
padding: 0 0 1rem;
position: relative;
}

.l-parts02-information__column2__right_catch::after {
content: "";
position: absolute;
width: 60px;
height: 2px;
background: #ce3a34;
left: 0;
bottom: 0;
}

.l-parts02-summary__column2 {
margin-bottom: 3rem;
display: flex;
flex-wrap: wrap;
}

.l-parts02-summary__column2__box {
width: calc((100% - 4rem) / 2);
margin: 0 2rem 2rem 0;
padding: 0 2rem;
background: #fff5cc;
}

.l-parts02-summary__column2__box:nth-child(2n) {
margin: 0 0 2rem 0;
}

.l-parts02-summary__column2__box .box-catch {
margin: 0;
padding: 2rem;
background-size: 30px auto;
color: #4c726a;
font-weight: bold;
font-size: 1.8rem;
line-height: 1.4;
text-align: center;
}

.l-parts02-white__column3 {
margin-bottom: 3rem;
display: flex;
flex-wrap: wrap;
}

.l-parts02-white__recommend {
margin-bottom: 5rem;
}

.l-parts02-white__recommend__box {
width: 100%;
margin: 0 2rem 2rem 0;
padding: 3rem 3rem;
background: #3e3e3e;
color: #fff;
font-size: 1.6rem;
}

.l-parts02-white__recommend__box .caption {
margin: 1.5rem 0 0 0;
color: #fff;
text-align: left;
}
.l-parts02-white__recommend__box .caption a {
color: #fff;
}
.l-parts02-white__recommend__text {text-align: center;font-size: 2rem;color: #cfdb3d;font-weight: bold;margin-bottom: 30px;border-bottom: solid 1px;padding-bottom: 20px;}

.l-parts02-white__column3__box {
width: 296px;
margin: 0 2rem 2rem 0;
padding: 2rem;
border: 1px solid #d0dc99;
}

.l-parts02-white__column3__box:nth-child(3n) {
margin: 0 0 2rem 0;
}

.l-parts02-white__column3__box .voice-catch {
min-height: 42px;
margin: 0 auto 2rem auto;
padding: 0 0 0 7rem;
background: url(img/icon_voice.png) no-repeat left center;
background-size: 50px 42px;
color: #085e1f;
font-size: 1.8rem;
line-height: 1.4;
font-weight: bold;
}


.l-parts02-white .title-voice {
margin: 4rem auto 2rem;
text-align: center;
font-size: 2.4rem;
font-weight: bold;
color: #000;
position: relative;
}

.l-parts02-white .title-voice span {
color: #333;
padding: 0 2rem;
background: #fff;
}

.l-parts02-white table {
font-size: 1.4rem;
}
.l-parts02-white table:not([class]) th {
width: 20%;
background: #bfbfbf;
text-align: center;
}

.l-parts02 .block-btn {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 760px;
margin: 0 auto;
}
.l-parts02 .block-btn .box {
width: calc((100% - 3rem) / 2);
margin: 0 0 3.5rem 0;
}
.l-parts02 .block-btn .box .btn-internal {
margin: 0 auto;
}
.l-parts02 .block-btn .box .btn-internal a {
width: 100%;
}



.l-parts05 {
padding: 6rem 0;
}
.l-parts05 table:not([class]) {
margin: 0;
}
.l-parts05 table:not([class]) th {
width: 32%;
padding: 0.8rem;
background: #bfbfbf;
text-align: center;
}
.l-parts05 table:not([class]) td {
padding: 0.8rem;
}
.l-parts05 .frame-wrap {
margin: 4rem 0 1rem 0;
}

.accordion-item {
display: none;
}
.accordion-btn {
display: block;
position: relative;
left: 0;
top: 0;
width: 400px;
height: auto;
margin: 0 auto;
padding: 2rem 0;
background: #5e6e7c;
border-radius: 5rem;
box-shadow: 0 5px 0 0 #4e4e4e;
color: #fff;
font-size: 1.8rem;
font-weight: 700;
line-height: 1.4;
text-align: center;
text-decoration: none;
cursor: pointer;
transition: .2s;
}
.accordion-btn::before {
position: absolute;
right: 2rem;
top: 50%;
transform: translateY(-50%);
content: "＋";
}
.accordion-btn::after {
display: block;
padding: 0 4rem;
text-align: center;
content: "もっと見る";
}
.accordion-btn.is-open::before {
position: absolute;
right: 2rem;
top: 50%;
transform: translateY(-50%);
content: "ー";
}
.accordion-btn.is-open::after {
display: block;
padding: 0 4rem;
text-align: center;
content: "閉じる";
}
.accordion-btn:hover {
top: 5px;
box-shadow: none;
opacity: 1;
}








/*
---------------------------------------------

pc only settings

*/
@media screen and (min-width: 600px) {
.forSP {
display: none;
}

.sp_br {
display: none;
}
}

/*
---------------------------------------------

smartphone settings

*/
@media screen and (max-width: 599px) {
body {
min-width: 100%;
min-width: inherit;
}

.forPC {
display: none;
}

.pc_br {
display: none;
}

img {
max-width: 100%;
height: auto;
}
/*
---------------------------------------------


*/


/*--------------------------------------
heading
---------------------------------------*/
.l-main-area h1:not([class]) a:hover,
.l-main-area h2:not([class]) a:hover,
.l-main-area h3:not([class]) a:hover,
.l-main-area h4:not([class]) a:hover,
.l-main-area h5:not([class]) a:hover,
.l-main-area h6:not([class]) a:hover {
text-decoration: none;
opacity: 1;
}

.l-main-area--cat h1:not([class]),
.l-main-area--low h1:not([class]),
.l-main-area--top h2:not([class]) {
margin: 4rem 0 3rem 0;
padding: 2rem;
background: #d2dd48 url(img/title_bg_02.png) no-repeat right top;
background-size: 60% auto;
font-size: 2.4rem;
}
.l-main-area--cat h1:not([class]) {
width: calc(100% - 2rem);
margin: 4rem auto 3rem auto;
}
.l-main-area--top h2:not([class]):first-child {
margin: 0 0 3rem 0;
}

.l-main-area--low h2:not([class]),
.l-main-area--top h3:not([class]) {
font-size: 2.1rem;
}

.l-main-area--low h3:not([class]),
.l-main-area--top h4:not([class]) {
font-size: 1.8rem;
}

.l-main-area--low h4:not([class]),
.l-main-area--low h5:not([class]),
.l-main-area--top h5:not([class]) {
font-size: 1.6rem;
}






.l-contents-area ul:not([class]) {
margin: 3rem 0;
font-size: 1.4rem;
}

.l-main-area ol:not([class]) {
margin: 3rem 0;
font-size: 1.4rem;
}

.l-main-area p.l-common-title__undertext {
margin: 0 auto 36px;
width: 94%;
}

.l-main-area table:not([class]) {
width: 100%;
margin: 30px auto 20px;
display: block;
border-top: 0;
font-size: 1.4rem;
border-bottom: 1px solid #000;
}

.l-main-area table:not([class]) tr {
width: 100%;
display: block;
}

.l-main-area table:not([class]) th {
width: 100%;
display: block;
border-bottom: 0;
}

.l-main-area table:not([class]) td {
width: 100%;
display: block;
border-bottom: 0;
}

.l-main-area table:not([class]) thead {
width: 100%;
display: block;
}

.l-main-area table:not([class]) thead th {
width: 100%;
display: block;
border-bottom: 0;
}

.l-main-area table:not([class]) thead td {
width: 100%;
display: block;
}

.l-main-area table:not([class]) tbody {
width: 100%;
display: block;
}

.l-main-area table:not([class]) tbody th {
width: 100%;
display: block;
}

.l-main-area table:not([class]) tbody td {
width: 100%;
display: block;
}


/*--------------------------------------
btns
---------------------------------------*/
.l-main-area .btn-internal {
width: 90%;
margin: 3rem auto;
}

.l-main-area .btn-internal a {
width: 100%;
font-size: 1.6rem;
}
.l-main-area .btn-internal a:hover {
left: 0;
top: 0;
box-shadow: 5px 5px 0 #4e4e4e;
opacity: 1;
}

.l-contents-area .btn-web {
width: 90%;
margin: 3rem auto;
}
.l-contents-area .btn-web a {
width: 100%;
font-size: 1.6rem;
}
.l-main-area .btn-web a:hover {
left: 0;
top: 0;
box-shadow: 5px 5px 0 #4e4e4e;
opacity: 1;
}

.l-contents-area .btn-tel {
width: 90%;
margin: 3rem auto;
padding: 0;
display: block;
text-align: center;
}
.l-contents-area .btn-tel a {width: 100%;position: relative;margin: 0;padding: 2rem 3rem 2rem 5rem;background: #085e1f url(img/icon_tel.png) no-repeat 2.5rem center;background-size: auto 20px;box-shadow: 5px 5px 0 #4e4e4e;display: inline-block;font-size: 1.6rem;line-height: 1.4;border-radius: 5rem;text-decoration: none;text-align: center;z-index: 10;color: #fff;font-weight: bold;}

.l-main-area .btn-link {
margin: 3rem auto;
padding: 0;
display: block;
text-align: left;
width: 90%;
}

.l-main-area .btn-link a {
width: 100%;
position: relative;
margin: 0;
padding: 2rem 5rem 2rem 3rem;
text-align: left;
display: inline-block;
border-radius: 5rem;
background: #fff url(img/arrow_black.png) no-repeat right 1rem center;
box-shadow: 5px 5px 0 #4e4e4e;
background-size: 22px auto;
border: #cfdb3d solid 4px;
color: #000;
font-size: 1.6rem;
font-weight: bold;
line-height: 1.4;
text-decoration: none;
text-align: center;
}

.l-main-area .float-wrap {
width: 100%;
margin: 10px auto 30px;
font-size: 1.4rem;
}

.l-main-area .float-wrap .float-img.fr {
width: 100%;
margin: 0 0 20px;
float: none;
}

.l-main-area .float-wrap .float-img.fl {
width: 100%;
margin: 0 0 20px;
float: none;
}

.l-main-area .float-wrap .float-img.ct {
width: 100%;
}

.l-main-area .float-wrap .float-img.t_small {
width: 40%;
}

.l-main-area .float-wrap .float-img.fr.t_small {
margin: 0 0 20px 10px;
float: right;
}

.l-main-area .float-wrap .float-img.fl.t_small {
margin: 0 20px 10px 0;
float: left;
}

.l-main-area .box-wrap {
display: block;
margin: 4rem auto;
font-size: 1.4rem;
}
.l-main-area .box-wrap .box {
width: 100%;
margin: 0 0 3rem 0;
}

.l-main-area .frame-wrap {
display: block;
margin: 4rem auto;
font-size: 1.4rem;
}
.l-main-area .frame-wrap::after {
display: none;
}
.l-main-area .frame-wrap .frame {
width: 100%;
margin: 0 0 3rem 0;
}




.l-main-area .l-icon-title,
.l-main-area .l-icon-title--pointnumber {
width: 94%;
margin: 3rem 0 3rem auto;
padding: 1rem 1rem 1rem 6.5rem;
font-size: 1.8rem;
line-height: 1.4;
}

.l-main-area .l-icon-title:before,
.l-main-area .l-icon-title--pointnumber:before {
width: 72px;
height: 72px;
font-size: 1.3rem;
top: calc(50% - 36px);
left: -7%;
background-size: 72px 72px;
}

.l-main-area .l-number-wrapper .l-icon-title--pointnumber:before {
font-size: 2rem;
padding-top: 36px;
}

.l-main-area .l-number-wrapper .l-icon-title:before {
font-size: 2.8rem;
}

/*
---------------------------------------------

header area

*/
.l-header {
width: 100%;
margin: 0 auto;
padding: 0;
text-align: left;
}

.l-header-area {
padding: 0;
}

.l-header-left {
display: none;
}

.l-header-sitename {
font-size: 1rem;
padding: 0.2rem 1rem 0.5rem 0.5rem;
}

.l-header__link {
padding-right: 0;
}

.l-header-logo {
margin: 0 0 1.5rem 0;
}
.l-header-logo a {
height: auto;
}

.l-gnavi-area {
display: none;
}
/*
---------------------------------------------

footer area

*/
.l-footer-area {
padding: 0 0 5rem 0;
min-width: inherit;
background: #f5f5f5;
}

.l-footer-area__inner {
padding-top: 2rem;
background: #eeeef0;
}

.footMenu {width: 100%;height: 5rem;margin: 0;position: fixed;bottom: 0;z-index: 990;}

.footMenu .menuLeft {width: 15%;height: 100%;display: flex;justify-content: center;align-items: center;background: #fff;box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);}

.footMenu .menuLeft .l-gnavi-btn {
margin: 0;
}

.footMenu .l-gnavi-btn {
width: 100%;
height: 100%;
}

.footMenu .l-gnavi-btn span {
left: 50%;
transform: translateX(-50%);
}

.footMenu .l-gnavi-btn span:nth-child(1) {
top: 15px;
}

.footMenu .l-gnavi-btn span:nth-child(2) {
top: 25px;
}

.footMenu .l-gnavi-btn span:nth-child(3) {
top: 35px;
}

.footMenu .l-gnavi-btn.active span:nth-of-type(1) {
transform: translate(-50%, 10px) rotate(-45deg);
}

.footMenu .l-gnavi-btn.active span:nth-of-type(2) {
opacity: 0;
}

.footMenu .l-gnavi-btn.active span:nth-of-type(3) {
transform: translate(-50%, -10px) rotate(45deg);
}

.l-footer-logo {
margin: 1rem auto;
padding: 0;
background: none;
top: 0;
left: 0;
width: 60%;
}

.l-footer-logo__image {
width: 100%;
}

.l-footer-logo__link {
display: block;
}

.l-footer-disclaimer {
width: 90%;
margin: 0 auto 1rem;
padding: 2rem 5%;
}

.l-footer-bottom {
padding: 0 5%;
}

.l-footer-bottom__inner {
width: 90%;
display: block;
}

.l-footer-bottom__copy {
display: block;
text-align: center;
}

.l-footer-bottom__sitemap {
display: none;
}

.l-footer-note {
margin: 0 0 1rem;
font-size: 1rem;
}

.l-footer-menu-wrapper {position: fixed;bottom: 0;left: 0;width: 100%;height: 100%;background: #eeeef0;margin: 0;padding: 60px 0;overflow-y: scroll;-webkit-overflow-scrolling: touch;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);-webkit-transition: -webkit-transform 0.3s ease-in-out;transition: transform 0.3s ease-in-out;z-index: 980;}

.l-footer-menu-wrapper.active {transform: translate3d(0, 0, 0);}

.l-footer-menu {
width: 90%;
margin: 0 auto 2rem;
}

.l-footer-menu__title {
margin: 0;
padding: 0;
border-bottom: solid 1px #000;
}

.l-footer-menu__title__link {
display: block;
font-size: 1.6rem;
position: relative;
padding: 1rem 2.5rem 1rem 0;
background: none;
}

.l-footer-menu__title__link:after {
content: '';
width: 8px;
height: 15px;
background: url(img/arrow01_black.svg) no-repeat center center;
background-size: 100%;
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%) rotate(90deg);
}

.l-footer-menu__title__link:hover {
text-decoration: none;
}

.l-footer-menu__list {
display: none;
}

.l-footer-menu__list__item {
width: 100%;
padding: 0.8rem 1rem;
}

.l-footer-menu__list__item:first-child {
display: block;
}

.l-footer-menu__list__link {
margin: 1rem 0 0 0;
}

.l-footer-submenu__list {
display: block;
}

.l-footer-submenu__list__item {
display: block;
}
/*
---------------------------------------------

common

*/
.l-pagetop {
top: -5.5rem;
right: 0.5rem;
}

.l-pagetop__link {
width: 50px;
height: 50px;
}

.l-pagetop__image {
width: 14px;
}

.l-pagetop.is-fixed {
bottom: 5.5rem;
}

#pankuzu {
margin: 0 auto;
padding: 1rem;
white-space: nowrap;
overflow: auto;
-webkit-overflow-scrolling: touch;
left: 0;
right: 0;
font-size: 1.2rem;
}

#pankuzu div {
width: auto;
}

.l-sns-list {
display: none;
}
/*
---------------------------------------------

contents area

*/
.l-contents-area {
padding: 0;
overflow: hidden;
}

.l-main-area--top {
width: 100%;
padding: 4rem 1rem 0 1rem;
}

.l-contents-area--low {
width: 100%;
}



/*
---------------------------------------------

main area

*/
.l-main-area {
margin-bottom: 0;
}

.l-main-area--low {
float: none;
width: 100%;
margin: 0 auto;
padding: 0 1rem;
overflow: visible;
}

.l-main-area h1:not([class])::before {
background: url(img/bg_h2_be.png) no-repeat left center;
width: 30px;
height: 14px;
background-size: auto 14px;
}

.l-main-area h1:not([class])::after {
background: url(img/bg_h2_af.png) no-repeat right center;
width: 30px;
height: 14px;
background-size: auto 14px;
}

.l-section-inner {
width: 94%;
margin: 0 auto;
}

p.l-common-lead {
width: 100%;
margin: 2rem 0 3rem;
}
/*
---------------------------------------------

top

*/
.l-mv {min-height: inherit;min-width: inherit;margin: auto;padding: 0;background: none;}

.l-mv:before {
background-size: 50px;
width: 50px;
top: 80px;
z-index: 1;
background-repeat: no-repeat;
}

.l-mv::after {
background-size: 50px;
width: 50px;
bottom: 80px;
background-repeat: no-repeat;
}

.l-mv-wrapper {
width: 100%;
}

.l-mv-logo {width: 100%;background: none;text-align: center;}

.l-mv-logo img {
max-width: inherit;
height: 7rem;
width: auto;
}

.l-header-logo__image {width: 230px;height: auto;}

.l-mv-box {
width: 100%;
margin: 0;
padding: 0;
}

.l-mv-box p {
margin: 0;
}

.l-mv-title__wrapper {
background: url(img/mv_sp.jpg) no-repeat center bottom;
background-size: cover;
padding: 2.5rem 2rem 3.5rem 2rem;
}

.l-mv-title__inner {
background-color: rgba(255,255,255,.8);
width: 70%;
margin: 0;
}

.l-mv-title {
margin: auto;
padding: 1rem;
font-size: 1.8rem;
text-align: left;
font-weight: 500;
}

.l-mv p {
padding: 1.5rem 2rem 0;
color: #333;
text-align: left;
}

.l-mv-title {
font-size: 1.8rem;
font-weight: bold;
}

.l-section-inner {width: 100%;padding: 0 1rem;}

.l-main-area--top .block-btn02 .btn-internal{
margin:1rem;
}

.l-common-title {
font-size: 2.4rem;
}

.l-common-title a:hover {
opacity: 1;
}

.l-main-area .l-common-title__undertext {
width: 100%;
margin: 0 auto 3rem auto;
}





.l-parts01 {
padding-bottom: 0;
background: none;
}

.l-parts01-column3 {/* flex-wrap: nowrap; */min-width: 98%;}

.l-parts01 .l-common-title span {
font-size: 2.4rem;
}


.l-parts01 .remarks {
padding: 1rem 1rem 2rem;
font-size: 1rem;
}

.l-parts01-column3:after {
content: none;
}

.l-parts01-column3__box {width: 100%;margin: 2rem auto 0;position: relative;padding: 2rem 1rem 3rem;}

.l-parts-selection .l-parts01-column3__box {
width: 100%;
}

.l-parts01-column3__box h3,
.l-parts01-column3__title {margin: auto;padding: 1rem 1rem 2rem;font-size: 2rem;}
.l-parts01-column3__box .catch {padding: 0 0.5rem;line-height: 1.4;margin: 1rem auto 3rem;}
.l-parts01-column3__box .catch span {font-size: 2.0rem;}



.l-parts01-column3__box .item {font-size: 1.4rem;margin: 0;font-weight: normal;}

.l-parts01-column3__box .item span {font-size: 2.3rem;}

.l-contents-area .l-parts01-column3__box .btn-web a {padding: 1.5rem 2.5rem 1.5rem 1rem;/* border-radius: 1rem; */font-size: 1.4rem;}
.l-contents-area .l-parts01-column3__box .btn-web a:after {right: 1rem;width: 18px;height: 15px;background-size: 18px 15px;}

.l-contents-area .l-parts01-column3__box .btn-tel {
margin: 2rem auto 0 auto;
}
.l-contents-area .l-parts01-column3__box .btn-tel a {width: 90%;padding: 1rem 1rem 1rem 2.5rem;background: #085e1f url(img/icon_tel.png) no-repeat 0.8rem center;background-size: 12px auto;font-size: 1.4rem;/* border-radius: 1rem; */}



.l-parts01-column3__box .catch-text {padding: 0 0 .5rem;font-size: 1.8rem;margin: 2rem 1rem 1rem;line-height: 1.4;}

.l-parts01-column3__box .item__small {
font-size: 1rem;
margin: 0 1rem;
}



.l-contents-area .l-parts01-column3 ul:not([class]) {
margin: 0 0.5rem;
font-size: 1.3rem;
}
.l-parts01-column3 ul li {font-size: 1.4rem;}
.l-parts01-column3 ul li span {
font-size: 1.5rem;
}


.l-parts02 {
padding: 4rem 0;
min-width: inherit;
}

.l-main-area .l-number-wrapper.top {
margin: 1rem 0 5rem;
}

.l-parts02 .frame-wrap table:not([class]) th {
width: 100%;
}

.l-parts02-white {
width: 100%;
margin-bottom: 4rem;
padding-bottom: 2rem;
}

.l-parts02-white-inner {
width: 94%;
margin: 0 auto;
}

.l-parts02-white__title {
padding: 2rem 4rem;
background: url(img/bg_summary_h3.png) no-repeat center center;
background-size: 170% auto;
background-color: #cfdb3d;
}

.l-parts02-white__title .catch-title {
width: 90%;
padding: 0;
font-size: 2rem;
}

.l-parts02-white__column2 {
width: 100%;
margin-top: 3rem;
display: block;
position: relative;
}

.l-parts02-white__column2__left {
width: auto;
font-size: 1.2rem;
display: block;
}

.l-parts02-white__recommend__box {
padding: 2rem;
}

.l-main-area .l-parts02-white__recommend__text {
margin-bottom: 2rem;
}

.l-parts02-white__column2__right {
width: 100%;
padding: 0;
}

.l-parts02-white__column2__right .point {
font-size: 1.8rem;
}

.l-parts02-white .l-parts02-white__column2__right .btn-web a {
width: 100%;
font-size: 1.6rem;
}

.l-parts02-item__column2 {
width: 100%;
margin-top: 3rem;
margin-bottom: 2rem;
display: block;
position: relative;
}

.l-parts02-item__column2__left {
width: 100%;
position: relative;
top: 0;
font-size: 1.2rem;
}

.l-parts02-item__column2__left dl {
}

.l-parts02-item__column2__left dt {
border-bottom: none;
border-right: 1px solid #4c726a;
display: table-cell;
vertical-align: middle;
width: 50%;
font-size: 1.6rem;
}

.l-parts02-item__column2__left dd {
width: 100%;
height: auto;
vertical-align: middle;
font-size: 4rem;
}

.l-parts02-item__column2__right {
width: 100%;
}

.l-parts02-item__column2__right .tag {
margin: 2rem 0 0;
height: auto;
}

.l-parts02-item__column2__right .tag-list {
width: 48%;
}

.l-parts02-item__column2__right .tag-list:nth-child(5) {
margin-right: 0.5rem;
}

.l-parts02-item__column2__right .tag-list:nth-child(2) {
margin-right: 0;
}

.l-parts02-information__column2 {
width: 100%;
margin-top: 3rem;
display: block;
position: relative;
}

.l-parts02-information__column2__left {
width: 100%;
height: 18rem;
position: static;
top: 6rem;
font-size: 1.2rem;
margin-bottom: 1.5rem;
}

.l-parts02-information__column2__left iframe {
height: 18rem;
}

.l-parts02-information__column2__right {
width: 100%;
}

.l-parts02-information__column2__right_catch {
font-size: 1.6rem;
}

.l-parts02-white .title-voice {
font-size: 1.8rem;
background-size: 600px;
padding: 0 3rem;
}

.l-parts02-white .title-voice span {
padding: 0 1rem;
display: inline-block;
}

.l-parts02-summary__column2 {
margin-bottom: 2rem;
}

.l-parts02-white__column3__box,
.l-parts02-summary__column2__box {
width: 100%;
margin: 0 0 2rem;
}


.l-parts02 .block-btn {
display: block;
width: 100%;
margin: 0 auto;
}
.l-parts02 .block-btn .box {
width: 100%;
margin: 0 0 3rem 0;
}
.l-parts02 .block-btn .box .btn-internal {
margin: 0 auto;
}
.l-parts02 .block-btn .box .btn-internal a {
width: 100%;
}


.accordion-btn {
width: 90%;
font-size: 1.6rem;
transition: none;
}
.accordion-btn:hover {
top: 0;
box-shadow: 0 5px 0 0 #4e4e4e;
opacity: 1;
}





}