/* CSS Document */
* {	margin:0px;	padding:0px;}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

/*
=============================================================================================================================
次ページ見出し
=============================================================================================================================
*/

.n_h2{ width:100%; background-color:#FDD72E; font-size:2.8em; color:#000; padding:2em 0; text-align:center; font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", sans-serif; font-weight:700; background-position:20px 50%; background-repeat:no-repeat;}

header{ position:inherit;}

table, table th, table td{ border:1px solid #CCC; border-collapse:collapse;}
table th, table td{ padding:1em;}
table th{ font-weight:bold;}

.h2_waku{ width:100%; height:300px; position:relative; border-bottom:4px solid #73ADCC;}
.h2_sinryo{ background:url(../img/h2_sinryo.png) no-repeat -60px 50%, #E6F3FF;}
.h2_flow{ background:url(../img/h2_flow.png) no-repeat -60px 50%, #E6F3FF;}
.h2_sejutsu{ background:url(../img/h2_sejutsu.png) no-repeat -60px 20%/600px, #E6F3FF;}
.h2_access{ background:url(../img/h2_access.png) no-repeat -60px 50%, #E6F3FF;}
.h2_recruit{ background:url(../img/h2_recruit.png) no-repeat -60px 50%, #E6F3FF;}
.h2_voice{ background:url(../img/h2_voice.png) no-repeat -60px 50%, #E6F3FF;}

.h2_waku h2{ position:absolute; font-size:3em; font-family: 'Kiwi Maru', serif; width:100%; text-align:center; top:55%; transform:translateY(-50%); color:#09C;}
.h2_waku h2:first-letter{ color:#F60;}
.h2_waku h2 span{ display:block; width:100%; text-align:center; font-family: 'Kiwi Maru', serif; font-size:.4em; color:#09C; padding:1em 0;}

.area{ padding-top:80px;}

main{ font-size:18px; line-height:1.6em;}
.next_c{ background-color:#DFF7E3;}

main div section{ background-color:#FFF; border-radius:10px; width:1200px; margin:0 auto 2em;}

main div section h3{ color:#FFF; font-size:2em; font-family: 'Kiwi Maru', serif; padding:.8em 0; border-bottom:2px solid #F60; border-radius:10px 10px 0 0/10px 10px 0 0; text-align:center; background:url(../img/kado1.png) no-repeat top left, url(../img/kado2.png) no-repeat bottom right, #3DB7DF;}

.inner{ padding:3em;}
.inner:after{ content: "";
    display: block;
    height: 0;
    font-size:0;
    clear: both;
    visibility:hidden;}

.inner h4{ color:#3DB7DF; font-size:1.6em; position:relative; padding:.5em .5em .5em 1.5em; font-weight:bold; margin-bottom:.5em;}
.inner h4:before{ content:'－'; position:absolute; left:0; top:32%; font-weight:bold; font-size:.8em;}
.inner h4:nth-of-type(n+2){ margin-top:1.5em;}

.inner p{ margin-bottom:1em;}

.p_link{ width:1200px; margin:0 auto; display:flex; flex-wrap:wrap;}
.p_link a{ width:30.66666666%; margin:0 0 1em 2%; display:block; border:3px solid #3DB7DF; border-radius:90px; background-color:#FFF; color:#3DB7DF; text-align:center; padding:1em; font-family: 'Kiwi Maru', serif; font-size:1.2em;}
.p_link a:hover{ background-color:#3DB7DF; color:#FF6;}

/*ページ内リンク2列*/
.pt2 a:nth-of-type(odd){ margin-left:18%;}


@media only screen and (max-width: 1229px) {
  .h2_waku h2{ top: 65%;}
  .h2_sinryo{ background:url(../img/h2_sinryo.png) no-repeat -60px 20%/40%, #E6F3FF;}
  .h2_flow{ background:url(../img/h2_flow.png) no-repeat -40px 30%/40%, #E6F3FF;}
  .h2_sejutsu{ background:url(../img/h2_sejutsu.png) no-repeat -60px 10%/40%, #E6F3FF;}
  .h2_access{ background:url(../img/h2_access.png) no-repeat -50px 20%/45%, #E6F3FF;}
  .h2_recruit{background: url(../img/h2_recruit.png) no-repeat -90px 30%/40%, #E6F3FF;}
  .h2_voice{ background:url(../img/h2_voice.png) no-repeat -30px 0%/32%, #E6F3FF;}

  main div section, .p_link {
    width: 96%;
  }
}
@media only screen and (max-width: 1090px) {
  .h2_access{ background:url(../img/h2_access.png) no-repeat -50px 2vw/40%, #E6F3FF;}
}
@media only screen and (max-width: 1070px) {
  .h2_flow{ background:url(../img/h2_flow.png) no-repeat -50px 0%/45%, #E6F3FF;}
  .h2_sejutsu{ background:url(../img/h2_sejutsu.png) no-repeat -60px 0%/45%, #E6F3FF;}
}
@media only screen and (max-width: 965px) {
  .h2_flow{ background:url(../img/h2_flow.png) no-repeat -50px 2vw/45%, #E6F3FF;}
  .h2_access{ background:url(../img/h2_access.png) no-repeat -50px 3vw/40%, #E6F3FF;}
  .h2_voice{ background:url(../img/h2_voice.png) no-repeat -30px 6vw/35%, #E6F3FF;}
}
@media only screen and (max-width: 768px) {
  main div section h3 { font-size: 1.5em;}

  .h2_flow{ background:url(../img/h2_flow.png) no-repeat -50px 5vw/45%, #E6F3FF;}
  .h2_sejutsu{ background:url(../img/h2_sejutsu.png) no-repeat -60px 4vw/45%, #E6F3FF;}
  .h2_access{ background:url(../img/h2_access.png) no-repeat -50px 6vw/42%, #E6F3FF;}
  .h2_recruit{background: url(../img/h2_recruit.png) no-repeat -90px 3vw/40%, #E6F3FF;}

  .area { padding-top: 50px;}

  .p_link { justify-content: space-between;}
  .p_link a { width: 49%; margin-left: 0;}

  .pt2 a:nth-of-type(odd){ margin-left:0;}
}
@media only screen and (max-width: 480px) {
  main { font-size: 16px; padding: 2em 0;}

  main div section h3 { font-size: 1.2em;}

  .inner { padding: 2em 1em;}
  .inner h4 { font-size: 1.1em;}
  .inner h4:before { top: 28%;}

  .h2_waku { height: 120px;}
  .h2_waku h2 { font-size: 2em; top: 66%;}
  .h2_sinryo, .h2_flow, .h2_sejutsu, .h2_access, .h2_recruit, .h2_voice{ background: #E6F3FF;}

  .area { padding-top: 20px;}

  .p_link a { margin-left: 0; font-size: 0.8em;}
  .p_link.w_100 a { width: 100%; font-size: 1em;}
}

/*
=============================================================================================================================
診療時間
=============================================================================================================================
*/

.jikan_tbl{ width:100%; margin-bottom:1em;}
.jikan_tbl tr th, .jikan_tbl tr td{ text-align:center; vertical-align:middle;}
.jikan_tbl tr:nth-of-type(1) th:nth-of-type(n+2){ width:12%;}
.jikan_tbl tr th{ color:#FFF; background-color:#67bb67;}
.jikan_tbl tr td{ font-weight:bold;}
.jikan_tbl tr:nth-of-type(n+2) td:nth-of-type(n+2){ color:#67bb67;}

.jikan_tyui{ width:96%; margin:0 auto;}
.jikan_tyui p{ text-indent:-1.2em; margin-left:1em; margin-bottom:.5em;}
.jikan_tyui p span{ color:#C00; font-weight:bold;}

.yoyaku_ul{ margin:0 0 2em 2.5em;}
.yoyaku_ul li{ margin:0; position:relative; padding:.5em .5em .5em 1.6em;}
.yoyaku_ul li:before{ content:'●'; position:absolute; left:0; top:10px; color:#67bb67;}

.jikan_p1, .jikan_p2{ width:25%; margin:0 0 1em 3em; float:right;}
.jikan_p1 img, .jikan_p2 img{ width:100%;}
.jikan_p2 img{ border-radius:8px;}

.onegai{ text-align:center; font-weight:bold;}

.yoyaku_botten{ display:flex; flex-wrap:wrap;}
.yoyaku_botten a{ display:block; width:30.66666666%; margin:0 0 1em 2%; padding:70px 1em 1em; color:#FFF; background-repeat:no-repeat; background-position:50% 10px; background-size:60px; border-radius:8px; text-align:center; font-weight:700;}
.yoyaku_botten a:nth-of-type(1){ background-image:url(../img/yoyaku_logo1.png); background-color:#099;}
.yoyaku_botten a:nth-of-type(2){ background-image:url(../img/yoyaku_logo2.png); background-color:#F60;}
.yoyaku_botten a:nth-of-type(3){ background-image:url(../img/yoyaku_logo3.png); background-color:#093;}

.pc_yoyaku .tel {
  opacity: 0;
}

@media only screen and (max-width: 1000px) {
  .jikan_tbl-area {
    width: 100%;
    overflow-x: auto;
    padding-bottom: 10px;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }
  .jikan_tbl{ width: 100%; min-width: 870px;}
}
@media only screen and (max-width: 768px) {
  .jikan_p1 { width: 290px; margin: 0 auto 1em; float:none;}
  .jikan_p2 { width: 640px; margin:0 auto 1em; float:none;}
  .yoyaku_ul { margin: 0 0 2em 0;}

  /* .yoyaku_botten a:nth-of-type(1){ position: static;} */
}


@media only screen and (max-width: 480px) {
  .jikan_p2 { width: 96%;}

  .yoyaku_botten a { padding: 70px 0.5em 1em;}
  /* .yoyaku_botten a.pc_ver span.tel {display: none;} */
}

@media screen and (min-width:481px) {
  a[href^="tel:"].pc_yoyaku {
    position: relative;
    cursor: pointer;
    pointer-events: auto;
  }
  .pc_yoyaku .tel {
    opacity: 1;
    margin: 0;
    font-size: 20px;
    font-weight: bold;
    color: transparent;
    transition: 0.5s;
    position: absolute;
    left: 1rem;
    right: 1rem;
    top: 70px;
  }

  .pc_yoyaku:hover .tel {
    color: #fff;
  }
  .pc_yoyaku:hover .denwa {
    color: #099;
  }
}

/*
=============================================================================================================================
当院の施術について
=============================================================================================================================
*/

.sejutsu{ margin:1em; border:1px solid #47AC81; padding:1em 1em 0; background:#EEFFF8; width:38em; border-radius:8px;}
.sejutsu li{ color:#47AC81; font-weight:bold; margin-bottom:1em;}

.sejutsu_p1{ float:right; width:300px; margin:1em;}
.sejutsu_p1 img{ width:100%; border-radius:8px;}

.sejutsu_p2{ float:right; width:450px; margin:1em;}
.sejutsu_p2 img{ width:100%;}

@media only screen and (max-width: 768px) {
  .sejutsu{ width: 100%;}
  .sejutsu_p1,.sejutsu_p2{ float: none; margin: 1em auto 0;}
}
@media only screen and (max-width: 480px) {
  .sejutsu{ margin: 1em 0;}
  .sejutsu_p2 { width: 90%;}
}

/*
=============================================================================================================================
スタッフ紹介
=============================================================================================================================
*/


.staff{ width:64%; margin:3em 0 3em 4%;}
.staff dl dt{ color:#47AC81; font-weight:bold; padding-left:.5em;}
.staff dl dd{ padding:0 .5em 1em 12em; margin:-1.8em 0 2em; border-bottom:1px dashed #666;}

.staff_p{ width:27%; float:right; margin:3em 3% 1em 0;}
.staff_p2{ width:480px; margin:0 auto 2em;}
.staff_p img, .staff_p2 img{ width:100%;}

@media only screen and (max-width: 768px) {
  .staff { width: 94%; margin: 2em 3%;}
  .staff_p { width: 320px; float: none; margin: 3em auto 1em;}
}
@media only screen and (max-width: 480px) {
  .staff dl dd { padding: 2em .5em 1em .5em; margin-bottom: 1em;}

  .staff_p2 { width: 90%;}
}

/*
=============================================================================================================================
診療の流れ
=============================================================================================================================
*/

.flow1:after, .flow2:after{ content:"▼"; display:block; height:0; font-size:0; clear:both; visibility:hidden; position:absolute; color:#09C;}
.flow1 div, .flow2 figure{ float:left;}
.flow1 figure, .flow2 div{ float:right;}
.flow1 div, .flow2 div{ width:60%;}
.flow1 figure, .flow2 figure{ width:36%;}
.flow1 figure img, .flow2 figure img{ width:100%; border-radius:8px;}

.flow_shinsatsu{ width:90% !important; margin:0 auto; float:none;}

@media only screen and (max-width: 768px) {
  .flow1, .flow2 { display: flex; flex-wrap: wrap; flex-direction: column-reverse; }
  .area_flow2 {display: block;}
  .flow1 div, .flow1 figure, .flow2 div{ float:none;}
  .flow1 div, .flow2 div { width: 100%;}
  .flow1 figure, .flow2 figure { width: 320px; margin: 0 auto 1em;}
  .flow_shinsatsu{ width: 65% !important; margin: 0 2% 0 0 !important;}
  .area_flow2 figure { width: 32%;}
  .flow_photo { padding-bottom: 3em;}
}

/*
=============================================================================================================================
交通事故治療
=============================================================================================================================
*/

.naoruwake{ background-color:#d1eaf2; padding:1em; width:90%; margin:0 auto 2em; border-radius:8px; clear:both;}
.naoruwake p{ font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", sans-serif; text-align:center; font-size:2.4em; color:#09C; font-weight:700; line-height:1.2em;
text-shadow:2px 2px 0 #FFF, -2px -2px 0 #FFF,
              -2px 2px 0 #FFF, 2px -2px 0 #FFF,
              0px 2px 0 #FFF,  0 -2px 0 #FFF,
              -2px 0 0 #FFF, 2px 0 0 #FFF; margin-bottom:.6em;}
.naoruwake ul li{ color:#FFF; font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", sans-serif; border-radius:4px; padding:.6em .6em .6em 60px; font-size:1.2em; line-height:1.4em; margin-bottom:.6em; font-weight:700;}
.naoruwake ul li span{ font-size:1.3em; color:#FF0;}
.naoruwake ul li:nth-of-type(1){ background:url(../img/reason_1.png) no-repeat 10px 13px/40px, #31a26d;}
.naoruwake ul li:nth-of-type(2){ background:url(../img/reason_2.png) no-repeat 10px 13px/40px, #31a26d;}
.naoruwake ul li:nth-of-type(3){ background:url(../img/reason_3.png) no-repeat 10px 13px/40px, #31a26d;}
.naoruwake ul li:nth-of-type(4){ background:url(../img/reason_4.png) no-repeat 10px 13px/40px, #31a26d;}
.naoruwake ul li:nth-of-type(5){ background:url(../img/reason_5.png) no-repeat 10px 13px/40px, #31a26d;}
.naoruwake ul li:nth-of-type(6){ background:url(../img/reason_6.png) no-repeat 10px 13px/40px, #31a26d;}
.naoruwake ul li:nth-of-type(7){ background:url(../img/reason_7.png) no-repeat 10px 13px/40px, #31a26d;}

/*ページ切り替えjquary*/

.tab{
	padding:1em 0 5em 0;
	justify-content: center;
	background:url(../img/shita_sankaku.png) no-repeat bottom 10px left 50%/150px;
}

.tab li{
  color: #3DB7DF;
  float: left;
  margin: 0 0 10px 2%;
  padding: 10px 1%;
  border: 4px solid #3DB7DF;
  cursor: pointer;
  list-style: none;
  transition: .3s;
  text-align:center;
  border-radius:40px;
}
.tab li{ width:47%;}

.tab li.active{
  color: #fff;
  background: #3DB7DF;
  cursor: auto;
}

.space { padding:20px 0 0 0; margin:0 auto;}
.space section { display: none; width:100%;}
.space section.show { display: block; padding:2em; border:8px solid #7BD0EC; border-radius:8px;}

.space section.show article{ display:flex; flex-wrap:wrap;}
.space section.show article div{ width:65%;}
.space section.show article div p span{ color:#C00; font-weight:bold;}
.space section.show article figure{ width:32%; margin-left:3%;}
.space section.show article figure img{ width:100%;}

.qa article p:nth-of-type(1){ color:#09C; font-size:1.2em; border-bottom:1px dashed #09C; padding:0 1em .5em 1.6em; position:relative; margin-bottom:.5em; font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", sans-serif; font-weight:700;}
.qa article p:nth-of-type(1):before{ position:absolute; top:0; left:0; content:"Q."; color:#09C; font-size:1.2em;}
.qa article p:nth-of-type(2){ position:relative; margin-bottom:1.5em; padding-left:2em;}
.qa article p:nth-of-type(2):before{ position:absolute; top:0; left:0; content:"A."; color:#F60; font-size:1.6em; font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", sans-serif; font-weight:700;}

@media only screen and (max-width: 768px) {
  .tab li { width: 100%; float: none; margin: 0 0 10px;}

  .space section.show article { flex-direction: column-reverse;}
  .space section.show article div { width: 100%;}
  .space section.show article figure { width: 320px; margin: 0 auto;}
}
@media only screen and (max-width: 480px) {
  .naoruwake p { font-size: 1.4em;}
  .naoruwake ul li{ font-size: 1em;}
  .naoruwake ul li span{ font-size: 1.2em;}
  .naoruwake ul li:nth-of-type(2){ background:url(../img/reason_2.png) no-repeat 10px 4px/40px, #31a26d;}

  .tab { background:url(../img/shita_sankaku.png) no-repeat bottom 10px left 50%/100px;}
  .tab li { font-size: 1em; padding: 10px;}

  .space section.show article figure { width: 90%;}
  .space section.show { padding: 1em;}

  .qa article p:nth-of-type(1) { font-size: 1em;}
  .qa article p:nth-of-type(2) { padding-left: 1.5em;}
  .qa article p:nth-of-type(2):before { font-size: 1.3em;}
}

/*
=============================================================================================================================
スポーツ外傷
=============================================================================================================================
*/

.sports1, .sports2{ clear:both; margin-bottom:2em;}
.sports1:after, .sports2:after{
    content: " ";
    display: block;
    height: 0;
    font-size:0;
    clear: both;
    visibility:hidden;
}
.sports1 div, .sports2 div, .gips div{ width:65%;}
.sports1 div p span, .sports2 div p span{ color:#06C; font-weight:bold;}
.sports1 figure, .sports2 figure, .gips figure{ width:32%;}
.sports1 figure img{ border-radius:10px;}
.sports1 figure img, .sports2 figure img, .gips figure img{ width:100%;}

.sports1 div, .sports2 figure{ float:left;}
.sports1 figure, .sports2 div{ float:right;}

.gips{ display:flex; flex-wrap:wrap;}
.gips figure{ margin-left:3%;}

.media div{ margin-bottom:1.5em;}
.media div p{ font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", sans-serif; font-weight:700; font-size:1.1em; font-size:1.1em;}
.media div p span{ color:#C00;}
.media figure{ text-align:center;}
.media figure img {max-width: 100%;}

@media only screen and (max-width: 768px) {
  .sports1 div, .sports2 div{ float:none; width: 100%;}
  .sports1, .sports2 { display: flex; flex-wrap: wrap; flex-direction: column-reverse;}
  .sports1 figure, .sports2 figure { width: 320px; margin: 0 auto 1em;}
  .sports1 figure img, .sports2 figure img { width: 100%;}
  .gips { flex-direction: column-reverse;}
  .gips div { width: 100%;}
  .gips figure { width: 320px; margin: 0 auto 1em;}
}


/*
=============================================================================================================================
その他の痛み
=============================================================================================================================
*/

.article_box{display: flex; flex-wrap: wrap; width: 100%; margin-top: 2em;}
.article_p{width: 63%; margin-right: 1em;}
.article_img{width: 35%;}
.article_img img{width: 100%;}
.article_ol{
  background: #f1f8ff;
  box-shadow: 0px 0px 0px 10px #f1f8ff;/*線の外側*/
  border: dashed 2px #668ad8;/*破線*/
  border-radius: 9px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 0.5em 0.5em 0.5em 2em;
  width: 100%;
}

.article_ol li {
  line-height: 2;
  padding: 0.5em 0;
  font-weight: bold;
  margin-right: 1em;
  text-indent: -1em;
}

.etc1{ color:#069; font-weight:bold;}
.etc2{ color:#C00; font-weight:bold;}
.koshi_itami{ border-radius:0 !important;}

@media screen and (max-width: 480px) {
  .article_box{flex-direction: column-reverse;}

  .article_p{width: 100%; margin: 0;}
  .article_img{width: 100%;}

  .article_ol{
    margin: 0;
  }
}

/*
=============================================================================================================================
設備・ツール
=============================================================================================================================
*/

.inner2{ padding: 1em 3em;}

.inner2.last{ padding-bottom: 4em;}

.inner3{ padding: 2.4em 3em 3em;}

.inner4{ padding: 1em 0;}

.sejutsu_p1_2{ float: right; width: 300px; margin: 2em 1em;}
.sejutsu_p1_2 img{ width: 100%; border-radius: 8px;}

.sejutsu_p3{ float: right; width: 260px; margin: -1em 1em 0;}
.sejutsu_p3 img{ width: 100%; border-radius: 8px;}

.sejutsu_p4{ float: right; width: 480px; margin: 2em 1em 0;}
.sejutsu_p4 img{ width: 240px; border-radius: 8px; padding: 5px;}
.sejutsu_p4 img.first{ width: 300px;}
.sejutsu_p4 img.last{ width: 174px;}

.sejutsu_p5{ margin: 1em;}
.sejutsu_p5 img{ width: 240px; border-radius: 8px; padding: 5px;}

.sejutsu_p-a{ color: #3DB7DF; border-bottom: 1px solid #3DB7DF; }

.sejutsu_t p span{ color: #47AC81; font-weight: bold;}

.sejutsu_t p span.emphasis{ color: #c00; font-weight: bold; font-size: 20px;}

.inner h4.insole_sub { padding: 1.5em 0.5em 0em 1.5em; }
.inner h4.insole_sub::before { top: 68%; }

@media only screen and (max-width: 768px) {
  .sejutsu_p1_2, .sejutsu_p3, .sejutsu_p4 { float: none; margin: 2em auto 0;}
  .sejutsu_p1_2, .sejutsu_p4 { margin-bottom: -2em;}
  .inner.sejutsu_t { padding-bottom: 1em;}
}
@media only screen and (max-width: 480px) {
  .inner2 { padding:1em;}
  .inner2.last{ padding-bottom: 2em;}
  .inner3{ padding: 2.4em 1em 3em;}

  .sejutsu_p4 { width: 90%;}
  .sejutsu_p4 img { display: block; margin: 0 auto; width: 70%;}
  .sejutsu_p4 img.first{ width: 80%;}
  .sejutsu_p4 img.last{ width: 70%;}
}

/*
=============================================================================================================================
交通アクセス
=============================================================================================================================
*/

.inner iframe { display: block; width: 100%; height: 600px; margin-bottom: 2em;}

.access_p1 { float: right; width: 310px; margin: 2.8em 1em 0;}
.access_p1 img { width: 100%; border-radius: 8px;}

.access_p2 { float: right; width: 400px; margin: 2em 1em;}
.access_p2 img { width: 100%; border-radius: 8px;}

.access_p3 { float: right; width: 640px; margin: -1em 1em 0;}
.access_p3 img { width: 320px; border-radius: 8px; padding: 5px;}

.access_p4 { float: right; width: 400px; margin: -1em 1em 0;}
.access_p4 img { width: 100%; border-radius: 8px;}

.inner.bus iframe { margin-bottom: 1em;}
.inner.bus p { margin: 5em 0 0;}

.inner .expressbus p, .inner .expressbus2 p { margin: 3em 0 0;}

@media only screen and (max-width: 1050px) {
  .access_p3 { width: 90%; float: none; margin: -1em auto 0;}
  .access_p3 img { width: 50%;}

  .inner .expressbus p, .inner .expressbus2 p { margin: 1em 0 4em;}
}
@media only screen and (max-width: 768px) {
  .car_inner { padding: 1em;}
  .access_p1, .access_p2, .access_p3, .access_p4 { float: none; margin: 2.8em auto 0;}
  
  .inner.bus p, .inner .expressbus p { margin-top: 1em;}
  .inner .expressbus2 p { margin: 1em 0;}
}
@media only screen and (max-width: 640px) {
  
}
@media only screen and (max-width: 480px) {
  .inner iframe { height: 300px;}

  .access_p1, .access_p2, .access_p3, .access_p4 { margin: 1em auto 0;}
  .access_p2 { width: 90%;}
  .access_p3 img { width: 100%;;}
  .access_p4 { width: 90%;}

  .inner .expressbus p { margin: 1em 0 2em;}
  .inner .expressbus2 p { margin: 1em 0;}
}

/*
=============================================================================================================================
求人情報
=============================================================================================================================
*/

.recruit_p1{ float: right; width: 320px; margin: 2em 1em;}
.recruit_p1 img { width: 100%; border-radius: 8px;}

@media only screen and (max-width: 768px) {
  .recruit_p1 { float: none; margin: 2em auto -2em;}
}

/*
=============================================================================================================================
お客様の声
=============================================================================================================================
*/

.voice_frame { background-color: #ffe5d4; border-radius: 10px; margin: 0 0 2em; padding: 1em;}
.voice_frame dl:last-child { border-top: 1px dashed #333;}
.voice_frame dl dt { font-size: 18px; font-weight: bold; padding: 1em 0 0.5em; color: #09C;}
.voice_frame dl:first-child dt { color: #67bb67;}
.voice_frame dl dd { font-size: 16px; padding: 0 0 1em;}

@media only screen and (max-width: 480px) {
  .voice_frame dl dt { font-size: 16px;}
  .voice_frame dl dd { font-size: 14px;}
}

.ekiten a {
  width: 80%;
  margin: 0 auto 2%;
  display: block;
  border: 3px solid #3DB7DF;
  border-radius: 90px;
  background-color: #FFF;
  color: #3DB7DF;
  text-align: center;
  padding: 1em;
  font-family: 'Kiwi Maru', serif;
  font-size: 1.2em;
}
.ekiten a:hover {
  background-color: #3DB7DF;
  color: #fff;
}
.ekiten img {
  width: 228px;
  display: block;
  margin: 0 auto;
}

/*
=============================================================================================================================
福利厚生制度
=============================================================================================================================
*/
main.welfare img {
	width: 100%;
	height: auto;
}
.stripebg {
  background-image: linear-gradient(
    90deg,
    #a0d7fd 70%,
    #7ec8fc 70%, #7ec8fc 100%
  );
  background-size: 30px 15px;
	padding: 50px 20px 220px
}
.p_link p{ width:30.66666666%; margin:0 0 1em 2%; display:block; border:3px solid #3DB7DF; border-radius:90px; background-color:#FFF; color:#3DB7DF; text-align:center; padding:1em; font-family: 'Kiwi Maru', serif; font-size:1.2em;}

.circle-content {
	width: 1200px;
	margin: 0 auto;
	position: relative;
}
.circle-inner {
	background-color: #3DB7DF;
	border-radius: 1200px 1200px 0 0 / 410px 410px 0 0;
	margin: -200px 0;
	min-height: 1000px;
	text-align: center;
	position: absolute;
	top: 0;
	left: 50%;
	width: 1200px;
	transform: translateX(-50%);
}
.circle {
	background-color: #fff;
	border-radius: 1200px 1200px 0 0 / 430px 430px 0 0;
	margin: 10px 0;
	padding: 40px;
	min-height: 1100px;
	text-align: center;
	position: absolute;
	top: 0;
	left: 50%;
	width: 1200px;
	transform: translateX(-50%);
}
.circle p {
	color: #3DB7DF;
	font-size: 2em;
	font-weight: bold;
	line-height: 1.2;
}
.circle p.normal span {
	font-size: 1.4em;
	vertical-align: 1px;
	background: linear-gradient(transparent 70%,rgba(255, 238, 52, 0) 30%,rgb(255, 238, 52) 60%,rgb(255, 238, 52) 90%, transparent 90%);
}
.circle p.dottedline {
	font-size: 1.8em;
	margin: 25px 0 25px;
}
.circle p.dottedline span {
	border-bottom: dashed 2px #3DB7DF;
}
.circle h3 {
	color: #e96710;
	font-size: 2.9em;
	font-weight: bold;
}
.welfare .area {
	padding-top: 120px;
}
main.welfare div section {
	width: 1100px;
	background: #fff;
	border-left: 10px solid #3DB7DF;
	border-right: 10px solid #3DB7DF;
	border-bottom: 10px solid #3DB7DF;
	border-radius: 10px;
}
main.welfare div section h3 {
	line-height: 1.3;
	padding: 1em 2.8em;
	border-bottom: none;
	background: #3DB7DF;
	border-radius: 0;
}
main.welfare div section .inner {
	padding: 2.5em 5.7em 2.5em;
	position: relative;
}
main.welfare div section .inner p span {
	font-size: 1.4em;
	font-weight: bold;
	background: linear-gradient(transparent 70%,rgba(255, 238, 52, 0) 30%,rgb(255, 238, 52) 60%,rgb(255, 238, 52) 90%, transparent 90%);
}
main.welfare div section .inner .img-left {
	position: absolute;
	bottom: -53px;
	left: -40px;
}
main.welfare div section .inner .img-right {
	position: absolute;
	bottom: -53px;
	right: -40px;
}
main.welfare div section.welfareーtreatment {
	width: 1200px;
	border-radius: 0;
	background: #3DB7DF;
	padding: 1.5em 4em;
}
main.welfare div section.welfareーtreatment.fadein h4 {
	color: #ffee34;
	text-align: center;
	font-size: 2em;
	font-weight: bold;
}
main.welfare div section.welfareーtreatment.fadein p {
	color: #fff;
	text-align: center;
	font-size: 1.6em;
	font-weight: bold;
	margin: 10px 0 20px;
}
main.welfare div section.welfareーtreatment .welfareーtreatment_inner {
	background: #fff;
	border-radius: 20px;
}
.welfareーtreatment_inner-box {
	display: flex;
	justify-content: space-around;
	padding: 2em 1.5em 0.6em;
}
main.welfare div section.welfareーtreatment.fadein .welfareーtreatment_inner-box p {
	background: #717171;
	font-size: 1em;
	padding: 7px 5px;
	line-height: 1.2;
}
main.welfare div section.welfareーtreatment .welfareーtreatment_inner p.welfareーtreatment_text {
	color: #3DB7DF;
	text-align: left;
	margin: 0;
	padding: 0 4em 2em;
	font-size: 1.3em;
	font-weight: normal;
	line-height: 1.6;
}
main.welfare div section.welfareーtreatment .welfareーtreatment_inner p.welfareーtreatment_text a {
	font-weight: bold;
	color: #0042ff;
}
main.welfare div section.welfareーtreatment .welfareーtreatment_inner p.welfareーtreatment_text span:nth-of-type(1) {
	text-align: center;
	display: block;
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: -20px;
}
main.welfare div section.welfareーtreatment .welfareーtreatment_inner p.welfareーtreatment_text span:nth-of-type(2) {
	font-weight: bold;
	background: linear-gradient(transparent 70%,rgba(255, 238, 52, 0) 30%,rgb(255, 238, 52) 60%,rgb(255, 238, 52) 90%, transparent 90%);
}
main.welfare div section.welfareーtreatment .welfareーtreatment_inner p.welfareーtreatment_text span:nth-of-type(3) {
	font-weight: bold;
	display: block;
	margin-top: 15px;
}
@media only screen and (max-width: 1229px) {
	.p_link.stripebg,
	.circle-content {
		width: 980px;
	}
	.circle-inner,
	.circle {
		border-radius: 980px 980px 0 0 / 300px 300px 0 0;
		width: 980px;
	}
	main.welfare div section {
		width: 900px;
	}
	main.welfare div section h3 {
		padding: 1em 0.6em;
		font-size: 1.8em;
	}
	main.welfare div section.welfareーtreatment {
		width: 980px;
		padding: 1.5em 3em;
	}
	main.welfare div section.welfareーtreatment.fadein h4 {
		font-size: 1.8em;
	}
	main.welfare div section.welfareーtreatment.fadein p {
		font-size: 1.4em;
	}
	.welfareーtreatment_inner-box div {
		width: 28%;
	}
	main.welfare div section.welfareーtreatment.fadein .welfareーtreatment_inner-box p {
		font-size: 0.8em;
	}
}
@media only screen and (max-width: 1010px) {
	.p_link.stripebg,
	.circle-content {
		width: 900px;
	}
	.circle-inner,
	.circle {
		border-radius: 900px 900px 0 0 / 280px 280px 0 0;
		width: 900px;
	}
	.circle p {
		font-size: 1.5em;
		line-height: 1.2;
	}
	.circle p.normal span {
		font-size: 1.3em;
	}
	.circle p.dottedline {
		font-size: 1.6em;
		margin: 25px 0 23px;
	}
	.circle h3 {
		font-size: 2.5em;
	}
	.welfare .area {
		padding-top: 85px;
	}
	main.welfare div section {
		width: 870px;
	}
	main.welfare div section h3 {
		padding: 1em 0.6em;
		font-size: 1.7em;
	}
	main.welfare div section .inner .img-left {
		width: 19%;
	}
	main.welfare div section .inner .img-right {
		width: 19%;
	}
	main.welfare div section.welfareーtreatment {
		width: 900px;
	}
	main.welfare div section.welfareーtreatment.fadein h4 {
		font-size: 1.6em;
	}
	main.welfare div section.welfareーtreatment.fadein p {
		font-size: 1.2em;
	}
	.welfareーtreatment_inner-box div {
		width: 28%;
	}
	main.welfare div section.welfareーtreatment.fadein .welfareーtreatment_inner-box p {
		font-size: 0.8em;
	}
}
@media only screen and (max-width: 950px) {
	.p_link.stripebg,
	.circle-content {
		width: 750px;
	}
	.circle-inner,
	.circle {
		border-radius: 750px 750px 0 0 / 250px 250px 0 0;
		width: 750px;
	}
	.circle p {
		font-size: 1.4em;
		line-height: 1.2;
	}
	.circle p.normal span {
		font-size: 1.2em;
	}
	.circle p.dottedline {
		font-size: 1.3em;
		margin: 23px 0 20px;
	}
	.circle h3 {
		font-size: 2em;
	}
	.welfare .area {
		padding-top: 50px;
	}
	main.welfare div section {
		width: 700px;
	}
	main.welfare div section h3 {
		font-size: 1.4em;
	}
	main.welfare div section .inner {
    padding: 2em 4em 2em;
	}
	main.welfare div section .inner p span {
		font-size: 1.3em;
	}
	main.welfare div section .inner .img-left {
		width: 18%;
		left: -30px;
	}
	main.welfare div section .inner .img-right {
		width: 18%;
		right: -30px;
	}
	main.welfare div section.welfareーtreatment {
		width: 750px;
		padding: 1.5em 2em;
	}
	main.welfare div section.welfareーtreatment.fadein h4 {
		font-size: 1.35em;
	}
	main.welfare div section.welfareーtreatment.fadein p {
		font-size: 1.1em;
		margin: 4px 0 18px;
	}
	main.welfare div section.welfareーtreatment.fadein .welfareーtreatment_inner-box p {
		font-size: 0.6em;
	}
	main.welfare div section.welfareーtreatment .welfareーtreatment_inner p.welfareーtreatment_text {
		padding: 0 3em 2em;
	}
	main.welfare div section.welfareーtreatment .welfareーtreatment_inner p.welfareーtreatment_text span:nth-of-type(1) {
		font-size: 1.3em;
		margin-bottom: -13px;
	}
}
@media only screen and (max-width: 768px) {
	.p_link p {
			margin-left: 0;
			width: 49%;
	}
	.p_link.stripebg, .circle-content {
    width: 96%;
	}
	.circle-inner, .circle {
    border-radius: 730px 730px 0 0 / 230px 230px 0 0;
    width: 100%;
	}
	.circle-inner {
		padding: 50px 20px 120px;
	}
	main.welfare div section {
    width: 90%;
		margin: 0 auto 1em;
	}
	main.welfare div section.welfareーtreatment {
		width: 96%;
		padding: 1.5em 1em;
	}
	main.welfare div section.welfareーtreatment.fadein h4 {
		font-size: 1.3em;
	}
	main.welfare div section.welfareーtreatment.fadein p {
		font-size: 1em;
	}
	.welfareーtreatment_inner-box {
		flex-wrap: wrap;
	}
}
@media only screen and (max-width: 480px) {
	.p_link p {
			font-size: 0.8em;
	}
	.stripebg {
		padding: 50px 20px 120px;
	}
	.circle-inner {
		margin: -100px 0;
	}
	.circle {
		padding: 40px 20px;
	}
	.circle p.dottedline {
    font-size: 1.1em;
    margin: 23px 0 10px;
	}
	.circle h3 {
    font-size: 1.7em;
	}
	.circle p {
		font-size: 1.2em;
	}
	.welfare .area {
		padding-top: 100px;
	}
	main.welfare div section .inner {
    padding: 1.3em 1.8em 1.5em;
	}
	main.welfare div section .inner p span {
    font-size: 1.1em;
	}
	main.welfare div section .inner .img-left {
		width: 20%;
		left: -25px;
		bottom: -43px;
	}
	main.welfare div section .inner .img-right {
		width: 20%;
		right: -25px;
		bottom: -43px;
	}
	.welfareーtreatment_inner-box div {
    width: 46%;
	}
	.welfareーtreatment_inner-box {
    padding: 1.5em 1em 0.6em;
	}
	main.welfare div section.welfareーtreatment {
    padding: 1.5em 0.6em;
	}
	main.welfare div section.welfareーtreatment.fadein .welfareーtreatment_inner-box p {
    font-size: 10px;
	}
	main.welfare div section.welfareーtreatment .welfareーtreatment_inner p.welfareーtreatment_text {
    padding: 0 1em 1em;
		font-size: 1.1em;
	}
	main.welfare div section.welfareーtreatment .welfareーtreatment_inner p.welfareーtreatment_text span:nth-of-type(1) {
		font-size: 1em;
	}
}
@media only screen and (max-width: 374px) {
	.welfare .area {
    padding-top: 110px;
	}
}

/*動画*/

.youtube {
	position: relative;
	padding-bottom: 40%; // これが縦横比
	height: 0;
	overflow: hidden;
	}
	.youtube iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	}