@charset "utf-8";
/*
---------------------------------------------

    base settings

*/
html {
 font-size: 62.5%;
}
body {
 margin: 0;
 padding: 0;
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 font-size: 1.5rem;
 -webkit-text-size-adjust: 100%;
 line-height: 1.6;
 color: #222;
 background: #fff url(img/bg.jpg);
 -webkit-font-smoothing: antialiased;
 word-break: break-word;
}
h1, h2, h3, h4, h5, h6 {
 margin: 0;
 padding: 0;
 font-weight: bold;
 clear: both;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
 text-decoration: none;
}
ul, ol, dl, p, img, form, dt, dd {
 margin: 0;
 padding: 0;
 border: 0;
}
p {
 margin: 1em 0;
}
li {
 list-style: none;
}
img {
 max-width: 100%;
 height: auto;
 vertical-align: bottom;
}
a {
 color: inherit;
 text-decoration: underline;
}
a:active, a:hover {
 color: inherit;
 -webkit-transition: all 0.3s ease;
 transition: all 0.3s ease;
 text-decoration: none;
 opacity: 0.7;
}
span:not([class]) { 
 font-weight: bold;
 background: -moz-linear-gradient(top,  rgba(241,126,126,0) 0%, rgba(241,126,126,0) 59%, rgba(241,126,126,0.4) 60%, rgba(241,126,126,0.4) 100%);
 background: -webkit-linear-gradient(top,  rgba(241,126,126,0) 0%,rgba(241,126,126,0) 59%,rgba(241,126,126,0.4) 60%,rgba(241,126,126,0.4) 100%);
 background: linear-gradient(to bottom,  rgba(241,126,126,0) 0%,rgba(241,126,126,0) 59%,rgba(241,126,126,0.4) 60%,rgba(241,126,126,0.4) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f17e7e', endColorstr='#66f17e7e',GradientType=0 );
}
/* 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;
}
.forPC {
 display: block;
}
.forSP {
 display: none;
}
.sp_br {
 display: none;
}
.caption {
 padding: 8px 0 0 0;
 display: block;
 font-size: 1rem;
 font-weight: normal;
 color: #999;
 word-break: break-all;
 line-height: 1.4;
 text-align: center;
 background: none;
}
/* microclearfix */
.cf:before, .cf:after {
 content: " ";
 /* 1 */
 display: table;
 /* 2 */
}
.cf:after {
 clear: both;
}
/** For IE 6/7 only */
.cf {
 *zoom: 1;
}
/*
---------------------------------------------

  header area

*/
.l-header {
 width: 250px;
 min-height: 100%;
 position: relative;
 z-index: 999;
 
}
.l-header__inner {
 width: 250px;
 position: fixed;
 top: 0;
 left: 0;
 z-index: 10;
 height: 100%;
 border-right: solid 1px #e5e5e5;
 overflow-y: scroll;
 background: url("img/bg_header.jpg");
}
.l-header::after {
 content: "";
 width: 250px;
 height: 100%;
 position: fixed;
 top: 0;
 left: 0;
 z-index: -1;
 background: rgb(64 64 72 / 80%);
 transform: translate(0, 0);
 -webkit-transition: all 0.6s ease;
 transition: all 0.6s ease;
}
.l-header.show-subnavi::after {
 transform: translate(100%, 0);
}
.l-siteinfo {
 padding: 1rem;
 border-bottom: solid 1px #e5e5e5;
}
.l-siteinfo__logo.forPC img {
 width: 70%;
}
.l-siteinfo__sitename {
 padding: 1.5rem 0;
 font-size: 1.3rem;
 font-weight: bold;
 line-height: 1.4;
 text-align: center;
}
.l-siteinfo__sitename a {
 text-decoration: none;
 display: block;
}
.l-siteinfo__sitename a:hover {
 text-decoration: underline;
}
.l-siteinfo__logo img {
 max-width: 100%;
 display: block;
 margin: 0 auto;
}
.l-siteinfo__logo a:hover img {
 opacity: 0.7;
 filter: alpha(opacity=70);
 -ms-filter: "alpha(opacity=70)";
}
.l-gnavi-btn {
 display: none;
}
.l-gnavi-list {
 position: relative;
 -webkit-transition: all 0.8s ease;
 transition: all 0.8s ease;
}
.l-gnavi-list__item {
 border-bottom: solid 1px #EEEEEE;
}
.l-gnavi-list__link {
 margin: 0 auto;
 padding: 1.4rem 2rem 1.4rem 4rem;
 display: block;
 color: #222;
 font-size: 1.4rem;
 text-decoration: none;
 background: url("img/arrow01_black.svg") no-repeat left 2rem center;
 background-size: 16px;
}
.l-gnavi-list.is-show::after {
 transform: translate(100%, 0);
}
.l-gnavi-sub-list {
 width: 250px;
 height: 100%;
 padding: 233px 0 0;
 position: fixed;
 top: 0;
 left: 0;
 z-index: -1;
 transform: translate(0, 0);
 -webkit-transition: all 0.8s ease;
 transition: all 0.8s ease;
}
.l-gnavi-sub-list__item:nth-child(1), .l-gnavi-sub-list__item:nth-child(2) {
 display: none;
}
.l-gnavi-sub-list__link {
 display: block;
 padding: 1rem 2rem 1rem 4rem;
 background: url("img/arrow01_white.svg") no-repeat left 2rem center;
 background-size: 14px;
 color: #fff;
 text-decoration: none;
}
.l-gnavi-sub-list__link:hover {
 color: #fff;
 text-decoration: underline;
}
.l-gnavi-sub-list.is-show {
 transform: translate(100%, 0);
 overflow-y: scroll;
 display: block;
}
.l-gnavi-sub-list.is-show .l-gnavi-sub-list {
 transform: translate(0, 0);
}
.l-gnavi-sub-list .l-gnavi-sub-list {
 width: 100%;
 height: inherit;
 padding: 0 0 0 2rem;
 position: static;
 overflow-y: auto;
}
.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-navi-open .l-gnavi-area {
 transform: translateX(0);
}
.l-gnavi-bnr-box {
 z-index: 800;
}
.l-gnavi-bnr-box a {
 display: block;
 width: 219px;
 height: 224px;
 margin: 2rem auto;
 padding: 118px 18px;
 padding-bottom: 0;
 background: url(/wp/wp-content/uploads/gnav_bnr.png) no-repeat left top;
 background-size: contain;
 box-sizing: border-box;
 color: #fff;
 font-size: 1.6rem;
 font-weight: bold;
 line-height: 1.38;
 text-align: center;
 text-decoration: none;
}
.l-gnavi-bnr-box a:hover {
 opacity: 0.6;
}
/*
---------------------------------------------

  footer area

*/
.l-footer-area {
 width: 100%;
 margin: 0;
 padding: 0;
 text-align: center;
 background: #F5F5F5;
}
.l-footer-area__inner {
 margin: 0 auto;
 padding: 0 2rem;
 max-width: 1000px;
}
.l-footer-disclaimer {
 width: 500px;
 margin: 0 auto 50px auto;
 padding: 20px;
 background: #fff;
 font-size: 1.2rem;
 text-align: left;
}
.l-footer-list {
 margin: 0 0 20px 0;
}
.l-footer-list__item {
 display: inline-block;
 padding: 0 0 0 20px;
}
.l-footer-bottom {
 margin: 0 auto;
 padding: 0 20px;
 background: #8e7456;
 font-size: 1.2rem;
 text-align: center;
 color: #ffffff;
}
.l-footer-bottom__inner {
 width: 1100px;
 display: table;
 margin: 0 auto;
}
.l-footer-bottom__sitemap {
 padding: 10px 0;
 display: table-cell;
 text-align: right;
}
.l-footer-bottom__sitemap__link {
 color: #fff;
 background: url(img/arrow01_white.svg) no-repeat right center;
 background-size: 6px 12px;
 padding: 0 20px 0 0;
 text-decoration: none;
}
.l-footer-bottom__sitemap__link:hover {
 color: #fff;
 text-decoration: underline;
}
.l-footer-copy-wrapper {
 background: #ED6262;
 color: #fff;
}
.l-footer-copy {
 max-width: 1000px;
 margin: 0 auto;
 padding: 1rem;
 display: flex;
 font-size: 1.2rem;
 justify-content: space-between;
}
.l-footer-copy .sitemap {
 text-align: right;
}
.l-footer-copy a {
 color: #fff;
 text-decoration: none;
}
.l-footer-copy a:hover {
 text-decoration: underline;
}
.l-footer-menu-wrapper {
 margin: 0 auto;
 padding: 50px 0;
}
.l-footer-menu {
 margin: 50px 0 0 0;
}
.l-footer-menu__title {
 color: #464646;
 text-align: left;
 border-bottom: solid 1px #ED6262;
 margin: 0 0 20px 0;
 padding: 0 10px;
}
.l-footer-menu__title__link {
 display: block;
 text-decoration: none;
 font-weight: bold;
}
.l-footer-menu__title__link:hover {
 text-decoration: underline;
}
.l-footer-menu__list__item {
 width: 25%;
 float: left;
}
.l-footer-menu__list__item:first-child {
 display: none;
}
.l-footer-menu__list__link {
 color: #828282;
 padding: 5px 10px;
 display: block;
 text-align: left;
 font-size: 1.4rem;
 text-decoration: none;
}
.l-footer-menu__list__link:hover {
 text-decoration: underline;
}
.l-footer-submenu__list__link {
 padding: 5px 15px;
 display: block;
 text-align: left;
 font-size: 1.4rem;
 text-decoration: none;
}
.l-footer-submenu__list__link:before {
 content: "- ";
}
.l-footer-submenu__list__link:hover {
 text-decoration: underline;
}
/*
---------------------------------------------

  common

*/
.l-parts.low {
 padding: 0 40px;
 border: 3px solid #ED6262;
}
.l-pagetop {
 position: fixed;
 bottom: 80px;
 right: 20px;
}
.l-pagetop__link {
 width: 60px;
 height: 60px;
 display: flex;
 align-items: center;
 justify-content: center;
 background: #ED6262;
}
.l-pagetop__image {
 width: 30px;
}
#pankuzu {
 width: 100%;
 margin: 1.5rem auto 0 auto;
 font-size: 1.2rem;
 color: #828282;
}
#pankuzu span {
 background: none;
}
#pankuzu a {
 color: #828282;
 text-decoration: none;
}
#pankuzu a:hover {
 text-decoration: underline;
}
/*
---------------------------------------------

  contents area

*/
.l-wrapper {
 display: flex;
 width: 100%;
 transition: none;
}
.l-contents-area {
 width: calc(100% - 250px); 
}
.l-contents-area__inner {
 max-width: 1000px;
 margin: 0 auto;
 padding: 2rem;
}
/*
---------------------------------------------

  main area

*/
.l-main-area {
 width: 100%;
 margin: 0;
 padding: 0;
 text-align: left;
}
.l-main-area--low {
 width: 100%;
 margin: 4rem auto;
}
.l-main-area ul {
 margin: 3rem 0 2rem 0;
}
.l-main-area ul li {
 margin: 0 0 0.5rem 0;
 padding: 0 0 0 3rem;
 list-style-type: none !important;
 position: relative;
}
.l-main-area ul li:before {
 content: "";
 position: absolute;
 width: 15px;
 height: 15px;
 background: #E27D7D;
 border-radius: 50%;
 left: 3px;
 top: 6px;
}
.l-main-area ol {
 margin: 3rem 0 2rem 0;
 counter-reset: number;
 list-style-type: none !important;
 text-align: left;
}
.l-main-area ol li {
 position: relative;
 margin: 0 0 0.5rem 0;
 padding: 0 0 0 3rem;
}
.l-main-area ol li:before {
 position: absolute;
 counter-increment: number;
 content: counter(number);
 display: inline-block;
 background: #8EABD1;
 color: #fff;
 font-size: 1.4rem;
 top: 4px;
 left: 0;
 width: 20px;
 height: 20px;
 line-height: 20px;
 text-align: center;
}
.l-main-area table {
 width: 100%;
 margin: 30px 0;
 padding: 0;
 border-collapse: collapse;
 text-align: left;
}
.l-main-area table th {
 padding: 10px 15px;
 border: 1px #707070 solid;
 text-align: center;
}
.l-main-area table td {
 padding: 10px 15px;
 border: 1px #707070 solid;
}
.l-main-area table thead th {
 background: #EEEEEE;
}
.l-main-area table thead td {
 background: #fff;
}
.l-main-area table tbody th {
 background: #EEEEEE;
 padding: 0;
}
.l-main-area table tbody td {
 background: #fff;
}
.btn-web,
.btn-internal {
 margin: 4rem auto;
 padding: 0;
 display: block;
 text-align: center;
 width: 500px;
 max-width: 90%;
}
.btn-web a,
.btn-internal a {
 position: relative;
 padding: 1.7rem 13%;
 display: block;
 border-radius: 1rem;
 background: #5D85BB url(img/arrow01_white.svg) no-repeat right 4% top 50%;
 background-size: 18px auto;
 color: #fff;
 font-size: 1.8rem;
 font-weight: bold;
 line-height: 1.3;
 text-decoration: none;
 text-align: center;
 box-shadow: 0px 3px 0px 0px #464646;
}
.btn-internal a {
 background-color: #555;
}
.btn-tel {
 display: none;
}
.btn-link {
 margin: 20px 30px;
 padding: 0;
 font-size: 1.6rem;
 font-weight: bold;
 text-align: right;
 line-height: 1.4;
}
.btn-link a {
 padding: 0.5rem 2.5rem 0.5rem 0;
 background: url(img/arrow01_black.svg) no-repeat right center;
 background-size: 16px auto;
 color: #504946;
 text-decoration: none;
 display: block;
}
.btn-link a:hover {
 text-decoration: underline;
}
.l-main-area .float-wrap {
 margin: 2rem 0;
}
.l-main-area .float-wrap .float-img img {
 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: 640px;
 margin: 0 auto 2rem;
 max-width: 100%;
}
.l-main-area .l-icon-title {
 margin: 5rem 0;
 padding: 2rem 2rem 2rem 10rem;
 background: #F5F5F5;
 font-size: 2.4rem;
 font-weight: bold;
 position: relative;
 line-height: 1.4;
}
.l-main-area .l-icon-title--recommend:before {
 content: "";
 position: absolute;
 -webkit-border-radius: 50%;
 border-radius: 50%;
 margin-top: -45px;
 border: 2px solid #ED6262;
 top: 50%;
 left: -12px;
 font-size: 1.5rem;
 font-weight: bold;
 width: 90px;
 height: 90px;
 background: #fff;
 color: #ffb370;
 display: flex;
 align-items: center;
 justify-content: center;
}
.l-main-area .l-icon-title--recommend:after {
 content: "おすすめ";
 position: absolute;
 -webkit-border-radius: 50%;
 border-radius: 50%;
 margin-top: -45px;
 border: 2px solid #ED6262;
 top: calc(50% + 4px);
 left: -8px;
 font-size: 1.5rem;
 font-weight: bold;
 width: 82px;
 height: 82px;
 background: #fff;
 color: #ED6262;
 display: flex;
 align-items: center;
 justify-content: center;
}
.l-main-area .l-icon-title--check:before {
 content: "CHECK";
 position: absolute;
 -webkit-border-radius: 50%;
 border-radius: 50%;
 margin-top: -45px;
 border: solid 2px #fff;
 box-shadow: 0 0 0 2px #5D85BB;
 top: 50%;
 left: -10px;
 font-size: 1.5rem;
 font-weight: bold;
 width: 90px;
 height: 90px;
 background: #5D85BB;
 color: #fff;
 display: flex;
 align-items: center;
 justify-content: center;
}
.l-main-area .l-icon-title--point:before {
 content: "POINT";
 position: absolute;
 -webkit-border-radius: 50%;
 border-radius: 50%;
 margin-top: -45px;
 border: solid 2px #fff;
 box-shadow: 0 0 0 2px #464646;
 top: 50%;
 left: -10px;
 font-size: 1.5rem;
 font-weight: bold;
 width: 90px;
 height: 90px;
 background: #464646;
 color: #fff;
 display: flex;
 align-items: center;
 justify-content: center;
}
.l-main-area .box-wrap {
 width: 100%;
 margin: 2rem 0;
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
}
.l-main-area .box-wrap .box {
 width: calc((100% - 60px) / 2);
 margin: 2rem 0 0;
 padding: 2rem 3rem;
 background: #F5F5F5;
 border-radius: 10px;
}
.l-main-area .box-wrap .box-head {
 display: table;
 width: 100%;
 margin-bottom: 2rem;
 padding: 0 0 1rem;
 border-bottom: #464646 solid 1px;
}
.l-main-area .box-wrap .box-head .icon {
 display: table-cell;
 vertical-align: middle;
 padding-right: 14px;
 width: 104px;
}
.l-main-area .box-wrap .box-head .title {
 display: table-cell;
 vertical-align: middle;
 color: #ED6262;
 font-size: 1.8rem;
 line-height: 1.4;
 font-weight: bold;
}
.l-main-area .box-wrap .box-body *:last-child {
 margin-bottom: 0;
}
.l-main-area .frame-wrap {
 width: 100%;
 margin: 2rem auto;
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
}
.l-main-area .frame-wrap::after {
 content: "";
 width: 30%;
 height: 0;
}
.l-main-area .frame-wrap .frame {
 width: 32%;
 margin: 2.4rem 0 0;
 background: #F5F5F5;
 border-radius: 10px;
 overflow: hidden;
}
.l-main-area .frame-wrap .frame-head {
 font-weight: bold;
 display: flex;
 align-items: center;
 margin: 0 0 2rem;
 line-height: 1.4;
}
.l-main-area .frame-wrap .frame-head a {
 width: 100%;
 padding-right: 2rem;
 text-decoration: none;
 display: block;
 font-size: inherit;
 color: inherit;
 background: url("img/arrow01_black.svg") no-repeat right 1px top 50%;
 background-size: 18px auto;
}
.l-main-area .frame-wrap .frame-img {
 text-align: center;
}
.l-main-area .frame-wrap .frame-body p {
 margin-bottom: 0;
}
.l-main-area .frame-wrap .info {
 background-color: #fff;
 display: table;
 width: 100%;
 font-size: 1.4rem;
 margin: 1.5rem 0 0;
}
.l-main-area .frame-wrap .info > div {
 display: table-cell;
 vertical-align: middle;
 padding: 0.8rem;
}
.l-main-area .frame-wrap .info > div:first-child {
 word-break: keep-all;
}
.l-main-area .frame-wrap .frame.typeA {
 width: calc((100% - 48px) / 3);
 padding: 0 3rem 2rem;
 border: #E2E6E9 solid 1px;
 box-shadow: 0 0 0 4px #F5F5F5;
}
.l-main-area .frame-wrap .frame.typeA .frame-head {
 padding: 1.4rem 0 1.0rem;
 color: #5D85BB;
 font-size: 1.125em;
 border-bottom: #464646 solid 2px;
}
.l-main-area .frame-wrap .frame.typeB {
 width: calc((100% - 52px) / 3);
 padding: 0 2rem 2rem;
}
.l-main-area .frame-wrap .frame.typeB .frame-head {
 margin: 8px -2rem 1rem;
 padding: 1rem 2rem;
 /* background-color: #ED6262; */
 color: #333;
 font-size: 1.375em;
 font-weight: bold;
}

/* low ----------------*/
.l-main-area--low {
 position: relative;
}
.l-main-area--low h1:not([class]) {
 margin: 0 auto 6rem 0;
 padding: 1.6rem 3.4rem;
 background: #f8cdcd;
 font-size: 4rem;
 color: #464646;
 line-height: 1.4;
 border-radius: 10px;
 width: 100%;
}
.l-main-area--low h2:not([class]) {
 margin: 9.8rem 0 2rem;
 padding: 1.5rem 3rem;
 border-left: solid 15px #ED6262;
 font-size: 2.7rem;
 color: #333333;
 line-height: 1.4;
 background: url("img/h2_low_bg01.png") no-repeat right top #F5F5F5;
 background-size: cover;
}
.l-main-area--low h3:not([class]) {
 margin: 5rem 0 2rem;
 font-size: 2.4rem;
 color: #333333;
 line-height: 1.4;
 background-color: #F7E9E9;
 padding: 1.2rem 3rem;
}
.l-main-area--low h4:not([class]), .l-main-area--low h5:not([class]) {
 margin: 3rem 0 2rem;
 padding: 0 0 0.2rem;
 border-bottom: solid 6px #F7E9E9;
 font-size: 2.1rem;
 font-weight: bold;
 color: #5D85BB;
 line-height: 1.4;
}
/*--------------------------------------
　banner
---------------------------------------*/
.banner_wrap {
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
 margin: 8rem 0;
}
.banner_wrap a {
 display: block;
}
.banner_box {
 border: 8px solid #E2E6E9;
 background-color: #D2DAE3;
 padding: 2rem 3rem;
 width: calc((100% - 3.6rem)/2);
}
.banner_box.right {
 background-color: #FFC8C8;
}
.banner_box a {
 text-decoration: none;
 display: block;
}
.banner_txt {
 display: table;
 width: auto;
 margin-right: -13px;
}
.banner_txt p {
 display: table-cell;
 vertical-align: middle;
 font-size: 2.6rem;
 text-align: left;
 line-height: 1.3;
 font-weight: bold;
 color: #464646; 
}
.banner_txt div {
 display: table-cell;
 vertical-align: middle;
 width: 165px;
}
.banner_box .btn-internal {
 margin: 2.4rem auto 0;
 max-width: 100%;
}
/*--------------------------------------
　toc_parts
---------------------------------------*/
.toc_parts {
 background: #f5f5f5;
 margin: 5rem 0;
 padding: 4rem 5rem;
 box-sizing: border-box;
}
.toc_parts .ttl {
 padding: 0 0 0 1rem;
 font-size: 2rem;
 font-weight: bold;
 border-left: 4px solid #6e6e6e;
}
#toc {
 margin: 1.5rem 0 0 0;
 padding: 0 2rem 0;
 border-top: 1px solid #58585e;
}
#toc .chapter {
 margin: 0 0 2rem;
 counter-increment: count;
}
#toc .chapter li {
 margin: 2rem 0 0;
 padding: 0 0 0 3.5rem;
 font-size: 1.6rem;
 line-height: 1.8;
 position: relative;
}
#toc .chapter li:last-child {
 margin: 2rem 0 0;
}
#toc ol.chapter li:before {
 /* content: "0"counter(count); */
 position: absolute;
 top: 14px;
 left: 0;
 transform: translate(0, -50%);
 color: #919191;
 font-size: 2rem;
 font-weight: bold;
 background: none;
 width: auto;
 height: auto;
}
#toc .chapter li a {
 font-weight: bold;
 text-decoration: none;
}
#toc .chapter li a:hover {
 opacity: .6;
}
#toc .chapter li span {
 color: #0b072b;
 font-weight: bold;
}
#toc .chapter .chapter {
 margin: 0 0 2rem 3rem;
}
#toc .chapter .chapter li {
 margin: 1rem 0 1rem;
 padding: 0 0 0 1.5rem;
}
#toc .chapter .chapter li:before {
 content: "";
 position: absolute;
 top: 8px;
 left: 0;
 width: 8px;
 height: 8px;
 border-top: solid 1px #0b072b;
 border-right: solid 1px #0b072b;
 -webkit-transform: rotate(180deg);
 transform: rotate(180deg);
}
#toc .chapter .chapter li a {
 font-weight: 400;
}
#toc .chapter .chapter li span {
 font-weight: 400;
}
#toc .chapter br {
 display: none;
}
/*
---------------------------------------------

  top

*/
/* l-mv
---------------------------------------*/
.l-mv {
 margin-bottom: 2rem;
 background: #ECF1F4 url("/wp/wp-content/uploads/MV_1116.png") no-repeat top left;
 border-radius: 10px;
 padding: 3rem 6rem;
}
.l-mv__inner {
 overflow: hidden;
}
.l-mv__inner__right {
 max-width: 440px;
 width: 100%;
 float: right;
}
.l-mv__title {
 margin: 0 0 2rem;
 font-size: 3.4rem;
 line-height: 1.4;
 font-weight: bold;
 color: #333333;
}
.l-mv__text {
 color: #222222;
 line-height: 1.6;
}
.l-mv .btn-internal {
 margin: 2rem auto 1rem;
 width: 100%;
 max-width: 100%;
}
.l-mv .btn-internal a {
 background-image: url("img/arrow02_white.svg");
 font-size: 1.6rem;
 padding: 1.7rem 10%;
 background-position: right 6% top 50%;
}
.l-mv .btn-internal > div {
 text-align: center;
 color: #ED6262;
 font-size: 1.6rem;
 font-weight: bold;
}
.l-mv .btn-internal:last-child > div {
 color: #5D85BB;
}
/* top common
---------------------------------------*/
section {
 margin: 10rem auto;
}
.l-parts {
 background: #fff;
 border: 5px solid #E2E6E9;
 border-radius: 20px;
 padding: 5rem 3.5rem;
 overflow: hidden;
}
.l-parts-top {
 position: relative;
}
.l-main-area .top_h2 {
 display: block;
 margin: 0 29.3rem 6rem 0;
 padding: 1.8rem;
 background: #f8cdcd;
 font-size: 2.3rem;
 line-height: 1.29;
 font-weight: bold;
 color: #333333;
 border-radius: 20px;
 position: relative;
 text-align: center;
}
.l-main-area .top_h2::after {
 content: "";
 display: block;
 width: 255px;
 height: 260px;
 background: url(img/top_h2_sec01.png) no-repeat center 50%;
 background-size: 100% auto;
 position: absolute;
 top: -4rem;
 right: -293px;
}
.l-main-area .top_h2 a {
 padding: 0 3rem 0 0;
 background: url("img/arrow01_black.svg") no-repeat right center;
 background-size: 18px auto;
 color: inherit;
 text-decoration: none;
 display: block;
}
.l-main-area .top_h3 {
 margin: 5rem 0 3rem;
 padding: 1.6rem 3rem;
 border-left: solid 15px #ED6262;
 font-size: 2.7rem;
 font-weight: bold;
 color: #333333;
 line-height: 1.4;
 background: #F5F5F5;
}
.l-main-area .top_h3 a {
 display: inline-block;
 background: url("img/arrow01_black.svg") no-repeat right 1px top 50%;
 background-size: 17px auto;
 padding-right: 3rem;
}
.l-parts__title {
 color: #333;
 font-size: 3.0rem;
 font-weight: bold;
 line-height: 1.29;
 text-align: center;
 margin-bottom: 2rem;
 padding-bottom: 2rem;
 position: relative;
}
.l-parts__title::before {
 content: ""; 
 display: block;
 width: 100%;
 height: 10px;
 position: absolute;
 left: 0;
 bottom: 0;
 background: url(img/title_sub_img01.png) no-repeat center 50%;
 background-size: auto 100%;
}
.l-parts__title a {
 padding: 0 3rem;
 text-decoration: none;
 background: url("img/arrow01_white.svg") no-repeat right center;
 background-size: 18px;
 display: block;
 color: inherit;
}
/* sec01
---------------------------------------*/
/* sec02
---------------------------------------*/
.sec02 .l-parts {
 border-color: #ED6262;
 background-color: #F5F5F5;
 padding: 5rem 0 0;
}
.sec02 .l-parts > .catch {
 color: #333;
 text-align: center;
 font-size: 2rem;
 line-height: 1.4;
 font-weight: bold;
 margin: 0 0 2rem;
}
.l-parts.companys .l-parts__title::before {
 content: none;
}
.sec02 .notes {
 font-size: 1.6rem;
 margin: 4rem 0 0;
}
/* searchArea */
.sec02 .searchArea {
 margin: 4rem 4.5rem;
}
.validate-error-container {
 color: #ff0000;
}
.l-parts04__box {
 margin: 0 auto 2rem auto;
 display: table;
 width: 100%;
}
.l-parts04__box__left {
 display: table-cell;
 vertical-align: middle;
 text-align: center;
 width: 230px;
 background: #7B98C0;
 position: relative;
 padding: 2rem 1rem; 
}
.l-parts04__box__left:before {
 content: "";
 position: absolute;
 top: 50%;
 left: 100%;
 margin-top: -8px;
 border: 8px solid transparent;
 border-left: 16px solid #7B98C0;
}
.l-parts04__box__left .icon {
 font-size: 1.8rem;
 font-weight: bold;
 color: #fff;
 line-height: 1.3;
}
.l-parts04__box__left .icon .mention {
 color: #ff3d55;
 font-size: 13px;
 padding-top: 6px;
 display: block;
 background: none;
}
.l-parts04__box__right {
 display: table-cell;
 vertical-align: middle;
 background: #fff;
 padding: 2rem;
}
.l-parts04__box__right .box-radio {
 display: block;
 position: relative;
}
.l-parts04__box__right .box-radio + .box-radio {
 margin-top: 1rem;
}
.l-parts04__box__right input[type=radio], .l-parts04__box__right input[type=checkbox] {
 position: absolute;
 visibility: hidden;
}
.l-parts04__box__right label {
 display: block;
 position: relative;
 padding: 0 0 0 4rem;
 color: #222222;
 font-size: 1.8rem;
 font-weight: normal;
 cursor: pointer;
 z-index: 9;
}
.l-parts04__box__right .check {
 display: block;
 position: absolute;
 left: 0;
 top: 0;
 width: 30px;
 height: 30px;
 border: 3px solid #dfdfdf;
 border-radius: 100%;
 transition: border .25s linear;
 -webkit-transition: border .25s linear;
 z-index: 5;
 background: #fff;
}
.l-parts04__box__right .check::before {
 display: block;
 position: absolute;
 top: 4px;
 left: 4px;
 width: 16px;
 height: 16px;
 margin: auto;
 background: #dfdfdf;
 border-radius: 100%;
 transition: background 0.25s linear;
 -webkit-transition: background 0.25s linear;
 content: "";
}
.l-parts04__box__right input[type=radio]:checked ~ .check {
 border: 3px solid #F04927;
}
.l-parts04__box__right input[type=radio]:checked ~ .check::before {
 background: #F04927;
}
.l-parts04__box__right input[type=radio]:checked ~ label,
.l-parts04__box__right input[type=checkbox]:checked ~ label {
 font-weight: bold;
}
.l-parts04__box__right .checkbox {
 display: block;
 position: absolute;
 left: 0;
 top: 0;
 width: 30px;
 height: 30px;
 transition: border .25s linear;
 -webkit-transition: border .25s linear;
 z-index: 5;
 background: #fff;
 border: 1px solid #c0c0c0;
}
.l-parts04__box__right input[type=checkbox]:checked ~ .checkbox::before {
 content: '';
 display: block;
 position: absolute;
 top: 0.3em;
 left: 0.3em;
 width: 15px;
 height: 8px;
 border-left: 4px solid #F04927;
 border-bottom: 4px solid #F04927;
 transform: rotate(-45deg);
}
.btn-form-reset {
 width: 90%;
 margin: 2rem auto;
 text-align: right;
}
.btn-form-reset button {
 padding: 0;
 background-color: transparent;
 border: none;
 outline: none;
 color: #0f0f0f;
 font-size: 1.6rem;
 font-weight: bold;
 appearance: none;
 cursor: pointer;
}
.btn-form-reset button:hover {
 opacity: 0.7;
 -webkit-transition: all 0.4s ease;
 transition: all 0.4s ease;
}
.btn-form-reset img {
 margin: 0 0.5rem 0 0;
 vertical-align: middle;
}
.btn-form-submit {
 width: 380px;
 margin: 0 auto 5rem;
 text-align: center;
}
.btn-form-submit button {
 display: block;
 width: 380px;
 padding: 2rem 2rem 2rem 5rem;
 background-color: #555;
 border: none;
 border-radius: 42px;
 box-shadow: 5px 5px #9A9DA2;
 outline: none;
 color: #fff;
 font-size: 2.4rem;
 font-weight: bold;
 line-height: 1.1;
 appearance: none;
 cursor: pointer;
 position: relative;
}
.btn-form-submit button:hover {
 opacity: 0.7;
 -webkit-transition: all 0.4s ease;
 transition: all 0.4s ease;
}
.btn-form-submit img {
 left: 90px;
 position: absolute;
 top: 0;
 bottom: 0;
 display: block;
 margin: auto;
}
/* l-parts04__conclusion */
.l-parts04__conclusion {
 clear: both;
 position: relative;
 margin: 0 auto;
}
.l-main-area .resultOn_count {
 position: relative;
 margin: 6rem 0 2rem 0;
 padding: 0 2rem 3rem 2rem;
 color: #333333;
 font-size: 2.4rem;
 font-weight: bold;
 line-height: 1.2;
 text-align: center;
}
.l-main-area .resultOn_count::after {
 position: absolute;
 top: 115%;
 left: 50%;
 margin-left: -30px;
 border: 30px solid transparent;
 border-top: 30px solid #F5F5F5;
 content: "";
 z-index: 10;
}
.l-parts04__conclusion .l-parts02__inner {
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
 padding: 3rem 3.1rem 1rem;
 background: #EDCFCF;
}
.l-parts04__conclusion .l-parts02__inner.resultOff {
 padding: 0;
}
.l-parts04__conclusion .btn-form-reset {
 text-align: center;
 font-weight: bold;
 padding: 2rem 0;
}
.l-parts04__conclusion .btn-form-reset a {
 text-decoration: none;
}
.l-parts04__conclusion .l-parts02__inner .l-parts02__box {
 width: 48%;
 margin: 2rem 0;
 padding: 2rem;
 background-color: #fff;
 border-radius: 20px;
}
.l-parts02__box__title {
 text-align: center;
}
.l-parts02__box__catch {
 color: #5D85BB;
 font-weight: bold;
 font-size: 3rem;
 line-height: 1.4;
 display: flex;
 align-items: center;
 justify-content: center;
}
.l-parts02__box__catch span {
 background: none;
}
.l-parts04__conclusion .l-parts02__box__item__center .quotaion {
 font-size: 1.1rem;
 color: #999;
 display: block;
 line-height: 1.4;
 margin-bottom: 2rem;
}
.l-main-area .l-parts02__box table.tag-table th {
 width: 88px;
 border-color: #C5C5C5;
}
.l-main-area .l-parts02__box table.tag-table td {
 border-color: #C5C5C5;
 padding: 1rem;
}
.l-main-area .l-parts02__box table.tag-table ul {
 margin: 0;
 padding: 0; 
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
}
.l-main-area .l-parts02__box table.tag-table ul li::before {
 content: none;
}
.l-main-area .l-parts02__box table.tag-table ul li {
 padding: 0.7rem 0.1rem;
 width: 48%;
 color: #fff;
 line-height: 1.3;
 border-radius: 3px;
 background-color: #ED6262;
 display: flex;
 justify-content: center;
 align-items: center;
 margin: 1rem 0 0;
}
.l-main-area .l-parts02__box table.tag-table ul li:nth-child(1),
.l-main-area .l-parts02__box table.tag-table ul li:nth-child(2) {
 margin-top: 0;
}
.l-main-area .l-parts02__box table.tag-table ul li.off {
 background-color: #E2E6E9;
}
.l-parts02__box__sttl {
 margin: 5rem auto 2rem;
 padding: 0 0 1.6rem 0;
 color: #333333;
 font-size: 2.2rem;
 font-weight: bold;
 line-height: 1.4;
 text-align: center;
 background: url(img/title_sub_img01.png) no-repeat bottom center;
 background-size: auto;
}
.l-parts04__conclusion .l-parts02__box__column2 {
 margin: 0;
}
.l-parts02__box__column2__items_center {
 width: 100%;
 border-radius: 8px;
 padding: 1.5rem 1.8rem;
 background: #e3eaf4;
 text-align: left;
}
.l-main-area .l-parts02__box table.info-table,
.l-main-area .l-parts02__box table.info-table tbody,
.l-main-area .l-parts02__box table.info-table tr,
.l-main-area .l-parts02__box table.info-table th,
.l-main-area .l-parts02__box table.info-table td {
 display: block;
 width: 100%;
 border-color: #D2D2D2;
}
.l-main-area .l-parts02__box table.info-table {
 border: #D2D2D2 solid 1px;
 border-top: none;
}
.l-main-area .l-parts02__box table.info-table th,
.l-main-area .l-parts02__box table.info-table td {
 border:none;
 border-top: #D2D2D2 solid 1px;
 text-align: center;
 padding: 1rem;
}
.l-main-area .l-parts02__box table.info-table th {
 padding: 0.3rem 1rem;
}
.l-main-area .l-parts04__conclusion .l-parts02__box .btn-web,
.l-main-area .l-parts04__conclusion .l-parts02__box .btn-tel {
 margin: 2.5rem auto;
 max-width: 100%;
}

.l-parts02__box__item__center img {
 width: 80%;
}
.l-parts02__box__item__center .tag-table {
 margin: 10px auto;
}
.l-parts02__box__item__center .tag-table th {
 width: 90px;
}
.l-parts02__box__item__center .tag-table td {
 padding: 8px;
}
.l-parts02__box__item__center .tag-table td ul {
 display: flex;
 width: 100%;
 margin: 0;
}
.l-parts02__box__item__center .tag-table td ul li {
 display: flex;
 justify-content: center;
 align-items: center;
 width: 30%;
 margin: 5px;
 background: #ffd38d;
 border-radius: 3px;
 padding: 3px;
 text-align: center;
 min-height: 35px;
 line-height: 1.4;
 font-weight: bold;
}
.l-parts02__box__item__center .tag-table td ul li::before {
 content: none;
}
.l-parts02__box__item__center .catch {
 margin: 0 -1rem 1rem 0;
 padding: 0;
 color: #FF973B;
 font-size: 2.4rem;
 font-weight: bold;
 line-height: 1.4;
 letter-spacing: -1px;
}
.l-parts02__box__item__center .catch span {
 font-size: 19px;
 padding-right: 10px;
}
.l-parts02__box__item__center .tab-table th {
 font-size: 16px;
}
.l-parts02__box__column2__items_center ul {
 margin: 0;
}


.resultOn { display: block; }
.resultOff { display: none; }
/* sec03
---------------------------------------*/
.l-parts.sec03 {
 background-color: #E2E6E9;
 border-color: #ED6262;
 padding: 0;
}
.sec03 .l-parts__title {
 color: #fff;
 font-size: 2.7rem;
 font-weight: bold;
 line-height: 1.29;
 text-align: center;
 margin-bottom: 2rem;
 padding: 6rem 2rem;
 background: url(https://www.nove-ken.com/wp/wp-content/themes/SE023/img/l-parts__title_sec03.png) no-repeat center top;
 background-size: cover;
}
.sec03 .l-parts02__box {
 margin: 3.5rem;
 padding: 4rem;
 background: #fff;
 border-radius: 20px;
}
.sec03 .l-parts02__box .box-wrap {
 margin: 0 auto;
}
.l-main-area .box-wrap .box:nth-child(1),
.l-main-area .box-wrap .box:nth-child(2) {
 margin-top: 0;
}
/* sec04
---------------------------------------*/
/* sec05
---------------------------------------*/
.sec05 .top_h2::after {
 background-image: url("img/top_h2_sec05.png");
}
/* sec06
---------------------------------------*/
.sec06 .top_h2::after {
 background-image: url("img/top_h2_sec06.png");
}
/* sec07
---------------------------------------*/
.bg-green-wrap {
 background: #f8cdcd;
 border-radius: 20px;
 padding: 5rem 3rem;
 box-shadow: 0 0 0 10px #f09696;
 border: 2px solid #fff;
}
.parts__title {
 position: relative;
 margin: 0 auto 5rem;
 padding: 2rem;
 background: #fff;
 border-radius: 20px; 
 text-align: center;
 font-size: 3.4rem;
 line-height: 1.4;
 color: #333;
 font-weight: bold;
}
.parts__title::before {
 content: "";
 position: absolute;
 top: 100%;
 left: 50%;
 margin-left: -10px;
 border: 10px solid transparent;
 border-top: 15px solid #fff;
}
.sec07 .catch {
 text-align: center;
 font-size: 2.2rem;
 font-weight: bold;
}
.l-main-area .sec07 .float-wrap .float-img.ct {
 width: 500px;
}
.sec07 .float-wrap .btn-internal {
 margin-bottom: 0;
}
/* sec08
---------------------------------------*/
.sec08 .top_h2::after {
 background-image: url("img/top_h2_sec08.png");
}
/* sec09
---------------------------------------*/
.sec09 .top_h2::after {
 background-image: url("img/top_h2_sec09.png");
}
/* sec10
---------------------------------------*/
.sec10 .top_h2::after {
 background-image: url("img/top_h2_sec10.png");
}
/*--------------------------------------
　accordion
---------------------------------------*/
.btn-internal.accordion {
 width: 450px;
 
}
.l-main-area .accordion-item .frame-wrap {
 margin: 0 auto;
}
.btn-internal.accordion a {
 color: #444645;
 background: #E2E6E9 url(img/icon_plus.png) no-repeat right 2rem center;
 background-size: 19px auto;
}
.btn-internal.accordion.is-open a {
 color: #444645;
 background: #E2E6E9 url(img/icon_minus.png) no-repeat right 2rem center;
 background-size: 19px auto;
}
.btn-internal.accordion a:hover {
 cursor: pointer;
}

/* 絞り込み追加 */
.l-main-area .out_of_result {
  position: relative;
  margin: 1rem auto;
  padding: 7.5rem 2rem 4rem;
  color: #333333;
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
 }
 .l-main-area .out_of_result .marker-txt {
  color:#ED6262;
  font-weight: bold;
  line-height: 2;
  position:relative;
 }
 .l-main-area .out_of_result .marker-txt::after {
  border-bottom: 1px solid #ED6262;
  content: "";
  width: 96%;
  height: 1px;
  right: 2%;
  bottom: 2px;
  position: absolute;
 }
 #no-result {
  display: none;
 }
/* -------------------------------------------
smartphone settings
-------------------------------------------- */
@media screen and (max-width: 480px) {
 body {
  font-size: 1.4rem;
 }
 .forPC {
  display: none;
 }
 .forSP {
  display: block;
 }
 .pc_br {
  display: none;
 }
 .sp_br {
  display: block;
 }
 img {
  max-width: 100%;
  height: auto;
 }
 p {
  margin: 1rem;
 }
 a:hover {
  opacity: 1;
 }
 /*
---------------------------------------------

header area

*/
 .l-header {
  position: relative;
  width: 100%;
  display: block;
 }
 .l-header__inner {
  width: 100%;
  position: relative;
 }
 .l-header::after {
  display: none;
 }
 .l-siteinfo {
  padding: 00 1.5rem 1rem 1.5rem;
 }
 .l-siteinfo__logo {
  width: 48%;
  margin: 1rem auto 0.5rem auto;
  text-align: center;
 }
 .l-siteinfo__sitename {
  padding: 0.7rem 0 0;
  font-size: 1.1rem;
  font-weight: normal;
 }
 .l-siteinfo__logo img, .l-header-logo__image {
  max-width: 100%;
 }
 .l-gnavi-area {
  width: 100%;
  height: 100%;
  padding: 8rem 0 2rem;
  position: fixed;
  background: #fff linear-gradient(-45deg, #f5f5f5 25%, transparent 25%, transparent 50%, #f5f5f5 50%, #f5f5f5 75%, transparent 75%, transparent);
  background-size: 6px 6px;
  -webkit-transition: all 0.8s ease;
  transition: all 0.8s ease;
  top: 0;
  left: auto;
  right: 0;
  z-index: 300;
  overflow-x: hidden;
  overflow-y: scroll;
  transform: translateX(100%);
 }
 .l-gnavi-list {
  padding: 0 2rem;
 }
 .l-gnavi-list__item {
  margin: 0 0 1.5rem;
  border: solid 3px #ED6262;
 }
 .l-gnavi-list__link {
  padding: 1.3rem 3rem 1.3rem 1.3rem;
  background-position: right 2rem center;
  background-size: 14px;
  background-color: #fff;
 }
 .l-gnavi-list__link--menu {
  background: #fff url(img/icon_more_brown.svg) no-repeat right 20px center;
  background-size: 16px 5px;
 }
 .l-gnavi-list__link--menu:hover {
  background: #fff url(img/icon_more_brown.svg) no-repeat right 20px center;
  background-size: 16px 5px;
 }
 .l-gnavi-list__link:hover {
  background-position: right 2rem center;
 }
 .l-gnavi-sub-list {
  width: 100%;
  height: inherit;
  padding: 0 2rem;
  display: none;
  position: absolute;
  top: 0;
  left: 100%;
  background: #fff linear-gradient(-45deg, #f5f5f5 25%, transparent 25%, transparent 50%, #f5f5f5 50%, #f5f5f5 75%, transparent 75%, transparent);
  background-size: 6px 6px;
 }
 .l-gnavi-sub-list__item {
  margin: 0 0 1rem;
  border: solid 3px #ED6262;
 }
 .l-gnavi-sub-list__item:nth-child(1), .l-gnavi-sub-list__item:nth-child(2) {
  display: block;
 }
 .l-gnavi-sub-list__link {
  padding: 1.3rem 3rem 1.3rem 1.3rem;
  background-position: right 2rem center;
  background-size: 14px;
  background-color: #fff;
  color: #333;
 }
 .l-gnavi-sub-list__link:hover {
  color: #333;
  text-decoration: none;
 }
 .l-gnavi-sub-list__link--menu {
  background: #fff url(img/icon_more_brown.svg) no-repeat right 20px center;
  background-size: 16px 5px;
 }
 .l-gnavi-sub-list__link--back {
  padding: 1rem 1rem 1rem 3rem;
  background: #fff url(img/arrow04_brown.svg) no-repeat left 1rem center;
  background-size: 14px;
  outline: 3px #f5f5f5 dotted;
 }
 .l-gnavi-sub-list .l-gnavi-sub-list {
  padding: 0 2rem;
  position: absolute;
 }
 .l-gnavi-btn {
  width: 60px;
  height: 60px;
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 200;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.8);
 }
 .l-gnavi-btn span {
  width: 30px;
  height: 3px;
  display: inline-block;
  background: #484140;
  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:hover {
  color: #666;
 }
 .l-gnavi-btn:active {
  color: #666;
 }
 .l-gnavi-btn--gnavi {
  width: 30px;
  height: 23px;
  background: none;
  position: absolute;
  top: 20px;
  right: 15px;
  z-index: 200;
 }
 .l-gnavi-btn--gnavi span {
  width: 100%;
  left: 0;
 }
 .l-gnavi-btn--gnavi span:nth-of-type(1) {
  top: 0;
 }
 .l-gnavi-btn--gnavi span:nth-of-type(2) {
  top: 10px;
 }
 .l-gnavi-btn--gnavi span:nth-of-type(3) {
  top: 20px;
 }
 .l-gnavi-btn.is-active span:nth-of-type(1) {
  -webkit-transform: translateY(10px) rotate(-45deg);
  transform: translateY(10px) rotate(-45deg);
 }
 .l-gnavi-btn.is-active span:nth-of-type(2) {
  opacity: 0;
 }
 .l-gnavi-btn.is-active span:nth-of-type(3) {
  -webkit-transform: translateY(-10px) rotate(45deg);
  transform: translateY(-10px) rotate(45deg);
 }
 .is-navi-open .l-gnavi-area--slide-left {
  transform: translateX(0);
 }
 /*
---------------------------------------------

footer area

*/
 .l-footer-area {
  min-width: auto;
  padding: 30px 0 0 0;
 }
 .l-footer-area__inner {
  padding: 0;
 }
 .l-footer-logo {
  width: 90%;
  margin: 0 auto;
  font-weight: bold;
 }
 .l-footer-disclaimer {
  width: 90%;
  margin: 0 auto 1.5rem auto;
  padding: 4%;
  font-size: 1rem;
 }
 .l-footer-list__item {
  margin: 0;
  padding: 0 20px;
 }
 .l-footer-list__item--top {
  border-right: solid 1px #d3c9bd;
 }
 .l-footer-list__link {
  text-decoration: none;
 }
 .l-footer-list__link:hover {
  text-decoration: underline;
 }
 .l-footer-copy {
  padding: 1rem;
  line-height: 1.4;
  font-size: 1rem;
 }
 .l-footer-copy p {
  margin: 0 auto;
  text-align: center;
 }
 .l-footer-copy .sitemap {
  display: none;
 }
 .l-footer-menu-wrapper {
  width: 100%;
  padding: 0;
 }
 .l-footer-menu {
  width: 90%;
  margin: 2rem auto;
  float: none;
 }
 .l-footer-menu__title {
  margin: 0;
  padding: 0;
 }
 .l-footer-menu__title__link {
  display: block;
  font-size: 1.6rem;
  position: relative;
  padding: 0 20px 10px 0;
 }
 .l-footer-menu__title__link:after {
  content: "";
  width: 14px;
  height: 14px;
  background: url(img/arrow01_brown.svg) no-repeat 0 0;
  background-size: 100%;
  position: absolute;
  top: 50%;
  right: 5px;
  transform: translateY(-50%) rotate(90deg);
 }
 .l-footer-menu__list {
  display: none;
  padding: 1.5rem 0;
 }
 .l-footer-menu__list__item {
  width: 100%;
  float: none;
 }
 .l-footer-menu__list__item:first-child {
  display: block;
 }
 .l-footer-menu__list__link {
  padding: 1rem;
 }
 .l-footer-submenu__list__link {
  padding: 1rem 2rem;
 }
 /*
---------------------------------------------

common

*/
 .l-pagetop {
  bottom: 30px;
  right: 20px;
  z-index: 100;
 }
 .l-pagetop__link {
  width: 40px;
  height: 40px;
 }
 .l-pagetop__image {
  width: 24px;
 }
 #pankuzu {
  margin: 0;
  padding: 0;
  width: 100%;
  white-space: nowrap;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
 }
 /*
---------------------------------------------

contents area

*/
 .l-wrapper {
  display: block;
 }
 .l-contents-area {
  width: 100%;
 }
 .l-contents-area__inner {
  padding: 1rem;
 }
 /*
---------------------------------------------

main area

*/
 .l-main-area--low {
  margin: 2rem auto;
 } 
 .l-main-area h1 {
  font-size: 2rem;
 }
 .l-main-area h2 {
  font-size: 2.3rem;
  padding: 1.5rem 1rem;
  margin-bottom: 1.5rem;
 }
 .l-main-area h3 {
  font-size: 2rem;
 }
 .l-main-area h4, .l-main-area h5 {
  font-size: 1.8rem;
  margin: 3rem auto;
 }
 .l-main-area table {
  width: 100%;
  margin: 30px auto 20px;
  display: block;
  border-top: 1px #b0a8a7 solid;
 }
 .l-main-area table tr {
  width: 100%;
  display: block;
 }
 .l-main-area table th {
  width: 100%;
  display: block;
  border-top: none;
 }
 .l-main-area table td {
  width: 100%;
  display: block;
  border-top: none;
 }
 .l-main-area table thead {
  width: 100%;
  display: block;
 }
 .l-main-area table thead th {
  width: 100%;
  display: block;
 }
 .l-main-area table thead td {
  width: 100%;
  display: block;
 }
 .l-main-area table tbody {
  width: 100%;
  display: block;
 }
 .l-main-area table tbody th {
  width: 100%;
  display: block;
  padding: 10px 5px;
 }
 .l-main-area table tbody td {
  width: 100%;
  display: block;
  word-break: break-all;
 } 
 .btn-web, .btn-internal,.btn-tel,.btn-link {
  display: block;
  width: 90%;
  padding: 0;
  text-align: center;
  margin: 3rem auto 5rem;
 }
 .btn-web a,
 .btn-internal a {
  padding: 1.5rem 3rem;
  background-size: 16px auto;
  font-size: 1.6rem;
 }
 .btn-tel a {
  position: relative;
  display: inline-block;
  width: 100%;
  margin: 0;
  padding: 1.5rem 4rem;
  background: #E6A308 url(img/ico_tel.svg) no-repeat left 2rem center;
  background-size: 16px;
  border-radius: 1rem;
  color: #fff;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
  text-decoration: none;
 }
 .btn-link a {
  position: relative;
  display: inline-block;
  width: 100%;
  margin: 0;
  padding: 1.5rem 3rem;
  background: url(img/arrow01_black.svg) no-repeat right 1rem center;
  background-size: 16px auto;
  border: 3px solid #ED6262;
  border-radius: 8px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
  text-decoration: none;
 }
 .l-main-area .float-wrap {
  width: 100%;
  margin: 10px auto 30px;
 }
 .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 .box-wrap {
  margin: 0 auto 3rem;
  display: block;
 }
 .l-main-area .box-wrap .box {
  width: 100%;
  margin: 0 auto;
  padding: 1.6rem;
 }
 .l-main-area .box-wrap .box + .box {
  margin: 2rem auto 0;
 }
 .l-main-area .box-wrap .box-head {
  font-size: 1.8rem;
 }
 .l-main-area .box-wrap .box-head a {
  background-size: 1.8rem;
  background-position: right 1.5rem center;
  font-size: 1.8rem;
 }
 .l-main-area .frame-wrap {
  margin: 2rem 0;
  display: block;
 }
 .l-main-area .l-parts > .frame-wrap {
  margin-bottom: 0;
 }
 .l-main-area .frame-wrap .frame,
 .l-main-area .frame-wrap .frame.typeA,
 .l-main-area .frame-wrap .frame.typeB {
  width: 100%;
  margin: 0 auto;
  padding: 0 1.6rem 1.6rem;
 }
 .l-main-area .frame-wrap .frame + .frame {
  margin: 2rem 0 0;
 }
 .l-main-area .frame-wrap .frame.typeA .frame-head {
  font-size: 1.8rem;
 }
 .l-main-area .l-icon-title {
  margin: 55px 0 30px 0;
  padding: 14px 10px 14px 65px;
  font-size: 1.8rem;
 }
 .l-main-area .l-icon-title:before {
  margin-top: -33px;
  width: 60px;
  height: 60px;
  font-size: 1.2rem;
  line-height: 1;
  letter-spacing: -1px;
 }
 .l-main-area .l-icon-title--recommend:after {
  margin-top: -33px;
  width: 52px;
  height: 52px;
  font-size: 1.2rem;
  line-height: 1;
  letter-spacing: -1px;
 }
 /* low ----------------*/
 .l-main-area--low h1:not([class]) {
  display: block;
  margin: 0 0 3rem 0;
  padding: 1.6rem;
  font-size: 2.4rem;
  width: 100%;
 }
 .l-main-area--low h2:not([class]) {
  font-size: 2.3rem;
 }
 .l-main-area--low h3:not([class]) {
  font-size: 2rem;
 }
 .l-main-area--low h4:not([class]), .l-main-area--low h5:not([class]) {
  font-size: 1.8rem;
 }
 /* toc
 ---------------------------------------*/
 #toc {
  margin: 1.5rem 0 0 0;
  padding: 1rem 0 0;
 }
 #toc .chapter li {
  margin: 1rem 0;
  padding: 0 0 0 3rem;
  font-size: 1.5rem;
  line-height: 1.6;
 }
 #toc ol.chapter li:before {
  top: 11px;
  font-size: 1.8rem;
 }
 #toc .chapter .chapter {
  margin: 0 0 2rem 1rem;
 }
 #toc .chapter .chapter li {
  margin: 0.5rem 2.5rem 0.5rem 0;
 }
 #toc .chapter .chapter li:before {
  top: 6px;
  width: 6px;
  height: 6px;
 }
 .toc_parts {
  margin: 3rem 0;
  padding: 3rem 2.5rem 2rem;
 }
 .toc_parts .ttl {
  font-size: 1.6rem;
  border-left: 2px solid #6e6e6e;
 }
 /* banner
 ---------------------------------------*/
 .banner_wrap {
  display: block;
  margin: 40px auto 80px;
 }
 .banner_box {
  margin: 0 0 4rem;
  padding: 2rem;
  width: 100%;
 }
 .banner_txt p {
  font-size: 2rem;
 }
 .toc_parts {
  margin: 3rem 0;
  padding: 3rem 2.5rem 2rem;
 }
 .toc_parts .ttl {
  font-size: 1.6rem;
  border-left: 2px solid #6e6e6e;
 }
 .banner_txt div {
  width: 100px;
 }
 /*
 ---------------------------------------------

 top

 */
 /* l-mv
 ---------------------------------------*/
 .l-mv {
  margin-bottom: 3rem;
  padding: 1rem;
  background-image: none;
  position: relative;
 }
 .l-mv__inner__left {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 269px;
  z-index: 0;
 }
 .l-mv__inner__right {
  width: 100%;
  position: relative;
  z-index: 1;
  padding-top: 70px;
 }
 .l-mv__title {
  margin: 1.5rem;
  font-size: 2rem;
 }
 .l-mv__text {
  margin: 1rem 1.5rem 1.5rem;
  line-height: 1.6;
 }
 .l-mv .l-mv__title {
  font-size: 2rem;
  padding: 0;
  margin-bottom: 1rem;
 }
 .l-mv .btn-internal {
 margin: 1.4rem auto 1rem;
}
.l-mv .btn-internal a {
 font-size: 1.5rem;
 padding: 1.2rem 10%;
}
.l-mv .btn-internal > div {
 font-size: 1.4rem;
 line-height: 1.4;
}
 /* top common
 ---------------------------------------*/
 section {
  margin: 4rem 0;
 }
 .l-main-area .top_h2 {
  margin: 0 9rem 2rem 0;
  padding: 1.2rem;
  font-size: 2rem;
 }
 .l-main-area .top_h2:after {
  width: 8rem;
  height: 8rem;
  top: 50%;
  margin-top: -4rem;
  right: -90px;
 }
 .l-main-area .top_h3 {
  font-size: 1.8rem;
  margin: 3rem 0 2rem;
  padding: 1rem 1rem;
  border-left: solid 10px #ED6262;
 }
 .l-parts {
  padding: 1.8rem 1.2rem;
  border-width: 3px;
 }
 .l-parts > *:first-child {
  margin-top: 0;
 }
 .l-main-area .parts__title {
  font-size: 2rem;
  padding: 1rem;
 }
 .l-main-area .l-parts__title {
  font-size: 2.2rem;
  padding: 0 1.2rem 2rem;
 }
 .l-main-area .l-parts__title::before {
  height: 8px;
 }
 .l-parts.low {
  padding: 1.5rem 1.5rem 3rem;
  margin-bottom: 4rem;
 }
 /* sec01
 ---------------------------------------*/
 .sec01 .frame .frame-img img {
  width: 104px;
 }
 /* sec02
 ---------------------------------------*/
 .sec02 .l-parts {
  padding: 2rem 0 0;
 }
 .sec02 .l-parts > .catch {
  font-size: 1.4rem;
  padding: 0 2rem;
 }
 .sec02 .searchArea {
  margin: 0 1.2rem;
 }
 .l-parts04__box {
  display: block;
 }
 .l-parts04__box__left {
  display: block;
  width: 100%;
  padding: 1rem 0;
 }
 .l-parts04__box__left:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-top: 0;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #7B98C0;
 }
 .l-parts04__box__right {
  display: block;
  width: 100%;
  padding: 1.5rem;
 }
 .l-parts04__box__right::after {
  clear: both;
  display: block;
  content: "";
 }
 .l-parts04__box .icon {
  padding: 0.5rem 1.5rem;
  margin: 0;
  font-size: 18px;
 }
 .l-parts04__box .icon br {
  display: none;
 }
 .l-parts04__box .icon span {
  padding: 0;
  display: inline;
  font-size: 2.4rem;
 }
 .l-parts04__box__right label {
  padding: 0 0 1rem 4rem;
  font-size: 1.6rem;
 }
 .l-parts04__box__right .check {
  left: 0;
  top: 5px;
  width: 24px;
  height: 24px;
 }
 .l-parts04__box__right .checkbox {
  width: 24px;
  height: 24px;
 }
 .l-parts04__box__right .check::before {
  top: 2px;
  left: 2px;
  width: 14px;
  height: 14px;
 }
 .btn-form-reset button:hover {
  opacity: 1;
  -webkit-transition: none;
  transition: all none;
 }
 .btn-form-submit {
  width: 80%;
  margin: 2rem auto;
  text-align: center;
 }
 .btn-form-submit button {
  width: 100%;
  padding: 2rem 3.5rem 2rem 6rem;
  font-size: 2rem;
 }
 .btn-form-submit button:hover {
  opacity: 1;
  -webkit-transition: none;
  transition: all none;
 }
 .btn-form-submit img {
  left: 60px;
  width: 20px;
 }
 .l-main-area .resultOn_count {
  font-size: 1.8rem;
  padding: 0 2rem;
 }
 .l-parts04__conclusion .l-parts02__inner {
  display: block;
  padding: 1.2rem;
 }
 .l-parts04__conclusion .l-parts02__inner .l-parts02__box {
  width: 100%;
  padding: 1.2rem;
  margin: 2rem auto;
 }
 .l-parts04__conclusion .l-parts02__box.resultOn {
  width: 100%;
 }
 .l-parts02__box__catch {
  display: block;
  font-size: 2.2rem;
  padding: 1rem 0;
 }
 .l-main-area .l-parts02__box table.tag-table th {
  width: 100%;
 }
 .l-main-area .l-parts02__box .l-parts02__box__sttl {
  margin: 3rem 0 2rem;
 }
 
 .l-parts02__inner .l-parts02__box__column2__catch {
  font-size: 1.6rem;
  margin: 0 0 1rem 0;
 }
 .l-parts02__box__item__right .tag-table td {
  padding: 15px 5px;
 }
 .l-parts02__box__item__right .tag-table td ul li {
  font-size: 1.4rem;
 }
 .l-parts02__inner {
  padding: 5rem 0 2rem 0;
 } 
 .l-parts02__box {
  margin: 0 1rem;
  padding: 1.5rem;
  -webkit-border-radius: 10px;
  border-radius: 10px;
 }
 .l-parts02__box__title {
  margin-bottom: 0;
 }
 .l-parts02__box__item {
  margin-bottom: 4rem;
 }
 .l-parts02__box__item__left {
  width: 100%;
  padding: 0;
 }
 .l-parts02__box__item__right {
  width: 100%;
  padding: 0;
 }
 .l-parts02__box__item__right .catch {
  margin: 2rem 0 1rem 0;
  padding: 0 0 0.5rem 0;
  font-size: 1.8rem;
  text-align: center;
 }
 .l-parts02__box__item__right .catch span {
  font-size: 1.6rem;
 }
 .l-parts02__box__item__right .tag-table th {
  width: 100%;
  padding: 10px;
 }
 .l-parts02__box__column2__items {
  width: 100%;
  margin-bottom: 3rem;
  padding: 1.5rem;
 }
 .l-parts02__box__column2__items span {
  font-size: 14px;
 }
 .l-parts02__box__column2__items:last-child {
  margin-bottom: 0;
 }
 .l-parts02__box__column2__items .tableList__left img {
  max-width: fit-content;
 }
 .l-parts02__box__column2__items .tableList__right {
  padding: 0 0 0 1rem;
 }
 .l-parts02__box__column2__items .tableList__right table {
  display: table;
  border-top: 1px #d3d3d3 solid;
 }
 .l-parts02__box__column2__items .tableList__right table tbody {
  display: table-row-group;
 }
 .l-parts02__box__column2__items .tableList__right table tr {
  display: table-row;
 }
 .l-parts02__box__column2__items .tableList__right table td {
  width: auto;
  display: table-cell;
  padding: 0.5rem 1rem;
  line-height: 1.3;
 }
 .l-main-area .l-parts02__box .btn-web {
  width: 90%;
  margin: 3rem auto;
 }
 ul.l-parts02__column3 .l-parts02__column3__item {
  margin: 0 0 2rem 0;
 }
 .resultOn_count {
  margin: 0 0 4rem 0;
  padding: 0 1rem 2rem 1rem;
  font-size: 2.4rem;
 }
 .resultOn_count::after {
  position: absolute;
  top: 150%;
  left: 50%;
  margin-left: -24px;
  border: 24px solid transparent;
  border-top: 24px solid #fff;
  content: "";
 }
 .l-parts02__box__item__center .tag-table th {
  width: 100%;
 }
 .l-parts02__box__item__center .catch {
  font-size: 1.8rem;
 }
 .l-parts04__conclusion__inner {
  position: relative;
  width: 92%;
  margin: 0 auto;
  padding: 2rem 2.5rem;
  background: #fff;
 }
 .l-parts04__conclusion__inner::after {
  position: absolute;
  left: -2rem;
  top: -2rem;
  width: 64px;
  height: 152px;
 }
 .l-parts04__conclusion__catch {
  font-size: 2.4rem;
 }
 .btn-conclusion {
  width: 100%;
 }
 .btn-conclusion a {
  display: block;
  padding: 2rem 4rem 2rem 2rem;
 }
 .btn-conclusion a:hover {
  opacity: 1;
  -webkit-transition: none;
  transition: all none;
 }
 /* sec03
 ---------------------------------------*/
 .sec03 .l-parts__title {
  padding: 2rem;
 }
 .sec03 .l-parts02__box {
  margin: 1.2rem;
  padding: 1.2rem;
 }
 /* sec04
 ---------------------------------------*/
 /* sec05
 ---------------------------------------*/
 /* sec06
 ---------------------------------------*/
 /* sec07
 ---------------------------------------*/
 .bg-green-wrap {
  margin: 0 0.6rem;
  padding: 2rem 2rem;
  box-shadow: 0 0 0 6px #F5E5E5;
  border: 2px solid #fff;
 }
 .sec07 .catch {
  font-size: 1.8rem;
 }
 /* sec08
 ---------------------------------------*/
 /* sec09
 ---------------------------------------*/
 /* sec10
 ---------------------------------------*/ 

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

 /* 絞り込み追加 */
 .l-main-area .out_of_result {
    font-size: 1.8rem;
    line-height: 1.4;
	 padding: 5rem 2rem 3rem;
 }
 .l-main-area .out_of_result .marker-txt {
    text-decoration: underline;
    line-height: 1.4;
 }
 .l-main-area .out_of_result .marker-txt::after {
    content: none;
 }
}

/***#toc .chapter li {
  counter-increment: section;
 }
 #toc .chapter li:before { 
  content: counter(section, decimal-leading-zero);
 }
 #toc .chapter .chapter li {
  counter-reset: section;
 }***/