@charset 'UTF-8';
/* --------------------------------------------------------
	以下引き継ぎ
-------------------------------------------------------- */
a.outlink-open-8,
a.outlink-open-10
{
pointer-events: none;
}

html {
font-size: 62.5%;
scroll-behavior: smooth;
}
body {
font-family: 'Noto Sans JP', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
font-size: 1.2rem;
font-weight: 400;
line-height: 1.9;
color: #333;
-webkit-text-size-adjust: 100%;
line-break:strict;
word-break:break-word;
overflow-wrap:break-word;
word-wrap:break-word;
}
.sp-block,.pci {
display:none;
}
.pc-block,.sp {
display:block;
}
sub {
font-size: 62.5%;
}
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

img {
width: 100%;
vertical-align: bottom;
}
/* clearfix */
.cf {
	zoom: 1;
}
.cf:before, .cf:after {
display: table;
content: '';
}
.cf:after {
clear: both;
}
/* sp・pc */

.nav__overlay {
position: fixed;
z-index: 9997;
top: 0;
left: 0;
display: none;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .6);
}
.header {
position: fixed;
top:0;
left:0;
z-index: 9999;
border-top: 1em solid #e1242a;
width: 100%;
background: #fff;
transition: transform .4s;
}
.header.hide {
transform: translateY(-100%);
}
.cp__name__wrap {
padding: 1.5625% 1.25%;
}
.cp__name {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.cp__txt {
width: 200px;
vertical-align: middle;
}
.table_utirity__nav, .utirity__nav {
display: none;
}
.header__nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: row;
list-style-type: none;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
margin-left: 8px;
}
.header__nav > li {
position: relative;
}
.header__nav > li:not(:last-child) {
margin-right: 28px;
}
.header__nav > li::before {
position: absolute;
top: 0;
bottom: 0;
left: -8px;
width: 5px;
height: 5px;
margin: auto 0;
content: '';
-webkit-transform: translateY(2px);
transform: translateY(2px);
background-image: url(/images/footer_nav_arrow.png);
background-repeat: no-repeat;
background-size: contain;
}
.header__nav > li > a {
font-size: 87.50%;
text-decoration: none;
color: #000;
}
.header__nav > li > a:hover {
opacity: .7;
}
.content__ttl__wrap {
position: relative;
padding: 2.34% 3.125%;
background: #e99d40;
}
.content__ttl__wrap__underpage {
display: block;
}
.content__ttl__02 {
margin-bottom: 0px;
}
.content__ttl__02 > a {
display: block;
width: 80%;
font-size:0;
line-height:0;
}
.content__ttl__02 > a > img {
width: 61.5%;
margin-top: 0;
margin-bottom: 0;
}
.fixed_btn {
position: fixed;
top: 10%;
right: 0px;
width:55px;
z-index:999999;
}
.fixed_btn img.toilet {
margin-top:24px;
}
.footer {
display: block;
border-left: solid 14px #e1242a;
background: -webkit-gradient(linear, right top, left top, from(#ddd), color-stop(88%, #fff));
background: linear-gradient(to left, #ddd 0%, #fff 88%);
}
.footer__inner {
width: 100%;
margin: 0 auto;
padding: 5% 14px;
}
.footer__nav__wrap {
margin-bottom: 57px;
}
.footer__nav__list {
list-style: none;
}
.footer__nav__item {
float: left;
margin-right: 37px;
}
.footer__nav__item:not(:last-child) {
float: left;
margin-right: 17px;
padding-right: 15px;
border-right: 1px solid #999;
}
.footer__nav__item a:link, .footer__nav__item a:visited {
font-size: 75%;
font-weight: 600;
display: block;
text-decoration: none;
color: #595858;
}
.footer__nav__item a:hover {
text-decoration: underline;
color: #f00;
}
.copyright {
font-size: 75%;
}

.font__nav {
	margin-bottom: 5px;
	text-align: right;
	vertical-align: middle;
}
.font__nav__banner {
	padding-right:10px;
	display: inline-block;
	vertical-align: middle;
}

.font__nav__ttl {
	font-size: 87.50%;
	display: inline-block;
	vertical-align: middle;
}
.font__nav__btn {
	font-size: 87.50%;
	line-height: 1;
	display: inline-block;
	margin-left: 5px;
	padding: 5px;
	cursor: pointer;
	vertical-align: middle;
	color: #fff;
	background: #999;
}
.font__nav__btn--current {
	background: #e1242a;
}
.toilet__nav{
width: 30px;
margin-left: 25px;
}
.header__nav02{
text-decoration: none;
list-style: none;
display: flex;
justify-content: flex-end;
}
.top__sns-items{
margin: 0 auto 40px;
width: auto;
max-width: 1200px;
display: flex;
justify-content: flex-end;
}
.top__sns-items a{
width: 40px;
display: inline-block;
margin-left: 5px;
}


@media screen and (max-width: 768px) {
body {
line-height: 1.8;
font-size: 1.5em!important;
}
}
@media screen and (min-width: 375px) {
body {
font-size: 18px;
}
}
@media screen and (min-width: 425px) {
body {
font-size: 1.6rem;
}
}


@media screen and (min-width: 961px) {
html {
overflow: auto;
}
body {
font-size: 155%;
overflow-x: hidden;
}
.pci {
display: block;
}
.sp {
display: none;
}
.header {
position: static;
top:unset;
left:unset;
border-top: 1em solid #e1242a;
}
.cp__name__wrap {
zoom: 1;
}
.cp__name__wrap:before, .cp__name__wrap:after {
display: table;
content: '';
}
.cp__name__wrap:after {
clear: both;
}
.cp__name__wrap {
position: relative;
max-width: 1200px;
width:100%;
margin: 0 auto;
padding: 12px 8px 12px 0;
}
.cp__name {
position: absolute;
bottom:30px;
}
.cp__txt {
width: 300px;
}
.table_utirity__nav {
display: flex;
float: right;
align-items: center;

}
.utirity__nav {
display: block;
float: right;
}
.table_utirity__nav .common-btn {
	display: flex;
	align-items: center;
}
.table_utirity__nav .common-btn a {
	cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.6em 2em;
    color: #fff;
    font-weight: 400;
    line-height: 1.0;
    text-align: center;
    text-decoration: none;
    background: #EAA44E;
    border-radius: 999px;
    box-sizing: border-box;
	margin:0 0.5em;
	font-size: 1em;
	font-family: 'Kiwi Maru', 'M PLUS 1p', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
	letter-spacing: 0.05em;
}
.table_utirity__nav .common-btn a:first-of-type{background: #4eb5ea;}
.table_utirity__nav .common-btn a:last-of-type{margin-right:2em;}
.table_utirity__nav .common-btn a:after {
    content: "\f054";
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    -webkit-font-smoothing: antialiased;
    font-weight: bold;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1.0;
	padding-left: 1em;
	font-size: 0.95em;
}

.table_utirity__nav .common-btn a:first-of-type:before {
    content: '';
    display: inline-block;
    width: auto;
    height: 16px;
	background: url(/images/top/ico-checksheet.svg) no-repeat;

    aspect-ratio: 57 / 42;

}
.table_utirity__nav .common-btn a:last-of-type:before {
    content: '';
    display: inline-block;
    width: auto;
    height: 16px;
    background: url(/images/top/ico-search.svg) no-repeat;

    aspect-ratio: 31 / 42;
	padding-right:1.5em;
}
.font__nav {
margin-bottom: 5px;
text-align: right;
vertical-align: middle;
}
.font__nav__ttl {
font-size: 87.50%;
display: inline-block;
vertical-align: middle;
}
.font__nav__btn {
font-size: 87.50%;
line-height: 1;
display: inline-block;
margin-left: 5px;
padding: 5px;
cursor: pointer;
vertical-align: middle;
color: #fff;
background: #999;
}
.font__nav__btn--current {
background: #e1242a;
}
.content__ttl__wrap__underpage {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.content__ttl__wrap {
padding: 9px 0;
}
.content__ttl__wrap__inner {
max-width: 1200px;
margin: 0 auto;
vertical-align: bottom;
width:96%;
}
.content__ttl__02 {
display: inline-block;
margin-right: 23px;
margin-bottom: 0;
}
.content__ttl__02 > a {
width: 100%;
cursor: pointer;
pointer-events: auto;
}
.content__ttl__02 > a > img {
width: 185px;
margin-top: 4px;
margin-bottom: 4px;
}
.content__read {
display: inline-block;
}
.footer {
display: block;
border-left: solid 17px #e1242a;
}
.footer__inner {
max-width: 1200px;
width:100%;
margin: 0 auto;
padding: 35px 0;
}
.footer__nav__wrap {
margin-bottom: 57px;
}
.footer__nav__wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
zoom: 1;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.footer__nav__list {
list-style: none;
}
.footer__nav__item {
float: left;
}
.footer__nav__item:not(:last-child) {
float: left;
margin-right: 9px;
padding-right: 10px;
border-right: 1px solid #222;
}
.footer__nav__item a:link, .footer__nav__item a:visited {
font-size: 15px;
display: block;
text-decoration: none;
}
.copyright {
font-size: 17px;
}
}
@media screen and (min-width: 1135px) {
.content__read {
margin-bottom: -8px;
vertical-align: bottom;
font-size: 112.5%!important;
font-weight: bold;
font-family: 'Kiwi Maru', 'M PLUS 1p', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
}
.content__ttl__wrap__underpage .content__read {
margin-top: 0px;

}
}

@media screen and (max-width: 960px) {
.cp__name__wrap {
padding: 10px;
}
.cp__txt {
width: auto;
height:20px;
}
.content__ttl__wrap {
position: relative;
padding: 10px;
background: #e99d40;
}
.content__ttl__02 > a > img {
width: auto;
height:28px;
}
.content__read {
padding-top: 5px;
padding-bottom: 0em;
vertical-align: bottom;
color:#fff;
font-size: 1.2rem!important;
font-weight: bold;
line-height: 1.25;
margin-left: -2px;
}
}

/* modal ---------------------------------------- */
.modal{
display: none;
height: 100vh;
position: fixed;
top: 0;
width: 100%;
z-index:999999;
}
.modal_bg{
background:url(images/overlay.png) repeat 0 0;
opacity: 0.9;
filter: alpha(opacity = 90);
height: 100vh;
position: absolute;
width: 100%;
}
.modal__content{
background: #ffffff;
left: 50%;
padding: 40px;
position: absolute;
top: 50%;
transform: translate(-50%,-50%);
width: 60%;
font-size:1.6rem;
font-weight:bold;
}
.modal__content .title {
text-align:center;
margin-bottom:12px;
}
.modal-btn {
display:block;
padding:10px;
background:#c45fa0;
color:#ffffff;
text-align:center;
margin:10px;
width:95%;
}
.modal-btn2 {
display:block;
padding:10px;
background:#666;
color:#ffffff;
text-align:center;
margin:10px;
width:95%;
}
.modal-btn3 {
display:block;
padding:10px;
background:#1692fd;
color:#ffffff;
text-align:center;
margin:10px;
width:95%;
}
.modal-btn4 {
display:block;
padding:10px;
background:#e6b431;
color:#ffffff;
text-align:center;
margin:10px;
width:95%;
}
.modal-btn5 {
display:block;
padding:10px;
background:#eba800;
color:#ffffff;
text-align:center;
margin:10px;
width:95%;
}
.modal__content a:link {
text-decoration:none;
color:#ffffff;
font-size:1.6rem;
font-weight:bold;
}
.modal__content .modal-link-box {
display:table;
width:90%;
margin:5px auto;
}
.modal__content .modal-link-box .modal-link-box-inner {
display:table-cell;
width:50%;
}
/*======================================
メガメニュー
======================================*/
@media screen and (min-width: 961px) {
.drawer-menu{display:none;}
.mgmenu {
padding: 0;
background: #e99d40;
width: 100%;
}
.mgmenu.fix {
position: fixed;
right: 0;
top: 0;
z-index: 1000;
}

#gnav>ul {
margin: 0 auto;
width: 100%;
max-width:1200px;
display:flex;
justify-content: space-between;
align-items: center;
-webkit-box-pack: justify;
height:60px;
}

#gnav>ul>li {
color: #fff;
position: static;
width: 100%;
}


#gnav>ul>li>.content__menu__pc__item-ttl,#gnav>ul>li>.content__menu__pc__item-ttl-link {
display: flex;
color: #ffffff;
text-decoration: none;
line-height:1.3;
font-size: calc(1.55rem + 0.8 * ((100vw - 320px) / 880));
align-items: center;
font-family: 'Kiwi Maru', 'M PLUS 1p', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
padding:10px 8px;
justify-content: space-evenly;

}
#gnav>ul .menu_wrap {
max-height: 9999px;
overflow: hidden;
width: 100%;
left: 0;
text-align: center;
position: absolute;
z-index: 1000;
border-top: 12px solid transparent;
background-color: #FFE699;
margin-top:8px;
display: none;
}
#gnav>ul .menu_wrap.open {
display: block;
}

#gnav>ul .menu_wrap .menu_inner {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items:flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
margin: 0 auto;
padding: 20px 0;
max-width: 1200px;
width: 100%;
height: 100%;
text-align: left;
position: relative;
letter-spacing: 0.025em;
}


#gnav>ul .menu_wrap .menu_inner .megaclose{
font-size: 3rem;
font-weight: bold;
color: #E99D3F;
position: absolute;
right: 0;
top: 15px;
font-family: 'Kiwi Maru', 'M PLUS 1p', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
cursor: pointer;
width: 3rem;
line-height: 1;
display: block;
text-align: center;
z-index: 10;
}
.menuct-top{max-width:170px;min-width: 170px;padding:0.5em;text-align: center;}
.menuct-top img {max-width:100px;min-width:100px;margin:0 auto;}
.menuct-top .mn-ttl {font-family: "Kiwi Maru", "M PLUS 1p", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", 游ゴシック, YuGothic, メイリオ, Meiryo, sans-serif;color: #E99D3F;display: block;line-height: 1.2;text-align: center;margin:1em auto;font-size: 1.1em;}
.menuct-top a {font-family: "Kiwi Maru", "M PLUS 1p", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", 游ゴシック, YuGothic, メイリオ, Meiryo, sans-serif;
	display: block;
	border-radius: 8px;
	background-color: #ffe8c2;color:#7f3c2f!important;
	position: relative;}
.menuct-top a:after  {
display: block;
content: '';
position: absolute;
top: .55em;
left: 24px;
width: 6px;
height: 6px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}

#gnav>ul .menu_wrap .menu_inner ul {
list-style: none;
margin-right: 1.5rem;
}
#gnav>ul .menu_wrap a {
color: #333;
text-decoration: none;
}
#gnav>ul .menu_wrap .menu_inner li {
margin: .5em 0;
position: relative;
padding-left: 1.8rem;
font-size: 93.75%;
color: #333333;
}
#gnav>ul .menu_wrap .menu_inner li a {
color: #333333;
text-decoration: none;
transition: .4s;
font-weight:bold;
}
#gnav>ul .menu_wrap .menu_inner li::after  {
display: block;
content: '';
position: absolute;
top: .5em;
left: 0;
width: 6px;
height: 6px;
border-right: 1px solid #333333;
border-bottom: 1px solid #333333;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}

#gnav>ul .menu_wrap .menu_inner .subttl{
width: 15%;
height: 100%;
margin-right: 2rem;
}
#gnav>ul .menu_wrap .menu_inner .subttl a{
color: #E99D3F;
}
.ttlWrap {
display: flex;
align-items: center;
}
.content__read {
color:#fff;
font-size: 1.6rem !important;
font-weight: normal;
line-height:1;
}
.mgmenu {
position: relative;
margin-top:-1px;
}
#gnav>ul .menu_wrap {
margin-top: 0;
top:100%;
border:none;
background:#FFF4E6;
}
#gnav>ul .menu_wrap .menu_inner .subcatList {

list-style: none;
padding-left:1em;
/*width: calc(100% / 3);*/
}
#gnav>ul .menu_wrap .menu_inner .C2cm {

display: flex;
margin-bottom:1em;
margin-top:10px;
}

#gnav>ul .menu_wrap .menu_inner .subcatList h3 {
font-size:1.65rem;
line-height:1.5;
color:#7f3c2f;
font-family: "Kiwi Maru", "M PLUS 1p", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", 游ゴシック, YuGothic, メイリオ, Meiryo, sans-serif;
letter-spacing: normal;
background-color: #ffe8c2;
padding: 0.5em 1em;
border-radius: 8px;
}
#gnav>ul .menu_wrap .menu_inner .subcatList h3{
	font-weight: bold;
}
#gnav>ul .menu_wrap .menu_inner .subcatList h3 + h4  {
margin-top:10px;
}
#gnav>ul .menu_wrap .menu_inner .subcatList h4 + ul  {
margin-bottom:10px;
margin-top:10px;
padding: 0 1em;
display: flex;
flex-wrap: wrap;
align-items: center;
}

#gnav>ul .content__menu__pc__item__icon01 .menu_wrap .menu_inner .subcatList {
width: 100%;
flex: 1;
}
#gnav>ul .menu_wrap .menu_inner li {
margin:0 2em 0 0em;

}

#gnav>ul .menu_wrap .menu_inner .subcatList h3 + h4 + ul li {
/*width:100%;*/
}
#gnav>ul .menu_wrap .menu_inner li + li {
margin:0px 2em 0 0em;
}
#gnav>ul .menu_wrap .menu_inner .subcatList ul {
width:100%;
}
#gnav>ul .menu_wrap .menu_inner .subcatList li.subttl a{
font-size: 2.1rem;
font-weight: bold;
}


#gnav>ul .menu_wrap .menu_inner .subcatList a {
font-size:1.4rem;
font-weight:normal;
line-height:1.5;
}
#gnav>ul .menu_wrap .menu_inner .subcatList a:hover {
text-decoration: underline;
}

span.doc:after {
position: absolute;
content: "";
top: 50%;
width: 40px;
height: 60px;
margin-top: -8.5px;
background: url(/images/pdf.svg) top left no-repeat;
background-size: contain;
}

span.outlink:after {
position: absolute;
content: "";
top: 50%;
width: 25px;
height: 40px;
margin-top: -10.5px;
background: url(/images/icon-link-2.svg) top left no-repeat;
background-size: contain;
}

.content__menu__pc__item {
display: flex;
align-items: center;
position: relative;
padding:0;
height:100%;
border-left: 0;
background:none;
box-sizing: border-box;
}
.content__menu__pc__item:last-child,
#gnav>ul>li:last-child  {
border-right:0;
}
.content__menu__pc__item > .content__menu__pc__item-ttl,
.content__menu__pc__item > .content__menu__pc__item-ttl-link {
display: flex;
align-items: center;
position: relative;
padding:0 10px 0 8px;
width:100%;
border-left:1px dotted #fff;
box-sizing: border-box;
cursor: pointer;
border-bottom: #ffffff00 2px solid;
}

.content__menu__pc__item > .content__menu__pc__item-ttl.active:after {
position: absolute;
bottom: 0;
content: '';
width: 90%;
border-bottom: 2px solid #fff4e68a;
}
.content__menu__pc__item:last-child > .content__menu__pc__item-ttl,
.content__menu__pc__item:last-child > .content__menu__pc__item-ttl-link {
border-right:1px dotted #fff;
}
.content__menu__pc__item > .content__menu__pc__item-ttl:before,
.content__menu__pc__item > .content__menu__pc__item-ttl-link:before {
content:'';
display:block;
margin-right:5px;
}
.content__menu__pc__item__icon01 > .content__menu__pc__item-ttl:before {
width:33px;
height:30px;
background:url(../images/ico-cat01.svg) no-repeat;
background-size: contain;
}
.content__menu__pc__item__icon02 > .content__menu__pc__item-ttl:before,
.content__menu__pc__item__icon02 > .content__menu__pc__item-ttl-link:before {
width:42px;
height:30px;
background:url(../images/ico-cat03.svg) no-repeat;
background-size: contain;
}
.content__menu__pc__item__icon03 > .content__menu__pc__item-ttl:before {
width:42px;
height:30px;
background:url(../images/ico-cat03.svg) no-repeat;
background-size: contain;
}
.content__menu__pc__item__icon04 > .content__menu__pc__item-ttl:before {
width:22px;
height:30px;
background:url(../images/ico-cat04.svg) no-repeat;
background-size: contain;
}
.content__menu__pc__item__icon05 > .content__menu__pc__item-ttl:before,
.content__menu__pc__item__icon05 > .content__menu__pc__item-ttl-link:before {
width:30px;
height:32px;
background:url(../images/ico-cat05.svg) no-repeat;
background-size: contain;
}
.content__menu__pc__item__icon06 > .content__menu__pc__item-ttl:before {
width:30px;
height:28px;
background:url(../images/ico-cat06.svg) no-repeat;
background-size: contain;
}
.content__menu__pc__item__icon07 > .content__menu__pc__item-ttl:before {
width:19px;
height:30px;
background:url(../images/ico-cat07.svg) no-repeat;
background-size: contain;
}
#gnav>ul .menu_wrap .menu_inner li:after {
content: none;
}
#gnav>ul .menu_wrap .menu_inner .iconic:after, #gnav>ul .menu_wrap .menu_inner li ul li:after,
#gnav>ul .menu_wrap .menu_inner .iconic:after, #gnav>ul .menu_wrap .menu_inner li.Bct:after,
.menuct-top a:link:after {
content: '';
border-right: 2px solid #e99d40;
border-bottom: 2px solid #e99d40;
margin-top: 0.125em;
}
#gnav>ul .menu_wrap .menu_inner li.Bct {
	margin-left: 1.5em;
}
#gnav>ul .menu_wrap .menu_inner li.Bct a{
	font-weight: bold!important;
}
}
/* --------------------------------------------------------
	sns
-------------------------------------------------------- */
@media screen and (max-width: 960px) {
.article__title + .supervision + .sns-fix {

margin-top: -20px;

}
.sns-fix {
width:95%;
text-align:right;
display:flex;
justify-content: flex-end;
margin:0 auto;
}
.fixed_btn {
position: relative;
top: 0%;
right: 10px;
width:100%;
z-index:1;
display:flex;
justify-content: flex-end;
flex-wrap:wrap;
}
.fixed_btn a {
display:block;
flex-basis:calc((100% - 30px) / 10);
max-width:calc((100% - 30px) / 10);
margin:5px;
}

.fixed_btn img.toilet {
margin-top:0px;
}
}
/* --------------------------------------------------------
	footer
-------------------------------------------------------- */
@media screen and (min-width:961px){
.footer_area{
display: none;
}
}
@media screen and (max-width: 960px) {

.sp-link {
display: block;
position: relative;
overflow: hidden;
width: 100%;
background: #fff;
z-index: 1;
}
.sp-link ul {
float: left;
left: 50%;
position: relative;
width: 100%;
}
.sp-link ul li {
float: left;
left: -50%;
position: relative;
width: 50%;
text-align: center;
border-top: 1px solid #CCC;
list-style: none;
}
.sp-link ul li:nth-child(3), .sp-link ul li:nth-child(4) {
border-bottom: 1px solid #CCC;
}
.sp-link ul li a {
display: block;
padding: 10px 0;
color: #000;
font-size: 100%;
text-decoration: none;
}
.sp-link ul li:nth-child(odd) a {
border-right: 1px solid #CCC;
}
.footer {
margin-bottom: 60px;
 }
.footer_area {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background-color: #ffffff;
z-index: 10000;
}
.footer_area .footer_area_inner {
display:flex;
position: relative;
margin: 0px auto;
padding: 0;
width: 100%;
background:#0b6c9c;
}
.footer_area .footer_area_inner .ct1 {
width: calc(100% / 3);
padding:5px 0;
height:65px;
box-sizing: border-box;
}
.footer_area .footer_area_inner .ct1 a {
display: flex;
justify-content: center;
align-items: center;
height:100%;
box-sizing: border-box;
}
.footer_area .footer_area_inner .ct1 + .ct1 a {
border-left:1px solid #fff;
}
.footer_area .footer_area_inner .ct1:nth-of-type(1) img {

height:100%;
}
.footer_area .footer_area_inner .ct1:nth-of-type(2) img {

height:100%;
}
.footer_area .footer_area_inner .ct1:nth-of-type(3) img {

height:100%;
}
}

/* --------------------------------------------------------
	以下リニューアル後追加
-------------------------------------------------------- */
/* --------------------------------------------------------
	commmon
-------------------------------------------------------- */
.fs-8 {font-size:0.85rem !important;}
.fs-12 {font-size:1.2rem !important;}
.mt-20,.mgt20 {margin-top:20px !important;}
.mt-40 {margin-top:40px !important;}
.mt-80 {margin-top:80px !important;}
.mgt0 {margin-top:0px!important;}
.mgt10 {margin-top:10px!important;}
.mgt15 {margin-top:15px!important;}
.mgt24 {margin-top:24px!important;}
.mgt30 {margin-top:30px!important;}
.mgt36 {margin-top:36px!important;}
.mgt50 {margin-top:50px!important;}
.mgt60 {margin-top:60px !important;}
.mgt100 {margin-top:100px !important;}
.mgb10 {margin-bottom:10px!important;}
.mgb15 {margin-bottom:15px!important;}
.mgb20 {margin-bottom:20px!important;}
.mgb30 {margin-bottom:30px!important;}
.mgb24 {margin-bottom:24px!important;}
.mgb50 {margin-bottom:50px!important;}
.mgb60 {margin-bottom:60px !important;}
.mgb120 {margin-bottom:120px !important;}
.pdb30 {padding-bottom:30px !important;}
.txt-right {text-align:right;}
/* --------------------------------------------------------
	index-block
-------------------------------------------------------- */

.index-block{
	display: flex;
	padding:1em;
 align-items: center;
}
.index-block img{
	display: block;
	max-width:150px;
	height:auto;
	margin:0 auto;
}
.index-block ul{
	display: block;
	width:80%;
	padding:0 1em;
}
.index-block ul li{
	border-top:1px dashed #fbb03b;
	padding:1em;
}
.index-block ul li:last-child{
	border-bottom:1px dashed #fbb03b;

}
.index-block ul li a {
	display: flex;
	text-decoration: none;
	position: relative;
	padding-left:1.2em;
	align-items: center;
}
.index-block ul li a:before,
a.index-link:before{
pointer-events: none;
    font-family: "Font Awesome 5 Free";
    content: "\f054";
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    position: absolute;

    left: 0;
    color: #e99d40;
    font-size: 1.1em;
    font-weight: bold;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;}

	a.index-link {
	color: #e99d40;
    font-size: 1.2em;
    font-weight: bold;
    margin: 40px auto 0px auto;
	display: flex;
	text-decoration: none;
	position: relative;
	align-items: center;
	padding-left:1.2em;
	}

/* --------------------------------------------------------
	article
-------------------------------------------------------- */
article {
display: flex;
justify-content: space-between;
margin:0 auto;
max-width:1200px;
width:100%;

}

header + article {margin-top:50px;}

.sideNav {
max-width:280px;
width:23%;
margin-bottom:100px;
box-sizing: border-box;

}
.sideNav h2.Dct {
	margin-top:2em;
	line-height: 1.3;
	color:#7F3C2F;
	padding: 0 0.5em;
	font-size:1.1em;
}
.sideNav .catTitle {
padding:25px 10px;
width:100%;
color:#fff;
font-size: 2.0rem;
font-weight: normal;
line-height:1.3;
text-align: center;
background:#e99d40;
border-radius: 12px;
box-sizing: border-box;
font-family: 'Kiwi Maru', 'M PLUS 1p', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
font-feature-settings: "palt";
letter-spacing: -0.0025em;
}
.sideNav .catTitle > span {
font-size: 1.8rem;
letter-spacing: -0.005em;
}

.sideNav .catSubTitle{
margin-top:20px;
padding:20px;
width:100%;
color:#7F3C2F;
font-size: 1.4rem;
font-weight: bold;
line-height:1.3;
background:#FFF4E6;
border-radius: 12px;
box-sizing: border-box;
text-decoration:none;
display:block;
}

.outlink{
line-height: 1.8;
}
.outlink img{
max-height: 16px;
width: auto;
display:inline-block;
padding-left:5px;
line-height:1;
vertical-align: text-bottom;
}

.sideNav a.catSubTitle:hover{
text-decoration:underline;
background-color:#fff4e67a;
color:#e99d40;
}

.sideNav .catSubTitle span {
text-decoration:none;
}


#food-guide-mv .sideNav .nav__list li a + ul.nav__list > li:nth-child(1) a,
#self-management .sideNav .nav__list li a#event-info {
color:#333333!important;
text-decoration:none;
}


.sideNav .nav__list {
margin-top:20px;
padding-left: 24px;
}

.sideNav .nav__list li {
display: flex;
position: relative;
padding-left:20px;
font-size:1.4rem;
font-weight: normal;
box-sizing: border-box;
flex-wrap: wrap;
}

.sideNav .nav__list li:before {
pointer-events: none;
font-family: "Font Awesome 5 Free";
content: "\f054";
-webkit-font-smoothing: antialiased;
display: inline-block;
position: absolute;
top:6px;
left:0;
color:#e99d40;
font-size:1.0rem;
font-weight: bold;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
}

.sideNav .nav__list li > * {
font-size:1.4rem;
line-height:1.5;
}


#ibd-self-management .sideNav .nav__list li:nth-child(1) span,
#stress .sideNav .nav__list li:nth-child(2) span {
color:#333;
}
.sideNav .nav__list li a {
color:#333;
text-decoration: none;
}

.sideNav .nav__list li a:hover {
color:#e99d40;
text-decoration: underline;
}
.sideNav .nav__list li + li {
margin-top:20px;
font-weight: normal;
}
.sideNav .nav__list li a + ul.nav__list {
display:block;
width:100%;
background: #FFF4E6;
border-radius: 12px;
box-sizing: border-box;
padding: 20px;
font-weight:normal;
}
main {
max-width:890px;
width:75%;
}
.article__head {display: flex;}
.article__head .innerLeft {
margin-right:10px;
width:auto;
height:68px;
}
.article__head .innerLeft img {
width:auto;
height:100%;
}
.article__head .innerRight {
display: flex;
flex-direction: column;
justify-content: space-between;
padding:5px 0;
box-sizing: border-box;
}
.article__head .innerRight > * {
color:#e99d40;
line-height:1;
}

.article__head .innerRight .catTitle {
font-size:1.15em;
font-weight: normal;
}

.article__head .innerRight .catSubTitle {font-size:1.55em;}

.article__title {
margin:50px auto;
padding:20px 0;
color:#7F3C2F;
font-size: 1.45em;
line-height:1.8;
text-align: center;
border-top:2px dashed #FFDCC5;
border-bottom:2px dashed #FFDCC5;
box-sizing: border-box;
font-weight: bold;
}

.article__title span {font-size:0.8em;}

.article__inner {
margin:0 auto;
width:94%;
}



.box-2column {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.box-2column > * {
position: relative;
width:49%;
margin-bottom:48px;
}

.videoWrap {
position: relative;
padding-top:56.25%;
}

.videoTitle {
display: flex;
justify-content: center;
align-items: center;
margin-top:30px;
padding:16px 12px;
color:#7F3C2F;
font-size:1.4rem;
border:4px solid #FFDCC5;
border-radius: 12px;
box-sizing: border-box;
text-decoration: none;
}
a.videoTitle:hover {opacity: 0.8;}

.videoTitle span {font-size:1.15em;}

.article__footer {
position: relative;
margin-top:100px;
padding-top:60px;
padding-bottom:120px;
border-top:2px dashed #FFDCC5;
box-sizing: border-box;
}
.voice__footer .btnBefore,
.voice__footer .btnBeforeL,
.article__footer .btnBefore,
.article__footer .btnBeforeL {
cursor: pointer;
display: block;
position: relative;
margin:0 auto;
padding:20px;
width:60%;
color:#333;
font-size:1.6rem;
line-height: 1;
text-align: center;
background:#FFDCC5;
border-radius: 999px;
box-sizing: border-box;
text-decoration: none;
}
.voice__footer .btnBeforeL,
.article__footer .btnBeforeL {
text-align: left;
padding-left:48px;
}

.voice__footer .btnBefore:after,
.voice__footer .btnBeforeL:after,
.article__footer .btnBefore:after,
.article__footer .btnBeforeL:after{
pointer-events: none;
font-family: "Font Awesome 5 Free";
content: "\f053";
-webkit-font-smoothing: antialiased;
display: inline-block;
position: absolute;
top:50%;
left:20px;
color:#7F3C2F;
font-size:1.4rem;
font-weight: bold;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
transform: translate(0,-50%);

}
.voice__footer .btnNext:hover,
.voice__footer .btnBefore:hover,
.article__footer .btnNext:hover,
.article__footer .btnBefore:hover,
.btnLink:hover{
background-color:#ffdcc585;
color:#e99d40;
}

.voice__footer .btnNext,
.voice__footer .btnBefore,
.article__footer .btnNext,
.article__footer .btnBefore
 {
cursor: pointer;
display: block;
position: relative;
margin:24px auto;
padding:20px;
width:60%;
color:#333;
font-size:1.8rem;
line-height: 1;
text-align: center;
background:#FFDCC5;
border-radius: 999px;
box-sizing: border-box;
text-decoration: none;
}
.btnLink
 {
 cursor: pointer;
 display: block;
 position: relative;
 margin:4px;
 padding:10px;
 width:50%;
 color:#333;
 font-size:1.4rem;
 line-height: 1;
 text-align: center;
 background:#FFDCC5;
 border-radius: 999px;
 box-sizing: border-box;
 text-decoration: none;
}
.voice__footer .btnNextR:after,
.voice__footer .btnNext:after,
.article__footer .btnNext:after,
.btnLink:after,
.download-link:after,
.recipe-download-link:after,
.voice__footer .btnNextR:after
.article__footer a.btnNextR:after,
.interview__footer a.btnNextR:after {
pointer-events: none;
font-family: "Font Awesome 5 Free";
content: "\f054";
-webkit-font-smoothing: antialiased;
display: inline-block;
position: absolute;
top:50%;
right:20px;
color:#7F3C2F;
font-size:1.4rem;
font-weight: bold;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
transform: translate(0,-50%);

}
.voice__footer .btnNext:hover,
.article__footer .btnNext:hover,
.btnLink:hover {
background-color:#ffdcc585;
color:#e99d40;
}

.btnPagetop {
cursor: pointer;
position:absolute;
bottom:20px;
right:20px;
padding-right:35px;
color:#7F3C2F;
font-size:1.6rem;
box-sizing: border-box;
font-family: 'Kiwi Maru', 'M PLUS 1p', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
}

.btnPagetop:hover {
opacity: 0.7;
}

.btnPagetop:after {
pointer-events: none;
font-family: "Font Awesome 5 Free";
content: "\f139";
-webkit-font-smoothing: antialiased;
display: inline-block;
position: absolute;
top:50%;
right:0;
color:#e99d40;
font-size:3.0rem;
font-weight: bold;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
transform: translate(0,-50%);
}

/* --------------------------------------------------------
	footer navi
-------------------------------------------------------- */
.footerNav {
width:100%;
background:#FFF4E6;
}

.footerNav__inner {
position: relative;
margin:0 auto;
padding:60px 0;
max-width:1200px;
width:100%;
box-sizing: border-box;
}

.footerNav .box-3column,
.footerNav .ctitem,
.footerNav .box-pb {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width:100%;
}
.footerNav .box-pb .ctitem-block{width:100%;box-sizing: border-box;}
.footerNav .box-3column + .box-3column {margin-top:60px;}
.box-3column  .ctitem-block {width:47%;}
.box-3column  .ctitem  {width:100%;}
.box-3column  .ctitem > .inner,
.footerNav .box-pb .ctitem > .inner {width:47%;}
.footerNav a.catTitleB,
.footerNav a.catTitleS {
	position: relative;
padding:10px;
color:#e99d40;
font-size:1.6rem;
line-height:1.5;
text-align: center;
background:#ffffff;
border-radius: 999px;
box-sizing: border-box;
font-family: 'Kiwi Maru', 'M PLUS 1p', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
font-weight: 500;
display: block;
margin-bottom:2em;
text-decoration: none;
}
a.catTitleS {
	max-width:400px;
	text-decoration: none;
	margin:3em auto;
}
a.catTitleS:after {
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    -webkit-font-smoothing: antialiased;
    display: inline;
    margin-left: 20px;
    font-weight: bold;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
}

.footerNav .catTitle {
position: relative;
padding:10px;
color:#7f3c2f;
font-size:1.3rem;
line-height:1.5;
text-align: center;
background:#ffe8c2;
border-radius: 999px;
box-sizing: border-box;
font-family: 'Kiwi Maru', 'M PLUS 1p', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
font-weight: 500;
}

.footerNav .subcatList {
margin:20px auto;
width:calc(100% - 20px);
}

.footerNav .subcatList > li + li {
margin-top:20px;
}

.footerNav .subcatList li ul li a {
display:block;
color:#333;
font-size:1.2rem;
font-weight: normal;
line-height:1.4;
text-decoration: none;
}
.footerNav .subcatList li > a.m {
font-weight: bold;
display:block;
color:#333;
font-size:1.2rem;
line-height:1.4;
text-decoration: none;
position:relative;
padding-left:1.2em;
}
.footerNav .subcatList li h4 {
display:block;
color:#333;
font-size:1.2rem;
font-weight: bold;
line-height:1.4;
text-decoration: none;
}
.footerNav .subcatList li a:hover {
text-decoration: underline;
}

.footerNav .subcatList li ul {
margin-left:20px;
}

.footerNav .subcatList li h4 + ul {
margin-top:10px;
}

.footerNav .subcatList li ul li {
position:relative;
padding-left:12px;
box-sizing: border-box;
}

.footerNav .subcatList li ul li + li {
margin-top:10px;
}

.footerNav .subcatList li ul li:before,
.footerNav .subcatList li > a.m:before {
pointer-events: none;
font-family: "Font Awesome 5 Free";
content: "\f054";
-webkit-font-smoothing: antialiased;
display: inline-block;
position: absolute;
top:3px;
left:0;
color:#e99d40;
font-size:0.8rem;
font-weight: bold;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
}
.footerNav .ctitem .inner .spmt1 {
margin-top:1em;
}
/* --------------------------------------------------------
	drawer
-------------------------------------------------------- */
#nav-tgl {
display: none;
}
.sp-nav-tgl {
	display:flex;
	background:#FFF4E6;
}
.sp-nav-tgl a {
	width:calc(100% / 3);
	padding:10px;
	text-align:center;
}
.sp-nav-tgl a > img {
	width:80%;
	margin:0 auto;
}
.scroll-prevent {
position: fixed;
z-index: -1;
width: 100%;
height: 100%;
}
.scroll-prevent:has(.sitehome) {
  position: static;
  overflow: hidden;
  height: 100%;
}
.nav-tgl-btn {
display:none;
cursor: pointer;
position: absolute;
top: 40px;
right: 0;
margin: 0;
}
.drawer-open {
z-index: 2;
width: 68px;
height: 68px;
transition: background .6s, transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.drawer-open::before,
.drawer-open::after {
content: "";
}
.drawer-open span,
.drawer-open::before,
.drawer-open::after {
content: "";
position: absolute;
top: calc(50% - 1px);
right: 25%;
width: 50%;
border-bottom: 2px solid white;
transition: transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.drawer-open::before {
transform: translateY(-13px);
}
.drawer-open::after {
transform: translateY(13px);
}
.drawer-close {
z-index: 1;
width: 100%;
/* height: 100%; */
height: 100vh;
pointer-events: none;
transition: background .6s;
}
#nav-tgl:checked+.drawer-open {
transform: translateX(0);
}
#nav-tgl:checked+.drawer-open span {
transform: scaleX(0);
}
#nav-tgl:checked+.drawer-open::before {
transform: rotate(45deg);
}
#nav-tgl:checked+.drawer-open::after {
transform: rotate(-45deg);
}
#nav-tgl:checked~.drawer-close {
pointer-events: auto;
background: rgba(0, 0, 0, .5);
}
.content-wrapper {
transition: transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#nav-tgl:checked~.content-wrapper {
transform: translateX(-250px);
}
.drawer-menu {
z-index: 999;
position:fixed;
top: 124px;
right: 0;
width:90%;
height:calc(100vh - (190px));
overflow: auto;
-webkit-overflow-scrolling: touch;
background:#fff;
transform: translateX(100%);
transition: transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
box-sizing: border-box;
padding-bottom:100px;
}
#nav-tgl:checked~.drawer-menu {transform: none;}
.drawer-menu > ul {
padding-bottom:0;
box-sizing: border-box;
}
.drawer-dropdown-menu {
display: none;
box-sizing: border-box;
width: 100%;
margin: 0;
padding: 0;
background-color: #fff;
}
.drawer-dropdown.open>.drawer-dropdown-menu {
display: block;

}
.drawer-menu .drawer-dropdown {
background:#ffffff;
}
.drawer-menu ul .drawer-dropdown{
background:#e99d40;
}
.drawer-menu .drawer-dropdown ul.drawer-dropdown-menu li.drawer-dropdown {
color:#ffffff;
font-size:1.5rem;
background:#e99d40;

}
.drawer-menu li > p.midashi {
color: #e99d40;
}
.drawer-menu li > p.midashi:after {
content:unset;
}
.drawer-menu ul .drawer-dropdown p{
	color:#ffffff;
	padding-left: 4.25em;
	font-size:1.4rem;
}
.drawer-menu ul.drawer-dropdown-menu li.drawer-dropdown > p{
color:#ffffff;
font-size: 1.0em;
}
.drawer-menu li > a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
padding:15px 4vw;
width: 100%;
color:#333;
font-size:1.6rem;
font-weight: bold;
line-height:160%;
text-decoration: none;
border-bottom:1px solid #ccc;
box-sizing: border-box;
background-color: #f3efe9;
}

.drawer-menu li > a:hover {
text-decoration: none;
}

.drawer-menu li > p {
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
padding:15px 8vw;
width: 100%;
color:#333;
font-size:1.6rem;
font-weight: bold;
line-height:160%;
border-bottom:1px solid #ccc;
box-sizing: border-box;
}

.drawer-menu li.ctp {
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
width: 100%;
color:#e99d40;

font-weight: bold;
line-height:160%;
box-sizing: border-box;
}
.drawer-menu li.ctp a {color:#e99d40;padding: 15px 8vw 15px 10.5vw;font-size:1.4rem!important;background-color: #ffffff;}
.drawer-menu li > p:hover {
text-decoration: none;
}
.drawer-menu li > a > div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.drawer-menu li > a:after {
pointer-events: none;
font-family: "Font Awesome 5 Free";
content: "\f054";
-webkit-font-smoothing: antialiased;
display: inline-block;
margin-left: 20px;
font-weight: bold;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
}
.drawer-menu li > p:after {
pointer-events: none;
font-family: "Font Awesome 5 Free";
content: "\f067";
-webkit-font-smoothing: antialiased;
display: inline-block;
margin-left: 20px;
font-weight: bold;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
}
.drawer-menu li > p.open:after {
content: "\f068";
}
.drawer-dropdown-menu > li > a {
font-size:1.4rem;
background:#FFF4E6;
color:#7F3C2F;
padding-left: 4em;
}

.drawer-dropdown-menu span.doc:after {
position: absolute;
content: "";
top: 50%;
width: 40px;
height: 60px;
margin-top: -8.5px;
background: url(/images/pdf.svg) top left no-repeat;
background-size: contain;
}

.drawer-dropdown-menu span.outlink:after {
position: absolute;
content: "";
top: 50%;
width: 25px;
height: 40px;
margin-top: -10.5px;
background: url(/images/icon-link-2.svg) top left no-repeat;
background-size: contain;
}

.drawer-dropdown-menu > li > .subcatTitle {
padding: 15px 4vw;
color:#7F3C2F;
font-size:1.5rem;
background:#FFF4E6;
}
.drawer-nav .formContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 15px 4vw;
width: 100%;
box-sizing: border-box;
}
.drawer-nav .formContainer .txtBoxSize {
width:200px;
border:1px solid #ddd;
}
.drawer-nav .formContainer a {
color: #333;
}

/* --------------------------------------------------------
	media query
-------------------------------------------------------- */
@media screen and (max-width: 1200px) {
article {
margin-right:auto;
margin-left:auto;
width: 98%;
}
.top__sns-items{
width: 98%;
display: flex;
justify-content: flex-end;
}
.footerNav__inner {
width: 98%;
}
}

@media screen and (max-width: 960px) {
.sns-fix {
width: 100% !important;
}
.fixed_btn a:last-of-type {
margin-right:0;
}
.mt-80 {
margin-top: 40px !important;
}
article {
margin-right:auto;
margin-left:auto;
width: 94%;
display: block;
}
.article__inner {
width: 100%;
}
sns-fix + .article__inner {
margin-top:15px;
}
.nav-tgl-btn {
display: block;
}
.new-accordion-container {
    padding-top: 20px;
	
}
.new-accordion-container .new-accordion-trigger{padding-left:24px;}
.new-accordion-container .new-accordion-trigger span:before {
    pointer-events: none;
    font-family: "Font Awesome 5 Free";
    content: "\f054";
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    position: absolute;
    top: 26px;
    left: 24px;
    color: #e99d40;
    font-size: 1.0rem;
    font-weight: bold;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}
.new-accordion-container .new-accordion-content li:before {
    pointer-events: none;
    font-family: "Font Awesome 5 Free";
    content: "\f054";
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    position: absolute;
    top: 6px;
    left: 24px;
    color: #e99d40;
    font-size: 1.0rem;
    font-weight: bold;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}
.new-accordion-container .new-accordion-content {
    display: block;
    width: 100%;
    background: #FFF4E6;
    border-radius: 12px;
    box-sizing: border-box;
    padding: 20px 20px 10px 20px;
    font-weight: normal;
}

.new-accordion-container .new-accordion-content li {
	display: flex;
	margin-bottom: 20px;
align-items: center;
}
.new-accordion-container .new-accordion-content li a {
	padding-left: 42px;
	display: block;
}
.sideNav,
.new-accordion-container {
position: fixed;
top: 123px;
left: 0;
max-width: 100%;
width: 100%;
background-color: #fff;
border-bottom: 1px solid #e99d40;
z-index: 10;
transition: transform .4s;
}
.sideNav .nav__list li br {
display:none;
}
.sideNav > *:not(.visible),
.sideNav > ul > li:not(.visible) {
display: none;
}
.sideNav .nav__list,
.new-accordion-content .li {
padding: 0;
}
.sideNav .nav__list li.visible,
.new-accordion-container .new-accordion-content li {
position: relative;
padding: 0;
cursor: pointer;
}
.sideNav .nav__list li.visible::before,
.new-accordion-trigger span:before {
left: 20px;
}
.sideNav > .nav__list > li::after {
position: absolute;
display: grid;
place-items: center;
font-family: "Font Awesome 5 Free";
content: "\f067";
color: #e99d40;
top: -10px;
right: 5px;
font-size: 1.2rem;
font-weight: bold;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
width: 40px;
height: 40px;
}
.new-accordion-trigger span::after {
position: absolute;
display: grid;
place-items: center;
font-family: "Font Awesome 5 Free";
content: "\f067";
color: #e99d40;
top: 10px;
right: 5px;
font-size: 1.2rem;
font-weight: bold;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
width: 40px;
height: 40px;
}
.sideNav > .nav__list > li.active::after,
.new-accordion-container .is-open span::after
 {
content: "\f068";
}
.sideNav .nav__list li.visible > a,

.new-accordion-container .new-accordion-trigger {
margin-bottom: 20px;
padding: 0 50px 0 40px;
}

.sideNav .nav__list li a {
padding-left: 20px;
}


.sideNav .nav__list li a + ul.nav__list {
display: none;
margin: 0;
border-radius: 0;
}
header + article {
margin-top: 0;

padding-top: 124px;
transition: padding .4s;
}
header + article#aboutuc-type,
header + article#aboutuc-inspection,
header + article#aboutuc-symptom,
header + article#aboutuc-treatment,
header + article#aboutuc-faq,
header + article#aboutibd,
header + article#iryouhi-burden,
header + article#iryouhi-recieve,
header + article#aboutuc,
header + article#aboutcd,
header + article#iryouhi-about,
header + article#iryouhi-target,
header + article#message-top,
header + article#self-management,
header + article#mental-care,
header + article#sidenav-ibd-intheirshoes-sweetsbook,
header + article#sidenav-ibd-intheirshoes-party,
header + article#food-guide-mv,
header + article#food-guide-kondate,
header + article#food-guide,
header + article#ibd-self-management,
header + article#advice,
header + article#sidenav-ibd-intheirshoes-voice,
header + article#food-guide-gaisyoku,
header + article#work,
header + article#stress,
header + article#patient-community
{padding-top: 206px;}


main {
width: 100%;
}
.article__head{
padding-top:10px;
}
.article__head .innerLeft {
margin-right: 10px;
height: 45px;
}
.article__head .innerRight .catTitle {
font-size: 1.2rem;
line-height: 1.5
}
.article__head .innerRight .catSubTitle {
font-size: 1.6rem;
line-height: 1.5
}
.article__title {
margin-top:25px;
margin-bottom:5px;
font-size: 1.8rem;
}
.article__inner p {
font-size: 1.5rem;
}
.box-2column > * {
width: 100%;
}
.box-2column > .innerLeft + .innerRight {
margin-top:25px;
}
.videoTitle {
margin-top: 10px;
font-size:1.3rem;
}
.videoTitle span {
font-size: 1.5rem;
}
.article__footer {
margin-top: 60px;
padding-top: 30px;
padding-bottom: 100px;;
}
.voice__footer .btnBefore,
.voice__footer .btnNext,
.article__footer .btnBefore,
.article__footer .btnNext {
width: 100%;
font-size: 1.6rem;
}
.btnPagetop {
right: 0;
}
.footerNav__inner {
padding: 30px 0 100px;
width: 90%;
}
.footerNav .box-3column + .box-3column {
margin-top: 15px;
}
.box-3column .ctitem > .inner,
.box-3column  .inner,
.box-3column  .ctitem-block,
.footerNav .box-pb .ctitem > .inner {
width: 100%;
}
.footerNav .box-pb .ctitem > .inner {
	margin-bottom:1em;
}
.box-3column  .ctitem-block:first-child {
margin-bottom:3em;
}

.box-3column .ctitem > .inner + .inner {
margin-top:15px;
}
.footerNav .catTitle {
cursor: pointer;
padding: 10px 30px 10px 20px;
text-align: left;
}

.footerNav .catTitle:after {
pointer-events: none;
font-family: "Font Awesome 5 Free";
content: "\f067";
-webkit-font-smoothing: antialiased;
display: inline-block;
position: absolute;
top:50%;
right:20px;
font-size: 1.2rem;
font-weight: bold;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
transform: translate(0,-50%);
}
.footerNav .catTitle.checked:after {
content: "\f068";
}
.footerNav .subcatList {
display: none;
margin-right:auto;
margin-left:auto;
width:calc(100% - 40px);
}
.footerNav .subcatList li ul {
margin-left: 10px;
}

.footerNav .subcatList li h4, .footerNav .subcatList li a {
font-size:1.4rem;
line-height:1.6;
}

.btnLink
 {
 cursor: pointer;
 display: block;
 position: relative;
 margin:4px auto;
 padding:10px;
 width:100%;
 color:#333;
 font-size:1.4rem;
 line-height: 1;
 text-align: center;
 background:#FFDCC5;
 border-radius: 999px;
 box-sizing: border-box;
 text-decoration: none;
}

.index-block{
	display: block;
}
.index-block ul {
	margin-top:1em;
	width: 100%;
	padding:0;
}

}

/*下層共通*/
.under__content__middle__aboutuc__desc__note {
font-size: 75%;
padding:15px;
margin-top:24px;
border:0.3px solid #e3e3e3;

}
.note > ul > li,
.under__content__middle__aboutuc__desc__note > ul > li {
display: flex;
}

.under__content__middle__aboutuc__desc__note > ul > li > span {
min-width:24px;
}
.note > ul > li > span {
min-width:70px;
white-space: nowrap;
}
.note > ul > li > p,
.under__content__middle__aboutuc__desc__note > ul > li > p {
display:block;
}
.note {
font-size: 75%;
margin-top:24px;

}
.supervision{
text-align:center;
font-size:1.0em;
margin-bottom:50px;
}

.article__title + .supervision{
text-align:center;
font-size:1.0em;
margin-top:-30px;
margin-bottom:30px;
}

@media screen and (max-width: 960px) {
.article__title + .supervision {
margin-top: 0px;
}


}
@media screen and (max-width: 768px){
.modal__content{
background: #ffffff;
left: 50%;
padding: 15px;
position: absolute;
top: 50%;
transform: translate(-50%,-50%);
width: 94%;
font-size:1.4rem;
font-weight:bold;
}
#ibd-intheirshoes-report .article__head,
#sidenav-ibd-intheirshoes-recipe .article__head,
#sidenav-ibd-intheirshoes-asreet-index .article__head,
#ibd-intheirshoes-poster .article__head,
#ibd-intheirshoes-about .article__head {
    padding-top: 80px;
  }
}

main #aboutibd-index,main #tools,main #aboutuc,main #aboutcd,main #message,main #guide {
	margin-top:-120px;
	padding-top:120px;
}