@charset "UTF-8"; html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
 margin: 0;
 padding: 0;
 border: 0;
 outline: 0;
 font-size: 100%;
 vertical-align: baseline;
 background: transparent;
 word-break: break-word;
}

body {
 line-height: 1;
 color: #000;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
 display: block;
}

blockquote, q {
 quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
 content: '';
 content: none;
}

a {
 margin: 0;
 padding: 0;
 font-size: 100%;
 vertical-align: baseline;
 background: transparent;
}

ins {
 background-color: #ff9;
 color: #000;
 text-decoration: none;
}

mark {
 background-color: #ff9;
 color: #000;
 font-style: italic;
 font-weight: bold;
}

del {
 text-decoration: line-through;
}

abbr[title], dfn[title] {
 border-bottom: 1px dotted;
 cursor: help;
}

hr {
 display: block;
 height: 1px;
 border: 0;
 border-top: 1px solid #cccccc;
 margin: 1em 0;
 padding: 0;
}

input, select {
 vertical-align: middle;
}

address, caption, cite, code, dfn, em, strong, th, var {
 font-style: normal;
 font-weight: normal;
}

table {
 border-collapse: collapse;
 border-spacing: 0;
}

caption, th {
 text-align: left;
}

object, embed {
 vertical-align: middle;
}

legend {
 display: none;
}

h1, h2, h3, h4, h5, h6 {
 font-size: 100%;
 font-weight: normal;
}

img, abbr, acronym, fieldset {
 border: 0 none;
}

img {
 vertical-align: middle;
}

ul li {
 list-style-type: none;
}

html {
 font-size: 62.5%;
}

input, textarea {
}

/* リンク
*/
a {
 color: #000;
 text-decoration: underline;
}

a:hover {
 text-decoration: none;
}

/* 汎用
*/
/* clear clerfix */
.clear {
 clear: both;
 display: block;
 overflow: hidden;
 visibility: hidden;
 width: 0;
 height: 0;
}

.content:after, .clearfix:after {
 content: "";
 display: block;
 clear: both;
}

.content, .clearfix {
 zoom: 1; /* for IE5.5 - IE7 */
}

/*box-sizing */
*, *:before, *:after {
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
}

body {
 font-family: 'Noto Sans JP', sans-serif;
 font-size: 1.5rem;
 min-width: 1000px;
 line-height: 1.8;
 width: 100%;
 font-weight: 400;
 counter-reset: gnav;
 background: #e8e7e7 url(img/bg_mv2.png) no-repeat right -10% top 120px;
}

body#top {
 background-color: #e8e7e7;
 background-image: url(img/bg_body.png);
 background-repeat: repeat;
 background-position: center center;
 background-size: 660px 340px;
 animation: infinitescroll 30s linear infinite;
 background-attachment: fixed;
}

@keyframes infinitescroll {
 0% {
 background-position: 0 0;
 }

 100% {
 background-position: -660px 0;
 }
}

#contents {
 margin: 30px auto 0;
 counter-reset: num;
}

.contents_top {
 margin: 0 auto;
 padding-top: 35px;
}

.contents {
 max-width: 1000px;
 width: 1000px;
}

.contents-left, .contents-right {
 max-width: 720px;
 width: 720px;
}

.contents-right p, .contents-left p, .contents-full p {
 font-size: 15px;
 font-size: 1.5rem;
 line-height: 1.7;
 margin: 0 0 15px;
}

/* common
*/
.sp, .sp_br, .forSP {
 display: none;
}

h1, h2, h3, h4, h5 {
 color: #000;
}

span.txt_bold {
 font-weight: bold;
 font-size: 1.7rem;
}

span.txt_marker {
 font-weight: bold;
 font-size: 1.7rem;
 position: relative;
 background: #e9ae3c;
 padding: 0 0 0.3rem 0;
}

/* パンくず
*/
#breadcrumb {
 width: 1000px;
 margin: 10px auto 60px;
 padding: 1em 0;
 font-size: 12px;
 position: relative;
 color: #fff;
}

#breadcrumb a {
 text-decoration: underline;
 color: #fff;
}

#breadcrumb a:hover {
 text-decoration: none;
}

.l-header-area {
 width: 100%;
 min-width: 1000px;
 margin: 0;
 padding: 0;
 position: relative;
 background: #fff;
 border-bottom: solid 4px #000;
 display: flex;
}

.l-header-area.low::after {
 content: "";
 width: 95%;
 height: 200px;
 background: linear-gradient(to top left, transparent 50%, #89c2d2 50%) top left / 100% 100% no-repeat;
 position: absolute;
 left: 0;
 top: 100%;
 z-index: -1;
}

.l-header {
 width: 335px;
 margin: 0 auto;
 padding: 0;
 /* position: relative; */
}

.l-header__sitename {
 margin: 0 auto;
 padding: 1rem 0;
 font-size: 1.2rem;
 font-weight: normal;
 line-height: 1.4;
 color: #fff;
}

.l-header__sitename.topname {
 color: #89c2d2;
 text-align: right;
 position: absolute;
 right: 0;
 padding-right: 10.6rem;
 top: -.7rem;
}

.l-header__sitename a {
 text-decoration: none;
 color: #89c2d2;
}

.l-header__sitename a:hover {
 opacity: 0.7;
}

.l-header__sitemap {
 width: 100px;
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 background: #89c2d2;
 border-left: solid 3px #000;
 text-align: center;
 text-decoration: none;
 font-size: 1.3rem;
 font-weight: bold;
}

.l-header__sitemap span {
 display: block;
 font-size: 1rem;
}

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

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

.l-gnavi-area {
 width: 400px;
 height: 100vh;
 padding: 60px 0 0;
 background: #e3eff2;
 background-size: 17.25rem auto;
 -webkit-transition: all 0.8s ease;
 transition: all 0.8s ease;
 opacity: 0;
 position: fixed;
 top: 0;
 left: 0;
 z-index: 300;
 overflow-x: hidden;
 overflow-y: scroll;
}

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

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

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

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

.l-gnavi-list {
 position: relative;
 -webkit-transition: all 0.8s ease;
 transition: all 0.8s ease;
}

.l-gnavi-list__item {
 padding: 5px 0;
}

.l-gnavi-list__link {
 width: 90%;
 margin: 0 auto;
 padding: 15px 45px 15px 10px;
 display: block;
 color: #000;
 text-decoration: none;
 background: #fff;
 position: relative;
}

.l-gnavi-list .l-gnavi-list__item .l-gnavi-list__sub .l-gnavi-list__item .l-gnavi-list__link:after {
 content: "";
 right: 18px;
 width: 9px;
 height: 9px;
 border-top: 2px solid #000;
 border-right: 2px solid #000;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
 position: absolute;
 top: 0;
 bottom: 0;
 margin: auto;
 vertical-align: middle;
}

.l-gnavi-list .l-gnavi-list__item .l-gnavi-list__sub .l-gnavi-list__item .l-gnavi-list__link.l-gnavi-list__link--menu:after {
 content: "・・・";
 position: absolute;
 color: #000;
 right: 5%;
 top: 17%;
 font-size: 2rem;
 letter-spacing: -10px;
 border: 0;
 -webkit-transform: none;
 transform: none;
 bottom: auto;
 width: auto;
 height: auto;
}

.l-gnavi-list .l-gnavi-list__item .l-gnavi-list__sub .l-gnavi-list__item .l-gnavi-list__link.l-gnavi-list__link--menu:hover::after {
 color: #fff;
}

.l-gnavi-list .l-gnavi-list__item .l-gnavi-list__link--menu {
 position: relative;
}

.l-gnavi-list .l-gnavi-list__item .l-gnavi-list__link--menu:after {
 content: "・・・";
 position: absolute;
 color: #635246;
 right: 5%;
 top: 17%;
 font-size: 2rem;
 letter-spacing: -10px;
}

.l-gnavi-list .l-gnavi-list__item .l-gnavi-list__sub .l-gnavi-list__item .l-gnavi-list__link--back {
 background: #fff;
 padding: 10px 10px 10px 45px;
 position: relative;
}

.l-gnavi-list .l-gnavi-list__item .l-gnavi-list__sub .l-gnavi-list__item .l-gnavi-list__link--back:before {
 content: "";
 left: 18px;
 width: 9px;
 height: 9px;
 border-top: 2px solid #000;
 border-right: 2px solid #000;
 -webkit-transform: rotate(225deg);
 transform: rotate(225deg);
 position: absolute;
 top: 0;
 bottom: 0;
 margin: auto;
 vertical-align: middle;
}

.l-gnavi-list .l-gnavi-list__item .l-gnavi-list__sub .l-gnavi-list__item .l-gnavi-list__link--back:after, .l-gnavi-list .l-gnavi-list__item .l-gnavi-list__sub .l-gnavi-list__item .l-gnavi-list__link--back:hover:after {
 content: "";
 border: 0;
}

.l-gnavi-list .l-gnavi-list__item .l-gnavi-list__sub .l-gnavi-list__item .l-gnavi-list__link--back:hover::before {
 border-color: #fff;
}

.l-gnavi-list__sub {
 width: 100%;
 display: none;
 position: absolute;
 top: 0;
 left: 100%;
}

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

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

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

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

.is-navi-open .l-gnavi-area--slide-up {
 -webkit-transform: translateY(0);
 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;
}

/* pc_g_nav
*/
.l-gnavi-area02 {
 width: calc(100% - 435px);
 margin: 0 auto;
 display: flex;
 align-items: center;
}

.l-gnavi-area02.is-fixed {
 position: fixed;
 top: 0;
 left: 0;
 z-index: 2;
 width: 100%;
 padding: 0.5rem 0;
 background: #f4f4f4;
}

.l-gnavi-list02 {
 max-width: 1000px;
 margin: 0 5rem;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: flex-end;
 -ms-flex-pack: flex-end;
 justify-content: flex-end;
}

.l-gnavi-list02__item {
 text-align: center;
 position: relative;
}

.l-gnavi-list02__item + .l-gnavi-list02__item {
 margin: 0 0 0 20px;
}

.l-gnavi-list02__item__link {
 width: 100%;
 padding: 2rem;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 font-size: 1.3rem;
 text-decoration: none;
 counter-increment: gnav;
}

.l-gnavi-list02__item__link:hover {
 /* opacity: 0.5; */
 color: #89c2d2;
}

/* side
*/
.side-banner-area {
 width: 230px;
 border-right: 1px solid #d4c7bd;
 padding: 2rem 3rem 2rem 0;
 float: left;
 position: relative;
}

.side-banner-area::before {
 content: "";
 background: url("img/side_baloon.png") left top no-repeat;
 background-size: 100% auto;
 width: 12px;
 height: 18px;
 position: absolute;
 top: 50px;
 right: -12px;
}

.side-banner-area p {
 color: #333;
 line-height: 1.5;
}

.side-banner-box {
 padding: 1.5rem 0;
 border-bottom: #d4c7bd solid 1px;
}

.side-banner-list__sttl {
 width: 100%;
 margin: 0;
 font-weight: bold;
 font-size: 1.5rem;
 position: relative;
}

.side-banner-list__sttl a {
 width: 100%;
 padding: 1rem 0;
 color: #635246;
 font-weight: bold;
 line-height: 1.5;
 display: block;
 text-decoration: none;
}

.side-banner-list__sttl a:hover {
 color: #a98f7b;
 opacity: 0.7;
}

.side-banner-box ul {
 padding: 0;
}

.side-banner-box ul ul {
 padding: 0;
}

.side-banner-box ul li a {
 display: block;
 padding: 1rem 0;
 color: #635246;
 text-decoration: none;
}

.side-banner-box ul li a:hover {
 color: #635246;
 opacity: 0.7;
}

.side-banner-box ul li ul {
 width: 100%;
}

.side-banner-box ul .sub_cat a {
 padding: 1rem 0 1rem 2rem;
 position: relative;
 font-size: 1.3rem;
}

.side-banner-box ul .sub_cat a:before {
 content: "";
 display: block;
 position: absolute;
 top: 33%;
 left: 5px;
 right: auto;
 width: 8px;
 height: 8px;
 border-top: solid 1px #635246;
 border-right: solid 1px #635246;
 -webkit-transform: rotate(180deg);
 transform: rotate(180deg);
 background: none !important;
 bottom: auto;
}

.sidebanner-upper {
 margin: 0 0 4rem 0;
 padding: 2.5rem 1.5rem;
 background-color: #a98f7b;
 color: #FFF;
 position: relative;
}

.sidebanner-upper p {
 font-size: 1.4rem;
 color: #FFF;
}

.sidebanner-upper__sttl {
 padding: 0 0 10px;
 font-size: 1.6rem;
 font-weight: bold;
}

.sidebanner-upper__sttl a {
 display: block;
 color: #fff;
 text-decoration: none;
}

.sidebanner-upper__sttl a:hover {
 color: #fff;
 opacity: 0.7;
}

.sidebanner-upper__img {
 max-width: 100%;
 margin: 0 auto 20px;
}

.sidebanner-upper__img img {
 display: block;
 margin: 1rem auto;
 max-width: 100%;
 height: auto;
}

.sidebanner-upper__catch {
 margin: 0 0 0.5em;
 font-weight: bold;
}

.sidebanner-upper__info {
 margin: 0.5em 0;
 text-align: right;
 font-size: 1.2rem;
}

.bt-more a {
 width: 100%;
 margin: 15px auto 0;
 padding: 1rem 2.5rem 1rem 2rem;
 border: #fff solid 2px;
 border-radius: 2px;
 display: block;
 color: #fff;
 font-weight: bold;
 font-size: 1.4rem;
 text-align: center;
 text-decoration: none;
 line-height: 1.5;
 position: relative;
}

.bt-more a:hover {
 opacity: 0.7;
}

.bt-more a:after {
 content: "";
 display: block;
 position: absolute;
 top: 39%;
 right: 12px;
 width: 8px;
 left: auto;
 height: 8px;
 border-top: solid 2px #fff;
 border-right: solid 2px #fff;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
 background: none !important;
 bottom: auto;
}

/* footer
*/
.l-footer-area {
 width: 100%;
 margin: 0;
 padding: 0;
 background-color: #fff;
}

.l-footer-logo {
 width: 340px;
 margin: 0 auto 5rem;
}

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

.l-footer-area__inner {
 max-width: 1000px;
 margin: 0 auto;
 padding: 6rem 0 2rem 0;
}

.l-footer-list {
 margin: 0 0 20px 0;
 text-align: center;
}

.l-footer-list__item {
 display: inline-block;
 padding: 0 10px;
}

.l-footer-area .ucp {
 margin: 2rem auto 0;
 text-align: center;
}

.l-footer-area .menseki {
 width: 80%;
 margin: 5rem auto 0;
 padding: 2.5rem 3rem;
 background: #e3e2e2;
 border-radius: 0;
 font-size: 1rem;
}

.l-footer-area .menseki span {
 display: block;
}

.l-footer-copy-wrapper {
 background: #3d8ba1;
 color: #fff;
 border-top: solid 2px #000;
 border-bottom: solid 4px #000;
}

.l-footer-copy {
 max-width: 1000px;
 margin: 0 auto;
 padding: 0.5rem 2rem;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 font-size: 1.2rem;
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 justify-content: space-between;
}

.l-footer-copy a {
 text-decoration: none;
 color: #fff;
}

.l-footer-copy a:hover {
 text-decoration: none;
 opacity: 0.6;
}

.l-footer-copy .sitemap {
 text-align: right;
}

.l-footer-copy .sitemap a {
 text-decoration: none;
}

.l-footer-copy .sitemap a:hover {
 text-decoration: none;
 opacity: 0.7;
}

.l-footer-menu-wrapper {
 margin: 0 auto;
}

.l-footer-menu {
 margin: 0 0 3rem 0;
 line-height: 1.8;
}

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

.l-footer-menu__title__link {
 margin: 0;
 padding: 0.3rem 0 0.3rem 0;
 display: block;
 background-size: 11px auto;
 border: none;
 font-size: 1.6rem;
 font-weight: bold;
 text-decoration: none;
 transition: all 0.3s ease;
 -o-transition: all 0.3s ease;
 -ms-transition: all 0.3s ease;
 -moz-transition: all 0.3s ease;
 -webkit-transition: all 0.3s ease;
}

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

.l-footer-menu__list {
 display: flex;
 flex-flow: row wrap;
 padding: 0 2rem;
}

.l-footer-menu__list__item {
 width: calc(100% / 5);
 margin: 0 45px 2rem 0;
}

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

.l-footer-menu__list__link {
 padding: 0 ;
 font-size: 1.4rem;
 line-height: 1.3;
 font-weight: normal;
 text-decoration: none;
}

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

.l-footer-submenu__list {
 margin: 0 0 0 0;
 padding: 0 0 0 1.5rem;
}

.l-footer-submenu__list__item {
 margin: 0;
 padding: 0.2rem 0 0 0;
 display: block;
 float: none;
}

.l-footer-submenu__list__item:before {
 content: "-";
 margin-right: 0.4rem;
}

.l-footer-submenu__list__link {
 padding: 0;
 font-size: 1.3rem;
 line-height: 1.3;
 font-weight: normal;
 text-decoration: none;
}

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

.l-pagetop {
 width: 6rem;
 height: 6rem;
 position: fixed;
 bottom: 2rem;
 right: 2rem;
 z-index: 2;
 transition: opacity 0.3s ease;
 -o-transition: opacity 0.3s ease;
 -ms-transition: opacity 0.3s ease;
 -moz-transition: opacity 0.3s ease;
 -webkit-transition: opacity 0.3s ease;
}

.l-pagetop__text {
 display: none;
}

.l-pagetop__link {
 width: 100%;
 height: 100%;
 display: block;
 border: solid 2px #000;
 background: #89c2d2 url('img/pagetop.svg') no-repeat center center;
 background-size: 50% auto;
 text-align: center;
 position: relative;
}

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

/*404*/
#page .bt-top a {
 text-decoration: underline;
}

#page .bt-top a:hover {
 text-decoration: none;
}

/*-
content
*/
/*basic_h_tag*/
.contents_top .top-title h2:first-child, .underlayer-page-title:first-child {
 margin: 0 auto 6rem;
}

.contents_top .top-title h2, .underlayer-page-title {
 width: 80%;
 margin: 4rem auto 3rem;
 padding: 0 0 4rem;
 font-size: 42px;
 font-size: 4.2rem;
 font-weight: bold;
 line-height: 140%;
 text-align: center;
 position: relative;
 color: #000;
}

.contents_top .top-title h2::after, .underlayer-page-title::after {
 content: "";
 width: 100px;
 height: 4px;
 background: #000;
 position: absolute;
 bottom: 0;
 left: 50%;
 transform: translateX(-50%);
}

.contents_top .top-title h3, .underlayer-title h2 {
 margin: 45px auto 15px;
 padding: 20px;
 background: #3d8ba1;
 color: #fff;
 font-size: 28px;
 font-weight: bold;
 line-height: 140%;
 position: relative;
 z-index: 0;
}

.contents_top .top-title h3 a, .underlayer-title h2 a {
 color: #fff;
 display: block;
 background: url(img/arrow01_white.svg) no-repeat right center / 35px 15px;
 text-decoration: none;
}

.contents_top .top-title h3 a:hover, .underlayer-title h2 a:hover {
 opacity: 0.7;
}

.contents_top .top-title h4, .underlayer-title h3 {
 margin: 30px 0;
 padding: 10px 10px 10px 50px;
 background: url(img/icon_h2.png) no-repeat left center / 40px 40px;
 font-size: 24px;
 font-size: 2.4rem;
 font-weight: bold;
 line-height: 140%;
 position: relative;
}

.contents_top .top-title h4 a, .underlayer-title h3 a {
 display: block;
 background: url(img/arrow01_black.svg) no-repeat right 20px center / 15px 15px;
 text-decoration: none;
}

.contents_top .top-title h4 a:hover, .underlayer-title h3 a:hover {
 opacity: 0.7;
}

.contents_top .top-title h5, .underlayer-title h4 {
 margin: 30px auto 15px;
 padding: 12px 10px;
 font-size: 20px;
 font-size: 2rem;
 line-height: 140%;
 position: relative;
 border-bottom: 2px solid #000;
 font-weight: bold;
}

.contents_top .top-title h5 a, .underlayer-title h4 a {
 display: block;
 text-decoration: none;
 background: url(img/arrow01_black.svg) no-repeat right 20px center / 13px 13px;
}

.contents_top .top-title h5 a:hover, .underlayer-title h4 a:hover {
 opacity: 0.7;
}

.contents_top .top-title div, .underlayer-title h5 {
 margin: 30px auto 15px;
 padding: 12px 10px;
 font-weight: bold;
 font-size: 18px;
 font-size: 1.8rem;
 color: #3d8ba1;
}

.underlayer-title div {
 margin: 30px auto 15px;
 padding: 5px 10px;
 border-bottom: 2px dashed #000;
 font-size: 24px;
 font-weight: bold;
 line-height: 140%;
 color: #3d8ba1;
}

.underlayer-title div a {
 display: block;
 font-size: 100%;
 color: #89c2d2;
 background: url("img/arrow_black.png") right center no-repeat;
 background-size: 7px auto;
 padding: 0 1.7rem 0 0;
 text-decoration: none;
 transition: all 0.3s ease;
 -o-transition: all 0.3s ease;
 -ms-transition: all 0.3s ease;
 -moz-transition: all 0.3s ease;
 -webkit-transition: all 0.3s ease;
}

.underlayer-title div a:hover {
 opacity: 0.7;
}

/* num */
.icon-title {
 width: calc(100% - 34px);
 position: relative;
 margin: 3rem 0 2rem auto;
 color: #635246;
 border: 2px solid #635246;
 background: #eee9e5;
 padding: 2rem 2rem 2rem 6rem;
 font-size: 2.2rem;
 text-align: left;
 font-weight: bold;
}

.contents_top .icon-recommend-title::before, .contents_top .icon-point-title::before, .contents_top .icon-check-title::before {
 content: "";
 width: 88px;
 height: 88px;
 border-radius: 100px;
 font-size: 2.6rem;
 font-weight: bold;
 line-height: 88px;
 letter-spacing: 0;
 text-align: center;
 color: #fff;
 position: absolute;
 top: -10px;
 left: -60px;
}

.catch-copy {
 margin: 0 0 0.5rem;
 color: #000;
 font-weight: bold;
 position: relative;
}

.icon-recommend-title::before {
 content: "おすすめ";
 width: 88px;
 height: 88px;
 font-size: 1.3rem;
 font-weight: bold;
 line-height: 88px;
 letter-spacing: 0;
 text-align: center;
 color: #fff;
 background-color: #f0783c;
 border: solid 1px #fff;
 box-shadow: 0 0 0 2px #f0783c;
 border-radius: 100px;
 position: absolute;
 top: -10px;
 left: -44px;
}

.icon-point-title::before {
 content: "POINT";
 width: 88px;
 height: 88px;
 font-size: 1.3rem;
 font-weight: bold;
 line-height: 88px;
 letter-spacing: 0;
 text-align: center;
 color: #fff;
 background-color: #635246;
 border: solid 1px #fff;
 box-shadow: 0 0 0 2px #635246;
 border-radius: 100px;
 position: absolute;
 top: -10px;
 left: -44px;
}

.icon-check-title::before {
 content: "CHECK";
 width: 88px;
 height: 88px;
 font-size: 1.3rem;
 font-weight: bold;
 line-height: 88px;
 letter-spacing: 0;
 text-align: center;
 color: #fff;
 background-color: #e61e3c;
 border: solid 1px #fff;
 box-shadow: 0 0 0 2px #e61e3c;
 border-radius: 100px;
 position: absolute;
 top: -10px;
 left: -44px;
}

.icon-num-title {
 background: #ebfaeb;
 border-color: #60b04c;
 color: #60b04c;
}

.icon-num-title .icon-num {
 width: 88px;
 height: 88px;
 font-size: 2.6rem;
 font-weight: bold;
 line-height: 88px;
 letter-spacing: 0;
 text-align: center;
 color: #fff;
 background-color: #60b04c;
 border: solid 1px #fff;
 box-shadow: 0 0 0 2px #60b04c;
 border-radius: 100px;
 position: absolute;
 top: -10px;
 left: -44px;
}

.icon-check-num-title .icon-num, .icon-recommend-num-title .icon-num, .icon-point-num-title .icon-num {
 width: 88px;
 padding: 35px 0 0;
 font-size: 2.6rem;
 font-weight: bold;
 text-align: center;
 line-height: 1;
 color: #fff;
 position: absolute;
 top: 0;
 left: -44px;
}

.icon-check-num-title::before {
 content: "CHECK";
 width: 88px;
 height: 88px;
 padding: 24px 0 0;
 font-size: 1.3rem;
 font-weight: bold;
 line-height: 1;
 letter-spacing: 0;
 text-align: center;
 color: #fff;
 background-color: #e61e3c;
 border: solid 1px #fff;
 box-shadow: 0 0 0 2px #e61e3c;
 border-radius: 100px;
 position: absolute;
 top: -10px;
 left: -44px;
}

.icon-recommend-num-title::before {
 content: "おすすめ";
 width: 88px;
 height: 88px;
 padding: 24px 0 0;
 font-size: 1.3rem;
 font-weight: bold;
 line-height: 1;
 letter-spacing: 0;
 text-align: center;
 color: #fff;
 background-color: #f0783c;
 border: solid 1px #fff;
 box-shadow: 0 0 0 2px #f0783c;
 border-radius: 100px;
 position: absolute;
 top: -10px;
 left: -44px;
}

.icon-point-num-title::before {
 content: "POINT";
 width: 88px;
 height: 88px;
 padding: 24px 0 0;
 font-size: 1.3rem;
 font-weight: bold;
 line-height: 1;
 letter-spacing: 0;
 text-align: center;
 color: #fff;
 background-color: #635246;
 border: solid 1px #fff;
 box-shadow: 0 0 0 2px #635246;
 border-radius: 100px;
 position: absolute;
 top: -10px;
 left: -44px;
}

.icon-textarea {
 margin: 0 0 40px;
}

/* num */
/* tag
*/
.tag-list-area {
 display: -webkit-box;
 display: -moz-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: -moz-flex;
 display: flex;
 -webkit-box-lines: multiple;
 -moz-box-lines: multiple;
 -webkit-flex-wrap: wrap;
 -moz-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
}

.tag-list-area .tag-list-area__li {
 background: #635246;
 color: #fff;
 font-weight: bold;
 border-radius: 5px;
 text-align: center;
 margin: 0 2% 2% 0;
 padding: 0;
 font-size: 13px;
 line-height: 1.4;
 width: calc((100% / 3) - 1.5%);
 display: flex;
 align-items: center;
 justify-content: center;
}

ul.tag-list-area li.tag-list-area__li span, ul.tag-list-area li.tag-list-area__li a span {
 width: 100%;
 height: 100%;
 padding: 10px 5px;
 border: 0;
 border-radius: 4px;
 text-align: center;
 display: flex;
 align-items: center;
 justify-content: center;
 line-height: 1.2;
}

.tag-list-area .tag-list-area__li .tag-on {
 background: #635246;
 color: #fff;
}

.tag-list-area .tag-list-area__li .tag-off {
 background: #fff;
 color: #aaa;
 border: 1px solid #aaa;
}

.tag-list-area .tag-list-area__li a {
 display: block;
 padding: 10px;
 color: #fff;
}

.tag-list-area__li:nth-child(3n) {
 margin-right: 0;
}

.contents_top ul.tag-list-area {
 margin: 1rem auto;
 display: flex;
 flex-wrap: wrap;
 background: #fff;
 padding: 5%;
}

.contents_top ul.tag-list-area li.tag-list-area__li:nth-child(4n) {
 margin-right: 0;
}

.contents_top ul.tag-list-area li.tag-list-area__li {
 background: #ffe084;
 width: calc(90%/4);
 margin: 0 21px 12px 0;
 border-radius: 4px;
 text-align: center;
 font-size: 1.2rem;
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
}

.contents-left ul.tag-list-area .tag-list-area__li::before, .contents-right ul.tag-list-area .tag-list-area__li::before, .contents-full ul.tag-list-area .tag-list-area__li::before {
 content: none;
}

.lower_bottom .tag-list-area {
 padding: 0;
}

/* slider
*/
.compare-table-group .slider-area {
 margin: 0 0 3rem 0;
}

.compare-table-group .slider-area .slider .slick-initialized .slick-slide {
 text-align: center;
}

.compare-table-group .slider-area .slider .slick-initialized .slick-slide span {
 text-align: center;
 font-size: 10px;
 color: #999;
 line-height: 1.4;
 word-wrap: break-word;
 padding: 0.5rem 0;
}

.compare-table-group .slider-area .slider .slick-initialized .slick-slide span img {
 margin: 0 auto 1.5rem;
}

.slider-area {
 margin: 0 0 30px 0;
}

.slider-area .slider {
 margin: 0 0 2rem;
 position: relative;
}

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

.slider-area .slider .slick-slide {
 display: none;
}

.slider-area .slider .slick-slide:focus {
 outline: 0;
}

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

.slider-area .slider .slider-for {
 width: 625px;
 padding: 0 20px;
 float: left;
}

.slider-area .slider .slider-for button.slick-next, .slider-area .slider .slider-for button.slick-prev {
 width: 40px;
 height: 40px;
 background: #635246;
 border-radius: 50%;
 position: absolute;
 z-index: 5;
 text-indent: 9999px;
 overflow: hidden;
}

.slider-area .slider .slider-for button.slick-next:before, .slider-area .slider .slider-for button.slick-prev:before {
 content: '';
 width: 10px;
 height: 16px;
 background: url(img/arrow_white.png) 0 0 no-repeat;
 background-size: 100%;
 opacity: 1;
 position: absolute;
 top: 50%;
 left: 50%;
 z-index: 10;
 transform: translate(-50%, -50%);
}

.slider-area .slider .slider-for button.slick-next:hover, .slider-area .slider .slider-for button.slick-prev:hover {
 opacity: 0.8;
}

.slider-area .slider .slider-for button.slick-prev {
 left: 0;
}

.slider-area .slider .slider-for button.slick-prev:before {
 transform: translate(-50%, -50%) scale(-1, 1);
}

.slider-area .slider .slider-for button.slick-next {
 right: 0;
}

.slider-area .slider .slider-nav-wrap {
 width: 100px;
 padding: 0;
 position: absolute;
 top: 35px;
 right: 0;
}

.slider-area .slider .slider-nav .slick-list {
 padding: 0 0;
}

.slider-area .slider .slider-nav .slick-track {
 left: 0;
}

.slider-area .slider .slider-nav .slick-slide {
 height: 65px;
 padding: 5px 0;
 border: none;
 -webkit-transition: opacity 0.3s ease;
 transition: opacity 0.3s ease;
 opacity: 1;
 cursor: pointer;
}

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

.slider-area .slider .slider-nav .slick-slide:hover {
 opacity: 0.5;
}

.slider-area .slider span {
 margin: 10px 0 20px;
 display: block;
 font-size: 1.1rem;
 color: #999;
 text-align: center;
 word-wrap: break-word;
 line-height: 1.4;
}

.slider-area .slider span a {
 color: #999;
}

/* img_left_right_center
*/
.image-text__image {
 text-align: center;
}

.image-text__image.image-left, .image-text__image.image-right {
 width: 40%;
}

.image-text__text.text-wrap {
 width: 60%;
}

.image-text__text.text-wrap > :first-child {
 margin-top: 0;
}

.image-text__caption {
 display: block;
 padding: 0.5rem 0;
}

.image-text__textarea {
 line-height: 1.8;
}

.image-center {
 margin-bottom: 2rem;
 text-align: center;
 max-width: 100%;
}

/* table
*/
.first-row table tr:nth-child(1) {
 background-color: #e3eff2;
}

.first-column table td:nth-child(1) {
 background-color: #e3eff2;
 width: 20%;
}

.both-row-column tr:first-child, .both-row-column tr td:first-child {
 background: #e3eff2;
}

table, .table-normal {
 width: 100%;
 margin: 30px 0;
 color: #333;
}

table, .table-normal table {
 width: 100%;
 border-collapse: collapse;
 border-spacing: 0;
 border: 1px solid #635246;
 background-color: #fff;
}

table th, table td {
 border: 0;
 border-bottom: 1px solid #635246;
 padding: 15px;
 word-break: break-all;
}

table th {
 background-color: #eee9e5;
}

table th, table td, .table-normal table tbody td {
 border-left: 1px solid #635246;
 text-align: left;
}

table tbody tr:last-child td:last-child, .table-normal table tbody tr:last-child td:last-child, .table-layout table tbody tr:last-child td:last-child {
 border-bottom: none;
}

.table-normal table th:first-child {
 border-left: none;
}

.table-normal table td {
 text-align: center;
}

.table-layout {
 width: 100%;
 margin: 30px 0;
 color: #333;
}

.table-layout table {
 width: 100%;
 border-collapse: collapse;
 border-spacing: 0;
 border: 1px solid #635246;
 background-color: #fff;
}

.table-layout table tbody td {
 border: 0;
 border-bottom: 1px solid #635246;
 padding: 15px;
 word-break: break-all;
}

.table-layout table tbody td {
 border-left: 1px solid #635246;
}

.table-layout table td {
 text-align: center;
}

.js-scrollable {
 width: 100%;
 margin: 30px 0;
 color: #333;
}

.js-scrollable table {
 border-collapse: collapse;
 border-spacing: 0;
 border: 1px solid #635246;
 background-color: #fff;
}

.js-scrollable table tbody td {
 border: 0;
 border-bottom: 1px solid #635246;
 padding: 15px;
 word-break: break-all;
}

.js-scrollable table tbody td {
 border-left: 1px solid #635246 !important;
}

.js-scrollable table tbody tr:last-child td {
 border-bottom: none;
}

.js-scrollable table th:first-child {
 border-left: none !important;
}

.js-scrollable table th {
 font-weight: bold;
 text-align: center;
}

.js-scrollable table td {
 text-align: center;
}

.table-sp-none.first-column table {
 width: 100%;
 border: 1px solid #635246;
}

.table-sp-none table td {
 border: 1px solid #635246;
 padding: 15px;
 word-break: break-all;
}

/* list
*/
.contents-right ul, .contents-left ul, .contents-full ul {
 margin: 2rem auto;
 padding: 0 1rem;
}

.contents-right li, .contents-left li, .contents-full li {
 margin: 0 0 10px;
 padding: 0 0 0.3rem 2rem;
 position: relative;
 line-height: 1.6;
}

.contents-right li::before, .contents-left li::before, .contents-full li::before {
 content: '';
 display: block;
 border: solid 2px #000;
 background-color: #89c2d2;
 width: 10px;
 height: 10px;
 position: absolute;
 top: 8px;
 left: 0;
 border-radius: 50px;
}

/* サイトマップ */
.contents-right .subList, .contents-left .subList, .contents-full .subList {
 margin: 1rem 0 0;
}

.contents-right .subList li:last-child, .contents-left .subList li:last-child, .contents-full .subList li:last-child {
 margin-bottom: 0;
}

/* img
*/
.underlayer-image-text-box {
 margin: 30px 0;
}

.underlayer-image-text-box .catch-copy {
 margin: 0 0 1.5rem;
 font-size: 2.4rem;
 font-weight: bold;
 line-height: 1.4;
 color: #635246;
}

/* 2box,3box
*/
.caption {
 text-align: center;
 font-size: 10px;
 color: #999;
 line-height: 1.4;
 word-wrap: break-word;
}

.caption a {
 color: #999;
}

.box-wrap {
 margin: 40px auto;
}

.box-head, .box-body {
 margin: 0 auto;
}

.box-head {
 display: block;
 border-bottom: 2px dashed #635246;
 font-size: 1.7rem;
 font-weight: bold;
 line-height: 1.5;
 text-align: left;
 color: #635246;
 padding: 2rem 0;
 margin: 0 2rem 2rem;
}

.box-head::after {
 content: none;
}

.box-head a {
 display: block;
 font-size: 100%;
 color: #635246;
 background: url("img/arrow_brown.png") right center no-repeat;
 background-size: 7px auto;
 padding: 0 1.7rem 0 0;
 text-decoration: none;
 transition: all 0.3s ease;
 -o-transition: all 0.3s ease;
 -ms-transition: all 0.3s ease;
 -moz-transition: all 0.3s ease;
 -webkit-transition: all 0.3s ease;
}

.box-body {
 min-height: 95px;
 padding: 0px 30px 35px;
 position: relative;
}

.box-body::after {
 background-size: 38px auto;
 content: '';
 width: 38px;
 height: 96px;
 display: block;
 padding: 0 0 0 30px;
 position: absolute;
 text-decoration: none;
 bottom: 8px;
 right: 15px;
}

.basic-column-box ul {
 padding: 0;
}

.basic-column-box .catch-copy {
 margin: 2rem auto 1rem;
 color: #333;
}

.basic-column-box .textarea-info {
 text-align: right;
}

.column3 .basic-column-box {
 padding: 20px;
 background: #f5f2f0;
 border-top: #635246 solid 5px;
 border-bottom: #635246 solid 5px;
}

.column3 .box-wrap div:nth-of-type(1) img {
 width: 60px;
 height: 60px;
}

.column3 .basic-title {
 margin: 0 -20px 15px;
 padding: 0 20px 15px;
 border-bottom: 1px solid #635246;
 color: #635246;
 font-size: 2rem;
 font-weight: bold;
 line-height: 1.4;
}

.column3 .basic-title h2, .column3 .basic-title h3, .column3 .basic-title h4, .column3 .basic-title h5 {
 font-weight: bold;
}

.column3 .basic-title a {
 display: block;
 font-size: 100%;
 color: #635246;
 background: url("img/arrow_brown.png") right center no-repeat;
 background-size: 7px auto;
 padding: 0 1.7rem 0 0;
 text-decoration: none;
}

.column3 .basic-title a:hover {
 opacity: 0.7;
}

.column2 .basic-column-box {
 background: url("img/bg_box.png") left top repeat;
 background-size: 17.25rem auto;
 padding: 0;
 width: calc((100% - 10px) / 2);
}

.column2 .basic-column-box {
 padding: 20px;
}

.column2 .box-wrap div {
 padding: 0;
}

.column2 .basic-title {
 margin: 0 0 20px;
 color: #635246;
 font-size: 22px;
 font-weight: bold;
 line-height: 1.4;
}

.column2 .basic-title h2, .column2 .basic-title h3, .column2 .basic-title h4, .column2 .basic-title h5 {
 font-weight: bold;
}

.column2 .basic-title a {
 display: block;
 font-size: 100%;
 color: #635246;
 background: url("img/arrow_brown.png") right center no-repeat;
 background-size: 7px auto;
 padding: 0 1.7rem 0 0;
 text-decoration: none;
}

.column2 .basic-title a:hover {
 opacity: 0.7;
}

.column2 .box-wrap div:nth-of-type(1) img {
 width: 60px;
 height: 60px;
}

.box-wrap .table-normal {
 margin: 10px auto 20px;
}

.viral-box-wrap {
 margin: 4rem 0;
 padding: 2rem 2rem 0;
 background: #eee9e5;
}

.viral-box-wrap .basic-column-box {
 padding: 2rem;
 background: #fff;
}

.viral-box-wrap.column3 .basic-column-box {
 border: none;
}

.viral-box-wrap .viral-head {
 margin: 0 0 1.5rem;
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
}

.viral-box-wrap .box-wrap__inner {
 width: 10%;
 display: inline-block;
 text-align: center;
 vertical-align: top;
}

.viral-box-wrap .catch-copy {
 width: calc(90% - 1.5rem);
 margin: 0;
 display: inline-block;
 vertical-align: top;
 color: #635246;
 line-height: 1.4;
 font-weight: bold;
 font-size: 1.8rem;
}

.viral-box-wrap.column2 .box-wrap__inner {
 width: 20%;
}

.viral-box-wrap.column2 .catch-copy {
 width: calc(80% - 1.5rem);
}

.viral-box-wrap.column3 .box-wrap__inner {
 width: 100%;
}

.viral-box-wrap.column3 .catch-copy {
 width: 100%;
 margin: 1rem 0 0;
}

.viral-box-wrap .viral-info, .viral-box-wrap .viral-quote {
 display: block;
 font-size: 1rem;
 color: #999;
 line-height: 1.4;
 word-wrap: break-word;
}

.viral-box-wrap .viral-info {
 margin: 0.5em 0 0;
 text-align: center;
}

.viral-box-wrap .viral-quote {
 margin: 1em 0 0;
 text-align: right;
}

/*　btn_link
- */
.btn-tel {
 display: none;
}

.btn-internal a, .btn-web a {
 display: block;
 box-sizing: border-box;
 width: 100%;
 max-width: 450px;
 height: auto;
 position: relative;
 font-size: 1.6rem;
 font-weight: bold;
 text-align: center;
 line-height: 1.5;
 border-radius: 50px;
 border: solid 3px #000;
 cursor: pointer;
 text-decoration: none;
 padding: 1.6rem 4.5rem 1.6rem 4.5rem;
 margin: 3rem auto;
 transition: all 0.3s ease;
 -o-transition: all 0.3s ease;
 -ms-transition: all 0.3s ease;
 -moz-transition: all 0.3s ease;
 -webkit-transition: all 0.3s ease;
}

/*btn-internal*/
.btn-internal a {
 background: url("img/arrow01_black.svg") right 25px center no-repeat;
 background-size: 16px auto;
 background-color: #9cd1e0;
}

.btn-internal a:hover {
 opacity: 0.7;
}

/*btn-web*/
.btn-web a {
 /*
 background: url("img/icon_window.svg") left 25px center no-repeat;
*/
 background-size: 18px auto;
 background-color: #f4aa1b;
}

.btn-web a:hover {
 opacity: 0.7;
}

/*btn-link*/
.btn-link {
 text-align: right;
}

.btn-link a {
 display: inline-block;
 font-size: 1.4rem;
 background: url(img/arrow01_black.svg) no-repeat right center / 14px auto;
 padding: 0.4rem 2.5rem 0.4rem 0;
 text-decoration: none;
 line-height: 1.3;
}

.btn-link a:hover {
 text-decoration: underline;
}

.btn-acc span {
 width: 100%;
 max-width: 450px;
 height: auto;
 margin: 3rem auto;
 padding: 1.2rem 3rem 1.2rem 3rem;
 display: block;
 background: #f0783c;
 border: solid 2px #fff;
 border-radius: 50px;
 box-shadow: 0 0 0 4px #f0783c;
 font-size: 1.5rem;
 font-weight: bold;
 text-align: center;
 line-height: 1.5;
 color: #fff;
 cursor: pointer;
 position: relative;
 transition: all 0.3s ease;
 -o-transition: all 0.3s ease;
 -ms-transition: all 0.3s ease;
 -moz-transition: all 0.3s ease;
 -webkit-transition: all 0.3s ease;
}

.btn-acc span:hover {
 opacity: 0.7;
}

.btn-acc span::before {
 content: "";
 width: 15px;
 height: 3px;
 margin: auto;
 border-top: 3px solid #fff;
 vertical-align: middle;
 transform: translateY(-50%);
 position: absolute;
 top: 50%;
 right: 14px;
}

.btn-acc span::after {
 content: "";
 width: 3px;
 height: 15px;
 margin: auto;
 border-left: 3px solid #fff;
 vertical-align: middle;
 transform: translateY(-50%);
 -webkit-transition: all 0.4s;
 transition: all 0.4s;
 position: absolute;
 top: 50%;
 right: 20px;
}

.btn-acc span:hover {
 background-size: 12px auto, cover;
}

.btn-acc.is-close span::after {
 transform: translateY(-50%) rotate(-90deg);
}

.accordion-area > :first-child {
 margin-top: 0;
}

.accordion-area > :first-child * {
 margin-top: 0;
}

/* 目次 */
#toc {
 margin: 5rem 0;
 padding: 2rem 3.5rem;
 background: url("img/bg_box.png") left top repeat;
 background-size: 17.25rem auto;
}

#toc .ttl {
 margin: 0 0 2rem;
 padding: 0 1.5rem 1.5rem 5rem;
 background: url("img/ico_index.png") left top no-repeat;
 background-size: 38px;
 font-size: 2.6rem;
 font-weight: bold;
 color: #635246;
 line-height: 1.4;
 position: relative;
}

#toc .ttl::after {
 content: "";
 bottom: 0;
 width: 100%;
 height: 3px;
 display: block;
 position: absolute;
 left: 0;
 background-size: auto auto;
 background-color: #635246;
 background-image: repeating-linear-gradient(135deg, transparent, transparent 2px, #eee9e5 2px, #eee9e5 4px);
}

.chapter {
 margin: 0;
 padding: 2rem;
 background: #FFF;
 line-height: 2;
}

.chapter .chapter {
 margin: 1rem 2rem;
 padding: 0;
 background: none;
}

/* 比較表 */
.compare-table-frame {
 margin: 4rem auto;
 padding: 30px;
 background: #EEE9E5;
}

.compare-table-frame > :first-child {
 margin-top: 0;
}

.compare-table-frame > :first-child * {
 margin-top: 0;
}

.compare-table-frame .title-list-area, .compare-table-frame .title-table-area, .compare-table-frame .title-text-area, .compare-table-frame .image-text-area {
 margin: 25px 0;
 padding: 20px;
 background: #FFF;
}

.compare-table-frame .image-text-area .catch-copy {
 margin: 0 0 1.5rem;
 font-size: 2.4rem;
 font-weight: bold;
 line-height: 1.4;
 color: #635246;
}

.compare-table-frame .tag-list-area {
 padding: 2% 2% 0;
 background: #FFF;
}

.compare-table-frame .contents-list {
 padding: 0;
}

.compare-table-frame .contents-list li {
 margin: 15px 0;
 padding: 20px 20px 20px 35px;
 background: #EEE9E5;
}

.compare-table-frame .contents-list li::before {
 top: 27px;
 left: 20px;
}

.compare-table-frame .contents-list li p {
 margin: 10px 0 0 -15px;
}

/* Q&A */
.qa-area-frame {
 margin: 4rem 0;
}

.qa-box {
 padding: 2rem;
}

.qa-box-odd {
 background: #635246;
}

.qa-box-even {
 background: #eee9e5;
}

.qa-image-info {
 width: 95px;
 text-align: center;
}

.qa-image-info.qa-image-left {
 margin: 0 2rem 0 0;
 float: left;
}

.qa-image-info.qa-image-right {
 margin: 0 0 0 2rem;
 float: right;
}

.qa-image {
 width: 80px;
 margin: 0 auto 1rem;
}

.qa-info {
 margin: 0.5em 0 0;
 padding: 2px;
 background: #FFF;
 border-radius: 12px;
 font-size: 1.2rem;
}

.qa-catch {
 min-height: 3.5rem;
 margin: 0 0 1rem;
 font-size: 2rem;
 font-weight: bold;
 color: #635246;
 position: relative;
}

.qa-icon-q::before {
 content: 'Q';
 width: 3.5rem;
 height: 3.5rem;
 margin: 0 1rem 0 0;
 display: inline-block;
 background: #FFF;
 text-align: center;
 font-size: 2rem;
 line-height: 3.5rem;
 color: #635246;
}

.qa-icon-a::before {
 content: 'A';
 width: 3.5rem;
 height: 3.5rem;
 margin: 0 1rem 0 0;
 display: inline-block;
 background: #635246;
 text-align: center;
 font-size: 2rem;
 line-height: 3.5rem;
 color: #FFF;
}

.qa-image-left + .qa-icon-q, .qa-image-left + .qa-icon-a {
 padding: 0 0 0 11.5rem;
}

.qa-caption {
 margin: 0.5em 0 0;
 font-size: 12px;
 color: #999999;
 line-height: 135%;
 word-wrap: break-word;
}

.qa-caption a {
 color: #999999;
}

.qa-image-left .qa-caption {
 text-align: right;
}

.qa-quote-frame {
 text-align: right;
}

.qa-cmn-quote {
 margin: 0.5em 0 0;
 display: block;
 font-size: 12px;
 color: #999999;
 word-wrap: break-word;
}

.qa-cmn-quote a {
 color: #999999;
}

.qa-box-odd .qa-text-frame, .qa-box-odd .qa-catch {
 color: #FFF;
}

/* 監修　*/
.l-superviser {
 width: 86%;
 margin: 5rem auto;
 border: solid 2px #000;
 background: #fff;
 display: flex;
}

.l-superviser__photo {
 width: 150px;
 border-right: solid 2px #000;
 position: relative;
}

.l-superviser__text {
 width: calc(100% - 150px);
 padding: 1rem 2rem;
}

.l-superviser .caption {
 margin: 0;
 padding: 0.6rem 1rem;
 width: 100%;
 position: absolute;
 bottom: 0;
 font-size: 1rem;
 background: #000;
 color: #fff;
 line-height: 1.2;
 text-align: left;
}

.l-superviser .catch {
 font-size: 1.6rem;
 font-weight: 700;
}

.l-superviser .title {
 margin-bottom: 0.8rem;
 border-bottom: solid 2px #3d8ba1;
}

.l-superviser .title span.bgBule {
 background: #3d8ba1;
 color: #fff;
 font-size: 1.4rem;
 font-weight: 700;
 padding: 0.4rem 1.2rem;
}

.l-superviser .company {
 margin-bottom: 0;
 font-size: 1.8rem;
}

.l-superviser .name {
 margin-bottom: 0;
 font-size: 2.5rem;
 font-weight: 700;
}

.l-superviser .name span.post {
 font-size: 1.5rem;
}

/* 協力　*/
.corporate {
 margin-top: 12rem;
 padding: 3rem 0;
 background: #e3eff2;
 border-top: solid 3px #000;
 border-bottom: solid 3px #000;
 position: relative;
}

.corporate__inner {
 max-width: 1000px;
 margin: 0 auto;
}

.corporate-tag {
 display: inline-block;
 position: absolute;
 width: 200px;
 padding: 1rem;
 background: #9cd1e0;
 border: solid 3px #000;
 left: 50%;
 top: -30px;
 transform: translateX(-50%);
 text-align: center;
 font-size: 1.8rem;
 font-weight: 700;
}

.corporate-name {
 text-align: center;
 font-size: 3rem;
 font-weight: 700;
 margin: 2rem 0 5rem;
}

.corporate-box {
 width: 90%;
 margin: 0 auto 4rem;
 position: relative;
}

.corporate-box .imageBox {
 width: 360px;
 position: absolute;
 left: 0;
 top: -20px;
}

.corporate-box .imageBox img {
 border: solid 2px #000;
}

.corporate-box .caption {
 text-align: left;
 margin-top: 1rem;
 padding: 0 8rem 0 0;
}

.corporate-box .textBox {
 width: 67%;
 margin: 0 0 3rem auto;
 padding: 4rem 4rem 1rem 8.5rem;
 background: #fff;
 border: solid 2px #000;
}

.corporate-box .textBox-title {
 margin: 0 0 1rem;
 padding: 0 0 0 6rem;
 font-size: 1.8rem;
 font-weight: 700;
 position: relative;
}

.corporate-box .textBox-title::before {
 content: "";
 width: 4rem;
 height: 3px;
 background: #000;
 position: absolute;
 left: 0;
 top: 50%;
}

.corporate-box .textBox-body {
 margin-bottom: 2rem;
}

@media screen and (max-width: 480px) {
 body {
 min-width: 100%;
 line-height: 1.7;
 background-size: 30% auto;
 }

 .pc, .pc_br, .forPC, nav {
 display: none;
 }

 .sp, .sp_br, .forSP {
 display: block;
 }

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

 #contents, .contents_top {
 width: 100%;
 max-width: inherit;
 margin: 1rem auto 0;
 padding: 0 3%;
 }

 .contents-left, .contents-right {
 max-width: 100%;
 width: 100%;
 }

 .sitemap {
 display: none;
 }

 #side {
 display: none;
 }

 /* header
*/
 .l-header-area {
 min-width: auto;
 }

 .l-header-area.low:after {
 width: 100%;
 height: 150px;
 }

 .l-header {
 min-height: 7rem;
 padding: 0;
 width: 100%;
 display: flex;
 -webkit-align-items: center;
 align-items: center;
 }

 .l-header__sitemap {
 display: none;
 }

 .l-header__sitename {
 padding: 0;
 margin: 0 auto 0 1rem;
 width: 70%;
 }

 .l-header__sitename.topname {
 display: none;
 }

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

 .l-header-left {
 width: 100%;
 display: block;
 }

 .l-header-logo {
 width: 100%;
 padding: 0 65px 0 0;
 }

 .l-header-logo__image {
 width: 4rem;
 height: 4rem;
 }

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

 .l-header--scroll-menu {
 display: none;
 }

 .l-header--scroll-menu.is-show {
 display: none;
 }

 /* breadcrumb
*/
 #breadcrumb {
 width: 100%;
 min-width: inherit;
 margin: 0 auto 1rem;
 padding: 0;
 white-space: nowrap;
 overflow: auto;
 -webkit-overflow-scrolling: touch;
 }

 #breadcrumb:after {
 min-width: 100%;
 }

 /* g_nav
*/
 .l-gnavi-area {
 width: 100%;
 }

 .l-gnavi-btn {
 width: 50px;
 height: 50px;
 display: block;
 position: fixed;
 top: 1rem;
 right: 1rem;
 z-index: 200;
 cursor: pointer;
 border: 2px solid #000;
 background: #fff;
 }

 .l-gnavi-btn span {
 width: 26px;
 height: 3px;
 display: inline-block;
 background: #000;
 -webkit-transition: all 0.4s;
 transition: all 0.4s;
 position: absolute;
 left: 10px;
 border-radius: 5px;
 }

 .l-gnavi-btn.is-active {
 border: 0;
 }

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

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

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

 .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: 29px;
 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 {
 -webkit-transform: translateX(0);
 transform: translateX(0);
 }

 .l-gnavi-area02 {
 display: none;
 }

 /* side
*/
 .sidebanner-box-area {
 margin: 3rem 0 30px;
 padding: 0 10px;
 }

 .sidebanner-box {
 display: none;
 }

 .sidebanner-upper {
 padding: 23px;
 position: relative;
 box-shadow: 1px 1px 18px -5px rgba(0, 0, 0, 0.3);
 border-radius: 5px;
 display: block !important;
 }

 .sidebanner-upper__img {
 margin: 0 auto 10px;
 width: 95%;
 }

 .sidebanner-upper__sttl {
 font-size: 20px;
 padding: 5px 5px 15px;
 color: #333;
 }

 .sidebanner-upper__sttl a {
 display: block;
 color: #745749;
 text-decoration: none;
 font-weight: bold;
 }

 .sidebanner-upper .bt-more a {
 background-color: #b08b77;
 color: #fff;
 display: block;
 font-size: 1.5rem;
 font-weight: bold;
 text-align: center;
 text-decoration: none;
 padding: 16px 10px 16px 65px;
 margin: 10px 0;
 border-radius: 3px;
 position: relative;
 }

 .sidebanner-upper .bt-more a::before {
 content: '';
 background: url(img/parts/pc/freespace_arrow.png) center center no-repeat;
 background-size: 22px;
 background-color: #f5c5be;
 position: absolute;
 width: 55px;
 height: 100%;
 left: 0px;
 top: 0;
 }

 /* footer
*/
 .l-footer-area__inner {
 width: 100%;
 padding: 3rem 0 2.5rem 0;
 }

 .l-footer-logo {
 width: 60%;
 margin: 0 auto 2rem;
 padding: 0 0 0.5rem 0;
 display: block;
 font-size: 1.4rem;
 font-weight: bold;
 line-height: 1.4;
 text-align: center;
 }

 .l-footer-logo a {
 display: block;
 color: #fff;
 }

 .l-footer-menu-wrapper {
 margin: 0 auto 2rem;
 border-top: 1px solid #fff;
 }

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

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

 .l-footer-menu__title__link {
 padding: 1rem 4rem 1rem 4%;
 display: block;
 background: #ccc url("img/arrow_white_down.png") right 10px center no-repeat;
 background-size: 10px auto;
 box-sizing: border-box;
 font-size: 1.8rem;
 font-weight: 600;
 }

 .l-footer-menu__title__link.is-open {
 background: #ccc url("img/arrow_white_up.png") right 10px center no-repeat;
 background-size: 10px auto;
 }

 .l-footer-menu__list {
 padding: 0;
 display: none;
 font-size: 1.3rem;
 background-color: #fff;
 }

 .l-footer-menu__list__item {
 width: 100%;
 margin: 0;
 float: none;
 }

 .l-footer-menu__list__item a {
 padding: 2rem 4% 2rem 4%;
 display: block;
 background: url("img/arrow01_black.svg") right 12px center no-repeat;
 background-size: 10px auto;
 border-bottom: 1px solid #ccc;
 color: #333;
 }

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

 .l-footer-submenu__list {
 padding: 0;
 }

 .l-footer-submenu__list__item {
 padding: 0;
 }

 .l-footer-submenu__list__item a {
 padding: 2rem 4% 2rem 8%;
 }

 .l-footer-submenu__list__item:before {
 display: none;
 }

 .l-footer-area .menseki {
 width: 90%;
 margin: 0 auto 2rem;
 padding: 1.5rem;
 line-height: 1.5;
 font-size: 1.2rem;
 text-align: left;
 }

 .l-footer-area .ucp {
 margin: 0 auto 1rem;
 line-height: 1.5;
 font-size: 1.3rem;
 }

 .l-pagetop {
 right: 1rem;
 z-index: 0;
 }

 /*-
contents
- */
 /* title
- */
 .contents_top .top-title h2, .contents_top .top-title h3, .contents_top .top-title h4, .contents_top .top-title h5 {
 width: 100%;
 margin: 4rem 0 3rem;
 }

 .contents_top .top-title h2:first-child, .underlayer-page-title:first-child {
 margin-bottom: 4rem;
 }

 .underlayer-page-title {
 width: auto;
 }

 h1.underlayer-page-title {
 margin: 0rem auto 2rem;
 }

 .contents_top .top-title h2, .underlayer-page-title {
 padding: 2rem 2rem;
 font-size: 2.4rem;
 }

 .contents_top .top-title h3, .underlayer-title h2 {
 margin: 3rem 0 2rem;
 font-size: 2.2rem;
 }

 .contents_top .top-title h4, .underlayer-title h3 {
 margin: 3rem 0 2rem;
 font-size: 2rem;
 }

 .contents_top .top-title h5, .underlayer-title h4, .underlayer-title h5 {
 margin: 3rem 0 2rem;
 font-size: 1.8rem;
 }

 .contents_top .top-title div {
 font-size: 1.8rem;
 }

 .underlayer-title div {
 margin: 3rem 0 2rem;
 font-size: 2rem;
 }

 /* tag
*/
 .contents_top ul.tag-list-area li.tag-list-area__li {
 margin: 0 1% 1rem 1%;
 width: calc(94%/3);
 line-height: 1.3;
 }

 .contents_top ul.tag-list-area li.tag-list-area__li:nth-child(4n) {
 margin-right: auto;
 }

 /* slider
*/
 .slider-area .slider .slider-for {
 width: 100%;
 padding: 0 1em;
 float: none;
 }

 .slider-area .slider .slider-for img {
 max-width: 100%;
 width: inherit;
 height: 160px;
 }

 .slider-area .slider .slider-nav-wrap {
 width: 100%;
 margin: 0 auto;
 padding: 0 1em;
 position: static;
 }

 .slider-area .slider .slider-nav-wrap img {
 width: auto;
 }

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

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

 .slider-area .slider .slider-nav .slick-slide {
 width: 20% !important;
 height: 50px;
 padding: 5px 2px;
 }

 .slider-area .slider .slider-caption {
 font-size: 1rem;
 }

 .compare-table-group .slider-area .slider .slick-initialized .slick-slide {
 margin: 0 0 2rem 0;
 }

 /* table
- */
 .table-layout {
 margin: 30px 0;
 padding: 0 0 10px 0;
 width: 100%;
 }

 .table-layout table {
 width: 100%;
 border-collapse: collapse;
 border-spacing: 0;
 border: 1px solid #745749;
 }

 .table-layout table thead th, .table-layout table tbody th, .table-layout table tbody td {
 border-bottom: 1px solid #745749;
 padding: 15px;
 word-break: break-all;
 }

 .table-layout table th, .table-layout table tr, .table-layout table td {
 text-align: center;
 }

 .table-layout table tbody td {
 border-left: 0;
 }

 .table-layout table th {
 background: #f0e7de;
 }

 .table-layout table th:first-child {
 border-left: none;
 }

 .table-layout table th {
 font-weight: bold;
 color: #745749;
 }

 .table-layout::-webkit-scrollbar {
 height: 5px;
 }

 .table-layout::-webkit-scrollbar-track {
 background: #F1F1F1;
 }

 .table-layout::-webkit-scrollbar-thumb {
 background: #745749;
 }

 .table-layout, .table-layout tr, .table-layout th, .table-layout td {
 display: block;
 width: 100%;
 }

 .js-scrollable {
 width: 100%;
 margin: 2rem 0 0;
 color: #333;
 }

 .table-sp-none {
 display: none;
 }

 /* img_left_right_center
*/
 .image-text-area {
 display: block;
 padding: 0;
 margin: 2rem auto;
 }

 .image-text__image {
 width: 100%;
 max-width: 100%;
 margin: 0 auto;
 padding: 0;
 }

 .image-text__image.image-left, .image-text__image.image-right {
 width: 100%;
 }

 .image-text__text.text-wrap {
 width: 100%;
 margin-top: 0.8rem;
 }

 .image-text__image.image-left img, .image-text__image.image-right img {
 margin: auto;
 display: block;
 }

 .image-text-area .image-text__image.image-left + .image-text__text .image-text__textarea .catch-copy, .image-text-area .image-text__image.image-right + .image-text__text .image-text__textarea .catch-copy, .image-text-area .image-text__image.image-center + .image-text__text .image-text__textarea .catch-copy {
 margin: 2rem 0;
 font-size: 1.8rem;
 line-height: 1.5;
 }

 .image-text-area .image-text__image.image-left + .image-text__text .table-normal, .image-text-area .image-text__image.image-right + .image-text__text .table-normal {
 margin: 2rem auto 0;
 }

 .top-image-text-box .catch-copy {
 font-size: 1.6rem;
 margin: 2rem 0 1.5rem;
 padding: 0 0 2rem;
 }

 /* img
 */
 .underlayer-image-text-box .catch-copy {
 margin: 2rem 0 1rem;
 font-size: 2rem;
 }

 /* 2box,3box
*/
 .caption {
 font-size: 12px;
 }

 .column2 .basic-column-box, .column3 .basic-column-box {
 width: 100%;
 margin-right: 0;
 }

 .box-wrap .basic-column-box {
 padding: 3%;
 }

 .box-wrap .basic-column-box .catch-copy {
 font-size: 1.5rem;
 line-height: 1.5;
 padding: 0 0 0rem;
 margin: 1rem auto;
 }

 .column2 .basic-title {
 font-size: 2rem;
 }

 .column3 .basic-title {
 margin: 0 -3% 2rem;
 padding: 0 1rem 3%;
 font-size: 1.8rem;
 }

 .viral-box-wrap {
 padding: 3% 3% 0;
 }

 .viral-box-wrap .basic-column-box {
 margin: 0 0 3% 0;
 padding: 3%;
 }

 .viral-box-wrap .box-wrap__inner {
 width: 20%;
 }

 .viral-box-wrap .catch-copy {
 width: calc(80% - 1rem);
 font-size: 1.5rem;
 }

 .viral-box-wrap.column3 .box-wrap__inner {
 width: 20%;
 }

 .viral-box-wrap.column3 .catch-copy {
 width: calc(80% - 1rem);
 }

 /*　btn_link
- */
 .btn-internal, .btn-web, .btn-tel, .btn-link {
 margin: 0 auto;
 display: block;
 }

 .btn-internal a, .btn-web a, .btn-tel a, .btn-link a {
 display: block;
 box-sizing: border-box;
 width: 82%;
 height: auto;
 position: relative;
 font-size: 1.5rem;
 text-align: center;
 line-height: 1.3;
 border-radius: 50px;
 cursor: pointer;
 text-decoration: none;
 padding: 1.6rem 4.5rem;
 margin: 2rem auto;
 }

 /*btn-internal*/
 .btn-internal a {
 background-size: 13px auto;
 }

 /*btn-web*/
 .btn-web a {
 background-size: 15px auto;
 }

 /*btn-tel*/
 .btn-tel a {
 color: #fff;
 background: url("img/icon_tel.svg") 20px center no-repeat;
 background-size: 18px auto;
 background-color: #3d8ba1;
 border: solid 3px #000;
 padding: 1.6rem 3rem 1.6rem 4.5rem;
 }

 /*btn-link*/
 .btn-link a {
 display: block;
 font-size: 1.4rem;
 font-weight: bold;
 color: #000;
 background: url("img/arrow01_black.svg") right 15px center no-repeat #fff;
 background-size: 10px auto;
 border: 3px solid #000;
 padding: 1.2rem 3.5rem 1.2rem 2rem;
 }

 /* num */
 .icon-title {
 margin: 8% 0 4% auto;
 padding: 1rem 1.5rem 1rem 4rem;
 font-size: 2rem;
 line-height: 1.4;
 }

 .icon-num-title .icon-num {
 width: 60px;
 height: 60px;
 background-size: 100% auto;
 font-size: 2rem;
 line-height: 60px;
 top: -20px;
 left: -30px;
 }

 .icon-recommend-title::before, .icon-point-title::before, .icon-check-title::before {
 width: 60px;
 height: 60px;
 line-height: 60px;
 font-size: 1.2rem;
 top: -20px;
 left: -30px;
 }

 .icon-recommend-num-title::before, .icon-point-num-title::before, .icon-check-num-title::before {
 width: 60px;
 height: 60px;
 padding: 1.4rem 0 0;
 font-size: 1rem;
 top: -20px;
 left: -30px;
 }

 .icon-check-num-title .icon-num, .icon-recommend-num-title .icon-num, .icon-point-num-title .icon-num {
 width: 60px;
 padding: 1rem 0 0;
 font-size: 2rem;
 left: -30px;
 }

 /* 比較表 */
 .compare-table-frame .title-list-area, .compare-table-frame .title-table-area, .compare-table-frame .title-text-area, .compare-table-frame .image-text-area {
 margin: 2rem 0;
 padding: 2rem 1.5rem;
 }

 .compare-table-frame .image-text-area .catch-copy {
 margin: 2rem 0 1rem;
 font-size: 2rem;
 }

 .compare-table-frame {
 padding: 3%;
 }

 /* 目次 */
 #toc {
 padding: 2rem;
 }

 #toc .ttl {
 padding: 0 1.5rem 1.5rem 4rem;
 background-size: 30px;
 font-size: 2.2rem;
 }

 /* Q&A */
 .qa-box {
 padding: 3%;
 }

 .qa-image-info {
 width: 20%;
 }

 .qa-image-info.qa-image-left {
 margin: 0 3% 3% 0;
 }

 .qa-image-info.qa-image-right {
 margin: 0 0 3% 3%;
 }

 .qa-image {
 width: 100%;
 }

 .qa-info {
 border-radius: 10px;
 font-size: 1rem;
 line-height: 1.2;
 }

 .qa-catch {
 min-height: 3rem;
 font-size: 1.8rem;
 }

 .qa-icon-q::before {
 width: 3rem;
 height: 3rem;
 font-size: 1.8rem;
 line-height: 3rem;
 }

 .qa-icon-a::before {
 width: 3rem;
 height: 3rem;
 font-size: 1.8rem;
 line-height: 3rem;
 }

 .qa-image-left + .qa-icon-q, .qa-image-left + .qa-icon-a {
 padding: 0 0 0 23%;
 }

 .qa-caption {
 font-size: 1rem;
 line-height: 1.6;
 }

 .qa-cmn-quote {
 font-size: 1rem;
 line-height: 1.6;
 }

 /* 監修　*/
 .l-superviser {
 width: 100%;
 display: block;
 margin: 3rem auto;
 }

 .l-superviser__photo {
 width: 130px;
 float: right;
 margin: 0 0 1rem 1.5rem;
 border-right: none;
 border-left: solid 2px #000;
 }

 .l-superviser__photo .caption {
 font-size: 0.9rem;
 }

 .l-superviser__text {
 width: 100%;
 padding: 1rem;
 }

 .l-superviser .title {
 clear: both;
 margin: 1.5rem 0 1rem;
 }

 .l-superviser .catch {
 font-size: 1.5rem;
 }

 .l-superviser .company {
 font-size: 1.5rem;
 }

 /* 協力　*/
 .corporate-tag {
 font-size: 1.6rem;
 width: 50%;
 }

 .corporate-name {
 margin: 1rem 0;
 font-size: 1.8rem;
 }

 .corporate-box {
 width: 92%;
 }

 .corporate-box .imageBox {
 width: 100%;
 position: static;
 }

 .corporate-box .caption {
 padding: 0;
 margin: 0.6rem 0 1rem;
 }

 .corporate-box .textBox {
 width: 100%;
 padding: 1.5rem;
 }

 .first-column table td:nth-child(1) {
 width: 28%;
 }

 table, .table-normal table {
 font-size: 1.3rem;
 }
}