@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url('https://fonts.googleapis.com/css2?family=BIZ+UDPMincho&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;300;700&family=Zen+Kaku+Gothic+Antique:wght@400;500;700&family=Zen+Kurenaido&display=swap');
@import url('https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c');
@media print, screen and  (min-width: 651px){

/*===============================================
●PCレイアウト設定 
===============================================*/
/*青いボタン＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊*/
.btn{
/*アニメーションの起点とするためrelativeを指定*/
position: relative;
overflow: hidden;
/*ボタンの形状*/
text-decoration: none;
display: block;
color: #FFF;
background: linear-gradient(
  to bottom,
  #87e1f9,
  #0690b4
);
border-radius: 30px;
padding: 8px 0;
text-align: center;
outline: none;
/*アニメーションの指定*/   
transition: ease .2s;
border-top: #e4f2f6 2px solid;
border-left:  #e4f2f6 2px solid;
box-shadow: inset -2px -2px 7px 0px rgba(88, 87, 87, 0.4);
}

/*ボタン内spanの形状*/
.btn span {
  position: relative;
  z-index: 3;/*z-indexの数値をあげて文字を背景よりも手前に表示*/
 color: #FFF;
 font-size: 1.5rem
}
.btn:hover span{
  color:#fff;
}
/*== 背景が流れる（左から右） */
.bgleft:before {
  content: '';
    /*絶対配置で位置を指定*/
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
    /*色や形状*/
  background-color: #0597bd;
  width: 100%;
  height: 100%;
    /*アニメーション*/
  transition: transform .6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
  transform: scale(0, 1);
  transform-origin: right top;
}
/*hoverした際の形状*/
.bgleft:hover:before{
  transform-origin:left top;
  transform:scale(1, 1);
}

/*緑のボタン＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊*/
.btn2{
/*アニメーションの起点とするためrelativeを指定*/
position: relative;
overflow: hidden;
/*ボタンの形状*/
text-decoration: none;
display: block;
color: #FFF;
background: linear-gradient(
  to bottom,
  #a7e377,
  #579822
);
border-radius: 30px;
padding: 8px 0;
text-align: center;
outline: none;
/*アニメーションの指定*/   
transition: ease .2s;
border-top: #e4f2f6 2px solid;
border-left:  #e4f2f6 2px solid;
box-shadow: inset -2px -2px 7px 0px rgba(88, 87, 87, 0.4);
}

/*ボタン内spanの形状*/
.btn2 span {
  position: relative;
  z-index: 3;/*z-indexの数値をあげて文字を背景よりも手前に表示*/
 color: #FFF;
 font-size: 1.5rem
}
.btn2:hover span{
  color:#fff;
}
/*== 背景が流れる（左から右） */
.bgleft2:before {
  content: '';
    /*絶対配置で位置を指定*/
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
    /*色や形状*/
  background-color: #5eba14;
  width: 100%;
  height: 100%;
    /*アニメーション*/
  transition: transform .6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
  transform: scale(0, 1);
  transform-origin: right top;
}
/*hoverした際の形状*/
.bgleft2:hover:before{
  transform-origin:left top;
  transform:scale(1, 1);
}
/*== 目次のスタイル） ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊*/
.mokuji{
border:#ccc 1px solid;
box-shadow: 0px 0px 20px -8px rgba(8,109,207,0.9);
padding: 3%;
width: 1200px;
max-width: 90%;
margin: 0 auto 50px auto;
}
.mokuji .flex_mokuji{

}
.mokuji .title_mokuji{
color: #069;
font-weight: 600;
margin-bottom: 40px;
}
.mokuji a{
display: block;
font-size: 1.5rem;
color:#069;
padding-bottom: 2px;
border-bottom: #56B2D3 1px dotted;
margin-bottom: 20px;
transform: 0.5s
}
.mokuji a:hover{
color: #069
}
.mokuji .flex_mokuji a{

}
.back_top{
padding-top: 30px;
padding-right: 10px;
text-align: right;
}
.back_top a{
color:#069;
font-weight: 500
}
.ancher{
margin-top: -100px;
padding-top: 100px
}
.index{
 background-image: url("../images/common/bg.jpg");
}
.index .main {
position: relative;
font-family: 'Noto Sans JP';
display: flex;
flex-wrap: wrap;
justify-content: space-between;
flex-direction: row-reverse
}
.index .main .box_video{
width: 67%;
}
#video-area{
    position: relative;

}
#video {
    /*天地中央配置*/
    width: 100%;
    border-radius: 0 0 0 20vw / 0 0 0 20vw;
    overflow: hidden
}
.index .main .bunner_main{
position: absolute;
top:32vw;
right:5px;
width:480px;
max-width: 50%;
}
.index .main .bunner_main img{
width: 100%;
padding-bottom: 5px;
display: block
}
.index .bunner_tel{
position: fixed;
width: 15%;
max-width: 350px;
top:5vw;
right: 2vw;
left: auto;
z-index: 9999
}
.index .bunner_tel img{
width: 100%
}
.index .main .text_main{
color:#069;
font-weight: 600;
text-align: center;
padding-left: 2%;
padding-top:15vh;
bottom:0;
width: 30%;
}
.index .main .text_main2{
font-size:  clamp(1.3rem,1.8vw,2.5rem);
padding-bottom: 5px;
text-shadow: 2px 2px 3px rgba(255,255,255,0.7);
font-family: 'Noto Serif JP';
line-height: 160%;
letter-spacing: 0.5rem;
}

.index .main .text_main4{
padding-top: 20px;
width: 90%;
margin: 0 auto
}
.index .main .text_main4 .subtitle{
font-size:  clamp(1.2rem,1.2vw,1.8rem);
font-weight: 500;
padding-bottom: 2px;
border-bottom: #56B2D3 1px solid;
margin-bottom: 30px
}
.index .main .text_main4 .inner {
margin-bottom: 15px
}
.index .main .bt_top1{
}
.index .main .bt_top1 a{
margin-bottom: 10px;
display: block
}
.index .main .bt_top1 a img{
width: 100%;
height: auto;
display: block;
  box-shadow: 2px 10px 10px -6px rgba(124, 177, 233, 0.3);
   transition: 0.5s
}
.index .main .bt_top2{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.index .main .bt_top2 a{
width: 49%;
margin-bottom: 5px;
display: block
}
.index .main .bt_top2 a img{
width: 100%;
display: block;
  box-shadow: 2px 10px 10px -6px rgba(124, 177, 233, 0.3);
  transition: 0.5s;
}
.index .main a:hover img{
opacity: 0.6;

}
.index .box1{
padding: 100px 0 0 0;
background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0) 0px,
    rgba(255, 255, 255, 0) 100px,
    rgba(255, 255, 255, 1) 300px
);

}
.index .box1 .box_news{
width: 1000px;
max-width: 90%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
background: linear-gradient(to top, #b3eefc 0%, rgba(213, 243, 250, 0) 100%);
padding: 2%;
border-radius: 20px;
border: #E9F8FD 2px solid
}
.index .box1 .box_news .left{
width: 30%;
position: relative;
}
.index .box1 .box_news .left .title_news{
position: absolute;
font-size: 2.5rem;
font-weight: 500;
color:#647c8c;
top:50%;
transform: translateY(-50%);
}
.index .box1 .box_news .article{
width: 65%;
border-left: #647c8c 1px solid;
padding-left: 3%
}
.index .box1 .box_news .article a{
display: block;
font-size: 1.6rem;
padding-bottom: 2px;
border-bottom: 1px #CCC dotted;
margin-bottom: 15px
}
.index .box1 .box_news .article a .date{
font-size: 1.2rem
}
.index .box2{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 100px 0 50px 0;
/*background: linear-gradient(to bottom, #ffffff 0%, #91e2f6 100%);*/
}
.index .box2 .left{
width: 50%;
min-width: 500px;
margin-bottom: 20px
}
.index .box2 .left img{
width: 100%;
display: block;
 border-radius: 0 30px 30px 0; 
}
.index .box2 .right{
width: 43%;
padding-left: 2%;
padding-top: 40px
}
.index .box2 .right .box_lead{
width: 90%;
line-height: 200%;
font-size:  clamp(1.1rem,1.0vw,1.7rem);
}
.index .box2 .right .box_lead .catch{
font-size:  clamp(1.4rem,1.2vw,2.5rem);
color:#069;
font-weight: 500;
margin-bottom: 30px
}
.index .box2 .right .box_lead .bt{
padding-top: 20px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.index .box2 .right .box_lead .bt a{
display: block;
width:49%;
}
.index .box2 .right .box_lead .bt a img{
width: 100%;
box-shadow: 2px 10px 10px -6px rgba(124, 177, 233, 0.3);
transition: 0.5s
}
.index .box2 .right .box_lead .bt a:hover img{
opacity: 0.6
}
.index .box3{
padding-bottom: 50px;
padding-top: 100px
}
.index .box3 .flex_calender{
width: 1100px;
max-width: 90%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.index .box3 .flex_calender .left{
width: 45%;
font-size:  clamp(1.1rem,1.0vw,1.7rem);
line-height: 200%;
padding-top: 150px
}
.index .box3 .flex_calender .left .subtitle{
font-size:  clamp(1.4rem,1.2vw,2.5rem);
color:#069;
font-weight: 500;
margin-bottom: 30px
}
.index .box3 .flex_calender .left a{
display: block;
color: #FFF;
text-align: center;
font-size: 1.5rem;
font-weight: 500;
margin-bottom: 15px
}
.index .box3 .flex_calender .right{
width: 50%;
background-color: #FFF
}

.bt_more{
margin-top: 15px;
text-decoration: underline;
display: inline-block;
position: relative;
padding-right: 50px
}
.index .box_post{
background-image: url("../images/index/bg_service.jpg");
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
}
#service-nav{
background:rgba(255,255,255,0.5);/*背景を少し透過させる*/

}

.index .flex_post{
width: 1500px;
max-width: 90%;
margin: 0 auto;
padding: 50px 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
color: #000;
}
.index .flex_post .photo{
width: 25%;
}
.index .flex_post .photo img{
width: 100%;
border-radius: 15px
}
.index .flex_post .com{
width: 72%;
font-size: 1.6rem;
line-height: 160%
}
.index .flex_post .com .title_postcat{
color: #666;
color:#069;
font-size: 2.2rem;
font-weight: 500;
padding-bottom: 3px;
border-bottom: #56B2D3 1px solid;
margin-bottom: 20px
}
.index .flex_post .com .flex_title{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding-top: 30px
}
.index .flex_post .com .flex_title::before{
  content:"";
  display: block;
  width:24%;
  order:1;
}
.index .flex_post .com .flex_title::after{
  content:"";
  display: block;
  width:24%;
}
.index .flex_post .com .flex_title a{
display: block;
width: 22%;
padding: 1%;
border: #CCC 1px solid;
word-break: break-all;
color:#036;
text-align: center;
font-size: 1.5rem;
line-height: 150%;
box-shadow: 0px 0px 20px -8px rgba(8,109,207,0.9);
margin-bottom: 15px;
transition: 0.5s
}
.index .flex_post .com .flex_title a:hover{
background-color: #56B2D3;
color: #FFF
}
.index .flex_post .com .flex_title a .text13{
display: inline-block;
padding-left: 15px;
font-size: 1.3rem
}
.index .flex_post .com .flex_title a img{
width: 100%
}
.index .flex_post .com .biko{
padding-top: 30px;
font-size: 1.3rem
}
.index .flex_post .com .bt_post{
padding-top: 30px;
}
.index .flex_post .com .bt_post a{
display: block;
width: 400px;
max-width: 80%;
color: #FFF;
text-align: center;
font-size: 1.5rem;
font-weight: 500;
margin: 0 auto
}
.index .flex_post .com .box_marujotai{
padding: 3%;
padding-bottom: 5%;
border: #CCC 1px solid;
word-break: break-all;
color:#036;
text-align: center;
font-size: 1.5rem;
line-height: 150%;
box-shadow: 0px 0px 20px -8px rgba(8,109,207,0.9);
text-align: center
}
.index .flex_post .com .box_marujotai .text_jotai{
font-size: 1.8rem;
font-weight: 600;
color: #036
}

.index .flex_post .com h3{
color: #036;
font-size: 2.5rem;
text-align: center
}
.index .flex_post .com .box_marujotai .bt_jotai{
width: 650px;
max-width: 90%;
margin: 0 auto;
padding-top: 30px
}
.index .flex_post .com .box_marujotai .bt_jotai a{
display: block;
background-color: #56B2D3;
color: #FFF;
font-size: 1.8rem;
font-weight: 500;
padding: 15px 2%;
border: #FFF 4px double;
transition: 0.5s
}
.index .flex_post .com .box_marujotai .bt_jotai a:hover{
background-color: #069
}
.index .box5{
padding: 0;
position: relative
}
.index .box5 .img_box5{
width: 1200px;
max-width: 70%;
display: block;
}
.index .box5 .img_box5 img{
width: 100%
}
.index .box5 .text_box5{
position: absolute;
top:50%;
right: 2%;
left: auto;
transform: translateY(-50%);
width: 700px;
max-width: 50%
}
.index .box5 .text_box5 .catch{
font-size:  clamp(1.3rem,1.8vw,3.0rem);
padding-bottom: 5px;
text-shadow: 2px 2px 3px rgba(255,255,255,0.7);
font-family: 'Noto Serif JP';
line-height: 180%;
letter-spacing: 0.5rem;
color:#069;
font-weight: 600;
 text-shadow: 2px 2px 0 #FFF, -2px -2px 0 #FFF,
  -2px 2px 0 #FFF,  2px -2px 0 #FFF,
  2px 0 0 #FFF, -2px  0 0 #FFF,
  0 2px 0 #FFF,  0 -2px 0 #FFF;
}
.index .box5 .text_box5 .text1{
color: #56B2D3;
font-size:  clamp(1.0rem,1.2vw,2.5rem);
font-weight: 600;
font-weight: 500;
line-height: 220%;
 text-shadow: 2px 2px 0 #FFF, -2px -2px 0 #FFF,
  -2px 2px 0 #FFF,  2px -2px 0 #FFF,
  2px 0 0 #FFF, -2px  0 0 #FFF,
  0 2px 0 #FFF,  0 -2px 0 #FFF;
}
.index .box5 .box_bunner{
padding-top:20px;
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;

}
.index .box5 a {
display: block;
width: 49%;
padding: 0!important;
}
.index .box5 a img{
display: block;
width: 100%!important;
margin: 0;
padding: 0;
box-shadow: 2px 10px 10px -6px rgba(124, 177, 233, 0.3);
transition: 0.5s;
}
.index .box5 .box_bunner a:hover img{
opacity: 0.6
}
.index .box_blog{
position: relative;
padding: 100px 0;
background: linear-gradient(
  to top,
  #ffffff 0%,
  #ffffff 20%,
  rgba(255, 255, 255, 0) 100%
);

}
.index .box_blog .subtitle{
font-size:  2.5rem;
color:#069;
font-weight: 500;
margin-bottom: 30px;
text-align: center
}
.index .box_blog .box_blog_in{
width: 85%;
margin: 0 auto;
padding: 2%;
}
.index .box_blog .blog-flex{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.index .box_blog .blog-flex a{
display: block;
width: 22%;
padding: 1%;
border: #CCC 1px solid;
word-break: break-all;
color:#0983af;
text-align: center;
font-size: 1.4rem;
line-height: 150%;
box-shadow: 0px 0px 20px -8px rgba(8,109,207,0.9);
margin-bottom: 15px;
transition: 0.5s
}
.index .box_blog .blog-flex a:hover{
background-color: #56B2D3;
color: #FFF
}

.index .box_blog .blog-flex h3{
font-size: 1.8rem;
font-family: 'Noto Serif JP';
margin-top: 0;
}
.index .box_blog .title_blog{
text-align: center;
font-size: 20px;
font-weight: 500;
padding: 80px 0 30px 0
}
.index .box_blog .bt_blog{
padding-top: 40px
}
.index .box_blog .bt_blog a{
display: block;
width: 400px;
max-width: 80%;
margin: 0 auto;
}
.index .box_blog .bt_blog a img{
width: 100%
}
.index .box_blog .bt_blog a:hover img{
opacity: 0.6
}
/*病名から探す--------------------------------------------------------------------------*/
.byoumei {
padding:50px 0 0 0;
background-color: #FFF
}
.byoumei .flex_post{
width: 1500px;
max-width: 90%;
margin: 0 auto;
padding: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
color: #000;
}
.byoumei .flex_post .photo{
width: 25%;
}
.byoumei .flex_post .photo img{
width: 100%;
border-radius: 15px
}
.byoumei .flex_post .com{
width: 72%;
font-size: 1.6rem;
line-height: 160%
}
.byoumei .flex_post .com .title_postcat{
color: #666;
color:#069;
font-size: 2.5rem;
font-weight: 500;
padding-bottom: 3px;
border-bottom: #56B2D3 1px solid;
margin-bottom: 20px
}
.byoumei .flex_post .com .flex_title{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding-top: 30px
}
.byoumei .flex_post .com .flex_title::before{
  content:"";
  display: block;
  width:24%;
  order:1;
}
.byoumei .flex_post .com .flex_title::after{
  content:"";
  display: block;
  width:24%;
}
.byoumei .flex_post .com .flex_title a{
display: block;
width: 22%;
padding: 1%;
border: #CCC 1px solid;
word-break: break-all;
color:#0983af;
text-align: center;
font-size: 1.5rem;
line-height: 150%;
box-shadow: 0px 0px 20px -8px rgba(8,109,207,0.9);
margin-bottom: 15px;
transition: 0.5s
}
.byoumei .flex_post .com .flex_title a:hover{
background-color: #56B2D3;
color: #FFF
}


.byoumei .text1{
font-family: 'Noto Serif JP';
font-size:  clamp(1.8rem,1.5vw,2.5rem);
color: #0D9FCC;
font-weight: 600;
padding-bottom: 2px;
border-bottom: #0D9FCC 2px solid;
width: 1250px;
max-width: 90%;
margin: 0 auto 20px auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.byoumei .detail_byoumei{
width: 1500px;
max-width: 90%;
margin: 0 auto;
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
align-items: flex-start;
}
.byoumei .detail_byoumei .article{
width: 70%;
}
.byoumei .ancher{
margin-top: -100px;
padding-top: 100px;
}
.byoumei .box_loop .subtitle {
  color: #FFF;/*文字色*/
  padding: 0.5em;/*文字周りの余白*/
  display: inline-block;/*おまじない*/
  line-height: 1.3;/*行高*/
  background: linear-gradient(to bottom, #4cceef 0%, #29abcc 100%);
  vertical-align: middle;
  border-radius: 25px 0px 0px 25px;/*左側の角を丸く*/
  font-weight: 500;
  width: 95%;
  margin-bottom: 20px
}

.byoumei .box_loop .subtitle:before {
  content: '●';
  color: white;
  margin-right: 8px;
}
.byoumei .box_loop .com{
margin-bottom: 100px;
padding: 2%;
line-height: 180%;
font-size: 1.5rem
}
.byoumei .box_loop .com li{
margin-left: 10px;
margin-bottom: 15px
}

.byoumei .box_loop .com dt {
  position: relative;
  padding-left: 25px;
  color: rgb(119, 195, 223);
  font-weight: 600;
  margin-bottom: 15px;
  font-size: 1.8rem
}

.byoumei .box_loop .com dt:before {
  position: absolute;
  content: '';
  bottom: -3px;
  left: 0;
  width: 0;
  height: 0;
  border: none;
  border-left: solid 15px transparent;
  border-bottom: solid 15px rgb(119, 195, 223);
}
.byoumei .box_loop .com dt:after {
  position: absolute;
  content: '';
  bottom: -3px;
  left: 10px;
  width: 100%;
  border-bottom: solid 3px rgb(119, 195, 223);
}
.byoumei .box_loop .com dd{
margin-left: 0;
margin-bottom: 50px
}
.byoumei .box_loop .com .back_top{
padding-top: 30px;
padding-right: 10px;
text-align: right;
}
.byoumei .box_loop .com .back_top a{
color:#0D9FCC;
}
.byoumei .detail_byoumei .aside{
width: 27%;
padding-top: 50px;
  position: sticky;
  top: 20px; /* ここが固定開始位置 */
}
.byoumei .detail_byoumei .aside .title_aside{
  color: #FFF;
  background: linear-gradient(to bottom, #4cceef 0%, #29abcc 100%);
  font-weight: 500;
  margin-bottom: 10px;
  text-align: center;
  padding: 10px 0
}
.byoumei .detail_byoumei .aside .allpost{
background-color: rgba(25,100,250, 0.6);
border-radius: 5px;
padding: 5%;
border: #FFF 1px solid;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.byoumei .detail_byoumei .aside .allpost a{
display: block;
color: #FFF;
margin-bottom: 10px;
border-bottom: #FFF 1px dotted;
font-size: 1.3rem;
width: 48%
}
.byoumei .box_bottom{
height: 100px;
background: linear-gradient(
    to top,
    rgba(255, 255, 255, 1) 0px,
    rgba(255, 255, 255, 0) 100px,
    rgba(255, 255, 255, 0) 300px
);
}
/*薬について--------------------------------------------------------------------------*/
.kusuri {
padding:0;
background-color: #FFF
}
.kusuri .flex_cat{
width: 1200px;
max-width: 90%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 auto
}
.kusuri .flex_cat a{
display: block;
width: 28%;
margin-bottom: 25px;
padding: 2%;
border:#BFE1FC 1px solid;
border-radius: 20px;
font-size: 1.4rem
}
.kusuri .flex_cat a .title_cat{
color: #0D9FCC;
font-weight: 600;
border-bottom: #0D9FCC 1px solid;
margin-bottom: 10px;
font-size: 1.8rem
}
.kusuri .flex_cat a .bt{
width: 80%;
margin: 15px auto 0 auto;
display: block;
background: linear-gradient(
  to bottom,
  #87e1f9,
  #0690b4
);
color: #FFF;
padding: 8px 0;
transform: 0.8s;
text-align: center;
border-radius: 20px;
font-size: 1.5rem;
font-weight: 500
}
.kusuri .flex_cat a:hover{
background-color:#DDF1F7
}
.kusuri .text1{
font-family: 'Noto Serif JP';
font-size:  clamp(1.8rem,1.5vw,2.5rem);
color: #0D9FCC;
font-weight: 600;
padding-bottom: 2px;
border-bottom: #0D9FCC 2px solid;
width: 1250px;
max-width: 90%;
margin: 0 auto 100px auto;
}
.kusuri .flex_post{
width: 1500px;
max-width: 90%;
margin: 0 auto;
padding: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
color: #000;
}
.kusuri .flex_post .photo{
width: 25%;
}
.kusuri .flex_post .photo img{
width: 100%;
border-radius: 15px
}
.kusuri .flex_post .com{
width: 72%;
font-size: 1.6rem;
line-height: 160%
}
.kusuri .flex_post .com .title_postcat{
color: #666;
color:#069;
font-size: 2.0rem;
font-weight: 500;
padding-bottom: 3px;
border-bottom: #56B2D3 1px solid;
margin-bottom: 20px
}
.kusuri .flex_post .com .flex_title{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding-top: 30px;
margin-bottom: 100px
}
.kusuri .flex_post .com .flex_title::after{
  content:"";
  display: block;
  width:30%;
}
.kusuri .flex_post .com .flex_title a{
display: block;
box-sizing: border-box;
width: 31%;
padding: 1%;
border: #CCC 1px solid;
word-break: break-all;
color:#0983af;
text-align: center;
font-size: 1.5rem;
line-height: 150%;
box-shadow: 0px 0px 20px -8px rgba(8,109,207,0.9);
margin-bottom: 15px;
transition: 0.5s
}
.kusuri .flex_post .com .flex_title a:hover{
background-color: #56B2D3;
color: #FFF
}
.kusuri .bt_soron{
width: 600px;
max-width: 90%;
padding: 50px 0;
margin: 0 auto
}
.kusuri .bt_soron a{
display: block;
background-color: #069;
color: #FFF;
text-align: center;
padding: 10px 0;
font-size: 1.8rem;
font-weight: 500;
transition: 0.5s;
box-shadow: 0px 0px 20px -8px rgba(8,109,207,0.9);
}
.kusuri .bt_soron a:hover{
background-color: #0D9FCC
}
.kusuri .detail_kusuri{
width: 1500px;
max-width: 90%;
margin: 0 auto;
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
align-items: flex-start;
}
.kusuri .detail_kusuri .article{
width: 70%;
}
.kusuri .ancher{
margin-top: -100px;
padding-top: 100px;
}
.kusuri .box_loop .subtitle {
  color: #FFF;/*文字色*/
  padding: 0.5em;/*文字周りの余白*/
  display: inline-block;/*おまじない*/
  line-height: 1.3;/*行高*/
  background: linear-gradient(to bottom, #4cceef 0%, #29abcc 100%);
  vertical-align: middle;
  border-radius: 25px 0px 0px 25px;/*左側の角を丸く*/
  font-weight: 500;
  width: 95%;
  margin-bottom: 20px
}

.kusuri .box_loop .subtitle:before {
  content: '●';
  color: white;
  margin-right: 8px;
}
.kusuri .box_loop .com{
margin-bottom: 100px;
padding: 2%;
line-height: 180%;
font-size: 1.5rem
}
.kusuri .box_loop .com li{
margin-left: 10px;
margin-bottom: 15px
}

.kusuri .box_loop .com dt {
  position: relative;
  padding-left: 25px;
  color: rgb(119, 195, 223);
  font-weight: 600;
  margin-bottom: 15px;
  font-size: 1.8rem
}

.kusuri .box_loop .com dt:before {
  position: absolute;
  content: '';
  bottom: -3px;
  left: 0;
  width: 0;
  height: 0;
  border: none;
  border-left: solid 15px transparent;
  border-bottom: solid 15px rgb(119, 195, 223);
}
.kusuri .box_loop .com dt:after {
  position: absolute;
  content: '';
  bottom: -3px;
  left: 10px;
  width: 100%;
  border-bottom: solid 3px rgb(119, 195, 223);
}
.kusuri .box_loop .com dd{
margin-left: 0;
margin-bottom: 50px
}
.kusuri .box_loop .com .back_top{
padding-top: 30px;
padding-right: 10px;
text-align: right;
}
.kusuri .box_loop .com .back_top a{
color:#0D9FCC;
}
.kusuri .detail_kusuri .aside{
width: 27%;
padding-top: 50px;
  position: sticky;
  top: 20px; /* ここが固定開始位置 */
}
.kusuri .detail_kusuri .aside .title_aside{
  color: #FFF;
  background: linear-gradient(to bottom, #4cceef 0%, #29abcc 100%);
  font-weight: 500;
  margin-bottom: 10px;
  text-align: center;
  padding: 10px 0
}
.kusuri .detail_kusuri .aside .allpost{
background-color: rgba(25,100,250, 0.6);
border-radius: 5px;
padding: 5%;
border: #FFF 1px solid;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.kusuri .detail_kusuri .aside .allpost a{
display: block;
color: #FFF;
margin-bottom: 10px;
border-bottom: #FFF 1px dotted;
font-size: 1.3rem;
width: 48%
}
.kusuri .box_bottom{
height: 100px;
background: linear-gradient(
    to top,
    rgba(255, 255, 255, 1) 0px,
    rgba(255, 255, 255, 0) 100px,
    rgba(255, 255, 255, 0) 300px
);
}
/*表のCSS*/
.TyagGW_tableWrapper{
width: 100%;
}
.TyagGW_tableWrapper td{
font-size: 1.4rem;
padding: 0.7%
}
/*お役立ち情報--------------------------------------------------------------------------*/
.oyakudachi {
padding:0;
background-color: #FFF;
margin-top: 30px
}
.oyakudachi .flex_cat{
width: 1200px;
max-width: 90%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 auto
}
.oyakudachi .flex_cat a{
display: block;
width: 28%;
margin-bottom: 25px;
padding: 2%;
border:#BFE1FC 1px solid;
border-radius: 20px;
font-size: 1.4rem
}
.oyakudachi .flex_cat a .title_cat{
color: #0D9FCC;
font-weight: 600;
border-bottom: #0D9FCC 1px solid;
margin-bottom: 10px;
font-size: 1.8rem
}
.oyakudachi .flex_cat a .bt{
width: 80%;
margin: 15px auto 0 auto;
display: block;
background: linear-gradient(
  to bottom,
  #87e1f9,
  #0690b4
);
color: #FFF;
padding: 8px 0;
transform: 0.8s;
text-align: center;
border-radius: 20px;
font-size: 1.5rem;
font-weight: 500
}
.oyakudachi .flex_cat a:hover{
background-color:#DDF1F7
}
.oyakudachi .text1{
font-family: 'Noto Serif JP';
font-size:  clamp(2.3rem,1.5vw,3.0rem);
color: #0D9FCC;
font-weight: 600;
padding-bottom: 2px;
border-bottom: #0D9FCC 2px solid;
width: 1250px;
max-width: 90%;
margin: 0 auto 100px auto;
}
.oyakudachi .flex_post{
width: 1500px;
max-width: 90%;
margin: 0 auto;
padding: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
color: #000;
}
.oyakudachi .flex_post .photo{
width: 25%;
}
.oyakudachi .flex_post .photo img{
width: 100%;
border-radius: 15px
}
.oyakudachi .flex_post .com{
width: 72%;
font-size: 1.6rem;
line-height: 160%
}
.oyakudachi .flex_post .com .title_postcat{
color: #666;
color:#069;
font-size: 2.5rem;
font-weight: 500;
padding-bottom: 3px;
border-bottom: #56B2D3 1px solid;
margin-bottom: 20px
}
.oyakudachi .flex_post .com .flex_title{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding-top: 30px;
margin-bottom: 100px
}
.oyakudachi .flex_post .com .flex_title::after{
  content:"";
  display: block;
  width:30%;
}
.oyakudachi .flex_post .com .flex_title a{
display: block;
box-sizing: border-box;
width: 31%;
padding: 1%;
border: #CCC 1px solid;
word-break: break-all;
color:#0983af;
text-align: center;
font-size: 1.5rem;
line-height: 150%;
box-shadow: 0px 0px 20px -8px rgba(8,109,207,0.9);
margin-bottom: 15px;
transition: 0.5s
}
.oyakudachi .flex_post .com .flex_title a:hover{
background-color: #56B2D3;
color: #FFF
}

.oyakudachi .detail_oyakudachi{
width: 1500px;
max-width: 90%;
margin: 0 auto;
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
align-items: flex-start;
}
.oyakudachi .detail_oyakudachi .article{
width: 70%;
}
.oyakudachi .ancher{
margin-top: -100px;
padding-top: 100px;
}
.oyakudachi .box_loop .subtitle {
  color: #FFF;/*文字色*/
  padding: 0.5em;/*文字周りの余白*/
  display: inline-block;/*おまじない*/
  line-height: 1.3;/*行高*/
  background: linear-gradient(to bottom, #4cceef 0%, #29abcc 100%);
  vertical-align: middle;
  border-radius: 25px 0px 0px 25px;/*左側の角を丸く*/
  font-weight: 500;
  width: 95%;
  margin-bottom: 20px
}

.oyakudachi .box_loop .subtitle:before {
  content: '●';
  color: white;
  margin-right: 8px;
}
.oyakudachi .box_loop .com{
margin-bottom: 100px;
padding: 2%;
line-height: 180%;
font-size: 1.5rem
}
.oyakudachi .box_loop .com li{
margin-left: 10px;
margin-bottom: 15px
}

.oyakudachi .box_loop .com dt {
  position: relative;
  padding-left: 25px;
  color: rgb(119, 195, 223);
  font-weight: 600;
  margin-bottom: 15px;
  font-size: 1.8rem
}

.oyakudachi .box_loop .com dt:before {
  position: absolute;
  content: '';
  bottom: -3px;
  left: 0;
  width: 0;
  height: 0;
  border: none;
  border-left: solid 15px transparent;
  border-bottom: solid 15px rgb(119, 195, 223);
}
.oyakudachi .box_loop .com dt:after {
  position: absolute;
  content: '';
  bottom: -3px;
  left: 10px;
  width: 100%;
  border-bottom: solid 3px rgb(119, 195, 223);
}
.kusuri .box_loop .com dd{
margin-left: 0;
margin-bottom: 50px
}
.oyakudachi .box_loop .com .back_top{
padding-top: 30px;
padding-right: 10px;
text-align: right;
}
.oyakudachi .box_loop .com .back_top a{
color:#0D9FCC;
}
.oyakudachi .detail_oyakudachi .aside{
width: 27%;
padding-top: 50px;
  position: sticky;
  top: 20px; /* ここが固定開始位置 */
}
.oyakudachi .detail_oyakudachi .aside .title_aside{
  color: #FFF;
  background: linear-gradient(to bottom, #4cceef 0%, #29abcc 100%);
  font-weight: 500;
  margin-bottom: 10px;
  text-align: center;
  padding: 10px 0
}
.oyakudachi .detail_oyakudachi .aside .allpost{
background-color: rgba(25,100,250, 0.6);
border-radius: 5px;
padding: 5%;
border: #FFF 1px solid;
}
.oyakudachi .detail_oyakudachi .aside .allpost a{
display: block;
color: #FFF;
margin-bottom: 10px;
border-bottom: #FFF 1px dotted;
font-size: 1.3rem;
}
.oyakudachi .box_bottom{
height: 100px;
background: linear-gradient(
    to top,
    rgba(255, 255, 255, 1) 0px,
    rgba(255, 255, 255, 0) 100px,
    rgba(255, 255, 255, 0) 300px
);
}
/*当院について--------------------------------------------------------------------------*/
.about{
background-color: #FFF;
font-size: 1.6rem;
padding-right: 1%
}
.about .subtitle{
color:#069;
font-weight: 600;
font-size:  clamp(1.3rem,1.2vw,2.5rem);
text-shadow: 2px 2px 3px rgba(255,255,255,0.7);
font-family: 'Noto Serif JP';
line-height: 160%;
letter-spacing: 0.5rem;
margin-bottom: 25px
}
.about .box1{
width: 1200px;
max-width: 90%;
padding: 100px 0;
margin: 0 auto;
}
.about .box1 .flex_box1{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.about .box1 .flex_box1 .photo{
width: 35%;
}
.about .box1 .flex_box1 .photo img{
width: 100%;
border-radius: 20px
}
.about .box1 .flex_box1 .com{
width: 60%;
padding-top: 20px;
line-height: 180%
}
.about .box2{
  
line-height: 180%;
padding: 100px 0;
}
.about .box2 .flex_box2{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 100px
}
.about .box2 .flex_box2 .box_left{
width: 25%;
position: relative
}
.about .box2 .flex_box2 .box_left .text_left{
padding: 30px 5% 0 5%;
text-align: center;
color: #999;
font-weight: 500;
font-size: 1.8rem;
font-family: 'Noto Serif JP';
color:#069;
}
.about .box2 .flex_box2 .box_left .text_left .text_en{
font-size:  clamp(2.0rem,3.0vw,6.0rem);
color: #ecf1f3;
text-shadow: 2px 2px 5px rgba(77, 76, 76, 0.6);
font-weight:300;
margin-bottom: 15px;
}
.about .box2 .flex_box2 .box_right{
width: 65%;
padding-right: 5%
}
.about .box2 .flex_box2 .box_right .box_flex2 .com{
width: 70%;
}
.about .box2 .flex_box2 .box_right .box_flex2 .photo{
width: 28%;
}
.about .box2 .flex_box2 .box_right .box_flex2 img{
width: 100%;
border-radius: 20px
}
.about .box2 .box_feature1{
background-color: rgba(255,255,255,0.8);
padding: 2%;
width: 850px;
max-width: 95%;
float: left;
margin-bottom: 50px;
border-radius: 20px
}
.about .box2 .box_feature2{
background-color: rgba(255,255,255,0.8);
padding: 2%;
width: 850px;
max-width: 90%;
float: right;
margin-bottom:50px;
border-radius: 20px
}
.about .box2 .feature .img_feature{
width:100%;
margin-bottom: 20px
}
.about .box2 .feature .img_feature img{
width: 100%
}
.about .box2 .feature dl{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.about .box2 .feature dt{
width: 30%;
color:#069;
font-weight: 600;
font-size:  clamp(1.3rem,1.0vw,2.0rem);
text-align: center
}
.about .box2 .feature dd{
width: 68%;
font-size: 1.4rem
}
.about .box2 .photo_greeting{
width: 20%;
}
.about .box2 .photo_greeting img{
width: 100%;
}
.about .box2 p{
padding-top: 50px
}
.about .box3{
width: 1000px;
max-width: 90%;
margin: 0 auto;
padding: 100px 0
}
.about .box_bottom{
height: 100px;
background: linear-gradient(
    to top,
    rgba(255, 255, 255, 1) 0px,
    rgba(255, 255, 255, 0) 100px,
    rgba(255, 255, 255, 0) 300px
);
}
.about .box3 table{
width: 100%;
font-size: 1.4rem
}
.about .box3 td{
border: none;
border-bottom: #666 1px solid;
padding-top: 25px;
padding-bottom: 3px;
}
.about .box3 td:nth-child(1){
width: 20%
}
.about .text1{
text-align: center;
padding-top: 100px;
color:#069;
font-weight: 600;
font-size:  clamp(1.3rem,1.2vw,2.5rem);
}
/*初診の方へ--------------------------------------------------------------------------*/
.first{
background-color: #FFF;
font-size: 1.6rem;
  
  padding: 100px 1% 0 0;
  font-size: 1.5rem
}
.first .catch{
color:#069;
font-weight: 500;
font-size:  clamp(1.3rem,1.2vw,2.5rem);
text-shadow: 2px 2px 3px rgba(255,255,255,0.7);
line-height: 160%;
letter-spacing: 0.5rem;
margin-bottom: 100px;
text-align: center
}
.first .box1{
width: 1200px;
max-width: 90%;
margin: 0 auto 100px auto
}
.first .subtitle{
color:#069;
font-weight: 600;
font-size:  clamp(1.3rem,1.2vw,2.5rem);
text-shadow: 2px 2px 3px rgba(255,255,255,0.7);
font-family: 'Noto Serif JP';
line-height: 160%;
letter-spacing: 0.5rem;
margin-bottom: 25px
}
.first .reserve{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.first .reserve dl{
width: 48%
}
.first .reserve dt {
  color: #FFF;/*文字色*/
  padding: 0.5em;/*文字周りの余白*/
  display: inline-block;/*おまじない*/
  line-height: 1.3;/*行高*/
  background: linear-gradient(to bottom, #4cceef 0%, #29abcc 100%);
  vertical-align: middle;
  border-radius: 25px 0px 0px 25px;/*左側の角を丸く*/
  font-weight: 500;
  width: 95%;
  margin-bottom: 20px
}

.first .reserve dt:before {
  content: '●';
  color: white;
  margin-right: 8px;
}
.first .reserve dd{
line-height: 160%;
}
.first .reserve dd .bt{
padding-top: 40px;
width: 400px;
max-width: 90%;
margin: 0 auto
}
.first .reserve dd .tel{
font-size: 3.0rem;
font-weight: 600;
color:#069;
padding-top: 15px;
text-align: center
}
.first .box2{
width: 1200px;
max-width: 90%;
margin: 0 auto
}
.first .box2 .com{
line-height: 160%;
margin-bottom: 100px
}
.first .box2 .monshin{
padding-top: 50px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.first .box2 .monshin a{
display: block;
text-align: center;
font-size: 2.0rem;
font-weight: 500;
padding: 20px 0;
margin-bottom: 15px;
transition: 0.5s;
background-color: #FFF;
border-radius: 10px
}
.first .box2 .monshin a:hover{
opacity: 0.8
}
.first .box2 .monshin .pdf{
width: 48%;
}
.first .box2 .monshin .pdf a{
color:#D93335;
border:#D93335 1px solid
}
.first .box2 .monshin .word{
width: 48%;
}
.first .box2 .monshin .word a{
color: #245FC7;
border:#245FC7 1px solid
}
.first .box2 ul{
padding: 30px 0
}
.first .box2 li{
display: block;
color: #666;
font-size: 1.6rem;
font-weight: 500;
padding-bottom: 2px;
border-bottom: #666 1px dotted;
margin-bottom: 20px
}
.first .box2 .box_flex2{
margin-bottom: 100px
}
.first .add{
background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0) 0px,
    rgba(255, 255, 255, 1) 100px,
    rgba(255, 255, 255, 1) 200px
);
padding-top: 100px;
min-height: 200px
}
.first .add table{
width: 1000px;
margin: 0 auto
}
.first .add table td{
padding: 1%
}
/*モデルケース--------------------------------------------------------------------------*/
.modelcase{
background-color: #FFF;
font-size: 1.6rem;
  padding: 100px 0 0 0;
  font-size: 1.5rem
}
.modelcase .catch{
color:#069;
font-weight: 500;
font-size:  1.6rem;
text-shadow: 2px 2px 3px rgba(255,255,255,0.7);
line-height: 160%;
letter-spacing: 0.5rem;
width: 1000px;
max-width: 90%;
margin: 0 auto 100px auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.modelcase .catch .com{
width: 65%;
line-height: 180%;
padding-top: 30px
}
.modelcase .catch .photo{
width: 33%;
}
.modelcase .catch .photo img{
width: 100%;
border-radius: 20px
}
.modelcase .box_case{
width: 1200px;
max-width: 90%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 100px
}
.modelcase .box_case .left{
width: 20%;
text-align: center;
font-size: 2.0rem;
font-weight: 500;
color:#069;
padding-top: 50px;
font-family: 'Noto Serif JP';
}
.modelcase .box_case .left .en{
font-size:  clamp(1.6rem,2.0vw,4.5rem);
color: #ecf1f3;
text-shadow: 2px 2px 5px rgba(77, 76, 76, 0.6);
font-weight:300;
margin-bottom: 15px;
}
.modelcase .box_case .right{
width: 73%;
padding-left: 2%;
border-left: #56B2D3 3px solid;
}
.modelcase .box_case .right .com{

}
.modelcase .box_case .right .subtitle{
color:#FFF;
font-size:1.6rem;
font-weight: 500;
background-color: #56B2D3;
padding: 5px 5px 8px 15px;
border-radius: 20px;
margin-bottom: 20px
}
.modelcase .box_case .right .box1{
margin-bottom: 50px
}
.modelcase .box_case .right .box1 li{
display: block;
font-weight: 500;
padding-bottom: 2px;
border-bottom: #999 1px solid;
margin-bottom: 20px
}
.modelcase .box_case .right .box2 li{
display: block;
background-color: #FFF;
padding: 2%;
color:#069;
font-weight: 500;
margin-bottom: 20px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.modelcase .box_case .right .box2 li .num{
display: inline-block;
background-color: #56B2D3;
color: #FFF;
font-size: 1.6rem;
font-weight: 600;
padding: 1% 1.5%;
border-radius: 50%;
text-align: center
}
.modelcase .box_case .right .box2 li .com2{
width: 92%
}
.modelcase .box_case .right .photo{
width: 90%;
margin: 0 auto
}
.modelcase .box_case .right .photo img{
width: 100%;
}
.modelcase .text1{
text-align: center;
padding-top: 100px;
color:#069;
font-weight: 500;
font-size:  clamp(1.3rem,1.2vw,2.5rem);
background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0) 0px,
    rgba(255, 255, 255, 1) 100px,
    rgba(255, 255, 255, 1) 200px
);
}
/*診療時間アクセス--------------------------------------------------------------------------*/
.access{
background-color: #FFF;
font-size: 1.6rem;
  padding: 100px 0 0 0;
  font-size: 1.5rem
}
.access .subtitle{
color:#069;
font-weight: 600;
font-size:  clamp(1.3rem,1.2vw,2.5rem);
text-shadow: 2px 2px 3px rgba(255,255,255,0.7);
font-family: 'Noto Serif JP';
line-height: 160%;
letter-spacing: 0.5rem;
margin-bottom: 25px
}
.access .box1{
width: 1200px;
max-width: 90%;
margin: 0 auto;
margin-bottom: 100px
}
.access .box1 table{
width: 100%;
border-collapse: collapse;
text-align: center
}
.access .box1 tr:nth-child(1){
background-color: #DDEAF7
}
.access .box1 td{
padding: 1%;
border: #56B2D3 1px solid
}
.access .box1 td:nth-child(1){
background-color: #DDEAF7
}
.access .box1 .text1{
font-size: 1.7rem;
font-weight: 500
}
.access .flex_box1{
padding-top: 50px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.access .flex_box1 dl{
width: 48%;
border-radius: 20px;
overflow: hidden;
border: #56B2D3 1px solid
}
.access .flex_box1 dt{
background-color: #56B2D3;
padding: 5px 0;
font-size: 1.6rem;
font-weight: 500;
text-align: center;
color: #FFF
}
.access .flex_box1 dd{
margin-left: 0;
padding: 2%;
line-height: 200%
}
.access .box2{
width: 1200px;
max-width: 90%;
margin: 0 auto;
padding-bottom: 50px;
}
.access .box2 .flex_access{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.access .box2 .flex_access .com{
width: 50%
}
.access .box2 .flex_access .com .add{
font-size: 1.7rem;
font-weight: 500;
margin-bottom: 20px;
}
.access .box2 .flex_access .com ul{
background-color: #FFF;
padding: 2%;
margin-bottom: 30px
}
.access .box2 .flex_access .com ul li{
display: block;
color: #56B2D3;
padding-bottom: 2px;
border-bottom: #56B2D3 1px dotted;
margin-bottom: 15px
}
.access .box2 .flex_access .map{
width: 46%;
border: #56B2D3 1px solid;
padding: 1%
}
.access .box2 .flex_access .com dl{
border-bottom: #666 1px solid;
border-top: #666 1px solid;
padding: 20px 0
}
.access .box2 .flex_access .com dt{
font-size: 1.6rem;
font-weight: 600
}
.access .box2 .flex_access .com dd{
padding-top: 30px;
margin-left: 0
}
.access .box2 .flex_access .com ol li{
margin-bottom: 30px;
margin-left: -15px;
font-weight: 600
}
/*保険診療--------------------------------------------------------------------------*/
.hoken{
background-color: #FFF;
font-size: 1.6rem;
  padding: 50px 0 0 0;
  font-size: 1.5rem
}
.hoken .subtitle{
color:#069;
font-weight: 600;
font-size:  clamp(1.3rem,1.2vw,2.5rem);
text-shadow: 2px 2px 3px rgba(255,255,255,0.7);
font-family: 'Noto Serif JP';
line-height: 160%;
letter-spacing: 0.5rem;
margin-bottom: 25px
}
.hoken .box1{
width: 1000px;
max-width: 90%;
padding: 100px 0;
margin: 0 auto 50px auto;
}
.hoken .box1 .flex_box1{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.hoken .box1 .flex_box1 .photo{
width: 25%;
}
.hoken .box1 .flex_box1 .photo img{
width: 100%;
border-radius: 20px
}
.hoken .box1 .flex_box1 .com{
width: 70%;
padding-top: 20px;
line-height: 180%
}
.hoken .box2{
width: 1300px;
max-width: 90%;
padding: 50px 0;
margin: 0 auto 50px auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.hoken .box2 .left{
width: 25%;
color:#069;
font-weight: 500;
font-size:  clamp(1.3rem,1.0vw,2.0rem);
text-shadow: 2px 2px 3px rgba(255,255,255,0.7);
line-height: 160%;
letter-spacing: 0.5rem;
padding-top: 40px
}
.hoken .box2 .com{
width: 71%;
padding-left: 2%;
border-left: #56B2D3 3px solid;
line-height: 200%
}
.hoken .box2 .com .flex_box2{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 40px 0
}
.hoken .box2 .com li{
width: 33%;
text-align: center;
display: block;
background-color: #FFF;
color:#069;
padding: 5px 0;
margin: 10px 0;
border-radius: 20px;
box-shadow: 1px 1px 3px rgba(150,150,150,0.7);
font-weight: 500
}
.hoken .box2 .com dl{
background-color: #FFF;
border: #56B2D3 1px solid;
border-radius: 20px;
overflow: hidden;
margin-bottom: 25px
}
.hoken .box2 .com dt{
padding: 2%;
color: #56B2D3;
font-size: 1.8rem;
font-weight: 500;
padding-bottom: 2px;
border-bottom: #56B2D3 1px solid;
}
.hoken .box2 .com dd{
padding: 2%;
line-height: 200%
}
.hoken .box3{
width: 1300px;
max-width: 90%;
padding: 50px 0;
margin: 0 auto 50px auto;
}
.hoken .box3 .flex_box3{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.hoken .box3 .flex_box3 dl{
width: 23.5%;
background-color: #FFF;
border: #56B2D3 1px solid;
border-radius: 20px;
overflow: hidden
}
.hoken .box3 .flex_box3 dt{
padding: 2%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.hoken .box3 .flex_box3 dt img{
display: block;
width: 20%
}
.hoken .box3 .flex_box3 dt div{
color: #56B2D3;
font-size: 1.8rem;
font-weight: 500;
width: 78%;
padding-bottom: 2px;
border-bottom: #56B2D3 1px solid;
padding-top: 5%;
font-size: clamp(1.3rem,1.3vw,1.6rem)
}
.hoken .box3 .flex_box3 dd{
padding: 4%;
line-height: 200%;
font-size: 1.4rem
}
.hoken .box4{
color:#069;
font-weight: 500;
font-size:  1.6rem;
background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0) 0px,
    rgba(255, 255, 255, 1) 100px,
    rgba(255, 255, 255, 1) 200px
);
}
.hoken .box4 .flex_box4{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 900px;
margin: 0 auto
}
.hoken .box4 .flex_box4 .photo{
width: 35%;
}
.hoken .box4 .flex_box4 .photo img{
width: 100%;
border-radius: 20px
}
.hoken .box4 .flex_box4 .com{
width: 63%;
padding-top: 20px;
line-height: 180%
}
/*カウンセリングルーム--------------------------------------------------------------------------*/
.counseling{
background-color: #FFF;
font-size: 1.6rem;
  padding: 50px 0 0 0;
  font-size: 1.5rem;
  margin: 0
}
.counseling .subtitle{
color:#069;
font-weight: 600;
font-size:  clamp(1.3rem,1.2vw,2.5rem);
text-shadow: 2px 2px 3px rgba(255,255,255,0.7);
font-family: 'Noto Serif JP';
line-height: 160%;
letter-spacing: 0.5rem;
margin-bottom: 25px
}
.counseling .box1{
width: 1000px;
max-width: 90%;
padding: 50px 0 0 0;
margin: 0 auto 100px auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.counseling .box1 .photo{
width: 27%;
}
.counseling .box1 .photo img{
width: 100%;
border-radius: 20px
}
.counseling .box1 .com{
width: 68%;
line-height: 180%;
padding-top: 20px;
color: #56B2D3;
}
.counseling .box2{
width: 1200px;
max-width: 90%;
padding: 50px 0 0 0;
margin: 0 auto 100px auto;
}
.counseling .box2 .flex_box2{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.counseling .box2 .flex_box2 dl{
width: 32%;
border: #56B2D3 1px solid;
border-radius: 20px;
overflow: hidden;
background-color: #FFF
}
.counseling .box2 .flex_box2 dt{
text-align: center;
color:  #56B2D3;
font-size: 1.6rem;
font-weight: 500;
padding: 5px 0;
padding: 3%;
}
.counseling .box2 .flex_box2 dd{
padding: 3%;
}
.counseling .box2 .flex_box2 dd li{
display: block;
color: #000;
border-bottom: #000 1px dotted;
margin-bottom: 15px
}
.counseling .box3{
width: 1200px;
max-width: 90%;
padding: 50px 0 0 0;
margin: 0 auto 100px auto;
}
.counseling .box3 .flex_box3{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.counseling .box3 .flex_box3 dl{
width: 42%;
background-color:  #56B2D3;
border-radius: 20px;
overflow: hidden;
padding: 1% 3%;
margin-bottom: 20px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.counseling .box3 .flex_box3 dl img{
display: block;
width: 20%;
height: auto;
}
.counseling .box3 .flex_box3 dl .photo{
width: 20%;
}
.counseling .box3 .flex_box3 dl img{
width: 100%
}
.counseling .box3 .flex_box3 dl .com{
width: 78%
}
.counseling .box3 .flex_box3 dt{
border-bottom:  #FFF 2px solid;
color: #FFF;
font-size: 1.6rem;
font-weight: 500;
padding: 5px 0
}
.counseling .box3 .flex_box3 dd{
padding: 3%;
font-size: 1.4rem;
color: #FFF;
border-top:  #FFF 2px solid;
}
.counseling .box4{
width: 1200px;
max-width: 90%;
padding: 50px 0 0 0;
margin: 0 auto 100px auto;
}
.counseling .time{
margin-bottom: 50px
}
.counseling .time table{
	width:100%;
	border-collapse:collapse;
	text-align:center;
	background-color:#FFF;
    font-size: 1.4rem
}
.counseling .time th{
	width:23%;
	background-color:#E3F0F9;
	padding:1%;
	border:#154FA8 1px solid;
}
.counseling .time td{
	width:23%;
	padding:0.5%;
	border:#154FA8 1px solid;

}
.counseling .time tr:nth-child(1){
	background-color:#EEE;

}
.counseling .price{
	font-size:1.6rem;
    margin-bottom: 50px
}
.counseling .price ul{
margin: 0;
padding: 0;
padding-left: 20px;
}
.counseling .price li{
 margin-left: 0px;
 margin-bottom: 25px;
 display: block;
 font-weight:bold;
	color:#154FA8;
 border-bottom: #154FA8 1px solid
}
.counseling .price li td:nth-child(1){
width: 30%;
}
.counseling .price li td:nth-child(2){
width: 25%;
}
.counseling .price li td:nth-child(3){
width: 45%;
}
.counseling .price p{
line-height: 180%
}
.counseling .moshikomi {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.counseling .moshikomi .inner{
width: 44%;
padding: 2%;
margin-bottom: 30px;
background-color: #FFF;
border-radius: 20px
}
.counseling .moshikomi dt{
  position: relative;
  padding-left: 25px;
  color: #069;
  font-size: 1.8rem;
  margin-bottom: 40px;
  font-weight: 500
}

.counseling .moshikomi dt:before {
  position: absolute;
  content: '';
  bottom: -3px;
  left: 0;
  width: 0;
  height: 0;
  border: none;
  border-left: solid 15px transparent;
  border-bottom: solid 15px #069;
}
.counseling .moshikomi dt:after {
  position: absolute;
  content: '';
  bottom: -3px;
  left: 10px;
  width: 100%;
  border-bottom: solid 3px #069;
}

.counseling .moshikomi dd{
	margin-bottom:20px;
    margin-left: 0;
}
.counseling .moshikomi dd img{
display: block;
width: 100px;
max-width: 80%;
margin: 20px auto
}
.counseling .moshikomi dd ul{
	margin:0;
	padding:0;
}
.counseling .moshikomi dd li{
	list-style:disc;
	border-bottom:#154FA8 1px dotted;
	margin-bottom:15px;
}
.counseling .monshin p{
text-align: center;
font-size: 1.8rem;
font-weight: 600
}
.counseling .monshin .box_flex2{
width: 800px;
max-width: 90%;
margin: 0 auto
}
.counseling .bt_monshin a{
 display: block;
 width: 400px;
 text-align: center;
 border: #C00 1px solid;
 font-size: 18px;
 font-weight: 600;
 color: #C00;
 padding: 7px 0;
 margin-top: 20px;
 transition: 0.5s;
 background: #FFF
}
.counseling .bt_monshin a img{
 width: 25px;
}
.counseling .bt_monshin a:hover{
background: #C00;
color: #FFF;
}
.counseling .bt_monshin-w a{
 display: block;
 width: 400px;
 text-align: center;
 border: #036 1px solid;
 font-size: 18px;
 font-weight: 600;
 color: #036;
 padding: 7px 0;
 margin-top: 20px;
 transition: 0.5s;
  background: #FFF
}
.counseling .bt_monshin-w a img{
 width: 25px;
}
.counseling .bt_monshin-w a:hover{
background: #036;
color: #FFF;
}
.counseling .cation{
padding: 50px 0;
border: #F5B806 2px solid;
padding: 4%;
}
.counseling .cation li{
font-size: 1.6rem;
display: block;
margin-bottom: 20px;
}
.counseling .cation li i{
color: #F5B806;
font-size: 2.0rem
}
.counseling .box5{
padding-top: 100px;
padding-bottom: 50px;
background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0) 0px,
    rgba(255, 255, 255, 1) 100px,
    rgba(255, 255, 255, 1) 200px
);
}
.counseling .box5 dl{
width: 1200px;
max-width: 90%;
margin: 0 auto;
}
.counseling .box5 dt{
color: #5A74D7;
font-weight: 500;
margin-bottom: 20px;
}
.counseling .box5 dd{
color: #A25933;
line-height: 180%;
margin-bottom: 60px
}
.counseling .box_shisu dt{
color: #069;
font-size: 1.6rem;
font-weight: 500;
margin-bottom: 30px
}
.counseling .box_shisu table {
width:100%;
border-collapse:collapse;
margin-bottom: 50px;
background-color: #FFF
}
.counseling .box_shisu td{
padding: 0.5%;
font-size: 1.4rem
}
.counseling .box_shisu td:nth-child(1){
width: 15%;
background-color: #f4f4f4
}
.counseling .box_shisu td:nth-child(2){
width: 35%
}
.counseling .catch{
color: #56B2D3;
font-size: 2.5rem;
font-weight: 600;
text-align: center;
padding: 30px;
font-family: 'Noto Serif JP';
}
.counseling .catch2{
color: #56B2D3;
font-size: 2.0rem;
font-weight: 600;
text-align: center;
padding-bottom: 100px;
font-family: 'Noto Serif JP';
line-height: 200%
}
.counseling .box_teg{
width: 1200px;
border-radius: 20px;
padding: 3%;
background-color: rgba(255,255,255,0.8);
box-shadow: inset -2px -2px 7px 0px rgba(88, 87, 87, 0.4);
margin: 0 auto 100px auto
}
.counseling .box_teg dt{
font-size: 2.0rem;
color: #666;
font-weight: 500;
margin-bottom: 15px;
}
.counseling .box_teg dd{
line-height: 160%;
margin-bottom: 30px
}
.counseling .box_teg dt a{
color: #00C;
font-weight: 500;
text-decoration: underline
}
.counseling .box_detail{
width: 1200px;
max-width: 90%;
margin: 0 auto;
line-height: 180%
}
.counseling .box_detail .mokuji{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 3%;
margin: 20px 0 50px 0;
box-shadow: inset -2px -2px 7px 0px rgba(88, 87, 87, 0.4);
}
.counseling .box_detail .mokuji a{
display: block;
width: 48%;
margin-bottom: 20px
}
.counseling .box_detail h3{
color: #56B2D3;
font-size: 1.8rem;
font-weight: 500;
padding-top: 100px
}
.counseling .box_detail strong{
color: #069
}
.counseling .box_wais{
margin: 30px 0
}
.counseling .box_wais strong{
display: block;
margin-top: 20px;
}
.counseling .box_wais dl{
margin-bottom: 50px
}
.counseling .box_wais dt{
background-color:  #56B2D3;
color: #FFF;
font-size: 1.6rem;
font-weight: 600;
padding: 7px 2px 7px 20px;
width: 650px;
border-top-right-radius: 20px;
}
.counseling .box_wais dd{
border:  #56B2D3 2px solid;
padding: 3%;
margin-bottom: 30px;
line-height: 180%;
width: 100%!important;
box-sizing: border-box;
color: #333
}
.counseling .box_wais dd .subtitle_wais{
color: #56B2D3;
font-size: 1.6rem;
font-weight: 600;
margin-bottom: 20px;
}
.counseling .box_wais dd .com{
margin-bottom: 50px
}
.counseling .box_wais dd .com td{
border: none;
border-bottom: #56B2D3 2px dotted;
}
.counseling .text_wais2{
font-size: 20px;
color: #069;
font-weight: 500;
padding: 80px 0 25px 0;
text-align: center
}
.counseling .box_wais .text_wais3{
background-color: #E7EBF1;
width: 400px;
padding: 7px 25px;
font-size: 16px;
font-weight: bold;
border-radius: 20px;
margin: 0 0 20px 0;
border-bottom: 3px #666 solid;
border-right: 3px #666 solid;
color: #5D6A79
}
.counseling .box_wais table{
width: 100%;
border-collapse: collapse
}
.counseling .box_wais table td{
border-bottom: #069 1px dashed;
padding-bottom: 3px;
margin-bottom: 20px;
}
.counseling .box_wais table td:nth-child(1){
font-weight: bold;
width: 10%
}
.counseling .box_wais li{
display: block;
font-size: 1.6rem;
font-weight: 500;
padding-bottom: 2px;
border-bottom: #333 1px dotted;
margin-bottom: 20px
}

/*傷病手当--------------------------------------------------------------------------*/
.benefits{
background-color: #FFF;
font-size: 1.5rem;

  padding: 50px 0 0 0;
  font-size: 1.5rem;
  margin: 0
}
.benefits .subtitle{
color:#069;
font-weight: 600;
font-size:  clamp(1.3rem,1.2vw,2.5rem);
text-shadow: 2px 2px 3px rgba(255,255,255,0.7);
font-family: 'Noto Serif JP';
line-height: 160%;
letter-spacing: 0.5rem;
margin-bottom: 25px
}
.benefits .lead{
width: 800px;
margin: 50px auto;
font-size: 1.7rem;
font-weight: 600;
font-family: 'Noto Serif JP';
line-height: 200%
}
.benefits .box1{
width: 1000px;
max-width: 90%;
padding: 50px 0 0 0;
margin: 0 auto 100px auto;
}
.benefits .box1 .flex_box1{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.benefits .box1 .flex_box1 .photo{
width: 27%;
}
.benefits .box1 .flex_box1 .photo img{
width: 100%;
border-radius: 20px
}
.benefits .box1 .flex_box1 .com{
width: 68%;
line-height: 180%;
padding-top: 20px;
color: #56B2D3;
}
.benefits .box2{
width: 1200px;
max-width: 90%;
padding: 50px 0 0 0;
margin: 0 auto 100px auto;
}
.benefits .box2 .flex_box2{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.benefits .box2 .flex_box2 .com{
width: 75%;
padding-top: 40px;
line-height: 200%
}
.benefits .box2 .flex_box2 .photo{
width: 20%;
}
.benefits .box2 .flex_box2 .photo img{
width: 100%;
border-radius: 20px
}
.benefits .box2 .flex_box2 .com li{
display: block;
background-color: #FFF;
font-size: 1.6rem;
font-weight: 500;
padding: 3%;
margin-bottom: 20px
}
.benefits .box2 .flex_caution{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.benefits .box2 .flex_caution dl{
width: 48%;
box-sizing: border-box;
border: #56B2D3 1px solid;
background-color: #FFF;
border-radius: 20px;
margin-bottom: 20px;
overflow: hidden
}
.benefits .box2 .flex_caution dt{
background-color: #56B2D3;
color: #FFF;
padding: 7px 5px 7px 20px;
margin-bottom: 10px;
font-weight: 500
}
.benefits .box2 .flex_caution dd{
line-height: 200%;
padding: 3%;
}
/*リワーク--------------------------------------------------------------------------*/
.rework{
background-color: #FFF;
font-size: 1.5rem;

  padding: 50px 0 50px 0;
  font-size: 1.5rem;
  margin: 0
}
.rework .subtitle{
color:#069;
font-weight: 600;
font-size:  clamp(1.3rem,1.2vw,2.5rem);
text-shadow: 2px 2px 3px rgba(255,255,255,0.7);
font-family: 'Noto Serif JP';
line-height: 160%;
letter-spacing: 0.5rem;
margin-bottom: 25px
}
.rework .lead{
width: 800px;
margin: 50px auto;
font-size: 1.7rem;
font-weight: 600;
font-family: 'Noto Serif JP';
line-height: 200%
}
.rework .box1{
width: 1000px;
max-width: 90%;
padding: 50px 0 0 0;
margin: 0 auto 100px auto;
}
.rework .box1 .flex_box1{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.rework .box1 .flex_box1 .photo{
width: 27%;
}
.rework .box1 .flex_box1 .photo img{
width: 100%;
border-radius: 20px
}
.rework .box1 .flex_box1 .com{
width: 68%;
line-height: 180%;
padding-top: 20px;
color: #56B2D3;
}
.rework .box2{
width: 1200px;
max-width: 90%;
padding: 50px 0 0 0;
margin: 0 auto 70px auto;
}
.rework .box2 .com{
line-height: 200%;
}
.rework .box2 .com dl{
margin-bottom: 50px
}
.rework .box2 .com dt {
  position: relative;
  padding: 0.5em;
  background: #56B2D3;
  color: #FFF;
  margin-bottom: 30px;
  width: 650px;
  font-size: 1.6rem;
  font-weight: 500
}

.rework .box2 .com dt::before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 20px rgb(149, 158, 155);
}
.rework .box2 .com dd{
padding: 2%;
margin-bottom: 50px;
}
.rework .box2 .com li{
display: block;
font-size: 1.5rem;
font-weight: 500;
padding: 2px;
border-bottom: #56B2D3 1px dashed;
margin-bottom: 20px
}
.rework .box2 .com strong{
color: #56B2D3;
display: block
}
.rework .box2 .com td{
border: #56B2D3 1px solid;
font-size: 1.4rem;
padding: 1%;
width: 25%
}
.rework .box2 .com tr:nth-child(1){
background-color: #FFF;
font-weight: 500
}
.rework .faq dt{
color: #5A74D7;
font-weight: 500;
margin-bottom: 20px;
}
.rework .faq  dd{
color: #A25933;
line-height: 180%;
margin-bottom: 60px
}
/*自立支援医療制度--------------------------------------------------------------------------*/
.self{
background-color: #FFF;
font-size: 1.5rem;


  padding: 50px 0 100px 0;
  font-size: 1.5rem;
  margin: 0
}
.self .subtitle{
color:#069;
font-weight: 600;
font-size:  clamp(1.3rem,1.2vw,2.5rem);
text-shadow: 2px 2px 3px rgba(255,255,255,0.7);
font-family: 'Noto Serif JP';
line-height: 160%;
letter-spacing: 0.5rem;
margin-bottom: 25px
}
.self strong{
color: #56B2D3
}
.self .lead{
width: 800px;
margin: 50px auto;
font-size: 1.7rem;
font-weight: 600;
font-family: 'Noto Serif JP';
line-height: 200%
}
.self .box1{
width: 1000px;
max-width: 90%;
padding: 50px 0 0 0;
margin: 0 auto 100px auto;
}
.self .box1 .flex_box1{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.self .box1 .flex_box1 .photo{
width: 27%;
}
.self .box1 .flex_box1 .photo img{
width: 100%;
border-radius: 20px
}
.self .box1 .flex_box1 .com{
width: 68%;
line-height: 180%;
padding-top: 20px;
color: #56B2D3;
}
.self .box2{
width: 1200px;
max-width: 90%;
margin: 0 auto 70px auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.self .box2 .subtitle{
width: 25%;
font-size: 1.6rem;
padding-top: 40px
}
.self .box2 .com{
width: 71%;
padding-left: 2%;
border-left: #56B2D3 3px solid;
line-height: 200%
}
.self .box2 .flow dl{
background-color: #FFF;
padding: 2%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.self .box2 .flow  dt {
  color: #56B2D3;
  margin-bottom: 5px;
  font-size: 1.6rem;
  font-weight: 600;
  width: 27%
}

.self .box2 .flow dd{
width: 70%
}
.self .box2  li{
display: block;
font-size: 1.5rem;
font-weight: 500;
padding: 2px;
border-bottom: #56B2D3 1px dashed;
margin-bottom: 20px
}
.self .box2  li strong{
display: block
}
.self .box2 .com  .bt a{
display: block;
width: 400px;
background-color: #069;
color: #FFF;
text-align: center;
font-weight: 500;
padding: 5px 0;
border-radius: 20px;
margin: 15px 0;
transition: 0.5s
}
.self .box2 .com  .bt a:hover{
background-color: #036
}
.self .box2 .back_top a{
text-align: right!important
}
/*精神障害者保健福祉手帳--------------------------------------------------------------------------*/
.card{
background-color: #FFF;
font-size: 1.5rem;


  padding: 50px 0 0 0;
  font-size: 1.5rem;
  margin: 0
}
.card .subtitle{
color:#069;
font-weight: 600;
font-size:  clamp(1.3rem,1.2vw,2.5rem);
text-shadow: 2px 2px 3px rgba(255,255,255,0.7);
font-family: 'Noto Serif JP';
line-height: 160%;
letter-spacing: 0.5rem;
margin-bottom: 25px
}
.card strong{
color: #56B2D3
}
.card .lead{
width: 800px;
margin: 50px auto;
font-size: 1.7rem;
font-weight: 600;
font-family: 'Noto Serif JP';
line-height: 200%
}
.card .box1{
width: 1000px;
max-width: 90%;
padding: 50px 0 0 0;
margin: 0 auto 100px auto;
}
.card .box1 .flex_box1{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.card .box1 .flex_box1 .photo{
width: 27%;
}
.card .box1 .flex_box1 .photo img{
width: 100%;
border-radius: 20px
}
.card .box1 .flex_box1 .com{
width: 68%;
line-height: 180%;
padding-top: 20px;
color: #56B2D3;
}
.card .box2{
width: 1200px;
max-width: 90%;
margin: 0 auto 70px auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.card .box2 .subtitle{
width: 25%;
font-size: 1.6rem;
padding-top: 40px
}
.card .box2 .com{
width: 71%;
padding-left: 2%;
border-left: #56B2D3 3px solid;
line-height: 200%
}
.card .box2  dt {
  position: relative;
  padding: 0.5em;
  background: #56B2D3;
  color: #FFF;
  margin-bottom: 20px;
  width: 650px;
  font-size: 1.6rem;
  font-weight: 500
}

.card .box2  dt::before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 20px rgb(149, 158, 155);
}
.card .box2 dd{
padding: 2%;
margin-bottom: 30px;
}
.card .box2  li{
display: block;
font-size: 1.5rem;
font-weight: 500;
padding: 2px;
border-bottom: #56B2D3 1px dashed;
margin-bottom: 20px
}
.card .box2  li strong{
display: block
}
.card .box2 .flow{

}
.card .box2 .flow li{
background-color: #FFF;
padding: 1%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.card .box2 .flow strong{
width: 27%
}
.card .box2 .flow li div{
width: 70%
}
.card .box_bottom{
height: 100px;
background: linear-gradient(
    to top,
    rgba(255, 255, 255, 1) 0px,
    rgba(255, 255, 255, 0) 100px,
    rgba(255, 255, 255, 0) 300px
);
padding-bottom: 50px
}
/*精神障害者保健福祉手帳--------------------------------------------------------------------------*/
.pension{
background-color: #FFF;
font-size: 1.5rem;


  padding: 50px 0 0 0;
  font-size: 1.5rem;
  margin: 0
}
.pension .subtitle{
color:#069;
font-weight: 600;
font-size:  clamp(1.3rem,1.2vw,2.5rem);
text-shadow: 2px 2px 3px rgba(255,255,255,0.7);
font-family: 'Noto Serif JP';
line-height: 160%;
letter-spacing: 0.5rem;
margin-bottom: 25px
}
.pension strong{
color: #56B2D3
}
.pension .lead{
width: 800px;
margin: 50px auto;
font-size: 1.7rem;
font-weight: 600;
font-family: 'Noto Serif JP';
line-height: 200%
}
.pension .box1{
width: 1000px;
max-width: 90%;
padding: 50px 0 0 0;
margin: 0 auto 100px auto;
}
.pension .box1 .flex_box1{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.pension .box1 .flex_box1 .photo{
width: 27%;
}
.pension .box1 .flex_box1 .photo img{
width: 100%;
border-radius: 20px
}
.pension .box1 .flex_box1 .com{
width: 68%;
line-height: 180%;
color: #56B2D3;
}
.pension .box2{
width: 1200px;
max-width: 90%;
margin: 0 auto 70px auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.pension .box2 .subtitle{
width: 25%;
font-size: 1.6rem;
padding-top: 40px
}
.pension .box2 .com{
width: 71%;
padding-left: 2%;
border-left: #56B2D3 3px solid;
line-height: 200%
}
.pension .box2 .com .flex_syurui{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.pension .box2 .com .flex_syurui .inner{
padding: 2%;
border: #56B2D3 2px solid;
border-radius: 20px;
width: 44%;
box-sizing: border-box;
}
.pension .box2 .com .flex_syurui .inner .title_syurui{
color:#069;
font-size: 1.6rem;
font-weight: 500;
margin-bottom: 5px;
border-bottom: #56B2D3 1px solid;
text-align: center
}
.pension .box2  dt {
  position: relative;
  padding: 0.5em;
  background: #56B2D3;
  color: #FFF;
  margin-bottom: 20px;
  width: 650px;
  font-size: 1.6rem;
  font-weight: 500
}

.pension .box2  dt::before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 20px rgb(149, 158, 155);
}
.pension .box2 dd{
padding: 2%;
margin-bottom: 30px;
}
.pension .box2 dd td{
border: #56B2D3 1px solid;
font-size: 1.4rem;
padding: 0.5%;
}
.pension .box2 dd tr:nth-child(1){
text-align: center;
background-color: #FFF
}
.pension .box2 dd td:nth-child(1){
width: 12%;
text-align: center;
}
.pension .box2 dd td:nth-child(2){
width: 18%;
text-align: center;
}
.pension .box2 dd td:nth-child(3){
width: 18%;
text-align: center;
}
.pension .box2 dd td:nth-child(4){
width: 7%;
text-align: center;
}
.pension .box2  li{
display: block;
font-size: 1.5rem;
font-weight: 500;
padding: 2px;
border-bottom: #56B2D3 1px dashed;
margin-bottom: 20px
}
.pension .box2  li strong{
display: block
}
.pension .box2 .flow{

}
.pension .box2 .flow li{
background-color: #FFF;
padding: 1%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.pension .box2 .flow strong{
width: 27%
}
.pension .box2 .flow li div{
width: 70%
}
.pension .box_bottom{
height: 100px;
background: linear-gradient(
    to top,
    rgba(255, 255, 255, 1) 0px,
    rgba(255, 255, 255, 0) 100px,
    rgba(255, 255, 255, 0) 300px
);
padding-bottom: 50px
}
/*休職相談--------------------------------------------------------------------------*/
.sicleave{
background-color: #FFF;
font-size: 1.4rem;


  padding: 50px 0 0 0;
  font-size: 1.5rem;
  margin: 0
}
.sicleave .subtitle{
color:#069;
font-weight: 600;
font-size:  clamp(1.3rem,1.2vw,2.5rem);
text-shadow: 2px 2px 3px rgba(255,255,255,0.7);
font-family: 'Noto Serif JP';
line-height: 160%;
letter-spacing: 0.5rem;
margin-bottom: 25px
}
.sicleave .box1{
width: 1200px;
max-width: 90%;
margin: 0 auto 100px auto;
}
.sicleave .box1  li{
margin-left: 20px
}
.sicleave .box1 dt {
  border-bottom: solid 3px #cce4ff;
  position: relative;
  font-size: 1.8rem;
  font-weight: 500;
  color: #069;
  margin-bottom: 25px;
  font-family: 'Noto Sans JP', sans-serif;
}

.sicleave .box1 dt:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #069;
  bottom: -3px;
  width: 20%;
}
.sicleave .box1 dd{
margin-left: 0;
line-height: 180%
}
.sicleave .box1 .box_flex2 .com{
width: 70%;
}

.sicleave .box1 .box_flex2 .photo{
width: 28%;
}
.sicleave .box1 .box_flex2 .photo img{
width: 100%;
border-radius: 20px;
}
.sicleave .box1 .box_blue{
background-color:#e6eef1;
border-radius: 10px;
padding: 2% 3%;
margin-bottom: 20px;
}
.sicleave .box1 .text1{
font-size: 1.6rem;
font-weight: 500;
color: #069;
margin-bottom: 10px
}
.sicleave .box1 .box_blue li{
display: block;
margin-bottom: 15px;
border-bottom: 1px #666 dotted;
font-size: 1.5rem
}
.sicleave .box1 ol{
border-bottom:#08c 2px solid;
border-top:#08c 2px solid;
padding: 3% 0;
margin: 30px 0
}
.sicleave .box1 ol li{
margin-left: 25px;
color:#08c;
margin-bottom: 15px;
font-weight: 500
}
.sicleave .bt  a{
display: block;
width: 400px;
background-color: #069;
color: #FFF;
text-align: center;
font-weight: 500;
padding: 5px 0;
border-radius: 20px;
margin: 15px 0;
transition: 0.5s
}
.sicleave  .bt a:hover{
background-color: #036
}
.sicleave .faq .title_faq{
color: #5A74D7;
font-weight: 500;
margin-bottom: 20px;
}
.sicleave .faq .answer_faq{
color: #A25933;
line-height: 180%;
margin-bottom: 50px
}
.sicleave .box_bottom{
height: 100px;
background: linear-gradient(
    to top,
    rgba(255, 255, 255, 1) 0px,
    rgba(255, 255, 255, 0) 100px,
    rgba(255, 255, 255, 0) 300px
);
padding-bottom: 50px
}
.sicleave .bt_top a{
color: #069;
font-weight: 600;
text-decoration: underline;
text-align: right;
display: inline-block;
padding-top: 30px
}
/*その他--------------------------------------------------------------------------*/
.other{
background-color: #FFF;
font-size: 1.4rem;


  padding: 50px 0 0 0;
  font-size: 1.5rem;
  margin: 0
}
.other .box_lead{
width: 1000px;
max-width: 90%;
margin: 0 auto 100px auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.other .box_lead .com{
width: 70%;
line-height: 200%;
padding-top: 30px
}
.other .box_lead .photo{
width: 28%;
}
.other .box_lead .photo img{
width: 100%;
border-radius: 20px
}
.other .subtitle{
color:#069;
font-weight: 600;
font-size:  clamp(1.3rem,1.2vw,2.5rem);
text-shadow: 2px 2px 3px rgba(255,255,255,0.7);
font-family: 'Noto Serif JP';
line-height: 160%;
letter-spacing: 0.5rem;
margin-bottom: 25px
}
.other .box1{
width: 1200px;
max-width: 90%;
margin: 0 auto 100px auto;
}
.other .box1  li{
margin-left: 20px;
margin-bottom: 15px;
border-bottom: #666 1px dotted
}
.other .box1 dt {
  border-bottom: solid 3px #cce4ff;
  position: relative;
  font-size: 1.8rem;
  font-weight: 500;
  color: #069;
  margin-bottom: 25px;
  font-family: 'Noto Sans JP', sans-serif;
}

.other .box1 dt:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #069;
  bottom: -3px;
  width: 20%;
}
.other .box1 dd{
margin-left: 0;
line-height: 180%
}
.other .box1 table{
width: 100%;
}
.other .box1 td{
font-size: 1.4rem;
padding: 0.5%;
}
.other .box1 tr:nth-child(1){
background-color: #FFF;
font-weight: 600;
text-align: center
}
.other .box1 .box_flex2 .com{
width: 70%;
}

.other .box1 .box_flex2 .photo{
width: 28%;
}
.other .box1 .box_flex2 .photo img{
width: 100%;
border-radius: 20px;
}
.other .box1 .box_blue{
background-color:#e6eef1;
border-radius: 10px;
padding: 2% 3%;
margin-bottom: 20px;
}
.other .box1 .text1{
font-size: 1.6rem;
font-weight: 500;
color: #069;
margin-bottom: 10px
}
.other .box1 .box_blue li{
display: block;
margin-bottom: 15px;
border-bottom: 1px #666 dotted;
font-size: 1.5rem
}
.other .box1 ol{
border-bottom:#08c 2px solid;
border-top:#08c 2px solid;
padding: 3% 0;
margin: 30px 0
}
.other .box1 ol li{
margin-left: 25px;
color:#08c;
margin-bottom: 15px;
font-weight: 500
}
.other .bt  a{
display: block;
width: 400px;
background-color: #069;
color: #FFF;
text-align: center;
font-weight: 500;
padding: 5px 0;
border-radius: 20px;
margin: 15px 0;
transition: 0.5s
}
.other  .bt a:hover{
background-color: #036
}
.other .faq .title_faq{
color: #5A74D7;
font-weight: 500;
margin-bottom: 20px;
}
.other .faq .answer_faq{
color: #A25933;
line-height: 180%;
margin-bottom: 50px
}
.other .box_bottom{
height: 100px;
background: linear-gradient(
    to top,
    rgba(255, 255, 255, 1) 0px,
    rgba(255, 255, 255, 0) 100px,
    rgba(255, 255, 255, 0) 300px
);
padding-bottom: 50px
}
.other .bt_top a{
color: #069;
font-weight: 600;
text-decoration: underline;
text-align: right;
display: inline-block;
padding-top: 30px
}
.other .lead_price{
width: 1200px;
max-width: 90%;
margin: 0 auto 100px auto;
border: #069 1px solid;
padding: 2%;
color: #069
}
.other .cation{
padding: 50px 0;
border: #F5B806 2px solid;
padding: 4%;
}
.other .cation li{
font-size: 1.6rem;
display: block;
margin-bottom: 20px;
}
/*状態診断って何？--------------------------------------------------------------------------*/
.jotai {

background-color: #FFF;
font-size: 1.6rem
}
.jotai .box1{
width: 1200px;
max-width: 90%;
margin: 0 auto;
padding: 50px 0 0 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.jotai .box1 .com{
width: 64%;
padding: 3%;
background-color: rgba(255,255,255,0.3);
line-height: 200%
}
.jotai .box1 .com .text2{
color: #0D9FCC;
font-weight: 600;
font-size: 1.8rem
}
.jotai .box1 .photo{
width: 28%;
}
.jotai .box1 .photo img{
width: 100%;
border-radius: 20px
}
.jotai .flex_title{
width: 1200px;
max-width: 90%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding-top: 30px
}
.jotai .flex_title::before{
  content:"";
  display: block;
  width:22%;
  order:1;
}
.jotai .flex_title::before{
  content:"";
  display: block;
  width:24%;
  order:1;
}
.jotai .flex_title::after{
  content:"";
  display: block;
  width:24%;
}
.jotai .flex_title a{
display: block;
width: 24%;
padding: 1% 0;
border: #CCC 1px solid;
word-break: break-all;
color:#0983af;
text-align: center;
font-size: 1.5rem;
line-height: 150%;
box-shadow: 0px 0px 20px -8px rgba(8,109,207,0.9);
margin-bottom: 15px;
transition: 0.5s;
box-sizing: border-box
}
.jotai .flex_post .com .flex_title a:hover{
background-color: #56B2D3;
color: #FFF
}


.jotai .text1{
font-family: 'Noto Serif JP';
font-size:  clamp(1.8rem,1.5vw,2.5rem);
color: #0D9FCC;
font-weight: 600;
padding-bottom: 2px;
border-bottom: #0D9FCC 2px solid;
width: 1250px;
max-width: 90%;
margin: 0 auto 20px auto;
text-align: center
}

.jotai .detail_jotai{
width: 1500px;
max-width: 90%;
margin: 0 auto;
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
align-items: flex-start;
}
.jotai .detail_jotai .article{
width: 70%;
}
.jotai .ancher{
margin-top: -100px;
padding-top: 100px;
}
.jotai .box_loop .subtitle {
  color: #FFF;/*文字色*/
  padding: 0.5em;/*文字周りの余白*/
  display: inline-block;/*おまじない*/
  line-height: 1.3;/*行高*/
  background: linear-gradient(to bottom, #4cceef 0%, #29abcc 100%);
  vertical-align: middle;
  border-radius: 25px 0px 0px 25px;/*左側の角を丸く*/
  font-weight: 500;
  width: 95%;
  margin-bottom: 20px
}

.jotai .box_loop .subtitle:before {
  content: '●';
  color: white;
  margin-right: 8px;
}
.jotai .box_loop .com{
margin-bottom: 100px;
padding: 2%;
line-height: 180%;
font-size: 1.5rem
}
.jotai .box_loop .com li{
margin-left: 10px;
margin-bottom: 15px
}

.jotai .box_loop .com dt {
  position: relative;
  padding-left: 25px;
  color: rgb(119, 195, 223);
  font-weight: 600;
  margin-bottom: 15px;
  font-size: 1.6rem
}

.jotai .box_loop .com dt:before {
  position: absolute;
  content: '';
  bottom: -3px;
  left: 0;
  width: 0;
  height: 0;
  border: none;
  border-left: solid 15px transparent;
  border-bottom: solid 15px rgb(119, 195, 223);
}
.jotai .box_loop .com dt:after {
  position: absolute;
  content: '';
  bottom: -3px;
  left: 10px;
  width: 100%;
  border-bottom: solid 3px rgb(119, 195, 223);
}
.jotai .box_loop .com dd{
margin-left: 0;
margin-bottom: 50px
}
.jotai .box_loop .com li{
margin-left: 20px;
border-bottom: #069 1px dotted;
margin-bottom: 20px;
padding-top: 10px
}
.jotai .box_loop .com ol li{
font-weight: 500;
}
.jotai .box_loop .com .back_top{
padding-top: 30px;
padding-right: 10px;
text-align: right;
}
.jotai .box_loop .com .back_top a{
color:#0D9FCC;
}
.jotai .detail_jotai .aside{
width: 27%;
padding-top: 50px;
  position: sticky;
  top: 20px; /* ここが固定開始位置 */
}
.jotai .detail_jotai .aside .title_aside{
  color: #FFF;
  background: linear-gradient(to bottom, #4cceef 0%, #29abcc 100%);
  font-weight: 500;
  margin-bottom: 10px;
  text-align: center;
  padding: 10px 0
}
.jotai .detail_jotai .aside .allpost{
background-color: rgba(25,100,250, 0.6);
border-radius: 5px;
padding: 5%;
border: #FFF 1px solid;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.jotai .detail_jotai .aside .allpost a{
display: block;
color: #FFF;
margin-bottom: 10px;
border-bottom: #FFF 1px dotted;
font-size: 1.3rem;
width: 48%
}
.jotai .faq .title_faq{
color: #5A74D7;
font-weight: 500;
margin-bottom: 20px;
}
.jotai .faq .answer_faq{
color: #A25933;
line-height: 180%;
margin-bottom: 50px
}
.jotai .box_bottom{
height: 100px;
background: linear-gradient(
    to top,
    rgba(255, 255, 255, 1) 0px,
    rgba(255, 255, 255, 0) 100px,
    rgba(255, 255, 255, 0) 300px
);
}
/*総論--------------------------------------------------------------------------*/
.soron {

background-color: #FFF;
font-size: 1.6rem
}
.soron .box1{
width: 1200px;
max-width: 90%;
margin: 0 auto;
padding: 50px 0 50px 0;
line-height: 180%
}
.soron .box1 .box_flex2 .com{
width: 70%;
}
.soron .box1 .box_flex2 .photo{
width: 28%;
}
.soron .box1 .box_flex2 .photo img{
width: 100%;
border-radius: 20px
}
.soron .box1 .subtitle{
color:#069;
font-weight: 600;
font-size:  clamp(1.3rem,1.2vw,2.5rem);
text-shadow: 2px 2px 3px rgba(255,255,255,0.7);
font-family: 'Noto Serif JP';
line-height: 160%;
letter-spacing: 0.5rem;
margin-bottom: 25px
}
.soron .box1 .box_blue{
background-color:#e6eef1;
border-radius: 10px;
padding: 2% 3%;
margin-bottom: 20px;
}
.soron .box1 .text1{
font-size: 1.6rem;
font-weight: 500;
color: #069;
margin-bottom: 10px
}
.soron td{
font-size: 1.3rem
}
.soron td:nth-child(1){
width: 15%
}
.soron td:nth-child(4){
width: 12%
}
.soron td:nth-child(5){
width: 15%
}
.soron td:nth-child(6){
width: 15%
}
.soron tr:nth-child(1){
background-color: #EBF4FB
}
.soron li{
margin-left: 20px;
margin-bottom: 15px
}
.soron dt {
  position: relative;
  padding: 0.5em;
  background: #56B2D3;
  color: #FFF;
  margin-bottom: 20px;
  width: 650px;
  font-size: 1.6rem;
  font-weight: 500
}

.soron  dt::before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 20px rgb(149, 158, 155);
}
.soron dd{
padding: 2%;
margin-bottom: 30px;
}
.soron .subtitle2{
font-size: 1.8rem;
font-weight: 600;
margin-bottom: 25px
}
/*よくある質問--------------------------------------------------------------------------*/
.faq{
background-color: #FFF;
font-size: 1.6rem;
width: 1000px;
max-width: 90%;
margin: 50px auto 50px auto
}
.faq .subtitle{
font-size: 2.0rem;
color: #069;
font-weight: 500;
margin-bottom: 50px
}
.faq  .qa-item{
padding-bottom: 2px;
border-bottom: #069 1px solid;
margin-bottom: 25px;
}
.qa-accordion .qa-q{
  cursor: pointer;
  position: relative;
  padding-right: 2em;
}

.qa-accordion .qa-q::after{
  content: "＋";
  position: absolute;
  right: 0;
  top: 0;
}

.qa-accordion .qa-item.is-open .qa-q::after{
  content: "－";
}

.qa-accordion .qa-a{
  margin: 0;
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transition: max-height .25s ease, opacity .25s ease;
}

/* 開いた状態 */
.qa-accordion .qa-item.is-open .qa-a{
  opacity: 1;
}
.faq dt{
color:#547988;
font-size: 1.7rem
}
.faq dd{
padding-top: 20px;
line-height: 200%;
font-size: 1.5rem
}
/*コラム--------------------------------------------------------------------------*/
.column{
background-color: #FFF;
font-size: 1.6rem
}
.column .flex_column{
width: 1200px;
max-width: 90%;
margin:0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 50px 0
}
.column .flex_column .article{
width: 75%;
}
.column .flex_column .article .flex_title{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.column .flex_column .article .flex_title a{
display: block;
box-sizing: border-box;
padding: 1% 3%;
word-break: break-all;
color:#0983af;
text-align: left;
font-size: 1.5rem;
line-height: 150%;
margin-bottom: 40px;
transition: 0.5s
}
.column .flex_column .article .flex_title a:hover{
background-color: #EEE;
}
.column .flex_column .article .flex_title a h3{
text-align: left;
font-size: 1.8rem;
border-bottom: 2px #069 solid;
margin-bottom: 10px;
padding-bottom: 2px;
}

.column  .box_detail{
font-size: 1.5rem;
line-height: 180%
}
.column  .blogtitle{
font-family: 'Noto Serif JP';
font-size:  clamp(1.8rem,1.5vw,2.5rem);
color: #0D9FCC;
font-weight: 600;
padding-bottom: 2px;
border-bottom: #0D9FCC 2px solid;
margin-bottom: 50px
}

.column  .box_detail .article img{
max-width: 100%;
}

.column  .box_detail .date{
font-size: 12px;
margin-bottom: 30px;
}
.column  .box_detail .bt_back{
padding-top: 40px
}
.column  .box_detail .bt_back a{
color: #069;
font-size: 1.8rem;
font-weight: 500;
text-decoration: underline
}
.column .flex_column .aside{
width: 22%;
padding-top: 50px
}

.column .flex_column .aside .title_aside{
padding-top: 30px;
text-align: center;
color: #385D74;
font-weight: 600;
margin-bottom: 20px;
background-color:#D3E3E9;
padding: 2%
}
.column .flex_column .aside a{
display: block;
font-size: 1.4rem;
font-weight: 500;
border-bottom: #069 1px dotted;
color: #069;
margin-bottom: 15px
}

/*採用情報--------------------------------------------------------------------------*/
.recruit {
background-color: #FFF;
font-size: 1.6rem
}
.recruit .subtitle {
  border-bottom: solid 3px #cce4ff;
  position: relative;
  font-size: 1.8rem;
  font-weight: 500;
  color: #069;
  margin-bottom: 25px;
  font-family: 'Noto Sans JP', sans-serif;
}

.recruit .subtitle:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #069;
  bottom: -3px;
  width: 20%;
}
.recruit .lead{
font-size: 2.0rem;
font-weight: 600;
line-height: 220%;
width: 1000px;
max-width: 90%;
padding: 50px 0;
margin: 0 auto;
font-family: 'Noto Serif JP';
color: #069
}
.recruit .box1{
width: 1200px;
max-width: 90%;
padding: 50px 0;
margin: 0 auto;
padding-bottom: 100px;
position: relative
}
.recruit table{
	width:100%;
	border-collapse:collapse;
	font-size: 1.4rem
}
.recruit table td{
border: none;
	padding:1%;
    padding-top: 25px;
    border-bottom: 1px #333 dotted;
}
.recruit table td:nth-child(1){
width: 20%;
}
.recruit table td:nth-child(2){

}
.recruit table td .station{
background-color: #EAF7FC;
padding: 2%;
line-height: 220%
}
.recruit .inquiry{
text-align: center;
font-size: 1.8rem;
font-weight: 600;

}
.recruit .inquiry .mail{
color: #069;
font-size: 2.5rem;
padding-top: 30px;
}
.recruit .inquiry .tel{
color: #069;
font-size: 2.8rem;
padding-top: 30px;
}
/*お知らせ--------------------------------------------------------------------------*/
.news{
background-color: #FFF;
font-size: 1.6rem
}
.news .flex_column{
width: 1200px;
max-width: 90%;
margin:0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 50px 0
}
.news .flex_column .article{
width: 75%;
}
.news .flex_column .article .flex_title{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.news .box_detail{
font-size: 1.5rem;
line-height: 180%
}
.news  .blogtitle{
font-family: 'Noto Serif JP';
font-size:  clamp(1.8rem,1.5vw,2.5rem);
color: #0D9FCC;
font-weight: 600;
padding-bottom: 2px;
border-bottom: #0D9FCC 2px solid;
margin-bottom: 30px
}

.news  .box_detail .article img{
max-width: 100%;
}

.news  .box_detail .date{
font-size: 1.5rem;
margin-bottom: 20px;
}
.news  .box_detail .bt_back{
padding-top: 40px
}
.news  .box_detail .bt_back a{
color: #069;
font-size: 1.8rem;
font-weight: 500;
text-decoration: underline
}
.news .flex_column .aside{
width: 22%;
padding-top: 50px
}

.news .flex_column .aside .title_aside{
padding-top: 30px;
text-align: center;
color: #385D74;
font-weight: 600;
margin-bottom: 20px;
background-color:#D3E3E9;
padding: 2%
}
.news .flex_column .aside a{
display: block;
font-size: 1.4rem;
font-weight: 500;
border-bottom: #069 1px dotted;
color: #069;
margin-bottom: 15px
}

/* スクロールで出現 */
.fadeRight{
animation-name:fadeRightAnime;
animation-duration:1.5s;
animation-fill-mode:forwards;
opacity:0;
}
@keyframes fadeRightAnime{
  from {
    opacity: 0;
  transform: translateY(30px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}

/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
 
.fadeLeftTrigger,
.fadeRightTrigger{
    opacity: 0;
}


.pager{
width: 650px;
padding-top: 40px;
font-size: 1.5rem;
color: #333;
margin: 0 auto
}
.pager a{
display: inline-block;
background-color: transparent ;
color: #069;
font-size: 1.6rem!important;
padding: 4px 10px!important;
border: #069 1px solid
}
.pager .prev{
padding: 4px 30px!important;
background-color: #069;
color: #FFF
}
.pager .next{
padding: 4px 30px!important;
background-color: #069;
color: #FFF
}
.case .pager .dots{
display: inline-block;
padding-right: 6px
}
.pager .current{
display: inline-block;
padding-right: 6px;
font-size: 1.5rem;
font-weight: 600
}
.pager table{
width: 600px;
margin: 0 auto
}
.pager td a{
border: none;
font-size: 2.0rem;
font-weight: 600;
text-decoration: underline;
display: inline-block;
background-color: #EEE;
padding: 4px 15px;
text-align: center
}
.pager td:nth-child(2){
text-align: right;
width: 50%
}

}

/*===============================================
●スマホれいあうと設定 画面の横幅が650px以下
===============================================*/
@media screen and  (max-width: 650px){
/*青いボタン＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊*/
.btn{
/*アニメーションの起点とするためrelativeを指定*/
position: relative;
overflow: hidden;
/*ボタンの形状*/
text-decoration: none;
display: block;
color: #FFF;
background: linear-gradient(
  to bottom,
  #87e1f9,
  #0690b4
);
border-radius: 30px;
padding: 3px 0 8px 0;
text-align: center;
outline: none;
/*アニメーションの指定*/   
transition: ease .2s;
border-top: #e4f2f6 2px solid;
border-left:  #e4f2f6 2px solid;
box-shadow: inset -2px -2px 7px 0px rgba(88, 87, 87, 0.4);
}

/*ボタン内spanの形状*/
.btn span {
  position: relative;
  z-index: 3;/*z-indexの数値をあげて文字を背景よりも手前に表示*/
 color: #FFF;
 font-size: 1.5rem
}
.btn:hover span{
  color:#fff;
}
/*== 背景が流れる（左から右） */
.bgleft:before {
  content: '';
    /*絶対配置で位置を指定*/
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
    /*色や形状*/
  background-color: #0597bd;
  width: 100%;
  height: 100%;
    /*アニメーション*/
  transition: transform .6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
  transform: scale(0, 1);
  transform-origin: right top;
}
/*hoverした際の形状*/
.bgleft:hover:before{
  transform-origin:left top;
  transform:scale(1, 1);
}

/*緑のボタン＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊*/
.btn2{
/*アニメーションの起点とするためrelativeを指定*/
position: relative;
overflow: hidden;
/*ボタンの形状*/
text-decoration: none;
display: block;
color: #FFF;
background: linear-gradient(
  to bottom,
  #a7e377,
  #579822
);
border-radius: 30px;
padding: 3px 0 8px 0;
text-align: center;
outline: none;
/*アニメーションの指定*/   
transition: ease .2s;
border-top: #e4f2f6 2px solid;
border-left:  #e4f2f6 2px solid;
box-shadow: inset -2px -2px 7px 0px rgba(88, 87, 87, 0.4);
}

/*ボタン内spanの形状*/
.btn2 span {
  position: relative;
  z-index: 3;/*z-indexの数値をあげて文字を背景よりも手前に表示*/
 color: #FFF;
 font-size: 1.5rem
}
.btn2:hover span{
  color:#fff;
}
/*== 背景が流れる（左から右） */
.bgleft2:before {
  content: '';
    /*絶対配置で位置を指定*/
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
    /*色や形状*/
  background-color: #5eba14;
  width: 100%;
  height: 100%;
    /*アニメーション*/
  transition: transform .6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
  transform: scale(0, 1);
  transform-origin: right top;
}
/*hoverした際の形状*/
.bgleft2:hover:before{
  transform-origin:left top;
  transform:scale(1, 1);
}

/*tableの横スクロール用*/
.TyagGW_tableContainer{
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch; /* iPhoneでヌルっと */
}
.TyagGW_tableContainer table{
width: 800px; 
table-layout: fixed;/* セルの横幅を均等に */
}
.TyagGW_tableContainer td{
display: table-cell!important;
 width: auto;
}
/*目次のスタイル＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊*/
.mokuji{
border:#ccc 1px solid;
box-shadow: 0px 0px 20px -8px rgba(8,109,207,0.9);
padding: 7%;
width: 76%;
margin: 0 6% 50px 4%
}
.mokuji .title_mokuji{
color: #069;
font-weight: 600;
margin-bottom: 20px
}
.mokuji a{
display: block;
font-size: 1.5rem;
color:#069;
padding-bottom: 2px;
border-bottom: #56B2D3 1px dotted;
margin-bottom: 10px;
transform: 0.5s
}
.back_top{
padding-right: 10px;
text-align: right;
padding-top: 10px
}
.back_top a{
color:#069;
font-weight: 500
}
.ancher{
margin-top: -80px;
padding-top: 80px
}
.index{
margin-left: -4px;
background: #FFF;
}
.index .main {
position: relative;
font-family: 'Noto Sans JP';
padding-top: 50px;
}
.index .bunner_tel{
display: none
}

.index .main .box_video{
width: 100%;
}
#video-area{
    position: relative;

}
#video {
    /*天地中央配置*/
    width: 100%;
}
.index .main .bunner_main{
width: 97%;
padding-left: 1.5%
}
.index .main .bunner_main img{
width: 100%;
font-family: 'Noto Sans JP';
}

.index .main .text_main{
color:#069;
font-weight: 600;
font-size:  2.5rem;
text-align: center;
padding-top: 5px
}
.index .main .text_main2{
display: none;
font-size:  2.0rem;
padding-bottom: 5px;
text-shadow: 2px 2px 3px rgba(255,255,255,0.7);
font-family: 'Noto Sans JP';
line-height: 160%;
letter-spacing: 0.5rem;
font-weight: bold;
color: #168EB9
}
.index .main .text_main4{
width: 90%;
margin: 10px auto 0 auto;

}
.index .main .text_main4 .subtitle{
font-size: 1.6rem;
padding: 10px 0;
border-bottom: #56B2D3 1px solid;
border-top: #56B2D3 1px solid
}
.index .main .bt_top1{
width: 97%;
margin: 0 auto ;
padding-bottom: 10px;
padding-top: 10px;
}
.index .main .bt_top1 a{
display: block;
margin-bottom: 15px;
}
.index .main .bt_top1 a img{
width: 100%;
display: block;
  box-shadow: 2px 10px 10px -6px rgba(124, 177, 233, 0.3);
   transition: 0.5s
}
.index .main .bt_top2{
width: 97%;
margin: 0 auto ;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.index .main .bt_top2 a{
margin-bottom: 10px;
display: block;
width: 49%
}
.index .main .bt_top2 a img{
width: 100%;
display: block;
  box-shadow: 2px 10px 10px -6px rgba(124, 177, 233, 0.3);
  transition: 0.5s;
}

.index .box1{
padding: 50px 0 0 0;
background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0) 0px,
    rgba(255, 255, 255, 0) 100px,
    rgba(255, 255, 255, 1) 300px
);

}
.index .box1 .box_news{
width: 1000px;
max-width: 90%;
margin: 0 auto;
background-color: rgba(255,255,255,0.2);
padding: 4%;
border-radius: 20px;
border: #E9F8FD 2px solid
}
.index .box1 .box_news .left{
text-align: center;
position: relative;
}
.index .box1 .box_news .left .title_news{
font-size: 2.0rem;
font-weight: 500;
color:#069;
border-bottom: #56B2D3 1px solid;
padding-bottom: 3px;
margin-bottom: 30px
}
.index .box1 .box_news .article{
padding-left: 3%
}
.index .box1 .box_news .article a{
display: block;
font-size: 1.6rem;
padding-bottom: 2px;
border-bottom: 1px #CCC dotted;
margin-bottom: 15px;
color:#6C8187
}
.index .box1 .box_news .article a .date{
font-size: 1.2rem
}
.index .box2{
margin: 0 auto;
padding: 50px 5%;
/*background: linear-gradient(to bottom, #ffffff 0%, #91e2f6 100%);*/
}
.index .box2 .left{
margin-bottom: 20px
}
.index .box2 .left img{
width: 100%;
display: block;
 border-radius: 30px ; 
}
.index .box2 .right{

}
.index .box2 .right .box_lead{
line-height: 200%;
font-size:  1.6rem;
}
.index .box2 .right .box_lead .catch{
font-size:  1.8rem;
color:#069;
font-weight: 500;
margin-bottom: 30px
}
.index .box2 .right .box_lead .bt{
padding-top: 20px
}
.index .box2 .right .box_lead .bt a{
display: block;
margin: 0 auto 15px auto;
}
.index .box2 .right .box_lead .bt a img{
width: 100%;
box-shadow: 2px 10px 10px -6px rgba(124, 177, 233, 0.3);
}
.index .box3{

}
.index .box3 .flex_calender{
width: 90%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: center;
flex-direction: row-reverse;
padding-top: 100px
}
.index .box3 .flex_calender .left{
width: 90%;
font-size:  1.6rem;
line-height: 200%;
padding-bottom: 50px;
}
.index .box3 .flex_calender .left .subtitle{
font-size:  2.0rem;
color:#069;
font-weight: 500;
margin-bottom: 30px;
text-align: center
}
.index .box3 .flex_calender .left a{
display: block;
color: #FFF;
text-align: center;
font-size: 1.5rem;
font-weight: 500;
width: 85%;
line-height: 200%;
margin:0 auto 15px auto
}
.index .box3 .flex_calender .right{
width: 90%;
background-color: #FFF;

}
.index .box4{
padding-top: 50px;
padding-bottom: 50px;
/*
background-image: url("../images/index/bg_box4c.png");
background-repeat: no-repeat;
background-size: contain
*/
background-color:#FFF
}
.index .box4 .subtitle{
font-size:  2.0;
color:#069;
font-weight: 500;
margin-bottom: 30px;
text-align: center
}
.index .box4 .flex_shinryo{
width: 90%;
margin: 0 auto
}
.index .box4 .flex_shinryo a{
display: block;
background-color: #EEF5FB;
color:#069;
font-size: 1.4rem;
font-weight: 400;
padding: 3% 2% 3% 4%;
border: #56B2D3 1px solid;
border-left:#56B2D3 5px solid;
margin-bottom: 15px;
transition: 0.5s
}
.index .box4 .flex_shinryo a img{
width: 100%;
}
.index .box4 .flex_shinryo a img:hover{
opacity: 0.8
}
.bt_more{
margin-top: 15px;
text-decoration: underline;
display: inline-block;
position: relative;
padding-right: 50px
}
.index .box_post{
background-image: url("../images/index/bg_service.jpg");
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
padding-bottom: 50px
}
#service-nav{
background:rgba(255,255,255,0.5);/*背景を少し透過させる*/
padding-bottom:100px
}

.index .flex_post{
width: 90%;
margin: 0 auto;
padding: 50px 0 0 0;
color: #000;
}
.index .flex_post .photo{
display: none
}
.index .flex_post .com{
font-size: 1.6rem;
line-height: 160%
}
.index .flex_post .com .title_postcat{
color: #666;
color:#069;
font-size: 2.0rem;
font-weight: 500;
padding-bottom: 3px;
border-bottom: #56B2D3 1px solid;
margin-bottom: 20px
}
.index .flex_post .com .flex_title{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding-top: 30px
}
.index .flex_post .com .flex_title a{
display: block;
width: 46%;
padding: 1%;
border: #CCC 1px solid;
word-break: break-all;
color:#069;
text-align: center;
font-size: 1.5rem;
line-height: 150%;
box-shadow: 0px 0px 20px -8px rgba(8,109,207,0.9);
margin-bottom: 15px;
transition: 0.5s
}
.index .flex_post .com .flex_title a:hover{
background-color: #56B2D3;
color: #FFF
}
.index .flex_post .com .flex_title a .text13{
display: inline-block;
padding-left: 15px;
font-size: 1.3rem
}
.index .flex_post .com .flex_title a img{
width: 100%
}
.index .flex_post .com .biko{
padding-top: 20px;
font-size: 1.3rem;
padding-top: 30px
}
.index .flex_post .com .bt_post{
padding-top: 30px;
}
.index .flex_post .com .bt_post a{
display: block;
width: 400px;
max-width: 80%;
color: #FFF;
text-align: center;
font-size: 1.5rem;
font-weight: 500;
margin: 0 auto
}
.index .flex_post .com .box_marujotai{
padding: 3%;
padding-bottom: 5%;
border: #CCC 1px solid;
word-break: break-all;
color:#036;
font-size: 1.5rem;
line-height: 170%;
box-shadow: 0px 0px 20px -8px rgba(8,109,207,0.9);
}
.index .flex_post .com .box_marujotai .text_jotai{
font-size: 1.6rem;
font-weight: 600;
color: #036
}

.index .flex_post .com h3{
color: #036;
font-size: 2.0rem;
text-align: center
}
.index .flex_post .com .box_marujotai .bt_jotai{
margin: 0 auto;
padding-top: 30px
}
.index .flex_post .com .box_marujotai .bt_jotai a{
display: block;
background-color: #56B2D3;
color: #FFF;
font-size: 1.6rem;
font-weight: 600;
padding: 15px 2%;
border: #FFF 4px double;
text-align: center;
transition: 0.5s
}
.index .box5{
padding: 30px 0;
position: relative
}
.index .box5 img{
width: 90%;
display: block;
}
.index .box5 .text_box5{
padding-top: 40px;
padding-left: 5%;
padding-right: 5%;
line-height: 150%
}
.index .box5 .text_box5 .catch{
font-size:  2.8rem;
padding-bottom: 5px;
text-shadow: 2px 2px 3px rgba(255,255,255,0.7);
font-family: 'Noto Serif JP';
line-height: 160%;
letter-spacing: 0.5rem;
color:#069;
font-weight: bold;
 text-shadow: 2px 2px 0 #FFF, -2px -2px 0 #FFF,
  -2px 2px 0 #FFF,  2px -2px 0 #FFF,
  2px 0 0 #FFF, -2px  0 0 #FFF,
  0 2px 0 #FFF,  0 -2px 0 #FFF;
}
.index .box5 .text_box5 .text1{
color: #56B2D3;
font-size:  1.8rem;
font-weight: 600;
font-weight: 500;
line-height: 220%;
 text-shadow: 2px 2px 0 #FFF, -2px -2px 0 #FFF,
  -2px 2px 0 #FFF,  2px -2px 0 #FFF,
  2px 0 0 #FFF, -2px  0 0 #FFF,
  0 2px 0 #FFF,  0 -2px 0 #FFF;
}
.index .box5 .box_bunner{
padding-top: 10px
}
.index .box5 .box_bunner a{
display: block;
transition: 0.5;
margin-bottom: 10px
}
.index .box5 .box_bunner a img{
width: 100%;
box-shadow: 2px 10px 10px -6px rgba(124, 177, 233, 0.3);
}
.index .box_blog{
background-color: #FFF;
padding-top: 50px
}
.index .box_blog .subtitle{
font-size:  2.0rem;
color:#069;
font-weight: 500;
margin-bottom: 30px;
text-align: center
}
.index .box_blog .box_blog_in{

}
.index .box_blog .blog-flex{
padding: 0 7%
}

.index .box_blog .blog-flex a{
display: block;
text-decoration: underline;
word-break: break-all;
color:#069;
font-size: 1.3rem;
padding-bottom: 2px;
padding-top: 15px;
padding-right: 5%;
line-height: 110%;
 position: relative;
}
.index .box_blog .blog-flex a:after{
 font-family: FontAwesome;
  content: '\f105'; /* アイコンのunicode */
  position:absolute;
  right:3%;
  top:15px;
  font-size: 1.5rem;
  font-weight: 800;

}
.index .box_blog .blog-flex a .com{

}
.index .box_blog .blog-flex h3{
font-size: 1.6rem;
font-family: 'Noto Serif JP';
margin-top: 0;
}

.index .box_blog .bt_blog{
padding-top: 40px
}
.index .box_blog .bt_blog a{
display: block;
width: 80%;
margin: 0 auto;
}
.index .box_blog .bt_blog a img{
width: 100%
}
/*病名から探す--------------------------------------------------------------------------*/
.byoumei {
padding:50px 1% 0 0;
background-color: #FFF
}
.byoumei .flex_post{
width: 98%;
margin: 0 auto;
padding: 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
flex-direction: column-reverse;
color: #000;
}
.byoumei .flex_post .photo{
width: 80%;
margin: 0 auto
}
.byoumei .flex_post .photo img{
width: 100%;
border-radius: 15px
}
.byoumei .flex_post .com{
font-size: 1.6rem;
line-height: 160%;
margin-bottom: 50px
}
.byoumei .flex_post .com .title_postcat{
color: #666;
color:#069;
font-size: 2.5rem;
font-weight: 500;
padding-bottom: 3px;
border-bottom: #56B2D3 1px solid;
margin-bottom: 20px
}
.byoumei .flex_post .com .flex_title{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding-top: 30px
}
.byoumei .flex_post .com .flex_title a{
display: block;
width: 48%;
padding: 5px 0;
border: #CCC 1px solid;
word-break: break-all;
color:#0983af;
text-align: center;
font-size: 1.5rem;
line-height: 150%;
box-shadow: 0px 0px 20px -8px rgba(8,109,207,0.9);
margin-bottom: 15px;
transition: 0.5s
}


.byoumei .text1{
font-family: 'Noto Serif JP';
font-size:  2.0rem;
color: #0D9FCC;
font-weight: 600;
padding-bottom: 2px;
border-bottom: #0D9FCC 2px solid;
margin: 0 auto 20px auto;
width: 90%;
}
.byoumei .detail_byoumei{
width: 98%;
margin: 0 auto;
}
.byoumei .detail_byoumei .article{
margin-bottom: 40px
}
.byoumei .ancher{
margin-top: -100px;
padding-top: 100px;
}
.byoumei .box_loop .subtitle {
  color: #FFF;/*文字色*/
  padding: 0.5em;/*文字周りの余白*/
  display: inline-block;/*おまじない*/
  line-height: 1.3;/*行高*/
  background: linear-gradient(to bottom, #4cceef 0%, #29abcc 100%);
  vertical-align: middle;
  border-radius: 25px 0px 0px 25px;/*左側の角を丸く*/
  font-weight: 500;
  width: 95%;
  margin-bottom: 10px
}

.byoumei .box_loop .subtitle:before {
  content: '●';
  color: white;
  margin-right: 8px;
}
.byoumei .box_loop .com{
margin-bottom: 25px;
padding: 0 2%;
line-height: 180%;
font-size: 1.5rem
}
.byoumei .box_loop .com li{
margin-left: 5%;
margin-bottom: 10px
}

.byoumei .box_loop .com dt {
  position: relative;
  padding-left: 25px;
  color: rgb(119, 195, 223);
  font-weight: 600;
  margin-bottom: 15px;
  font-size: 1.8rem
}

.byoumei .box_loop .com dt:before {
  position: absolute;
  content: '';
  bottom: -3px;
  left: 0;
  width: 0;
  height: 0;
  border: none;
  border-left: solid 15px transparent;
  border-bottom: solid 15px rgb(119, 195, 223);
}
.byoumei .box_loop .com dt:after {
  position: absolute;
  content: '';
  bottom: -3px;
  left: 10px;
  width: 100%;
  border-bottom: solid 3px rgb(119, 195, 223);
}
.byoumei .box_loop .com dd{
margin-left: 0;
margin-bottom: 30px
}
.byoumei .box_loop .com img{
width: 90%;
margin: 10px auto;
display: block
}
.byoumei .box_loop .com .back_top{
padding-right: 10px;
text-align: right;
}
.byoumei .box_loop .com .back_top a{
color:#0D9FCC;
}
.byoumei .detail_byoumei .aside{

}
.byoumei .detail_byoumei .aside .title_aside{
  color: #FFF;
  background: linear-gradient(to bottom, #4cceef 0%, #29abcc 100%);
  font-weight: 500;
  margin-bottom: 10px;
  text-align: center;
  padding: 10px 0
}
.byoumei .detail_byoumei .aside .allpost{
background-color: rgba(25,100,250, 0.6);
border-radius: 5px;
padding: 5%;
border: #FFF 1px solid;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.byoumei .detail_byoumei .aside .allpost a{
display: block;
color: #FFF;
margin-bottom: 10px;
border-bottom: #FFF 1px dotted;
font-size: 1.3rem;
width: 48%
}
.byoumei .box_bottom{
height: 100px;
background: linear-gradient(
    to top,
    rgba(255, 255, 255, 1) 0px,
    rgba(255, 255, 255, 0) 100px,
    rgba(255, 255, 255, 0) 300px
);
}
/*薬について--------------------------------------------------------------------------*/
.kusuri {
padding:0;
padding-right: 1%;
background-color: #FFF;
margin-top: 30px
}
.kusuri .flex_cat{
width: 90%;
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 0 auto
}
.kusuri .flex_cat a{
display: block;
margin-bottom: 35px;
padding: 4%;
border:#BFE1FC 1px solid;
border-radius: 20px;
font-size: 1.4rem;
color: #333
}
.kusuri .flex_cat a .title_cat{
color: #0D9FCC;
font-weight: 600;
border-bottom: #0D9FCC 1px solid;
margin-bottom: 10px;
font-size: 1.8rem
}
.kusuri .flex_cat a .bt{
margin: 15px auto 0 auto;
display: block;
background: linear-gradient(
  to bottom,
  #87e1f9,
  #0690b4
);
color: #FFF;
padding: 8px 0;
transform: 0.8s;
text-align: center;
border-radius: 20px;
font-size: 1.5rem;
font-weight: 500
}
.kusuri .flex_cat a:hover{
background-color:#DDF1F7
}
.kusuri .text1{
font-family: 'Noto Serif JP';
font-size:  2.0rem;
color: #0D9FCC;
font-weight: 600;
padding-bottom: 2px;
border-bottom: #0D9FCC 2px solid;
width: 90%;
margin: 0 auto 50px auto;
}

.kusuri .flex_post{
width: 98%;
margin: 0 auto;
padding: 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
flex-direction: column-reverse;
color: #000;
}
.kusuri .flex_post .photo{
width: 80%;
margin: 0 auto
}
.kusuri .flex_post .photo img{
width: 100%;
border-radius: 15px
}
.kusuri .flex_post .com{
font-size: 1.5rem;
line-height: 160%;
margin-bottom: 40px
}
.kusuri .flex_post .com .title_postcat{
color: #666;
color:#069;
font-size: 2.0rem;
font-weight: 500;
padding-bottom: 3px;
border-bottom: #56B2D3 1px solid;
}
.kusuri .flex_post .com .flex_title{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding-top: 30px;
margin-bottom: 50px
}
.kusuri .flex_post .com .flex_title a{
display: block;
width: 100%;
box-sizing: border-box;
padding:8px 0;
border: #CCC 1px solid;
word-break: break-all;
color:#0983af;
text-align: center;
font-size: 1.5rem;
line-height: 150%;
box-shadow: 0px 0px 20px -8px rgba(8,109,207,0.9);
margin-bottom: 15px;
transition: 0.5s
}
.kusuri .flex_post .com .flex_title a:hover{
background-color: #56B2D3;
color: #FFF
}

.kusuri .detail_kusuri{
width: 98%;
margin: 0 auto;
}
.kusuri .bt_soron{
width: 90%;
padding: 50px 0;
margin: 0 auto
}
.kusuri .bt_soron a{
display: block;
background-color: #069;
color: #FFF;
text-align: center;
padding: 10px 0;
font-size: 1.8rem;
font-weight: 500;
transition: 0.5s
}
.kusuri .detail_kusuri .article{
margin-bottom: 40px
}
.kusuri .ancher{
margin-top: -100px;
padding-top: 100px;
}
.kusuri .box_loop .subtitle {
  color: #FFF;/*文字色*/
  padding: 0.5em;/*文字周りの余白*/
  display: inline-block;/*おまじない*/
  line-height: 1.3;/*行高*/
  background: linear-gradient(to bottom, #4cceef 0%, #29abcc 100%);
  vertical-align: middle;
  border-radius: 25px 0px 0px 25px;/*左側の角を丸く*/
  font-weight: 500;
  width: 95%;
  margin-bottom: 10px
}

.kusuri .box_loop .subtitle:before {
  content: '●';
  color: white;
  margin-right: 8px;
}
.kusuri .box_loop .com{
margin-bottom: 25px;
padding: 2%;
line-height: 180%;
font-size: 1.5rem
}
.kusuri .box_loop .com li{
margin-left: 5%;
margin-bottom: 10px
}

.kusuri .box_loop .com dt {
  position: relative;
  padding-left: 25px;
  color: rgb(119, 195, 223);
  font-weight: 600;
  margin-bottom: 15px;
  font-size: 1.8rem
}

.kusuri .box_loop .com dt:before {
  position: absolute;
  content: '';
  bottom: -3px;
  left: 0;
  width: 0;
  height: 0;
  border: none;
  border-left: solid 15px transparent;
  border-bottom: solid 15px rgb(119, 195, 223);
}
.kusuri .box_loop .com dt:after {
  position: absolute;
  content: '';
  bottom: -3px;
  left: 10px;
  width: 100%;
  border-bottom: solid 3px rgb(119, 195, 223);
}
.kusuri .box_loop .com dd{
margin-left: 0;
margin-bottom: 30px
}
.kusuri .box_loop .com img{
display: block;
width: 90%;
margin: 10px auto
}
.kusuri .box_loop .com .back_top{
padding-right: 10px;
text-align: right;
}
.kusuri .box_loop .com .back_top a{
color:#0D9FCC;
}
.kusuri .detail_kusuri .aside{

}
.kusuri .detail_kusuri .aside .title_aside{
  color: #FFF;
  background: linear-gradient(to bottom, #4cceef 0%, #29abcc 100%);
  font-weight: 500;
  margin-bottom: 10px;
  text-align: center;
  padding: 10px 0
}
.kusuri .detail_kusuri .aside .allpost{
background-color: rgba(25,100,250, 0.6);
border-radius: 5px;
padding: 5%;
border: #FFF 1px solid;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.kusuri .detail_kusuri .aside .allpost a{
display: block;
color: #FFF;
margin-bottom: 10px;
border-bottom: #FFF 1px dotted;
font-size: 1.3rem;
width: 48%
}
.kusuri .box_bottom{
height: 100px;
background: linear-gradient(
    to top,
    rgba(255, 255, 255, 1) 0px,
    rgba(255, 255, 255, 0) 100px,
    rgba(255, 255, 255, 0) 300px
);
}

/*お役立ち情報--------------------------------------------------------------------------*/
.oyakudachi {
padding:0;
padding-right: 1%;
background-color: #FFF
}
.oyakudachi .flex_cat{
width: 90%;
margin: 0 auto
}
.oyakudachi .flex_cat a{
display: block;
margin-bottom: 35px;
padding: 4%;
border:#BFE1FC 1px solid;
border-radius: 20px;
font-size: 1.4rem;
color: #333
}
.oyakudachi .flex_cat a .title_cat{
color: #0D9FCC;
font-weight: 600;
border-bottom: #0D9FCC 1px solid;
margin-bottom: 10px;
font-size: 1.8rem
}
.oyakudachi .flex_cat a .bt{
margin: 15px auto 0 auto;
display: block;
background: linear-gradient(
  to bottom,
  #87e1f9,
  #0690b4
);
color: #FFF;
padding: 8px 0;
transform: 0.8s;
text-align: center;
border-radius: 20px;
font-size: 1.5rem;
font-weight: 500
}
.oyakudachi .flex_cat a:hover{
background-color:#DDF1F7
}
.oyakudachi .text1{
font-family: 'Noto Serif JP';
font-size:  2.0rem;
color: #0D9FCC;
font-weight: 600;
padding-bottom: 2px;
border-bottom: #0D9FCC 2px solid;
width: 90%;
margin: 0 auto 20px auto;
}
.oyakudachi .flex_post{
width: 98%;
margin: 0 auto;
padding: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
color: #000;
}
.oyakudachi .flex_post .photo{
width: 25%;
}
.oyakudachi .flex_post .photo img{
width: 100%;
border-radius: 15px
}
.oyakudachi .flex_post .com{
width: 72%;
font-size: 1.6rem;
line-height: 160%
}
.oyakudachi .flex_post .com .title_postcat{
color: #666;
color:#069;
font-size: 2.5rem;
font-weight: 500;
padding-bottom: 3px;
border-bottom: #56B2D3 1px solid;
margin-bottom: 20px
}
.oyakudachi .flex_post .com .flex_title{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding-top: 30px;
margin-bottom: 100px
}
.oyakudachi .flex_post .com .flex_title::after{
  content:"";
  display: block;
  width:30%;
}
.oyakudachi .flex_post .com .flex_title a{
display: block;
box-sizing: border-box;
width: 31%;
padding: 1%;
border: #CCC 1px solid;
word-break: break-all;
color:#0983af;
text-align: center;
font-size: 1.5rem;
line-height: 150%;
box-shadow: 0px 0px 20px -8px rgba(8,109,207,0.9);
margin-bottom: 15px;
transition: 0.5s
}
.oyakudachi .flex_post .com .flex_title a:hover{
background-color: #56B2D3;
color: #FFF
}

.oyakudachi .detail_oyakudachi{
width: 98%;
margin: 0 auto;
}
.oyakudachi .detail_oyakudachi .article{
margin-bottom: 40px
}
.oyakudachi .ancher{
margin-top: -100px;
padding-top: 100px;
}
.oyakudachi .box_loop .subtitle {
  color: #069;/*文字色*/
font-size:1.6rem;
font-weight: 600;
border-bottom: #069 2px solid;
  margin-bottom: 15px
}


.oyakudachi .box_loop .com{
margin-bottom: 25px;
padding: 2%;
line-height: 180%;
font-size: 1.5rem
}
.oyakudachi .box_loop .com li{
margin-left: 5%;
margin-bottom: 10px
}

.oyakudachi .box_loop .com dt {
  position: relative;
  padding-left: 25px;
  color: rgb(119, 195, 223);
  font-weight: 600;
  margin-bottom: 15px;
  font-size: 1.8rem
}

.oyakudachi .box_loop .com dt:before {
  position: absolute;
  content: '';
  bottom: -3px;
  left: 0;
  width: 0;
  height: 0;
  border: none;
  border-left: solid 15px transparent;
  border-bottom: solid 15px rgb(119, 195, 223);
}
.oyakudachi .box_loop .com dt:after {
  position: absolute;
  content: '';
  bottom: -3px;
  left: 10px;
  width: 100%;
  border-bottom: solid 3px rgb(119, 195, 223);
}
.oyakudachi .box_loop .com dd{
margin-left: 0;
margin-bottom: 30px
}
.oyakudachi .box_loop .com img{
display: block;
width: 90%;
margin: 10px auto
}
.oyakudachi .box_loop .com .back_top{
padding-right: 10px;
text-align: right;
}
.oyakudachi .box_loop .com .back_top a{
color:#0D9FCC;
}
.oyakudachi .detail_oyakudachi .aside{

}
.oyakudachi .detail_oyakudachi .aside .title_aside{
  color: #FFF;
  background: linear-gradient(to bottom, #4cceef 0%, #29abcc 100%);
  font-weight: 500;
  margin-bottom: 10px;
  text-align: center;
  padding: 10px 0
}
.oyakudachi .detail_oyakudachi .aside .allpost{
background-color: rgba(25,100,250, 0.6);
border-radius: 5px;
padding: 5%;
border: #FFF 1px solid;
}
.oyakudachi .detail_oyakudachi .aside .allpost a{
display: block;
color: #FFF;
margin-bottom: 10px;
border-bottom: #FFF 1px dotted;
font-size: 1.3rem;
}
.oyakudachi .box_bottom{
height: 100px;
background: linear-gradient(
    to top,
    rgba(255, 255, 255, 1) 0px,
    rgba(255, 255, 255, 0) 100px,
    rgba(255, 255, 255, 0) 300px
);
}
/*当院について--------------------------------------------------------------------------*/
.about{
background-color: #FFF;
font-size: 1.6rem;
margin-top: 50px
}
.about .subtitle{
color:#0888b6;
font-weight: 600;
font-size:  2.0rem;
text-shadow: 2px 2px 3px rgba(255,255,255,0.7);
font-family: 'Noto Serif JP';
line-height: 160%;
letter-spacing: 0.5rem;
margin-bottom: 25px
}
.about .box1{
width: 95%;
padding:0 0 50px 0;
margin: 0 auto;
}
.about .box1 .flex_box1{
display: flex;
flex-wrap: wrap;
justify-content: center;
flex-direction: column-reverse
}
.about .box1 .flex_box1 .photo{
width: 80%;
margin: 0 auto
}
.about .box1 .flex_box1 .photo img{
width: 100%;
border-radius: 13px
}
.about .box1 .flex_box1 .com{
margin-bottom: 20px;
padding-top: 20px;
line-height: 180%
}
.about .box2{
background-color: #FFF;
line-height: 180%;
}
.about .box2 .flex_box2{
width: 95%;
margin: 0 auto 50px auto
}
.about .box2 .flex_box2 .box_left{
position: relative;
margin-bottom: 30px
}
.about .box2 .flex_box2 .box_left .text_left{
padding: 30px 5% 0 5%;
text-align: center;
font-weight: 500;
font-size: 2.0rem;
font-family: 'Noto Serif JP';
color:#069;
}
.about .box2 .flex_box2 .box_left .text_left .text_en{
font-size:  3.0rem;
color: #ecf1f3;
text-shadow: 2px 2px 5px rgba(77, 76, 76, 0.6);
font-weight:300;
margin-bottom: 15px;
}
.about .box2 .flex_box2 .box_right{

}
.about .box2 .flex_box2 .box_right .box_flex2 .com{
margin-bottom: 20px
}
.about .box2 .flex_box2 .box_right .box_flex2 .photo{
width: 80%;
margin: 0 auto
}
.about .box2 .flex_box2 .box_right .box_flex2 img{
width: 100%;
border-radius: 13px
}

.about .box2 .box_feature1{
background-color: rgba(255,255,255,0.8);
padding: 2%;
 width: 95%;
margin: 0 auto 50px auto;
border-radius: 13px
}
.about .box2 .box_feature2{
background-color: rgba(255,255,255,0.8);
padding: 2%;
width: 95%;
margin: 0 auto 50px auto;
border-radius: 13px
}
.about .box2 .feature .img_feature{
width:100%;
margin-bottom: 20px
}
.about .box2 .feature .img_feature img{
width: 100%
}
.about .box2 .feature dl{

}
.about .box2 .feature dt{
width: 80%;
color:#069;
font-weight: 600;
font-size:  1.8rem;
text-align: center;
margin: 0 auto 30px auto
}
.about .box2 .feature dd{
font-size: 1.4rem;
padding: 0 3%
}
.about .box2 .photo_greeting{
width: 60%;
margin: 0 auto
}
.about .box2 .photo_greeting img{
width: 100%;
}
.about .box2 p{
padding-top: 50px
}
.about .box3{
width: 98%;
margin: 0 auto;
padding: 30px 0
}
.about .box_bottom{
height: 50px;
background: linear-gradient(
    to top,
    rgba(255, 255, 255, 1) 0px,
    rgba(255, 255, 255, 0) 100px,
    rgba(255, 255, 255, 0) 300px
);
}
.about .box3 table{
width: 100%;
font-size: 1.4rem
}
.about .box3 td{
border: none;
padding-bottom: 3px;
display: block
}
.about .box3 td:nth-child(1){
font-weight: 500
}
.about .box3 td:nth-child(2){
border-bottom: #666 1px solid;
margin-bottom: 20px
}
.about .text1{
padding-top: 30px;
color:#069;
font-weight: 600;
font-size:  1.6rem;
}
/*初診の方へ--------------------------------------------------------------------------*/
.first{
background-color: #FFF;
font-size: 1.6rem;
background-color: #FFF;
margin-top: -10px;
  font-size: 1.5rem;
  margin-top: 50px
}
.first .catch{
color:#0888b6;
font-weight: 500;
font-size: 1.8rem;
text-shadow: 2px 2px 3px rgba(255,255,255,0.7);
line-height: 160%;
letter-spacing: 0.3rem;
width: 95%;
margin: 0 auto 50px auto
}
.first .box1{
width: 1200px;
max-width: 95%;
margin: 0 auto 100px auto
}
.first .subtitle{
color:#0888b6;
font-weight: 600;
font-size:  2.0rem;
text-shadow: 2px 2px 3px rgba(255,255,255,0.7);
font-family: 'Noto Serif JP';
line-height: 160%;
letter-spacing: 0.5rem;
margin-bottom: 25px
}
.first .reserve{

}
.first .reserve dl{
width: 95%;
margin: 0 auto 50px auto
}
.first .reserve dt {
  color: #FFF;/*文字色*/
  padding: 0.5em;/*文字周りの余白*/
  display: inline-block;/*おまじない*/
  line-height: 1.3;/*行高*/
  background: linear-gradient(to bottom, #4cceef 0%, #29abcc 100%);
  vertical-align: middle;
  border-radius: 25px 0px 0px 25px;/*左側の角を丸く*/
  font-weight: 500;
  width: 95%;
  margin-bottom: 20px;
  font-size: 1.8rem
}

.first .reserve dt:before {
  content: '●';
  color: white;
  margin-right: 8px;
}
.first .reserve dd{
line-height: 160%;
margin-left: 0
}
.first .reserve dd .bt{
padding-top: 20px;
width: 90%;
margin: 0 auto
}
.first .reserve dd .tel{
font-size: 3.0rem;
font-weight: 600;
color:#069;
padding-top: 15px;
text-align: center
}
.first .box2{
width: 95%;
margin: 0 auto
}
.first .box2 .com{
line-height: 160%;
margin-bottom: 50px
}
.first .box2 .monshin{
padding-top: 30px;

}
.first .box2 .monshin a{
display: block;
width: 90%;
text-align: center;
font-size: 1.8rem;
font-weight: 500;
padding: 20px 0;
margin-bottom: 15px;
transition: 0.5s;
background-color: #FFF;
border-radius: 10px
}
.first .box2 .monshin a:hover{
opacity: 0.8
}
.first .box2 .monshin .pdf{
margin-bottom: 20px
}
.first .box2 .monshin .pdf a{
color:#D93335;
border:#D93335 1px solid
}
.first .box2 .monshin .word{

}
.first .box2 .monshin .word a{
color: #245FC7;
border:#245FC7 1px solid
}
.first .box2 ul{
padding: 30px 0
}
.first .box2 li{
display: block;
color: #666;
font-size: 1.6rem;
font-weight: 500;
padding-bottom: 2px;
border-bottom: #666 1px dotted;
margin-bottom: 20px
}
.first .box2 .box_flex2{
margin-bottom: 50px
}
.first .box2 .box_flex2 .inner{
margin-bottom: 50px
}
.first .add{
background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0) 0px,
    rgba(255, 255, 255, 1) 100px,
    rgba(255, 255, 255, 1) 200px
);
width: 95%;
margin: 0 auto
}
.first .add table{

}
.first .add table td{
padding: 1%;
border: none;
display: block
}
.first .add table td:nth-child(1){
font-weight: 600
}
.first .add table td:nth-child(2){
border-bottom: #666 1px dotted;
margin-bottom: 25px
}
/*モデルケース--------------------------------------------------------------------------*/
.modelcase{
background-color: #FFF;
font-size: 1.6rem;
background-color: #FFF;
margin-top: -10px;
  font-size: 1.5rem;
  margin-top: -10px;
  padding-right: 1%;
}
.modelcase .catch{
color:#0888b6;
font-weight: 500;
font-size:  1.6rem;
text-shadow: 2px 2px 3px rgba(255,255,255,0.7);
line-height: 160%;
letter-spacing: 0.3rem;
width: 95%;
margin: 0 auto 50px auto;
}
.modelcase .catch .com{
margin-bottom: 20px;
line-height: 180%;
padding-top: 30px
}
.modelcase .catch .photo{
width: 80%;
margin: 0 auto
}
.modelcase .catch .photo img{
width: 100%;
border-radius: 13px
}
.modelcase .box_case{
width: 98%;
margin: 0 auto;
margin-bottom: 50px
}
.modelcase .box_case .left{
margin-bottom: 20px;
text-align: center;
font-size: 2.0rem;
font-weight: 500;
color:#069;
padding-top: 50px
}
.modelcase .box_case .left .en{
font-size:  3.0rem;
color: #ecf1f3;
text-shadow: 2px 2px 5px rgba(77, 76, 76, 0.6);
font-weight:300;
margin-bottom: 15px;
}
.modelcase .box_case .right{
padding-top: 2%;
border-top: #56B2D3 3px solid;
}
.modelcase .box_case .right .com{

}
.modelcase .box_case .right .subtitle{
color:#FFF;
font-size:1.6rem;
font-weight: 500;
background-color: #56B2D3;
padding: 5px 5px 8px 15px;
border-radius: 13px;
margin-bottom: 20px
}
.modelcase .box_case .right .box1{
margin-bottom: 50px
}
.modelcase .box_case .right .box1 li{
display: block;
font-weight: 500;
padding-bottom: 2px;
border-bottom: #999 1px solid;
margin-bottom: 20px
}
.modelcase .box_case .right .box2 li{
display: block;
background-color: #FFF;
padding: 5%;
color:#069;
font-weight: 500;
margin-bottom: 20px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.modelcase .box_case .right .box2 li .num{
display: block;
width: 10%;
background-color: #56B2D3;
color: #FFF;
font-size: 1.6rem;
font-weight: 600;
padding: 1% 1.5%;
text-align: center;
margin-bottom: 5px
}
.modelcase .box_case .right .box2 li .com2{
width: 92%
}
.modelcase .box_case .right .photo{
width: 90%;
margin: 0 auto
}
.modelcase .box_case .right .photo img{
width: 100%;
}
.modelcase .text1{
width: 98%;
margin: 0 auto;
color:#069;
font-weight: 500;
font-size: 1.6rem;
background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0) 0px,
    rgba(255, 255, 255, 1) 100px,
    rgba(255, 255, 255, 1) 200px
);
}
/*診療時間アクセス--------------------------------------------------------------------------*/
.access{
background-color: #FFF;
font-size: 1.6rem;
background-color: #FFF;
  padding: 50px 0 0 0;
  font-size: 1.5rem;
    margin-top: -10px;
    padding-right: 1.5%
}
.access .subtitle{
color:#0888b6;
font-weight: 600;
font-size:  2.0rem;
text-shadow: 2px 2px 3px rgba(255,255,255,0.7);
font-family: 'Noto Serif JP';
line-height: 160%;
letter-spacing: 0.5rem;
margin-bottom: 25px
}
.access .box1{
width: 98%;
margin: 0 auto;
margin-bottom: 50px;
overflow-x: auto;
-webkit-overflow-scrolling: touch; /* iPhoneでヌルっと */
}
.access .box1 table{
width: 650px;
border-collapse: collapse;
text-align: center
}
.access .box1 tr:nth-child(1){
background-color: #DDEAF7
}
.access .box1 td{
padding: 1%;
border: #56B2D3 1px solid;
display: table-cell
}
.access .box1 td:nth-child(1){
background-color: #DDEAF7
}
.access .box1 .text1{
font-size: 1.7rem;
font-weight: 500
}
.access .flex_box1{
padding-top: 50px;
}
.access .flex_box1 dl{
margin-bottom: 30px;
border-radius: 13px;
overflow: hidden;
border: #56B2D3 1px solid
}
.access .flex_box1 dt{
background-color: #56B2D3;
padding: 5px 0;
font-size: 1.8rem;
font-weight: 500;
text-align: center;
color: #FFF
}
.access .flex_box1 dd{
margin-left: 0;
padding: 5%;
line-height: 200%
}
.access .box2{
width: 98%;
margin: 0 auto;
padding-bottom: 50px;
}
.access .box2 .flex_access{

}
.access .box2 .flex_access .com{
margin-bottom: 30px
}
.access .box2 .flex_access .com .add{
font-size: 1.7rem;
font-weight: 500;
margin-bottom: 20px;
}
.access .box2 .flex_access .com ul{
background-color: #FFF;
padding: 2%;
margin-bottom: 30px
}
.access .box2 .flex_access .com ul li{
display: block;
color:#0888b6;
padding-bottom: 2px;
border-bottom: #56B2D3 1px dotted;
margin-bottom: 15px
}
.access .box2 .flex_access .map{
border: #56B2D3 1px solid;
padding: 1%
}
.access .box2 .flex_access .com dl{
border-bottom: #666 1px solid;
border-top: #666 1px solid;
padding: 20px 0
}
.access .box2 .flex_access .com dt{
font-size: 1.6rem;
font-weight: 600
}
.access .box2 .flex_access .com dd{
padding-top: 30px;
margin-left: 0
}
.access .box2 .flex_access .com ol li{
margin-bottom: 30px;
margin-left: -15px;
font-weight: 600
}
/*保険診療--------------------------------------------------------------------------*/
.hoken{
background-color: #FFF;
padding-right: 1.5%;
font-size: 1.6rem;
background-color: #FFF;
margin-top: 50px;
  font-size: 1.5rem
}
.hoken .subtitle{
color:#0888b6;
font-weight: 600;
font-size: 2.0rem;
text-shadow: 2px 2px 3px rgba(255,255,255,0.7);
font-family: 'Noto Serif JP';
line-height: 160%;
letter-spacing: 0.5rem;
margin-bottom: 25px
}
.hoken .box1{
width: 95%;
margin: 0 auto 50px auto;
}
.hoken .box1 .flex_box1{
display: flex;
flex-wrap: wrap;
justify-content: center;
flex-direction: column-reverse
}
.hoken .box1 .flex_box1 .photo{
width: 50%;
margin: 0 auto
}
.hoken .box1 .flex_box1 .photo img{
width: 100%;
}
.hoken .box1 .flex_box1 .com{
padding-bottom: 20px;
line-height: 180%
}
.hoken .box2{
width: 95%;
margin: 0 auto 50px auto;
}
.hoken .box2 .left{
color:#069;
font-weight: 500;
font-size:  1.8rem;
text-shadow: 2px 2px 3px rgba(255,255,255,0.7);
line-height: 160%;
letter-spacing: 0.5rem;
padding-top: 40px
}
.hoken .box2 .com{
padding-top: 20px;
border-top: #56B2D3 3px solid;
line-height: 200%
}
.hoken .box2 .com .flex_box2{
padding: 20px 0
}
.hoken .box2 .com li{
width: 90%;
text-align: center;
display: block;
background-color: #FFF;
color:#069;
padding: 5px 0;
margin: 10px auto;
border-radius: 13px;
box-shadow: 1px 1px 3px rgba(150,150,150,0.7);
font-weight: 600
}
.hoken .box2 .com dl{
background-color: #FFF;
border: #56B2D3 1px solid;
border-radius: 13px;
overflow: hidden;
margin-bottom: 25px
}
.hoken .box2 .com dt{
padding: 2%;
color: #56B2D3;
font-size: 1.8rem;
font-weight: 500;
padding-bottom: 2px;
border-bottom: #56B2D3 1px solid;
}
.hoken .box2 .com dd{
padding: 5%;
line-height: 200%
}
.hoken .box3{
width: 95%;
padding: 50px 0;
margin: 0 auto 50px auto;
}
.hoken .box3 .flex_box3{

}
.hoken .box3 .flex_box3 dl{
background-color: #FFF;
border: #56B2D3 1px solid;
border-radius: 13px;
overflow: hidden;
margin-bottom: 20px
}
.hoken .box3 .flex_box3 dt{
padding: 2%;
display: flex;
flex-wrap: wrap;
justify-content: center;
text-align: center;
font-weight: 600;
}
.hoken .box3 .flex_box3 dt img{
display: block;
width: 20%
}
.hoken .box3 .flex_box3 dt div{
color: #56B2D3;
font-size: 2.0rem;
font-weight: 600;
width: 78%;
padding-bottom: 2px;
border-bottom: #56B2D3 1px solid;
padding-top: 5%;
text-align: left
}
.hoken .box3 .flex_box3 dd{
padding: 4%;
line-height: 200%;
font-size: 1.4rem
}
.hoken .box4{
color:#069;
font-weight: 500;
font-size:  1.6rem;
background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0) 0px,
    rgba(255, 255, 255, 1) 100px,
    rgba(255, 255, 255, 1) 200px
);
}
.hoken .box4 .flex_box4{
width: 95%;
margin: 0 auto
}
.hoken .box4 .flex_box4 .photo{
width: 80%;
margin: 0 auto
}
.hoken .box4 .flex_box4 .photo img{
width: 100%;
border-radius: 13px
}
.hoken .box4 .flex_box4 .com{
padding-bottom: 20px;
line-height: 180%
}
/*カウンセリングルーム--------------------------------------------------------------------------*/
.counseling{
background-color: #FFF;
 padding-right: 1.5%;
font-size: 1.6rem;
background-color: #FFF;
  font-size: 1.5rem;
  margin-top: 30px;
}
.counseling .subtitle{
color:#0888b6;
font-weight: 600;
font-size: 2.0rem;
text-shadow: 2px 2px 3px rgba(255,255,255,0.7);
font-family: 'Noto Serif JP';
line-height: 160%;
letter-spacing: 0.5rem;
margin-bottom: 25px
}
.counseling .box1{
width: 95%;
padding: 20px 0 0 0;
margin: 0 auto 50px auto;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.counseling .box1 .photo{
width: 80%;
margin: 0 auto
}
.counseling .box1 .photo img{
width: 100%;
border-radius: 13px
}
.counseling .box1 .com{
line-height: 180%;
padding-bottom: 20px;
}
.counseling .box2{
width: 95%;
padding: 50px 0 0 0;
margin: 0 auto;
}
.counseling .box2 .flex_box2{
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.counseling .box2 .flex_box2 dl{
border: #56B2D3 1px solid;
border-radius: 13px;
overflow: hidden;
background-color: #FFF;
margin: 0 auto 20px auto;
width: 95%;
box-sizing: border-box;
padding: 3% 5%;
}
.counseling .box2 .flex_box2 dt{
color:  #56B2D3;
font-size: 1.8rem;
font-weight: 500;
padding: 5px 0;
}
.counseling .box2 .flex_box2 dd{

}
.counseling .box2 .flex_box2 dd li{
display: block;
color: #000;
border-bottom: #000 1px dotted;
margin-bottom: 15px
}
.counseling .box3{
width: 95%;
padding: 50px 0 0 0;
margin: 0 auto 50px auto;
}
.counseling .box3 .flex_box3{

}
.counseling .box3 .flex_box3 dl{
width: 100%;
box-sizing: border-box;
background-color:  #56B2D3;
border-radius: 13px;
overflow: hidden;
padding: 1% 3%;
margin-bottom: 20px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.counseling .box3 .flex_box3 dl img{
display: block;
width: 20%;
height: auto;
}
.counseling .box3 .flex_box3 dl .photo{
width: 20%;
}
.counseling .box3 .flex_box3 dl img{
width: 100%
}
.counseling .box3 .flex_box3 dl .com{
width: 78%
}
.counseling .box3 .flex_box3 dt{
color: #FFF;
font-size: 1.6rem;
font-weight: 600;
padding: 5px 0;
}
.counseling .box3 .flex_box3 dd{
padding: 20px 3% 3% 3%;
font-size: 1.4rem;
color: #FFF;
border-top:  #FFF 2px solid;
}
.counseling .box4{
width: 95%;
padding: 50px 0 0 0;
margin: 0 auto;
}
.counseling .time{
margin-bottom: 50px;
overflow-x: auto;
-webkit-overflow-scrolling: touch; /* iPhoneでヌルっと */
}
.counseling .time table{
	width:650px;
	border-collapse:collapse;
	text-align:center;
	background-color:#FFF;
    font-size: 1.4rem
}
.counseling .time th{
	width:23%;
	background-color:#E3F0F9;
	padding:1%;
	border:#154FA8 1px solid;
    display: table-cell
}
.counseling .time td{
	width:23%;
	padding:0.5%;
	border:#154FA8 1px solid;
display: table-cell
}
.counseling .time tr:nth-child(1){
	background-color:#EEE;

}
.counseling .price{
	font-size:1.6rem;
    margin-bottom: 50px
}
.counseling .price ul{
margin: 0;
padding: 0;
}
.counseling .price li{
 margin-left: 0px;
 margin-bottom: 25px;
 display: block;
 font-weight:600;
	color:#154FA8;
 border-bottom: #154FA8 1px solid;
 overflow-x: auto;
-webkit-overflow-scrolling: touch; /* iPhoneでヌルっと */
}
.counseling .price li table{
width: 100%
}
.counseling .price li td{
display: table-cell;
font-size: 1.3rem;
}
.counseling .price li td:nth-child(1){
width: 30%;
}
.counseling .price li td:nth-child(2){
width: 25%;
}
.counseling .price li td:nth-child(3){
width: 45%;
}
.counseling .price p{
line-height: 180%
}
.counseling .moshikomi {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.counseling .moshikomi .inner{
padding: 2%;
margin-bottom: 30px;
background-color: #FFF;
border-radius: 13px;
width: 96%
}
.counseling .moshikomi dt{
  position: relative;
  padding-left: 25px;
  color: #069;
  font-size: 1.8rem!important;
  text-align: left;
  margin-bottom: 40px;
  font-weight: 600
}

.counseling .moshikomi dt:before {
  position: absolute;
  content: '';
  bottom: -3px;
  left: 0;
  width: 0;
  height: 0;
  border: none;
  border-left: solid 15px transparent;
  border-bottom: solid 15px #069;
}
.counseling .moshikomi dt:after {
  position: absolute;
  content: '';
  bottom: -3px;
  left: 10px;
  width: 100%;
  border-bottom: solid 3px #069;
}

.counseling .moshikomi dd{
	margin-bottom:20px;
    margin-left: 0;
}
.counseling .moshikomi dd img{
display: none;
}
.counseling .moshikomi dd ul{
	margin:0;
	padding:0;
}
.counseling .moshikomi dd li{
	list-style:disc;
	border-bottom:#154FA8 1px dotted;
	margin-bottom:15px;
}
.counseling .moshikomi dd a span{
font-weight: 600;
font-size: 1.6rem
}
.counseling .monshin p{
font-size: 1.6rem;
font-weight: 500
}
.counseling .monshin .box_flex2{
width: 95%;
margin: 0 auto
}
.counseling .bt_monshin a{
 display: block;
 text-align: center;
 border: #C00 1px solid;
 font-size: 18px;
 font-weight: 600;
 color: #C00;
 padding: 7px 0;
 margin-top: 20px;
 transition: 0.5s;
 background: #FFF;
 font-weight: 500
}
.counseling .bt_monshin a img{
 width: 25px;
}
.counseling .bt_monshin a:hover{
background: #C00;
color: #FFF;
}
.counseling .bt_monshin-w a{
 display: block;
 text-align: center;
 border: #036 1px solid;
 font-size: 18px;
 font-weight: 600;
 color: #036;
 padding: 7px 0;
 margin-top: 20px;
 transition: 0.5s;
  background: #FFF
}
.counseling .bt_monshin-w a img{
 width: 25px;
}
.counseling .bt_monshin-w a:hover{
background: #036;
color: #FFF;
}
.counseling .cation{
padding: 50px 0;
border: #F5B806 2px solid;
padding: 4%;
}
.counseling .cation li{
font-size: 1.6rem;
display: block;
margin-bottom: 20px;
}
.counseling .cation li i{
color: #F5B806;
font-size: 2.0rem
}
.counseling .box5{
padding-top: 100px;
padding-bottom: 50px;
background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0) 0px,
    rgba(255, 255, 255, 1) 100px,
    rgba(255, 255, 255, 1) 200px
);
}
.counseling .box5 dl{
width: 1200px;
max-width: 98%;
margin: 0 auto;
}
.counseling .box5 dt{
color: #5A74D7;
font-weight: 500;
margin-bottom: 20px;
}
.counseling .box5 dd{
color: #A25933;
line-height: 180%;
margin-bottom: 60px
}
.counseling .box_shisu dt{
color: #069;
font-size: 1.6rem;
font-weight: 500;
margin-bottom: 30px
}
.counseling .box_shisu dd{
overflow-x: auto;
-webkit-overflow-scrolling: touch; /* iPhoneでヌルっと */
}
.counseling .box_shisu table {
width:500px;
border-collapse:collapse;
margin-bottom: 50px;
background-color: #FFF
}
.counseling .box_shisu td{
padding: 0.5%;
font-size: 1.4rem;
display: table-cell
}
.counseling .box_shisu td:nth-child(1){
width: 25%;
background-color: #f4f4f4
}
.counseling .box_shisu td:nth-child(2){
width: 35%
}
.counseling .catch{
color:#0888b6;
font-size: 2.2rem;
font-weight: 600;
padding: 30px;
font-family: 'Noto Serif JP';
text-align: center
}
.counseling .catch2{
color:#0888b6;
font-size: 1.7rem;
font-weight: 800;
padding-bottom: 50px;
font-family: 'Noto Serif JP';
line-height: 200%;
width: 95%;
margin:  0 auto
}
.counseling .box_teg{
width: 86%;
border-radius: 13px;
padding: 5%;
background-color: rgba(255,255,255,0.8);
box-shadow: inset -2px -2px 7px 0px rgba(88, 87, 87, 0.4);
margin: 0 auto 50px auto
}
.counseling .box_teg dt{
font-size: 1.8rem;
color: #666;
font-weight: 500;
margin-bottom: 15px;
}
.counseling .box_teg dd{
line-height: 160%;
margin-bottom: 30px;
margin-left: 0
}
.counseling .box_teg dt a{
color: #00C;
font-weight: 500;
text-decoration: underline
}
.counseling .box_detail{
width: 98%;
margin: 0 auto;
line-height: 180%
}
.counseling .box_detail .mokuji{
padding: 5%;
margin: 20px 0 50px 0;
box-shadow: inset -2px -2px 7px 0px rgba(88, 87, 87, 0.4);
}
.counseling .box_detail .mokuji a{
display: block;
margin-bottom: 20px
}
.counseling .box_detail h3{
color: #0888b6;
font-size: 1.8rem;
font-weight: 500;
padding-top: 30px
}
.counseling .box_detail strong{
color: #069
}
.counseling .box_wais{
margin: 30px 0
}
.counseling .box_wais strong{
display: block;
margin-top: 20px;
}
.counseling .box_wais dl{
margin-bottom: 50px;
}
.counseling .box_wais dt{
background-color:  #56B2D3;
color: #FFF;
font-size: 1.6rem;
font-weight: 600;
padding: 7px 2px 7px 20px;
}
.counseling .box_wais dd{
padding: 6%;
border:  #56B2D3 2px solid;
margin-bottom: 30px;
line-height: 180%;
box-sizing: border-box;
color: #333;
}
.counseling .box_wais dd .subtitle_wais{
color: #56B2D3;
font-size: 1.6rem;
font-weight: 600;
margin-bottom: 20px;
}
.counseling .box_wais dd .com{
margin-bottom: 50px
}
.counseling .box_wais dd .com td{
border: none;
border-bottom: #56B2D3 2px dotted;
}
.counseling .text_wais2{
font-size: 20px;
color: #069;
font-weight: 500;
padding: 80px 0 25px 0;
}
.counseling .box_wais .text_wais3{
background-color: #E7EBF1;
padding: 7px 25px;
font-size: 16px;
font-weight: bold;
margin: 0 0 20px 0;
color: #5D6A79
}
.counseling .box_wais table{
width: 100%;
border-collapse: collapse
}
.counseling .box_wais table td{
padding-bottom: 3px;
display: block;
border-bottom: #069 1px dashed;
margin-bottom: 20px;
display: table-cell
}
.counseling .box_wais table td:nth-child(1){
font-weight: bold;
width: 23%
}
.counseling .box_wais table td:nth-child(2){

}
.counseling .box_wais li{
display: block;
font-size: 1.6rem;
font-weight: 500;
padding-bottom: 2px;
border-bottom: #333 1px dotted;
margin-bottom: 20px
}

/*傷病手当--------------------------------------------------------------------------*/
.benefits{
 padding-right: 1.5%;
background-color: #FFF;
font-size: 1.5rem;
background-color: #FFF;

  font-size: 1.5rem;
  margin-top: 50px
}
.benefits .subtitle{
color:#0888b6;
font-weight: 600;
font-size:  2.0rem;
text-shadow: 2px 2px 3px rgba(255,255,255,0.7);
font-family: 'Noto Serif JP';
line-height: 160%;
letter-spacing: 0.5rem;
margin-bottom: 25px
}
.benefits .lead{
width: 95%;
padding: 30px 0;
font-size: 1.7rem;
font-weight: 600;
font-family: 'Noto Serif JP';
line-height: 200%;
margin: 0 auto
}
.benefits .box1{
width: 95%;
padding: 50px 0 0 0;
margin: 0 auto 50px auto;
}
.benefits .box1 .flex_box1{

}
.benefits .box1 .flex_box1 .photo{
width: 80%;
margin: 0 auto
}
.benefits .box1 .flex_box1 .photo img{
width: 100%;
border-radius: 13px
}
.benefits .box1 .flex_box1 .com{
line-height: 180%;
padding-bottom: 20px;
}
.benefits .box2{
width: 95%;
margin: 0 auto 50px auto;
}
.benefits .box2 .flex_box2{

}
.benefits .box2 .flex_box2 .com{
margin-bottom: 20px;
line-height: 200%
}
.benefits .box2 .flex_box2 .photo{
width: 80%;
margin: 0 auto
}
.benefits .box2 .flex_box2 .photo img{
width: 100%;
border-radius: 13px
}
.benefits .box2 .flex_box2 .com li{
display: block;
background-color: #FFF;
font-size: 1.6rem;
font-weight: 500;
padding: 3%;
margin-bottom: 20px
}
.benefits .box2 .flex_caution{

}
.benefits .box2 .flex_caution dl{
box-sizing: border-box;
border: #56B2D3 1px solid;
background-color: #FFF;
border-radius: 13px;
margin-bottom: 20px;
overflow: hidden
}
.benefits .box2 .flex_caution dt{
background-color: #56B2D3;
color: #FFF;
padding: 7px 5px 7px 20px;
margin-bottom: 10px;
font-weight: 500
}
.benefits .box2 .flex_caution dd{
line-height: 200%;
padding: 3%;
}
/*リワーク--------------------------------------------------------------------------*/
.rework{
padding-right: 1.5%;
background-color: #FFF;
font-size: 1.5rem;
background-color: #FFF;

  font-size: 1.5rem;
  margin-top: -10px
}
.rework .subtitle{
color:#0888b6;
font-weight: 600;
font-size:  2.0rem;
text-shadow: 2px 2px 3px rgba(255,255,255,0.7);
font-family: 'Noto Serif JP';
line-height: 160%;
letter-spacing: 0.5rem;
margin-bottom: 25px
}
.rework .lead{
width: 95%;
margin: 50px auto;
font-size: 1.7rem;
font-weight: 600;
font-family: 'Noto Serif JP';
line-height: 200%
}
.rework .box1{
width: 95%;
padding: 20px 0 0 0;
margin: 0 auto 50px auto;
}
.rework .box1 .flex_box1{

}
.rework .box1 .flex_box1 .photo{
width: 80%;
margin: 0 auto
}
.rework .box1 .flex_box1 .photo img{
width: 100%;
border-radius: 15px
}
.rework .box1 .flex_box1 .com{
line-height: 180%;
padding-bottom: 20px;
}
.rework .box2{
width: 95%;
padding: 20px 0 0 0;
margin: 0 auto 50px auto;
}
.rework .box2 .com{
line-height: 200%;
}
.rework .box2 .com dl{
margin-bottom: 50px
}
.rework .box2 .com dt {
  position: relative;
  padding: 0.5em;
  background: #56B2D3;
  color: #FFF;
  margin-bottom: 30px;
  font-size: 1.8rem;
  font-weight: 500
}

.rework .box2 .com dt::before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 20px rgb(149, 158, 155);
}
.rework .box2 .com dd{
padding: 2%;
margin-bottom: 50px;
}
.rework .box2 .com li{
display: block;
font-size: 1.5rem;
font-weight: 500;
padding: 2px;
border-bottom: #56B2D3 1px dashed;
margin-bottom: 20px
}
.rework .box2 .com strong{
color: #56B2D3;
display: block
}
.rework .box2 .scroll_table{
overflow-x: auto;
-webkit-overflow-scrolling: touch; /* iPhoneでヌルっと */
}
.rework .box2 .com table{
width: 800px
}
.rework .box2 .com td{
display: table-cell;
border: #56B2D3 1px solid;
font-size: 1.4rem;
padding: 1%;
width: 25%
}
.rework .box2 .com tr:nth-child(1){
background-color: #FFF;
font-weight: 500
}
.rework .faq dt{
color: #5A74D7;
font-weight: 500;
margin-bottom: 20px;
}
.rework .faq  dd{
color: #A25933;
line-height: 180%;
margin-bottom: 60px
}
/*自立支援医療制度--------------------------------------------------------------------------*/
.self{
padding-right: 1.5%;
background-color: #FFF;
font-size: 1.5rem;
background-color: #FFF;

  font-size: 1.5rem;
  margin-top: -10px;
  padding-bottom: 50px
}
.self .subtitle{
color:#0888b6;
font-weight: 600;
font-size:  2.0rem;
text-shadow: 2px 2px 3px rgba(255,255,255,0.7);
font-family: 'Noto Serif JP';
line-height: 160%;
letter-spacing: 0.5rem;
margin-bottom: 25px
}
.self strong{
color: #56B2D3
}
.self .lead{
width: 98%;
margin: 0 auto;
padding: 30px 0;
font-size: 1.7rem;
font-weight: 600;
font-family: 'Noto Serif JP';
line-height: 200%
}
.self .box1{
width: 95%;
padding: 50px 0 0 0;
margin: 0 auto 50px auto;
}
.self .box1 .flex_box1{
}
.self .box1 .flex_box1 .photo{
width: 80%;
margin: 0 auto;
}
.self .box1 .flex_box1 .photo img{
width: 100%;
border-radius: 13px
}
.self .box1 .flex_box1 .com{
line-height: 180%;
padding-bottom: 20px;
}
.self .box2{
width: 95%;
margin: 0 auto 50px auto;
}
.self .box2 .subtitle{
font-size: 1.8rem;
 font-weight: 600
}
.self .box2 .com{
padding-top: 20px;
border-top: #56B2D3 3px solid;
line-height: 200%
}
.self .box2 .flow dl{
background-color: #FFF;
padding: 5%;
}
.self .box2 .flow  dt {
  color: #56B2D3;
  font-weight: 600;
  margin-bottom: 5px;
  font-size: 1.6rem
}

.self .box2 dd{

}
.self .box2  li{
display: block;
font-size: 1.5rem;
font-weight: 500;
padding: 2px;
border-bottom: #56B2D3 1px dashed;
margin-bottom: 20px
}
.self .box2  li strong{
display: block
}
.self .box2 .com .bt a{
display: block;
width: 90%;
background-color: #069;
color: #FFF;
text-align: center;
font-weight: 500;
padding: 5px 0;
border-radius: 13px;
margin: 15px auto;
transition: 0.5s
}
.self .box2 .back_top a{
text-align: right
}
/*精神障害者保健福祉手帳--------------------------------------------------------------------------*/
.card{
padding-right: 1.5%;
background-color: #FFF;
font-size: 1.5rem;
background-color: #FFF;

  font-size: 1.5rem;
  margin-top: -10px
}
.card .subtitle{
color:#0888b6;
font-weight: 600;
font-size:  2.0rem;
text-shadow: 2px 2px 3px rgba(255,255,255,0.7);
font-family: 'Noto Serif JP';
line-height: 160%;
letter-spacing: 0.5rem;
margin-bottom: 25px
}
.card strong{
color: #56B2D3
}
.card .lead{
width: 98%;
margin: 0 auto;
padding: 30px 0;
font-size: 1.7rem;
font-weight: 600;
font-family: 'Noto Serif JP';
line-height: 200%
}
.card .box1{
width: 95%;
padding: 50px 0 0 0;
margin: 0 auto 50px auto;
}
.card .box1 .flex_box1{

}
.card .box1 .flex_box1 .photo{
width: 80%;
margin: 0 auto;
}
.card .box1 .flex_box1 .photo img{
width: 100%;
border-radius: 13px
}
.card .box1 .flex_box1 .com{
line-height: 180%;
padding-bottom: 20px;
}
.card .box2{
width: 95%;
margin: 0 auto 50px auto;
}
.card .box2 .subtitle{
font-size: 1.8rem;
 font-weight: 600
}
.card .box2 .com{
padding-top: 20px;
border-top: #56B2D3 3px solid;
line-height: 200%
}
.card .box2  dt {
  position: relative;
  padding: 0.5em;
  background: #56B2D3;
  color: #FFF;
  margin-bottom: 20px;
  font-size: 1.8rem;
  font-weight: 600
}

.card .box2  dt::before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 20px rgb(149, 158, 155);
}
.card .box2 dd{
padding: 2%;
margin-bottom: 30px;
margin-left: 0
}
.card .box2  li{
display: block;
font-size: 1.5rem;
font-weight: 500;
padding: 2px;
border-bottom: #56B2D3 1px dashed;
margin-bottom: 20px;
margin-left: 0
}
.card .box2  li strong{
display: block
}
.card .box2 .flow{

}
.card .box2 .flow li{
background-color: #FFF;
padding: 5%;
}
.card .box2 .flow strong{

}
.card .box2 .flow li div{

}
.card .box_bottom{
height: 50px;
background: linear-gradient(
    to top,
    rgba(255, 255, 255, 1) 0px,
    rgba(255, 255, 255, 0) 100px,
    rgba(255, 255, 255, 0) 300px
);
padding-bottom: 50px
}
/*精神障害者保健福祉手帳--------------------------------------------------------------------------*/
.pension{
padding-right: 1.5%;
background-color: #FFF;
font-size: 1.5rem;
background-color: #FFF;
  font-size: 1.5rem;
  margin-top: -10px
}
.pension .subtitle{
color:#0888b6;
font-weight: 600;
font-size:  2.0rem;
text-shadow: 2px 2px 3px rgba(255,255,255,0.7);
font-family: 'Noto Serif JP';
line-height: 160%;
letter-spacing: 0.5rem;
margin-bottom: 25px
}
.pension strong{
color: #56B2D3
}
.pension .lead{
width: 98%;
margin: 0 auto;
padding: 30px 0;
font-size: 1.7rem;
font-weight: 600;
font-family: 'Noto Serif JP';
line-height: 200%
}
.pension .box1{
width: 95%;
padding: 50px 0 0 0;
margin: 0 auto 50px auto;
}
.pension .box1 .flex_box1{

}
.pension .box1 .flex_box1 .photo{
width: 80%;
margin: 0 auto;
}
.pension .box1 .flex_box1 .photo img{
width: 100%;
border-radius: 13px
}
.pension .box1 .flex_box1 .com{
line-height: 180%;
padding-bottom: 20px;
}
.pension .box2{
width: 95%;
margin: 0 auto 50px auto;
}
.pension .box2 .subtitle{
font-size: 1.8rem;
 font-weight: 600
}
.pension .box2 .com{
padding-top: 20px;
border-top: #56B2D3 3px solid;
line-height: 200%
}
.pension .box2 .com .flex_syurui{

}
.pension .box2 .com .flex_syurui .inner{
padding: 2%;
border: #56B2D3 2px solid;
border-radius: 13px;
margin-bottom: 25px;
box-sizing: border-box;
}
.pension .box2 .com .flex_syurui .inner .title_syurui{
color:#069;
font-size: 1.6rem;
font-weight: 500;
margin-bottom: 5px;
border-bottom: #56B2D3 1px solid;
text-align: center
}
.pension .box2  dt {
  position: relative;
  padding: 0.5em;
  background: #56B2D3;
  color: #FFF;
  margin-bottom: 20px;
  font-size: 1.8rem;
  font-weight: 600
}

.pension .box2  dt::before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 20px rgb(149, 158, 155);
}
.pension .box2 dd{
padding: 2%;
margin-bottom: 30px;
margin-left: 0;
overflow-x: auto;
-webkit-overflow-scrolling: touch; /* iPhoneでヌルっと */
}
.pension .box2 table{
width: 700px
}
.pension .box2 dd td{
border: #56B2D3 1px solid;
font-size: 1.4rem;
padding: 0.5%;
display: table-cell
}
.pension .box2 dd tr:nth-child(1){
text-align: center;
background-color: #FFF
}
.pension .box2 dd td:nth-child(1){
width: 12%;
text-align: center;
}
.pension .box2 dd td:nth-child(2){
width: 18%;
text-align: center;
}
.pension .box2 dd td:nth-child(3){
width: 18%;
text-align: center;
}
.pension .box2 dd td:nth-child(4){
width: 7%;
text-align: center;
}
.pension .box2  li{
display: block;
font-size: 1.5rem;
font-weight: 500;
padding: 2px;
border-bottom: #56B2D3 1px dashed;
margin-bottom: 20px
}
.pension .box2  li strong{
display: block
}
.pension .box2 .flow{

}
.pension .box2 .flow li{
background-color: #FFF;
padding: 5%;
}
.pension .box2 .flow strong{
}
.pension .box2 .flow li div{

}
.pension .box_bottom{
height: 50px;
background: linear-gradient(
    to top,
    rgba(255, 255, 255, 1) 0px,
    rgba(255, 255, 255, 0) 100px,
    rgba(255, 255, 255, 0) 300px
);
padding-bottom: 50px
}
/*休職相談--------------------------------------------------------------------------*/
.sicleave{
padding-right: 1.5%;
background-color: #FFF;
font-size: 1.5rem;
background-color: #FFF;

  font-size: 1.5rem;
  margin-top: 50px
  }
.sicleave .subtitle{
color:#0888b6;
font-weight: 600;
font-size:  1.8rem;
text-shadow: 2px 2px 3px rgba(255,255,255,0.7);
font-family: 'Noto Serif JP';
line-height: 160%;
letter-spacing: 0.5rem;
margin-bottom: 25px
}
.sicleave .box1{
width: 95%;
margin: 0 auto 50px auto;
}
.sicleave .box1  li{
margin-left: 20px
}
.sicleave .box1 dt {
  border-bottom: solid 3px #cce4ff;
  position: relative;
  font-size: 1.6rem;
  font-weight: 500;
  color: #069;
  margin-bottom: 25px;
  font-family: 'Noto Sans JP', sans-serif;
}

.sicleave .box1 dt:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #069;
  bottom: -3px;
  width: 20%;
}
.sicleave .box1 dd{
margin-left: 0;
line-height: 180%
}
.sicleave .box1 .box_flex2 .com{
width: 100%;
margin-bottom: 20px
}

.sicleave .box1 .box_flex2 .photo{
width: 70%;
margin: 0 auto
}
.sicleave .box1 .box_flex2 .photo img{
width: 100%;
border-radius: 20px;
}
.sicleave .box1 .box_blue{
background-color:#e6eef1;
border-radius: 10px;
padding: 2% 3%;
margin-bottom: 20px;
}
.sicleave .box1 .text1{
font-size: 1.6rem;
font-weight: 500;
color: #069;
margin-bottom: 10px
}
.sicleave .box1 .box_blue li{
display: block;
margin-bottom: 15px;
border-bottom: 1px #666 dotted;
font-size: 1.5rem
}
.sicleave .box1 ol{
border-bottom:#08c 2px solid;
border-top:#08c 2px solid;
padding: 3% 0;
margin: 30px 0
}
.sicleave .box1 ol li{
margin-left: 25px;
color:#08c;
margin-bottom: 15px;
font-weight: 500
}
.sicleave .bt  a{
display: block;
width:80%;
background-color: #069;
color: #FFF;
text-align: center;
font-weight: 500;
padding: 5px 0;
border-radius: 20px;
margin: 15px auto;
transition: 0.5s
}
.sicleave  .bt a:hover{
background-color: #036
}
.sicleave .faq .title_faq{
color: #5A74D7;
font-weight: 500;
margin-bottom: 20px;
}
.sicleave .faq .answer_faq{
color: #A25933;
line-height: 180%;
margin-bottom: 50px
}
.sicleave .box_bottom{
height: 100px;
background: linear-gradient(
    to top,
    rgba(255, 255, 255, 1) 0px,
    rgba(255, 255, 255, 0) 100px,
    rgba(255, 255, 255, 0) 300px
);
padding-bottom: 50px
}
.sicleave .bt_top a{
color: #069;
font-weight: 600;
text-decoration: underline;
text-align: right;
display: inline-block;
padding-top: 30px
}
/*その他--------------------------------------------------------------------------*/
.other{
padding-right: 1.5%;
background-color: #FFF;
font-size: 1.5rem;
background-color: #FFF;
  font-size: 1.5rem;
  margin-top: 50px
  }
.other .box_lead{
width: 95%;
margin: 0 auto 50px auto;
}
.other .box_lead .com{
line-height: 200%;
padding-bottom: 30px
}
.other .box_lead .photo{
width: 80%;
margin: 0 auto
}
.other .box_lead .photo img{
width: 100%;
border-radius: 20px
}
.other .subtitle{
color:#0888b6;
font-weight: 600;
font-size:  1.8rem;
text-shadow: 2px 2px 3px rgba(255,255,255,0.7);
font-family: 'Noto Serif JP';
line-height: 160%;
letter-spacing: 0.5rem;
margin-bottom: 25px
}
.other .box1{
width: 95%;
margin: 0 auto 50px auto;
}
.other .box1  li{
margin-left: 20px
}
.other .box1 dt {
  border-bottom: solid 3px #cce4ff;
  position: relative;
  font-size: 1.6rem;
  font-weight: 500;
  color: #069;
  margin-bottom: 25px;
  font-family: 'Noto Sans JP', sans-serif;
}

.other .box1 dt:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #069;
  bottom: -3px;
  width: 20%;
}
.other .box1 dd{
margin-left: 0;
line-height: 180%
}
.other .box1 .box_flex2 .com{
width: 100%;
margin-bottom: 20px
}

.other .box1 .box_flex2 .photo{
width: 70%;
margin: 0 auto
}
.other .box1 .box_flex2 .photo img{
width: 100%;
border-radius: 20px;
}
.other .box1 table{
width: 650px;
}
.other .box1 td{
display: table-cell
}
.other .box1 .box_blue{
background-color:#e6eef1;
border-radius: 10px;
padding: 2% 3%;
margin-bottom: 20px;
}
.other .box1 .text1{
font-size: 1.6rem;
font-weight: 500;
color: #069;
margin-bottom: 10px
}
.other .box1 .box_blue li{
display: block;
margin-bottom: 15px;
border-bottom: 1px #666 dotted;
font-size: 1.5rem
}
.other .box1 ol{
border-bottom:#08c 2px solid;
border-top:#08c 2px solid;
padding: 3% 0;
margin: 30px 0
}
.other .box1 ol li{
margin-left: 25px;
color:#08c;
margin-bottom: 15px;
font-weight: 500
}
.other .bt  a{
display: block;
width:80%;
background-color: #069;
color: #FFF;
text-align: center;
font-weight: 500;
padding: 5px 0;
border-radius: 20px;
margin: 15px auto;
transition: 0.5s
}
.other  .bt a:hover{
background-color: #036
}
.other .faq .title_faq{
color: #5A74D7;
font-weight: 500;
margin-bottom: 20px;
}
.other .faq .answer_faq{
color: #A25933;
line-height: 180%;
margin-bottom: 50px
}
.other .box_bottom{
height: 100px;
background: linear-gradient(
    to top,
    rgba(255, 255, 255, 1) 0px,
    rgba(255, 255, 255, 0) 100px,
    rgba(255, 255, 255, 0) 300px
);
padding-bottom: 50px
}
.other .bt_top a{
color: #069;
font-weight: 600;
text-decoration: underline;
text-align: right;
display: inline-block;
padding-top: 30px
}
.other .lead_price{
padding:50px 5%;
max-width: 500px;
margin: 0 auto;
color: #069
}
.other .cation{
padding: 4% 0;
border: #F5B806 2px solid;
padding: 4%;
}
.other .cation li{
font-size: 1.6rem;
display: block;
margin-bottom: 20px;
}
/*状態診断--------------------------------------------------------------------------*/
.jotai {
padding:50px 1.5% 0 0;
background-color: #FFF;
}
.jotai .box1{
width: 98%;
margin: 0 auto;
padding: 100px 0 0 0;
font-size: 1.6rem
}
.jotai .box1 .com{
margin-bottom: 20px;
line-height: 200%
}
.jotai .box1 .com .text2{
color: #0D9FCC;
font-weight: 600;
font-size: 1.8rem;
width: 98%;
margin: 0 auto;
}
.jotai .box1 .photo{
width: 80%;
margin: 0 auto
}
.jotai .box1 .photo img{
width: 100%;
border-radius: 20px
}
.jotai .flex_title{
padding-top: 30px;
width: 98%;
margin: 0 auto;
}
.jotai .flex_title a{
display: block;
padding: 10px 0;
border: #CCC 1px solid;
word-break: break-all;
color:#0983af;
text-align: center;
font-size: 1.5rem;
line-height: 150%;
box-shadow: 0px 0px 20px -8px rgba(8,109,207,0.9);
margin: 0 auto 15px auto;
transition: 0.5s;
width: 90%;
}


.jotai .text1{
font-family: 'Noto Serif JP';
font-size:  2.0rem;
color: #0D9FCC;
font-weight: 600;
padding-bottom: 2px;
border-bottom: #0D9FCC 2px solid;
margin: 0 auto 20px auto;
width: 90%
}
.jotai .detail_jotai{
width: 98%;
margin: 0 auto;
}
.jotai .detail_jotai .article{
margin-bottom: 40px
}
.jotai .ancher{
margin-top: -100px;
padding-top: 100px;
}
.jotai .box_loop .subtitle {
  color: #FFF;/*文字色*/
  padding: 0.5em;/*文字周りの余白*/
  display: inline-block;/*おまじない*/
  line-height: 1.3;/*行高*/
  background: linear-gradient(to bottom, #4cceef 0%, #29abcc 100%);
  vertical-align: middle;
  border-radius: 25px 0px 0px 25px;/*左側の角を丸く*/
  font-weight: 500;
  width: 95%;
  margin-bottom: 10px
}

.jotai .box_loop .subtitle:before {
  content: '●';
  color: white;
  margin-right: 8px;
}
.jotai .box_loop .com{
margin-bottom: 25px;
padding: 0 2%;
line-height: 180%;
font-size: 1.5rem
}
.jotai .box_loop .com li{
margin-left: 5%;
margin-bottom: 10px
}

.jotai .box_loop .com dt {
  position: relative;
  padding-left: 25px;
  color: rgb(119, 195, 223);
  font-weight: 600;
  margin-bottom: 15px;
  font-size: 1.8rem
}

.jotai .box_loop .com dt:before {
  position: absolute;
  content: '';
  bottom: -3px;
  left: 0;
  width: 0;
  height: 0;
  border: none;
  border-left: solid 15px transparent;
  border-bottom: solid 15px rgb(119, 195, 223);
}
.jotai .box_loop .com dt:after {
  position: absolute;
  content: '';
  bottom: -3px;
  left: 10px;
  width: 100%;
  border-bottom: solid 3px rgb(119, 195, 223);
}
.jotai .box_loop .com dd{
margin-left: 0;
margin-bottom: 30px
}
.jotai .box_loop .com img{
width: 90%;
margin: 10px auto;
display: block
}
.jotai .box_loop .com .back_top{
padding-right: 10px;
text-align: right;
}
.jotai .box_loop .com .back_top a{
color:#0D9FCC;
}
.jotai .detail_jotai .aside{

}
.jotai .detail_jotai .aside .title_aside{
  color: #FFF;
  background: linear-gradient(to bottom, #4cceef 0%, #29abcc 100%);
  font-weight: 500;
  margin-bottom: 10px;
  text-align: center;
  padding: 10px 0
}
.jotai .detail_jotai .aside .allpost{
background-color: rgba(25,100,250, 0.6);
border-radius: 5px;
padding: 5%;
border: #FFF 1px solid;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.jotai .detail_jotai .aside .allpost a{
display: block;
color: #FFF;
margin-bottom: 10px;
border-bottom: #FFF 1px dotted;
font-size: 1.3rem;
width: 48%
}
.jotai .faq .title_faq{
color: #5A74D7;
font-weight: 500;
margin-bottom: 20px;
}
.jotai .faq .answer_faq{
color: #A25933;
line-height: 180%;
margin-bottom: 50px
}
.jotai .box_bottom{
height: 100px;
background: linear-gradient(
    to top,
    rgba(255, 255, 255, 1) 0px,
    rgba(255, 255, 255, 0) 100px,
    rgba(255, 255, 255, 0) 300px
);
}
/*総論--------------------------------------------------------------------------*/
.soron {
padding-right: 1%;
font-size: 1.5rem;
background-color: #FFF;
}
.soron .box1{
width: 98%;
margin: 0 auto;
padding: 50px 0 30px 0;
line-height: 180%
}
.soron .box1 .box_flex2 .com{
margin-bottom: 20px
}
.soron .box1 .box_flex2 .photo{
width: 80%;
margin: 0 auto
}
.soron .box1 .box_flex2 .photo img{
width: 100%;
border-radius: 20px
}
.soron .box1 .subtitle{
color:#0888b6;
font-weight: 600;
font-size: 2.0rem;
text-shadow: 2px 2px 3px rgba(255,255,255,0.7);
font-family: 'Noto Serif JP';
line-height: 160%;
letter-spacing: 0.5rem;
margin-bottom: 25px
}
.soron .box1 .box_blue{
background-color:#e6eef1;
border-radius: 10px;
padding: 4% 4%;
margin-bottom: 20px;
}
.soron .box1 .box_blue .text1{
font-size: 1.6rem;
font-weight: 500;
color: #069;
margin-bottom: 10px
}
.soron table{
width: 1000px;
}
.soron td{
font-size: 1.4rem
}

.soron li{
margin-left: 20px;
margin-bottom: 15px
}
.soron dt {
  position: relative;
  padding: 0.5em;
  background: #56B2D3;
  color: #FFF;
  margin-bottom: 20px;
  font-size: 1.6rem;
  font-weight: 500
}

.soron  dt::before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 20px rgb(149, 158, 155);
}
.soron dd{
padding: 2%;
margin-bottom: 30px;
margin-left: 0
}
.soron .subtitle2{
font-size: 1.8rem;
font-weight: 600;
margin-bottom: 25px
}
/*よくある質問--------------------------------------------------------------------------*/
.faq{
background-color: #FFF;
font-size: 1.6rem;
width: 95%;
margin: 50px auto 50px auto
}
.faq .subtitle{
font-size: 2.0rem;
color: #069;
font-weight: 500;
margin-bottom: 50px
}
.faq  .qa-item{
padding-bottom: 2px;
border-bottom: #069 1px solid;
margin-bottom: 25px;
}
.qa-accordion .qa-q{
  cursor: pointer;
  position: relative;
  padding-right: 2em;
}

.qa-accordion .qa-q::after{
  content: "＋";
  position: absolute;
  right: 0;
  top: 0;
}

.qa-accordion .qa-item.is-open .qa-q::after{
  content: "－";
}

.qa-accordion .qa-a{
  margin: 0;
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transition: max-height .25s ease, opacity .25s ease;
}

/* 開いた状態 */
.qa-accordion .qa-item.is-open .qa-a{
  opacity: 1;
}
.faq dt{
color:#547988;
font-size: 1.7rem
}
.faq dd{
padding-top: 20px;
line-height: 200%;
font-size: 1.5rem
}
/*採用情報--------------------------------------------------------------------------*/
.recruit {
padding-right: 1.5%;
font-size: 1.5rem;
background-color: #FFF;
}
.recruit .subtitle {
  border-bottom: solid 3px #cce4ff;
  position: relative;
  font-size: 1.6rem;
  font-weight: 500;
  color: #069;
  margin-bottom: 25px;
  font-family: 'Noto Sans JP', sans-serif;
}

.recruit .subtitle:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #069;
  bottom: -3px;
  width: 20%;
}
.recruit .lead{
font-size: 1.8rem;
font-weight: 600;
line-height: 220%;
width: 95%;
padding: 50px 0;
margin: 0 auto;
font-family: 'Noto Serif JP';
color: #069
}
.recruit .box1{
width: 95%;
padding: 50px 0;
margin: 0 auto;
padding-bottom: 50px;
position: relative
}
.recruit table{
	width:100%;
	border-collapse:collapse;
	font-size: 1.4rem
}
.recruit table td{
border: none;
	padding:1%;
   display: block
}
.recruit table td:nth-child(1){
font-weight: 500;
padding-bottom: 5px
}
.recruit table td:nth-child(2){
border-bottom: #333 1px dotted;
margin-bottom: 25px
}
.recruit table td .station{
background-color: #EAF7FC;
padding: 2%;
line-height: 220%
}
.recruit .inquiry{
text-align: center;
font-size: 1.5rem;
font-weight: 600;

}
.recruit .inquiry .mail{
color: #069;
font-size: 2.0rem;
padding-top: 30px;
}
.recruit .inquiry .tel{
color: #069;
font-size: 2.3rem;
padding-top: 30px;
}
/*コラム--------------------------------------------------------------------------*/
.column{
font-size: 1.5rem;
background-color: #FFF;
}
.column .flex_column{
width: 95%;
margin:0 auto;
padding: 50px 0
}
.column .flex_column .article{
margin-bottom: 30px
}
.column .flex_column .article .flex_title{

}
.column .flex_column .article .flex_title a{
display: block;
word-break: break-all;
color:#069;
border-bottom: #069 1px dashed;
font-size: 1.4rem!important;
font-weight: 500!important;
padding-bottom: 2px;
line-height: 110%;
 position: relative;
 margin-bottom: 15px;
}

.column .flex_column .article .flex_title a h3{
text-align: left;
font-size: 1.5rem!important;
font-weight: 500!important;
}

.column  .box_detail{
font-size: 1.5rem;
line-height: 180%
}
.column  .blogtitle{
font-family: 'Noto Serif JP';
font-size:  2.0rem;
color: #0D9FCC;
font-weight: 600;
padding-bottom: 2px;
border-bottom: #0D9FCC 2px solid;
margin-bottom: 50px
}

.column  .box_detail .article img{
max-width: 100%;
}

.column  .box_detail .date{
font-size: 12px;
margin-bottom: 30px;
}
.column  .box_detail .bt_back{
padding-top: 20px
}
.column  .box_detail .bt_back a{
color: #069;
font-size: 1.8rem;
font-weight: 500;
text-decoration: underline;
background-color: #FFF
}
.column .flex_column .aside{

}

.column .flex_column .aside .title_aside{
text-align: center;
color: #385D74;
font-weight: 600;
margin-bottom: 20px;
font-size: 1.8rem
}
.column .flex_column .aside a{
display: block;
font-size: 1.5rem;
font-weight: 500;
border-bottom: #069 1px dotted;
color: #069;
margin-bottom: 15px
}

/*お知らせ--------------------------------------------------------------------------*/
.news{
font-size: 1.5rem;
background-color: #FFF;
}
.news .flex_column{
width: 95%;
margin:0 auto;
padding: 50px 0
}
.news .flex_column .article{
margin-bottom: 30px
}

.news  .box_detail{
font-size: 1.5rem;
line-height: 180%
}
.news  .blogtitle{
font-family: 'Noto Serif JP';
font-size:  2.0rem;
color: #0D9FCC;
font-weight: 600;
padding-bottom: 2px;
border-bottom: #0D9FCC 2px solid;
margin-bottom: 20px
}

.news  .box_detail .article img{
max-width: 100%;
}

.news  .box_detail .date{
font-size: 1.3rem;
margin-bottom: 30px;
}
.news  .box_detail .bt_back{
padding-top: 20px
}
.news  .box_detail .bt_back a{
color: #069;
font-size: 1.8rem;
font-weight: 500;
text-decoration: underline;
background-color: #FFF
}
.news .flex_column .aside{

}

.news .flex_column .aside .title_aside{
text-align: center;
color: #385D74;
font-weight: 600;
margin-bottom: 20px;
font-size: 1.8rem
}
.news .flex_column .aside a{
display: block;
font-size: 1.5rem;
font-weight: 500;
border-bottom: #069 1px dotted;
color: #069;
margin-bottom: 15px
}


.pager{
width: 80%;
padding-top: 40px;
font-size: 1.5rem;
color: #069;
margin: 0 auto
}
.pager a{
display: inline-block;
background-color: transparent ;
color: #069;
font-size: 1.6rem!important;
padding: 4px 10px!important;
border:#069 1px solid;
margin-bottom: 20px
}
.pager .prev{
padding: 4px 30px!important;
background-color: #069;
color: #FFF
}
.pager .next{
padding: 4px 30px!important;
background-color: #069;
color: #FFF
}
.pager .dots{
display: inline-block;
padding-right: 6px
}
.pager .current{
display: inline-block;
padding-right: 6px;
font-size: 1.5rem;
font-weight: 600
}
}

/* スクロールで出現 */

.fadeLeft{
animation-name:fadeLeftAnime;
animation-duration:1.5s;
animation-fill-mode:forwards;
opacity:0;
}
@keyframes fadeLeftAnime{
  from {
    opacity: 0;
  transform: translateX(-100px);
  }

  to {
    opacity: 1;
  transform: translateX(0);
  }
}


.fadeRight{
animation-name:fadeRightAnime;
animation-duration:1.5s;
animation-fill-mode:forwards;
opacity:0;
}
@keyframes fadeRightAnime{
  from {
    opacity: 0;
  transform: translateY(200px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}

/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
 
.fadeLeftTrigger,
.fadeRightTrigger{
    opacity: 0;
}
/*==================================================
スクロールしたら順番に出現
===================================*/
.flipLeft{
animation-name:flipLeftAnime;
animation-duration:1s;
animation-fill-mode:forwards;
perspective-origin:left center;
opacity:0;
}

@keyframes flipLeftAnime{
  from {
   transform: perspective(600px) translate3d(0, 0, 0) rotateY(30deg);
  opacity: 0;
  }

  to {
  transform: perspective(600px) translate3d(0, 0, 0) rotateY(0deg);
  opacity: 1;
  }
}


/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
 
.flipLeftTrigger{
    opacity: 0;
}

/*==================================================
アニメーション設定
===================================*/

/* アニメーションの回数を決めるCSS*/

.count2{  
  animation-iteration-count: 2;/*この数字を必要回数分に変更*/
}

.countinfinite{  
  animation-iteration-count: infinite;/*無限ループ*/
}

/* アニメーションスタートの遅延時間を決めるCSS*/

.delay-time05{  
  animation-delay: 0.5s;
}

.delay-time1{  
  animation-delay: 1s;
}

.delay-time2{  
  animation-delay: 1.5s;
}