@charset "utf-8";

html,body {
    color: #333;
		font-family: 'Noto Serif JP', serif, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif, sans-serif;
    font-weight: 500;
    font-style: normal;
    letter-spacing: 0.03em;
    font-size: 14px;
    line-height: 1.8em;
}
*{
  box-sizing: border-box;
}
body {
	-webkit-font-smoothing: antialiased;
}

a:hover img{
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
a{
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	text-decoration: none;
}

a {color: #2780b4;}
a:hover {color: #ddd; text-decoration: none;}

img{
	line-height: 0;
	vertical-align: bottom;
	width: 100%;
	max-width: 100%;
	height: auto;
}

.mobile{display: none;}


.wf-jp-go{	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
.wf-en-g{font-family: FuturaLTPro-Book;}


.inner{
	width: 1000px;
	margin: 0 auto;
}

section{
		padding: 90px 0;
}

.inner_min{
	width: 800px;
	margin: 0 auto;
}

.inner_page_ttl{
  width: 1100px;
}

.inner_ttl {
    font-size: 40px;
    letter-spacing: 0.2em;
    margin-bottom: 60px;
    text-align: center;
}

/* .inner_ttl span {
    color: #2780b4;
    font-size: 44%;
    letter-spacing: 0;
    display: inline-block;
} */
.inner_index_small{
  max-width: 945px;
  margin: 0 auto;
}
.inner_index_small h2{
  text-align: center;
  margin-top: 50px;
  }
.inner_index_small h2 span{
  display: block;
  font-size: 30px;
  padding: 1em 1.35em 10px;
  border-bottom: 2px solid #0092D6;
}

.hdr_inner{
	max-width: 1150px;
	width: 95%;
	margin: 0 auto;
  flex-wrap: wrap;
}

.min-w{min-width: 1280px;}

.dflex{
    display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.wrap{flex-wrap:wrap;}
.flex-start{justify-content: flex-start;}
.flex-end{justify-content: flex-end;}
.j-center{justify-content: center;}
.j-between{justify-content: space-between;}
.j-around{	justify-content: space-around;}

.align-center{align-items: center;}
.align-start{align-items: flex-start;}
.align-end{align-items: flex-end;}

.animated.lowspeed{
-webkit-animation-duration: 3s;
animation-duration: 3s;
}

.borderr img{border-radius: 6px;}

.object-fit-img{
    object-fit: cover;
    font-family: 'object-fit: cover;'
}

.scroll-fadein {
	opacity : 0;
	transform: translateY(40px);
	transition: all 1s;
}

.bgc_g{
	background:  url(../images/page/index/service_bg.png) right top repeat;
}
.linkbtn a{
	/*width: 70%;*/
	margin:0 auto;
	display: flex;
  align-items: center;
	color: #fff;
	padding: 6px 18px;
	box-sizing: border-box;
	background-repeat: no-repeat;
	/*background-image: url(../images/common/arrow_right_white.png);
	background-position: 92% center;*/
}
.linkbtn a:hover{/*background-position: 96% center;*/}

.linkbtn.back a{background-image: url(../images/common/arrow_left_white.png); background-position: 8% center;}
.linkbtn.back a:hover{background-position: 4% center;}


.linkbtn.green a{
	border:1px solid #006934;
	background-color: #006934;
}
.linkbtn.green a:hover{
	color:#006934;
	background-color: #fff;
	/*background-image: url(../images/common/arrow_right_blue.png);*/
}
/* .linkbtn.back.blue a:hover{background-image: url(../images/common/arrow_left_blue.png);} */

.linkbtn.brown a{
	background: linear-gradient(rgba(204,177,132,1) 12%, rgba(138,113,72,1) 80%);
	color: #231815;
}
.linkbtn.brown a:hover{
  opacity: 0.7;
	/* color:#fff;
	background-color:#231815; */
}



.linkbtn.white a{
	border:1px solid #fff;
	background-color: #fff;
	color: #000;
	/*background-image: url(../images/common/icon_arrow_cblue.png);*/
}
.linkbtn.white a:hover{
	color:#fff;
	background-color:#000;
	/*background-image: url(../images/common/icon_arrow_cwhite.png);*/
}

.linkbtn.line_white{
    max-width: 360px;
    margin: 0 auto;
}

.linkbtn.line_white a{
    border-radius: 0;
    font-size: 22px;
    padding: 5px 10px;
}

.linkbtn.line_white a span{
    padding: 20px;
    width: 100%;
    border: 1px solid #fff;
	  display: inline-flex;
		justify-content: center;
	 	align-content: center;
}

.linkbtn.line_white a span:before{
	content: "";
	width: 27px;
	height: 27px;
	background: url("../images/common/icon_arrow_white.jpg") center center no-repeat;
  background-size: contain;
	margin-right: 20px;
	transition:  all .3s ease-out;
}

.linkbtn.line_white a:hover span:before{
	content: "";
	width: 27px;
	height: 27px;
	background: url("../images/common/icon_arrow_blue.jpg") center center no-repeat;
  background-size: contain;
}


/*----------

header

---------*/
header{
	padding:10px 0 15px;
	background-color: #fff;
	width: 100%;
	z-index: 9999;
}
header .siteinfo{
  font-size: 12px;
  width: 100%;
  margin-bottom: 20px;
  line-height: 1;
}

header .siteid{max-width: 263px; width: 25%;}
header .siteid span{
	display: block;
	font-size: 10px;
	margin-bottom: 6px;
	line-height: 1;
}

header .siteid img{
	width:100%;
}


.global-nav{
	width:100%;
	background-color: #000000;
}
.global-nav__list{
	width: 1000px;
	margin:0 auto;
}
.global-nav__item{float: left;width: 16.66%;}
.global-nav__item a{
	display: block;
	padding: 10px 0;
	text-align: center;
	color: #fff;
	box-sizing: border-box;
	font-size: 12px;
	background: url(../images/icon_arrow.png) center 80% no-repeat;
	background-size: 15px;
}
.global-nav__item a:hover{
	color: #000000;
	background:#ffffff url(../images/icon_arrow_hover_b.png) center 85% no-repeat;
	background-size: 15px;
}
.global-nav__item span {border-right: 1px solid #ccc; padding:5px 0 0; display: block;}
.global-nav__item:first-of-type span {border-left: 1px solid #ccc; }
.hamburger{display: none;}
.global-nav.is-fixed{
	position: fixed;
	top: 0;
	z-index:5;
	border-bottom: 1px solid #ccc;
}
.global-nav.fixed.no-fixed{
  /* position:static; */
  display: none;
}

.hdr-tel a{
	display: block;
	text-align: right;
	font-weight: bold;
	color: #000;
	font-size: 26px;
	line-height: 1;
	letter-spacing: 0.05em;
	transition:  .3s ease-out;
}

.hdr-tel a:hover{
	color: #2780b4;
}

.hdr-tel a span{
	font-size: 45%;
	display: block;
	letter-spacing: 0;
}

.hdr-info {
	justify-content: flex-end;
	width: 29%;
	min-width: 495px;
}

.hdr-mail {
	width: 48%;
  margin-left: 20px;
  max-width: 151px;
}

.hdr-mail a{
	padding: 10px 20px;
  line-height: 1;
  justify-content: center;

}
.hdr-mail a:before{
	content: "";
	background-image: url("../images/common/hdr_mail_white.png");
	background-repeat: no-repeat;
	background-position: left 10% center;
	background-size: contain;
	vertical-align: middle;
	width: 17px;
	height: 17px;
	margin-right: 10px;
	margin-top: -1px;
	transition: .3s ease-out;
}
.hdr-mail a:hover:before{
	background-image: url("../images/common/hdr_mail_blue.png");
}
/*----------

index

---------*/
/* メイン画像 */
.main {
    background: #000 url(../images/page/index/main_img01_1920.jpg) no-repeat center bottom ;
    height: 702px;
    /* padding-top: 93px; */
    background-size: cover;
    width: 100%;
    padding: 25px 0;
}
 @media screen and  (max-width:1660px) {
	.main {
		background: #000 url(../images/page/index/main_img01.jpg) no-repeat center bottom ;
		background-position: center center;
    background-size: cover;
	 }
}
.main_inner {
    display: flex;
		justify-content: space-between;
    height: 100%;
    position: relative;
}

.main .content_left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.main .content_left .siteid{
    max-width: 124px;
}

.main .content_right {
    margin-right: -85px;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;}

.main .content_right .info {
    justify-content: flex-end;
    margin-bottom: 65px;
}
.main .main_catchy {
    color: #fff;
    font-size: 44px;
    text-align: center;
}

.main .main_catchy span.white {
    font-size: 24px;
    display: inline-block;
    vertical-align: bottom;
}

.main .main_catchy span.gold {
    font-size: 44px;
    color: #c69e62;
    display: block;
    margin-top: 30px;
}

.main .conference_area {
		margin: auto 0 0 auto;
    background-color: rgba(0,0,0,0.8);
    padding: 12px 15px 18px;
		max-width: 270px;
}

@media all and (-ms-high-contrast:none) {
.main .conference_area {width: 270px;}
}

.main .conference_desc {
    color: #fff;
    display: table;
    font-size: 14px;
    margin-bottom: 8px;
}
.main .conference_desc:last-of-type{
   margin-bottom: 15px;
}

.main .conference_desc dt, .main .conference_desc dd {
    display: table-cell;
}

.main .conference_desc dd {
    padding-left: 10px;
}

.main .conference_desc dd > * {
    padding-left: 1em;
    text-indent: -1em;
		line-height: 1.4;
    margin-bottom: 7px;
}

.main .conference_desc dd > *:before {content: "・";}

.main .info li span,
.main .info li a {
    color: #fff;
    display: block;
}

.main .info_tel {
  font-size: 26px;
  margin-right: 20px;
  color: #fff;
}

.main .info_mail a {
  background-color: #006934;
  border: 1px solid #006934;
  padding: 10px 20px;
}
.main .info_mail a:hover {
  background-color: #fff;
  color: #006934;
  padding: 10px 20px;
}

.main .content_right .txt_img{
   max-width: 530px;
}


/* @media screen and  (max-width:1629px) {

		.main {
		height: 72vh;
		}
		.swiper-slide-img01 .main_txtarea{
			left: 8vw;
			width:39vw;
		}

			.swiper-slide-img02 .main_txtarea{
			width:60vw;
		}

		.swiper-slide-img01 .main_txtarea img,
		.swiper-slide-img02 .main_txtarea img{
			width:100%;
		}

} */
/*.swiper-slide-img02 .main_txtarea img:nth-child(2){
	width: 100%;
	max-width:1012px;
}*/


/* .swiper-slide-img01 .main_txtarea img:first-child{
	margin-bottom: 50px;
} */

.swiper-pagination-bullet {
  width: 50px;
  height: 8px;
  background: #fff;
  opacity: .9;
  border-radius: 0;
}
.swiper-pagination-bullet-active {
	background: #2780b4;
}


/* @media screen and  (max-width:1629px) {

		.main {
		height: 72vh;
		}
		.swiper-slide-img01 .main_txtarea{
			left: 8vw;
			width:39vw;
		}

			.swiper-slide-img02 .main_txtarea{
			width:60vw;
		}

		.swiper-slide-img01 .main_txtarea img,
		.swiper-slide-img02 .main_txtarea img{
			width:100%;
		}

} */


.index_btn{
  margin: 0 auto;
  max-width: 320px;
  text-align: center;
	line-height: 1.4;
}
.index_btn a{
  font-size: 20px;
  padding: 20px 10px;
  justify-content:center;
  letter-spacing: 0.2em;
}


.page_index h2 span{
  display: block;
  font-size: 25px;
}


/* 最新情報 */
.index_news{
  padding-bottom: 0;
}
.index_news h2{
  margin-bottom: 25px;
}
.index_news h2 span{
  margin-bottom: 10px;
}
.index_news h2 img{
  max-width: 64px;
}
.index_news_btn a{
  font-size: 12px;
  justify-content: center;
  padding: 0 40px;
}

.index_news .news_txtarea{
	width: 100%;
  max-width: 725px;
  margin-top: -30px;
  overflow-y: auto;
}
@media all and (-ms-high-contrast:none) {
.index_news .news_txtarea{
  height: 271px;
}
}
.index_news ul li {
	border-bottom: 1px solid #ccc;
}

.index_news ul li a{
	display: flex;
	padding: 30px 10px;
	color: #808080;
}
.index_news ul li a .date{
	margin-right: 40px;
}

/* CONCEPT */
.index_concept{
  text-align: center;
}
.index_concept h2{
  margin-bottom: 40px;
}
.index_concept h2 span{
  display: block;
  margin-top: 50px;
  line-height: 1.46;
}

.index_concept h2 img{
  max-width: 76px;
}

.index_concept .txt{
  line-height: 1.8;
}
.index_concept .name {
    margin-top: 25px;
}

.index_concept .name span {
    font-size: 26px;
    margin-left: 9px;
}
/* FLOOR */
.index_floor{
  padding: 30px 0 70px;
}

.index_floor .inner{
  position: relative;
}

.index_floor h2{
  position: absolute;
  top:0;
  right: 0;
}

.index_floor h2 img{
  max-width:289px;
}

#cboxLoadedContent{
  background-color: #fff;
}

.index_floor article .floor_inner{
  width: 805px;
  margin: 0 auto 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.index_floor h3 {
  display: flex;
  align-items: center;
  width: 457px;
}

.index_floor h3 span{
  font-size: 20px;
  line-height: 1;
  border: 1px solid #9E9E9F;
  padding: 10px 10px 5px 10px;
  width: 226px;
  box-shadow: 3px 4px 0px rgb(113,112,113,100%);
  flex-shrink: 0;
}
.index_floor h3:after{
  content: "";
  display: block;
  height: 1px;
  width: 100%;
  background-color: #DBDCDC;
  margin-left: 3px;
}

.index_floor .shop_info{
  align-items: center;
  width: 307px;
}

.index_floor .shop_info .cate{
  font-size: 15px;
  font-weight: bold;
  margin-right: 30px;
  flex-shrink: 0;
}

.index_floor .shop_info.welcia .logoimg{
  margin-top: -15px;
}


.index_floor .floor4 .map_img{
  text-align: center;
  margin: 50px auto;
	max-width: 902px;
}

.index_floor .floor4 h3:after{
  display: none;
  display: none;
}

/* レンタルオフィス */
.index_office{
  background: url(../images/page/index/rental_bg.jpg) no-repeat center center;
  background-size: cover;
  padding: 0;
  margin-bottom: 25px;
}

.index_sec_fw .txtarea{
  background-color: rgba(0,0,0,0.7);
  padding: 60px 35px 70px;
  width: 355px;
  height: 406px;
}

.index_sec_fw .txtarea > div{
  flex-direction: column;
  color: #fff;
  height: 100%;
  min-height: 270px;
}

.index_sec_fw .txtarea h2{
  border-bottom: 1px solid #fff;
  margin-bottom: 30px;
}

.index_sec_fw .txtarea h2 span{
  margin: 10px 0;
  line-height: 1.4;
  font-size: 28px;
}

.index_sec_fw .txtarea .txt{
  font-size: 16px;
}


.index_sec_fw .txtarea .linkbtn{
  margin: auto 0 0;
  width: 195px;
}

.index_sec_fw .txtarea .linkbtn a{
  justify-content: center;
  padding: 10px 15px;
}


.index_conference{
  background: url(../images/page/index/conference_bg.jpg) no-repeat center center;
  background-size: cover;
  padding: 0;
}

.index_conference .inner{
  justify-content: flex-end;
}

.index_conference  h2 span{
  letter-spacing: 0.2em;
}



/* 当事務所について */
.index_about{
	background: url("../images/page/index/about_bg.jpg") no-repeat top center;
	background-size: cover;
	padding-bottom:0;
}


.index_about .inner{
	padding-bottom: 0;
}

.index_about .inner_ttl span{
	padding-bottom: 10px;
}

.index_about .about_txtarea{
	width: 58%;
	margin-bottom: 40px;
	padding: 20px 20px 30px ;
	background-color: #fff;
}

.index_about .about_txtarea h3{
		font-size: 25px;
		line-height: 1.8;
    margin-bottom: 40px;
			color: #2780b4;
}


.about_txtarea p.about_name {
    text-align: right;
    font-size: 28px;
    margin-top: 40px;
}

p.about_name span {
    font-size: 58%;
    margin-right: 20px;
}

.about_img {
   width: 37%;
}

.about_img img {
    width:100%;
}


/* 診療案内 */
.index_medicalmenu{
  padding-bottom: 50px;
}
.inner_ttl_medicalmenu{
  padding: 30px 0 100px;
  margin-bottom: 0;
}
.medicalmenu_listarea{
  background: #F5F3EF url( "../images/index/bg_arch_top.png") no-repeat bottom center;
  background-size:contain ;
}


.medicalmenu_list{
  /* margin: 0 calc(50% - 50vw);
  width: 100vw; */
  width: 100%;
}

.medicalmenu_list li{
  width: 34%;
	height: auto;
}
.medicalmenu_list li a{
  padding: 20px;
  position: relative;
  z-index: 3;
  transition: all .3s ease;
  overflow: hidden;
	height: 100%;
}
.medicalmenu_list li a:before{
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(72, 137, 196, 0.7);
  position: absolute;
  z-index: 2;
  top:0;
  left: 0;
  transition: all .3s ease;
}

.medicalmenu_list li a img{
  content: "";
  width: 100%;
	height: 100%;
  position: absolute;
  z-index: 1;
  top:0;
  left: 0;
  transition: all .3s ease;
}

.medicalmenu_list li a:hover:before{
  background-color: rgba(72, 137, 196, 0.85);
}
.medicalmenu_list li a:hover img{
  transform: scale(1.05);
}

.medicalmenu_box span {
    color: #fff;
    position: relative;
    z-index: 4;
    padding: 80px 10px;
    width: 100%;
    border: 1px solid #fff;
    text-align: center;
    font-size: 33px;
		line-height: 1.6;
}
.medicalmenu_list_smallwrap {
    padding: 0 10px;
}
.medicalmenu_list_small {
    flex-wrap: wrap ;
    justify-content: center;
    margin: 80px -20px 25px;
}
.medicalmenu_list_small li{
  width: 23%;
  margin: 0 10px 25px;
	display: flex;
}
.medicalmenu_list_small li a {
    font-size: 43px;
    padding: 20px 10px;
		width: 100%;
    text-align: center;
    color: #000;
    background-color: #fff;
    border: 1px solid #C7C7C7;
    border-radius:50px;
    transition: all .3s ease;
		display: flex;
		justify-content: center;
		align-items: center;
		max-height: 111px;
}
.medicalmenu_list_small li a:hover {
    color: #fff;
    background-color: #4889C4;
}

.medicalmenu_list_small li:nth-of-type(-n+10){
  width: 48%;
  margin-bottom: 50px;
	line-height: 1.4;
}
.medicalmenu_list_small li:nth-of-type(-n+10) a{
  font-size: 35px;
  padding: 30px 5px;
}
.medicalmenu_list_small li:nth-last-of-type(-n+1){
  width: 48%;
}

.medicalmenu_list_small
.index_ttl{
	text-align: center;
	font-size: 18px;
	margin-bottom: 40px;
}
.index_ttl span{
	font-size:30px;
	color: #2780b4;
	display: block;
	margin-top: 15px;
	font-weight: bold;
}

/* 診療日 */
.index_timetable{
  padding: 100px 0 70px;
}
.timetable_txtarea{
  max-width: 686px
}
.timetable_txtarea p{
  font-size: 23px;
  margin: 20px 0;
}

.timetable_attention li{
  font-size: 22px;
  margin-bottom: 5px;
  padding-left: 1em;
  text-indent: -1em
}
.timetable_attention li:before{
  content: "※"
}


/* 特徴 */
.inner_ttl_feature{
  font-size: 50px;
  margin-bottom: 80px;
}
.inner_ttl_feature .font_small{
  font-size: 50%;
  display: block;
  margin-bottom: 10px;
  letter-spacing: 0;
}
.inner_ttl_feature .unedrline_b{
  padding: 0 1.35em ;
  border-bottom: 3px solid #0092D6;
  line-height: 1;
}

.index_feature_box{
  border: 1px solid #4889C4;
  padding: 30px 40px 30px 25px;
  max-width: 938px;
  margin-bottom: 30px;
}
.index_feature_box:last-of-type{
  margin-bottom: 0;
}
.index_feature_box:nth-of-type(odd){
  margin-left: 0;
  margin-right: auto;
}
.index_feature_box:nth-of-type(even){
  margin-left: auto;
  margin-right: 0;
}
.index_feature_txtarea{
  width: 495px;
  line-height: 1.8;
  font-size: 19px;
}
.index_feature_txtarea h3{
  font-size: 30px;
  line-height: 1.25;
  margin: 30px 0;
}
.index_feature_btn{
  margin: 50px auto 20px;
}

/* ご挨拶 */
.index_greenting{
  background: url("../images/page/index/doctor_bg02.jpg") no-repeat top center;
  background-size: contain;
  padding: 30vw 0 50px;
}
.inner_index_greenting{
  background-color: #fff;
  padding: 20px 15px;
  /* width: 695px; */
  width: 95%;
  max-width: 1150px;
}

.inner_index_greenting .greeting_txtarea{
  border:2px solid #6CA3D3;
  padding: 50px 30px 30px;
}
.inner_index_greenting .greeting_txtarea h2{
  margin-bottom: 50px;
}

.inner_index_greenting .greeting_txtarea p{
  font-size: 18px;
  line-height: 2;
  margin-bottom: 0;
}
.index_greenting_name{
  text-align: center;
  margin: 20px auto 0;
}
.index_greenting_btn{
  margin: 30px auto 20px;
}

/* アクセスマップ */
.index_access{
	padding: 150px  0 0;
}
.index_accessmap{
	height: 475px;
}


/* お役立ちコラム */
.index_column{
	padding-bottom: 90px;
}
.index_column .inner_ttl{
	text-align: center;
}

.columnlist{
	margin-bottom: 85px;
	margin-left: -10px;
	margin-right: -10px;
}

.index_column .columnlist article{
	width: 25%;
}

.columnlist article a{
	display: block;
	color: #333;
	padding:10px;
}
.columnlist article a:hover{
	background-color: rgba(39, 128, 180, 0.9);
	color: #fff;
}
.columnlist article p.column_img img{
	width: 100%;
}
.columnlist article ul.catlist{
	margin-bottom: 20px;
}
.columnlist article ul.catlist li{
	border: 1px solid #e1e1e1;
	background-color:#fff;
	text-align: center;
	color: #2780b4;
	padding: 10px;
	margin-right: 1%;
	font-size: 14px;
}
.columnlist article div.column_in{padding: 15px 10px 0;}
.columnlist article h3{
	font-size: 16px;
	margin-bottom: 10px;
	line-height: 1;
}
.columnlist article p.days{font-size: 12px; margin-bottom: 10px;line-height: 1;}

.columnlist article .column_ex{font-size: 12px;line-height: 1.8;}

.index_column .linkbtn a{
	width: 390px;
	padding: 20px 0;
	text-align: center;
	font-size: 20px;
	background-image: url( "../images/common/arrow_right_bkue.png");
	background-repeat: no-repeat;
	background-position: right 10% center;
	vertical-align: middle;
	transition: .3s ease-out;

}

.index_column .linkbtn a:hover{
	background-image: url( "../images/common/arrow_right_white.png");
}


/*----------

下層ページ共通

---------*/
.pagemain{
}
.pagemain_inner{
    height: 250px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.pagemain h1,
.pagemain p.ttl{
	font-size: 30px;
	letter-spacing: 0.05em;
  padding: 30px;
  width: 320px;
  text-align: center;
  letter-spacing: 0.05em;
  background-color: rgba(255,255,255,0.75);
}
/* .pagemain h1 span,
.pagemain p.ttl span{
	display: block;
	font-size: 45%;
	color:#2780b4;
	margin-top: 20px;
} */

.content{
  background-image: url("../images/common/bg_top.png"),
   url("../images/common/bg_bottom.png") ;
  background-position: top center, bottom center;
  background-size: 100%;
  background-repeat: no-repeat;

}

.unedrline_b{
  padding: 0 1.35em ;
  border-bottom: 3px solid #0092D6;
  line-height: 1;
}
.submain img{width: 100%;}
.submain.mb{margin-bottom: 60px;}

/*#contents{margin-bottom: 80px;}*/
.column_contents{ margin-bottom:0;}


.subttl001{
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 40px;
	letter-spacing: 0.07em
}
.subttl001 span{
	display: block;
	font-size: 50%;
	font-weight: normal;
	color:#2780b4;
}
.subttl002{
	border-top:1px solid #333;
	border-bottom:1px solid #333;
	padding: 30px 0;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 35px;
    text-align: center;
}

.subttl003{
	text-align: center;
	font-size: 26px;
	padding:24px 0;
	background-color: #fcee21;
	margin-bottom: 40px;
}

.subttl003.blue{
	background-color: #2780b4;
	color: #fff;
}

.subttl004{
	text-align: center;
	color: #2780b4;
	font-size: 30px;
	line-height: 1.5em;
	font-weight: bold;
	margin-bottom: 40px;
}
.subttl004 span{
	color: #333;
	display: block;
	margin-top: 0px;
	font-size: 20px;
}
.subttl004 span.wf-en-g{
	font-size: 12px;
	margin-top: 8px;
	line-height: 0;
	font-weight: normal;
}


/* パンくず */
#breadcrumbs{
    font-size: 12px;
    padding: 10px 0;
}
#breadcrumbs ul li{float: left;}
#breadcrumbs ul li a{
    background: url(../images/common/icon_pan.png) right center no-repeat;
    padding:0 20px 0 0;
    margin-right: 10px;
	text-decoration: underline;
    display: block;
}
#breadcrumbs ul li a:hover{text-decoration: none;}
#breadcrumbs ul li.breadcat a:not(:nth-last-child(1)){
    background:none;
    padding-right:0;
}
/*----------

医院紹介

---------*/
.pagemain_clinic{
	background: url("../images/page/clinic/pagemain_bg.jpg") center top no-repeat;
	background-size: cover;
}


.clinic_sttl{
	font-size: 38px;
	border-top: 5px solid #ADADAD;
	border-bottom: 5px solid #ADADAD;
	max-width: 667px;
	text-align: center;
	margin: 0 auto 80px;
	padding: 20px;
}

.clinic_surgery_box{
  font-size: 20px;
	padding: 0 50px;
	margin-bottom: 50px;
}

.clinic_surgery_txtarea{
  font-size: 20px;
	max-width: 510px;
	line-height: 1.8;
}

.clinic_surgery_txtarea　{
  font-size: 20px;
	max-width: 510px;
	line-height: 1.8;
}

.clinic_surgery_txtarea　{
  font-size: 20px;
	max-width: 510px;
	line-height: 1.8;
}

.clinic_ssttl{
  font-size: 30px;
	line-height: 1;
	margin-bottom: 30px;
	display: flex;
	align-items: center;
}

.clinic_surgery_txt{
	margin-bottom: 30px;
}
.clinic_ssttl img{
  margin-right: 30px;
}


.clinic_infoarea {
	max-width: 1100px;
	margin: 0 auto;
	font-size: 18px;
}
.clinic_info_box {
	max-width: 1000px;
	margin: 0 auto 30px;
	border: 1px solid #488BC6;
	border-radius: 5px;
	background-color: #fff;
	padding: 40px;
}

.clinic_infoarea .txt_large,
.clinic_info_box h4{
	font-size: 26px;
}

.clinic_info_box h4{
	margin-bottom: 30px;
}

/*.clinic_infoarea .txt_large{
	font-size: 30px;
	text-align: center;
	color: #fff;
	padding: 50px 20px;
	background-color: #488BC6;
	margin-bottom: 20px;
}*/

/*.clinic_infoarea .desc{
	font-size: 20px;
	color: #fff;
	padding: 45px 51px;
	background-color: #488BC6;
	margin-bottom: 60px;
	line-height: 1.8;
}*/
/*.linkbtn_clinic{
	max-width: 538px;
	margin: 0 auto;
}
.linkbtn_clinic a{
	font-size: 24px;
	padding: 35px 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 0;
}
.linkbtn_clinic a:before{
	content: "";
	width: 25px;
	height: 25px;
	background: url(../images/common/icon_arrow_cblue.png) no-repeat center center;
	background-size:contain;
	margin-right: 20px;
}
.linkbtn_clinic a:hover:before{
	background: url(../images/common/icon_arrow_cwhite.png) no-repeat center center;
}*/
.linkbtn_clinic{
  margin: 0 auto;
  max-width: 320px;
  text-align: center;
	line-height: 1.4;
}
.linkbtn_clinic a{
  font-size: 20px;
  padding: 20px 10px;
  justify-content:center;
  letter-spacing: 0.2em;
}


.clinic_inside_list{
	max-width: 1000px;
	margin: 0 auto 30px;
	justify-content: space-between;
}

.clinic_inside_list li{
	width: 48%;
	display: flex;
	align-items: center;
	padding: 30px 20px;
	border: 1px solid #488BC6;
  border-radius: 5px;
}

.clinic_inside_list li p{
	padding-top: 10px;
	padding-left: 20px;
}

.clinic_imglist{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	max-width: 1000px;
	margin: 0 auto 30px;
	padding-top: 40px;
}

.clinic_imglist li{
	width: 49%;
	max-width: 448px;
	font-size: 20px;
	text-align: center;
	margin-bottom: 70px;
}

.clinic_imglist li img{
	margin-bottom: 20px;
}

.clinic_txt_large {
	max-width: 1100px;
	margin: 0 auto;
	font-size: 26px;
	color: #fff;
	text-align: center;
	padding: 50px 25px;
	background-color: #488BC6;
}

/*----------
 お知らせ
 ---------*/
.pagemain_news{
 	background: url("../images/page/clinic/pagemain_bg.jpg") center top no-repeat;
 	background-size: cover;
 }

.newslist_txtarea{
	width: 100%;
}

.newslist_txtarea ul li {
	border-bottom: 1px solid #ccc;
}

.newslist_txtarea ul li a{
	display: block;
	font-size: 18px;
	padding: 30px 15px;
	color: #333;
}

.newslist_txtarea ul li a span{
	display: inline-block;
	margin-right: 70px;
}

.newslist_txtarea ul li a:hover{
	color: #C7C7C7;
}
.newssingle_box{
  margin-bottom: 40px;
}
.news_single_date{
  font-size: 16px;
  margin-bottom: 20px;
  margin-left: 5px;
}
.news_sttl{
  font-size: 30px;
  margin-bottom: 30px;
  line-height: 1.6;
}

.newssingle_box{
  margin-left: 5px;
}
.news_single_pagenav {
    display: flex;
    justify-content: center;
  }
  .news_single_pagenav li:first-of-type{
    margin-right: 30px;
  }

  .news_single_pagenav li a{
      display: block;
      width: 100%;
      text-align: center;
      border-radius: 5px;
      padding: 10px 3em;
      color: #fff;
      font-size: 18px;
      background-color: #4889C4;
      border: 1px solid #4889C4;
  }
  .news_single_pagenav li a:hover {
    background-color: #fff;
    color: #4889C4;
  }
/*----------

症状からの検索

---------*/
.pagemain_case{
	background: url("../images/page/case/pagemain_bg.jpg") center top no-repeat;
	background-size: cover;
}

.sec_case{
	padding: 45px 0;
}
.sec_case:first-of-type{
	padding-top: 60px;
}

.sec_case:last-of-type{
	padding-bottom: 60px;
}

.case_sttl{
  text-align: center;
  margin-bottom: 35px;
  display: flex;
  justify-content: center;
  align-items: center;

}
.case_sttl:before{
  content: "";
  width: 135px;
  height: 135px;
  background: url("../images/page/staff/icon_doctor.png") no-repeat center center;
  background-size: cover;
  margin-right: 10px;
}
.case_sttl span{
  font-size: 30px;
  padding: 1em 3em;
  border-bottom: 2px solid #bbb;
  border-top: 2px solid #bbb;

}
.caselist_sttl_desc{
text-align: center;
margin-bottom: 60px;
}

.case_txtarea_blue {
  display: block;
  padding: 40px;
  font-size: 22px;
  line-height: 1.8;
  color: #fff;
  background-color: #4889C4;
  border-radius: 5px;
}
.caselist{
  width: 100%;
	flex-wrap: wrap;
}

.caselist_item {
  width: calc( ( 100% - 60px ) / 3 );
  margin-right: 30px;
  border: 1px solid #4889C4;
  background-color: #fff;
  margin-bottom: 60px;
  display: flex;
}
.caselist_itemwrap{
  display: flex;
  flex-direction: column;
  width: 100%;
}
.caselist_item:nth-child(3n) {
    margin-right: 0;
}
.caselist_item h3{
  font-size: 24px;
  text-align: center;
  background-color: #4889C4;
  color: #fff;
  padding: 30px 10px;
  width: 100%;
}

.caselist_item p{
  padding: 30px 30px 40px;
}

.caselist_btn {
    margin: auto auto 30px;
    display: block;
    width: 75%;
    text-align: center;
    border-radius: 5px;
    padding: 15px;
    color: #fff;
    font-size: 18px;
    /* background: url("../images/page/equipment/icon_serach.jpg") no-repeat left 5% center;
    background-size: 35px 35px; */
    background-color: #4889C4;
    border: 1px solid #4889C4;
  }
.caselist_btn:hover{
  background-color: #fff;
  color: #4889C4;
}

/*----------

症状からの検索カテゴリー

---------*/


.casecat_box {
    margin: 60px auto;
    max-width: 1000px;
}

.casecat_detail {
    border: 1px solid #4889C4;
    background-color: #fff;
    padding: 40px 40px 10px;
    margin-top: 30px;
    flex-wrap: wrap;
}
.casecat_box h3{
    font-size: 24px;
    margin-top: 60px;
    text-align: center;
}

.casecat_detail li {
    width: 31%;
    margin-bottom: 30px;
}

.casecat_detail li a{
  font-size: 18px;
  color: #000;
  display: inline-flex;
}

.casecat_detail li a:before{
  content: "";
  width: 9px;
  height: 16px;
  background: url("../images/common/arrow_right_blue.png") no-repeat left 5% center;
  background-size: contain;
  display: block;
  margin-right: 5px;
  margin-top: 5px;
  flex-shrink: 0;
}



.casecat_detail li a:hover{
  opacity: 1;
  text-decoration: underline;
}

.caselist_btn:hover{
  background-color: #fff;
  color: #4889C4;
}

/*----------

症状詳細ページ

---------*/

.case_name {
  background-color: #FCF8F1;
  border: 1px solid #FEC83E;
  padding: 40px;
  margin: 80px 0 40px;
}
.case_name h3 {
  font-size: 24px;
  padding-bottom: 10px;
  border-bottom: 1px solid #000;
  margin-bottom: 10px;
}
.case_name {
    background-color: #FCF8F1;
    border: 1px solid #FEC83E;
    padding: 40px;
    margin: 80px 0 40px;
}

.case_name h3 {
  font-size: 24px;
  padding-bottom: 10px;
  border-bottom: 1px solid #000;
  margin-bottom: 10px;
}
.case_name p {
  font-size: 18px;
}

.case_detail {
  display: flex;
  align-items: center;
  border-bottom: 1px dotted #000;
  padding: 30px 0;
}
.case_detail dt{
  color: #fff;
  background-color: #4889C4;
  width: 130px;
  height: 130px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  margin-right: 30px;
}
/*----------

設備紹介

---------*/
.pagemain_equipment{
	background: url("../images/page/equipment/pagemain_bg.jpg") center top no-repeat;
	background-size: cover;
}

section.sec_equipment{
  padding: 70px 0 20px;
}
.equipment_list{
  width: 100%;
	flex-wrap: wrap;
}
.equipment_sttl{
  font-size: 30px;
  text-align: center;
  color: #fff;
  padding: 25px 10px;
  background-color: #4889C4;
  margin-bottom: 35px;
}
.equipment_item {
  width: calc( ( 100% - 40px ) / 3 );
  margin-right: 20px;
  border-bottom: 7px solid #D8D8D8;
	margin-bottom: 40px;
}
.equipment_item:nth-child(3n) {
    margin-right: 0;
}

.equipment_img{
  position: relative;
  display: block;
}
.equipment_img:after{
  content: "";
  height: 35px;
  width: 35px;
  display: block;
  background: url("../images/page/equipment/icon_serach.jpg") no-repeat bottom center;
  background-size: contain;
  position: absolute;
  bottom: 0;
  right: 0;
}
.equipment_img img{
  width: 100%;
}
.equipment_item a:hover,
.equipment_item a:hover img{
  opacity: 1;
}


.equipment_item h3{
  font-size: 20px;
  text-align: center;
  background-color: #D8D8D8;
  padding: 15px 10px;
  margin: 30px 10px 0;
	min-height: 115px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.equipment_item p{
  padding: 30px  30px 20px;
}

/* .colorbox
------------------------- */
#cboxOverlay{
  background-color: #000;
}
#cboxClose{
  background: url( "../images/page/equipment/close.png") center center no-repeat;
  background-size: contain;
  width: 20px;
  height: 64px;
  top:-50px;
}
#cboxClose:hover {
    background-position: 0;
}


/*----------

診療案内一覧

---------*/
.pagemain_medical{
	background: url("../images/page/medical/pagemain_bg.jpg") center top no-repeat;
	background-size: cover;
}

.medical_menu_sttl{
	border: 1px solid #C7C4AC;
	background: linear-gradient(to bottom, #FFFFFF 80%, #efe8cb);
	padding: 35px 50px;
	font-size: 26px;
	font-weight: bold;
	line-height: 1;
	color: #000;
	display: flex;
	align-items: center;
}
.medical_menu_sttl:before{
	content: "";
	width: 27px;
	height: 27px;
	background: url("../images/common/icon_arrow_blue.jpg") center center no-repeat;
  background-size: contain;
	margin-right: 30px;
	margin-bottom: 2px;
}
.medical_menu_box{
	margin-bottom: 90px;
}
.medical_menu_list{
	margin: 30px auto;
	padding: 0 30px;
	display: flex;
	justify-content: space-between;
}
.medical_menu_list .txtarea{
	    max-width: 505px;
    padding-top: 10px;
    font-size: 18px;
    line-height: 1.8;
}
.medical_menu_inner{
	flex-wrap: wrap;
}
.medical_menu{
	padding-top: 0;
}
.medical_menu_sbox{
	max-width: 550px;
	width: 48%;
	margin-bottom: 30px;
}
.medical_menu_sbox a:hover{
	opacity: 0.6;
	color: #000;
}

/*--	診療案内下層ページ共通　--*/

.sec_treat{
	padding: 30px 0;
}
.sec_treat:first-of-type{
	padding-top: 90px;
}

.sec_treat:last-of-type{
	padding-bottom: 90px;
}

.treat_sttl{
  text-align: center;
  margin-bottom: 40px;
  display: flex;
  justify-content: center;
  align-items: center;

}
.treat_firstimg{
	text-align: center;
	margin-bottom: 70px;
}
.treat_sttl:before{
  content: "";
  width: 135px;
  height: 135px;
  background: url("../images/page/staff/icon_doctor.png") no-repeat center center;
  background-size: contain;
  margin-right: 10px;
}
.treat_sttl_s:before{
  background: url("../images/common/icon_surgery.png") no-repeat center center;
	  background-size: contain;

}
.treat_sttl span{
  font-size: 30px;
	line-height: 1.6;
  padding: 1em 3em;
  border-bottom: 5px solid #adadad;
  border-top: 5px solid #adadad;
	min-width: 400px;
}

/* .treat_box{
	margin-bottom: 90px;
} */

.treat_txtarea_blue {
  display: block;
  padding: 40px;
  font-size: 20px;
  line-height: 1.8;
  color: #fff;
  background-color: #4889C4;
	border-radius: 5px;
  margin-bottom: 30px;
}
.treat_txt_list{
	border: 1px solid #fff;
	padding: 30px 40px 20px;
	margin: 20px 0;
	display: flex;
	flex-wrap: wrap;
}
.treat_txt_list li{
	width: 32%;
	font-size: 18px;
	margin-bottom: 10px;
}

.treat_img_center{
	text-align: center;
	margin: 60px auto;
}

.treat_pointarea,
.treat_steparea{
	counter-reset: number 0;
	max-width: 990px;
	margin: 0 auto;
}
.treat_point_box {
  margin: 40px 0;
}
.treat_point {
  background-color: #FCF8F1;
  border: 1px solid #FEC83E;
  padding: 45px 30px 40px 95px;
	content: counter(.treat_point);
	position: relative;
	font-size: 20px;
}


.treat_point:before{
  counter-increment: number 1;
	content: counter(number);
	position: absolute;
	top: 30px;
	left: 20px;
	width: 58px;
	height: 58px;
	background: #4880B6;
	color: #fff;
	font-size: 38px;
	text-align: center;
	line-height: 61px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif, sans-serif;
	font-weight: normal;
}

.treat_point_ttl {
  font-size: 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid #000;
  margin-bottom: 20px;
}

.treat_step_box{
	flex-wrap: wrap;
	display: flex;
	justify-content: space-between;
}
.treat_step_box:not(:last-of-type):after{
	content: "";
	width: 83px;
	height: 20px;
	background: url("../images/common/triangle_down_blue.png") no-repeat center center;
  background-size: contain;
	margin: 40px auto 50px;
}
.treat_step_box > div{
	width: 550px;
}
.treat_step_box_fw > div{
	width: 100%;
}
.treatlist{
  width: 100%;
	flex-wrap: wrap;
}


.treat_detail {
  display: flex;
	align-items: center;
  border-bottom: 1px dotted #000;
  padding: 30px 0;
	margin: 0 50px;
	font-size: 18px;
}

.treat_detail:first-of-type {
	padding-top: 0;
}

.treat_detail:last-of-type {
	margin-bottom: 30px;
}

.treat_detail dt{
  color: #fff;
  background-color: #4889C4;
  width: 130px;
  height: 130px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  margin-right: 30px;
	flex-shrink: 0;
}

.treat_detail a:hover{
  opacity: 1 ;
	color: #2780b4;
	text-decoration: underline;
}

.detail_desc_s{
	font-size: 75%;
}
.treat_attention {
  display: flex;
	justify-content: center;
	align-items: flex-end;
	margin-top: 70px;
}
.treat_attention span{
	font-size: 30px;
	padding-bottom: 10px;
	border-bottom: 2px solid #000;
	margin-left: 30px;
	margin-bottom: 35px;
}

/*日帰り網膜硝子体手術*/
.retina_img_list{
	margin: 40px auto;
	max-width: 1000px;
	width: 95%;
	display: flex;
	justify-content: space-around;
}


/*硝子体注射*/
.treat_detail_injection .detail_desc{
	max-width: 415px;
}
.treat_detail_injection{
	justify-content: space-between;
}


/*日帰り眼瞼下垂*/
.treat_step_ptosis:not(:last-of-type){
	margin-bottom: 40px;
}
.treat_step_ptosis:not(:last-of-type):after{
	display: none;
}

.treat_step_ptosis:last-of-type{
	margin-bottom: 40px;
}

.detail_img_ptosis{
	margin-left: 30px;
}
.treat_ptosis_imglist{
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width:935px;
	margin: 50px auto 0;
}

.treat_ptosis_imglist figcaption{
	font-size: 24px;
	text-align: center;
	margin-bottom: 25px;
}

/*白内障*/
.treat_cataract_imglist{
	display: flex;
	justify-content: center;
	align-items: center;
}

.treat_cataract_imglist figcaption{
	font-size: 24px;
	text-align: center;
	margin-bottom: 25px;
}

.treat_cataract_imglist .cataract_triangle{
  margin: 30px 50px 0;
}

.sec_detail_cataract{
	padding: 30px 0 90px;
}
.treat_detail_cataract dd{
	font-size: 20px;
	line-height: 1.8;
}



.treatlist_item {
  width: calc( ( 100% - 60px ) / 3 );
  margin-right: 30px;
  border: 1px solid #4889C4;
  background-color: #fff;
  margin-bottom: 60px;
}
.treatlist_item:nth-child(3n) {
    margin-right: 0;
}
.treatlist_item h3{
  font-size: 24px;
  text-align: center;
  background-color: #4889C4;
  color: #fff;
  padding: 30px 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.treatlist_item p{
  padding: 30px 30px 40px;
}

.treatlist_btn {
    margin: 0 auto 30px;
    display: block;
    width: 75%;
    text-align: center;
    border-radius: 5px;
    padding: 15px;
    color: #fff;
    font-size: 18px;
    /* background: url("../images/page/equipment/icon_serach.jpg") no-repeat left 5% center;
    background-size: 35px 35px; */
    background-color: #4889C4;
    border: 1px solid #4889C4;
  }
.treatlist_btn:hover{
  background-color: #fff;
  color: #4889C4;
}

/*----------

設備紹介詳細ページ

---------*/

.treat_name {
  background-color: #FCF8F1;
  border: 1px solid #FEC83E;
  padding: 40px;
  margin: 80px 0 40px;
}
.treat_name h3 {
  font-size: 24px;
  padding-bottom: 10px;
  border-bottom: 1px solid #000;
  margin-bottom: 10px;
}
.treat_name {
    background-color: #FCF8F1;
    border: 1px solid #FEC83E;
    padding: 40px;
    margin: 80px 0 40px;
}

.treat_name h3 {
  font-size: 24px;
  padding-bottom: 10px;
  border-bottom: 1px solid #000;
  margin-bottom: 10px;
}
.treat_name p {
  font-size: 18px;
}



/*----------

医師紹介

---------*/
.pagemain_staff{
	background: url("../images/page/staff/pagemain_bg.jpg") center top no-repeat;
	background-size: cover;
}

section.staff_desc{
  padding: 80px 0;
}
.staff_desc_txt{
  display: block;
  margin: 0 25px;
  padding: 40px;
  font-size: 22px;
  line-height: 1.8;
  color: #fff;
  background-color: #4889C4;
}

section.staff_member{
  padding: 0 0 60px;
}

.inner_staff_member{
  width: 1050px;
}

.staff_item {
  align-items: flex-start;
  flex-wrap: wrap;
  margin-bottom: 160px;
}
.staff_item:last-of-type {
  margin-bottom: 0px;
}

.staff_item_reverse{
  flex-direction: row-reverse;
}
.staff_item .infoarea {
  width: 435px;
}

.staff_item .infoarea .staff_img{
  text-align: center;
  margin-bottom: 30px;
}

.staff_item .infoarea h2{
  padding-bottom: 5px;
	margin-bottom: 25px;
  text-align: center;
  border-bottom: 1px solid #000;
}

.staff_item .infoarea h2 span{
  font-size: 24px;
  vertical-align: middle;
  padding-left: 10px;
}

/*.staff_item .infoarea .medicatl_title{
  margin: 25px 0;
  flex-wrap: wrap;
}
.staff_item .infoarea .medicatl_title li{
  margin-right: 30px;
}*/
.staff_item .infoarea dl{
  align-items: flex-start;
	flex-wrap: wrap;
	margin-bottom: 25px;
}

.staff_item .infoarea dl:last-of-type{
  margin-bottom: 0;
}

.staff_item .infoarea dt{
  padding: 10px;
  background-color: #4889C4;
  color: #fff;
  margin-right: 48%;
  text-align: center;
	min-width: 132px;
}

.staff_item .infoarea dd{
  padding-top: 10px;
  line-height: 1.3;
	margin-right: 30px;
	/*width: 50%;*/
}

.staff_item .txtarea{
    max-width: 570px;
    min-height: 400px;
    border: 5px solid #DCD7D5;
    background-color: #fff;
    padding: 30px;
    font-size: 16px;
}

.staff_item .txtarea .txtarea_ttl{
  padding: 10px 20px;
  background-color: #4889C4;
  color: #fff;
  margin: 40px 0 5px;
	min-width: 132px;
  text-align: center;
	display: inline-block;
}


.staff_item .txtarea th{
  padding-right: 15px;
}


.staff_item .introarea{
  width: 100%;
  margin-top: 35px;

}
.staff_item .introarea .intro_txt{
  margin-left: 50px;

}


/*----------

採用情報

---------*/
.pagemain_recruit{
	background: url("../images/page/recruit/pagemain_bg.jpg") center top no-repeat;
	background-size: cover;
}
.recruit_sttl{
	font-size: 38px;
  line-height: 1.8;
	text-align: center;
	margin: 0 auto 80px;
}

.recruit_desc_txt{
  max-width: 1000px;
  margin:0 auto;
  font-size: 22px;
  line-height: 1.8;
}

.recruit_box{
	width: 100%;
	max-width: 1000px;
	margin: 0 auto 90px;
}

.recruit_box:last-of-type{
	margin-bottom: 0;
}
.recruit_ssttl {
    font-size: 30px;
    margin-bottom: 40px;
    display: flex;
    align-items: center;
}

.recruit_ssttl:before {
    content: "";
    width: 65px;
    height: 65px;
    background: url(../images/common/icon_doctot03.png) no-repeat center center;
    background-size: contain;
    margin-right: 30px;
    display: block;
}

.recruit_table{
    width: 100%;
}

.recruit_table tr th, .recruit_table tr td {
    box-sizing: border-box;
    padding: 30px 45px;
    border: 1px solid #488BC6;
    vertical-align: middle;
    background-color: #fff;
    font-size: 18px;
}

.recruit_table tr th{
    width: 25%;
    background-color: #F0F6FB;
    font-weight: bold;
}


/*----------

当事務所について

---------*/

/*.pagemain_about{
	background: url("../images/page/about/pagemain_bg.jpg") center top no-repeat;
	background-size: cover;
}

 article.message_box {
    margin-bottom: 60px;
	}

 article.message_box .txtarea{
	width: 67%;
}

 article.message_box .txtarea h3{
		font-size: 24px;
		line-height: 1.6;
    margin-bottom: 30px;
	 	color: #2780b4;
}


 article.message_box .txtarea p.about_name {
    text-align: right;
    font-size: 28px;
    margin-top: 40px;
}

 article.message_box .txtarea p.about_name span {
    font-size: 58%;
    margin-right: 20px;
}

 article.message_box .imgarea img {
    width:100%;
	}
	.about_message .linkbtn a{
		width: 390px;
		padding: 20px 0;
		text-align: center;
		font-size: 20px;
		background-image: url( "../images/common/arrow_right_white.png");
		background-repeat: no-repeat;
		background-position: right 10% center;
		vertical-align: middle;
		transition: .3s ease-out;

	}

	.about_message .linkbtn a:hover{
		background-image: url( "../images/common/arrow_right_bkue.png");
	}


section.about article.profile_box {
	border-top: 10px solid #2780b4;
	padding: 60px;
	background: url("../images/page/about/about_history_bg.png") right bottom no-repeat;
	background-color: #fff;
	-webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);
}


section.about article.profile_box ul li{
	margin-bottom: 1em;
}

section.about article.profile_box ul li:last-child{
	margin-bottom: 2em;
}

section.about article.profile_box p{
	max-width: 770px;
}

section .office_wrapper {
    border-top: 10px solid #2780b4;
    padding: 60px;
    background-color: #fff;
    -webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);
}

section.about table.office_box{
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}


table.office_box tr th, table.office_box tr td {
    box-sizing: border-box;
    padding: 30px 45px;
    border-bottom: dotted 1px #ccc;
    vertical-align: middle;
}

table.office_box tr th{
    width: 20%;
}*/


/*----------

サービス

---------*/

/*
.pagemain_service{
	background: url("../images/page/service/pagemain_bg.jpg") center top no-repeat;
	background-size: cover;
}
section.service {
	margin-bottom: 90px;
}

section.service_bgg {
	background-color: #eeeeee;
}

section.service  article{
	border: 1px solid #2780b4;
	background-color: #fff;
	border-top: 10px solid #2780b4;
	padding: 60px;
	-webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);
}
section.service article h2{
	font-weight: bold;
	font-size: 30px;
	line-height: 1.8;
	color: #2780b4;
	margin-bottom: 30px;
}

section.service article h2:before {
	content: "";
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: middle;
	width: 64px;
	height: 74px;
	margin-right: 20px;
}

section.service article h2.service_ttl01:before {
	background-image: url(../images/page/service/icon01.png);
}

section.service article h2.service_ttl02:before {
	background-image: url(../images/page/service/icon02.png);
}

section.service article h2.service_ttl03:before {
	background-image: url(../images/page/service/icon03.png);
}


section.service article h2 span{
	background: linear-gradient(transparent 50%, #ffff7d 50%);
	display: inline;
}

section.service .service_box .textarea{
	width: 58%;
}

section.service .service_box .textarea p{
		line-height: 1.6;
    margin-bottom: 40px;
}

section.service .service_box .textarea dt{
		font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}

section.service .service_box .textarea dd{
		display: inline-block;
    margin-right: 20px;
}

section.service .service_box .textarea dd:before{
		content: "◆";
    color: #2780b4;
    margin-right: 8px;
		font-size: 60%;
		vertical-align: bottom;
}

section.service .service_box .imgarea {
		width: 100%;
		max-width: 340px;
}


section.service .service_box .imgarea img{
		width: 100%;
}
*/


/*----------

よくあるご質問

---------*/
/*
.pagemain_faq{
	background: url("../images/page/faq/pagemain_bg.jpg") center top no-repeat;
	background-size: cover;
}

.faq_contents section{margin-bottom: 60px;}


.faq_contents section:nth-of-type(even) {
  background:  url(../images/page/index/service_bg.png) right top repeat;
}

.faq_category {
	margin: 20px auto 20px 40px;
    border: 3px solid #ddd;
    padding: 20px 0;
}

.faq_category p.linkbtn{
	width: 30%;
}

.faq_category p.linkbtn a{
	border: 1px solid #2780b4;
    color: #2780b4;
    padding: 20px 18px;
    background-image: url("../images/common/arrow_bottom_blue.png");
    text-align: center;
    width: 80%;
    margin: 10px auto;
}

.faq_category p.linkbtn a:hover{
	border: 1px solid #2780b4;
	background-color: #2780b4;
    color: #fff;
    background-image: url("../images/common/arrow_bottom_white.png");
	background-position: 92% center;
}

.fqa_list article {
	border: 3px solid #ddd;
	background: #fff;
	padding:30px;
	margin-bottom: 25px;
}
.fqa_list article h3.openbtn{
    font-size: 18px;
    padding: 20px 3%;
    box-sizing: border-box;
    background-image: url(../images/page/faq/icon_q.png);
    background-repeat: no-repeat;
    background-position: left center;
		background-size: 16px;
    cursor: pointer;
    width: 100%;
    position: relative;
}
.fqa_list article h3.openbtn:after{
	content: url(../images/page/faq/arrow_bottom.png);
	position: absolute;
	right: 0;
	top:50%;
	margin-top: -12px;
	transition-duration: 0.3s;
}
.fqa_list article h3.open:after{
	content: url(../images/page/faq/arrow_bottom.png);
	transform:rotate(180deg);
}

.fqa_list article div{
	display: none;
	border-top: dotted 2px #ddd;
	background: url(../images/page/faq/icon_a.png) left 10px top 25px no-repeat;
	background-size: 16px;
	padding: 20px 3% 20px 4%;
	background-color: rgba(39, 128, 180, 0.07)
}
*/

/*----------

プロフィール

---------*/
/*
.pagemain_profile{
	background: url("../images/page/profile/pagemain_bg.jpg") center top no-repeat;
	background-size: cover;
}

 section.history{
	background: url("../images/page/profile/profile_bg.jpg") no-repeat bottom center;
	background-size: cover;
}

 article.history_box .txtarea{
	padding: 60px;
	background-color: rgba(255,255,255,0.9);
}

section.profile article.profile_box {
	border-top: 10px solid #2780b4;
	padding: 60px;
	background: url("../images/page/profile/history_bg.png") right bottom no-repeat;
	background-color: #fff;
	-webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);
}


section.profile article.profile_box ul li{
	margin-bottom: 1em;
}

section.profile article.profile_box ul li:last-child{
	margin-bottom: 2em;
}

section.profile article.profile_box p{
	max-width: 770px;
}*/



/*----------

ご相談の流れ

---------*/

/*
.pagemain_flow{
	background: url("../images/page/flow/pagemain_bg.jpg") center top no-repeat;
	background-size: cover;
}

.flow_step_list {
	max-width: 980px;
	margin: 0 auto;
	width: 100%;
}
.flow_step_list article{
	width: 28%;
	margin-bottom: 8%;
}

.flow_step_list article p.co_img{text-align: center; margin-bottom: 20px;max-width: 292px;}
.flow_step_list article p.co_img img{width: 100%;}

.flow_step_list article div.co_ttl h3{
	font-weight: bold;
	font-size: 24px;
	line-height: 1.5;
	text-align: center;
	color: #2780b4;
}

.flow_step_list article div.co_ttl h3 span{
	font-size: 80%;
}
.flow_step_list article div.co_ttl p{
	padding-top: 5px;
	text-align: center;
}

.flow_step_list article div.co_ttl p.ta_l{
	text-align: left;
}


section.price table.price_box{
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}


table.price_box th, table.price_box td {
    box-sizing: border-box;
    padding: 30px 45px;
    border-bottom: dotted 1px #ccc;
    vertical-align: middle;
}

table.price_box th{
    width: 30%;
		background: url(../images/page/flow/price_bg.png) right top repeat;
}

section.price table.price_box span{
	font-size: 90%;
}
*/


/*----------

お役立ちコラム

---------*/

.pagemain_column{
	background: url("../images/page/column/pagemain_bg.jpg") center bottom no-repeat;
	background-size: contain;
}
.blognavi{
	padding-top: 100px;
	background-color: #2780b4;
	margin-bottom: 10px;
}
.blognavi ul{border-left:1px solid #6ca7dd;}
.blognavi ul li a{
	display: block;
	font-size: 13px;
	color: #fff;
	text-align: center;
	padding: 20px 15px;
	border-right:1px solid #6ca7dd;
}
.blognavi ul li a:hover{background-color: #6ca7dd;}

.blog_one{
	background:url(../images/page/blog/bg_blue.jpg),url(../images/page/blog/bg_blog_one.jpg);
	background-position:left 170px, center top;
	background-repeat:no-repeat, no-repeat;
	background-size:100% 100%,100%;
	padding:40px 0;
	margin-bottom: 50px;
}
.blog_one_text{
	float: right;
	width: 46%;
	padding: 160px 0 0;
	color: #fff;
}
.blog_one_text ul.blog_one_catlist li{
	display:inline-block;
	border: 1px solid #fff;
	font-size: 12px;
	padding: 2px 10px;
	margin: 0 5px 5px 0;
}
.blog_one_text h1 a{
	display: block;
	font-size: 19px;
	margin:20px 0;
	color: #fff;
}

.blog_one_text p.days{font-size: 13px; margin-bottom: 24px;}
.blog_one_text p.blog_one_link a{
	text-align: center;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 6px;
	display: block;
	padding: 4px 0;
	width: 180px;
	margin: 20px 0 0 auto;
	color: #2780b4;
	box-sizing: border-box;
}
.blog_one_text p.blog_one_link a:hover{
	background-color: #2780b4;
	color: #fff;
}

.blog_one_img{
	float: left;
	width: 52%;
}
.blog_one_img img{width: 100%; height: 450px;}

/* main_cantents */
.main_cantents{width: 68%;}
.main_cantents.m_left{float: left;}
.main_cantents.m_right{float: right;}

/* ブログ一覧 */
.columnlist article{
	width: 49%;
	/*margin: 0 1% 24px;*/
}

.columnlist article a{
	padding:15px;
}
.columnlist article p.column_img img{
	width: 100%;
}

.wp-pagenavi{
	text-align: center;
	margin: 30px 0;
}

/* ページャー */
.wp-pagenavi span {
    text-decoration: none;
    border: 1px solid #BFBFBF;
    padding: 10px 15px;
    margin: 5px;
}
.wp-pagenavi span.current,
.wp-pagenavi a:hover{
    font-weight: bold;
    background-color: #2780b4;
    border-color: #2780b4;
    color: #fff;
}



/* サイドバー */
.sidebar{
	width: 22%;
	border: 1px solid #2780b4;
	background-color: #fff;
	border-top: 10px solid #2780b4;
	padding: 50px 30px;
	margin-top: 15px;

	}
.sidebar.s_left{float: left;}
.sidebar.s_right{float: right;}

.news_contents .subttl,
.sidebar h2{
	margin-bottom: 10px;
	font-size: 24px;
	font-weight: bold;
	color: #2780b4;
}

/*.sidebar article a .sideimg{
	float: left;
	width: 60px;
}

.sidebar article a .sideimg img{
	width: 100%;
	height: 60px;
}*/

.sidebar article a h3{
/*	float: right;
	width: 70%;*/
	line-height:1.8;
}

.sidebar article a h3 span{
	display: block;
	font-size: 12px;
}

.sidebar ul,
.sidebar .newlist{margin-bottom: 60px;}

.sidebar ul li,
.sidebar article{
	border-bottom:1px dotted #e1e1e1;
}


.sidebar ul li a,
.sidebar article a{
	display: block;
	padding: 20px 25px;
	color: #333;
}

.sidebar ul li a:hover,
.sidebar article a:hover{
	background-color: #2780b4;
	color: #fff;
}

.sidebar ul.side_catlist li a{border-bottom:1px solid #ddd; padding: 20px 25px;}

.sidebar div.side_archivelist select{width:100%;box-sizing: border-box; padding: 10px; margin-top:30px;}


/* 詳細 */
.blog_single{margin-bottom: 60px;}

.bloghead{margin-bottom: 40px;}
.bloghead ul.single_catlist{margin: 15px 0 20px 0;}
.bloghead ul.single_catlist li{
	text-align: center;;
	color: #fff;
	background: #2780b4;
	padding: 3px 10px;
	margin-right: 1%;
	font-size: 12px;
}

.bloghead .blogdate{
	font-size: 12px;
	display: block;
	margin-bottom: 30px;
}

.bloghead h1.subttl001{
	color: #2780b6;
	line-height: 1.4;
}

/*.single_contents{margin: 0 20px;}*/
.single_contents p{margin-bottom: 15px;}

.single_contents img{max-width: 100%;}
.single_contents .hpurl{margin: 20px 0;}


.page_ttl .ttl{
  font-size: 30px;
}
.page_ttl .txt .small{
  font-size: 16px;
  display: inline-block;
  margin-top: 20px;
}
.page_ttl .ttl:before{
  content: "";
  background: url(../images/common/hdr_logo.png) no-repeat center center / contain;
  width: 125px;
  height: 151px;
  margin-right: 35px;
  display: block;
}
/* お問い合わせ */

.page_contact .page_ttl_contact{
  background: url(../images/page/contact/page_ttl_bg.jpg) no-repeat left top;
  background-size: cover;
  padding: 70px 0;
}

.page_ttl_contact .page_ttl{
  font-size: 30px;
}


.page_contact h2{
  font-size: 30px;
  margin: 30px auto 90px;
}

.page_contact #contact h2{
  text-align: center;
  line-height: 1.5;
}
.form_attention{font-size: 16px;margin-left: 10px;text-indent: -1em;padding-left: 1em;}
.form_attention:before{content: "※"}
.form_attention.redtext{color:#ad0000;}
.form_wrap{background-color:#EFEFEF; padding: 15px 0;}
.formTable{width: 100%}
.formTable tr th,.formTable tr td{padding:15px 25px; box-sizing: border-box; vertical-align: middle;font-size: 16px;}
.formTable tr th{width: 22%; text-align: left;}
.formTable span.redtext{font-weight: bold; color:#ad0000; font-size: 16px;}
.formTable tr th.vertical-top{vertical-align: top;padding-top: 40px;}
.formTable tr td label{display: block;}
.formTable tr td label:nth-child(n+2){margin-top: 20px;}
.formTable tr td > input, .formTable tr td > textarea{width: 100%;}
.formTable tr td .w90{width: 90%;}
.formTable tr td .w30{width: 30%;}
.formTable tr td input:focus,
.formTable tr td textarea:focus{background: #fcf9eb; outline-style:none;padding: 15px 20px;}
.formTable tr td input,
.formTable tr td textarea,
.formTable tr td select{font-size:16px;border: none;}
.formTable tr td input[type="text"],
.formTable tr td input[type="tel"],
.formTable tr td input[type="email"],
.formTable tr td select{padding:20px 15px; box-sizing: border-box;border: none;}

.formTable tr td div.dayselect{
	border-bottom: 1px solid #ccc;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.formTable tr td div.dayselect:last-child{
	margin-bottom: 0;
	padding-bottom: 0;
	border: none;
}
.formTable tr td div.dayselect p{font-weight: bold; font-size:16px; margin-bottom: 15px;}
.formTable tr td div.dayselect dl{
	float: left;
	margin: 0 0 0 20px;
}
.formTable tr td div.dayselect dl dt{margin-bottom: 10px;}
.formTable tr td .smalltext{font-size: 12px;margin-top: 10px;}
p.pdfdl a{
	display: block;
	background: #ad0000;
	border:solid 1px #ad0000;
	color: #fff;
	width: 340px;
	margin: 20px 0 0;
	padding:10px 0;
	box-sizing: border-box;
	text-align: center;
	border-radius: 6px;
}
p.pdfdl a:hover{
	background: #fff;
	border:solid 1px #ad0000;
	color: #ad0000;
}

.submitbtn{
	width: 220px;
	margin: 0 auto;
}
.submitbtn.submitbtn_confirm{
	width: 80%;
	margin: 0 auto;
  justify-content: space-between;
}
input[type="submit"] {
-webkit-appearance: none;
}
.submitbtn input{
  width: 100%;
  display: block;
  padding: 15px 10px;
  text-align: center;
  border: 1px solid #000;
  background: #000;
  color: #fff;
  font-size: 22px;
  cursor: pointer;
  margin-top: 40px;
  webkit-appearance: none;
}
.submitbtn input:hover,
.submitbtn.submitbtn_confirm input[type="button"]{
	background: #fff;
	color: #000;
}
.submitbtn.submitbtn_confirm input{
  width: 48%;
}
.submitbtn.submitbtn_confirm input[type="button"] {
  background: #888;
}

.underbtn .pc{
	position: fixed;
	z-index: 999;
	bottom: 0;
	width: 100%;
	background: #ed9021;
	color: #fff;
	padding: 15px 0;
	box-sizing: border-box;
}
.underbtn.no-fixed .pc{display: none;}
.underbtn .pc .inner_min{background: url(../images/logo002.png) left center no-repeat;	}
.underbtn .pc .inner_min .upunit{padding-left: 120px;}

.underbtn .pc h3{
	text-align: center;
	font-size: 20px;
	margin-bottom: 20px;
}
.underbtn .pc p{margin:0 20px;}
.underbtn .pc p.under_telunit{font-size: 40px; line-height: 0.8em;}
.underbtn .pc p.under_telunit span{font-size: 14px; display: block;}

.underbtn .pc p.under_mailunit{width: 400px; box-sizing: border-box;}
.underbtn .pc p.under_mailunit a{
	display: block;
	background-image:url(../images/icon_mail_orange.png),url(../images/icon_arrow_orange.png);
	background-position: 8% center, 90% center;
	background-repeat: no-repeat, no-repeat;
	background-color: #fff;
	border:solid 1px #fff;
	color: #ed9021;
	padding: 18px 0 18px 18%;
	border-radius: 40px;
	font-size: 20px;
}
.underbtn .pc p.under_mailunit a:hover{
	background-image:url(../images/icon_mail_orange_hover.png),url(../images/icon_arrow_orange_hover.png);
	background-position: 8% center, 90% center;
	background-repeat: no-repeat, no-repeat;
	background-color: #ed9021;
	color: #fff;
	border:solid 1px #fff;
}


/* 送信完了 */
/* body.thanks header{
	background: none;
	min-width: auto;
	min-height: auto;
	position: static;
	box-sizing: border-box;
}

body.thanks header p#siteid{
	background-color:rgba(255,255,255,0.85);
	padding: 5px;
	width: 100px;
	margin: 20px auto;
	text-align: center;
	position: relative;
} */

body.thanks .thnks_area h2{text-align: center;margin-bottom: 30px;}
body.thanks .thnks_area p{
	text-align: center;
	margin-bottom: 20px;
  font-size: 16px;
}
body.thanks .thnks_area .thnks_btn{
	width: 220px;
	margin: 0 auto;
}


body.thanks .thnks_area .thnks_btn a{
  width: 100%;
  display: block;
  padding: 15px 10px;
  text-align: center;
  border: 1px solid #000;
  background: #000;
  color: #fff;
  font-size: 18px;
  cursor: pointer;
  margin-top: 40px;
  webkit-appearance: none;
}
body.thanks .thnks_area .thnks_btn a:hover{
	background: #fff;
	color: #000;
}
.menseki{
  padding: 30px 0 ;
  color: #40220F;
}
.menseki h2{margin-bottom: 40px;}
.menseki p{margin-bottom: 20px;}
.menseki ul li{margin:0 0 30px 0;
}

body.thanks .thnks_area p.redtext{font-weight: bold; color:#ad0000; font-size: 16px;}


/*----------

フッター

---------*/

/*----- フッターアクセス -------*/

/* .ftr_access {
	background:	 url("../images/common/access_bg.jpg") top left;
	padding: 0;
}



.ftr_access .ftr_access_txtarea{
		background:  url("../images/common/acccess_bg_pin.png") left center no-repeat;
		background-size: contain;
		width: 450px;
    box-sizing: border-box;
    margin-left: 90px;
    padding: 50px 0 50px 50px;
}

.ftr_access_txtarea h2{
		background: url(../images/common/access_icon.png) no-repeat left center;
    padding-left: 70px;
		margin-bottom: 40px;
		font-size: 30px;
		letter-spacing: inherit;
		line-height: 1;
}

.ftr_access_txtarea article{
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
		padding: 20px 0;
}

.ftr_access_txtarea article p{
		padding-bottom: 30px;
}


.ftr_access_txtarea article p:last-child{
		padding-bottom: 0;
}


.ftr_access_txtarea article p span {
    font-size: 86%;
    line-height: 1.8;
    padding-top: 0.5em;
    display: inline-block;
}


.ftr_access #map{
	width: 50%;
	height: 525px;
}

.ftr_contact {
	background: url("../images/common/contact_bg.jpg") no-repeat top center;
	background-size: cover;
	color: #fff;
}

.ftr_contact .inner_ttl{
	text-align: center;
	margin-bottom: 40px;
}

.ftr_contact .inner_ttl span{
	color: #fff;
}

.ftr_contact p.sub_txt {
    text-align: center;
    margin-bottom: 70px;
}
.ftr-tel {
	border-right: 1px solid #fff;
	width: 50%;
	padding-right: 60px;
}

.ftr-tel:before {
/*	content: "";
	display: inline-block;
	background-image: url("../images/common/ftr_tel_icon.png");
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: middle;
	width: 35px;
	height: 35px;
	margin-right: 5px;
	transition: .3s ease-out;
}


.ftr-tel a{
	display: inline-block;
	text-align: center;
	color: #fff;
	font-size: 16px;
	line-height: 1.5;
	transition:  .3s ease-out;
	vertical-align: middle;
	letter-spacing: 0;
}

.ftr-tel a span:before {
	content: "";
	display: inline-block;
	background-image: url("../images/common/ftr_tel_icon.png");
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: middle;
	width: 35px;
	height: 35px;
	margin-right: 10px;
	margin-bottom:5px;
	transition: .3s ease-out;
}


.ftr-tel:hover a,
.ftr-tel:hover:before {
	opacity: 0.7
}


.ftr-tel a span{
	font-size: 250%;
	font-weight: bold;
		letter-spacing: 0.05em;

}

.ftr-info {
	width: 29%;
}
.ftr-mail {
	width: 50%;
	padding-left: 60px;

}

.ftr-mail a{
	font-size: 22px;
	padding: 35px 1em;
	text-align: center;

}
.ftr-mail a:before{
	content: "";
	display: inline-block;
	background-image: url("../images/common/ftr_mail_icon.png");
	background-repeat: no-repeat;
	background-position: left 10% center;
	background-size: contain;
	vertical-align: middle;
	width: 30px;
	height: 30px;
	margin-right: 10px;
	margin-top: -5px;
	transition: .3s ease-out;
}
.ftr-mail a:hover:before{
	background-image: url("../images/common/ftr_mail_icon_on.png");
} */
/*----------

フッダー

---------*/

.ftr_inner {
  padding: 60px 0 40px;
  border-bottom: 1px solid #000;
  text-align: center;
}

.ftr_inner .ftr_logo{
  max-width: 86px;
	margin: 0 auto;
}

.ftr_inner .ftr_tel{
  font-size: 36px;
  margin: 30px auto 25px;
}

.ftr_inner address{
  margin-bottom: 25px;
}
.ftr_inner .ftr_linklist li {
    width: 218px;
}

.ftr_inner .ftr_linklist li a{
  padding: 10px 10px 10px 15px;
  justify-content: space-between;
}
.ftr_inner .ftr_linklist li a:after{
  content: "";
  background: url(../images/common/arrow_br.png) no-repeat center center / contain;
  margin-left: 10px;
  display: block;
  width: 7px;
  height: 10px;
}


.ftr_inner .ftr_linklist li:last-of-type {
    margin-left: 15px;
}
.ftr_inner .ftr_groupname {
    font-size: 24px;
    margin-top: 25px;
	font-size: 16px;
}

.copyright{
	text-align: center;
	font-size: 15px;
	padding: 10px 0 55px;
  color: #585757;
}

p#ad-ttl{
	font-size: 30px;
	line-height: 1.4em;
	text-align: center;
	padding-bottom: 25px;
}

#ad-width900{
	width: 900px;
	margin: 0 auto;
	overflow: hidden;
	padding-bottom: 100px;
}

#ad-width900 p{
	font-size: 24px;
	line-height: 1.4em;
	padding-top: 30px;
	padding-bottom: 15px;
}

#ad-width900 p span{
	font-size: 16px;
	line-height: 1.4em;
	display: block;
	padding-top: 10px;
}

#ad-width900 .block{
	overflow: hidden;
}

#ad-width900 .block .cont th{
	width: 174px;
	line-height: 80px;
	border: 1px solid #000;
	text-align: center;
	font-size: 20px;
}

#ad-width900 .block .cont td{
	line-height: 1.6em;
	padding-left: 15px;
	padding-top: 5px;
	vertical-align: top;
}

#ad-width900 .block .left{
	float: left;
}

#ad-width900 .block .right{
	float: right;
}

/*----------------------------スライド----------------------------*/

.slick-slider {
  width: 640px;
  margin: 0 auto;
  height: auto;
}

.slick-slide img {
  max-width: 100%;
  height: auto;
}

.slick-imgs img{
	width: 100%;
}

.slick-imgs .slick-prev{
	left: 10px !important;
}

.slick-imgs .slick-next{
	right: 10px !important;
}

.slick-imgs .slick-dots{
	bottom: -20px !important;
}

.slick-prev:before,
.slick-next:before {
  color: #000;
}

.slick-next {
  right: -22px;
  z-index: 10;
}
.slick-prev {
  left: 18px;
  z-index: 10;
}

.slick-dots li.slick-active button:before,
.slick-dots li button:before {
  color: #000000;
}

.slick-dots {
  width: 94.8%;
}