@charset "UTF-8";

/*  reset
-----------------------------------------------------------------------------*/
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%;
  background: transparent;
}
body {
  line-height: 1;
  color: #000;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
ul, li {
  list-style: none;
}
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: #474747;
  text-decoration: none;
}
mark {
  background-color: #ff9;
  color: #474747;
  font-style: italic;
  font-weight: bold;
}
del {
  text-decoration: line-through;
}
abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}
input, select {
  vertical-align: middle;
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
::-ms-expand {
  display: none;
}
img {
  vertical-align: top;
  width:100%;
  height:auto;
}

/*  basic
-----------------------------------------------------------------------------*/
*,*::before,*::after {
    box-sizing: border-box;
}
body {
/*    letter-spacing: .04em;*/
}
a ,a:visited ,a:hover {
  color: #000;
  text-decoration: none;
}
.clearfix:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}
/* style */
html,
body {
width: 100%;
    background-color:#fff;
}
/* support iOS */
html{
  height: -webkit-fill-available;
}
body{
  min-height: 100vh;
  min-height: -webkit-fill-available;
}
html {
	font-size: 62.5%;
	-webkit-text-size-adjust: 100%;
}
body{
	font-feature-settings: "palt";
	-webkit-font-smoothing: antialiased;
}
.myfont{
    font-family: 'Noto Sans JP', sans-serif;
    font-family: 'Roboto', sans-serif;
}
@media only screen and (min-width:801px) {
.brpc{display:inline;}
.brsp{display:none;}
}
@media only screen and (max-width:800px) {
.brpc{display:none;}
.brsp{display:inline;}
}
.br4k{display:none;}
h1,h2,h3,h4{
  letter-spacing: 0.08em;
}

/* common
-------------------------------------------------------------*/
body {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.5;
    color: #000;
    font-family: 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'Roboto', sans-serif;
    font-family: 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'Roboto', sans-serif;
    /*  letter-spacing: .06em;*/
}
.wrapper {
    width: 100%;
    position: relative;
    z-index:1;
    overflow:hidden;
}
.__myContents {
    width: 100%;
    position: relative;
    background-color: #fff;
    z-index:1;
}
.__container{
  width:100%;
  margin:0 auto;
  position: relative;
  z-index:1;
}
.__contents {
  width: 100%;
  position: relative;
  z-index:5;
}
@media only screen and (max-width:768px) {
.__contents::before {
    position: fixed;
    top:0;
    left:0;
    width:100%;
    height:96px;
    opacity:0;
    background-color:rgba(255,255,255,0.6);
    content: '';
    display: block;
    z-index:3;
    transition: opacity 0.4s cubic-bezier(.55, .085, .68, .53);
}
.is-scrolled .__contents::before {
  opacity:1;
}
}

/* section
-------------------------------------------------------------*/
.mySection{
    width:100%;
    position:relative;
}
/*
.titleSection{
   width:100%;
   margin:0px auto 90px;
   padding:0;
   text-align:center;
   display:block;
   font-size:3.4rem;
   font-weight:800;
   letter-spacing: .02em;
   line-height: 1.6;
   color: #111;
}
.titleSection p{
   display:inline-block;
   text-align:left;
}
.titleSection span{
}
.pageSection{
  width:100%;
  margin:0 auto;
  padding:180px 0 20px;
  position:relative;
}

@media only screen and (max-width:768px) {
.mySection{
}
.titleSection{
   margin:64px auto 64px;
   padding:1em 0 0 1em;
   padding:0;
   font-size:2.6rem;
   letter-spacing: .01em;
   color:#27AAE1;
}
.titleSection p span{
  display:block;
}
}
*/

/* article
-------------------------------------------------------------*/
.myArticle{
    width:100%;
    position:relative;
}
.wrap-pagetitle{
    width:100%;
    max-width:1000px;
    margin:0 auto;
    padding:100px 80px;
}
.pagetitle {
    display: inline-flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    background-color:#34B1C7;
    border-radius:60px;
    height:219px;
    padding:0 80px;
    position:relative;
}
.pagetitle span{
    font-size:4rem;
    font-weight:bold;
    line-height:1.3;
    letter-spacing: 0.18em;
    color:#fff;
}
.pagetitle::before,
.pagetitle::after {
    content: '';
    display: inline-block;
    background-color:#34B1C7;
    border-radius:60px;
    width:100vw;
    height:219px;
    vertical-align: middle;
    position:absolute;
    top:0%;
}
@media only screen and (min-width:801px) {
    .pagetitle::before {
        left:calc(100% + 80px);
    }
    .pagetitle::after {
        right:calc(100% + 80px);
    }
}

@media only screen and (max-width:800px) {
    .wrap-pagetitle{
        padding:70px 0 60px;
    }
    .pagetitle {
        border-radius:0 32px 32px 0;
        height:120px;
        padding:0 40px;
    }
    .pagetitle span{
        font-size:2.8rem;
    }
    .pagetitle::before,
    .pagetitle::after {
        border-radius:32px;
        height:120px;
    }

    .pagetitle::before {
        content: none;
    }
    .pagetitle::after {
        left:calc(100% + 30px);
    }
}

.wrap-headtitle{
    width:100%;
    max-width:1280px;
    margin:0 auto;
    padding:80px 0 100px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
}
.wrap-headtitle.headtitle-reverse {
    flex-direction: row-reverse;
}
.headtitle {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    position:relative;
}
.headtitle span{
    font-size:3.1rem;
    font-weight:bold;
    line-height:1.3;
    letter-spacing: 0.08em;
    color:#313131;
}
.headtitle-convex{
    width:560px;
    height:360px;
    background-position:50% 50%;
    background-size: contain;
    background-repeat:no-repeat;
    background-image: url(../img/bg_headtitle_convex.png);
}
.headtitle-concave{
    width:560px;
    height:360px;
    background-position:50% 50%;
    background-size: contain;
    background-repeat:no-repeat;
    background-image: url(../img/bg_headtitle_concave.png);
}
.headtitle-concave span{
    color:#fff;
}
.headImage{
    width:702px;
    height:360px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    position:relative;
}
.headImage-convex{
}
.headImage-concave{
}

@media only screen and (min-width:1280px) {
    .headtitle-convex::after {
        content: '';
        display: inline-block;
        background-color:#EBE000;
        width:100vw;
        height:360px;
        vertical-align: middle;
        position:absolute;
        top:0%;
        right:calc(100% - 1px);
    }
    .headImage-concave::after{
        content: '';
        display: inline-block;
        background-color:#4EB133;
        background-color:#EBE000;
        width:100vw;
        height:360px;
        vertical-align: middle;
        position:absolute;
        top:0%;
        left:calc(100% - 1px);
    }
    .headtitle-concave::after {
        content: '';
        display: inline-block;
        background-color:#4EB133;
        width:100vw;
        height:360px;
        vertical-align: middle;
        position:absolute;
        top:0%;
        left:calc(100% - 1px);
    }
    .headImage-convex::after{
        content: '';
        display: inline-block;
        background-color:#EBE000;
        background-color:#4EB133;
        width:100vw;
        height:360px;
        vertical-align: middle;
        position:absolute;
        top:0%;
        right:calc(100% - 1px);
    }
    .headImage-convex.headImage-covered::after{
        background-color:#EBE000;
    }
}
@media only screen and (max-width:1024px) {
    .wrap-headtitle{
        padding:50px 0 70px;
    }
}
@media only screen and (max-width:800px) {
    .wrap-headtitle,.wrap-headtitle.headtitle-reverse{
        flex-direction: column-reverse;
        max-width:none;
        padding:60px 0 60px;
    }
    .headImage{
        width:100%;
        height:auto;
        margin-bottom:18px;
    }
    .headImage img{
        width:92.3%;
        max-width:600px;
    }
    .headImage-convex{
        justify-content: flex-start;
        text-align:left;
    }
    .headImage-concave{
        justify-content: flex-end;
        text-align:right;
    }
    .headtitle {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: center;
        position:relative;
    }
    .headtitle span{
        font-size:2.1rem;
    }
    .headtitle-convex{
        justify-content: flex-end;
        width:92.3%;
        height:auto;
        max-width: 600px;
        aspect-ratio: 36/15;
        margin-right: auto;
        background-position:100% 50%;
        background-size: cover;
        background-image: url(../img/bg_headtitle_sp_convex.png);
    }
    .headtitle-concave{
        justify-content: flex-start;
        width:92.3%;
        height:auto;
        max-width: 600px;
        aspect-ratio: 36/15;
        margin-left: auto;
        background-position:0% 50%;
        background-size: cover;
        background-image: url(../img/bg_headtitle_sp_concave.png);
    }
    .headtitle-concave span{
        padding:0 0 0 60px;
    }
    .headtitle-convex span{
        padding:0 60px 0 0;
    }
}
.main-pageContents{
    width: 100%;
    padding:30px 0;
}
.pageContent {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto 80px;
    padding: 10%;
/*    background-color:#F2FDDB;*/
    border-radius:16px;
}
.pageContent-green {
    background-color:#F2FDDB;
}
.pageContent-yellow {
    background-color:#FDFFE3;
}
.pageContent-aqua {
    background-color:#ECF9FC;
}
@media only screen and (min-width:1000px) {
    .pageContent {
        padding: 100px 0;
    }
}

.title-pageContent{
    font-size:2.8rem;
    font-weight:700;
    line-height:1.4;
    letter-spacing: 0.08em;
    color:#000;
    text-align:center;
    margin-bottom:80px;
}
.wrap-pageContent{
    text-align:center;
}
.cell-pageContent{
    padding:0 0 0 100px;
    margin-bottom:60px;
}
.wrap-pageContent .inner-pageContent{
    display:inline-block;
    text-align:left;
}
.wrap-pageContent .cell-pageContent{
    padding:0;
}
.cell-pageContent:nth-last-child(1){
    margin-bottom:0px;
}
.cell-pageContent h3{
    font-size:2.4rem;
    font-weight:700;
    line-height:1.4;
    letter-spacing: 0.08em;
    color:#4EB133;
    margin-bottom:20px;
}
.wrap-dept{
    padding-bottom:50px;
}
.text-large,
.text-ideal,
.list-policy{
    font-size:1.8rem;
    font-weight:400;
    line-height:1.66;
    letter-spacing: 0.04em;
    color:#000;
}
.text-dept,
.list-dept{
    font-size:1.7rem;
    font-weight:400;
    line-height:1.66;
    letter-spacing: 0.04em;
    color:#000;
    margin-bottom:1.6em;
}
.text-introduction,
.text-medium,
.text-education,
.text-duty,
.list-rights{
    font-size:1.5rem;
    font-weight:400;
    line-height:1.6;
    letter-spacing: 0.08em;
    color:#000;
}
.text-introduction a,
.text-medium a,
.text-education a,
.text-duty a,
.list-rights a{
    color:#34B1C7;
}
.text-introduction{
    letter-spacing: 0.12em;
}
.text-duty{
    padding-top:1em;
}
.table-outline{
    margin:0 auto;
    position:relative;
    max-width:670px;
    max-width:600px;
}
.table-outline>dt{
    position:absolute;
    font-size:2rem;
    font-size:1.8rem;
    font-size:1.7rem;
    font-weight:700;
    line-height:1.4;
    letter-spacing: 0.08em;
    color:#4EB133;
    width:5em;
    width:6.4em;
    text-align: justify;
    text-align-last: justify;
    text-justify: inter-ideograph;
}
.table-outline>dd {
    margin-bottom:30px;
    padding-left:140px;
    padding-left:150px;
    font-size:1.8rem;
    font-size:1.5rem;
    font-weight:400;
    line-height:1.66;
    letter-spacing: 0.04em;
    color:#000;
    position:relative;
}
.table-outline>dd:last-of-type {
    margin-bottom: 0px;
}
.table-outline-info{
    position:relative;
}
.table-outline-info dt{
    position:absolute;
}
.table-outline-info dd{
    padding-left:3.2em;
    padding-left:4.2em;
    margin-bottom:4px;
    white-space: nowrap;
}
.table-outline-info dd:nth-of-type(3){
    padding-left:4.8em;
    padding-left:4.2em;
    margin-bottom:0px;
}
.table-outline-item{
    width:320px;
    width:400px;
}
.table-outline-item li{
    display:inline-block;
    padding-right:1em;
}
.button2map{
    width:78px;
    position:absolute;
    top:50%;
    right:0;
    display: block;
    transform: translate(-20%, -44%);
}
.button2map img{
    display: block;
}
.timeline{
    width:100%;
    max-width:800px;
    margin:0 auto;
    padding:0px 0px;
    position: relative;
}
.timeline > li {
    overflow: hidden;
    margin: 0;
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    position:relative;
}
.timeline-date {
    width: 35%;
    padding-right: 50px;
    font-size:1.5rem;
    font-weight:400;
    line-height:1.3;
    letter-spacing: 0.04em;
    text-align:right;
}
.timeline-content {
    width: 64%;
    border-left: 3px #4EB133 solid;
    padding-left: 50px;
    padding-bottom: 24px;
    position:relative;
}
.timeline-content li{
    font-size:1.3rem;
    font-weight:400;
    line-height:1.5;
    letter-spacing: 0.04em;
}
.timeline-content:before {
    content: '';
    width: 12px;
    height: 12px;
    background: #4EB133;
    position: absolute;
    left: 0px;
    top: 0px;
    left: -7.5px;
    top: 4px;
    border-radius: 100%;
    z-index:2;
}
.timeline:before {
    content: '';
    width: 32px;
    height: 10px;
    background: #FDFFE3;
    position: absolute;
    left: 0px;
    top: 0px;
    left: 34%;
    top: 0px;
    z-index:1;
}
.timeline-nouse:after {
    content: '';
    width: 32px;
    height: 10px;
    background: #FDFFE3;
    position: absolute;
    left: 34%;
    bottom: 0px;
    z-index:1;
}
.timeline > li:last-of-type .timeline-content {
    border-left: 3px #4EB133 solid;
    border-left: 3px transparent solid;
    padding-left: 50px;
    padding-bottom: 0px;
    position:relative;
}
.timeline > li:last-of-type .timeline-content:after {
    content: '';
    width: 3px;
    height: 12px;
    background: #4EB133;
    position: absolute;
    left: 0px;
    top: 0px;
    left: -3px;
    top: 0px;
    z-index:2;
}

.cell-symbol{
    width:100%;
    max-width:800px;
    margin:0 auto;
    padding:80px 90px;
    border-radius:16px;
    background-color:#FDFFF5;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    position:relative;
}
.mark-symbol{
    width:150px;
    width:210px;
    padding:0 30px;
}
.text-symbol{
}
.text-symbol p{
    padding:0 0 1em;
    font-size:1.5rem;
    line-height:1.6;
    letter-spacing: 0.08em;
    color:#000;
}
.text-symbol>p:last-of-type {
    padding-bottom: 0px;
}
.cell-hours,.cell-texts{
    text-align:center;
}
.table-hours{
    display:inline-block;
    position:relative;
    text-align:left;
    margin-bottom:20px;
}
.table-hours dt{
    font-size:2rem;
    font-weight:700;
    line-height:1.1;
    letter-spacing: 0.08em;
    color:#4EB133;
    padding:0.5em 0em;
    position:absolute;
}
.table-hours dd {
    margin-bottom:20px;
    padding-left:80px;
    font-size:3rem;
    font-weight:400;
    line-height:1.3;
    letter-spacing: 0.04em;
    color:#000;
    position:relative;
}
.note-hours,.list-texts{
    text-align:left;
    display:inline-block;
}
.note-hours li,.list-texts li {
    font-size: 1.6rem;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: 0.08em;
    padding: 0 0 0.2em 1em;
    text-indent:-1em;
}
.cell-texts p{
    text-align:left;
    display:inline-block;
    font-size: 1.6rem;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: 0.08em;
}
.list-texts li {
    padding-bottom: 1em;
}
.day-week{
    margin-bottom:1em;
    font-size:3rem;
    font-weight:400;
    line-height:1.66;
    letter-spacing: 0.08em;
    color:#000;
    position:relative;
}
.img-timetable{
    max-width:800px;
    margin:0 auto;
}
.note-timetable{
    display:none;
}
.link2pages,
.link2closed{
    position:relative;
    font-size:2rem;
    font-weight:700;
    margin-top:56px;
    padding-right:80px;
    display: inline-block;
    letter-spacing: 0.08em;
    color:#34B1C7;
    text-align:left;
}
.button2pages,
.button2closed{
    width:78px;
    position:absolute;
    top:50%;
    right:0;
    display: block;
    transform: translate(20%, -44%);
}
.button2pages img,
.button2closed img{
    display: block;
}
.link2pages a:link,
.link2closed a:visited{
    color:#34B1C7;
}
.text2pages,
.text2closed{
    color:#34B1C7;
}
.text2pages:link,
.text2pages:visited,
.text2closed:link,
.text2closed:visited{
    color:#34B1C7;
}
.text2detail:link,
.text2detail:visited{
    color:#4EB133;
}

.link2pages {
    margin-top:24px;
}
.table-hours-meeting{
    display:inline-block;
    position:relative;
    text-align:left;
    margin-bottom:30px;
}
.table-hours-meeting dt{
    font-size:2rem;
    font-weight:700;
    line-height:1.3;
    letter-spacing: 0.04em;
    color:#4EB133;
    position:absolute;
}
.table-hours-meeting dd {
    margin-bottom:20px;
    padding-left:120px;
    font-size:2rem;
    font-weight:700;
    line-height:1.3;
    letter-spacing: 0.04em;
    color:#000;
    position:relative;
}
.table-hours-meeting dd:nth-of-type(2) {
    font-size:1.6rem;
}
.cell-meeting{
    max-width:800px;
    max-width:650px;
    margin:0 auto;
}
.cell-meeting dl,
.cell-meeting p{
    text-align:left;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: 0.08em;
}
.cell-meeting .text-meeting-notice{
    color:#f00;
    padding-top:2em;
}
.cell-hours .text-meeting-notice{
    color:#f00;
    padding-bottom:4em;
}
.cell-meeting dt{
    padding-top:1em;
}
.list-meeting{
    padding:0.4em 0em;
}
.list-meeting li{
    padding:0 0 0.2em 1em;
    text-indent:-1em;
}

@media (hover: hover) and (pointer: fine) {
    .text-introduction a,
    .text-medium a,
    .text-education a,
    .text-duty a,
    .list-rights a{
        transition: color 0.5s;
    }
    .text-introduction a:hover,
    .text-medium a:hover,
    .text-education a:hover,
    .text-duty a:hover,
    .list-rights a:hover{
        color: #787878;
    }
    .post-type-archive-recruit .list-rights a:hover{
        color: #4EB133;
    }
    .button2pages img,.button2map img,
    .button2closed img{
        transition: transform 0.4s cubic-bezier(0.42, 0, 0.58, 1);
    }
    .text2detail,
    .text2pages,
    .text2closed{
        transition: color 0.4s cubic-bezier(0.42, 0, 0.58, 1);
    }
    .link2detail:hover .button2pages img,
    .link2pages:hover .button2closed img,
    .link2pages:hover .button2pages img,.button2map:hover img,
    .link2closed:hover .button2closed img{
        transform: scale(1.04);
    }
    .link2detail:hover .text2detail,
    .link2pages:hover .text2closed,
    .link2pages:hover .text2pages,
    .link2closed:hover .text2closed{
        color: rgba(52, 177, 199, 0.7);
    }
}

@media only screen and (max-width:800px) {
    .title-pageContent{
        font-size:2.1rem;
        margin-bottom:60px;
    }
    .wrap-pageContent{
        text-align:center;
    }
    .cell-pageContent{
        padding:0 0 0 40px;
        width: 88%;
        margin: 0 auto 20px;
    }
    .cell-pageContent:last-of-type{
        margin-bottom:0px;
    }
    .pageContent {
        width: 92%;
        margin: 0 auto 60px;
        padding: 60px 0;
    }
    .cell-pageContent h3{
        font-size:1.9rem;
        margin-bottom:1em;
    }
    .wrap-dept{
        padding-bottom:30px;
    }
    .text-large,
    .text-ideal,
    .list-policy{
        font-size:1.5rem;
    }
    .text-dept,
    .list-dept{
        font-size:1.4rem;
    }
    .text-introduction,
    .text-medium,
    .text-education,
    .text-duty,
    .list-rights{
        font-size:1.3rem;
    }
    .note-hours li,.list-texts li {
        font-size: 1.3rem;
        padding: 0 2em 0.2em 2em;
        text-indent:0em;
    }
    .cell-texts p{
        font-size: 1.3rem;
    }
    .day-week{
        padding:0 0.4em;
        font-size:2rem;
    }
    .day-week span{
        display:inline-block;
    }
    .img-timetable{
        max-width:none;
        width:80%;
        overflow-x:scroll;
    }
    .img-timetable img{
        display:block;
        width:640px;
    }
    .note-timetable{
        width:80%;
        margin:0.2em auto 0;
        font-size:1.2rem;
        line-height:1.66;
        text-align:right;
        display:block;
    }

    .link2pages,
    .link2closed{
        font-size:1.6rem;
        margin-top:48px;
        padding-right:60px;
    }
    .button2pages,
    .button2closed{
        width:64px;
    }
    .cell-hours .link2pages{
        margin-top:28px;
        margin-bottom:28px;
    }
    .link2pages,
    .link2closed{
    }
    .table-outline{
        width:90%;
    }
    .table-outline>dt{
        font-size:1.4rem;
        width:6.4em;
        line-height:1.66;
    }
    .table-outline>dd {
        margin-bottom:20px;
        padding-left:110px;
        font-size:1.4rem;
    }
    .table-outline>dd:last-of-type {
        margin-bottom: 0px;
    }
    .table-outline-info dd{
        padding-left:3.2em;
        padding-left:4.2em;
        margin-bottom:4px;
    }
    .table-outline-info dd:nth-of-type(3){
        padding-left:4.8em;
        padding-left:4.2em;
        margin-bottom:0px;
    }
    .table-outline-item{
        width:auto;
    }
    .table-outline-item li{
    }
    .table-outline>dd .button2map {
        display: none;
    }
    .button2map {
        width: 40px;
    }
    .timeline{
        width:90%;
    }
    .timeline > li {
    }
    .timeline-date {
        width: 25%;
        padding-right: 20px;
        font-size:1rem;
        line-height:1.8;
        text-align:right;
    }
    .timeline-content {
        width: 75%;
        border-left: 2px #4EB133 solid;
        padding-left: 20px;
        padding-bottom: 16px;
    }
    .timeline-content li{
        font-size:1.2rem;
    }
    .timeline-content:before {
        left: -7px;
        top: 3px;
    }
    .timeline:before {
        content: '';
        width: 30px;
        left: 20%;
        top:-4px;
    }
    .timeline-nouse:after {
        width: 30px;
        left: 20%;
        bottom:-4px;
    }
    .timeline > li:last-of-type .timeline-content {
        border-left: 2px #4EB133 solid;
        border-left: 2px transparent solid;
        padding-left: 20px;
        padding-bottom: 0px;
    }
    .timeline > li:last-of-type .timeline-content:after {
        width: 2px;
        height: 12px;
        left: -2px;
        top: 0px;
    }

    .cell-symbol{
        width:90%;
        padding:0px 10px 10px;
        flex-direction:column-reverse;
    }
    .mark-symbol{
        width:100px;
        padding:60px 0;
    }
    .text-symbol{
    }
    .text-symbol p{
        padding:0 0 1.4em;
        font-size:1.3rem;
    }
    .text-symbol>p:last-of-type {
        padding-bottom: 1.4em;
    }
}

/* table-timetable
-------------------------------------------------------------*/
.body-timetable{
    width:100%;
    max-width:800px;
    margin:0 auto;
    padding:0 0 8px;
    position:relative;
    overflow-x: auto;
}
.table-timetable{
    width:1360px;
    margin:0;
    padding:0;
    border-collapse: separate;
    border-spacing: 0;
    border-top: 1px solid #333;
    border-left: 0px solid #333;
}
.table-timetable {
}
.table-timetable th, .table-timetable td {
    vertical-align: middle;
    border-bottom: 1px solid #333;
    border-right: 1px solid #333;
    text-align: center;
    height:30px;
}
.table-timetable th.table-th-week:nth-last-of-type(3), .table-timetable td:nth-last-of-type(3) {
    width:80px;
}
.table-timetable .table-tbody-am td:nth-last-of-type(3) {
    background-color:#EEF2C0;
}
.table-timetable .table-tbody-pm td:nth-last-of-type(3) {
    background-color:#D2EAEF;
}
.table-timetable th.table-th-week:nth-last-of-type(3){
    background-color:#398325;
}

.table-timetable th {
}
.table-timetable td {
    font-size: 1.4rem;
}
.table-timetable td span{
    font-size: 1.1rem;
    display:block;
}

.table-th-sticky01,
.table-th-sticky02,
.table-th-sticky03,
.table-th-sticky04,
.table-th-sticky05 {
    position: sticky;
    top: 0;
    width:100px;
    font-weight:500;
    letter-spacing: 0.08em;
}
.table-th-sticky01 {
    left:0;
    width:130px;
    font-size: 1.8rem;
    background-color:#fff;
    border-left: 1px solid #333;
    z-index:2;
}
.table-th-sticky02 {
    left:130px;
    width:240px;
    font-size: 1.8rem;
    background-color:#fff;
    z-index:1;
}
.table-th-sticky03 {
    left:0;
    width:30px;
    border-left: 1px solid #333;
    z-index:3;
}
.table-th-sticky04 {
    left:30px;
    width:100px;
    font-size: 1.3rem;
    letter-spacing: 0.02em;
    z-index:2;
}
.table-th-sticky05 {
    left:130px;
    width:240px;
    font-size: 1.4rem;
    z-index:1;
}
.table-th-week{
    width:180px;
    background-color:#4eb133;
    font-size: 1.8rem;
    color:#fff;
}
.table-tbody-am td{
    width:180px;
    background-color:#FDFFE3;
}
.table-tbody-am{
    background-color:#FDFFE3;
}
.table-tbody-pm td{
    width:180px;
    background-color:#ECF9FC;
}

.table-tbody-am .table-th-sticky03,
.table-tbody-am .table-th-sticky04,
.table-tbody-am .table-th-sticky05 {
    background-color:#EBE000;
    color:#333;
}
.table-tbody-pm .table-th-sticky03,
.table-tbody-pm .table-th-sticky04,
.table-tbody-pm .table-th-sticky05 {
    background-color:#34B1C7;
    color:#fff;
}
.body-timetable::-webkit-scrollbar {
    height: 4px;
}
.body-timetable::-webkit-scrollbar-track {
    background: #eee;
}
.body-timetable::-webkit-scrollbar-thumb {
    background: #aaa;
    border: none;
}
.body-timetable::-webkit-scrollbar-thumb:hover {
    background: #999;
}
.test0101{
    min-height:40px;
}
.notice-timetable{
    width:100%;
    max-width:800px;
    margin:0em auto 0.2em;
    font-size:1.3rem;
    line-height:1.66;
    text-align:right;
}

@media only screen and (max-width:800px) {
    .body-timetable{
        width:96%;
    }
    .table-timetable {
        width:900px;
    }
    .table-timetable th, .table-timetable td {
        height:24px;
    }
    .table-timetable th.table-th-week:nth-last-of-type(3), .table-timetable td:nth-last-of-type(3) {
        width:56px;
    }
    .table-timetable td {
        font-size: 1.2rem;
    }
    .table-timetable td span{
        font-size: 1.1rem;
    }

    .table-th-sticky01,
    .table-th-sticky02,
    .table-th-sticky03,
    .table-th-sticky04,
    .table-th-sticky05 {
        top: 0;
    }
    .table-th-sticky01 {
        left:0;
        width:55px;
        font-size: 1.4rem;
    }
    .table-th-sticky02 {
        left:55px;
        width:120px;
        font-size: 1.4rem;
    }
    .table-th-sticky03 {
        left:0;
        width:15px;
        font-size: 1rem;
    }
    .table-th-sticky04 {
        left:15px;
        width:40px;
        font-size: 1.1rem;
    }
    .table-th-sticky05 {
        left:55px;
        width:120px;
        font-size: 1.2rem;
    }
    .table-th-week{
        width:130px;
        font-size: 1.4rem;
    }
    .table-tbody-am td{
        width:130px;
    }
    .table-tbody-am{
    }
    .table-tbody-pm td{
        width:130px;
    }
    .notice-timetable {
        font-size: 1.1rem;
        width:92%;
        margin-bottom:0.4em;
    }
    .table-th-sticky04 span{
        transform: rotate(90deg);
        display:inline-block;
    }
    .body-timetable::-webkit-scrollbar-track {
        background: #aaa;
    }
    .body-timetable::-webkit-scrollbar-thumb {
        background: #666;
    }
}

/* reception - check in at the general reception at the hospital
・first medical examination
・follow-up examination
※ insurance card（保険証）
-------------------------------------------------------------*/
.cell-reception{
    width:100%;
    max-width:600px;
    margin:0 auto 60px;
    padding:0;
    position:relative;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    overflow:hidden;
}
.cell-reception:last-of-type {
    margin-bottom:0;
}
.img-reception{
    width:48%;
    max-width:253px;
    margin:0;
    border-radius:16px;
    overflow: hidden;
}
.text-reception{
    width:52%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.text-reception h3{
    font-size:2rem;
    font-weight:700;
    line-height:1.3;
    letter-spacing: 0.04em;
    color:#4EB133;
    margin-bottom:0.8em;
}
.text-reception p{
    font-size:1.6rem;
    font-weight:400;
    line-height:1.6;
    letter-spacing: 0.04em;
}

@media only screen and (max-width:800px) {
    .cell-reception {
        width: 96%;
        margin: 0 auto 80px;
        flex-direction: column;
        align-items: center;
    }
    .img-reception {
        width: 80%;
        max-width: 320px;
        border-radius: 10px;
    }

    .text-reception {
        width: 100%;
        justify-content: center;
        align-items: center;
        margin-bottom:2.4em;
    }

    .text-reception h3 {
        font-size: 1.8rem;
    }

    .text-reception p {
        font-size: 1.4rem;
    }
}

/* department
-------------------------------------------------------------*/
.cell-surgery{
    width:100%;
    max-width:800px;
    margin:0 auto 80px;
    padding-bottom:54px;
    padding-bottom:0;
    border:3px solid #EBE000;
    background-color:#fff;
    position:relative;
    border-radius:16px;
    overflow:hidden;
}
.title-surgery{
    width:100%;
    font-size:2.5rem;
    font-weight:500;
    line-height:1.8;
    letter-spacing: 0.04em;
    color:#5a5a5a;
    text-align:center;
    margin-bottom:0px;
    background-color:#EBE000;
}
.cell-internal_medicine{
    width:100%;
    max-width:800px;
    margin:0 auto 0px;
    padding-bottom:54px;
    padding-bottom:0;
    border:3px solid #34B1C7;
    background-color:#fff;
    position:relative;
    border-radius:16px;
    overflow:hidden;
}
.title-internal_medicine{
    width:100%;
    font-size:2.5rem;
    font-weight:500;
    line-height:1.8;
    letter-spacing: 0.04em;
    color:#5a5a5a;
    text-align:center;
    margin-bottom:0px;
    color:#fff;
    background-color:#34B1C7;
}
.paragraph-internal_medicine,
.paragraph-surgery{
    width:80%;
    max-width:800px;
    margin:0 auto;
    padding:48px 0;
}
.subtitle-internal_medicine,
.subtitle-surgery{
    font-size:2rem;
    font-weight:700;
    line-height:1.2;
    letter-spacing: 0.04em;
    padding-top:40px;
    padding-bottom:20px;
    color:#E3DD00;
}
.subtitle-internal_medicine{
    color:#34B1C7;
}
.subtitle-internal_medicine:nth-of-type(1),
.subtitle-surgery:nth-of-type(1){
    padding-top:0px;
}
.term-internal_medicine,
.term-surgery{
    font-size:1.6rem;
    font-weight:700;
    line-height:1.2;
    letter-spacing: 0.04em;
    margin-bottom:1.3em;
    padding:0.6em 0;
    background-color:#FDFFE3;
    text-align:center;
}
.term-internal_medicine{
    background-color:#ECF9FC;
}
.description-surgery{}
.text-internal_medicine,
.text-surgery{
    font-size:1.3rem;
    font-weight:400;
    line-height:1.6;
    letter-spacing: 0.04em;
    padding:0 0 1.3em;
}
.list-internal_medicine{
    padding:0 0 1.3em 0;
}
.list-surgery{
    font-size:1.2rem;
    font-weight:400;
    line-height:1.6;
    letter-spacing: 0.04em;
    padding:0 0 2em 0;
}
.lists-symptoms{
    position:relative;
}
.list-symptoms{
    font-size:1.3rem;
    font-weight:400;
    line-height:1.6;
    letter-spacing: 0.04em;
    padding:0;
}
.text-etc{
    position:absolute;
    bottom:0;
    right:20%;
    font-size:1.3rem;
    font-weight:400;
    line-height:1.6;
    letter-spacing: 0.04em;
}
.item-internal_medicine{
    font-size:1.5rem;
    font-weight:700;
    line-height:1.4;
    letter-spacing: 0.04em;
}

.list-internal_medicine li,
.list-symptoms li,
.list-surgery li{
    padding-left:1em;
    text-indent:-1em;
}
.column-internal_medicine{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    width:100%;
}
.lists-symptoms,
.lists-internal_medicine{
    width:36%;
}
.texts-internal_medicine{
    width:64%;
}
.wrap-surgery-hernia{
    border-top:1px solid #EBE000;
    margin-bottom:24px;
}
.content-surgery-hernia{
    border-bottom:1px solid #EBE000;
    padding-top:24px;
    padding-bottom:24px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}
.content-surgery-hernia dt{
    width:26%;
    font-size:1.4rem;
    font-weight:700;
    line-height:1.4;
    letter-spacing: 0.04em;
}
.content-surgery-hernia dd{
    width:74%;
}
.content-surgery-hernia dd p{
    padding-bottom:1em;
    font-size:1.3rem;
    font-weight:400;
    line-height:1.4;
    letter-spacing: 0.04em;
}
.content-surgery-hernia dd p:last-of-type{
    padding-bottom:0;
}
.paragraph-surgery .cell-hours{
    margin-bottom:40px;
}
.content-surgery-symptoms{
    padding-top:8px;
    padding-bottom:24px;
    display: flex;
    flex-wrap: nowrap;
}
.content-surgery-symptoms dt {
    width: 26%;
    font-size:1.4rem;
    font-weight:700;
    line-height:1.4;
    letter-spacing: 0.04em;
}
.content-surgery-symptoms dd {
    width: 74%;
}
.content-surgery-symptoms .grid-symptoms{
    width: 100%;
    display: grid;
    grid-template-rows: repeat(4, auto);
    /*        grid-template-columns: repeat(2, auto);*/
    gap: 4px;
    grid-auto-flow: column;
}
.content-surgery-symptoms .grid-symptoms li {
    font-size:1.3rem;
    font-weight:400;
    line-height:1.4;
    letter-spacing: 0.04em;
}
.content-surgery-symptoms .grid-symptoms li:last-child {
    grid-row: 1 / 5;
    align-self:end;
}
@media only screen and (max-width:800px) {
    .cell-surgery{
        width:92%;
        margin:0 auto 60px;
    }
    .title-surgery{
        font-size:1.9rem;
    }
    .cell-internal_medicine{
        width:92%;
    }
    .title-internal_medicine{
        font-size:1.9rem;
    }
    .paragraph-internal_medicine,
    .paragraph-surgery{
        width:86%;
        padding:32px 0;
    }
    .subtitle-internal_medicine,
    .subtitle-surgery{
        font-size:1.8rem;
        padding-top:32px;
        padding-bottom:20px;
    }
    .column-internal_medicine{
        flex-direction:column;
        width:100%;
    }
    .lists-symptoms,
    .lists-internal_medicine{
        width:100%;
        margin-bottom:20px;
    }
    .texts-internal_medicine{
        width:100%;
    }
    .wrap-surgery-hernia{
        margin-bottom:10px;
    }
    .content-surgery-hernia{
        padding-top:20px;
        padding-bottom:20px;
        flex-direction: column;
    }
    .content-surgery-hernia dt{
        width:100%;
        font-size:1.4rem;
        margin-bottom:1em;
    }
    .content-surgery-hernia dd{
        width:100%;
    }
    .content-surgery-hernia dd p{
        padding-bottom:1em;
        font-size:1.3rem;
        line-height:1.6;
    }
    .paragraph-surgery .cell-hours {
        margin-bottom: 20px;
    }
    .content-surgery-symptoms{
        flex-direction: column;
    }
    .content-surgery-symptoms dt {
        width: 100%;
        margin-bottom:1em;
    }
    .content-surgery-symptoms dd {
        width: 100%;
    }
    .content-surgery-symptoms .grid-symptoms{
        grid-template-rows: repeat(3, auto);
    }
    .content-surgery-symptoms .grid-symptoms li {
    }
    .content-surgery-symptoms .grid-symptoms li:last-child {
        grid-row: 1 / 7;
    }
}

/* doctors profile ,biography
-------------------------------------------------------------*/
.wrap-doctor{
    width:100%;
    max-width:800px;
    margin:0 auto 80px;
    padding-bottom:54px;
    padding-bottom:0;
}
.wrap-doctor:last-of-type{
    margin-bottom:0;
}
.title-doctor{
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 0.08em;
    color: #4EB133;
    margin-bottom: 56px;
}
.cell-doctor{
    width:100%;
    margin-bottom:60px;
    padding-bottom:0;
    position:relative;
}
.cell-doctor:last-of-type{
    margin-bottom:0px;
}
.profile-doctor{
    width:100%;
    padding-left:33%;
    min-height:200px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.photo-doctor{
    width:200px;
    position:absolute;
    top:0;
    left:0;
}
.photo-doctor img{
    border-radius:16px;
}
.profile-doctor dl{
    padding-bottom:0.5em;
}
.profile-doctor dt,
.profile-doctor dd{
    font-size:1.6rem;
    font-weight:400;
    line-height:1.6;
    letter-spacing: 0.04em;
}
.name-ruby{
    display:inline-block;
    padding-left:1em;
}
.profile-doctor li,.biography-doctor{
    font-size:1.3rem;
    font-weight:400;
    line-height:1.6;
    letter-spacing: 0.04em;
}
.profile-doctor ul{
    padding:0.4em 0;
}
.cell-introduction{
    padding:0 100px;
    margin-bottom:60px;
}
.cell-introduction:nth-last-child(1){
    margin-bottom:0px;
}
.cell-introduction h3{
    font-size:2.4rem;
    font-weight:700;
    line-height:1.4;
    letter-spacing: 0.08em;
    color:#4EB133;
    margin-bottom:32px;
}
.link2detail{
    position:relative;
    padding-right:80px;
    display:inline-block;
}

@media only screen and (max-width:800px) {
    .wrap-doctor {
        margin: 0 auto 60px;
    }
    .title-doctor {
        font-size: 1.9rem;
        width:86%;
        margin: 0 auto;
        margin-bottom: 24px;
    }
    .cell-doctor {
        width: 86%;
        margin: 0 auto;
        margin-bottom: 40px;
    }
    .profile-doctor{
        padding:0;
        min-height:0;
    }
    .photo-doctor{
        width:120px;
        left:auto;
        right:0;
        transform: translate(0, -22%);
    }
    .profile-doctor dl{
    }
    .profile-doctor dt,
    .profile-doctor dd{
        font-size:1.5rem;
    }
    .name-ruby{
        display:block;
        padding-left:0em;
        font-size:1.1rem;
    }
    .profile-doctor li,.biography-doctor{
        font-size:1rem;
    }
    .profile-doctor ul{
    }
    .attending-doctor {
        display: flex;
        flex-direction: column-reverse;
        justify-content: center;
    }
    .attending-doctor .photo-doctor{
        position:relative;
        width:120px;
        left:0;
        right:0;
        top:0;
        transform: translate(0, 0);
    }
    .attending-doctor .profile-doctor{
        position:relative;
    }
    .attending-doctor .name-doctor{
        position:absolute;
        top:-90px;
        left:0;
        padding-left:160px;
    }
    .attending-doctor .profile-doctor ul{
        padding-top:0.99em;
    }
    .attending-doctor + .cell-doctor,
    .attending-doctor .cell-doctor{
        width:88%;
    }
    .cell-introduction{
        width:88%;
        padding:0;
        margin:0 auto;
        margin-bottom:40px;
    }
    .cell-introduction h3{
        font-size:2.0rem;
        margin-bottom:24px;
    }
    .link2detail{
        position:relative;
        padding-right:50px;
        display:inline-block;
    }
    .button2pages{
        width:44px;
    }
}

/* hernia
-------------------------------------------------------------*/
.cell-hernia{
    width:100%;
    max-width:1000px;
    margin:0 auto 100px;
    padding-bottom:54px;
    padding-bottom:0;
    border:3px solid #4EB133;
    background-color:#fff;
    position:relative;
    border-radius:16px;
    overflow:hidden;
}
.title-hernia{
    width:100%;
    font-size:2.5rem;
    font-weight:500;
    line-height:1.8;
    letter-spacing: 0.04em;
    color:#fff;
    text-align:center;
    margin-bottom:0px;
    background-color:#4EB133;
}
.paragraph-cell-hernia{
    width:80%;
    max-width:800px;
    margin:0 auto;
    padding:48px 0;
}
.text-hernia,
.text-cell-hernia{
    font-size:1.4rem;
    font-weight:400;
    line-height:1.6;
    line-height:1.8;
    letter-spacing: 0.04em;
    margin-bottom:2em;
    text-align: justify;
}
.cell-doctor .text-hernia{
    margin-bottom:1em;
}
.table-cell-hernia{
    width:100%;
    max-width:900px;
    margin:0 auto;
    padding-bottom:20px;
    position:relative;
}
.table-cell-hernia>dt{
    position:absolute;
    font-size:2rem;
    font-weight:700;
    line-height:1.4;
    letter-spacing: 0.08em;
    color:#4EB133;
    width:4.4em;
    text-align: justify;
    text-align-last: justify;
    text-justify: inter-ideograph;
}
.table-cell-hernia>dd {
    margin-bottom:20px;
    padding-left:140px;
    font-size:1.7rem;
    font-weight:400;
    line-height:1.8;
    letter-spacing: 0.04em;
    position:relative;
}
.table-cell-hernia>dd li {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.8;
}
.wrap-pageContent-hernia{
    position:relative;
    max-width:700px;
    margin:0 auto 40px;
}
.wrap-pageContent-hernia:last-of-type{
    margin-bottom:0;
}
.column-pageContent-hernia{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    position:relative;
    max-width:700px;
    margin:0 auto 80px;
}
.column-pageContent-hernia>p{
    width:49%;
    max-width:346px;
}
.column-pageContent-hernia>dl{
    width:46%;
}
.column-pageContent-hernia>dl dt{
    color:#4EB133;
    font-size:1.7rem;
    font-weight:700;
    line-height:1.66;
    letter-spacing: 0.04em;
    margin-bottom:0.4em;
}
.column-pageContent-hernia>dl dd{
    font-size:1.4rem;
    font-weight:500;
    line-height:1.71;
    letter-spacing: 0.04em;
    margin-bottom:0.8em;
}
.question-hernia{
    padding-bottom:60px;
}
.question-hernia:last-of-type{
    padding-bottom:0px;
}
.question-hernia dt{
    font-size:2.4rem;
    font-weight:700;
    line-height:1.6;
    letter-spacing: 0.08em;
    margin-bottom:0.8em;
}
.question-hernia .text-hernia{
    font-size:1.4rem;
    font-weight:400;
    line-height:1.8;
    letter-spacing: 0.08em;
    margin-bottom:1em;
}
.flex-hernia{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    position:relative;
    padding:1em 0 0;
}
.item-flex-hernia{
    min-width:140px;
/*    margin-right:24px;*/
    background-color:#fff;
    border-radius:16px;
    overflow: hidden;
}
.item-flex-hernia:last-of-type{
    margin-right:0;
}
.cause-flex-hernia{
    background-color:#4EB133;
    color:#fff;
    font-size:1.6rem;
    font-weight:700;
    line-height:1.2;
    letter-spacing: 0.04em;
    text-align:center;
    padding:0.6em 0;
}
.point-flex-hernia{
    padding:24px 10px;
}
.point-flex-hernia li{
    font-size:1.4rem;
    font-weight:400;
    line-height:1.6;
    letter-spacing: 0.04em;
}
.symptom-hernia {
    padding:1em 0 0;
}
.figure-symptom-hernia{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
    position:relative;
    background-color: #fff;
    padding:8px 0px 16px;
    border-radius:16px;
}
.figure-symptom-hernia-01 {
    width:46%;
}
.figure-symptom-hernia-02 {
    width:30%;
}
.figure-symptom-hernia li p{
    color:#4EB133;
    font-size:1.7rem;
    font-weight:700;
    line-height:1.2;
    letter-spacing: 0.04em;
    text-align:center;
    padding:0.6em 0;
}
.intro-method{
    font-size:1.4rem;
    font-weight:400;
    line-height:1.6;
    letter-spacing: 0.04em;
    margin-bottom:4em;
    text-align:center;
}
.figure-method-hernia{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
    position:relative;
    width:100%;
    max-width:700px;
    margin:0 auto 60px;
}
.figure-method-hernia dl{
    width:39%;
}
.figure-method-hernia dt{
    color:#4EB133;
    font-size:2rem;
    font-weight:700;
    line-height:1.2;
    letter-spacing: 0.04em;
    text-align:center;
    padding-bottom:1em;
}
.figure-method-hernia dd{
    font-size:1.6rem;
    font-weight:700;
    letter-spacing: 0.04em;
    text-align:center;
    padding-bottom:1em;
}
.figure-method-hernia .figure-method-hernia-02 dd{
    color:#f00;
}
.method-hernia,.ct-exam,.about-vsrad{
    width:98%;
    max-width:700px;
    margin:0 auto;
}
.ct-exam{
    max-width:740px;
    max-width:700px;
  }

.method-hernia dt,.ct-exam dt,.about-vsrad dt{
    font-size:2.4rem;
    font-weight:700;
    line-height:1.6;
    letter-spacing: 0.08em;
    margin-bottom:0.8em;
    color:#4EB133;
}
.method-hernia .text-method,.ct-exam .text-method,.about-vsrad .text-method{
    font-size:1.4rem;
    font-weight:400;
    line-height:1.8;
    letter-spacing: 0.08em;
    letter-spacing: 0.04em;
    margin-bottom:2em;
    text-align: justify;
}
.image-method{
    padding-top:1em;
    overflow:hidden;
}
.image-method img{
    border-radius:16px;
}
.ct-exam .image-method img{
    border-radius:1px;
}
.pageContent-transparent{
    padding:20px 0;
}
.text-incase{
    font-size:1.6rem;
    font-weight:500;
    line-height:1.66;
    letter-spacing: 0.04em;
    width:80%;
    max-width:640px;
    margin:0 auto;
}

@media only screen and (max-width:800px) {
    .cell-hernia{
        width:92%;
        margin:0 auto 60px;
    }
    .title-hernia{
        width:100%;
        font-size:1.9rem;
    }
    .paragraph-cell-hernia{
        width:90%;
        padding:32px 0;
    }
    .text-hernia,
    .text-cell-hernia{
        font-size:1.4rem;
        font-weight:400;
        line-height:1.6;
        line-height:1.8;
        letter-spacing: 0.08em;
        margin-bottom:2em;
    }
    .cell-doctor .text-hernia{
        margin-bottom:1em;
    }
    .table-cell-hernia{
        padding-bottom:0px;
    }
    .table-cell-hernia>dt{
        position:relative;
        font-size:1.7rem;
        line-height:1.4;
        width:100%;
        margin-bottom:0.6em;
        letter-spacing: 0.04em;
        text-align:left;
        text-align-last: left;
        text-justify: none;
    }
    .table-cell-hernia>dd {
        margin-bottom:20px;
        padding-left:0px;
        font-size:1.4rem;
    }
    .table-cell-hernia>dd li {
        font-size: 1.4rem;
        font-weight: 400;
        line-height: 1.5;
    }
    .table-cell-hernia>dd:last-of-type {
        margin-bottom:0px;
    }
    .wrap-pageContent-hernia{
        width:92%;
        width:88%;
        margin:0 auto 24px;
    }
    .wrap-pageContent-hernia:last-of-type{
        margin-bottom:0;
    }
    .column-pageContent-hernia{
        width:92%;
        width:88%;
        margin:0 auto 60px;
        flex-direction: column;
    }
    .column-pageContent-hernia>p{
        width:84%;
        max-width:none;
        margin:0 auto 24px;
    }
    .column-pageContent-hernia>dl{
        width:100%;
    }
    .column-pageContent-hernia>dl dt{
        font-size:1.6rem;
        margin-bottom:0.4em;
    }
    .column-pageContent-hernia>dl dd{
        margin-bottom:0.8em;
    }
    .question-hernia{
        padding-bottom:32px;
    }
    .question-hernia:last-of-type{
        padding-bottom:0px;
    }
    .question-hernia dt{
        font-size:1.7rem;
        margin-bottom:0.8em;
        text-indent:-0.5em;
        padding-left:0.5em;
    }
    .question-hernia .text-hernia{
        margin-bottom:1em;
    }
    .flex-hernia{
        padding:1em 0 0;
        flex-wrap: wrap;
    }
    .item-flex-hernia{
        min-width:140px;
        width:48%;
        margin-bottom:4%;
    }
    .item-flex-hernia:last-of-type{
        margin-right:0;
    }
    .cause-flex-hernia{
        padding:0.5em 0;
    }
    .point-flex-hernia{
        padding: 16px 2px 16px 12px;
    }
    .point-flex-hernia li{
        font-size:1.3rem;
        text-indent:-0.5em;
        padding-left:0.5em;
    }
    .symptom-hernia {
        padding:1em 0 0;
    }
    .figure-symptom-hernia{
        padding:8px 0px 16px;
    }
    .figure-symptom-hernia-01 {
        width:54%;
    }
    .figure-symptom-hernia-02 {
        width:36%;
    }
    .figure-symptom-hernia li p{
        font-size:1.2rem;
    }
    .intro-method{
        font-size:1.5rem;
        margin-bottom:3em;
    }
    .figure-method-hernia{
    }
    .figure-method-hernia dl{
        width:44%;
    }
    .figure-method-hernia dt{
        font-size:1.6rem;
    }
    .figure-method-hernia dd{
        font-size:1.2rem;
    }
    .method-hernia{
        width:88%;
        margin:0 auto;
    }
    .ct-exam,.about-vsrad{
        width:88%;
        width:98%;
        margin:0 auto;
    }
    .method-hernia dt,.ct-exam dt,.about-vsrad dt{
        font-size:1.6rem;
    }
    .method-hernia .text-method,.ct-exam .text-method,.about-vsrad .text-method{
        margin-bottom:2em;
        letter-spacing: 0.08em;

    }
    .image-method{
        padding-top:1em;
    }
    .pageContent-transparent{
        padding:20px 0;
    }
    .text-incase{
        font-size:1.4rem;
        width:88%;
        line-height:1.8;
    }
}

/* radiology
-------------------------------------------------------------*/
.intro-radiology{
    text-align:center;
    margin-top:-30px;
    padding-bottom:100px;
}
.intro-radiology p{
    display:inline-block;
    font-size:1.8rem;
    font-weight:500;
    line-height:1.66;
    letter-spacing: 0.08em;
}
.text-intro-radiology{
    text-align:left;
}
.cell-radiation-equip{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    position:relative;
    width:90%;
    max-width:700px;
    margin:0 auto 60px;
}
@media only screen and (min-width:801px) {
    .cell-radiation-equip:first-of-type {
        align-items: flex-start;
    }
    .photo-radiation-equip{
        display:none;
    }
}
.cell-radiation-equip:last-of-type{
    margin-bottom:0;
}
.image-radiation-equip{
    width:230px;
}
.image-radiation-equip li{
    width:100%;
    margin-bottom:8px;
}
.image-radiation-equip img,.photo-radiation-equip img{
    border-radius:16px;
}
.text-radiation-equip{
    width:calc(100% - 272px);
}
.text-radiation-equip dt{
    font-size:1.8rem;
    font-weight:500;
    line-height:1.4;
    letter-spacing: 0.08em;
    padding-left:1em;
    text-indent:-1em;
    margin-bottom:1em;
}
.text-radiation-equip dt span,
.text-radiation-equip dt strong{
    text-indent:0;
}
.text-radiation-equip dt span,
.text-radiation-equip dt strong{
    display:block;
}
.text-radiation-equip dt span{
    font-size:1.4rem;
    font-weight:400;
    color:#5a5a5a;
 }
.text-radiation-equip dd{
    font-size:1.4rem;
    font-weight:400;
    line-height:1.66;
    letter-spacing: 0.04em;
    text-align: justify;
}
.text-radiation-equip dd{
    margin-top:1em;
}
.text-radiation-equip dd:first-of-type{
    margin-top:0;
}
p.text-radiation-equip{
    line-height:1.8;
    padding:0 2em;
}

.wrap-table-dwibs {
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
    padding-bottom:40px;
    overflow:hidden;
}
.table-dwibs{
    width:100%;
    margin:0 auto;
    border-radius:16px;
    overflow:hidden;
}
.table-dwibs thead th{
    background-color:#4EB133;
    color:#fff;
    font-size:2rem;
    font-weight:700;
    line-height:1.2;
    letter-spacing: 0.04em;
    text-align:center;
    padding:0.8em 0;
    border-right:1px solid #fff;
}
.table-dwibs thead th:last-of-type{
    border-right:none;
}
.table-dwibs tbody th{
    background-color:#F2FDDB;
    color:#000;
    font-size:1.7rem;
    font-weight:400;
    line-height:1.4;
    letter-spacing: 0.04em;
    padding:0.8em 0;
    border-right:1px solid #fff;
    border-bottom:1px solid #4EB133;
    text-align:center;
    vertical-align:middle;
}
.table-dwibs tbody th span{
    display:inline-block;
    width:6.4em;
    text-align: justify;
    text-align-last: justify;
    text-justify: inter-ideograph;
}
.table-dwibs tbody td{
    background-color:#fff;
    color:#000;
    font-size:1.7rem;
    font-weight:400;
    line-height:1.4;
    letter-spacing: 0.04em;
    padding:0.8em 0;
    border-right:1px solid #fff;
    border-bottom:1px solid #4EB133;
    text-align:center;
    vertical-align:middle;
}
.table-dwibs tbody tr:last-of-type td,
.table-dwibs tbody tr:last-of-type th{
    border-bottom:none;
}
.table-dwibs tbody tr td:last-of-type{
    border-right:none;
}
.table-dwibs tbody tr td:nth-of-type(1){
    border-right:1px solid #4EB133;
}
.table-dwibs tbody td dt{
    display:none;
}
.note-table-dwibs{
    font-size:1.4rem;
    font-weight:400;
    line-height:1.6;
    letter-spacing: 0.04em;
    text-align:right;
    padding-bottom:0.4em;
}
.merit-table-dwibs{
    font-size:1.5rem;
    font-weight:700;
    line-height:1.2;
    letter-spacing: 0.04em;
    color:#4EB133;
    position:relative;
    display:inline-block;
    float:right;
    padding-top:40px;
}
.merit-table-dwibs:after {
    content: '';
    display: inline-block;
    background-image: url(../img/arrow_green_downward.svg);
    background-position:50% 100%;
    background-size: contain;
    background-size: cover;
    background-repeat:no-repeat;
    vertical-align: middle;
    position:absolute;
    width: 17px;
    height:20px;
    top:0%;
    left:50%;
    transform: translate(-50%, 10px);
}
.wrap-before_after-dwibs{
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
    margin-top:20px;
    margin-bottom:60px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
    position:relative;
}
.wrap-before_after-dwibs dl{
    width:40%;
}
.wrap-before_after-dwibs dt{
    color:#000;
    font-size:1.4rem;
    font-weight:700;
    line-height:1.2;
    letter-spacing: 0.04em;
    text-align:center;
    padding-bottom:1em;
}
.wrap-before_after-dwibs dd{
    font-size:1.3rem;
    font-weight:400;
    letter-spacing: 0.04em;
    text-align:left;
    padding-bottom:1em;
}
.wrap-before_after-dwibs:after {
    content: '';
    display: inline-block;
    background-image: url(../img/arrow_tri_right.svg);
    background-position:50% 100%;
    background-size: contain;
    background-size: cover;
    background-repeat:no-repeat;
    vertical-align: middle;
    position:absolute;
    width: 20px;
    height:20px;
    top:40%;
    left:50%;
    transform: translate(-50%, 0%);
}
.wrap-before_after-dwibs:last-of-type{
    margin-bottom: 0px;
}

@media only screen and (max-width:800px) {
    .intro-radiology{
        text-align:center;
        margin-top:-30px;
        padding-bottom:60px;
        width:84%;
        max-width:none;
        margin:0 auto;
    }
    .intro-radiology p{
        font-size:1.6rem;
        font-weight:500;
    }
    .cell-radiation-equip{
        flex-direction:column;
        width:90%;
    }
    .image-radiation-equip{
        width:210px;
        margin:0 auto 20px;
    }
    .text-radiation-equip{
        width:80%;
        width:96%;
    }
    .text-radiation-equip dt{
        font-size:1.6rem;
        text-align:center;
        padding-left:0;
        text-indent:0;
    }
    .image-radiation-equip li:last-of-type{
        display:none;
    }
    .photo-radiation-equip{
        display:block;
        padding:0.2em 0 0;
    }
    .ct-exam{
        width:94%;
        width:98%;
        margin:0 auto;
    }
    .wrap-table-dwibs {
        width: 92%;
        width: 88%;
        margin: 0 auto;
        padding-bottom:20px;
        overflow:hidden;
    }
    .table-dwibs{
        background-color:#fff;
    }
    .table-dwibs tbody th{
        font-weight:700;
        border-right:none;
        width:100%;
    }
    .table-dwibs tbody th span{
        display:inline-block;
        width:auto;
        text-align: center;
        text-align-last: center;
        text-justify: none;
        letter-spacing: 0.12em;
    }
    .table-dwibs tbody td{
        font-size:1.4rem;
        border-bottom:none;
    }
    .table-dwibs tbody tr:last-of-type th{
        border-bottom:1px solid #4EB133;
    }
    .table-dwibs tbody td dt{
        display:none;
        display:block;
        color:#4EB133;
        font-size:1.5rem;
        font-weight:700;
        line-height:1.2;
        letter-spacing: 0.04em;
        margin-bottom:0.2em;
    }
    .table-dwibs thead{
        display:none;
    }
    .table-dwibs tbody tr{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-start;
    }
    .table-dwibs tbody td{
        width:50%;
    }
    .note-table-dwibs{
        font-size:1.2rem;
        text-align:left;
        padding-bottom:0.6em;
        width:80%;
        margin:0 auto;
        text-indent:-0.8em;
    }
    .merit-table-dwibs{
        font-size: 1.2rem;
        float: none;
        display: block;
        margin: 0 0 0 50%;
        width: 50%;
        text-align: center;
    }
    .wrap-table-dwibs + .wrap-pageContent-hernia p.text-hernia{
        padding:0;
        margin-bottom:0;
    }
}

/* inpatient
-------------------------------------------------------------*/
.text-pageMessage{
    text-align:center;
    font-size:2rem;
    font-weight:700;
    line-height:1.66;
    letter-spacing: 0.08em;
    color:#4EB133;
    padding:0;
}
.text-pageMessage span{
    font-size:1.8rem;
    font-weight:500;
}
.column-pageContent{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    position:relative;
    max-width:800px;
    margin:0 auto;
}
.list-application{
    width:49%;
}
.list-application dt{
    padding-top:56px;
    padding-bottom:4px;
    font-size:2rem;
    font-weight:700;
    line-height:1.66;
    letter-spacing: 0.08em;
    color:#111;
}
.things2bring{
    width:52%;
}
.things2bring + .list-application{
    width:40%;
}
.things2bring dt:first-of-type{
    padding-top:0px;
}
@media only screen and (min-width:801px) {
    .things2bring + .list-application dt:first-of-type {
        padding-top: 0px;
    }
}
.things2bring dd p:last-of-type{
    padding-top:1em;
}

@media only screen and (max-width:800px) {
    .text-pageMessage{
        font-size:1.6rem;
    }
    .text-pageMessage span{
        font-size:1.3rem;
        line-height:1.5;
        display:inline-block;
        padding-top:0.4em;
    }
    .column-pageContent{
        flex-direction: column;
        width:90%;
        max-width:800px;
        margin:0 auto;
    }
    .list-application{
        width:100%;
    }
    .list-application dt{
        padding-top:52px;
        padding-bottom:4px;
        font-size:1.7rem;
    }
    .list-application dd{
        padding-bottom:4px;
        font-size:1.4rem;
        line-height:1.66;
        letter-spacing: 0.08em;
    }
    .things2bring{
        width:100%;
    }
    .things2bring + .list-application{
        width:100%;
    }
    .cell-meals{
        width:90%;
        margin:0 auto;
    }
    .table-hours-meeting{
        margin-bottom:20px;
        margin-bottom:40px;
    }
    .table-hours-meeting dt{
        font-size:1.7rem;
    font-size:1.7rem;
    text-align:center;
    position:relative;
    margin-bottom:1em;
    }
    .table-hours-meeting dd {
        line-height:1.5;
    margin-bottom:20px;
    padding-left:0px;
    font-size:1.7rem;
    text-align:center;
    position:relative;
    }
    .table-hours-meeting dd:nth-of-type(2) {
    font-size:1.3rem;
    }
    .cell-meeting{
        width:90%;
    }
    .cell-meeting dl,
    .cell-meeting p{
        font-size: 1.3rem;
        line-height:1.8;
    }
    .cell-meeting .text-meeting-notice{
        color:#f00;
        padding-top:2em;
    }
    .cell-meeting dt{
        padding-top:1em;
    }
    .cell-hours .text-meeting-notice{
        width:90%;
        margin:0 auto;
        padding-bottom:3em;
        text-align:left;
        line-height:1.5;
    }

}

/* carehome (named sunflower)
-------------------------------------------------------------*/
.title-carehome{
    color:#4EB133;
    margin-bottom:60px;
}
.intro-carehome,.inquiry-carehome{
    width:100%;
    max-width:800px;
    margin:0 auto;
    padding-bottom:48px;
    position:relative;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-end;
}
.inquiry-carehome{
    padding-bottom:60px;
    align-items: flex-start;
}
.description-carehome{
    width:46%;
    max-width:400px;
    margin:0;
}
.image-himawari{
    width:50%;
    max-width:400px;
}
.image-himawari img{
    border-radius: 16px;
}
.text-carehome{
    font-size:1.5rem;
    line-height:1.75;
    letter-spacing: 0.08em;
    margin-bottom:20px;
}
.pict-carehome img{
    border-radius: 16px;
}
.cell-facility{
    width:100%;
    max-width:800px;
    margin:0 auto 80px;
    padding-bottom:54px;
    border:3px solid #EBE000;
    background-color:#fff;
    position:relative;
    border-radius:16px;
    overflow:hidden;
}
.cell-facility:last-of-type{
    margin-bottom:0;
}
.title-facility{
    width:100%;
    font-size:2.5rem;
    font-weight:700;
    line-height:1.8;
    letter-spacing: 0.04em;
    color:#5a5a5a;
    text-align:center;
    margin-bottom:0px;
    background-color:#EBE000;
}
.text-facility{
    width:70%;
    max-width:500px;
    margin:0 auto;
    padding-top:60px;
    padding-bottom:30px;
}
.text-facility dt{
    font-size:2rem;
    font-weight:700;
    line-height:1.8;
    letter-spacing: 0.04em;
    padding-bottom:20px;
}
.text-facility dd{
    font-size:1.4rem;
    font-weight:400;
    line-height:1.6;
    letter-spacing: 0.04em;
}
.movie-facility {
    width:70%;
    max-width:500px;
    margin:0 auto 40px;
}
.movie-frame{
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    overflow: hidden;
}
.movie-facility iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.link-facility{
    width:100%;
    max-width:500px;
    margin:0 auto;
    padding-bottom:0px;
    position:relative;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.info-facility{
    width:48%;
}
.inquiry-facility{
    width:48%;
}
.info-facility li{
    width:100%;
    margin-bottom:16px;
}
.inquiry-facility dt{
    width:100%;
    margin-bottom:16px;
}
.info-facility li a,.inquiry-facility dt a{
    display:block;
    border-radius:10px;
    filter: drop-shadow(0 5px 6px rgba(0, 0, 0 ,0.2));
    transform: translateZ(0);
    text-align:center;
    line-height:1.1;
    padding:0.8em 0;
    font-weight:700;
    letter-spacing: 0.04em;
}
.info-facility li a{
    background-color:#EBE000;
    color:#000;
}
.inquiry-facility dt a{
    background-color:#34B1C7;
    color:#fff;
}
.inquiry-facility dd{
    width:100%;
    padding:0 0.5em;
    position:relative;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    font-size:1.8rem;
    font-weight:500;
    line-height:1.8;
    letter-spacing: 0.04em;
}
.inquiry-facility dd span{
    padding:0 0 0 1.4em;
    position:relative;
}
.inquiry-facility dd span::before{
    content: '';
    display: inline-block;
    background-image: url(../img/icon_tel.svg);
    background-position:50% 100%;
    background-size: contain;
    background-repeat:no-repeat;
    vertical-align: bottom;
    position:absolute;
    width: 15px;
    height:18px;
    top:50%;
    left:0;
    transform: translate(0, -50%);
}
.table-facility{
    width:100%;
    max-width:500px;
    margin:0 auto;
    padding-bottom:20px;
    position:relative;
}
.table-facility>dt{
    position:absolute;
    font-size:1.5rem;
    font-weight:700;
    line-height:1.4;
    letter-spacing: 0.08em;
    color:#4EB133;
    width:5em;
    text-align: justify;
    text-align-last: justify;
    text-justify: inter-ideograph;
}
.table-facility>dd {
    margin-bottom:20px;
    padding-left:140px;
    font-size:1.5rem;
    font-weight:400;
    line-height:1.4;
    letter-spacing: 0.04em;
    color:#000;
    position:relative;
}
@media (hover: hover) and (pointer: fine) {
    .info-facility li a, .inquiry-facility dt a {
        transition: transform 0.4s cubic-bezier(0.42, 0, 0.58, 1);
    }
    .info-facility li a:hover, .inquiry-facility dt a:hover {
        transform: scale(1.03) translateZ(0);
    }
}
@media only screen and (min-width:801px) {
.inquiry-carehome{
    padding-bottom:60px;
    align-items: flex-start;
}
    .inquiry-carehome .description-carehome{
    width:60%;
    max-width:600px;
}
    .inquiry-carehome .inquiry-facility{
    width:32%;
}
    .inquiry-facility dd p a{
        pointer-events: none;
    }
}

@media only screen and (max-width:800px) {
    .title-carehome {
        font-size: 1.9rem;
        margin-bottom: 60px;
    }
    .intro-carehome,.inquiry-carehome {
        width: 86%;
        padding-bottom: 30px;
        flex-direction: column;
        align-items: center;
    }
    .inquiry-carehome {
         padding-bottom: 60px;
     }
    .inquiry-carehome .text-carehome {
         margin-bottom: 20px;
     }
    .inquiry-carehome .inquiry-facility {
        width: 92%;
        margin:0 auto;
    }
    .description-carehome {
        width: 100%;
        max-width: 800px;
        display: flex;
        flex-direction: column-reverse;
        justify-content: space-between;
        align-items: flex-end;
    }
    .image-himawari {
        width: 100%;
        max-width: 800px;
    }
    .text-carehome {
        font-size: 1.4rem;
        margin-bottom: 30px;
    }
    .pict-carehome {
        margin-bottom: 30px;
    }
    .cell-facility {
        width: 94%;
        max-width: 800px;
        margin: 0 auto 60px;
        padding-bottom: 30px;
    }
    .title-facility {
        font-size: 1.9rem;
    }
    .text-facility {
        width: 86.66%;
        max-width:none;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .text-facility dt {
        font-size: 1.9rem;
        padding-bottom: 18px;
        line-height:1.4;
    }

    .movie-facility {
        width: 86.66%;
        max-width: 800px;
        margin: 0 auto 30px;
    }
    .link-facility{
        width: 86.66%;
        max-width:800px;
        margin:0 auto;
        padding-bottom:0px;
        flex-direction:column;
    }
    .info-facility{
        width:100%;
        margin-bottom:30px;
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
    }
    .info-facility li{
        width:30%;
        margin:0;
    }
    .info-facility li.item-info-facility_wide{
        width:100%;
    }
    .info-facility li a,.inquiry-facility dt a{
        justify-content: space-around;
        align-items: center;
        display: flex;
        min-height: 60px;
    }
    .inquiry-facility{
        width:100%;
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
    }
    .inquiry-facility dt{
        width:136px;
        margin-bottom:0;
    }
    .inquiry-facility dd{
        width:calc(100% - 130px);
        width:calc(100% - 150px);
    }
    .inquiry-facility dd{
        padding:0 0.5em;
        padding:0;
        flex-direction: column;
        line-height:1.4;
        letter-spacing: 0.02em;
    }
    .inquiry-facility dd span{
        font-size:1.4rem;
        display:block;
    }
    .inquiry-facility dd span::before{
        width: 12px;
        height:14px;
    }
    .table-facility{
        width:86.66%;
        max-width:800px;
        padding-bottom:0px;
    }
    .table-facility>dt{
        font-size:1.3rem;
        width:4.4em;
        letter-spacing: 0;
    }
    .table-facility>dd {
        margin-bottom:20px;
        padding-left:5em;
        font-size:1.4rem;
    }
    .table-facility>dd:last-of-type {
        margin-bottom:0px;
    }
}

/* access map
-------------------------------------------------------------*/
.cell-access {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto 80px;
    border-width:3px;
    border-style:solid;
    border-radius:16px;
    overflow:hidden;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.cell-access.pageContent-green {
    border-color:#F2FDDB;
}
.cell-access.pageContent-yellow {
    border-color:#FDFFE3;
}
.cell-access.pageContent-aqua {
    border-color:#ECF9FC;
}
.text-access{
    width: 38%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}
.image-access{
    width: 62%;
}
.googlemaps-access {
    width: 100%;
    position: relative;
    padding-top: 83.33%;
    padding-top: 83.33%;
}

.googlemaps-access iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.info-access{
    font-size:1.5rem;
    font-weight:400;
    line-height:1.6;
    letter-spacing: 0.04em;
}
h3.info-access{
    font-weight:500;
    font-size:1.8rem;
}
.info-access dt{
    font-weight:500;
    font-size:1.8rem;
    text-align:center;
    margin-bottom:2.4em;
}
.info-access dd.byCar{
    padding:1em 0;
}
.info-access dd.byAutomobile{
    padding:1.6em 0 0;
}
.info-access dd.link2gglmap{
    padding:0.6em 0 0;
    text-align:center;
}
.link2gglmap a{
    display:inline-block;
    border-radius:10px;
    filter: drop-shadow(0 5px 6px rgba(0, 0, 0 ,0.2));
    transform: translateZ(0);
    line-height:1.1;
    padding:1.6em 1.4em;
    font-size:1.3rem;
    font-weight:400;
    letter-spacing: 0.04em;
    background-color:#34B1C7;
    color:#fff;
}
.newlocation-access{
    width:80%;
    font-size:1.4rem;
    font-weight:400;
    line-height:1.6;
    letter-spacing: 0.04em;
    text-align:center;
}
.text-newlocation-access{
    text-align:left;
}
.info-newlocation-access{
    margin-top:1.2em;
    text-align:left;
}
.newlocation-access dt{
}
.newlocation-access dd{
    padding:0em 0 ;
}
.newlocation-access dd.map{
    padding:1em 0 0;
    text-align:center;
}
.info-newlocation-access:nth-of-type(2) dt{
    color:#4EB133;
    padding-top:0.1em;
}
.link2newlocation{
    position:relative;
    font-size:2rem;
    font-weight:700;
    margin-top:32px;
    padding-right:80px;
    display: inline-block;
    letter-spacing: 0.08em;
    color:#34B1C7;
    text-align:left;
}
.button2newlocation{
    width:78px;
    position:absolute;
    top:50%;
    right:0;
    display: block;
    transform: translate(20%, -44%);
}
.link2newlocation img{
    display: block;
}
.info-newlocation-access dd.link2gglmap{
    padding:1.6em 0 0;
    text-align:center;
}
.link-text,.link-text:visited{
    color:#34B1C7;
}
.link-text:hover{
    text-decoration:underline;
}
@media only screen and (max-width:800px) {
    .cell-access {
        width: 92%;
        margin-bottom:60px;
        flex-direction:column;
    }
    .text-access{
        width: 100%;
    }
    .image-access{
        width: 100%;
    }
    .info-access{
        padding:2em;
    }
    .newlocation-access{
        width:84%;
        padding:30px 0 44px;
        padding:2em 0;
    }
    .text-newlocation-access{
        text-align:left;
    }
    .info-newlocation-access{
        margin-top:1.4em;
        text-align:left;
    }
    .link2gglmap a{
        padding:1em 1em;
        font-size:1.4rem;
    }
    .link2newlocation{
        font-size:1.6rem;
        padding-right:60px;
    }
    .button2newlocation{
        width:56px;
        transform: translate(20%, -44%);
    }
}

/* magazine
-------------------------------------------------------------*/
.main-magazine{
    width:100%
}
.description-magazine {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto 100px;
}
.description-magazine p{
    font-size:1.8rem;
    font-weight:400;
    line-height:1.8;
    letter-spacing: 0.04em;
}
.list-magazine{
    width: 100%;
    max-width: 1000px;
    margin: 0 auto 100px;
    display: flex;
    flex-wrap: wrap;
    align-content: space-around;
    position:relative;
}
.item-magazine{
    width: 23%;
    text-align:center;
    margin-right:2.6%;
    margin-bottom:80px;
    padding-bottom:24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items:center;
}
.item-magazine:nth-of-type(4n){
    margin-right:0;
}
.item-magazine:nth-of-type(3n){
}
.item-magazine dt{
    margin-bottom:20px;
}
.item-magazine dt img{
    filter: drop-shadow(3px 3px 6px rgba(0, 0, 0 ,0.2));
    transform: translateZ(0);
}
.item-magazine dd:nth-of-type(1){
    font-size:2rem;
    font-weight:400;
    line-height:1.4;
    letter-spacing: 0.04em;
    margin-bottom:8px;
}
.item-magazine dd:nth-of-type(2){
    font-size:1.5rem;
    font-weight:400;
    line-height:1.4;
    letter-spacing: 0.04em;
}
@media (hover: hover) and (pointer: fine) {
    .item-magazine dt a{
        transition:transform 0.4s cubic-bezier(0.42, 0, 0.58, 1);
        display:block;
    }
    .item-magazine dt a:hover{
        transform: scale(1.03);
    }
}

@media only screen and (max-width:800px) {
    .description-magazine {
        width: 84.62%;
        margin: 0 auto 56px;
    }
    .description-magazine p{
        font-size:1.5rem;
    }
    .list-magazine{
        width: 91%;
        margin: 0 auto 56px;
    }
    .item-magazine{
        width: 30%;
        margin-right:3%;
        margin-bottom:32px;
        padding-bottom:8px;
    }
    .item-magazine:nth-of-type(4n){
        margin-right:3%;
    }
    .item-magazine:nth-of-type(3n){
        margin-right:0;
    }
    .item-magazine:nth-of-type(3n){
    }
    .item-magazine dt{
        margin-bottom:8px;
    }
    .item-magazine dd:nth-of-type(1){
        font-size:1.2rem;
        margin-bottom:6px;
    }
    .item-magazine dd:nth-of-type(2){
        font-size:1.1rem;
    }
}

/* inquiry
-------------------------------------------------------------*/
.cell-phone{
    width:100%;
    max-width:800px;
    margin:0 auto;
    padding:0;
    border:3px solid #4EB133;
    display: flex;
    flex-wrap: nowrap;
    position:relative;
    overflow:hidden;
}
.name-inquiry{
    width:41.25%;
    min-height:220px;
    max-width:330px;
    background-color:#F2FDDB;
    border-right:3px solid #4EB133;
    text-align:center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.phone-inquiry{
    width:58.75%;
    max-width:470px;
    background-color:#fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.cell-phone.inquiry-hospital{
    border-radius:16px 16px 0 0;
}
.cell-phone.inquiry-himawari{
    border-radius:0 0 16px 16px;
    border-top:none;
}
.name-inquiry dt{
    font-size:3rem;
    font-size:2.8rem;
    font-weight:500;
    line-height:1.3;
    letter-spacing: 0.08em;
    color:#4EB133;
    margin-bottom:0.6em;
}
.name-inquiry dd{
    font-size:1.5rem;
    font-weight:400;
    line-height:1.6;
    letter-spacing: 0.04em;
    color:#4EB133;
}
.number-hospital{
    font-size:3rem;
    font-size:2.8rem;
    font-weight:700;
    line-height:1.3;
    letter-spacing: 0.04em;
    color:#000;
}
.number-himawari{
    display: inline-flex;
    flex-wrap: wrap;
    position:relative;
    justify-content: space-between;
    align-content: space-between;
    align-content: center;
    width:90%;
 /*   height:80%;*/
    padding:20px 0 4px;
}
.number-himawari dt {
    width:49%;
    font-size:1.8rem;
    font-weight:400;
    line-height:1.7;
    letter-spacing: 0.04em;
    color:#000;
}
.number-himawari dd {
    width:49%;
    margin-bottom:16px;
    font-size:2rem;
    font-weight:700;
    line-height:1.3;
    letter-spacing: 0.04em;
    color:#000;
    text-align:right;
}
.button-inquiry{
    padding:2em 0 0;
    text-align:center;
}
.button-inquiry a{
    display:inline-block;
    border-radius:10px;
    filter: drop-shadow(0 5px 6px rgba(0, 0, 0 ,0.2));
    transform: translateZ(0);
    line-height:1.1;
    padding:1em 1.6em;
    font-size:1.4rem;
    font-weight:400;
    letter-spacing: 0.04em;
    background-color:#34B1C7;
    border:1px solid #34B1C7;
    border:1px solid transparent;
    color:#fff;
}
.cell-email{
    margin-bottom:80px;
    font-size:3rem;
    font-weight:700;
    line-height:1.3;
    letter-spacing: 0.08em;
    text-align:center;
}
.cell-getwell{
    text-align:center;
    margin-bottom:80px;
}
.cell-getwell p{
    padding:0 0 2em;
    font-size:1.5rem;
    font-weight:400;
    line-height:1.8;
    letter-spacing: 0.04em;
}
.cell-getwell p a{
    color:#34B1C7;
    text-decoration:underline;
}
.bullet-getwell{
    text-align:left;
    font-size:1.5rem;
    font-weight:400;
    line-height:1.66;
    letter-spacing: 0.04em;
    display:inline-block;
}
@media (hover: hover) and (pointer: fine) {
    .button-inquiry a{
        transition: color 0.4s , background-color 0.4s;
    }
    .button-inquiry a:hover{
        background-color:#fff;
        color:#34B1C7;
    }
}
@media only screen and (min-width:801px) {
    .number-himawari dd a,
    .number-hospital a{
        pointer-events: none;
    }
}

@media only screen and (max-width:800px) {
    .cell-phone {
        width: 92%;
        flex-direction:column;
    }
    .cell-phone {
        margin-bottom:40px;
    }
    .cell-phone:last-of-type {
        margin-bottom:0px;
    }
    .name-inquiry {
        width: 100%;
        max-width: 100%;
        min-height:150px;
        border-right: none;
        border-bottom: 3px solid #4EB133;
    }
    .phone-inquiry {
        width: 100%;
        max-width: 100%;
        min-height:100px;
    }
    .cell-phone.inquiry-hospital {
        border-radius: 16px;
    }
    .cell-phone.inquiry-himawari {
        border-radius:16px;
        border-top: 3px solid #4EB133;
    }
    .name-inquiry dd {
        font-size: 1.3rem;
    }
    .number-hospital {
        font-size: 2.8rem;
    }

    .number-himawari {
        flex-direction:column;
    }

    .number-himawari dt {
        width: auto;
        font-size: 1.7rem;
    }

    .number-himawari dd {
        width: auto;
        margin-bottom: 16px;
        font-size: 2.1rem;
        text-align: left;
    }
    .button-inquiry {
        padding: 1em 0 0;
        text-align: center;
    }
    .cell-email {
        margin-bottom: 40px;
        font-size: 2.1rem;
    }

    .cell-getwell {
        text-align: left;
        width: 92%;
        margin: 0 auto 40px;
    }

    .cell-getwell p {
        padding: 0 0 2em;
        font-size: 1.4rem;
    }
    .bullet-getwell {
        font-size: 1.4rem;
    }
}

/* inquiry form
-------------------------------------------------------------*/
.wrap-mailform{
    width:90%;
    max-width:800px;
    max-width:640px;
    margin:0 auto;
    padding:0;
}
.body-mailform{
    width:100%;
    margin:0;
    padding:0;
}
.body-mailform dt{
    font-size:1.6rem;
    font-weight:400;
    line-height:1.6;
    letter-spacing: 0.04em;
    color:#111;
    margin:0 0 0.4em;
}
.body-mailform dt.item-required:after,.item-privacy_policy:after{
    content: '※必須';
    font-size:1.5rem;
    font-weight:500;
    line-height:1.6;
    letter-spacing: 0.04em;
    color:#f00;
    margin:0 0 0 1.2em;
}
.body-mailform dt.term-patient_name.item-required:after{
    content: '※お見舞いメールの場合は必須';
}
.body-mailform dd{
    margin:0 0 32px;
    padding:0;
}
.body-mailform dt.term-patient_name.item-hidden,
.body-mailform dd.item-patient_name.item-hidden{
    display:none;
}
@media only screen and (min-width:801px) {
    .list-inquiry_type {
        display: grid;
        grid-template-columns: repeat(2, 1fr) 0;
        grid-template-rows: repeat(3, 1fr);
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        justify-content: space-between;
    }
    .list-inquiry_type > span:nth-of-type(1) {
        grid-area: 1 / 1 / 2 / 2;
    }
    .list-inquiry_type > span:nth-of-type(2) {
        grid-area: 2 / 1 / 3 / 2;
    }
    .list-inquiry_type > span:nth-of-type(3) {
        grid-area: 3 / 1 / 4 / 2;
    }
    .list-inquiry_type > span:nth-of-type(4) {
        grid-area: 1 / 2 / 2 / 3;
    }
    .list-inquiry_type > span:nth-of-type(5) {
        grid-area: 2 / 2 / 3 / 3;
    }
    .list-inquiry_type > span:nth-of-type(6) {
        grid-area: 3 / 2 / 4 / 3;
    }
}
.wrap-mailform .mw_wp_form .horizontal-item + .horizontal-item {
    margin-left: 0px;
}
.wrap-mailform .mwform-radio-field-text,.wrap-mailform .mwform-checkbox-field-text{
    font-size:1.5rem;
    font-weight:400;
    line-height:1;
    letter-spacing: 0.04em;
    color:#111;
    padding:0.6em 0;
    display: inline-block;
}
.list-inquiry_type input[type=radio].item-inquiry_type,
.item-privacy_check input[type=checkbox].item-agree{
    display: none;
}
.list-inquiry_type label,.item-privacy_check label {
    display: inline-block;
}
.list-inquiry_type .item-inquiry_type + span,
.item-privacy_check .item-agree + span{
    padding-left: 28px;
    display: inline-block;
    position: relative;
    transition: color 0.4s;
}
.item-privacy_check .item-agree + span{
    transition: font-weight 0.4s;
}
.list-inquiry_type .item-inquiry_type + span::after,
.list-inquiry_type .item-inquiry_type + span::before,
.item-privacy_check .item-agree + span::after,
.item-privacy_check .item-agree + span::before {
    content: '';
    display: block;
    position: absolute;
    transform: translate(0%, -50%);
}
.list-inquiry_type .item-inquiry_type + span::after,
.list-inquiry_type .item-inquiry_type + span::before{
    border-radius: 50%;
}
.list-inquiry_type .item-inquiry_type + span::before,
.item-privacy_check .item-agree + span::before {
    border: 1px solid #707070;
    background-color: #fff;
    width: 20px;
    height: 20px;
    top: 50%;
    left: 0;
    box-shadow: inset 1px 1px 2px 0 #c9c9c9;
}
.list-inquiry_type .item-inquiry_type + span::after,
.item-privacy_check .item-agree + span::after{
    opacity: 0;
    width: 12px;
    height: 12px;
    top: 50%;
    left: 4px;
    background-color: #34B1C7;
    transition: opacity 0.4s;
}
.list-inquiry_type .item-inquiry_type:checked + span {
    color: #34B1C7;
}
.item-privacy_check .item-agree:checked + span {
    /* color: #34B1C7;*/
    font-weight:500;
}
.list-inquiry_type .item-inquiry_type:checked + span::after,
.item-privacy_check .item-agree:checked + span::after{
    opacity: 1;
}
.body-mailform dd textarea,
.body-mailform dd input[type='text'] {
    width: 66%;
    padding: 0.9em 0.8em;
    transition: box-shadow 0.3s,border-color 0.3s;
    color: #000;
    border: 1px solid #ECF9FC;
    box-shadow: inset 1px 1px 2px 0 #c9c9c9;
    border-radius: 12px;
    display:block;
    font-size:1.5rem;
}
.body-mailform dd textarea.input-wide,
.body-mailform dd input.input-wide[type='text'] {
    width: 100%;
}
.body-mailform dd textarea:focus,
.body-mailform dd input[type='text']:focus {
    outline: none;
    box-shadow: inset 1px 1px 2px 0 rgba(201, 201, 201, 0.6);
    border-color: #34B1C7;
}
.body-mailform dd textarea::placeholder ,
.body-mailform dd input[type='text']::placeholder {
    color: #aaa;
    font-size:1.5rem;
}
.button-submit{
    padding:1em 0 0;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: center;
    position:relative;
}
.button-submit li {
    padding: 0 10px;
}
.button-submit button,
.button-submit input{
    display:inline-block;
    border-radius:10px;
    filter: drop-shadow(0 5px 6px rgba(0, 0, 0 ,0.2));
    transform: translateZ(0);
    line-height:1.1;
    padding:1.3em 1.5em;
    font-size:1.5rem;
    font-weight:400;
    letter-spacing: 0.04em;
    transition: background-color 0.4s,color 0.4s;
}
.button-submit input{
    background-color:#34B1C7;
    border:1px solid transparent;
    color:#fff;
}
.button-submit button{
    background-color:#666;
    border:1px solid #666;
    color:#fff;
}
@media (hover: hover) and (pointer: fine) {
    .button-submit input:hover{
        background-color:#fff;
        color:#34B1C7;
    }
    .button-submit button:hover{
        background-color:#ddd;
        color:#666;
    }
}

.button-submit li input[type="submit"],
.button-submit li input[type="button"] ,
.button-submit li button[type="submit"]{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.wrap-mailform .mw_wp_form .error {
    color: rgb(255, 0, 0);
    line-height:1.1;
    padding:0.4em 0 0 0.5em;
    font-size:1.5rem;
    font-weight:400;
    letter-spacing: 0.04em;
}
.message-confirm,.message-complete,.term-privacy_policy{
    display:none;
}
.mw_wp_form_confirm .message-confirm,
.mw_wp_form_complete .message-complete{
    font-size:2rem;
    font-weight:700;
    line-height:1.4;
    letter-spacing: 0.08em;
    color:#000;
    text-align:center;
    margin-bottom:40px;
    display:block;
}
.body-mailform .item-privacy_policy{
    font-size:1.4rem;
    font-weight:400;
    line-height:1.6;
    letter-spacing: 0.08em;
    color:#111;
    margin:0 0 0.4em;
    padding:0;
}
.item-privacy_policy a{
    padding:0 0.1em;
    color:#34B1C7;
}
.mw_wp_form_confirm .term-privacy_policy{
    display:block;
}
.mw_wp_form_confirm .item-privacy_policy{
    display:none;
}
.mw_wp_form_input .button-submit input:disabled {
    background-color: rgba(201, 201, 201, 0.4);
    border-color: rgba(201, 201, 201, 0.2);
    color: rgba(170, 170, 170, 0.5);
}
/* mw_wp_form confirm (preview)　*/
.mw_wp_form_confirm .list-inquiry_type{
    display: block;
}
.mw_wp_form_confirm .body-mailform dt.item-required:after,
.mw_wp_form_confirm .body-mailform dt.term-patient_name.item-required:after,
.mw_wp_form_confirm .body-mailform .item-privacy_policy:after {
    content: none;
}
.message-complete{}

.mw_wp_form_complete{}

.body-message-complete{
    font-size:1.5rem;
    font-weight:400;
    line-height:1.8;
    letter-spacing: 0.04em;
    color:#111;
    padding:1.6em 0;
    text-align:center;
}

/* mw_wp_form
入力時のクラス名：mw_wp_form_input
確認時のクラス名：mw_wp_form_confirm
確認時のクラス名：mw_wp_form_preview
送信完了時のクラス名：mw_wp_form_complete　
送信エラー時のクラス名：mw_wp_form_send_error
*/

@media only screen and (max-width:800px) {
    .wrap-mailform{
        width:90%;
    }
    .body-mailform{
    }
    .body-mailform dt{
        font-size:1.4rem;
    }
    .body-mailform dt.item-required:after,.item-privacy_policy:after {
        font-size: 1.2rem;
        margin:0 0 0 0.6em;

    }
    .wrap-mailform .mwform-radio-field-text,.wrap-mailform .mwform-checkbox-field-text{
        font-size:1.3rem;
    }
    .wrap-mailform .mw_wp_form .horizontal-item {
        display:block;
    }
    .body-mailform dd textarea,
    .body-mailform dd input[type='text'] {
        width: 100%;
        font-size:1.3rem;
    }
    .body-mailform dd textarea::placeholder ,
    .body-mailform dd input[type='text']::placeholder {
        font-size:1.2rem;
    }
    .body-mailform dd{
        margin:0 0 24px;
    }
    .button-submit button,
    .button-submit input{
        font-size:1.3rem;
    }
    .mw_wp_form_confirm .message-confirm,
    .mw_wp_form_complete .message-complete{
        font-size:1.6rem;
    }
    .body-mailform .item-privacy_policy{
        font-size:1.3rem;
    }
    .body-message-complete{
        font-size:1.3rem;
    }
    .wrap-mailform .mw_wp_form .error {
        font-size:1.2rem;
    }
}

/* recruit
-------------------------------------------------------------*/
.cell-recruit{
    width:100%;
    max-width:800px;
    margin:0 auto 60px;
    padding:0;
    border-radius:16px;
    position:relative;
    overflow:hidden;
}
.cell-recruit:nth-last-child(1){
    margin-bottom:0px;
}
.title-recruit{
    width:100%;
    font-size:1.7rem;
    font-size:2rem;
    font-weight:700;
    line-height:1.6;
    letter-spacing: 0.04em;
    color:#fff;
    text-align:center;
    padding:0.6em 0px;
    background-color:#4EB133;
    position:relative;
}
.detail-recruit{
    display: flex;
    flex-wrap: wrap;
    position:relative;
}
.detail-recruit dt{
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position:relative;
    border-top:1px solid #4EB133;
    background-color:#F2FDDB;
    width:17.5%;
}
.detail-recruit dt span{
    font-size:1.3rem;
    font-size:1.7rem;
    font-weight:300;
    line-height:1.3;
    letter-spacing: 0em;
    width:5em;
    text-align: justify;
    text-align-last: justify;
    text-justify: inter-ideograph;
    display:block;
}
.detail-recruit dd{
    border-top:1px solid #4EB133;
    background-color:#fff;
    width:82.5%;
    padding:0.6em 1em;
    font-size:1.7rem;
}
.title-recruit p{
    position:absolute;
    top:50%;
    right:0.6em;
    display:inline-block;
    transform: translate(0%, -50%);
}
.title-recruit p a{
    display:inline-block;
    font-size:1.3rem;
    font-weight:500;
    line-height:1;
    letter-spacing: 0.04em;
    color:#34B1C7;
    text-align:center;
    padding:0.8em 1em;
    background-color:#fff;
    position:relative;
    border-radius:10px;
    position:relative;
    filter: drop-shadow(0 5px 6px rgba(0, 0, 0 ,0.2));
    transform: translateZ(0);
}
.detail-recruit dt:nth-of-type(1),
.detail-recruit dd:nth-of-type(1) {
    border-top:none;
}
@media (hover: hover) and (pointer: fine) {
    .title-recruit p a{
        transition:background-color 0.4s, color 0.4s;
    }
    .title-recruit p a:hover{
        background-color: #34B1C7;
        color: #fff;
    }
}

@media only screen and (max-width:800px) {
    .cell-recruit{
        width:94%;
        margin-bottom:40px;
    }
    .title-recruit{
        font-size:1.6rem;
    }
    .detail-recruit dt{
        width:30%;
    }
    .detail-recruit dt span{
        font-size:1.4rem;
        width:5em;
    }
    .detail-recruit dd{
        width:70%;
        font-size:1.4rem;
    }
    .title-recruit p{
        position:relative;
        top:auto;
        right:auto;
        display:block;
        transform: translate(0, 0);
        text-align:center;
        padding:0.4em 0 0em;
    }
    .title-recruit p a{
        padding:0.6em 1em;
        font-size:1.2rem;
    }
}

/* nurse
-------------------------------------------------------------*/
.wrap-pageContent-nurse{
    display:flex;
}
.pageContent-nurse{
    width:100%;
    width:auto;
    max-width:600px;
    margin:-30px auto 130px;
    padding:0;
}
.title-pageContent-nurse{
    width:100%;
    max-width:800px;
    margin:0px auto;
    margin:0px -100px;
    padding:0;
    font-size:2.4rem;
    line-height:1.4;
    letter-spacing: 0.08em;
    text-align:center;
    text-align:left;
    margin-bottom:60px;
    font-family: 'Noto Serif JP', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝','Yu Mincho', '游明朝体', 'YuMincho', serif;
    font-weight:500;
}
.text-nurse{
    font-size:1.6rem;
    line-height:1.8;
    letter-spacing: 0.04em;
    margin-bottom:0;
    padding:1em 0 1.2em;
    font-family: 'Noto Serif JP', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝','Yu Mincho', '游明朝体', 'YuMincho', serif;
    font-weight:400;
}
.title-nurseConcept{
    font-size:5rem;
    line-height:1.9;
    font-family: 'Noto Serif JP', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝','Yu Mincho', '游明朝体', 'YuMincho', serif;
    font-weight:400;
    padding:0 0 80px;
}
.title-pageContent-nurse{
}
.pageContent-efforts{
    width:100%;
    max-width:1000px;
    margin:0 auto 130px;
    padding-top:230px;
    position:relative;
}
.cell-pageContent-efforts{
    width:70%;
    width:90%;
    max-width:700px;
    margin:0px;
    padding:0;
    border-radius:10px;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position:relative;
    z-index:2;
}
.cell-pageContent-efforts h3,.cell-pageContent-efforts p{
    width:80%;
    max-width:500px;
}
.title-pageContent-efforts{
    font-size:2.4rem;
    font-weight:700;
    line-height:1.3;
    letter-spacing: 0.08em;
    margin-bottom:0.6em;
}
.title-pageContent-efforts span{
    font-size:1.8rem;
    padding-left:2em;
}
.text-efforts{
    font-size:1.4rem;
    font-weight:400;
    line-height:1.66;
    letter-spacing: 0.08em;
    letter-spacing: 0.12em;
    text-align: justify;
}
.pageContent-efforts-green .cell-pageContent-efforts {
    background-color: #F2FDDB;
    margin:0 0 0 auto;
    min-height:346px;
}
.pageContent-efforts-yellow .cell-pageContent-efforts {
    background-color: #FDFFE3;
    min-height:370px;
}
.pageContent-efforts-blue .cell-pageContent-efforts {
    background-color: #ECF9FC;
    margin:0 0 0 auto;
    min-height:370px;
}
.pageContent-efforts-green .title-pageContent-efforts {
    color: #4EB133;
}
.pageContent-efforts-yellow .title-pageContent-efforts {
    color: #BEC601;/*
    color: #EBE000;*/
}
.pageContent-efforts-blue .title-pageContent-efforts {
    color: #34B1C7;
}
.image-efforts{
    width:420px;
    height:280px;
    vertical-align: middle;
    position:absolute;
    top: 0;
    z-index:3;
    border-radius:60px;
    overflow:hidden;
}
.pageContent-efforts-green .image-efforts {
    left: 0;
}
.pageContent-efforts-yellow .image-efforts {
    right: 70px;
}
.pageContent-efforts-blue .image-efforts {
    left: 170px;
}
.pageContent-efforts::after,
.pageContent-efforts::before {
    content: '';
    display: inline-block;
    border-radius:60px;
    width:100vw;
    height:280px;
    vertical-align: middle;
    position:absolute;
    top:0%;
    z-index:1;
}
.pageContent-efforts-green::after,
.pageContent-efforts-green::before {
    background-color:#4EB133;
}
.pageContent-efforts-yellow::after,
.pageContent-efforts-yellow::before {
    background-color:#EBE000;
}
.pageContent-efforts-blue::after,
.pageContent-efforts-blue::before {
    background-color:#34B1C7;
}
@media only screen and (min-width:801px) {
.pageContent-efforts-green::after {
    right:calc(100% + 70px);
}
.pageContent-efforts-green::before {
    left:calc(0% + 490px);
}
.pageContent-efforts-yellow::after {
    right:calc(100% - 440px);
}
.pageContent-efforts-yellow::before {
    left:calc(100% + 0px);
}
.pageContent-efforts-blue::after {
    right:calc(100% - 100px);
}
.pageContent-efforts-blue::before {
    left:calc(100% - 340px);
}
.pageContent-nurse + .pageContent{
    margin-bottom:130px;
}
}
.cell-education{
    width:100%;
    max-width:540px;
}
.cell-education h3{
    text-align:center;
    margin-bottom:32px;
}
.cell-education .text-education{
    text-align: justify;display:block;
}

@media only screen and (max-width:800px) {
    .pageContent-nurse{
    }
    .title-pageContent-nurse{
        max-width:none;
        margin:0 auto 50px;
        padding:0;
        font-size:2rem;
    }
    .pageContent-nurse{
        width:90%;
        width:auto;
        max-width:none;
        margin:-30px auto 0px;
        padding:0 0 60px;
    }
    .title-nurseConcept{
        font-size:2.7rem;
        line-height:1.8;
        padding:0 0 40px;
    }
    .text-nurse{
        font-size:1.3rem;
        line-height:2;
        padding:0 0 1.6em;
    }
    .cell-education{
        width:86.66%;
    }
    .cell-education h3{
        text-align:center;
        margin-bottom:24px;
        line-height:1.6;
    }
    .image-efforts{
    }
    .pageContent-efforts-green .image-efforts {
        left:auto;
        right:-100px;
    }
    .pageContent-efforts-yellow .image-efforts {
        right: auto;
        left: -150px;
    }
    .pageContent-efforts-blue .image-efforts {
        left:auto;
        right:-100px;
    }
    .pageContent-efforts-green .cell-pageContent-efforts ,
    .pageContent-efforts-yellow .cell-pageContent-efforts ,
    .pageContent-efforts-blue .cell-pageContent-efforts ,
    .cell-pageContent-efforts{
        width:92%;
        max-width:none;
        margin:0 auto;
        min-height:auto;
        padding:56px 0 40px;
    }
    .pageContent-efforts{
        margin-bottom:60px;
        padding-top:240px;
    }
    .title-pageContent-efforts{
        font-size:1.9rem;
    }
    .title-pageContent-efforts span{
        font-size:1.5rem;
        padding-left:0em;
        padding-top:0.4em;
        display:block;
    }
    .text-efforts{
        font-size:1.5rem;
        letter-spacing: 0.12em;
        line-height:1.8;
    }
    .pageContent-efforts::before {
        content: none;
    }
    .pageContent-efforts-green::after {
        right:calc(100% - 37px);
        right:348px;
    }
    .pageContent-efforts-yellow::after {
        left:calc(100% - 37px);
        left:298px;
    }
    .pageContent-efforts-blue::after {
        right:calc(100% - 37px);
        right:348px;
    }
}

/* privacypolicy
-------------------------------------------------------------*/
.intro-privacypolicy{
    width:100%;
    max-width:800px;
    margin:0 auto 1.2em;
}
.intro-privacypolicy p {
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 1.6;
    letter-spacing: 0.04em;
    text-indent:1em;
}
.list-privacypolicy{
    width:100%;
    max-width:800px;
    margin:0 auto 4em;
}
.list-privacypolicy li{
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 1.6;
    letter-spacing: 0.04em;
}
.list-privacypolicy ol>li{
    text-indent:-1em;
    padding-left:1em;
}
.list-privacypolicy ul>li{
    text-indent:-1em;
    padding-left:1.5em;
}
.list-privacypolicy li>dl{
    padding-top:4em;
    padding-bottom:4em;
    padding-left:2em;
}
.list-privacypolicy li dt{
    text-indent:0;
}
.list-privacypolicy li>dl dt{
    padding-top:20px;
}
.list-privacypolicy li>dl dt:first-of-type{
    padding-top:0px;
}
.sign-privacypolicy{
    width:100%;
    max-width:800px;
    margin:0 auto;
    padding-bottom:80px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
}
.sign-privacypolicy dl{
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 1.6;
    letter-spacing: 0.04em;
}
.sign-privacypolicy dd span{
    text-align: justify;
    text-align-last: justify;
    text-justify: inter-ideograph;
    width:3em;
    margin-right:2em;
    display:inline-block;
}
@media only screen and (max-width:800px) {
    .intro-privacypolicy{
        width:82%;
    }
    .intro-privacypolicy p {
        font-size: 1.3rem;
    }
    .list-privacypolicy{
        width:82%;
        margin-bottom:3em;
    }
    .list-privacypolicy li{
        font-size: 1.3rem;
    }
    .list-privacypolicy li>dl{
        padding-top:3em;
        padding-bottom:3em;
        padding-left:0;
    }
    .list-privacypolicy li>dl dt{
        padding-top:16px;
    }
    .list-privacypolicy li>dl dt:first-of-type{
        padding-top:0px;
    }
    .sign-privacypolicy{
        width:82%;
        padding-bottom:40px;
    }
    .sign-privacypolicy dl{
        font-size: 1.3rem;
    }
    .sign-privacypolicy dd span{
    }
}

/* notifications
-------------------------------------------------------------*/
.column-notifications {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row-reverse;
    justify-content: space-between;
    width: 100%;
    max-width: 1000px;
    margin:0 auto;
}
.main-notifications{
    width:74%;
    max-width:724px;
    padding-bottom:100px;
    position:relative;
}
@media only screen and (min-width:801px) {
    .main-notifications{
        min-height:500px;
    }
}

.aside-notifications{
    width:26%;
    position:relative;
}
.list-hierarchy dt{
    margin-bottom:16px;
}
.list-hierarchy dd{
    margin-bottom:80px;
}
.list-hierarchy dt:first-of-type{
    margin-bottom:64px;
}
.list-hierarchy dt{
    font-size:1.8rem;
    font-weight:500;
    line-height:1.3;
    letter-spacing: 0.04em;
}
.list-category{
    position:relative;
}
.list-category li{
    position:relative;
    padding:0.6em 0 0.6em 44px;
}
.list-category li:before{
    display: inline-block;
    border-radius:6px;
    /*    width:100vw;
        height:219px;*/
    vertical-align: middle;
    position:absolute;
    padding:0 0.6rem;
    font-size:1.2rem;
    top:50%;
    left:calc(0% + 0px);
    left:0.1em;
    line-height:2.6rem;
    transform: translate(0%, -50%);
}
.list-category li:before{
    content: 'なし';
    background-color:#efefef;
    color:#333;
}
.list-category .item-information:before,
.list-category .item-category01:before{
    content: '病院';
    background-color:#4EB133;
    color:#fff;
}
.list-category .item-schedule:before,
.list-category .item-category02:before{
    content: '休診';
    background-color:#34B1C7;
    color:#fff;
}
.list-category .item-recruitment:before,
.list-category .item-category03:before{
    content: '採用';
    background-color:#EBE000;
    color:#5a5a5a;
}
@media (hover: hover) and (pointer: fine) {
    .list-tag li a{
        transition: color 0.4s;
    }
    .list-tag li a:hover{
        color:#4EB133;
    }
    .list-hierarchy dt a,
    .list-category .item-information a,
    .list-category .item-category01 a,
    .list-category .item-schedule a,
    .list-category .item-category02 a,
    .list-category .item-recruitment a,
    .list-category .item-category03 a{
        transition: color 0.4s;
    }
    .list-hierarchy dt a:hover,
    .list-category .item-information a:hover,
    .list-category .item-category01 a:hover{
        color:#4EB133;
    }
    .list-category .item-schedule a:hover,
    .list-category .item-category02 a:hover{
        color:#34B1C7;
    }
    .list-category .item-recruitment a:hover,
    .list-category .item-category03 a:hover{
        color:#EBE000;
    }
}

@media only screen and (max-width:800px) {
    .column-notifications {
        flex-direction: column;
    }
    .main-notifications{
        width:100%;
        padding-bottom:30px;
    }
    .aside-notifications{
        width:80%;
        margin:0 auto;
    }
    .list-hierarchy dt a{
        font-size:1.6rem;
    }
    .list-tag li{
        padding:0em 0 0.1em;
    }
    .list-tag li a{
        font-size:1.3rem;
    }
    .list-hierarchy dd{
        margin-bottom:40px;
    }
    .list-hierarchy dt:first-of-type{
        margin-bottom:40px;
    }
    .list-hierarchy{
        padding-bottom:40px;
    }
}

/* notifications
-------------------------------------------------------------*/
.noticeSection{
}
.wrap-notifications{
    width:100%;
    max-width:1000px;
    margin:0 auto;
    padding-bottom:80px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
}
.button2list{
    width:20%;
    max-width:200px;
    margin:0;
}
.button2list{
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items:center;
}
.button2list a{
    padding:0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items:center;
}
.button2list a img{
    display: block;
    width:98px;
}
.button2list a span{
    font-size:2.0rem;
    font-weight:Bold;
    padding-top:0.4em;
    display: block;
    color:#4EB133;
}
.title-notifications{
    width:100%;
    max-width:1000px;
    margin:0 auto;
    font-size:2rem;
    line-height:1.8;
    font-weight:bold;
    padding:0.4em 1em;
    color:#4EB133;
}
.list-notifications{
    border-top:1px solid #4EB133;
    width:100%;
}
.list-notifications li{
    border-bottom:1px solid #4EB133;
}
.list-notifications li a{
    display:block;
    position:relative;
}
.list-notifications li a::after{
    content: '';
    display: inline-block;
    background-image: url(../img/arrow_list.svg);
    background-position:50% 100%;
    background-size: contain;
    background-size: cover;
    background-repeat:no-repeat;
    vertical-align: middle;
    position:absolute;
    width: 20px;
    height:16px;
    top:50%;
    right:0;
    transform: translate(0, -50%);
}
.list-notifications li dl{
    min-height:50px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
}
.list-notifications li dt{
    font-size:1.3rem;
    line-height:1.8;
    letter-spacing: .08em;
    padding:0 0 0 20px;
    min-width:8.4em;
}
.list-notifications li dd{
    font-size:1.4rem;
    line-height:1.8;
    letter-spacing: .1em;
    padding:0 20px 0 60px;
    position:relative;
}
.list-notifications li dd:before{
    display: inline-block;
    border-radius:6px;
/*    width:100vw;
    height:219px;*/
    vertical-align: middle;
    position:absolute;
    padding:0 0.6rem;
    font-size:1.2rem;
    top:50%;
    left:calc(0% + 0px);
    left:0.1em;
    line-height:2.6rem;
    transform: translate(0%, -50%);
}
.list-notifications dd:before{
    content: 'なし';
    background-color:#efefef;
    color:#333;
}
.list-notifications .information dd:before,
.list-notifications .category01 dd:before{
    content: '病院';
    background-color:#4EB133;
    color:#fff;
}
.list-notifications .schedule dd:before,
.list-notifications .category02 dd:before{
    content: '休診';
    background-color:#34B1C7;
    color:#fff;
}
.list-notifications .recruitment dd:before,
.list-notifications .category03 dd:before{
    content: '採用';
    background-color:#EBE000;
    color:#5a5a5a;
}
.wrap-notifications .list-notifications{
    width:80%;
    max-width:800px;
}
.main-notifications .list-notifications{
}

.wrap_button_cell{
    display: flex;
    align-items: center;
    justify-content: space-between;
    justify-content: center;
    margin:0 auto;
    padding-top:60px;
    padding-bottom:30px;
}
.button_cell{
    padding:0px 15px;
    display: inline-flex;
    flex-wrap:wrap;
    align-content: center;
    justify-content: space-around ;
    justify-content: flex-end;
    justify-content: center;
}
.button_cell a{
    display:block;
    background-color:#34B1C7;
    color:#fff;
    font-size:1.4rem;
    line-height:1;
    text-align:center;
    vertical-align:middle;
    padding:1.2em 1.6em 1.2em;
    border:1px solid #34B1C7;
    border:1px solid transparent;
    border-radius:16px;
    position:relative;
    filter: drop-shadow(0 5px 6px rgba(0, 0, 0 ,0.2));
    transform: translateZ(0);
}
.page-numbers{
    display: flex;
    align-items: center;
    justify-content: space-between;
    justify-content: center;
    margin:0 auto;
    padding-top:60px;
    padding-bottom:30px;
}
.page-numbers li{
    display:none;
}
.page-numbers li:last-of-type,
.page-numbers li:first-of-type{
    padding:0px 15px;
    display: inline-flex;
    flex-wrap:wrap;
    align-content: center;
    justify-content: space-around ;
    justify-content: flex-end;
    justify-content: center;
}
.page-numbers li span,
.page-numbers li a{
    display:block;
    background-color:#34B1C7;
    color:#fff;
    font-size:1.4rem;
    line-height:1;
    text-align:center;
    vertical-align:middle;
    padding:1.2em 1.6em 1.2em;
    border:1px solid #34B1C7;
    border:1px solid transparent;
    border-radius:16px;
    position:relative;
    filter: drop-shadow(0 5px 6px rgba(0, 0, 0 ,0.2));
    transform: translateZ(0);
}
.page-numbers li:first-of-type span:after{
    content: '前へ';
    color:#fff;
}
.page-numbers li:last-of-type span:after{
    content: '次へ';
    color:#fff;
}
.page-numbers li span {
    display:none;
}
@media (hover: hover) and (pointer: fine) {
    .list-notifications li a{
        transition: background-color 0.4s cubic-bezier(0.42, 0, 0.58, 1);
    }
    .list-notifications li a:hover{
        background-color: rgba(78, 177, 51, 0.1);
    }
    .list-notifications li a::after{
        transition: transform 0.4s cubic-bezier(0.42, 0, 0.58, 1);
    }
    .list-notifications li a:hover::after{
        transform: translate(-4px, -50%);
    }
    .page-numbers li a{
        transition: background-color 0.4s cubic-bezier(0.42, 0, 0.58, 1),color 0.4s cubic-bezier(0.42, 0, 0.58, 1),transform 0.4s cubic-bezier(0.42, 0, 0.58, 1);
    }
    .page-numbers li a:hover{
        background-color:#fff;
        color:#34B1C7;
        transform: scale(1.04) translateZ(0);
    }
    .button_cell a{
        transition: background-color 0.4s cubic-bezier(0.42, 0, 0.58, 1),color 0.4s cubic-bezier(0.42, 0, 0.58, 1),transform 0.4s cubic-bezier(0.42, 0, 0.58, 1);
    }
    .button_cell a:hover{
        color:#34B1C7;
        background-color:#fff;
        transform: scale(1.04) translateZ(0);
    }
}
@media only screen and (max-width:800px) {
    .wrap-notifications{
        padding-bottom:30px;
    }
    .button2list{
        display:none;
    }
    .title-notifications{
        width:92%;
        font-size:1.8rem;
    }
    .list-notifications,.wrap-notifications .list-notifications{
        margin:0 auto;
        width:92%;
    }
    .list-notifications li dl{
        min-height:40px;
    }
    .list-notifications li dt{
        font-size:1.1rem;
        line-height:1.6;
        padding:0 0px 0 0;
        min-width:6.4em;
    }
    .list-notifications li dd{
        font-size:1.2rem;
        line-height:1.6;
        padding:0 0px 0 40px;
    }
    .list-notifications li dd:before{
        padding:0 0.4rem;
        font-size:1rem;

        left:0.1em;
        line-height:2.4rem;
    }
}

/* entry body
-------------------------------------------------------------*/
.myEntry{
    border-top:1px solid #4EB133;
    border-bottom:1px solid #4EB133;
    width:100%;
    padding:80px 0;
}
.entryDate{
    font-size:1.8rem;
    line-height:1.3;
    letter-spacing: .08em;
    padding:0.8em 0;
    position:relative;
    display:inline-block;
}
.entryTitle{
    font-size:2.8rem;
    line-height:1.4;
    letter-spacing: .1em;
    padding:0 0 1.6em 0;
}
.entryBody{
    font-size:1.5rem;
    font-weight:normal;
    line-height:1.8;
    letter-spacing: 0.1em;
    text-align: justify;
}
.entryBody p{
    padding-bottom:1em;
}
.entryDate:before{
    display: inline-block;
    border-radius:6px;
    vertical-align: middle;
    position:absolute;
    padding:0 0.6rem;
    font-size:1.2rem;
    top:50%;
    right:-56px;
    line-height:2.6rem;
    transform: translate(0%, -50%);
}
.entryDate:before{
    content: 'なし';
    background-color:#efefef;
    color:#333;
}
.entry-information .entryDate:before,
.entry-category01 .entryDate:before{
    content: '病院';
    background-color:#4EB133;
    color:#fff;
}
.entry-schedule .entryDate:before,
.entry-category02 .entryDate:before{
    content: '休診';
    background-color:#34B1C7;
    color:#fff;
}
.entry-recruitment .entryDate:before,
.entry-category03 .entryDate:before{
    content: '採用';
    background-color:#EBE000;
    color:#5a5a5a;
}
.breadcrumb{
    display:none;
}

@media only screen and (max-width:800px) {
    .myEntry{
        width:92%;
        margin:0 auto;
        padding:60px 0;
    }
    .entryDate{
        font-size:1.4rem;
    }
    .entryTitle{
        font-size:1.6rem;
        line-height:1.4;
        letter-spacing: .1em;
        padding:0.4em 0 1.6em 0;
    }
    .entryBody{
        font-size:1.3rem;
    }
    .entryDate:before{
        font-size:1.1rem;
        right:-48px;
    }
    .breadcrumb{
        width:92%;
        margin:0 auto;
        font-size:1.2rem;
        line-height:1.4;
        letter-spacing: .1em;
        padding:0.2em 0 1.6em 0;
        display:block;
    }
}

/* first view (slick slider)
-------------------------------------------------------------*/
.firstSection{
    width:100%;
    max-width:1280px;
    margin:0 auto;
    padding:80px 30px;
    position:relative;
}
.title-firstSection{
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-size:3.8rem;
    line-height:1.8;
    font-family: 'Noto Serif JP', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝','Yu Mincho', '游明朝体', 'YuMincho', serif;
    font-weight:400;
    position:absolute;
    bottom:0;
    right:0;
    padding:0 72px 32px 0;
    bottom:56px;
    right:3%;
    padding:0;
    z-index:1;
}
.firstVisual{
    width:1080px;
    width:1043px;
    height:690px;/*
    border-radius: 40px 190px 190px 40px / 40px 50% 50% 40px;*/
    overflow:hidden;
}

@media only screen and (max-width:800px) {
    .firstSection{
        padding:60px 0px;
    }
    .title-firstSection{
        line-height:1.6;
        font-size:2.4rem;
        bottom:0px;
        right:5.2%;
    }
    .firstVisual{
        width:338px;
        height:490px;
        margin-left:30px;
    }
}
@media only screen and (max-width:420px) {
    .firstVisual{
        width:338px;
        height:490px;
        margin-left:-38px;
    }
}

/* frontMenu
-------------------------------------------------------------*/
.wrap-frontMenu{
    padding:50px 0 130px;
}
.frontMenu{
    width:100%;
    max-width:1000px;
    margin: 0 auto;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
}
.frontMenu li{
    height:154px;
    background-position:50% 50%;
    background-size: contain;
    background-repeat:no-repeat;
    filter: drop-shadow(0 5px 6px rgba(0, 0, 0 ,0.2));
    transform: translateZ(0);
}
.frontMenu li:nth-child(odd){
    width:159px;
    margin-right:8px;
    background-image: url(../img/bg_menu_front_odd.png);
}
.frontMenu li:nth-child(even){
    width:150px;
    margin-right:27px;
    background-image: url(../img/bg_menu_front_even.png);
}
.frontMenu li:last-child{
    margin-right:0;
}
.frontMenu li a{
    display:flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items:center;
    align-content:flex-end;
    height:100%;
    text-align:center;
    padding-bottom:1em;
    font-size:1.5rem;
    font-weight:bold;
}
.frontMenu li:nth-child(odd) a{
    padding-right:1em;
    color:#000;
}
.frontMenu li:nth-child(even) a{
    padding-left:1em;
    color:#fff;
}
.frontMenu li em{
    width:70px;
    padding-bottom:16px;
}

@media (hover: hover) and (pointer: fine) {
    .frontMenu li{
        transition: transform 0.4s;
    }
    .frontMenu li:hover{
        transform: scale(1.04) translateZ(0);
    }
}

@media only screen and (max-width:800px) {
    .wrap-frontMenu {
        padding: 50px 0 80px;
    }
    .frontMenu {
        width: 100%;
        max-width: 354px;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .frontMenu li {
        height: 110px;
        margin-bottom:20px;
    }
    .frontMenu li:nth-child(odd) {
        width: 113px;
        margin-right: 0px;
        background-image: url(../img/bg_menu_front_odd.png);
    }
    .frontMenu li:nth-child(even) {
        width: 107px;
        margin-right: 6px;
        background-image: url(../img/bg_menu_front_even.png);
    }
    .frontMenu li a{
        padding-bottom:1em;
        font-size:1.1rem;
    }
    .frontMenu li em{
        width:56px;
        padding-bottom:10px;
    }
}
@media only screen and (max-width:374px) {
    .frontMenu {
        justify-content: center;
    }
    }

/* frontContent
-------------------------------------------------------------*/
.frontContents{
    width:100%;
    overflow:hidden;
}
.wrap-frontContent{
    width:100%;
    max-width:1280px;
    margin:0 auto;
    padding-bottom:200px;
    position:relative;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
}
.frontContent{
    height:400px;
    background-position:50% 50%;
    background-size: contain;
    background-repeat:no-repeat;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    position:relative;
    z-index:2;
}
.frontContentOdd .frontContent{
    width:879px;
    height:400px;
}
.frontContentEven .frontContent{
    width:895px;
    height:400px;
}
.explainContent{
    width:460px;
    padding-right:60px;
}
.explainContent dt{
    font-size:2.8rem;
    font-size:3rem;
    font-weight:bold;
    line-height:1.3;
    margin-bottom:1em;
    letter-spacing: 0.18em;
}
.explainContent dd{
    font-size:1.5rem;
    line-height:1.8;
    letter-spacing: 0.04em;
}
.button2content{
    width:142px;
}
.frontContentEven .explainContent{
    color:#fff;
}
.frontContentOdd .explainContent{
    color:#000;
}
.frontContentEven .frontContent{
    padding-left:48px;
}
.frontContentOdd .frontContent{
    padding-right:48px;
}
.frontContentEven .frontContent {
    position:relative;
}
@media only screen and (min-width:1280px) {
    .frontContentOdd .frontContent::after {
        content: '';
        display: inline-block;
        background-color: #EBE000;
        width: 100vw;
        height: 400px;
        vertical-align: middle;
        position: absolute;
        top: 0%;
        right: calc(100% - 1px);
    }

    .frontContentEven .frontContent::after {
        content: '';
        display: inline-block;
        background-color: #4EB133;
        width: 100vw;
        height: 400px;
        vertical-align: middle;
        position: absolute;
        top: 0%;
        left: calc(100% - 1px);
    }
}
@media only screen and (min-width:801px) {
    .wrap-frontContent.frontContentOdd {
        justify-content: flex-start;
    }
    .wrap-frontContent.frontContentEven {
        justify-content: flex-end;
    }
    .frontContentOdd .frontContent{
        background-image: url(../img/bg_content_front_odd.png);
    }
    .frontContentEven .frontContent{
        background-image: url(../img/bg_content_front_even.png);
    }

    .image-frontContent {
        position: absolute;
        z-index: 1;
        border-radius: 16px;
        overflow: hidden;
    }

    .image-frontContent01 {
        top: calc(50% + 100px);
        top: 300px;
        left: calc(50% + 100px);
        width: 300px;
    }

    .image-frontContent02 {
        top: calc(50% + 100px);
        top: -153px;
        left: calc(50% - 246px);
        left: 140px;
        width: 360px;
    }

    .image-frontContent03 {
        top: calc(50% + 100px);
        top: -93px;
        right: 140px;
        width: 420px;
    }

    .image-frontContent04 {
        top: calc(50% + 100px);
        top: -143px;
        left: calc(50% + 100px);
        left: 230px;
        width: 300px;
    }

    .image-frontContent05 {
        top: calc(50% + 100px);
        top: -85px;
        right: 140px;
        width: 300px;
    }

    .image-frontContent06 {
        top: calc(50% + 100px);
        top: 315px;
        right: 320px;
        width: 360px;
    }

    .image-frontContent07 {
        top: 271px;
        left: 140px;
        width: 300px;
    }
    .outView .image-frontContent img{
        opacity:0.1;
        transition: opacity 0.4s;
    }
    .inView .image-frontContent img{
        opacity:1;
    }
}
@media only screen and (max-width:800px) {
    .wrap-frontContent{
        width:92%;
        padding-bottom:0px;
        background-size: contain;
        background-size: cover;
        background-repeat:no-repeat;
        overflow:hidden;
    }
    .wrap-frontContent.frontContentOdd {
        flex-direction: column-reverse;
        background-image: url(../img/bg_content_front_sp_odd.png);
        background-position:50% 100%;
        border-radius:16px 16px 0 0;
        overflow:hidden;
        padding-bottom:48px;
    }
    .wrap-frontContent.frontContentEven {
        flex-direction: column;
        background-image: url(../img/bg_content_front_sp_even.png);
        background-position:50% 0%;
        border-radius:0 0 16px 16px;
        padding-top:48px;
        margin-bottom:40px;
    }
    .frontContent{
        height:auto;
        flex-direction: column;
    }
    .frontContentOdd .frontContent,.frontContentEven .frontContent{
        width:auto;
        height:auto;
        padding:0;
    }
    .frontContentOdd .frontContent{
    }
    .frontContentEven .frontContent{
        padding-bottom:28px;
    }

    .explainContent{
        width:auto;
        padding:40px 0 32px;
    }
    .explainContent{
        width:92%;
        max-width:310px;
        margin:0 auto;
    }
    .explainContent dt{
        font-size:2.4rem;
        margin-bottom:0.6em;
        text-align:center;
    }
    .explainContent dd{
        font-size:1.4rem;
    }
    .button2content{
        width:80px;
    }
    .image-frontContent05{
        display:none;
    }
    .image-frontContent06 {
        display:none;
        display:block;
    }
    .wrap-frontContent .image-frontContent {
        transform: translateY(0) !important;
    }
}

/* frontSubContent
-------------------------------------------------------------*/
.frontSubContents{
    width:100%;
    overflow:hidden;
}
.wrap-frontSubContent{
    width:100%;
    max-width:1000px;
    margin:0 auto;
    padding-bottom:80px;
}
.wrap-frontSubContent-twin{
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}
.frontSubContent {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    background-color:#34B1C7;
    border-radius:60px;
    height:219px;
    position:relative;
}
.explainSubContent{
    width:auto;
    padding-right:30px;
}
.explainSubContent dt{
    font-size:3rem;
    font-weight:700;
    line-height:1.3;
    margin-bottom:0.6em;
    letter-spacing: 0.18em;
    color:#fff;
}
.explainSubContent dd{
    font-size:1.4rem;
    line-height:1.7;
    letter-spacing: 0.04em;
    color:#fff;
}
.button2subContent{
    width:105px;
}
.imageMagazine{
    width:121px;
    filter: drop-shadow(0 3px 6px rgba(0, 0, 0 ,0.2));
    transform: translateZ(0);
}
.explainMagazine{
    width:auto;
    padding-left:30px;
    font-size:1.3rem;
    line-height:1.5;
    letter-spacing: 0.04em;
    color:#fff;
 }

@media only screen and (min-width:801px) {
    .frontSubContent01{
        width:53.1%;
        max-width:531px;
        margin-right:80px;
    }
    .frontSubContent02{
        width:36.8%;
        max-width:368px;
    }
    .frontSubContent03{
        width:56.4%;
        max-width:564px;
        margin-left:327px;
        margin-left:32.7%;
    }
    .frontSubContent04{
        width:55.7%;
        max-width:557px;
        margin-left:115px;
        margin-left:11.5%;
    }
    .frontSubContent::after {
        content: '';
        display: inline-block;
        background-color:#34B1C7;
        border-radius:60px;
        width:100vw;
        height:219px;
        vertical-align: middle;
        position:absolute;
        top:0%;
        right:calc(100% + 80px);
    }
    .frontSubContent::before {
        content: '';
        display: inline-block;
        background-color:#34B1C7;
        border-radius:60px;
        width:100vw;
        height:219px;
        vertical-align: middle;
        position:absolute;
        top:0%;
        left:calc(100% + 80px);
    }
    .frontSubContent01::before {
        content:none;
    }
    .frontSubContent02::after {
        content:none;
    }
}
@media only screen and (max-width:800px) {
    .frontSubContents{
        padding:40px 0;
    }
    .wrap-frontSubContent{
        padding-bottom:0px;
    }
    .wrap-frontSubContent-twin{
        flex-direction: column;
        align-items: flex-start;
    }
    .frontSubContent01,.frontSubContent02,.frontSubContent03,.frontSubContent04{
        width:100%;
        height:auto;
        margin-bottom:40px;
        padding:30px 0;
        display: block;
    }
    .frontSubContent01,.frontSubContent03,.frontSubContent04 {
        width: 96%;
        border-radius:0 60px 60px 0;
    }
    .frontSubContent02{
        border-radius:0;
        display: flex;
        align-items: flex-end;
        padding:48px 0;
    }
    .frontSubContent03{
        margin-left:4%;
        border-radius:60px 0 0 60px;
    }

    .button2subContent{
        width:64px;
        margin:0 30px 0 auto;
    }
    .explainSubContent {
        padding:0 0 1em 30px;
    }
    .explainSubContent dt{
        font-size:2.4rem;
    }
    .explainSubContent dd{
        font-size:1.4rem;
        font-weight:400;
    }
}

/* frontConcept
-------------------------------------------------------------*/
.wrap-frontConcept,.wrap-pageConcept{
    display:flex;
}
.frontConcept,.pageConcept{
    width:auto;
    max-width:none;
    margin:0 auto;
    padding:100px 0;
}
.title-frontConcept{
    font-size:5rem;
    line-height:1.9;
    font-family: 'Noto Serif JP', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝','Yu Mincho', '游明朝体', 'YuMincho', serif;
    font-weight:400;
    padding:0 0 80px;
}
.text-frontConcept{
    font-size:1.6rem;
    line-height:2.1;
    font-family: 'Noto Serif JP', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝','Yu Mincho', '游明朝体', 'YuMincho', serif;
    font-weight:400;
    padding:1em 0 1.2em;
}
.pageConcept{
    padding:0 0 130px;
}
@media only screen and (max-width:800px) {
    .frontConcept,.pageConcept{
        width:90%;
        width:auto;
        max-width:none;
        padding:0 0 60px;
    }
    .title-frontConcept{
        font-size:2.7rem;
        line-height:1.8;
        padding:0 0 40px;
    }
    .text-frontConcept{
        font-size:1.3rem;
        line-height:2;
        padding:0 0 1.6em;
    }
}

/* header
-------------------------------------------------------------*/
.myHeader{
    width:100%;
    position:fixed;
    z-index:100;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    background-color: rgba(255,255,255,0.59);
}
.myHeaderContent{
    width:100%;
    max-width:1920px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
}
.logoHeader{
    width:240px;
    padding:19px 0 0 30px;
}
.logoHeader a{
    width:202px;
    display:block;
}
.wrapNav{
    width:100%;
    max-width:882px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
}
.mainNav{
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: space-between;
    width:78%;
    max-width:680px;
    height:80px;
}
.mainNav li{
    padding-right:24px;
}
.mainNav li a{
    padding:1em 0.2em;
    font-size:1.5rem;
}
.subNav{
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    width:22%;
    height:80px;
    padding:0 30px 0 0;
}
.subNav li{
    width:50%;
    padding:0 2%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items:center;
}
.subNav li a{
    padding:0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items:center;
}
.subNav li a img{
    display: block;
}
.subNav li a span{
    font-size:10px;
    padding-top:0.5em;
    display: block;
}
.subNav li:nth-of-type(1) a img{
    width:24px;
}
.subNav li:nth-of-type(2) a img{
    width:24px;
}
.subNav li:nth-of-type(1) a span{
    color:#BEC601;/*
    color: #E3DD00;*/
}
.subNav li:nth-of-type(2) a span{
    color:#4EB133;
}
@media (hover: hover) and (pointer: fine) {
    .logoHeader img{
        transition: transform 0.4s cubic-bezier(0.42, 0, 0.58, 1);
    }
    .logoHeader:hover img{
        transform: scale(1.04);
    }
    .subNav li a img{
        transition: transform 0.4s cubic-bezier(0.42, 0, 0.58, 1);
    }
    .subNav li a:hover img{
        transform: scale(1.11);
    }
    .mainNav li a{
        transition: color 0.4s;
    }
    .mainNav li a:hover{
        color:#4EB133;
    }
}
@media only screen and (max-width:1024px) {
    .logoHeader{
        width:200px;
        padding:28px 0 0 20px;
    }
    .logoHeader a{
        width:162px;
    }
    .mainNav li{
        padding:0 0 0 12px;
    }
    .mainNav li a{
        padding:1.4em 0.2em 0;
        font-size:1.2rem;
    }
    .subNav{
        width:16%;
        padding:0 4px 0 0;
    }
    .subNav li{
        padding:0 1%;
    }
    .subNav li a{
    }
    .subNav li a img{
        width:20px
    }
    .wrapNav{
        justify-content: flex-end;
    }
}

@media only screen and (max-width:800px) {
    .logoHeader{
        width:144px;
        padding:15px 0 0 14px;
    }
    .logoHeader a{
        width:144px;
        display:block;
    }
    .wrapNav{
        width:auto;
        max-width:none;
        padding:0 2px 0 0;
        justify-content: flex-end;
        height:60px;
    }
    .mainNav{
        display: none;
    }
    .subNav{
        justify-content: space-between;
        width:96px;
        height:60px;
        padding:0 0px 0 0;
    }
    .subNav li{
        padding:0;
    }
    .subNav li a span{
        padding-top:0.2em;
        transform: scale(0.8);
        white-space: nowrap;
        text-align:center;
        line-height:1.5;
    }
    .subNav li:nth-of-type(1){
        width:38px;
    }
    .subNav li:nth-of-type(2){
        width:48px;
    }
    .subNav li:nth-of-type(1) a img{
        width:24px;
    }
    .subNav li:nth-of-type(2) a img{
        width:24px;
    }

}

/*  drawerMenu
-------------------------------------------------------------*/
.drawerContent {
    position: fixed;
    top:0;
    right:0;
    right: -100%;
    width: 300px;
    width: 78%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #fff;
    background-color:#34B1C7;
    transition: .2s;
    transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s;
    z-index: 110;
    opacity: 0;
}
.drawerMenu {
}
.drawerMenu li {
    margin-bottom:1.2em;
}
.drawerMenu li a{
    width: 100%;
    line-height: 1.2;
    text-align:center;
    font-size:1.9rem;
    font-weight:bold;
    color:#fff;
    letter-spacing: 0.08em;
}
.navOverlay .drawerContent{
    right:0;
    opacity: 1;
}

/* footer
-------------------------------------------------------------*/
.myFooter{
    background-color:#4EB133;
    width:100%;
    position:relative;
    overflow:hidden;
}
.myFooterContent{
    width:100%;
    max-width:1000px;
    margin:0 auto;
    padding:60px 0;
    border-bottom:2px solid #fff;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.footerSitemap{
    padding-right:2em;
}
.footerSitemap dt{
    margin-top:20px;
}
.footerSitemap dt a{
    font-size:1.3rem;
    font-weight:bold;
    line-height:1.5;
    letter-spacing: 0.04em;
    color:#fff;
}
.footerSitemap dd{
    display: flex;
    flex-wrap: nowrap;
}
.footerSitemap dd a{
    font-size:1.1rem;
    line-height:1.45;
    letter-spacing: 0.04em;
    color:#fff;
}
.footerSitemap dd.openPdf{
    margin-top:20px;
}
.footerSitemap dt:first-of-type{
    margin-top:0;
}
.footerSitemap dd li li{
    padding-left:0.4em;
    position:relative;
}
.footerSitemap dd li li:before{
    content: "・";
    display:inline-block;
    transform: translate(-0.4em, 0);
    font-size:1.1rem;
    line-height:1.45;
    color:#fff;
}
.myFooterContent .footerSitemap:last-of-type{
    padding-right:4em;
    padding-right:0;
}
.footerSitemap dd>ul:nth-of-type(2){
    padding-left:2em;
}
.footerSitemap dd>ul{
    padding-top:0.2em;
}

.myFooterInfo {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    padding:60px 0;
}
.title-footerInfo{
    font-size:1.6rem;
    line-height:1.5;
    letter-spacing: 0.08em;
    color:#fff;
    text-align:center;
    margin-bottom:0.8em;
}
.myFooterInfo>div{
    text-align:center;
}
.myFooterInfo dl{
    font-size:1.4rem;
    line-height:1.42;
    letter-spacing: 0.04em;
    color:#fff;
}
.myFooterInfo dl,
.myFooterInfo dd,
.myFooterInfo dt{
    display:inline-block;
}
.myFooterInfo dd{
    padding-right:1em;
}
.address-footerInfo dl:first-of-type dt{
    padding-right:1em;
}
.copyright{
    font-size:1.2rem;
    line-height:1.42;
    letter-spacing: 0.01em;
    color:#fff;
    text-align:center;
    padding-top:30px;
}
.footerContentList{
    display:none;
}
@media (hover: hover) and (pointer: fine) {
    .footerSitemap dd a,
    .footerSitemap dt a {
        transition: color 0.5s;
        color: #fff;
    }

    .footerSitemap dd a:hover,
    .footerSitemap dt a:hover {
        color: #EBE000;
    }
}


@media only screen and (min-width:1025px) {
    .myFooterContent {
        padding-right:4em;
    }
}
@media only screen and (max-width:1024px) {
    .myFooterContent {
        padding-right:0.8em;
        padding-left:0.8em;
    }
}
@media only screen and (max-width:960px) {
    .myFooterContent {
        flex-wrap: wrap;
    }
    .footerSitemap{
        padding-bottom:2em;
    }
}
@media only screen and (max-width:768px) {
    .myFooterContent{
        width:82vw;
        padding:10vw 0 4vw;
        display: block;
    }
    .footerSitemap {
        flex-wrap: wrap;
        display:none;
    }
    .footerContentList{
        display:block;
        padding:0;
    }
    .footerContentList li{
        margin-bottom:1em;
    }
    .footerContentList li a{
        font-size:1.4rem;
        font-weight:700;
        line-height:1.4;
        letter-spacing: 0.04em;
        color:#fff;
    }
    .myFooterInfo {
        width:82vw;
        padding:8vw 0 4vw;
    }
    .title-footerInfo{
        font-size:1.3rem;
        text-align:left;
        margin-bottom:0.8em;
    }
    .myFooterInfo>div{
        text-align:left;
    }
    .myFooterInfo dl{
        font-size:1.2rem;
        line-height:1.3;
        display:block;
        padding-bottom:1px;
    }
    .myFooterInfo dd:last-of-type{
        padding-right:0;
    }
    .copyright{
        font-size:1rem;
        padding:24px 0 24px;
    }
}

/* drawerTrigger
------------------------------------------------------------------*/
.drawerTrigger{
    width:50px;
    height:60px;
    padding:0;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items:center;
}
.drawerTrigger p{
    padding:0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items:center;
}
.drawerTrigger img{
    display: block;
    width:26px;
}
.drawerTrigger span{
    font-size:1rem;
    line-height:1.5;
    padding-top:0.4em;
    display: block;
    transform: scale(0.8);
    white-space: nowrap;
    text-align:center;
    color:#34B1C7;
}

@media only screen and (min-width:801px) {
    .drawerTrigger{
        display:none;
    }
}

@media (hover: hover) and (pointer: fine) {
.overlayTrigger img{
  transition: transform 0.4s cubic-bezier(0.42, 0, 0.58, 1);
}
.overlayTrigger:hover img{
    transform: scale(1.05);
}
}

/* drawerCloser
------------------------------------------------------------------*/
.drawerCloser{
    width:56px;
    height:64px;
    padding:0;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items:center;
    position:absolute;
    top:0;
    right:0;
}
.drawerCloser p{
    padding:0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items:center;
}
.drawerCloser img{
    display: block;
    width:24px;
}
.drawerCloser span{
    font-size:1rem;
    line-height:1.5;
    padding-top:0.4em;
    display: block;
    transform: scale(0.8);
    white-space: nowrap;
    text-align:center;
    color:#fff;
}

/*  page inner link
-------------------------------------------------------------*/
@media only screen and (max-width:800px) {
    .nav-inner {
        display: none;
        display:block;
        width: 92%;
        margin: 0 auto;
        padding: 0 0 20px 0;
    }
    .nav-inner-list li{
        display:inline-block;
        margin:0 10px 10px 0;
    }
    .nav-inner-list li a{
        display:block;
        border-radius:5px;
        filter: drop-shadow(0 5px 6px rgba(0, 0, 0 ,0.2));
        transform: translateZ(0);
        text-align:center;
        line-height:1.1;
        padding:0.6em 0.6em 0.6em 1.6em;
        font-size:1.2rem;
        font-weight:700;
        letter-spacing: 0.04em;
        background-color:#34B1C7;
        color:#fff;
        position:relative;
    }
    .nav-inner-list li a:before {
        content: '';
        width: 6px;
        height: 6px;
        border: 0;
        border-bottom: solid 2px #fff;
        border-right: solid 2px #fff;
        position: absolute;
        top: 50%;
        left: 0;
        transform: rotate(45deg) translate(4px, -8px);
    }
}
@media only screen and (min-width:801px) {
    .nav-inner {
        position: fixed;
        top: 20vh;
        left: -20%;
        transition: left 0.4s cubic-bezier(.55, .085, .68, .53);
        z-index:1;
    }
    .nav-inner.show {
        left: 0%;
    }
    .nav-inner.hide-seek {
        left: -20%;
    }

    .nav-inner li {
        padding: 0 0 10px 0;
    }
    .nav-inner .nav-inner-term{
        padding: 4px 0 10px 0;
    }
    .nav-inner li a {
        display: inline-flex;
        border-radius: 0 14px 14px 0;
        filter: drop-shadow(0 5px 6px rgba(0, 0, 0, 0.2));
        transform: translateZ(0);
        line-height: 1.1;
        font-size: 1.4rem;
        font-weight: 500;
        letter-spacing: 0.04em;
        background-color: #34B1C7;
        color: #fff;
    }
    .nav-inner .nav-inner-item a{
        padding: 1.6em 1.4em;
        padding: 10px 20px 10px 30px;
    }
    .nav-inner .nav-inner-term a{
        padding: 1.6em 1.4em;
        padding: 16px 20px 16px 30px;
    }
}
@media (hover: hover) and (pointer: fine) {
    .nav-inner li a{
        transition: transform 0.4s cubic-bezier(0.42, 0, 0.58, 1), background-color 0.4s, color 0.4s;
    }
    .nav-inner li a:hover{
        transform: translateX(-10px);
        background-color: #fff;
        color: #34B1C7;
    }
}
@media (hover: hover) and (pointer: fine) {
    .button2list a img,
    .button2content a img,
    .button2subContent a img{
        transition: transform 0.4s cubic-bezier(0.42, 0, 0.58, 1);
    }
    .button2list a:hover img,
    .button2content a:hover img,
    .button2subContent a:hover img{
        transform: scale(1.04);
    }
    .imageMagazine {
        background-color:#999;
    }
    .imageMagazine img{
        transition: transform 0.4s;
    }
    .imageMagazine a:hover img{
        transform: scale(1.05) translateZ(0);
    }
}


/*  hover effect
-------------------------------------------------------------*/
@media (hover: hover) and (pointer: fine) {
}

/*  responsive style
-------------------------------------------------------------*/
@media only screen and (max-width:1152px) {
}
@media only screen and (max-width:1024px) {
}
@media only screen and (max-width:768px) {
}
@media only screen and (min-width:769px) {
}
@media only screen and (min-width:1280px) {
}
@media only screen and (min-width:769px) {
}

@media screen and (orientation:portrait){
}
@media screen and (orientation:landscape){
}