@charset "UTF-8";


/*共通*/
.center {text-align:center;}
.right {text-align:right;}
.left {text-align:left;}
.floatl {float:left;}
.floatr {float:right;}
.bold {font-weight:bold;}
.none {display:none;}

.red {color:#E04C19;}
.blue {color:#5084c4;}
.black {color:#000000;}
.white {color:#FFFFFF;}
.yellow {color:#fff9b1;}


.top05 {margin-top:5px;}
.top10 {margin-top:10px;}
.top20 {margin-top:20px;}
.top30 {margin-top:30px;}
.top40 {margin-top:40px;}
.top50 {margin-top:50px;}
.top60 {margin-top:60px;}
.top70 {margin-top:70px;}
.top80 {margin-top:80px;}
.top90 {margin-top:90px;}
.top100 {margin-top:100px;}

.ptop05 {padding-top:5px;}
.ptop10 {padding-top:10px;}
.ptop20 {padding-top:20px;}
.ptop30 {padding-top:30px;}
.ptop40 {padding-top:40px;}
.ptop50 {padding-top:50px;}
.ptop60 {padding-top:60px;}
.ptop70 {padding-top:70px;}
.ptop80 {padding-top:80px;}
.ptop90 {padding-top:90px;}
.ptop100 {padding-top:100px;}

.bottom05 {margin-bottom:5px;}
.bottom08 {margin-bottom:8px;}
.bottom10 {margin-bottom:10px;}
.bottom20 {margin-bottom:20px;}
.bottom30 {margin-bottom:30px;}
.bottom40 {margin-bottom:40px;}
.bottom50 {margin-bottom:50px;}
.bottom60 {margin-bottom:60px;}
.bottom70 {margin-bottom:70px;}
.bottom80 {margin-bottom:80px;}
.bottom90 {margin-bottom:90px;}
.bottom100 {margin-bottom:100px;}

.pbottom05 {padding-bottom:5px;}
.pbottom10 {padding-bottom:10px;}
.pbottom20 {padding-bottom:20px;}
.pbottom30 {padding-bottom:30px;}
.pbottom40 {padding-bottom:40px;}
.pbottom50 {padding-bottom:50px;}
.pbottom60 {padding-bottom:60px;}
.pbottom70 {padding-bottom:70px;}
.pbottom80 {padding-bottom:80px;}
.pbottom90 {padding-bottom:90px;}
.pbottom100 {padding-bottom:100px;}

.left05 {margin-left:5px;}
.left10 {margin-left:10px;}
.left15 {margin-left:15px;}
.left15 {margin-left:15px;}
.left20 {margin-left:20px;}
.left30 {margin-left:30px;}
.left40 {margin-left:40px;}
.left50 {margin-left:50px;}
.left60 {margin-left:60px;}
.left70 {margin-left:70px;}
.left80 {margin-left:80px;}
.left90 {margin-left:90px;}
.left100 {margin-left:100px;}

.pleft05 {padding-left:5px;}
.pleft10 {padding-left:10px;}
.pleft20 {padding-left:20px;}
.pleft30 {padding-left:30px;}
.pleft40 {padding-left:40px;}
.pleft50 {padding-left:50px;}
.pleft60 {padding-left:60px;}
.pleft70 {padding-left:70px;}
.pleft80 {padding-left:80px;}
.pleft90 {padding-left:90px;}
.pleft100 {padding-left:100px;}

.right05 {margin-right:5px;}
.right10 {margin-right:10px;}
.right15 {margin-right:15px;}
.right20 {margin-right:20px;}
.right25 {margin-right:25px;}
.right30 {margin-right:30px;}
.right40 {margin-right:40px;}
.right50 {margin-right:50px;}
.right60 {margin-right:60px;}
.right70 {margin-right:70px;}
.right80 {margin-right:80px;}
.right90 {margin-right:90px;}
.right100 {margin-right:100px;}

.pright05 {padding-right:5px;}
.pright10 {padding-right:10px;}
.pright20 {padding-right:20px;}
.pright30 {padding-right:30px;}
.pright40 {padding-right:40px;}
.pright50 {padding-right:50px;}
.pright60 {padding-right:60px;}
.pright70 {padding-right:70px;}
.pright80 {padding-right:80px;}
.pright90 {padding-right:90px;}
.pright100 {padding-right:100px;}

.fade00 {-webkit-transition:opacity 0.5s;-moz-transition:opacity 0.5s;transition:opacity 0.5s;}
.fade00:hover {opacity:0.0;}
.fade10 {-webkit-transition:opacity 0.5s;-moz-transition:opacity 0.5s;transition:opacity 0.5s;}
.fade10:hover {opacity:0.1;}
.fade20 {-webkit-transition:opacity 0.5s;-moz-transition:opacity 0.5s;transition:opacity 0.5s;}
.fade20:hover {opacity:0.2;}
.fade30 {-webkit-transition:opacity 0.5s;-moz-transition:opacity 0.5s;transition:opacity 0.5s;}
.fade30:hover {opacity:0.3;}
.fade40 {-webkit-transition:opacity 0.5s;-moz-transition:opacity 0.5s;transition:opacity 0.5s;}
.fade40:hover {opacity:0.4;}
.fade50 {-webkit-transition:opacity 0.5s;-moz-transition:opacity 0.5s;transition:opacity 0.5s;}
.fade50:hover {opacity:0.5;}
.fade60 {-webkit-transition:opacity 0.5s;-moz-transition:opacity 0.5s;transition:opacity 0.5s;}
.fade60:hover {opacity:0.6;}
.fade70 {-webkit-transition:opacity 0.5s;-moz-transition:opacity 0.5s;transition:opacity 0.5s;}
.fade70:hover {opacity:0.7;}
.fade80 {-webkit-transition:opacity 0.5s;-moz-transition:opacity 0.5s;transition:opacity 0.5s;}
.fade80:hover {opacity:0.8;}
.fade90 {-webkit-transition:opacity 0.5s;-moz-transition:opacity 0.5s;transition:opacity 0.5s;}
.fade90:hover {opacity:0.9;}

.scale10 {-moz-transition:-moz-transform 0.1s linear;-webkit-transition:-webkit-transform 0.1s linear;-o-transition:-o-transform 0.1s linear;-ms-transition:-ms-transform 0.1s linear;transition:transform 0.1s linear;}
.scale10:hover {-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.scale20 {-moz-transition:-moz-transform 0.1s linear;-webkit-transition:-webkit-transform 0.1s linear;-o-transition:-o-transform 0.1s linear;-ms-transition:-ms-transform 0.1s linear;transition:transform 0.1s linear;}
.scale20:hover {-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);}
.scale30 {-moz-transition:-moz-transform 0.1s linear;-webkit-transition:-webkit-transform 0.1s linear;-o-transition:-o-transform 0.1s linear;-ms-transition:-ms-transform 0.1s linear;transition:transform 0.1s linear;}
.scale30:hover {-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-o-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3);}
.scale40 {-moz-transition:-moz-transform 0.1s linear;-webkit-transition:-webkit-transform 0.1s linear;-o-transition:-o-transform 0.1s linear;-ms-transition:-ms-transform 0.1s linear;transition:transform 0.1s linear;}
.scale40:hover {-webkit-transform:scale(1.4);-moz-transform:scale(1.4);-o-transform:scale(1.4);-ms-transform:scale(1.4);transform:scale(1.4);}
.scale50 {-moz-transition:-moz-transform 0.1s linear;-webkit-transition:-webkit-transform 0.1s linear;-o-transition:-o-transform 0.1s linear;-ms-transition:-ms-transform 0.1s linear;transition:transform 0.1s linear;}
.scale50:hover {-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-o-transform:scale(1.5);-ms-transform:scale(1.5);transform:scale(1.5);}
.scale60 {-moz-transition:-moz-transform 0.1s linear;-webkit-transition:-webkit-transform 0.1s linear;-o-transition:-o-transform 0.1s linear;-ms-transition:-ms-transform 0.1s linear;transition:transform 0.1s linear;}
.scale60:hover {-webkit-transform:scale(1.6);-moz-transform:scale(1.6);-o-transform:scale(1.6);-ms-transform:scale(1.6);transform:scale(1.6);}
.scale70 {-moz-transition:-moz-transform 0.1s linear;-webkit-transition:-webkit-transform 0.1s linear;-o-transition:-o-transform 0.1s linear;-ms-transition:-ms-transform 0.1s linear;transition:transform 0.1s linear;}
.scale70:hover {-webkit-transform:scale(1.7);-moz-transform:scale(1.7);-o-transform:scale(1.7);-ms-transform:scale(1.7);transform:scale(1.7);}
.scale80 {-moz-transition:-moz-transform 0.1s linear;-webkit-transition:-webkit-transform 0.1s linear;-o-transition:-o-transform 0.1s linear;-ms-transition:-ms-transform 0.1s linear;transition:transform 0.1s linear;}
.scale80:hover {-webkit-transform:scale(1.8);-moz-transform:scale(1.8);-o-transform:scale(1.8);-ms-transform:scale(1.8);transform:scale(1.8);}
.scale90 {-moz-transition:-moz-transform 0.1s linear;-webkit-transition:-webkit-transform 0.1s linear;-o-transition:-o-transform 0.1s linear;-ms-transition:-ms-transform 0.1s linear;transition:transform 0.1s linear;}
.scale90:hover {-webkit-transform:scale(1.9);-moz-transform:scale(1.9);-o-transform:scale(1.9);-ms-transform:scale(1.9);transform:scale(1.9);}

.width10 {width:10%;}
.width15 {width:15%;}
.width20 {width:20%;}
.width25 {width:25%;}
.width30 {width:30%;}
.width35 {width:35%;}
.width40 {width:40%;}
.width45 {width:45%;}
.width50 {width:50%;}
.width55 {width:55%;}
.width60 {width:60%;}
.width65 {width:65%;}
.width70 {width:70%;}
.width75 {width:75%;}
.width80 {width:80%;}
.width85 {width:85%;}
.width90 {width:90%;}
.width95 {width:95%;}
.width100 {width:100%;}
/*共通*/


/*リセット*/
h1 , h2 , h3 , h4 , h5 {margin:0px; padding:0px;}
h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
table {}
td, th {}
ul {list-style:none; margin:0px; padding:0px;}
li {margin:0px; padding:0px;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display:block;}
audio, canvas, progress, video {display:inline-block; vertical-align:baseline;}
audio:not([controls]) {display:none; height:0;}
[hidden], template {display:none;}
a {background:transparent; text-decoration:none; color:#000;}
a:active, a:hover {outline:0;}
a img {border:none;}
abbr[title] {border-bottom:1px dotted;}
b, strong {font-weight:bold;}
dfn {font-style:italic;}
img {border:0; vertical-align: bottom;}
hr {-moz-box-sizing:content-box; box-sizing:content-box; height:0;}
textarea {overflow:auto;}
p{margin: 0; padding: 0;}
table {border-collapse: collapse; border-spacing: 0;
}
/*リセット*/


html {
	font-size:62.5%;
}

body {
	margin:0px;
	padding:0px;
	font-family: YakuHanJP,"Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","Osaka",sans-serif;
	-webkit-text-size-adjust:100%;
	max-height:999999px;
	background: #ffffff;
}

* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

br.pc{display: block;}
br.smp{display: none;}
@media only screen and (max-width:767px) {
br.pc{display: none;}
br.smp{display: block;}
}

#mobi_menu {
	display:none;
}


/*Header*/
.header_box {
width: 100%;
margin: 20px 0px 50px 0px;
}

.header_box_ph {
margin-bottom: 50px;
}

.header_box_ph img.pc {
width: 100%;
}

.header_box_ph img.sp {
display: none;
}

.header_box_menu ul {
width: 760px; 
margin: 0px auto;
display: flex;
justify-content: space-between;
}

.header_box_menu ul li {
width: 25%; 
height: 40px; 
padding-right: 30px;
background: url(../img/common/header_bt_bar.png) no-repeat right center; 
background-size: 24px 40px;
font-family: 'M PLUS Rounded 1c', sans-serif;
text-align: center;
}

.header_box_menu ul li:last-child {
width: 140px; 
height: 40px; 
margin-right: 0px; 
background: none; 
}

.header_box_menu ul li a{
font-size: 16px;
color: #333;
text-decoration: none;
text-align: center;
display: inline-block;
line-height: 120%;
}

.header_box_menu ul li span{
font-family: 'Libre Baskerville', serif;
color: #87BB34;
font-size: 13px;
display: block;
}

.header_box_title {
text-align: center;
margin-bottom: 30px;
}

#menu{
display: none;
}
/*Header*/




/*Footer*/
.footer_box {
margin-top: 100px;
padding: 40px 0px 30px 0px;
background: #fffadc;
}

.footer_inbox {
width: 960px;
margin: 0px auto;
text-align: center;
}

.footer_title {
margin-bottom: 20px;
}

.footer_menu {
margin-bottom: 20px;
}

.footer_box a {
color: #000000;
text-decoration: none;
}

.footer_box a:hover {
color: #000000;
text-decoration: underline;
}

.footer_box span {
display: inline;
padding-left: 30px;
}

.footer_box span:last-child {
display: inline;
padding-left: 0px;
}

.footer_tel span {
margin-left: 20px;
}
/*Footer*/





/*ページタイトル*/
.page_title  {
width: 100%;
margin: 30px auto 0px auto;
position: relative;
display: inline-block;
}

.page_title::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
border: 20px solid transparent;
border-top: 20px solid#d2e682;
}

.page_title_title {
width: 100%;
margin: 0px auto;
padding-bottom: 15px;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-weight: 400;
font-size: 28px;
display: flex;
flex-direction: column;
align-items: center;
letter-spacing: 0.2em;
}

.page_title_title span{
margin-bottom: 10px;
font-family: 'Libre Baskerville', serif;
color: #fff;
letter-spacing: 0.1rem;
font-size: 23px;
}

.page_title_outbox {
height: 185px;
background:-webkit-gradient(linear, left top, right bottom, from(#bedc82 50%), to(#d2e682 50%));
background:-webkit-linear-gradient(90deg, #bedc82, #d2e682);
background:-moz-linear-gradient(90deg, #bedc82, #d2e682);
background:-o-linear-gradient(90deg, #bedc82, #d2e682);
background:linear-gradient( 90deg, #bedc82 50%, #d2e682 50%);
}

.page_title_inbox {
max-width: 1400px;
width: 100%;
height: 185px;
margin: 0px auto;
background:-webkit-gradient(linear, right bottom, left top, from(#bedc82 50%), to(#d2e682 50%));
background:-webkit-linear-gradient(right bottom, #bedc82, #d2e682);
background:-moz-linear-gradient(right bottom, #bedc82, #d2e682);
background:-o-linear-gradient(right bottom, #bedc82, #d2e682);
background:linear-gradient(to right bottom, #bedc82 50%, #d2e682 50%);
}

.page_title_box {
height: 185px;
background: url(../img/common/header_back.png) no-repeat center bottom;
background-size: 1080px 115px;
display: flex;
align-items: center;
}
/*ページタイトル*/





/*トップページ #top*/
#top {
background:#ffffff;
}

#top .box01_inner {
width: 900px;
margin:0px auto 40px auto;
padding: 50px 100px 40px 100px;
background: #fffadc;
}

#top .box01_title {
text-align: center;
margin-bottom: 30px;
}

#top .box01_inner ul {
margin-bottom: 30px;
}

#top .box01_inner ul li {
margin-bottom: 20px;
padding: 5px 0;
border-bottom: solid 1px #73a523;
}

#top .box01_inner ul li a {
padding-left: 20px;
text-decoration: none;
color: #73a523;
transition: .3s;
}

#top .box01_inner ul li a:hover {
color: #bedc82;
transition: .3s;
}

#top .box01_moreinfo a {
width: 300px;
margin: 0px auto;
padding: 10px 0px;
background: #73a523;
color: #ffffff;
display: block;
text-align: center;
text-decoration: none;
}

#top .box02 {
width: 900px; 
margin: 0px auto 100px auto;
display: table;
}

#top .box02_l {
width: 460px;
display: table-cell;
}

#top .box02_l01 {
width: 400px;
margin-bottom: 40px;
padding: 30px; 
background: #fffadc;
z-index: 0;
}

#top .box02_title {
color: #333333;
margin-bottom: 20px;
text-align: center;
font-size: 23px;
font-family: 'Shippori Mincho B1', serif;
position: relative;
z-index: 2;
}

#top .box02_title:after{
content: "";
position: absolute;
width: 200px;
height: 8px;
background-color: #fff;
z-index: 0;
bottom: -5px;
left: 50%;
transform: translate(-50%,0);
z-index: -1;
}

#top .box02_l01 ul {
width: 100%;
padding: 10px 0px;
display: flex;
align-items: center;
border-bottom: solid 1px #73a523;
}

#top .box02_l01 ul:last-child {
width: 100%;
padding: 10px 0px;
border-bottom: solid 1px #73a523;
}

#top .box02_l01 ul li:first-child {
width: 30%;
font-size: 13px;
}

#top .box02_l01 ul li {
width: 10%;
display: table-cell;
text-align: center;
position: relative;
}

#top .box02_l01 ul li img {
margin: 0px auto;
display: block;
}

#top .box02_l01 ul li span {
    position: absolute;
    top: -10px;
    font-size: 10px;
    right: 0;
}

#top .box02_l02 {
width: 400px;
padding: 30px;
background: #fffadc;
}

#top .box02_tel {
text-align: center;
}

#top .box02_inq {
text-align: center;
font-size: 16px;
}

#top .box02_inq a {
width: 330px;
margin: 0px auto;
padding: 15px 0px;
background: #73a523;
color: #ffffff;
display: block;
text-align: center;
text-decoration: none;
}

.link a{
position: relative;
}

.link a:after{
content: "";
position: absolute;
right: 20px;
top: 22px;
width: 7px;
height: 7px;
border-top: 3px solid #fff;
border-right: 3px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

#top .box02_c {
width: 40px;
display: table-cell;
}

#top .box02_r {
width: 400px;
padding: 30px;
display: table-cell;
background: #fffadc;
}

#top .box02_map {
margin-top: 15px;
text-align: center;
}

#top .box02_map a {
width: 330px;
margin: 0px auto;
padding: 10px 0px;
background: #73a523;
color: #ffffff;
display: block;
text-align: center;
text-decoration: none;
}

#top .box03 {
margin-bottom: 70px;
}

#top .box03_t_outbox {
background:-webkit-gradient(linear, left top, right bottom, from(#bedc82 50%), to(#d2e682 50%));
background:-webkit-linear-gradient(90deg, #bedc82, #d2e682);
background:-moz-linear-gradient(90deg, #bedc82, #d2e682);
background:-o-linear-gradient(90deg, #bedc82, #d2e682);
background:linear-gradient( 90deg, #bedc82 50%, #d2e682 50%);
}

#top .box03_t_inbox {
/*max-width: 1400px;*/
width: 100%;
margin: 0px auto;
background:-webkit-gradient(linear, right bottom, left top, from(#bedc82 50%), to(#d2e682 50%));
background:-webkit-linear-gradient(right bottom, #bedc82, #d2e682);
background:-moz-linear-gradient(right bottom, #bedc82, #d2e682);
background:-o-linear-gradient(right bottom, #bedc82, #d2e682);
background:linear-gradient(to right bottom, #bedc82 50%, #d2e682 50%);
}

#top .box03_title {
width: 960px;
margin: 0px auto;
}

#top .box03_t_box {
width: 960px;
margin: 0px auto;
}

#top .box03_t_box_l {
width: 900px;
padding-bottom: 80px;
margin: 0 auto;
text-align: center;
font-size: 16px;
line-height: 200%;
}

#top .box03_t_box_r {
width: 465px;
float: right;
}

#top .box03_t_box_r img{
width: 100%;
}

#top .box03_b_box {
width: 100%;
height: 175px;
background: url(../img/top/box03_ph02.png) repeat-x center;
background-size: 1670px 150px;
}

#top .box04 {
width: 960px;
margin:0px auto 100px auto;
}

#top .box04_title {
margin-bottom: 20px;
text-align: center;
}

#top .box04_box {
display: flex;
text-align: center;
}

#top .box04_inbox {
width:25%;
padding: 15px;
}

#top .box04_inbox a {
display: flex;
flex-direction: column;
align-items: center;
}

#top .box04_inbox .img{
width: 180px;
height: 180px;
background-color: #fffadc;
border-radius: 100%;
padding: 10px;
}

#top .box04_inbox a span{
margin-top: 15px;
font-size: 16px;
position: relative;
display: inline-block;
}

#top .box04_inbox img{
width: 160px;
border: solid 1px #73a523;
border-radius: 100%;
}

#top .box04_inbox a:nth-child(2) span{
margin-top: 5px;
}

#top .box04_inbox a > span:before{
content: "";
display: inline-block;
width: 5px;
height: 5px;
margin-right: 7px;
margin-bottom: 2.5px;
top: 6px;
left: -15px;
border-top: 2px solid #000;
border-right: 2px solid #000;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

#top .box04_inbox_text {
margin-top: 10px;
text-align: left;
}

#top .box04_info {
margin-top: 15px;
text-align: center; 
}

#top .box04_info a {
width: 300px;
margin: 0px auto;
padding: 15px 0px;
text-decoration: none;
background: #73a523;
color: #ffffff;
display: block;
text-align: center;
}

#top .box05_box {
width: 985px;
height: 360px;
margin: 0px auto;
background: url(../img/top/box05_ph01.png) no-repeat;
background-position: right;
background-size: 550px 360px;
}

#top .box05_title {
width: 985px;
margin: 0px auto 30px auto;
}

#top .box05_text {
margin:30px 0px 0px 20px;
}

#top .box05_text span {
display: block;
}

#top .box05_img {
display: none;
}

#top .box05_info {
margin-top: 20px;
text-align: center;
}

#top .box05_info a {
width: 300px;
padding: 10px 0px;
text-decoration: none;
background: #ffffff;
color: #73a523;
border: solid 1px #73a523;
display: block;
text-align: center;
}

#top .box05_info.link a:after{
border-top: 3px solid #73a523;
border-right: 3px solid #73a523;
}

#top .box05_outbox {
height: 360px;
background:-webkit-gradient(linear, left top, right bottom, from(#bedc82 50%), to(#d2e682 50%));
background:-webkit-linear-gradient(90deg, #bedc82, #d2e682);
background:-moz-linear-gradient(90deg, #bedc82, #d2e682);
background:-o-linear-gradient(90deg, #bedc82, #d2e682);
background:linear-gradient( 90deg, #bedc82 50%, #d2e682 50%);
}

#top .box05_inbox {
max-width: 1400px;
width: 100%;
height: 360px;
margin: 0px auto;
background:-webkit-gradient(linear, right bottom, left top, from(#bedc82 50%), to(#d2e682 50%));
background:-webkit-linear-gradient(right bottom, #bedc82, #d2e682);
background:-moz-linear-gradient(right bottom, #bedc82, #d2e682);
background:-o-linear-gradient(right bottom, #bedc82, #d2e682);
background:linear-gradient(to right bottom, #bedc82 50%, #d2e682 50%);
}
/*トップページ #top*/



/*スタッフ紹介 #sta*/
#about {}

.abo_box{
width: 92%;
max-width: 900px;
margin: 100px auto;
}

.abo_inner li{
margin-top: 30px;
padding: 0 15px 30px;
border-bottom: solid 1px #bedc82;
}
@media only screen and (max-width:767px) {
.abo_inner li{
padding: 0 0 30px;
}
}

.santei_name{
background: #fffacc;
font-size: 20px;
color: #5f9e17;
line-height: 100%;
padding: 7px 10px;
}

.abo_inner li p{
margin-top: 15px;
}


/*スタッフ紹介 #sta*/
#sta {}

#sta .box01 {
margin-bottom: 100px;
}

#sta .box02 {
width: 900px;
margin: 0px auto;
}

#sta .box02 .sp {
display: none;
}

#sta .box02 p {
width: 100%;
margin-bottom: 50px;
text-align: center;
}

#sta .box02_title {
display: inline-block;
padding: 5px 20px 0;
background: #fffacc;
color: #5f9e17;
text-align: center;
}

#sta .box02 .box02_inner {
margin-top: 30px;
}

#sta .box02_inbox {
width: 100%;
padding: 0 30px;
display: flex;
margin-bottom: 50px;
}

#sta .box02_inbox_l {
width: 13%;
min-width: 120px;
color: #5f9e17;
}

#sta .box02_inbox_r {
width: 87%;
padding-left: 20px;
border-left: 1px dashed #5F9E17;
}

/*スタッフ紹介 #sta*/





/*診療内容 #med*/
#med {}

#med .med_title {
text-align: center;
color: #5f9e17;
}

#med .box {
width: 1000px;
margin: 0px auto 0px auto;
padding-top: 80px;
padding-bottom: 80px;
border-bottom: solid 1px #bedc82;
}

#med .box:last-child {
padding-bottom: 0;
border-bottom: none;
}

#med #con01 {
padding-top: 50px;
}

#med .box_title {
width: 180px;
margin: 0px 0px 20px 100px;
text-align: center;
color: #73a523;
}

#med .box_title02 {
margin: 0px 0px 20px 100px;
color: #73a523;
}

#med .box_inbox {
width: 800px;
margin: 0px auto 20px auto;
display: flex;
}

#med .box_inbox_l {
width: 180px;
height: 180px;
padding: 10px;
background: #fffadc;
text-align: center;
border-radius: 100%;
z-index: 1;
}

#med img {
width: 160px;
border: solid 1px #73a523;
border-radius: 100%;
}

#med .box_inbox_r {
width: 650px;
margin: 20px 0px 20px -90px;
padding: 20px 20px 20px 110px;
background: #fffadc;
color: #73a523;
z-index: 0;
}

#med .box_inbox_r h4 {
margin-bottom: 10px;
}

#med .box_b {
width: 580px;
margin-left: 250px;
}

#med .box_b ul {
margin-left: 20px;
}

#med .box_b ul li {
list-style: disc;
}

#med .box_bt {
margin-top: 30px;
}

#med .box_bt a {
display: block;
width: 380px;
padding: 15px 0px;
background: #73a523;
color: #ffffff;
text-align: center;
text-decoration: none;
font-size: 16px;
}

#med .box_c{
width: 800px;
margin: 80px auto 0;
}

h3.cap{
font-size: 21px;
font-weight: normal;
color: #5F9E17;
text-align: center;
}

h3.cap span{
padding: 0 10px 3px;
display: inline-block;
background: linear-gradient(transparent 50%, #FFFACC 0%);
}

.con04_price{
width: 100%;
margin-top: 30px;
}

.con04_price th{
padding: 15px;
margin-top: 30px;
background-color: #FFFBDC;
text-align: center;
border-top: 1px solid #5F9E17;
}

.con04_price tr{
border-bottom: 1px solid #5F9E17;
}

.con04_price td{
padding: 15px 25px;
}

.con04_price td.l,
.con04_price td.c{
border-right: 1px dashed #5F9E17;
}

.con04_price td.r{
text-align: right;
}

.con04_txt{
margin-top: 30px;
}


/*診療内容 #med*/





/*内視鏡検査 #end*/
.titlebox {
margin-bottom: 50px;
display: flex;
-webkit-justify-content: space-between; /* Safari */
justify-content: space-between;
}
@media only screen and (max-width:1024px) {
.titlebox {
justify-content: center;
}
}

.titlebox_side {
flex: 1;
background: url(../img/end/title_border.png) repeat-x;
}
@media only screen and (max-width:1024px) {
.titlebox_side {
display: none;
}
}

.titlebox_side_l {
padding: 0px 30px;
display: flex;
align-items: center;
}

.titlebox_side_r {
padding: 0px 30px 0px 15px;
display: flex;
align-items: center;
}

.titlebox_c {
font-size: 23px;
letter-spacing: 0.3em;
color: #73a523;
}
@media only screen and (max-width:767px) {
.titlebox_c {
letter-spacing: 0.1em;
line-height: 130%;
}
}

#end .box01 {
height: 500px;
background: url("../img/end/ph01.jpg") no-repeat fixed;
background-size: 935px 935px;
background-position: center right;
display: flex;
align-items: center;
}

#end .box01_inbox01 {
width: 900px;
margin: 0px auto;
}

#end .box01_inbox02 {
width: 500px;
padding: 20px;
background: rgba(255,255,255,0.6);
}

#end .box01_b {
width: 800px;
margin: 100px auto 0px auto;
display: flex;
justify-content: space-between;
}

#end .box01_bt {
display: flex;
}

#end .box01_bt a {
width: 350px;
padding: 12px 0px 10px 0px;
background: #73a523;
display: flex;
color: #ffffff;
text-decoration: none;
text-align: center;
justify-content: center;
align-items: center;
}

#end .box01_bt.link a:after {
top: 30px
}

#end .box02 {
width: 900px;
margin: 0px auto 50px auto;
padding-top: 150px;
}

#end .box02_text {
margin-bottom: 50px;
text-align: center;
}

#end ul.box02_inner {
margin: 30px 0 60px;
display: flex;
justify-content: space-between;
}

#end ul.box02_inner li {
width: 31%;
padding: 25px 20px 20px;
background-color: #FFFACC;
color: #5F9E17;
display: flex;
align-items: center;
font-size: 18px;
line-height: 150%;
border-radius: 15px;
}

#end .end_table{
margin: 30px 0 50px;
}

#end .end_table table{
width: 100%;
margin-bottom: 10px;
text-align: center;
}

#end .end_table table th{
background-color: #FFFBDC;
font-weight: normal;
padding: 15px 15px 10px;
border-bottom: 1px solid #5F9E17;
border-top: 1px solid #5F9E17;
border-left: 1px dashed #5F9E17;
}

#end .end_table table td{
padding: 15px 10px 10px;
border-bottom: 1px solid #5F9E17;
border-left: 1px dashed #5F9E17;
}

#end .end_table table tr td:first-child,
#end .end_table table tr th:first-child{
width: 300px;
border-left: none;
}

#end .box02_b{
width: 100%;
padding: 50px 0;
background-color: #F5F7ED;
}

#end .box02_inner02{
width: 1000px;
margin: 0 auto;
}

#end .box02_inner02 .box02_cap{
font-size: 21px;
color: #5F9E17;
}

#end .box02_inner02 p{
width: 90%;
margin: 20px auto 0;
}

#end .box02_contents {
width: 900px;
margin: 50px auto 0;
display: flex;
-webkit-justify-content: space-between; /* Safari */
justify-content: space-between;
}

#end .box02_contents_title {
margin-bottom: 10px;
display: flex;
color: #73a523;
}

#end .box02_contents_title_l {
width: 32%;
padding: 7px;
background: url("../img/end/title_back02.png") no-repeat;
background-size: 80px 35px;
letter-spacing: 0.5em;
text-align: center;
}

.box02_contents_title_r {
width: 68%;
padding-left: 5px;
}

.box02_contents_title_r span{
display: inline-block;
}

#end .box02_contents01,
#end .box02_contents02,
#end .box02_contents03{
width: 30%;
}

#end .box03 {
width: 900px;
margin: 0px auto 100px auto;
padding-bottom: 50px;
border-bottom: solid 1px #73a523;
}

#end .box03_title {
margin-bottom: 50px;
text-align: center;
}

#end .box03_title span {
margin: 0px auto;
padding-left: 10px;
background: url(../img/end/title_backborder.png) repeat-x bottom;
background-size: 1px 8px;
line-height: 100%;
color: #73a523;
display: inline-flex;
}

#end .box03_contents {
display: flex;
}

#end .box03_contents_l {
width: 49%;
}

#end .box03_contents_l div {
margin-bottom: 10px;
padding: 3px 0px 3px 30px;
background: url(../img/end/icon01.png) no-repeat;
background-size: 25px 25px;
}

#end .box03_contents_r {
width: 49%;
margin-left: 2%;
}

#end .box03_contents_r div {
margin-bottom: 10px;
padding: 3px 0px 3px 30px;
background: url(../img/end/icon01.png) no-repeat;
background-size: 25px 25px;
}

#end .box04 {
width: 900px;
margin: 0px auto 0px auto;
padding-bottom: 50px;
border-bottom: solid 1px #73a523;
}

#end .box04_title {
margin-bottom: 50px;
text-align: center;
}

#end .box04_title span {
margin: 0px auto;
padding-left: 10px;
background: url(../img/end/title_backborder.png) repeat-x bottom;
background-size: 1px 8px;
line-height: 100%;
color: #73a523;
display: inline-flex;
}

#end .box04_t {
width: 900px;
margin: 0px auto 50px auto;
display: flex;
-webkit-justify-content: space-between; /* Safari */
justify-content: space-between;
}

#end .box04_b {
width: 900px;
margin: 0px auto;
display: flex;
-webkit-justify-content: space-between; /* Safari */
justify-content: space-between;
}

#end .box04_contents {
width: 250px;
}

#end .box04_contents span {
color: #73a523;
}

#end .box05 {
width: 900px;
margin: 0px auto 50px auto;
padding-top: 150px;
}

#end .box05_text {
margin-bottom: 60px;
text-align: center;
}

#end .box05_contents {
margin: 30px 0 60px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

#end .box05_contents div {
width: 48%;
margin-bottom: 10px;
padding: 3px 0px 3px 30px;
background: url(../img/end/icon01.png) no-repeat;
background-size: 25px 25px;
}

/*内視鏡検査 #end*/





/*アクセス #acc*/
#acc .box01 {
width: 900px;
margin: 0px auto 50px auto;
padding: 50px 100px;
background: #f5fadc;
color: #73a523;
text-align: center;
}

#acc .box01_tel {
margin-bottom: 10px;
border-bottom: solid 1px #73a523;
display: inline-block;
padding: 0 20px;
font-size: 40px;
line-height: 130%;
}

#acc .box01_tel a {
color: #73a523;
text-decoration: none;
}

#acc .box01_tel a:hover {
color: #73a523;
text-decoration: underline;
}

#acc .box01_tel span {
display:inline;
}

#acc .box01_add span {
display:inline;
}

#acc .box01_tel_r {
margin-left: 10px;
}

#acc .box01_add_r {
margin-left: 10px;
}

#acc .box01_add {
text-align: center;
}

#acc .box01_con{
margin-top: 30px;
}

#acc .box01_con a {
width: 370px;
margin: 0px auto;
padding: 15px 0px;
background: #73a523;
color: #ffffff;
display: block;
text-align: center;
text-decoration: none;
}

#acc .box02 {
width: 900px;
height: 500px;
margin: 0px auto 30px auto;
}

#acc .box03 {
width: 900px;
margin: 0px auto 50px auto;
display: flex;
-webkit-justify-content: space-between; /* Safari */
justify-content: space-between;
}

#acc .box04 {
width: 900px;
margin: 0px auto 50px;
display: flex;
}

#acc .box04 ul {
width: 100%;
display: flex;
list-style: disc;
color: #73a523;
padding: 0 25px;
}

#acc .box04 ul li {
width: 50%;
}

#acc .box04 ul li span {
color: #000000;
}
/*アクセス #acc*/





/*よくあるご質問　#que*/
#que {}

#que .form {
width: 900px;
margin: 0px auto 100px auto;
padding: 50px;
border: solid 1px #bedc82;
border-radius: 10px;
}

#que .form p{
margin-bottom: 30px;
}

#que .form form {
margin: 0px;
padding: 0px;
}

#que .form input[type=text],
#que .form input[type=email],
#que .form textarea {
background: #f5fadc;
border: none;
width: 780px;
padding: 5px 10px;
border-radius: 10px;
}

#que .form div {
margin-bottom: 10px;
}

#que .box01 {
width: 960px;
margin: 0px auto 50px auto;
padding-bottom: 50px;
border-bottom: solid 1px #bedc82;
display: flex;
}

#que .box01_l {
width: 650px;
padding-right: 50px;
}

#que .box01_l_q {
width: 650px;
margin-bottom: 20px;
padding-right: 50px;
display: flex;
}

#que .box01_l_q01 {
width: 100px;
}

#que .box01_l_q02 {
width: 550px;
}

#que .box01_l_a {
width: 650px;
padding-right: 50px;
display: flex;
}

#que .box01_l_a01 {
width: 90px;
padding-left: 10px;
}

#que .box01_l_a02 {
width: 550px;
}

#que .box01_r {
width: 200px;
height: 200px;
background: #fffadc;
border-radius: 100%;
}
/*よくあるご質問　#que*/


/*お知らせ　#info*/
#newsWrap{
width: 92%;
max-width: 900px;
margin: 0 auto;
}

#newsWrap ul li{
margin-bottom: 50px;
border-bottom: 1px dashed #ccc;
padding-bottom: 50px;
}

#newsWrap .title{
display: block;
font-size: 18px;
margin-bottom: 20px;
padding: 5px 0;
border-bottom: solid 1px #73a523;
}

#newsWrap .title a{
color: #73a523;
}

#newsWrap .txt{
margin: 0 15px;
}

#newsWrap .news_detail_inner{
padding-bottom: 50px;
border-bottom: 1px dashed #ccc;
margin-bottom: 25px;
}

.detailUpfile{
margin-top: 30px;
}

.detailUpfile a{
color: #73a523;
transition: .3s;
}

.detailUpfile a:hover{
opacity: 0.6;
transition: .3s;
}

.detailUpfile a:before{
content: "";
display: inline-block;
width: 5px;
height: 5px;
margin-right: 7px;
margin-bottom: 2.5px;
top: 6px;
left: -15px;
border-top: 2px solid #73a523;
border-right: 2px solid #73a523;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
transition: .3s;
}

.detailUpfile a:hover:before{
opacity: 0.6;
transition: .3s;
}

.newsList_box{
display: flex;
justify-content: space-between;
}

#newsWrap .title a{
display: block;
transition: .3s;
}

#newsWrap .title a:hover{
opacity: 0.6;
transition: .3s;
}

#newsWrap .pager{
text-align: center;
}

#newsWrap .pager a{
color: #9b9b9b;
font-size: 16px;
margin: 0 5px;
}

#newsWrap .pager a:hover{
color: #000;
}

#newsWrap .pager a.current{
font-weight: bold;
font-size: 20px;
color: #000;
}

.backORcloseBtn{
text-align: center;
}

.backORcloseBtn a{
color: #73a523;
margin: 0 30px;
transition: .3s;
}

.backORcloseBtn a:hover{
opacity: 0.6;
transition: .3s;
}


/*-----------------------トップへ戻るボタン-----------------------*/
#page-top {
    display: block;
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 50px;
    height: 50px;
    background-color: #73a523;
    border-radius: 10px;
    font-size: 35px;
    opacity: 0.6;
    z-index: 999;
    line-height: 50px;
	margin: 0;
}
#page-top a {
    text-decoration: none;
    text-align: center;
    display: block;
    color: #ffffff;
}
























/*レスポンシブ　1000px以下*/
@media screen and (max-width:1000px) {

.header_box_ph {
overflow: hidden;
}

.header_box_ph h1 {
width: 200%;
margin: 0 -50%;
text-align: center;
}

.header_box_ph img.pc {
height: 400px;
width: auto;
}
	
/*レスポンシブ用メニュー*/
#menu{
display: block;
position: fixed;
z-index: 5;
left:-1000%;
top:0;
width:100%;
transition: all .5s;
-ms-overflow-style: none;    /* IE, Edge 対応 */
scrollbar-width: none;       /* Firefox 対応 */
}

#menu.active{
left: 0;
}

#icon{
display: flex;
position: fixed;
z-index: 1000;
top:0;
left: 0;
width:100%;
height: 45px;
background-color: #639039;
flex-direction: column;
justify-content: center;
}

#icon div{
width: 50px;
height: 50px;
padding: 10px;
display: flex;
flex-direction: column;
justify-content: space-between;
}

#icon span{
display: block;
margin:0 auto;
width:30px;
height: 4px;
background-color: #fff;
opacity: 1;
transition: all .3s ease 0s;
}

#icon span:first-of-type{
margin-bottom:5px;
}

#icon span:last-of-type{
margin-top:5px;
}

#icon.active span:nth-of-type(1){
transform: rotate(45deg);
margin-top:10px;
background-color: #fff;
opacity: 1;
}

#icon.active span:nth-of-type(2){
margin-left: 1px;
transform: rotate(-45deg);
margin-top: -10px;
background-color: #fff;
opacity: 1;
}

#icon.active span:nth-of-type(3){
opacity: 0;
background-color: #fff;
}

.submenu{
display: block;
margin-top:45px;
color:#fff;
background-color: #bedc82;
opacity: .9;
}

.submenu li{
display: block;
margin:auto;
text-align: center;
border-bottom:1px solid #fff;
}

.submenu li a{
display: block;
padding: 15px;
font-size:18px;
}
/*レスポンシブ用メニュー*/


/*Header*/
.header_box {
width: 100%;
margin: 0px 0px 50px 0px;
padding-top: 70px;
}

.header_box_ph {
margin-bottom: 50px;
}

.header_box_menu ul {
display: none; 
}

.header_box_title {
margin-bottom: 0;
}
/*Header*/


/*Footer*/
.footer_box {
margin-top: 100px;
padding: 20px 0px;
background: #fffadc;
}

.footer_inbox {
width: 100%;
margin: 0px auto;
text-align: center;
}

.footer_title {
margin-bottom: 20px;
}

.footer_menu {
display: none;
}

.footer_box span {
display: block;
padding-left: 0px;
}

.footer_box span:last-child {
display: block;
padding-left: 0px;
}

.footer_tel span {
margin-left: 0px;
}
/*Footer*/


/*トップページ #top*/
#top {
background:#ffffff;
}

#top .box01 {
width: 90%;
margin: 0px auto 50px auto;
}

#top .box01_inner {
width: auto;
margin:0px auto 50px auto;
padding: 30px 0px;
background: #fffadc;
}

#top .box01_title {
text-align: center;
margin-bottom: 30px;
}

#top .box01_inner ul {
width: 85%;
margin:0px auto 30px auto;
}

#top .box01_inner ul li {
margin-bottom: 20px; 
border-bottom: solid 1px #73a523;
text-align: center;
}

#top .box01_inner ul li a {
text-decoration: none;
color: #73a523;
padding: 0px;
display: block;
transition: .3s;
}

#top .box01_inner ul li a:hover {
color: #bedc82;
transition: .3s;
}

#top .box01_moreinfo a {
max-width: 300px;
width: 90%;
margin: 0px auto;
padding: 10px 0px;
background: #73a523;
color: #ffffff;
display: block;
text-align: center;
text-decoration: none;
}

#top .box02 {
width: 90%; 
margin: 0px auto 50px auto;
display: block;
}

#top .box02_l {
width: 100%;
display: block;
}

#top .box02_l01 {
width: 100%;
margin-bottom: 40px;
padding: 30px 0px; 
background: #fffadc;
}

#top .box02_title {
margin-bottom: 10px;
text-align: center;
}

#top .box02_l01 ul {
width: 90%;
margin: 0px auto;
padding: 10px 0px;
display: table;
border-bottom: solid 1px #73a523;
}

#top .box02_l01 ul:last-child {
width: 90%;
margin: 0px auto 20px auto;
padding: 10px 0px;
display: table;
border-bottom: solid 1px #73a523;
}

#top .box02_l01 ul li:first-child {
width: 37%;
}

#top .box02_l01 ul li {
width: 9%;
display: table-cell;
text-align: center;
}

#top .box02_l01 ul li img {
max-width: 12px;
width: 100%;
margin: 0px auto;
display: block;
}

#top .box02_l01_text {
width: 90%;
margin: 0px auto;
padding-top: 10px;
}

#top .box02_l02 {
width: 100%;
margin-bottom: 40px;
padding: 30px 0px 30px 0px;
background: #fffadc;
}

#top .box02_tel img {
max-width: 315px;
width: 90%;
}

#top .box02_inq {
text-align: center;
}

#top .box02_inq a {
max-width: 320px;
width: 90%;
margin: 0px auto;
padding: 10px 0px;
background: #73a523;
color: #ffffff;
display: block;
text-align: center;
text-decoration: none;
}

#top .box02_c {
display: none;
}

#top .box02_r {
width: 100%;
margin: 0px auto;
padding: 30px 0px;
display: block;
background: #fffadc;
}

#top .box02_map {
margin-top: 15px;
text-align: center;
}

#top .box02_map {
text-align: center;
}

#top .box02_map a {
max-width: 330px;
width: 90%;
margin: 0px auto;
padding: 10px 0px;
background: #73a523;
color: #ffffff;
display: block;
text-align: center;
text-decoration: none;
}

#top .box02_r iframe {
width: 90%;
margin: 0px auto 20px auto;
display: block;
}

#top .box02_r_text {
width: 90%;
margin: 0px auto;
}


#top .box03 {
margin-bottom: 50px;
}

#top .box03_t_outbox {
height: auto;
background:-webkit-gradient(linear, right bottom, left top, from(#bedc82 50%), to(#d2e682 50%));
background:-webkit-linear-gradient(right bottom, #bedc82, #d2e682);
background:-moz-linear-gradient(right bottom, #bedc82, #d2e682);
background:-o-linear-gradient(right bottom, #bedc82, #d2e682);
background:linear-gradient(to right bottom, #bedc82 50%, #d2e682 50%);
}

#top .box03_t_inbox {
width: 100%;
height: auto;
margin: 0px auto;
background:none;
}

#top .box03_title {
width: 100%;
margin: 0px auto;
text-align: center;
}

#top .box03_title img {
max-width: 350px;
width: 70%;
}

#top .box03_t_box {
width: 100%;
margin: 0px auto;
display: flex;
-webkit-flex-wrap: wrap; /* Safari */
flex-wrap: wrap;
}

#top .box03_t_box_l {
width: 90%;
margin: 0px auto 20px auto;
padding-top: 10px;
padding-bottom: 30px;
order: 2;
}

#top .box03_t_box_r {
width: 90%;
margin: 0px auto;
float: none;
text-align: center;
order: 1;
}

#top .box03_t_box_r img {
max-width: 700px;
width: 100%;
}

#top .box03_b_box {
width: 100%;
height: 75px;
margin-top: 5px;
background: url(../img/top/box03_ph02.png) repeat-x center;
background-size: 835px 75px;
}

#top .box04 {
width: 92%;
margin:0px auto 100px;
}

#top .box04_title span {
display: block;
}

#top .box04_inbox img {
max-width: 180px;
width: 100%;
}

#top .box04_info {
width: 95%;
margin-top: 20px;
text-align: center;
}

#top .box04_info a {
max-width: 330px;
width: 100%;
margin: 0px auto;
padding: 10px 0px;
text-decoration: none;
background: #73a523;
color: #ffffff;
display: block;
text-align: center;
}

#top .box05 {
}

#top .box05_box {
width: 100%;
height: auto;
margin: 0px auto;
padding-bottom: 40px;
background: none;
background-position: center;
background-size: 550px 360px;
}

#top .box05_title {
width: 100%;
margin: 0px auto;
text-align: center;
}

#top .box05_title img {
max-width: 485px;
width: 90%;
}

#top .box05_img {
display: block;
text-align: center;
}

#top .box05_img img {
max-width: 485px;
width: 90%;
}

#top .box05_text {
width: 90%;
margin:30px 0px 0px 20px;
text-align: center;
}

#top .box05_text span {
display: inline;
}

#top .box05_info {
margin-top: 20px;
text-align: center;
}

#top .box05_info a {
max-width: 330px;
width: auto;
margin: 0px auto;
padding: 10px 0px;
text-decoration: none;
background: #ffffff;
color: #73a523;
border: solid 1px #73a523;
display: block;
text-align: center;
}

#top .box05_outbox {
height: auto;
background:-webkit-gradient(linear, right bottom, left top, from(#bedc82 50%), to(#d2e682 50%));
background:-webkit-linear-gradient(right bottom, #bedc82, #d2e682);
background:-moz-linear-gradient(right bottom, #bedc82, #d2e682);
background:-o-linear-gradient(right bottom, #bedc82, #d2e682);
background:linear-gradient(to right bottom, #bedc82 50%, #d2e682 50%);
}

#top .box05_inbox {
width: 100%;
height: auto;
margin: 0px auto;
background:none;
}
/*トップページ #top*/



/*スタッフ紹介 #sta*/
#sta {}

#sta .box01 {
margin-bottom: 100px;
}

#sta .box02 {
width: 92%;
margin: 0px auto;
}

#sta .box02_inbox {
width: 48%;
flex-direction: column;
}

#sta .box02_inbox_l {
width: 100%;
}

#sta .box02_inbox_r {
width: 100%;
margin-top: 5px;
padding-left: 0;
padding-top: 10px;
border-left: none;
border-top: 1px dashed #5F9E17;
}
/*スタッフ紹介 #sta*/



/*診療内容 #med*/
#med {}

#med .med_title {
width: 90%;
margin: 0 auto 50px;
text-align: center;
color: #5f9e17;
}

#med .box {
width: 90%;
margin: 0px auto;
padding-bottom: 50px;
padding-top: 50px;
border-bottom: solid 1px #bedc82;
}

#med .box_title {
width: 100%;
margin: 0px 0px 20px 0px;
}

#med .box_title02 {
width: 100%;
margin: 0px 0px 20px 0px;
text-align: center;
}

#med .box_inbox {
width: 100%;
display: block;
}

#med .box_inbox_l {
margin: 0px auto;
padding: 10px;
background: #fffadc;
text-align: center;
border-radius: 100%;
}

#med img {
width: 160px;
border: solid 1px #73a523;
border-radius: 100%;
}

#med .box_inbox_r {
width: 100%;
margin: 20px 0px;
padding: 20px 0px;
background: #fffadc;
color: #73a523;
z-index: 0;
}

#med .box_inbox_r_inner {
width: 90%;
margin: 0px auto;
}

#med .box_inbox_r h4 {
margin-bottom: 10px;
}

#med .box_b {
width: 100%;
margin-left: 0px;
}

#med .box_b ul {
margin-left: 20px;
}

#med .box_b ul li {
list-style: disc;
}



#med .box_bt a {
display: block;
max-width: 280px;
width: 100%;
margin: 0px auto;
background: #73a523;
color: #ffffff;
text-align: center;
text-decoration: none;
}

#med .box_c{
width: 100%;
margin: 80px auto 0;
}

/*診療内容 #med*/





/*内視鏡検査 #end*/

.titlebox_side_l {
padding: 0px 30px;
}

.titlebox_side_r {
padding: 0px 30px;
}


#end .box01_inbox01 {
width: 100%;
margin: 0px auto;
padding-top: 0px;
}

#end .box01_inbox02 {
width: 80%;
margin: 0px auto;
padding: 20px;
background: rgba(255,255,255,0.85);
}

#end .box01_b {
width: 90%;
padding: 0px;
justify-content: center;
}

#end .box01_bt a {
width: 300px;
margin: 0 30px;
}

#end .box02 {
width: 92%;
padding-top: 100px;
}

#end .box02_inner02 {
width: 92%;
}
	
#end .box02_inner02 p {
width: 100%;
}

#end .box02_contents {
width: 100%;
display: block;
}

#end .box02_contents_title {
align-items: center;
}

#end .box02_contents_title_l {
width: 90px;
max-width: 15%;
}

#end .box02_contents_title_r {
width: 85%;
}

#end .box02_contents01,
#end .box02_contents02{
width: 100%;
margin-bottom: 30px;
}

#end .box02_contents03{
width: 100%;
margin-bottom: 0;
}

#end .box03 {
width: 90%;
margin: 0px auto 100px auto;
padding-bottom: 50px;
border-bottom: solid 1px #73a523;
}

#end .box05 {
width: 90%;
padding-top: 100px;
}

#end .box05_title {
margin-bottom: 50px;
text-align: center;
}

#end .box05_contents {
flex-direction: column;
}

#end .box05_contents div{
width: 100%;
}

#end .box05_contents_l {
width: 100%;
}

#end .box05_contents_l div {
}

#end .box05_contents_r {
width: 100%;
margin-left: 0%;
}

#end .box05_contents_r div {
}

/*内視鏡検査 #end*/





/*アクセス #acc*/
#acc .box01 {
width: 100%;
padding: 50px 0px;
}

#acc .box01_tel {
width: 90%;
margin: 0px auto 15px auto;
padding-bottom: 10px;
border-bottom: solid 1px #73a523;
text-align: center;
font-size: 32px;
line-height: 130%;
}

#acc .box01_tel > span {
margin-right: 15px;
}

#acc .box01_add span {
display:block;
}

#acc .box01_tel_r {
margin-left: 0px;
}

#acc .box01_add_r {
margin-left: 0px;
}

#acc .box01_add {
text-align: center;
}

#acc .box02 {
width: 90%;
height: 500px;
}

#acc .box02 iframe {
width: 100%;
}

#acc .box03 {
width: 90%;
height: auto;
margin: 0px auto 0px auto;
}

#acc .box03 img {
max-width: 500px;
width: 48%;
}

#acc .box04 {
width: 90%;
height: auto;
margin: 0px auto;
}

#acc .box04 ul {
padding-left: 30px;
margin-bottom: 50px;
}

/*アクセス #acc*/





/*よくあるご質問　#que*/
#que {}

#que .form {
width: 90%;
margin: 0px auto 100px auto;
padding: 0px;
border: none;
border-radius: 10px;
}

#que .form form {
margin: 0px;
padding: 0px;
}

#que .form input[type=text],
#que .form input[type=email],
#que .form textarea {
width: 100%;
padding: 5px 0px 5px 5px;
}

#que .form div {
margin-bottom: 10px;
}

#que .box01 {
width: 90%;
margin: 0px auto 50px auto;
padding-bottom: 50px;
border-bottom: solid 1px #bedc82;
display: block;
}

#que .box01_l {
width: 100%;
padding-right: 0px;
}

#que .box01_l_q {
width: 100%;
margin-bottom: 20px;
padding-right: 0px;
display: flex;
}

#que .box01_l_q01 {
width: 100px;
}

#que .box01_l_q02 {
width: 100%;
}

#que .box01_l_a {
width: 100%;
padding-right: 0px;
display: flex;
}

#que .box01_l_a01 {
width: 90px;
padding-left: 10px;
}

#que .box01_l_a02 {
width: 100%;
margin-bottom: 50px;
}

#que .box01_r {
width: 200px;
height: 200px;
margin: 0px auto;
background: #fffadc;
border-radius: 100%;
}
/*よくあるご質問　#que*/


}
/*レスポンシブ　960px以下*/








/*レスポンシブ　1000px以下*/
@media screen and (max-width:767px) {

.header_box_ph h1 {
width: 100%;
margin: 0;
}

.header_box_ph img.pc {
display: none;
}

.header_box_ph img.sp {
width: 100%;
display: block;
}

#top .box04_box {
margin-bottom: 20px;
flex-wrap: wrap;
justify-content: space-between;
text-align: center;
}

#top .box04_inbox {
width:45%;
margin:0px 0 20px;
padding: 0px;
}

#top .box04_inbox:nth-child(2n) {
margin-right: 0;
}

#top .box04_inbox_text {
margin-top: 10px;
text-align: left;
}

#top .box04_inbox .img {
width: 100%;
max-width: 180px;
height: auto;
}


#med .box_c{
margin: 50px auto;
}

.con04_price td{
padding: 15px;
font-size: 14px;
line-height: 120%;
}

.con04_price td.r{
text-align: center;
}



#sta .box02 .box02_inner {
display: block;
}

#sta .box02_inbox {
width: 100%;
margin-bottom: 30px;
padding: 0;
}


/*内視鏡検査 #end*/
#end .box01_b {
width: 92%;
flex-direction: column;
}

#end .box01_bt a {
width: 100%;
max-width: 300px;
margin: 0px auto 20px auto;
}

#end .box01_bt:last-child a {
margin-bottom: 0px;
}
	
#end .box01_bt.link a:after {
top: 42%;
}

.titlebox{
width: 100%;
padding: 15px 0;
margin-bottom: 30px;
display: block;
text-align: center;
border-top: 5px solid #DAEAB8;
border-bottom: 5px solid #DAEAB8;
}

.titlebox_side_l,
.titlebox_side_r{
display: none;
}

#end .box02_text {
text-align: left;
}

#end .box02_contents {
width: 100%;
display: block;
}

#end .box02_contents_title {
align-items: center;
}

#end .box02_contents_title_l {
width: 90px;
max-width: 100%;
}

#end .box02_contents_title_r {
width: 85%;
}

#end .box02_contents01,
#end .box02_contents02{
width: 100%;
margin-bottom: 30px;
}

#end .box02_contents03{
width: 100%;
margin-bottom: 0;
}

#end ul.box02_inner {
flex-direction: column;
}

#end ul.box02_inner li {
width: 100%;
margin-bottom: 15px;
}

#end .end_table table tr td:first-child,
#end .end_table table tr th:first-child {
width: 25%;
max-width: 300px;
}

#end .box03 {
width: 90%;
margin: 0px auto 100px auto;
padding-bottom: 50px;
border-bottom: solid 1px #73a523;
}

#end .box05 {
width: 90%;
padding-top: 100px;
}

#end .box05_text {
text-align: left;
}

#end .box05_title {
margin-bottom: 50px;
text-align: center;
}

#end .box05_contents {
flex-direction: column;
}

#end .box05_contents div{
width: 100%;
}

#end .box05_contents_l {
width: 100%;
}

#end .box05_contents_l div {
}

#end .box05_contents_r {
width: 100%;
margin-left: 0%;
}

#end .box05_contents_r div {
}

#acc .box01_con a {
max-width: 370px;
width: 90%;
padding-right: 30px;
}

#acc .box01_con.link a:after{
top: 42.5%;
}

#acc .box01_con a span{
display: inline-block;
}

#acc .box03 {
flex-direction: column;
align-items: center;
}

#acc .box03 img {
width: 100%;
max-width: 450px;
margin-bottom: 15px;
}

#acc .box04 ul {
flex-direction: column;
}

#acc .box04 ul li{
width: 100%;
margin-bottom: 15px;
}

/*内視鏡検査 #end*/
    
    
/*お知らせ #news*/
.newsList_box{
flex-direction: column;
}

.thumbNailWrap{
text-align: center;
}

.thumbNailWrap img{
width: 100%;
max-width: 500px;
margin-top: 30px;
}

.detailUpfile img{
width: 100%;
}


}