@charset "utf-8";/* エスケープ */

/*-----------------------------------
 no97 | magazine
------------------------------------*/
/*articlePanel*/
.magazinePage.no99 .articlePanel { width: 100%; background: url(img/main_background.jpg) 0 bottom no-repeat #d8ecea; background-size: auto 100%;}
.magazinePage.no99 .articlePanel .articlePanel_inr { width: 100%; max-width: 1000px; margin: 0 auto; padding: 85px 0;}
.magazinePage.no99 .articlePanel .articlePanel_ttl { width: 100%; max-width: 445px; margin: 0 auto;}
.magazinePage.no99 .articlePanel .articlePanel_ttl .articlePanel_no { font-size: 7.2rem; color: #004b91; line-height: 120%;}
.magazinePage.no99 .articlePanel .articlePanel_ttl .articlePanel_no span { font-size: 3.0rem; color: #004b91;}

.magazinePage.no99 .articlePanel .articlePanel_mainsec { width:96%; display:flex; flex-wrap:wrap; margin: 15px auto 0 auto;}
.magazinePage.no99 .articlePanel .articlePanel_mainBox { width: calc(50% - 10px); padding: 15px; margin-right: 10px; background: #fff; border-radius: 5px;}
.magazinePage.no99 .articlePanel .articlePanel_mainBox:nth-child(2) { margin-left: 10px; margin-right: 0px;}
.magazinePage.no99 .articlePanel .articlePanel_mainBox .articlePanel_mainBox-ttl { font-size: 2.0rem; line-height: 2.8rem; margin-bottom: 15px; font-weight: bold;}
.magazinePage.no99 .articlePanel .articlePanel_mainBox .articlePanel_mainBox-ttl span { font-size: 1.6rem; background: #004b91; color: #fff; padding: 2px 10px;}
.magazinePage.no99 .articlePanel .articlePanel_mainBox .articlePanel_mainBox-img { border: 1px solid #c2c2c2; text-align: center;}
.magazinePage.no99 .articlePanel .articlePanel_mainBox .articlePanel_mainBox-img img { width: 100%;}
.magazinePage.no99 .articlePanel .articlePanel_mainBox .articlePanel_mainBox-img img.imgsp { display: none;}
.magazinePage.no99 .articlePanel .articlePanel_mainBox .articlePanel_mainBox-txt { color: #004b91; padding-bottom: 50px; position: relative;}
.magazinePage.no99 .articlePanel .articlePanel_mainBox .articlePanel_mainBox-txt .mainsec-ttl { font-size: 2.2rem; line-height: 2.8rem; margin-top: 15px; font-weight: bold;}
.magazinePage.no99 .articlePanel .articlePanel_mainBox .articlePanel_mainBox-txt .mainsec-btn { position: absolute; bottom: 0; right: 0px;}
.magazinePage.no99 .articlePanel .articlePanel_mainBox .articlePanel_mainBox-txt .mainsec-btn a {   
    width: 140px;
    display: inline-block;
    font-size: 1.2rem;
    text-align: center;
    background: #004b91;
    border-radius: 20px;
    color: #fff;
    padding: 5px;
    text-decoration: none;
    transition: .2s linear;
    position: relative;
}
.magazinePage.no99 .articlePanel .articlePanel_mainBox .articlePanel_mainBox-txt .mainsec-btn a::after {content: ""; position: absolute; display: block; width: 16px; height: 16px; right: 10px; top: 12px; background: url(img/icon-arrow.png) 0 0 no-repeat; background-size: 16px 16px;}

.magazinePage.no99 .articlePanel .articlePanel_mainBox.gridBox {
  display: grid; padding-top: 87px; align-items: center;
  grid-template-rows: 140px 1fr;
  grid-template-columns: 140px 1fr;
  grid-template-areas:
  "mainBox-img mainBox-ttl"
  "mainBox-txt mainBox-txt";
}
.articlePanel_mainBox.gridBox .articlePanel_mainBox-img {
  grid-area: mainBox-img; background: #dee5e7;
}
.articlePanel_mainBox.gridBox .articlePanel_mainBox-ttl {
  grid-area: mainBox-ttl; padding-left: 20px;
}
.articlePanel_mainBox.gridBox .articlePanel_mainBox-txt {
  grid-area: mainBox-txt;
}
.articlePanel_mainBox .articlePanel_mainBox-img img {vertical-align:top;}
.magazinePage.no99 .articlePanel .articlePanel_mainBox.gridBox .articlePanel_mainBox-ttl { font-size: 2.4rem; line-height: 3.2rem; margin-bottom: 0px;}

.magazinePage.no99 .articlePanel .articlePanel_bnrsec { width: 96%; margin: 20px auto 0 auto; display:flex; flex-wrap:wrap;}
.magazinePage.no99 .articlePanel .articlePanel_bnrsec .articlePanel_bnrsec-img { width: calc(33.33333333333334% - 10px); display: block; position: relative; margin-right: 15px; line-height: 0px; background: #fff; border-radius: 5px; overflow: hidden; transition: .2s linear;}
.magazinePage.no99 .articlePanel .articlePanel_bnrsec .articlePanel_bnrsec-img:last-child { margin-right: 0;}
.magazinePage.no99 .articlePanel .articlePanel_bnrsec .articlePanel_bnrsec-img img.img { object-fit: cover; width: 100%; aspect-ratio: 5 / 3;}
.magazinePage.no99 .articlePanel .articlePanel_bnrsec .articlePanel_bnrsec-img img.txt { position: absolute; bottom: 0; left: 0;}
.magazinePage.no99 .articlePanel .articlePanel_bnrsec .articlePanel_bnrsec-img:hover { opacity: 0.8;}

.magazinePage.no99 .articlePanel .articlePanel_txt { width: 96%; padding: 15px; margin: 15px auto 0 auto; color: #000;}

/*contents section*/ 
.magazinePage.no99 .cont-Line { padding-bottom: 50px; margin-bottom: 50px; border-bottom: 1px solid #004b91;}
.magazinePage.no99 .contents_section { background: url(img/contents.jpg) 0 0 no-repeat #f2f4f5; padding-top: 70px;}
.magazinePage.no99 .contents_section .title { font-size: 4.2rem; line-height: 5.0rem; font-family: "Noto Serif JP", serif; font-weight: 600; text-align: center; padding: 40px 0 40px 0; margin-bottom: 40px; border-bottom: 1px solid #c8c7c5;}
.magazinePage.no99 .contents_section .title .tlogo { width: 46%; min-width: 270px; max-width: 439px;}
.magazinePage.no99 .contents_section .title.bodernon {border-bottom: none; padding: 40px 0 0px 0;}
.magazinePage.no99 .contents_section .subttl { font-size: 1.6rem; color: #004b91;}
.magazinePage.no99 .contents_section .main-ttl { font-size: 2.8rem; line-height: 3.0rem; margin-top: 40px; padding: 15px; font-weight: bold; position: relative; background: #f5f5f5;}
.magazinePage.no99 .contents_section .ttl { font-size: 2.6rem; line-height: 3.0rem; color: #004b91; font-weight: bold;}
.magazinePage.no99 .contents_section .sttl { font-size: 2.2rem; line-height: 2.6rem; margin-top: 40px; color: #004b91; font-weight: bold;}
.magazinePage.no99 .contents_section .sttl-2 { font-size: 2.2rem; line-height: 2.6rem; margin-top: 40px; font-weight: bold;}
.magazinePage.no99 .contents_section .sttl-2.t-top { margin-top: 10px;}
.magazinePage.no99 .contents_section .noteBox p { font-size: 1.6rem; line-height: 3.0rem;}
.magazinePage.no99 .contents_section .ttl-copy { font-size: 2.0rem; line-height: 3.0rem; margin: 20px 0; color: #004b91;}
.magazinePage.no99 .contents_section .ttl-label span { font-size: 1.4rem; padding: 0px 10px; border-radius: 3px; text-align: center; display: inline-block; background: #ebebeb;}
.magazinePage.no99 .contents_section .link-file { margin-top: 15px; position: relative;}
.magazinePage.no99 .contents_section .link-file a { text-decoration: none !important;}
.magazinePage.no99 .contents_section .link-file .arrow-left{
    line-height: 1;
    position: relative;
    background: #000;
    width: 20px;
    height: 2px;
    display: inline-block;
    margin-right: 7px;
    vertical-align: middle;
}
.magazinePage.no99 .contents_section .link-file::after { content: ""; width: 22px; height: 22px; display: inline-block; background: url(img/icon-excel.png) 0 0 no-repeat; background-size: 22px 22px;vertical-align: sub; margin-left: 5px;}

.magazinePage.no99 .contents_section .profile { width: 100%; display:table; margin: 15px auto 0 auto; background: #fff; border-radius: 5px;}
.magazinePage.no99 .contents_section .profile .profile-img { width: 280px; display: table-cell; overflow: hidden;}
.magazinePage.no99 .contents_section .profile .profile-img img { width: 100%; height: auto; object-fit: cover; border: 1px solid #c2c2c2;}
.magazinePage.no99 .contents_section .profile .profile-txt { width: auto; display: table-cell; vertical-align: middle; font-size: 2.0rem; color: #004b91; padding-left: 40px; position: relative;}
.magazinePage.no99 .contents_section .profile .profile-txt .profile-name { font-size: 4.0rem; line-height: 4.5rem; margin: 25px 0; font-weight: bold;}

.magazinePage.no99 .contents_section .section2 .title { border-bottom: 1px solid #65aab6;}
.magazinePage.no99 .contents_section .section2 .link-file .arrow-left { background: #65aab6;}
.magazinePage.no99 .contents_section .section2 .link-file .arrow-left::before {
    content: "";
    width: 10px;
    height: 10px;
    border: 2px solid #65aab6;
    position: absolute;
    box-sizing: border-box;
    border-left: 0;
    border-bottom: 0;
    transform: rotate(45deg);
    transform-origin: top right;
    top: 50%;
    right: -1px;
}

.magazinePage.no99 .contents_section .section3 .title { border-bottom: 1px solid #59d456;}
.magazinePage.no99 .contents_section .section3 .link-file .arrow-left { background: #59d456;}
.magazinePage.no99 .contents_section .section3 .link-file .arrow-left::before {
    content: "";
    width: 10px;
    height: 10px;
    border: 2px solid #59d456;
    position: absolute;
    box-sizing: border-box;
    border-left: 0;
    border-bottom: 0;
    transform: rotate(45deg);
    transform-origin: top right;
    top: 50%;
    right: -1px;
}

.magazinePage.no99 .contents_section .section4 .title { border-bottom: 1px solid #3459e2;}
.magazinePage.no99 .contents_section .section4 .title span { display: block; text-align: center; font-size: 1.8rem; line-height: 2.5rem; margin-top: 10px; color: #ff0000;}
.magazinePage.no99 .contents_section .section4 .link-file .arrow-left{background: #3459e2;}
.magazinePage.no99 .contents_section .section4 .link-file .arrow-left::before {
    content: "";
    width: 10px;
    height: 10px;
    border: 2px solid #3459e2;
    position: absolute;
    box-sizing: border-box;
    border-left: 0;
    border-bottom: 0;
    transform: rotate(45deg);
    transform-origin: top right;
    top: 50%;
    right: -1px;
}

.magazinePage.no99 .contents_section .section5 .title { border-bottom: 1px solid #34e28b;}
.magazinePage.no99 .contents_section .section5 .title span { display: inline-block; font-size: 3.0rem; line-height: 4.0rem; font-family: "Noto Serif JP", serif; font-weight: 600;}

/*Boximage*/
.magazinePage.no99 .contents_section .Boximage>div {width: calc(33.33333333333334% - 21px); margin: 10px;}
.magazinePage.no99 .contents_section .Boximage.column2>div {width: calc(50% - 21px); margin: 10px;}
.magazinePage.no99 .contents_section .Boximage.column3>div {width: calc(33.33333333333334% - 21px); margin: 10px;}
.magazinePage.no99 .contents_section .Boximage div p { font-size: 1.4rem; line-height: 2rem;}
.magazinePage.no99 .contents_section .Boximage div .box-boder { margin-top: 15px; border: 1px solid #444444; padding: 15px;}

/*LineBox*/
.magazinePage.no99 .LineBox {align-items: center;}
.magazinePage.no99 .LineBox-img { width: 50%; padding: 10px;}
.magazinePage.no99 .LineBox-txt { width: 50%; padding-left: 20px;}
.magazinePage.no99 .LineBox-txt .LineBox-tl { font-size: 2.4rem; font-weight: bold;}

/*presentBox*/
.magazinePage.no99 .presentBox {align-items: center;}
.magazinePage.no99 .presentBox-img { width: 30%; padding: 10px;}
.magazinePage.no99 .presentBox-txt { width: 70%; padding-left: 20px;}

@media screen and (max-width:1000px){
.magazinePage.no99 .articlePanel .articlePanel_mainBox.gridBox {
  display: grid; padding-top: 20px; align-items: center;
  grid-template-rows: auto auto 1fr;
  grid-template-columns: 1fr;
  grid-template-areas:
  "mainBox-ttl"
  "mainBox-img"
  "mainBox-txt";
}
.articlePanel_mainBox.gridBox .articlePanel_mainBox-img {
  grid-area: mainBox-img; background: #dee5e7; width: 100%; max-width: 100%; margin: auto;
}
.articlePanel_mainBox.gridBox .articlePanel_mainBox-ttl {
  grid-area: mainBox-ttl; padding-left: 0px;
}
.articlePanel_mainBox.gridBox .articlePanel_mainBox-txt {
  grid-area: mainBox-txt;
}
.magazinePage.no99 .articlePanel .articlePanel_mainBox.gridBox .articlePanel_mainBox-img img { max-width: 180px;}
.articlePanel_mainBox.gridBox .articlePanel_mainBox-ttl br {display: none;}
.magazinePage.no99 .articlePanel .articlePanel_mainBox.gridBox .articlePanel_mainBox-ttl { 
    font-size: 2.0rem;
  line-height: 2.8rem;
  margin-bottom: 15px;
}
}

@media screen and (max-width:900px){
    /*articlePanel*/
    .magazinePage.no99 .articlePanel .articlePanel_ttl { width: 45%; max-width: 445px;}
    .magazinePage.no99 .articlePanel .articlePanel_ttl .articlePanel_no { font-size: 8.5vh;}
    .magazinePage.no99 .articlePanel .articlePanel_ttl .articlePanel_no span { font-size: 4.0vh;}
}

@media screen and (max-width:786px){
    /*articlePanel*/
    .magazinePage.no99 .articlePanel .articlePanel_mainBox .articlePanel_mainBox-ttl,
    .magazinePage.no99 .articlePanel .articlePanel_mainBox .articlePanel_mainBox-txt .mainsec-ttl,
    .magazinePage.no99 .articlePanel .articlePanel_mainBox.gridBox .articlePanel_mainBox-ttl { font-size: 2.0rem; line-height: 2.6rem;}

    .magazinePage.no99 .articlePanel .articlePanel_bnrsec .articlePanel_bnrsec-img { width: calc(33.33333333333334% - 6px); margin-right: 9px;}

    /*contents section*/ 
    .magazinePage.no99 .contents_section { padding-top: 50px;}
    .magazinePage.no99 .contents_section .title { font-size: 3.8rem; line-height: 4.6rem;}
    .magazinePage.no99 .contents_section .section4 .title span { font-size: 1.5rem; line-height: 2.2rem;}
    .magazinePage.no99 .contents_section .section5 .title span { font-size: 2.6rem; line-height: 3.6rem;}
    .magazinePage.no99 .contents_section .subttl { font-size: 1.5rem; color: #004b91;}
    .magazinePage.no99 .contents_section .main-ttl { font-size: 2.4rem; line-height: 3.6rem;}
    .magazinePage.no99 .contents_section .ttl { font-size: 2.2rem; line-height: 3.6rem;}
    .magazinePage.no99 .contents_section .sttl { font-size: 1.8rem; line-height: 3.2rem;}
    .magazinePage.no99 .contents_section .sttl-2 { font-size: 1.8rem; line-height: 3.2rem;} 
    .magazinePage.no99 .contents_section .noteBox p { font-size: 1.5rem; line-height: 2.0rem;}
    .magazinePage.no99 .contents_section .ttl-copy { font-size: 1.8rem; line-height: 2.6rem; margin: 15px 0;}

    .magazinePage.no99 .contents_section .profile .profile-img { width: 200px;}
    .magazinePage.no99 .contents_section .profile .profile-txt { font-size: 1.8rem; padding-left: 30px;}
    .magazinePage.no99 .contents_section .profile .profile-txt .profile-name { font-size: 3.5rem; line-height: 4.0rem; margin: 20px 0;}

    /*Boximage*/
    .magazinePage.no99 .contents_section .Boximage>div,
    .magazinePage.no99 .contents_section .Boximage.column2>div,
    .magazinePage.no99 .contents_section .Boximage.column3>div {width: calc(50% - 21px); margin: 10px;}

    /*LineBox*/
    .magazinePage.no99 .LineBox-img { width: 100%; padding: 0px;}
    .magazinePage.no99 .LineBox-txt { width: 100%; padding-left: 0px; margin-top: 20px;}
    .magazinePage.no99 .LineBox-txt .LineBox-tl { font-size: 2.0rem; margin-bottom: 15px;}

    /*presentBox*/
    .magazinePage.no99 .presentBox-img { width: 100%; max-width: 380px; padding: 0px; margin: auto;}
    .magazinePage.no99 .presentBox-txt { width: 100%; padding-left: 0px;}
}

@media screen and (max-width:568px){
    /*articlePanel*/
    .magazinePage.no99 .articlePanel .articlePanel_ttl { width: 100%; max-width: 180px;}
    .magazinePage.no99 .articlePanel .articlePanel_ttl .articlePanel_no { font-size: 3.0rem}
    .magazinePage.no99 .articlePanel .articlePanel_ttl .articlePanel_no span { font-size: 1.6rem;}

    .magazinePage.no99 .articlePanel .articlePanel_mainsec { width:96%; display:flex; flex-wrap:wrap; margin: 15px auto 0 auto;}
    .magazinePage.no99 .articlePanel .articlePanel_mainBox { width: calc(100% - 0px); padding: 15px; margin-right: 0px;}
    .magazinePage.no99 .articlePanel .articlePanel_mainBox:nth-child(2) { margin-left: 0px; margin-top: 20px;}
    .magazinePage.no99 .articlePanel .articlePanel_mainBox.gridBox .articlePanel_mainBox-img img { max-width: 220px;}
    .magazinePage.no99 .articlePanel .articlePanel_mainBox .articlePanel_mainBox-txt .mainsec-btn { width: 100%; text-align: right; margin-top: 30px; position: relative;}
    .magazinePage.no99 .articlePanel .articlePanel_mainBox .articlePanel_mainBox-txt .mainsec-btn a::after { top: 8px;}

    .magazinePage.no99 .articlePanel .articlePanel_bnrsec { margin-top: 5px;}
    .magazinePage.no99 .articlePanel .articlePanel_bnrsec .articlePanel_bnrsec-img { width: calc(50% - 6px); margin-right: 12px; margin-top: 15px;}
    .magazinePage.no99 .articlePanel .articlePanel_bnrsec .articlePanel_bnrsec-img:nth-child(2) { margin-right: 0px;}

    /*contents section*/ 
    .magazinePage.no99 .contents_section .title { font-size: 2.8rem; line-height: 3.4rem;}
    .magazinePage.no99 .contents_section .section4 .title span { font-size: 1.2rem; line-height: 1.8rem;}
    .magazinePage.no99 .contents_section .section5 .title span { font-size: 1.6rem; line-height: 2.6rem;}
    .magazinePage.no99 .contents_section .subttl { font-size: 1.4rem;}
    .magazinePage.no99 .contents_section .main-ttl { font-size: 2.2rem; line-height: 3.0rem;}
    .magazinePage.no99 .contents_section .ttl { font-size: 2.0rem; line-height: 3.0rem;}
    .magazinePage.no99 .contents_section .sttl { font-size: 1.6rem; line-height: 3.0rem;}
    .magazinePage.no99 .contents_section .sttl-2 { font-size: 1.6rem; line-height: 3.0rem;}
    .magazinePage.no99 .contents_section .ttl-label span { font-size: 1.4rem;}
    .magazinePage.no99 .contents_section .link-file a { font-size: 1.4rem;}
    .magazinePage.no99 .contents_section .noteBox p { font-size: 1.4rem; line-height: 2.0rem;}
    .magazinePage.no99 .contents_section .ttl-copy { font-size: 1.6rem; line-height: 2.4rem;}

    .magazinePage.no99 .contents_section .profile { display:block; margin-top: 35px;}
    .magazinePage.no99 .contents_section .profile .profile-img { width: 100%; display: block;}
    .magazinePage.no99 .contents_section .profile .profile-img img { width: 100%; height: auto;}
    .magazinePage.no99 .contents_section .profile .profile-txt { padding-left: 0; padding-top: 15px;}
    .magazinePage.no99 .contents_section .profile .profile-txt .profile-name { font-size: 3.0rem; line-height: 3.5rem; margin: 15px 0;}

    /*Boximage*/
    .magazinePage.no99 .contents_section .Boximage>div,
    .magazinePage.no99 .contents_section .Boximage.column2>div,
    .magazinePage.no99 .contents_section .Boximage.column3>div {width: calc(100% - 0px); margin: 10px 0;}

    .magazinePage.no99 .contents_section .section4 { margin-top: 30px;}
}

/*----------------------------------------------------
  アコーディオンタイトル
----------------------------------------------------*/
.adt-check{
    display: none;
}
.adt-label{
    font-size: 1.6rem; margin-top: 30px;
    display: block;cursor: pointer;
    margin-bottom: 1px;
    margin-left: 0px !important;
    padding: 10px 30px 10px 0;
    position: relative
}
.adt-label.topnon{ margin-top: 0px;}
.adt-label:after{
    box-sizing: border-box;
    content: '\f067';
    display: block; color: #444;
    font-family: "FontAwesome";
    padding: 5px 5px 3px 5px;
    position: absolute;
    right: 0;
    top: 10px;
    border: 1px solid #444;
    line-height: 100%;
    border-radius: 5px;
}
.adt-content{
    display: block;
    height: 0px; overflow: hidden;
    opacity: 0;
    padding: 0 10px;
    transition: .5s;
    visibility: hidden;
}
.adt-check:checked + .adt-label:after{
    content: '\f068';
}
.adt-check:checked + .adt-label + .adt-content{
    height: auto;
    opacity: 1; overflow:inherit;
    padding: 10px;
    visibility: visible;
}
.opentxt .adt-content{height: auto!important;opacity: 1!important; overflow:inherit!important;padding: 10px!important; visibility: visible!important;}

@media screen and (max-width:768px){
.adt-label span{ font-size: 1.4rem; letter-spacing: -0.8px;}
.adt-label::after { top: 50%; margin-top: -13px;}
input.adt-check[type="checkbox"]:nth-child(even)  + label{
    margin-left: 3px;
}
}

@media screen and (max-width:568px){
.adt-label span{ font-size: 1.2rem; letter-spacing: -0.8px; display: block;margin-top: -5px;}
.adt-label.com2{padding: 2px 10px;}
}