/*
Theme Name: stinger7child
Template: stinger7
*/
@import url('../stinger7/style.css');

/*--------------------------------
	各フォント設定
---------------------------------*/
mark, .mark {
    background: none;
	border-bottom: #ff7474 dotted 1px;
background-color: #ffe8e7;
color: #000;
font-weight: normal;
}

point, .point {
    color: #ec5e8b;
    font-size: 1.06em;
    font-weight: bold;
    text-shadow: 0 1px #fff;
}

a {
    /*display: block;*/
    color: #777;
}

a:hover{
    /*color: #58e07a;*/
}

#footer a:hover,.acordion_tree ul.menu li a:hover  {color:#fff;}

.post p {
line-height: 2em !important;
margin-bottom: 20px !important;
}

span.fb {
	font-weight: bold;
}

span.ttl-1 {
	padding: 5px 15px;
	border-left: 6px solid #423d36;
    font-size: 1.1em;
    height: auto;
    margin: 0 0 20px;
    font-weight: bold;
    display: inline-block;
}

span.column {
	padding: 8px 15px;
	background-color: #f3fcf4;
	display:block;
}

span.bg {
	padding: 20px;
	background-color: #f6fff5;
	display:block;
}

span.po {
line-height: 1.5em;
  color: #bf3737;
  font-weight: bold !important;
  font-size: large;
  font-family: 'YuGothic','游ゴシック体','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-Serif !important;
}
span.po-b {
line-height: 1.5em;
  color: #00437e;
  font-weight: bold !important;
  font-size: large;
  font-family: 'YuGothic','游ゴシック体','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-Serif !important;
}
span.po-c {
line-height: 1.5em;
  color:#9f7615;
  font-weight: bold !important;
  font-size: large;
  font-family: 'YuGothic','游ゴシック体','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-Serif !important;
}
span.po2 {
font-style: italic;
color: #adde2c;
font-weight: bold !important;
}
span.sum{
border-bottom: #003473 dotted 1px;
background-color: #ecf8f9;
}

/*PAGE TOP*/
#page-top {
	position: fixed;
	z-index: 9;
	bottom: 50px;
	right: 0px;
	font-size: 0.8em;
}

#page-top a {
	background: rgba(44, 22, 1, 0.7);
	text-decoration: none;
	color: #fff;
	padding: 12px 0;
	line-height: 15px;
	text-align: center;
	display: block;
	-moz-opacity: 0.6;
	opacity: 0.6;
    border-radius: 0;
    width: 5.5em;
}

#page-top a:hover {
	text-decoration: none;
	background: #423d36;
	color: #fff;
}

/*リンク*/
.link a, a.link, .more a span, .list li {
    background: rgba(0, 0, 0, 0) url("./images/arrow.png") no-repeat scroll 0 0.4em;
    padding: 0 0 0 16px;
    line-height: 1.7em;
    vertical-align: middle;
}

/* 見出し*/

/*.post h2 {
	margin: 20px 0;
	padding: 8px 20px;
	background: #423d36;
	color:dimgrey;
    font-size: 26px;
    height: auto;
background: url(./images/line.png) no-repeat center bottom;
text-align: center;
padding: 0;
background-size: 25%;
background: none;
}*/

.post h2 {
   /* position: relative;
    background: rgba(0,70,128,0.9);
    color: #fff;
	border-radius:5px;
    margin: 0; */
    text-align: center;
    font-size: 1.5rem;
    padding: 1.5rem 0;
	font-weight: 600;
color: #555;

}
    /* 下三角 */ 
    .post h2:after {
content: "";
display: block;
border-bottom: 1px solid;
width: 20%;
margin: 0 auto;
padding-top: 2%;
    }



h3 {
	position: relative;
	/*margin: 0 0 40px;
	padding: 0 0 18px;
font-weight: 100;
font-family: 'AozoraMinchoLight';*/
	width: auto;
	font-size: 24px;
	line-height: 1.5;
	text-align: center;
}

h3::after {
    position: absolute;
    bottom:0;
    left: 45%;
    z-index: 2;
    content: '';
    width: 10%;
    height: 3px;
    background-color: #423d36;
}

/*.sw_menu h3 {margin-bottom:60px;}
.sw_flow h3,.sw_maincatch h3,#blog h3 {margin-top:65px;}*/
.sw_maincatch h3{ font-size:20px; }

/*.post h3{
	margin: 20px 0 ;
	padding: 18px 0;
	border-top: none;
	border-bottom: 1px solid #B4A276;
	width: auto;
	font-size: 24px;
	line-height: 1.2;
	text-align: left;
}

.post h3::after {content:none;}*/

.post h3 {
padding: 15px 0 15px 20px;
  color: #510000;
  margin: 5px auto 10px 0;
  background-color: #efe7e7;
  border: 1px solid #ebebeb;
  text-align: inherit;
  font-size: x-large;
  font-weight: bold;
}

.post h3:after {
  position: absolute;
 /* content: " ";*/
  display: block;
  border-bottom: solid 2px #555;
  bottom: -2px;
  width: 10%;
  left:0
}

.nav h3 {
	border-bottom: 0px;
	background:url("./images/hl.png") 0 bottom no-repeat;
	line-height: 36px;
	height: 2em;
	text-shadow: 0 1px #f4f0e7;
	color : #6f513b;
	padding-left: 13px;
	margin-top: 0;
	padding-top: 15px;
	margin-bottom: 15px;
	text-align: left;
	border-radius: 0;
	text-shadow: none;
}


.nav h3 a{
		color : #6f513b; text-shadow: 0 1px #fff;
		border-bottom: 0px;
		}

.post h3.nt {padding:0;}

h4, .h4, h5, .h5 , .post h4 {
	position: relative;
	padding: 8px 15px;
	/*border-left: 6px solid #423d36;
    color: #503521;*/
    font-size: 1.2em;
    height: auto;
    text-decoration: none;
    background:none;
}

dd h3 a {
	color: #333;
	text-decoration: none;
	font-size:16px;
}

.post img {
	border:none;
	padding:1px;
	}

#main .point, .point {
	color: #ec5e8b;
	font-size: 1.06em;
	font-weight: bold;
	text-shadow: 0 1px #fff;
	}

#main .title, .title {
font-weight: bold;
position: relative;
font-size: 1.2em;
color: #666146;
padding-left: 20px;
	}
.title:before {
    content: '';
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 5px;
height: 1.2em;
background-color: #666146;
}

/* 下三角 */
	.sankaku {
	width: 0;
	height: 0;
	border: 25px solid transparent;
	border-top: 25px solid #bdb6ae;
	margin: 0 auto;
	display:block;
	clear:both;
	}

	/* 右三角 */
	.sankaku-r {
	width: 0;
  	height: 0;
	border-top: 25px solid transparent;
	border-right: 25px solid transparent;
	border-bottom: 25px solid transparent;
	border-left: 25px solid #bdb6ae;
	}

/* レイアウト */
body {
	width:1100px;
}



#wrapper {
	padding: 0;
background: #fff;
}

#contentInner {
/*	padding: 0 0 50px;*/
}

/* サイドバーの見出し */
#side aside h4 {
	font-size: 16px;
	font-weight: bold;
	padding: 10px;
	margin-bottom: 20px;
	line-height: 28px;
}

#side h5 {
	font-size:15px;
	margin-bottom:5px;
}

/*--------------------------------
ぱんくず
---------------------------------*/
#breadcrumb {
	margin: 20px auto;
	max-width: 1200px;
}

#breadcrumb ul {
	list-style: none;
	padding: 5px 0 0;
	margin-bottom: 0;
}

#breadcrumb ul:after {
	content:"";
	display:block;
	clear:both;
}

#breadcrumb ul li {
	float: left;
	font-size: 13px;
}

#breadcrumb a {
	color: #333;
	text-decoration: none;
	display: inline;
}

#breadcrumb a:hover {
	text-decoration: underline;
}


/*--------------------------------
サイドバー
---------------------------------*/
#mybox {
    width: 250px;
position: relative;
width: 250px;
position: relative;
max-width: 244px;
width: 100%;
margin: 0 0 5px;
background: #fff;
box-sizing: border-box;
border-radius: 5px;
/*border: solid #eff0e8 4px;*/
padding: 3px 3px;
margin-top: 5%;
}

.execphpwidget{
	/*margin-bottom: 20px;*/
}

#side aside ul li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#side aside ul li ul li{
	list-style-type: none;
	margin: 0px;
	padding-left: 0;
	background-image: none;
	background-repeat: no-repeat;
	background-position: left 50%;
}

#mybox h4,  #side aside h4.menu_underh2 {
	font-size: 0.9em;
	font-weight: bold;
	line-height: 1.4em;
	margin: 0px;
	margin-top: -13px;
	padding: 13px 0 8px 22px;
	color: #fff;
	border-left: none;
}
/*#side aside h4.menu_underh2+div {border:8px solid #f6f6f6;border-top:none;}*/

#mybox ul li ul li a, #mybox ul.sitemap li a {
    background: #fff url("./images/menu2.png") no-repeat scroll -240px bottom;
    border-bottom: medium none;
    color: #444;
    font-size: 0.9em;
    font-weight: normal;
    margin-right: 4px;
    padding: 12px 8px 12px 24px;
    text-decoration: none;
    line-height: 1.3em;
}

#mybox ul li ul li a:hover {
    background-position: 0 center;
    color: #f47d1f;
    text-decoration: underline;
}


/*--------------------------------
サイドバー固定ページ用のナビ
---------------------------------*/

#sidebg {
	background: none;
}

#sidebg h4 {
	padding-left:0px;
	border-left: none;
}

/*ulタグの階層*/
#side aside .st-pagelists ul {
	padding:0px;
}

#side aside .st-pagelists .children {
	padding:5px 0px;
}

#side aside .st-pagelists .children li .children {
	padding:0px 10px 0px 0px;
}

/*liタグの階層*/
#side aside .st-pagelists ul li {
	padding: 0px;
}

#side aside .st-pagelists ul li ul li {
	padding: 0px 10px;
}

#side aside .st-pagelists ul li li li li {
	padding: 0px 10px;
	border-bottom:none;
}


/*aタグの階層*/
#side aside .st-pagelists ul li a {
	text-decoration:none;
	padding:5px 10px;
	margin-bottom:1px;
	color:#fff;
	width:100%;
	display:block;
	box-sizing:border-box;

	/*Other Browser*/
	background: #91bae4;
	/*For Old WebKit*/
	background: -webkit-linear-gradient(
	#1584C4 0%,
	#0277BD 100%
	);
	/*For Modern Browser*/
	background: linear-gradient(
	#1584C4 0%,
	#0277BD 100%
	);

}

#side aside .st-pagelists ul li a:hover {
	-moz-opacity: 0.8;
	opacity: 0.8;
}

#side aside .st-pagelists .children a {
	text-decoration:none;
	padding:0px 10px;
	background:transparent;
	background-repeat: no-repeat;
	background-position: left center;
	color:#000;
	margin-bottom:5px;
	border-bottom:1px dotted #ccc;
}

#side aside .st-pagelists .children a:hover {
	color:#ff0000;
}

#side aside .st-pagelists .children li .children a {
	text-decoration:none;
	padding:0px 0px 0px 10px;
	background:transparent;
	background-repeat: no-repeat;
	background-position: left center;
	color:#000;
	border:none;
	margin-bottom:0px;
}

#side aside .st-pagelists .children li .children a:hover {
	color:#ff0000;
}

#side aside .st-pagelists .children li .children .children li a {
	text-decoration:underline;
	padding:0px 10px 0px 20px;
	background:transparent;
	background-repeat: no-repeat;
	background-position: left center;
	color:#000;
	border:none;
	margin-bottom:0px;
}


/*--------------------------------
ブログ記事
---------------------------------*/
.kanren h3 {
	margin-bottom: 10px;
	padding: 0;
	height:auto;
}

.kanren h3::after {
	background-color: transparent;
}

.kanren h3 a {
	/*background-color: #fff;*/
	text-shadow: none;
	text-align: left;
	padding: 0;
}

.kanren .info {
	height: 35px;
}

.kanren .info .date {
	background: url(images/date.png) left center no-repeat;
	float: left;
	margin-top: 3px;
	padding-left: 20px;
}

.kanren .info .tags {
	background: url(images/tag.png) left center no-repeat;
	float: left;
	padding-left: 10px;
	margin-left: 10px;
}

.kanren .info .tag_list {
	list-style: none;
}

.kanren .info .tag_list > li{
	text-decoration: none;
	font-weight: bold;
	color: #fff;
	background-color: #74caeb;
	padding: 3px 5px;
	border-radius: 5px;
	float: left;
	margin-left: 10px;
	font-size: 14px;
}

.kanren dt {
	margin-right: 20px;
	width: 150px;
}

.kanren img {
	width: 150px!important;
}



/*--------------------------------
更新情報
---------------------------------*/
#topnews-box div {
	padding: 0;
}

#topnews-box {
	padding: 0;
}

#topnews-box .news {
	background:#f3f8e7;
	padding: 0 20px;
	border: 1px solid #cedba9;
	box-shadow: 0 2px 2px #ebeaea;
	border-radius: 15px 0 15px 0;
	vertical-align: baseline;
}

#topnews-box .news h4 {
	background: none;
	border-bottom: 1px dashed #7a9333;
	color: #7c9d1f; font-weight:bold; font-size:110%;
	letter-spacing: 0.1em;
	text-shadow: 0 1px #fff;
	line-height: 26px;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

#topnews-box .news dt {
	float: left;
	width: 13%;
}

#topnews-box .news dd {
	width: 100%;
	font-size:0.9em;
	padding-bottom: 10px;
	border-bottom-style: none;
}

/*--------------------------------
ヘッダーコンテンツ
---------------------------------*/
#headbox {
	width: 100%;
	height:auto;
	margin: 0 auto;
	padding:0;
	overflow: hidden;
	position:relative;
position: initial;
/*position: absolute;*/
	}

#header-l {
/*width: 22%;*/
filter: drop-shadow(5px 5px 4px rgb(255, 255, 255));
/*overflow: hidden;
height: 100%;*/
}
#header-l a{ text-decoration:none;}

/* ヘッダー左側 */
#header-l h1 {
	margin: 0;
	padding: 0;
	font-size: 16px;
	line-height: 1em;
	color: #222;
	width: 40% !important;
}

#header-l h1 ,
#header-l h1 a {
	line-height: 2;
color: #222;
/*padding-top: 10px;*/
}

#header-l h1 a:hover {
	color: #222;
}

#header-l h2.info {
	padding: 0;
	font-size: 13px;
	line-height: 1;
	text-align: left;
	background: none;
	color: #222;
	font-weight: normal;
	position: absolute;
	top: 17px;
	width: 100%;
	margin:0;
}
#header-l h2.info:before, #header-l h2.info:after {content:none;}

#header-l h1 a .name {
/*padding-top: 8px; */
font-size: 28px;
font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif; 
/*font-family: "Rounded Mplus 1c",'Hiragino Kaku Gothic ProN', '游ゴシック', YuGothic, 'メイリオ', Meiryo, sans-serif;*/
}

/* ヘッダー右側 */
#header-r {
	padding: 0;
	width: auto;
	max-width:none;
	overflow: hidden;
}

#header-r p {
/*float: right;*/
color: #510000;
}

p.reservation {
	margin: 0 0 0 10px;
}

p.reservation a {
padding: 0px 30px 0px 40px;
font-weight: 600;
color: #fff;
background: url("./images/icon_mail.svg") no-repeat 7% 50%;
background-size: auto 60%;
}


#header-r .header-r_box {
/*float: right;
overflow: hidden;
padding: 10px 0 5px;
background: #EAF2E5;
border-left: 50px solid #F2F6D4;
border-radius: 0 0 0 7px;*/
}

#header-r .header-r_box p {
	clear: right;
}

#header-r p.time_info {
	font-size: .7em;
}

#header-cap p {
font-size: 0.8em;
color: #fff;
width: 100%;
text-align: center;
/*line-height: 1.5em;
background: #fafaff;
padding: 10px;*/
}

#header-cap p span.eki {
	color: #9b8579;
}



/*--------------------------------
メインビジュアル
---------------------------------*/

.st-main {
	position: relative;
	/*margin: 0 0 40px 0 ;*/
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	padding: 0;
	/*height: 460px;*/
background: #fff;
}

.main_visual {
	/*overflow: hidden;*/
	position: relative;
	width: 100%;
	/*height: 460px;
background: #B9004B;*/
background: #fff;
border-top: 1px solid #B4A276;
/*box-shadow: 0px 5px 10px rgb(215, 215, 215);*/
}

.main_visual .bx-wrapper {
	height: 100%;
max-width: 1500px !important;
}

.main_visual .bx-wrapper .bx-viewport {
	height: 100%!important;
	position: relative;
	border: none;
	box-shadow: none;
	left: 0;
}

.main_visual .bx-viewport li {
	margin-top: 0px;
}

.main_visual .bx-viewport li .catchcopy {
	/*position: absolute;*/
	text-align: left;
	bottom: 250px;
    left: 90px;
	width: auto;
	text-shadow: 0 2px 2px #fff,0 -2px 2px #fff,2px 0 2px #fff,-2px 0 2px #fff;
background: rgba(255,255,255,0.7);
box-shadow: 0px 0px 26px 7px #fff;
position: fixed;
}

.main_visual li .catchcopy {
	/*position: absolute !important;*/
	text-align: left;
	bottom: 250px;
    left: 90px;
	width: auto;
	text-shadow: 0 2px 2px #fff,0 -2px 2px #fff,2px 0 2px #fff,-2px 0 2px #fff;
background: rgba(255,255,255,0.7);
box-shadow: 0px 0px 26px 7px #fff;
position: fixed;
}

.main_visual img {
/*position: relative;*/
bottom: 0px;
height: auto;
margin: auto;
width: 100%;
z-index: 10;
max-width: 1400px;
}


.main_visual li .catchcopy p {
	font-size: 30px;
	font-weight: 600;
	line-height: 1.9;
	margin: 1em;
font-family: 'Hiragino Kaku Gothic ProN', '游ゴシック', YuGothic, 'メイリオ', Meiryo, sans-serif;
letter-spacing: 8px;
color: #423d36;
}
.main_visual li .catchcopy span {
	font-size: 26px;
}
.main_visual .bx-viewport li .catchcopy p {
	font-size: 30px;
	font-weight: 600;
	line-height: 1.9;
	margin: 1em;
font-family: 'Hiragino Kaku Gothic ProN', '游ゴシック', YuGothic, 'メイリオ', Meiryo, sans-serif;
letter-spacing: 8px;
color: #423d36;
}
.main_visual .bx-viewport li .catchcopy span {
	font-size: 26px;
}
.main_visual li .catchcopy p {
	font-size: 30px;
	font-weight: 600;
	line-height: 1.9;
	margin: 1em;
font-family: 'Hiragino Kaku Gothic ProN', '游ゴシック', YuGothic, 'メイリオ', Meiryo, sans-serif;
letter-spacing: 8px;
color: #423d36;
}
.main_visual .catchcopy span {
	font-size: 26px;
}

.btn_f {
    width: 45px;
    height: 45px;
    border: 1px solid #816b52;
    /*background: #785a06;
    color: #fff;
    padding: 1px 5px 4px 5px;
    font-weight: bold;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
line-height: 1.6em;*/
display: block;
text-align: center;
transition: background-color 0.2s ease-in;
-webkit-transition: background-color 0.2s ease-in;
float: left;
font-size: 11px;
margin: 10px 3px;
padding: 6px;
}
a.btn_f:hover {
background: #655800;
color: #fff;
}	

/*--------------------------------
お知らせ（スマホフッター）
---------------------------------*/
#sp_footer {
/*position: absolute;*/
bottom: 0;
width: 100%;
}

#sp_footer .news {
	padding: 0;
}

#sp_footer .news .inner {
	width: 95%;
	margin: 0 auto;
	background: rgba(49, 172, 78,.7);
}

#sp_footer .news .ttl {
	float: left;
	padding: 5px 5px;
	display: block;
	font-weight: 600;
	text-align: center;
	color: #fff;
	background: url("./images/sw_info.svg"),url("./images/bg_news.svg");
	background-repeat:no-repeat,no-repeat;
	background-position:20% 50%,right 0;
	background-size:1em auto, contain;
	width: 16%;
	height: 35px;
	vertical-align: middle;
}

#sp_footer .news .ttl p {
	line-height: 35px;
	margin:0;
}

#sp_footer .news .ttl * {
}

#sp_footer .news #move {
	float: left;
	width:73%;
	height: 35px;
	color: #fff;
	overflow: hidden;
    position: relative;
}

#sp_footer .news #move p {
    height: 100%;
    margin: 0;
    padding: 10px 20px;
    position: absolute;
    text-align: left;
    width: 100% !important
}

#sp_footer .news #move p a {
	height: 100%;
	color: #fff;
	text-decoration: none;
}

#sp_footer .news .date {
	margin-right: 20px;
}

/*--------------------------------
HOME コンテンツ
---------------------------------*/

.sw_maincatch {
	text-align: center;
}
.sw_maincatch * {
}
.sw_maincatch p {
	text-shadow: -1px -1px 0px #e2dbcb, 1px 1px 0px #fff;
	color: #333;
	font-size: 22px;
	line-height: 1.5;
	margin: 0 0 5px;
}
.sw_maincatch p:first-child {
	font-size: 11px;
}

.sw_maincatch p.slash{
	position: relative;
	text-align: center;
}
.sw_maincatch p.slash span {
	position: relative;
	z-index: 2;
	display: inline-block;
	margin: 0 4em;
	padding: 0 1em;
	text-align: center;
}
.sw_maincatch p.slash::before {
	position: absolute;
	top: 50%;
	z-index: 1;
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background: #ccc;
	background: -webkit-linear-gradient(-45deg, transparent, #ccc 10%, #ccc 90%, transparent);
	background: linear-gradient(-45deg, transparent, #ccc 10%, #ccc 90%, transparent);
}

/* キャンペーンバナー*/
.sw_area1 {
/*margin: 20px 0 60px auto;*/
}

.sw_area1 ul {
	list-style: none;
	overflow: hidden;
}

.sw_area1 ul li,.sw_area2 ul li {
	width: 49.5%;
margin: 0 1% 1% 0;
float: left;
position: relative;
overflow: hidden;
/*padding: 30px 0;*/
background-color: #211a0f;
display: inline-block;
}
.sw_area1 ul li:hover {
background-color: #000;
}
.sw_area1 ul li:nth-child(2n),.sw_area2 ul li:nth-child(2),.sw_area2 ul li:nth-child(3) {
	margin-right:0;
}
.sw_area1 ul li a img {
width: 100%;
height: auto;
background: #666;
opacity: 0.2;
display: block;
filter: blur(1px);
}
.sw_area1 ul li a:hover img {background:#8BC34A;}
.sw_area1 ul li .text_area {position:absolute; top:0; left:0; color:#fff; font-weight:bold; font-size:1.2em;padding:5%; display: block; width:92%; text-align: center;}
.sw_area1 ul li .text {
line-height:3;
/*border-bottom:2px solid #fff; 
font-family: "Rounded Mplus 1c",'Hiragino Kaku Gothic ProN', '游ゴシック', YuGothic, 'メイリオ', Meiryo, sans-serif;*/
}
.sw_area1 ul li .btn {
display:block;
color:#000;
text-align: center;
 padding: 5px;
 margin: 8% auto 13% auto; 
background: rgba(255,255,255,.7);
 width:88%; 
/*background: #d6ebff;
box-shadow: 0px 0px 0px 5px #d6ebff;*/
background: linear-gradient(to top left, #D8D8D8, #C9C9C9, #F6F6F6, #E4E4E4, #D4D4D4);
}

.sw_area2 ul {
	list-style: none;
	overflow: hidden;
}

/*.sw_area2 ul li {
	width: 50%;
	float: left;
	overflow: hidden;
}*/
.sw_area2 ul li a {text-decoration: none;}
.sw_area2 ul li .text_area {color:#fff; font-weight:bold; font-size:1.2em;padding: 1% 0 1% 4%; display: block; width:92%;
/*background-image: url(./images/logo.png);
background-repeat: no-repeat;
background-position: left top;*/
}
.sw_area2 ul li .flow-text {background:rgba(255,255,255,.7);display:block; color: #222; font-size: 0.75em; padding: 15px; bottom: 20px; margin: 20px 0 8px; /*width: 82%;*/}
.sw_area2 ul li .flow-ttl {font-size: 1.2em; padding: 25px 0 0; display: inline-block; letter-spacing: 0.06em;/*text-shadow: white 2px 1px 0.7px;color: #000;font-family: "Rounded Mplus 1c",'Hiragino Kaku Gothic ProN', '游ゴシック', YuGothic, 'メイリオ', Meiryo, sans-serif;*/line-height: 2em;}
.sw_area2 ul li:nth-child(2) {/*margin-bottom:20px;*/}
.sw_area2 ul li:nth-child(2) .text_area,.sw_area2 ul li:nth-child(3) .text_area{color:#000; font-size:1em;}
.sw_area2 ul li:nth-child(2) img,.sw_area2 ul li:nth-child(3) img{padding-left:5px;}
.sw_area2 ul li:nth-child(2) .text_area span,.sw_area2 ul li:nth-child(3) .text_area span {color:#000; display:block; font-size: 1.5em; margin-top:5px;}
.sw_area2 ul li:nth-child(1) {background:#fff url("./images/mft.png") 0 center no-repeat; background-size: cover;width: 100%;background-position-x: left;}
.sw_area2 ul li:nth-child(2) {background:#fff url("./images/content3.png") 0 center no-repeat; background-size: cover;width: 100%;background-position-x: right;}
.sw_area2 ul li:nth-child(3) {background:#fff url("./images/sw_flow_04.png") 0 center no-repeat; background-size: cover;}


/* コンテンツ本文*/
.pmenu ,
.sw_menu ,
.sw_treatment_menu ,
.select ,
.banner ,
.message ,
.contact ,
.access {
width: 100%;
}

/*.pmenu h3 ,
.sw_menu h3 ,
.sw_treatment_menu h3 ,
.select h3 ,
.banner h3 ,
.message h3 ,
.contact h3 ,
.blog h3 ,
.access h3 {
margin: 40px 0 0;
padding: 28px 0 18px 50px;
font-size: 24px;
line-height: 1;
text-align: center;
background: rgba(0, 0, 0, 0) url("./images/hl_top.png") no-repeat 0 50%;
background-size:auto 40% ;
}
*/
.sw_p { text-align:center;
font-size: 14px;
font-weight:500;
color: #222;
}
.sw_menu ul.sw_liststyle1 {
list-style: none;
width: 100%;
}
.sw_menu ul.sw_liststyle1 li {
float: left;
/*margin-right: 2%;
margin-bottom: 15px;*/
width: 25%;
/*height: 300px;*/
text-align: center;
/*z-index: 1;
position: relative;
margin-left: 3%;
box-shadow: 2px 2px 8px #cfcfcf;*/
}

.sw_menu ul.sw_liststyle1 li:hover {
	-moz-opacity: 0.8;
	opacity: 0.8;
}

.sw_menu ul.sw_liststyle1 li:nth-child(4n) {
margin-right: 0;
}
.sw_menu ul.sw_liststyle1 li a {
/*text-decoration:none; 
background: #FB9B9B;
border: solid 5px #423d36;
box-shadow: 2px unset;
border-radius: 10px;
border: 5px solid #f5efde;
background: #f5efde;
background-image: url(./images/logo.png);
background-size: 16% 20%;
background-repeat: no-repeat;
background-position: left top;*/
}
.sw_menu ul.sw_liststyle1 li a img {
height: auto;
width:100%;
}
.sw_menu ul.sw_liststyle1 li a span {
display: block;
padding: 10px 10px 20px;
text-align: justify;
/*height: 150px;
font-size: 1.3em;
font-weight: 700;
line-height: 1.7em;
text-align: center;
margin-bottom: 30px;*/

}
.sw_menu ul.sw_liststyle1 li a span.sw_menu_ttl {
/*border-bottom:2px solid #CFBB63;*/
color: #000;
display: inline-block;
font-size: 1.1em;
font-weight: 500;
line-height: 1.3;
padding: 5px 0 15px 0;
margin-bottom:0px;
/*height: 40px;
width: 100%;
text-align: center;
padding: 10px 0px 10px 20px;
background-image: url("./images/line01.jpg");
background-repeat: no-repeat;
	width:		100%;
	font-size:	110%;
	text-align:	center;
	top:		4px;
	margin:		0;
padding:	5px;
	color:		#fff;
	background: rgba(255, 255, 255, 0.87);
	position:	relative;
z-index: 1;
height: auto;
bottom: 39px;
color: #000;
margin: -0.7em 40px;
font-family: "Rounded Mplus 1c",'Hiragino Kaku Gothic ProN', '游ゴシック', YuGothic, 'メイリオ', Meiryo, sans-serif;*/
}
}
.sw_menu ul.sw_liststyle1 figure {
    position: relative;
    margin: 0 0 25px;
}
.sw_menu ul.sw_liststyle1 figure figcaption {
    position: absolute;
    /*top: -35px;
    left: 15px;*/
/*color: #fff;*/
/*font-size: larger;*/
/*font-weight: 500;/
font-style: italic;
letter-spacing: 0.05em;
z-index: 1;
/*background: rgba(48, 47, 45, 0.5);
width: inherit;
right: 0;
bottom: 5px;
padding: 0 10px;*/
}

.sw_menu ul.sw_liststyle1-2 {
    list-style: none;
padding: 0 3%;
}
.sw_menu ul.sw_liststyle1-2 li {
float: left;
margin: 1%;
margin-bottom: 15px;
width: 31.5%;
height: 70px;
}
.sw_menu ul.sw_liststyle1-2 li:hover {
	-moz-opacity: 0.8;
	opacity: 0.8;
}

.sw_menu ul.sw_liststyle1-2 li:nth-child(3n) {
margin-right: 0;
}
.sw_menu ul.sw_liststyle1-2 li a { text-decoration:none; }
.sw_menu ul.sw_liststyle1-2 li a img {
height: auto;
width: 100%;
border-radius: 55px;
-webkit-border-radius: 50%;
-moz-border-radius: 55px;
/*-ms-filter: "alpha( opacity=50 )";
filter: alpha( opacity=50 );
opacity: 0.5;
1 2 3 -ms-filter: "alpha( opacity=50 )";
filter: alpha( opacity=50 );
opacity: 0.6;*/
}
.sw_menu ul.sw_liststyle1-2 li a img:hover {
/*opacity:1 !important;*/
}

.sw_menu ul.sw_liststyle1-2 li a span {
display: block;
/*padding: 10px 0;*/
font-size: 0.85em;
font-weight: 500;
text-align: justify;
letter-spacing: 0.06em;
color: #222;
line-height: 1.7em;
text-align: center;
}
.sw_menu ul.sw_liststyle1-2 li a span.sw_menu_ttl {
/*border-bottom:2px solid #8BC34A;*/
/*color: #8BC34A;*/
/*display: inline-block;*/
font-size: 1em;
font-weight:bold;
/*line-height: 1;*/
padding: 5px 0;
margin-bottom:10px;
/*margin: -30px 0 0;*/
position: absolute;
z-index: 2;
width: 100%;
position: relative;
padding: 2% 0%;
background: linear-gradient(180deg,#fff 25%,#eaeaea 100%);
color: #000;
display: inline-block;
font-weight: bold;
font-size: large;
}
.sw_menu ul.sw_liststyle1-2 figure {
    position: relative;
    margin: 0 0 25px;
}
.sw_menu ul.sw_liststyle1-2 figure figcaption {
    position: absolute;
    top: -35px;
    left: 15px;
    color: #979790;
    font-size: 46px;
    font-weight: 300;
    font-style: italic;
    letter-spacing: 0.05em;
    z-index: 1;
}

.sw_treatment_menu ul {
list-style: none !important;
width:100%;
margin:0;
padding:0 !important;
/*display:-webkit-box;*/
display:-moz-box;
display:-ms-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin-top: 2%;
}

.sw_treatment_menu ul li {
float: left;
width: 24%;
line-height: 1;
border-radius: 2px;
position: relative;
text-align: center;
background: rgba(3, 86, 180, 0.3);
margin: 0 1% 50px 0;
/*border-radius: 50%;*/
margin: 0 1% 50px 0;
overflow: hidden;
}
/*.sw_treatment_menu ul li:nth-child(2n) {background:#e1f6fd;}
.sw_treatment_menu ul li:nth-child(2n+1) {background:#f2fafd;}
.sw_treatment_menu ul li:first-child {background:#fff; margin-bottom:0;}
.sw_treatment_menu ul li:first-child img {max-width: inherit;}
.sw_treatment_menu ul li:nth-child(4n) {margin-right:0;}*/
.sw_treatment_menu ul li img {
/*margin: 10px auto 0;
-webkit-filter: grayscale(1);
filter: gray;
filter: grayscale(1);
cursor: default;
width: 30%;
margin: 20px auto;*/
}

.sw_treatment_menu ul li a {
line-height: 1.5;
padding: 0px 0px 40px;
font-weight: 500;
text-decoration: none;
color: #423d36;
position: relative;
top: 10%;
}
.sw_treatment_menu ul li a span{
background: #423d36;
border-radius: 2px;
color: #fff;
font-weight: bold;
font-size: 1.1em;
padding: 3% 0;
line-height: 2;
display: block;
position: absolute;
bottom: 15%;
left: 0;
width: 100%;

}

.sw_treatment_menu ul li a:hover {
opacity:0.8;
}



.sw_treatment_menu {
width: 100%;
overflow: hidden;
}
.sw_treatment_menu div ul {
float: left;
margin-right:1.5%;
margin-bottom:15px;
padding-bottom: 8px;
width: 32%;
height: 280px;
list-style-type: none;
border-top:solid 2px #e9ebd1;
border-right:solid 1px #eeeeee;
border-bottom:solid 1px #eeeeee;
border-left:solid 1px #e9ebd1;
background-color: #fff;
}

.sw_treatment_menu div ul:nth-child(3n) {
margin-right: 0;
}
.sw_treatment_menu div ul li {
line-height: 1;
}
.sw_treatment_menu div ul li img {
margin-bottom: 8px;
}
.sw_treatment_menu div ul li a {
padding: 8px 0px 8px 35px;
font-size: 13px;
color: #666;
text-decoration:none;
background:url("../stinger7child/images/sw_treatment_menu_arrow.png") no-repeat 7% 50%;
background-size: auto 40%;
}
.sw_treatment_menu div ul li a:hover {
background-color: #e9ebd1;
}


.message {
/*margin: 20px 0 0 0;*/
padding:0;
/*border:solid 1px #f2f2f2;*/
width: auto;
/*background-color: #fff;*/
}
.message p {
color: #000;
}

.message a {
color: #000;
font-weight:500;
text-decoration: none;
/*background-color:#fff;*/
}
.message .message_inner {
margin: 0;
padding:0;
}

.message.message_01:hover a{
color: #555;
}
.message.message_01 .message_inner {
padding: 60px 30px 20px 300px;
background: url("../stinger7child/images/doctor-h1.png") left bottom no-repeat;
background-size: cover;
background-color: rgba(255, 255, 255, 0.7);
}

.message .message_inner .message_ttl {
font-size: 18px;
font-weight: 600;
}
.message .message_inner .message_name {
text-align: right;
font-size: 20px;
padding-bottom: 20px;
}
.message .message_inner .message_name span {
font-size: 80%;
}

.message .message_inner .message_body {
line-height: 1.6;
}

.message .message_inner .message_link {
text-align: right;
}

.message .message_inner .message_link:before {
position : relative ;
bottom : -0.16em ;
right: .2em;
content: url("../stinger7child/images/arrow.png") ;
}

iframe.indoor {width:100%;}

/*--------------------------------
ブログ一覧
---------------------------------*/

.kanren dd {
    padding-left: 160px;
}

#content h1.blog-title {
	background: none;
	color: #593f2e;
	text-shadow: none;
	padding: 10px 0;
	height: auto;
	width: 99%;
	margin-bottom: 10px;
	margin-left: 0;
	border-top: 1px solid #b29561;
	border-bottom: 1px solid #b29561;
}

#content h1.blog-title img {
	color: #593f2e;
	height: auto;
	width: 99%;
	margin: -10px 0;
	margin-left: 0;
	border: none;
	border-left: 1px solid #b29561;
	border-right: 1px solid #b29561;
}

#content.archiveBlog h3 a {
	/*background-color: #fff;*/
text-shadow: none;
  text-align: left;
  padding: 0;
  font-size: larger;
  font-family: 'YuGothic','游ゴシック体','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-Serif !important;
  font-weight: bold;
}

#content.archiveBlog .section p:last-child {
	margin-bottom: 0;
}

#side.side_blog .section {
	background-color: #F8F8F5;
	/*border: 2px solid #feefd1;*/
	padding: 10px;
	margin-bottom: 20px;
}

#side.side_blog aside h4 {
	padding: 0;
	color: #333;
	margin-bottom: 15px;
}

#side.side_blog aside ul li{
	margin-left: 10px;
	font-size: 14px;
	padding: 5px 0;
}

#side.side_blog aside ul li a {
	display: inline;
	color: #333;
	line-height: normal;
}

#side.side_blog aside ul li a:hover {
	text-decoration: none;
}

#side.side_blog aside ul li:before {
	content: '≫';
	display: inline;
	margin-left: -10px;
	margin-right: 5px;
}

#side.side_blog aside h4.pink {
	color: #d3054d;
}

#side.side_blog aside .section ul.tag {
	margin-left: -10px;
}

#side.side_blog aside .section ul.tag li {
	float: left;
	margin-bottom: 5px;
}

#side.side_blog aside .section ul.tag li:before {
	content: none;
}

#side.side_blog aside .section ul.tag li a {
	text-decoration: none;
	font-weight: bold;
	color: #fff;
	background-color: #74caeb;
	padding: 3px 5px;
	border-radius: 5px;
}

#side.side_blog aside .section ul.tag li a:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

#side.side_blog aside .section.banner {
	text-align: center;
	box-sizing: border-box;
	font-size: 13px;
}

#side.side_blog aside .section.banner img {
	width: 100%;
	margin-bottom: 5px;
}


/*--------------------------------
更新情報
---------------------------------*/
ul#news {
	margin-top: -20px;
	font-size: 14px;
	list-style: none;
	padding: 10px 0;
}

ul#news li {
	border-bottom: 1px solid #e1e1e1;
	padding: 10px;
	line-height: 2em;
}

ul#news li:first-child {
	border-top: 1px solid #e1ded7;
}

ul#news li .date {
	float: left;
	width: 100px;
}

ul#news li .ttl {
	float: left;
	/*width: 550px;*/
}

ul#news li .ttl a {
/*text-decoration: none;*/
}

ul#news li .red {
	color: #e64d2b;
	font-weight: bold;
}

ul#news li .important {
	color: #fff;
	font-weight: bold;
	background-color: #e64d2b;
	display: inline-block;
	padding: 0 3px;
	margin-right: 5px;
	border-radius: 3px;
}

/*--------------------------------
カテゴリページ
---------------------------------*/

#content ul.page_list {
	list-style: none;
	padding: 0;
}

#content ul.page_list > li {
	margin: 30px 0 40px;
}

/*--------------------------------
よくあるお問合せ
---------------------------------*/
.q_a .question:hover {
	cursor: pointer;
}

.q_a .answer {
	display: none;
}

/*--------------------------------
トップページブログ
---------------------------------*/

#topnews-box.blog h4 {
	text-align: center;
	color: #333;
}

#topnews-box.blog #blog .more {
	display: block;
	width: 120px;
	margin: 10px auto 0;
	font-weight: bold;
	color: #fff;
	background-color: #0059b2;
	text-align: center;
	text-decoration: none;
	padding: 15px 0;
}

#topnews-box.blog #blog .more:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}


/*------------トップページブログスライダーー-------------*/

	#blog_slider > li {
		width: 150px !important;
		margin-right: 14px;
		text-align: center;
	}

	#blog_slider > li .thumbnail {
		margin-bottom: 6px;
		height: 150px;
		background: url(images/no-img.png) center center no-repeat;
		background-size: contain;
		display: flex;
  		justify-content: center;
  		align-items: center;
    	overflow: hidden;
	}

	#blog_slider > li .thumbnail:hover {
		background:  #efece8;
	}

	#blog_slider > li .thumbnail img {
		max-height: 99%;
		max-width: 99%;
		margin: auto;
		vertical-align: middle;
		display: table-cell;
		border:1px solid #ccc;
	}

	#topblog-box .bloglink {
		margin-top: 20px;
	}
	#blog_slider2 > li {
		width: 150px !important;
		margin-right: 14px;
		text-align: center;
	}

	#blog_slider2 > li .thumbnail {
		margin-bottom: 6px;
		height: 150px;
		background: url(images/no-img.png) center center no-repeat;
		background-size: contain;
		display: flex;
  		justify-content: center;
  		align-items: center;
    	overflow: hidden;
	}

	#blog_slider2 > li .thumbnail:hover {
		background:  #efece8;
	}

	#blog_slider2 > li .thumbnail img {
		max-height: 99%;
		max-width: 99%;
		margin: auto;
		vertical-align: middle;
		display: table-cell;
		border:1px solid #ccc;
	}

/*--------------------------------
ブログ下層
---------------------------------*/
.post .diary-blog .blog-info {
	margin:20px 0;
	padding:20px;
	background:#f0faff;
	clear:both;
}


/*--------------------------------
フッター
---------------------------------*/

#sw_access {
	margin-top: 0;
	padding: 0;
	width: 100%;
}

#sw_access .sw_access_box {background:#423d36;overflow: hidden;}

#sw_access .sw_access_inner {
	margin: 0 auto;
	width: 1100px;
	overflow: hidden;
}

#sw_access iframe {
	float: left;
	width: 50%;
	height: 350px;
	border: none;
}

#sw_access .sw_access_info {
	color:#fff;
	float: left;
	padding: 50px 0 0 50px;
	overflow: hidden;
	text-align:left;
}
#footer #sw_access .sw_access_info p.access_ttl {font-size:1.5em;}
#footer #sw_access .sw_access_info p {margin-bottom:30px; font-size:0.9em;}
#footer #sw_access .sw_access_info a {color:#fff; background:url(./images/arrow01.png) left center no-repeat;padding-left: 25px;}
#footer #sw_access .sw_access_info a:hover {color:#fff; text-decoration:underline;}


#sw_access .sw_access_inner .sw_access_info .forgoogle {
}

#sw_access .sw_access_inner .sw_access_info .forgoogle a {
	text-decoration: none;
	color: #333;
}

#sw_access .sw_access_inner .sw_access_info .forgoogle a:before {
	position : relative ;
	bottom : -0.1em ;
	right: 0;
	content: url("./images/arrow01.png") ;
	margin-right: 5px;
}

/*リンク*/
.blog a.link {
background-image: none;
padding: 0 0 0 0;
line-height: 1em;
text-decoration: none;
color: #222;
}

.blog a.link:hover, .message .message_inner .message_link:hover,#sw_access .sw_access_inner .sw_access_info .forgoogle a:hover {
color: #423d36;
}

.blog a.link:before {
position : relative ;
bottom : -0.1em ;
right: .2em;
content: url("./images/arrow.png") ;
}

#sw_bottom_info {
width: 100%;
background-color: #fff;
}
#sw_bottom_info .sw_bottom_info_inner {
margin: 0 auto;
width: 1100px;
overflow: hidden;
}

#sw_bottom_info {
width: 100%;
}
#sw_bottom_info .sw_bottom_info_inner {
margin: 0 auto;
width: 1100px;
}
#sw_bottom_info .sw_bottom_info_box {
border-bottom: 1px solid #423d36;
margin: 0;
padding: 60px 0 20px;
width: 1100px;
overflow: hidden;
}
#sw_bottom_info .sw_bottom_info_box:last-child {border:none;}
#sw_bottom_info .sw_bottom_info_left ,
#sw_bottom_info .sw_bottom_info_left2{ float: left; }

#sw_bottom_info .sw_bottom_info_right ,
#sw_bottom_info .sw_bottom_info_right2 { float: right; text-align: left;font-size: 1em;
line-height: 1.8em;}
#sw_bottom_info .sw_bottom_info_left2 { width: 50%; text-align: left;}
#sw_bottom_info .sw_bottom_info_right2 { width: 46%; }

#sw_bottom_info .sw_bottom_info_right2 p {
	font-size: 0.9em;
	line-height: 1.8em;
	}

#sw_bottom_info .sw_bottom_info_logo {
width: 122px;
float: left;
margin: 0 40px 0 0;
margin: 5px 20px 0 0;
width: 70px;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
}

#sw_bottom_info .sw_bottom_info_name {
margin: 10px 0 0 ;
padding: 0;
width: auto;
font-size: 30px;
font-weight: 500;
line-height: 1;
text-align: left;
color: #222;
font-family: 'Hiragino Kaku Gothic ProN', '游ゴシック', YuGothic, 'メイリオ', Meiryo, sans-serif;
}


#sw_bottom_info p {
font-size: 14px;
line-height: 1.6;
margin-bottom: .8em;
color: #222;
}

#sw_bottom_info p.fb {
border-left: 3px solid #8BC34A;
font-weight: 600;
margin: 0 0 10px;
padding: 0 0 0 10px;
}
#sw_bottom_info .sw_bottom_info_left2 p.fb {margin: 30px 0 10px; }

#sw_bottom_info p.reservation {
margin: 0;
float: left;
line-height: 1;
font-size: 15px;
}

#sw_bottom_info .header-r_box {
float: left;
overflow: hidden;
padding: 5px 0 0;
}

#sw_bottom_info .header-r_box p {
clear: left;
}

#sw_bottom_info p.tel_number {
width: 260px;
padding: 8px 20px 6px 0;
}
#sw_bottom_info p.time_info {
font-size: .7em;
}

table.sw_tbl01 {
border-collapse:collapse;
border:none;
border-spacing:0;
border-top:  solid 1px #c0b4a7;
border-bottom:  solid 1px #c0b4a7;
width: 100%;
}
table.sw_tbl01 tr th {
box-shadow: none;
}


table.sw_tbl01 tr th ,
table.sw_tbl01 tr td {
padding: 3px;
vertical-align:middle;
border:none 0px #000;
border-top:  solid 1px #c0b4a7;
font-weight:normal;
text-align:left;
background-color: transparent;
}

table.sw_tbl01 tr th {
font-weight: normal;
}

table.sw_tbl01 tr td {
border-left: solid 1px #ccc;
}


#footer .footer-wbox {
	background-color:#f6f6f6;
	width: 100%;
	margin: 0 auto;
	padding: 40px;
}

.footer-wbox p {
	font-size: 12px;
	color: #222;
}


/*--------------------------------
コメントナビ
---------------------------------*/
.st-pagelink {
	text-align: center;
}

.st-pagelink .page-numbers {
	display: inline;
}

/*--------------------------------
その他
---------------------------------*/
.wp-pagenavi {
	text-align: center;
	margin-top: 30px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current, .wp-pagenavi a, .wp-pagenavi span {
	display: inline-block;
}


#s-navi .button {
	text-align: right;
	padding: 10px 0px;
	cursor: pointer;
}

#s-navi .button .op {
	font-size: 25px;
	color: #333;
	padding: 0px 10px;
}

#s-navi .acordion_tree {
	padding: 10px 0px;
	display: block;
}

#s-navi .acordion_tree ul {overflow:hidden;}


/*--------------------------------
	下層コンテンツ
---------------------------------*/

.btc {
	text-align: center;
}

.btc img {
	display: table-cell;
	margin-right:10px;
	text-align: center;
}


/*通常のテーブル*/
.post table {
	/*border: 1px #957948 solid;*/
    margin-bottom: 20px;
    width: 100%;
}

.w40 {
    width: 40%;
}
.w5 {
    width: 5%;
}
.w8 {
    width: 8%;
}

.w10 {
    width: 10%;
}

.w15 {
    width: 15%;
}

.w20 {
width: 20%;
}
.w25 {
    width: 25%;
}

.w45 {
width: 45% !important;
}

.w35 {
    width: 35%;
}
.w30 {
width: 30% !important;
}
.w70 {
    width: 70%;
}
table tr th {
    padding: 5px;
    background: #ebebe1;
    border-bottom-width: 1px;
    border-left-width: 1px;
   border-bottom-style: solid;
    border-left-style: solid;
    /*border-bottom-color: #423d36;
    border-left-color: #423d36;*/
    font-weight: normal;
    vertical-align: middle;
	box-shadow: 1px 1px 0 #fff inset;
	padding: 6px;
	text-align: center;
}
div.wpcf7 table tr th {
background: #f8f8f5;
color: #000;
}

table tr td {
    background: #fff;
    padding: 6px;
    /*border: 1px solid #B9004B;*/
	vertical-align: top;
}
.post table tr th {
    font-size: 1em;
    padding: 6px;
}

.post table tr td {
    font-size: 1em;
    line-height: 1.8em;
    padding: 6px;
}

.post table tr td:nth-child(1) {
    font-size: 1em;
    line-height: 1.8em;
    padding: 6px;
    background: #f8f8f5;
    text-align: left;
}

.pw-table tr td:nth-child(1) {
 background: none!important;
}

.post table tr td.left p {
    text-align: left !important;
    font-size: 0.9em;
    padding-left:1em;
	text-indent:-1em;
}
.post table p {
	margin-bottom:0 !important;
text-align: left;
}

/*枠無しのテーブル*/
.notab table tr td {
    border: none;
    text-align: center;
    vertical-align: top;
	width: 30%;
}

.notab table img {
	margin-left: 0;
}

.notab table tr td:nth-child(1) {
	 background: none;
	 text-align: center;
}

/*カスタマイズしたテーブルの画像枠とる*/

.p-table img,#pw-table img,#pd-table img,#a-table img,#r-table img {
	margin-left: 0;
	border:none;
width: 100%;
}

/*アクセスのテーブル*/
#a-table table {
  border-collapse: separate;
  width: 100%;
}
#a-table table th,
#a-table table td {
  padding: 10px;
  text-align: left !important;
}

#a-table table th {
background-color: #ebebe1;
width: 20%;
color: #000;
}

/*タイムテーブル*/
#t-table table{
	border-collapse: collapse;
	}
	
#t-table th,td{
	margin: 0;
	padding: 10px;
	text-align: center !important;
	}

/*リストの表示修正*/
.post ul {
    list-style-type: disc;
    padding-top: 0px;
    padding-right: 20px;
    padding-bottom: 0px;
    padding-left: 30px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.post ul.list {
    list-style-type: disc;
    list-style: none;
    margin-top: 0px;
}

.post img.center, img.center, .btn_close, .btn_close > span {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

/*ブログイメージの表示修正*/
.post .diary-blog img {
	border:none;
	width:auto;
	float: initial;
}

/*コンタクトフォーム*/
div.wpcf7 {
		width: 100%;
}

.wpcf7 label {
		width: 100%;
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0;
    width: 100%;
}

/*media Queries スマホサイズ
----------------------------------------------------*/
@media only screen and (max-width: 960px) {

#footer_top h2{
background: none;
padding: 0px;
max-width: 50%;
margin: 5px auto;
}
	.smanone {
		display: none !important;
	}

	.smatabnone {
		display: none!important;
	}

	.fix_nav { /* 非表示にしている右ナビゲーションボタン */
		display: none;
	}

	/*見出し*/
	.post h1 {
		margin: 0;
		padding: 6px 10px;
	    font-size: 1.3em;
	}

	h3, .post h3{font-size :20px;}
	.nav h3 {
		font-size : 100%;
		height: auto;
		background: none;
		line-height: 1.5em;
		border-left: 6px solid #f5b5b3;
		padding-top: 0;
	}

	/*スマホ　レイアウト*/
	main {
		margin: 0;
		padding: 0;
	}

	#content {
		margin: 0;
		padding: 0;
		width: 100%;
	}

	/* ヘッダー */
	header {background: #fff; }
	#header-l h1 {/*width: 80%; margin: 0 10%; */text-align: center;}
	#header-l h2.info {font-size:2.5vw;top: 8px; text-align: center;}
	#header-l h1 a .name {font-size:1.8em;padding-left: 0;}
	#headbox {
		width:100%;
		/*padding:0 0 30px ;*/
		overflow: hidden;
	}

	#header-l img {
		/*width: auto;
		margin: 0 auto;
		height: 26px;*/
	}

	/*アコーディオンメニューボタン*/
	.sb-toggle-right {
		color: #fff;
		font-size:25px;
		line-height: 23px;
		background:#423d36;
		display:block;
		float:right;
		height: auto;
		padding: 10px 10px 9px 10px;
		max-width: 20%;
		box-sizing:border-box;
		position: fixed;
		z-index: 9999;
		top: 0;
		right: 0;
	}

	.sb-toggle-right button {
		border: 1px solid #ccc;
	}

	/*アコーディオン コンテンツ*/
	.sb-slidebar {
		background-color: #fff!important;
z-index: 3!important;
	}

	.uehon a{
text-decoration: none;
/*background-image: url(./images/logo.png), url(./images/logo2.png);
background-size: 60px 60px, 50px 32px;
background-repeat: no-repeat, no-repeat;
background-position: left top, 98.7% 80%;*/
	}
	.sb-slidebar a img {margin:10px auto;}
	.side_blog a{
		text-decoration: underline;
	}

	.acordion_tree ul.menu li {
	float: left;
	font-size: 15px;
	padding: 10px 3% 0 3%;
	list-style:none;
	border-bottom: 1px solid #fff;
	width: 94%;
	background: #423d36;
	}
	.acordion_tree ul.menu li:last-child {padding-bottom:3%;}
	.acordion_tree ul.menu li li {background: #f5f5f5;padding-bottom:10px;}#sp_footer .uehon
	.acordion_tree ul.menu li li:last-child {padding-bottom: 10px;}
	.acordion_tree ul.menu li br {
		display: none;
	}

	#s-navi span {
    font-size: 0.7em;
    color: #222;
    /*margin-left:10px;*/
}

	#s-navi .acordion-nav li {
		border-bottom: 1px solid #fff;

	}

	#s-navi .acordion-nav li:last-child {
		border-bottom: 1px solid #fff;
		}

	#s-navi .children li {
			background: #e3e6cd;
			list-style:none;
			padding: 10px 10px;
			border-bottom: 1px solid #fff;
			margin-right: 5px;
		}

	#s-navi .uehon{
padding: 0 10px;
	}

	#s-navi .uehon p.tel_number {
		width: 80%;
		display:block;
		margin: 10px auto;
	}

	#s-navi .uehon p{
		font-size: 1em;
	}

	#s-navi span.ttl{
		font-size:1.2em;
		font-weight: bold;
		margin-left:0;
	}
	#s-navi .footer-nav {margin: 10px auto 20px;}
	#s-navi .footer-nav p {/*font-size:12px;*/}
	
	.acordion_tree ul.menu li .fa {float:left;line-height: 1.5em;}
	
	/*--------------------------------
	メインビジュアル
	---------------------------------*/
	/* メイン画像*/
	.st-main {
		/*height: 510px;*/
	}

	.st-main img {
		/*padding: 0;
		width: 100%;*/
	}

	.main_visual {
		height: auto;
	}


	/* メイン画像　コピー文*/
	.main_visual .bx-viewport li .catchcopy {
		position: absolute;
		top: 170px;
		left:2%;
		text-align: left;
		bottom: 0%;
		width: 100%;
	}

	.main_visual .bx-viewport li .catchcopy p {
		font-size: 1.3em;
		line-height: 1.5em;
		margin-bottom: 1em;
	}

	.main_visual .bx-viewport li .catchcopy span {
		font-size: 2em;
		line-height: 1.5em;
	}
	.main_visual li .catchcopy {
		position: absolute;
		top: 220px;
		left:2%;
		text-align: left;
		bottom: 10%;
		width: 100%;
	}

	.main_visual li .catchcopy p {
		font-size: 1.3em;
		line-height: 1.5em;
		margin-bottom: 1em;
	}

	.main_visual li .catchcopy span {
		font-size: 2em;
		line-height: 1.5em;
	}
	/*--------------------------------
	スマホフッター
	---------------------------------*/

	#sp_footer {
		margin-bottom: 0;
	}

	#sp_footer .news .inner {
		height: 38px;
		overflow: hidden;
		padding: 0 10px;
		margin: 0;
		width: 93.5%;
	}

	#sp_footer .news .ttl {
		display: none;
	}

	#sp_footer .news #move {
		float: none;
		position: relative;
		width: 100%;
	}

	#sp_footer .news #move p {
		padding: 5PX;
		margin: 0;
		position: absolute;
		text-align: left;
		height: 100%;
		width: 100% !important
	}

	#sp_footer .news #move p a {
		color: #fff;
		text-decoration: none;
		padding-top: 1.5%;
	}

	/*#sp_footer .news .date {
		display:none;
	}*/

	#sp_footer .info {
		padding: 10px;
	}

	#sp_footer .info p {
		margin-bottom: 0;
		line-height: 1.3;
	}

	#sp_footer .info .ttl {
		font-size: 1em;
		font-weight: bold;
		float: left;
		padding: 0 0 5px 5px;
		color: #333;
	}

	p.reservation {
		margin: 0;
	}

	#footer p.reservation a {
		padding: 8px 0;
		text-align: center;
		background-size:auto 40% ;
		color:#fff;
	}

	#sp_footer .info .business_day {
		font-size: 0.8em;
		padding: 2px 0;
		color: #333;
	}

	#sp_footer .banner a.tel {
		background: none;
		border: none;
		width: 50%;
		float: right;
font-size: 25px;
text-decoration: none;
	}

	#sp_footer .uehon{
		background-color: #fff9edb3;
	}
	
	#sw_access iframe { width: 100%;}
	#sw_access .sw_access_info {padding:5%;}
	#footer #sw_access .sw_access_info p {margin-bottom: 1em;}
	
	.sw_first , .sw_pregnant , .sw_handy{
	margin: 0 0 15px;
	line-height: 1;
	text-align:center;
	width: 80%;
	margin: 0 10% 2%;
	}
	
	#s-navi dl.acordion p.sw_first {margin: 0 10% 2%; clear: both;}
	.sw_first a,.sw_pregnant a,.sw_handy a,#footer .sw_first a,#footer .sw_pregnant a,#footer .sw_handy a {
	padding:15px 5px 15px 40px;
	border:solid 1px #654a20;
	border-radius: 5px;
	font-weight: 500;
	font-size:1em;
	text-decoration: none;
	letter-spacing: -0.01em;
	color: #654a20;
	}
	.sw_first a,#footer .sw_first a {background:url("./images/wakaba.png") 15% center no-repeat;}
	.sw_first a:hover,#footer .sw_first a:hover {background-color: #fff9ed;opacity:0.8;color: #423d36;background-position: 15% center;}
	.sw_handy a,#footer .sw_handy a {background:url("./images/s.png") 15% center no-repeat;}
	.sw_handy a:hover,#footer .sw_handy a:hover {background-color: #fafff4;opacity:0.8;color: #00bf59;background-position: 15% center;}
	.sw_pregnant a,#footer .sw_pregnant a { border:solid 1px #f44f91; color: #f44f91;background:url("./images/icon_pregnant.svg") 15% center no-repeat; padding:15px 1px 15px 30px;}
	.sw_pregnant a:hover,#footer .sw_pregnant a:hover { background-color:#fff8fb; color: #f44f91;background-position:15% center;}
	.sw_sidebox {margin: 0 0 20px;padding: 15px;border: solid 8px #f6f6f6;background-color: #fff;font-weight: 500;}
	

	/*--------------------------------
	パンくず
	---------------------------------*/
	#breadcrumb {
		margin: 0;
		padding: 10px;
		box-sizing: border-box;
		word-break: break-all;
		width: 100%;
	}

	/*--------------------------------
	HOME コンテンツ
	---------------------------------*/

	/* キャンペーンバナー*/
	.sw_area1 {
		margin: 0 auto;
	}

	.sw_area1 ul {
		list-style: none;
		overflow: hidden;
		border:none;
	}
	.sw_area2 ul li:nth-child(2),.sw_area2 ul li:nth-child(3) {
		/*margin-bottom: 2.4%;*/
	}

	.sw_area1 ul li img , .sw_area2 ul li img{
		width: 100%;
		height: auto;
		/*margin-bottom: 5px;*/
	}

	/* コンテンツ本文*/
	.sw_menu,	.sw_treatment_menu,	.access {
		width: 100%;
		margin: 0 auto;
/*background: #d4f2ff;*/
	}

	.sw_treatment_menu h3 {
		margin-top: 20px;
	}

	.sw_menu ul.sw_liststyle1 {
		list-style: none;
		width: 100%;
	}

	.sw_menu ul.sw_liststyle1 li {
		width: 49%;
		height: auto;
		margin-bottom: 10%;
		padding: 0;
	}
	.sw_menu ul.sw_liststyle1-2 {
		list-style: none;
		width: 100%;
	}

	.sw_menu ul.sw_liststyle1-2 li {
		width: 80%;
		height: auto;
		margin-bottom: 10%;
		padding: 0 10%;
	}
	.sw_treatment_menu div ul {
		width: 47%;
		height: auto;
	}

	ul.sw_liststyle3 {
		width: 100%;
		height: auto;

	}

	ul.sw_liststyle3 li {
		font-size: 1em;
		width: 49%;
		margin-right: 2%;
	}

	ul.sw_liststyle3 li:nth-child(2n),ul.sw_liststyle3 li:nth-child(10) {
		margin-right:0;
	}
	.sw_treatment_menu ul li:nth-child(5){
		margin-right: 2%;
	}

	.message.message_01 .message_inner {
		margin: 0;
		padding:60px 4% 0 0;
		background-size: contain;
		background-position:0 0;
	}
	.message .message_inner .message_ttl{padding-left: 40%;}

	.message .message_inner .message_body {
		line-height: 1.6;
		padding:2% 0 20px 5%;
	}
	.message .message_inner .message_body+p {padding:0 0 20px 5%;}
	.message .message_inner .message_body,.message .message_inner .message_body+p {background:rgba(255,255,255,.7);margin-bottom: 0;}


	/*--------------------------------
	フッター
	---------------------------------*/
	#footer {
		margin:0;
		padding:0 !important;
	}

	#sw_access .sw_access_inner {
		margin: 0 auto;
		width: 100%;
		overflow: hidden;
		padding: 0 10px;
	}

	#sw_access .sw_access_inner iframe {
		width: 100%;
		height: 300px;
		border: none;
	}

	#sw_access .sw_access_inner .sw_access_info {
		width: 100%;
	}
	
	#sw_access .acordion_tree {margin-top:20px;}

	/* 医院情報 */
	#sw_bottom_info {
		width: 95%;
		padding: 0 10px;
		margin: 0 auto;
	}

	#sw_bottom_info .sw_bottom_info_inner {
		width: 100%;
		overflow: hidden;
	}

	#sw_bottom_info .sw_bottom_info_box {
		margin: 0 2.5%;
		padding: 30px 0;
		width: 95%;
		overflow: hidden;
	}

	#sw_bottom_info hr {
		width: 95%;
	}

	#sw_bottom_info .sw_bottom_info_right ,
	#sw_bottom_info .sw_bottom_info_right2 { text-align: left;font-size: 1em;
	line-height: 1.8em;}
	#sw_bottom_info .sw_bottom_info_left2 { width: 100%; }
	#sw_bottom_info .sw_bottom_info_right2 { width: 100%; }

	#sw_bottom_info .sw_bottom_info_right2 p {
		font-size: 0.9em;
		line-height: 1.8em;
		}
	#sw_bottom_info .sw_bottom_info_logo {max-width:20%; margin-right:10px; /*padding-top:10px;*/}
	
	#sw_bottom_info p {
	line-height: 1.6;
	margin-bottom: .8em;
	}

	#sw_bottom_info p.fb {
	font-weight: 600;
	margin-bottom: 5px;
	}

	#sw_bottom_info p.tel_number {
	width: 80%;
	padding: 20px 0;
	margin:0 auto;
	display:block;
	}

	#sw_bottom_info p.time_info {
		font-size: .7em;
	}

	#sw_bottom_info p.reservation {
		margin: 0 auto;
		font-size: 15px;
		width: 100%;
		padding: 0;
		display:block;
	}
	#sw_bottom_info p img,.footer-nav img {margin:0 auto;}

	#footer .footer-wbox {
	width: 100%;
	margin: 0 auto;
	padding: 20px 0;
	display:block;
}


	/*フッターナビ*/
	.footer-nav {text-align:left;}
	
		
	/*PAGE TOP*/
	#page-top a {
		padding: 10px;
		line-height: 12px;
    	width: 3.5em;
	}



	/*------------トップページブログスライダーー-------------*/
	ul#news li .date {
		width: 100%;
		float: none;
		margin-bottom: 5px;
	}

	ul#news li .ttl {
		float: none;
		width: 100%;
	}

	#blog_slider > li {
		width: 150px !important;
		margin-right: 15px;
	}

	#blog_slider > li .thumbnail {
		margin-bottom: 6px;
		height: 150px;
	}

	#blog_slider > li .thumbnail img {
		max-height: 180px;
		margin: 0 auto;
	}

	#topblog-box .bloglink {
		margin-top: 12px;
	}
	#blog_slider2 > li {
		width: 150px !important;
		margin-right: 15px;
	}

	#blog_slider2 > li .thumbnail {
		margin-bottom: 6px;
		height: 150px;
	}

	#blog_slider2 > li .thumbnail img {
		max-height: 180px;
		margin: 0 auto;
	}


	/*------------下層ページ------------*/

	.post img {
	    width: 100%;
	    margin: 0 0 10px 0;
	}

	.post img.post-main {
		margin:0 1% 10px .5%;
		width: 98%;
	}

	.post table {
	    width: 100%;
	}
	.post table tr:nth-child(2n) {
    /* background: none;*/
    }

	.post table.sw_tbl01 tr td { display: table-cell;}

	#r-table table,#w-table table,.p-table table ,#pw-table table ,#pd-table table  {
	width: 100%;
	border:none;
	padding: 10px;
	}

	#r-table thead,#w-table thead,.p-table thead,#pw-table thead,#pd-table thead {
		display: none;
		}
	#r-table tr,#w-table tr ,.p-table tr ,#pw-table tr ,#pd-table tr {
	    display: block;
	    padding: 8px;
}
#r-table td,#w-table td,.p-table td,#pw-table td,#pd-table td {
    display: block;
        text-align: left !important;
}


/* tdのデザイン */
#r-table td:nth-of-type(1),#w-table td:nth-of-type(1),.p-table td:nth-of-type(1),#pw-table td:nth-of-type(1),#pd-table td:nth-of-type(1)  {
}


.post table.p-table tr td:nth-child(1) {background:#fff;}

/*td:beforeのデザイン*/
#r-table td:before,#w-table td:before ,.p-table td:before ,#pw-table td:before ,#pd-table td:before {
    background-color: #caf8ca;
    color: #333;
    display: block;
    padding: 5px;
}
table tr td {
border: 1px solid #ccc;
}	
/* インコグニトタイトルを追加 */
#i-table td:nth-of-type(2):before { content: "【WIN・インコグニト】";background: pink;}
#i-table td:nth-of-type(3):before { content: "従来（既製品）の舌側装置";background: #e5ffd0;}

/* インプラントタイトルを追加 */
#r1-table td:nth-of-type(3):before { content: "材質";display: block;background: azure;}
#r1-table td:nth-of-type(4):before { content: "見た目";display: block;background: azure;}

/* 料金表タイトルを追加 */
/*.p-table td:nth-of-type(1):before { content: "材料";}*/
.p1-table td:nth-of-type(2):before { content: "イメージ";display: block;background: #edf7db;}
.p1-table td:nth-of-type(3):before { content: "治療費が安い";display: block;background: #edf7db;}
.p1-table td:nth-of-type(4):before { content: "通院回数が少ない";display: block;background: #edf7db;}
.p1-table td:nth-of-type(5):before { content: "治療期間が短い";display: block;background: #edf7db;}
.p1-table td:nth-of-type(6):before { content: "装置が目立たない";display: block;background: #edf7db;}
.p1-table td:nth-of-type(7):before { content: "装置取り外し可能";display: block;background: #edf7db;}
.p1-table td:nth-of-type(8):before { content: "違和感が少ない";display: block;background: #edf7db;}	
.p1-table td:nth-of-type(9):before { content: "痛みが少ない";display: block;background: #edf7db;}
.p1-table td:nth-of-type(10):before { content: "金属アレルギー可能";display: block;background: #edf7db;}
.p1-table td:nth-of-type(11):before { content: "どの症例にも可能";display: block;background: #edf7db;}

#pw-table td:nth-of-type(2):before { content: "内容";}
#pw-table td:nth-of-type(3):before { content: "価格";}

#pd-table td:nth-of-type(2):before { content: "イメージ";}
#pd-table td:nth-of-type(3):before { content: "内容";}
#pd-table td:nth-of-type(4):before { content: "価格";}

#pd-table td.naiyo:before { content: "内容"!important;}
#pd-table td.kakaku:before { content: "価格"!important;}

/* 料金表の画像の大きさ修正 */
.p-table img,#pw-table img,#pd-table img,#r-table img {
width: 20% !important;
float: none !important;
margin: 0 auto;
}

	/* アクセスのテーブル */
	#a-table  table {
		border-collapse: collapse;
	    border-top: none;
	    width: 100%;
	}
	#a-table  table td {
		display: block;
		text-align: left;
		border: none;
		width: 97%;
		
	}
	#a-table  table th {
		display: block;
		text-align: left;
		border-left: none;
		border-right: none;
	    width: 97%;
	}

	/* タイムテーブル */
	#t-table table{
		display: block;
		position: relative;
		width: 98%;
		border: none;
	}

	#t-table table thead{
		display: block;
		float: left;
	}

	#t-table table tbody{
		display: block;
		width: auto;
		position: relative;
		overflow-x: auto;
		white-space: nowrap;
	}

	#t-table table thead tr{
		display: block;
	}

	#t-table table th{
		display: block;
		font-size: 0.9em;
	}

	#t-table table tbody tr{
		display: inline-block;
		vertical-align: top;
	}

	#t-table table td{
		display: block;
		font-size: 0.9em;
		line-height: 2em;
		padding: 10px 5px;
	}

	/* borderの調整 */
	#t-table th{
		border-bottom: 0;
		border-right: 0;
	}



	/*------------下層ページサイトマップナビ-------------*/

	#pagelink ul li {
			background: url(./images/link.png) 0 .5em no-repeat;
			padding: 0 0 5px 12px;
			display: inline-block;
			font-weight: bold;
	}

	.ybox {
		float: left;
				width: 100%;
	}

	#mbox {
		float: left;
	}

	#mbox img{
		border:none;
		margin-top:0!important;
		margin-left: 155px;
		transform: rotateZ( 90deg );
		width: 30%!important;
	}

	/*------------ブログページ-------------*/

	#side.side_blog {
		width: 100%;
	}

	#side.side_blog	.heading,
	#side.side_blog	.site {
		text-align: center;
	}

	#side.side_blog	.heading img {
		display: inline;
	}
	
/*------------ブログ表示修正-------------*/

	.kanren dt {
	margin-right: 10px;
	width: 100px;
}

.kanren img {
	width: 100px;
}

.kanren dd {
    padding-left: 110px;
}

.kanren .info .date {
   	width: 100%; 
}

.kanren .info .tags{
	margin:0 0 0 -10px;
	padding:5px 0;
}

#content.archiveBlog h3 a {
	padding:10px 0 0;	
}


	/*------------サイドバー-------------*/

	#side {
		width: 100%;
	}

	#side #mybox {
		width: 100%;
	}

	#side #mybox img  {
		display: inline;
		width: 100%;
	}
}





/*media Queries タブレットサイズ
----------------------------------------------------*/
@media only screen and (max-width: 960px) and (min-width: 500px) {

	.tabnone {
		display: none;
	}

	.smanone {
		display: block;
	}

	#st-header.smanone {
		display: none;
	}

	#st-header.tabnone {
		display: block;
		margin-bottom: 10px;
	}

	/*タブレット　レイアウト*/
	main {
		margin: 0;
		padding: 0 10px;
	}

	#contentInner {
		width: 100%;
		box-sizing: border-box;
	}

	/* ヘッダー */
	#headbox {
		width:100%;
		padding: 0 0 30px;
		overflow: hidden;
	}
 .home #header-l img {
    width: 10% !important;
    margin: 1% !important;
  }
.menu__sns {
	top: 60px;
  }
	#header-l h2.info {font-size:10px;top: 8px; text-align: center;}

	#sp_footer .news #move p a {padding-top:0; }
	/*--------------------------------
	メインビジュアル
	---------------------------------*/
	/* メイン画像*/
	.st-main {
		/*height:650px;*/
	}

	.st-main img {
		/*padding: 0;
		width: 100%;*/
	}

	.main_visual {
		height: auto;
	}

	/* メイン画像　コピー文*/
	.main_visual .bx-viewport li .catchcopy {
		position: absolute;
		/*top: 400px;*/
		 font-size: 1.3em;
	}

	.main_visual .bx-viewport li .catchcopy p {
		font-size: 1em;
margin: 10px 30px 20px 10px;
	}
	.main_visual li .catchcopy {
		position: absolute;
		top: 400px;
		 font-size: 1.3em;
	}

	.main_visual li .catchcopy p {
		font-size: 1em;
margin: 10px 30px 20px 10px;
	}

	/*--------------------------------
	お知らせ（スマホフッター）
	---------------------------------*/
	#sp_footer {
		margin-bottom: 0;
	}

	#sp_footer .news .inner {
		height: 2.5em;
		margin: 0;
		padding: 0;
	    width: 100%;
	}

	#sp_footer .news {
		padding: 0;
	}

	#sp_footer .news .ttl {
		background-position: 5px 50%,right 0;
		display: block;
		height: 2.5em;
		padding: 0;
		width:25%;
	}

	#sp_footer .news #move {
		float: left;
		width: 70%;
		padding: 0 10px;
	}

	#sp_footer .news .ttl p,#sp_footer .news #move p a {
		line-height:2.5;
		color:#fff;
	}

	/* 医院情報 */
	#sp_footer .info {
		display: table-cell;
		width: 10%;
	}

	#sp_footer .info .ttl {
		font-size: 1.2em;
		float: left;
		padding-left: 10px;
		color: #333;
	}

	p.reservation a {
		float:right;
		padding: 8px 0 8px 5%;
		text-align: center;
		background-size:auto 40% ;
		width:45%;
		font-size: 14px;
	}

	#sp_footer .info .business_day {
		font-size: 0.9em;
		padding: 2px 0;
		color: #333;
		width: 45%;
		float:left;
	}

	#sp_footer .banner a.tel {
		/*width: 30%;*/
		padding: 5px 10px;
		float: right;
text-decoration: none;
	}

	/*アコーディオン コンテンツ*/
	#s-navi .uehon{
		margin: 5px 0;
		padding: 10px;
		height:auto;
		overflow: hidden;
	}

	#s-navi .uehon p {
		/*width: 45%;*/
		display:block;
		/*float:left;*/
		padding: 0 1%;
	}
	#s-navi .uehon p.reservation a {width:95%;font-size: 12px;background-size: auto 30%;}

	#s-navi .uehon p.tel_number {
		width: 50%;
		display:block;
		margin: 10px auto;
		float:right;
	}

	#s-navi span{
		font-weight: bold;
	}

	#footer-in {
		width: 100%;
		padding: 0;
		margin: 0;
	}


	/*--------------------------------
	HOME コンテンツ
	---------------------------------*/
	.sw_menu h3 ,
	.sw_treatment_menu h3 ,
	.blog h3 ,
	.access h3 {
		/*margin: 40px 0 0;
		padding: 28px 0 18px 50px;*/
	}

	.sw_maincatch p br {
		display: none;
	}

	.sw_area1 ul li {
		/*width: 50%;*/
		float: left;
		font-size: 1.9vw;
	}

	.sw_area1 ul li img {
		margin: 0;
	}

	.sw_menu ul.sw_liststyle1 li {
width: 40%;
margin: 0 5% auto;
		margin-bottom: 30px;
		padding:0;
	}

	.sw_menu ul.sw_liststyle1 li a span.sw_menu_ttl {
		font-size:1em;
	}
	.sw_menu ul.sw_liststyle1-2 li {
		width: 30%;
		margin-right: 5%;
		margin-bottom: 30px;
		padding:0;
	}

	.sw_menu ul.sw_liststyle1-2 li a span.sw_menu_ttl {
		font-size:1em;
	}
	.sw_area2 ul li .flow-text {margin: 5% 0 14px;}

	#sw_access {
    	margin-top: 0;
    	padding: 0;
    	width: 100%;
	}
	
	#sw_access iframe {width: 100%;}
	#sw_access .sw_access_info {padding:5%;}
	#sw_bottom_info {
		width: 95%;
		padding: 0 20px;
	}

	#sw_bottom_info p.reservation a {
		margin: 0 15%;
		font-size: 15px;
		width: 70%;
		display:block;
		color:#fff;
	}

	.contact {
		overflow: hidden;
		margin-bottom: 30px;
	}

	.contact img {
		width: 100%;
	}

	.contact a {
		float: left;
		width: 50%;
	}

	.content {
		width: 100%;
	}

	.content p{
		width: 100%;
		padding: 10px;
	}

	.content img{
		float: right;
		margin: 0 0 90px 10px;
	}

	ul.sw_liststyle3 li,ul.sw_liststyle3 li:nth-child(2n), ul.sw_liststyle3 li:nth-child(10),.sw_treatment_menu ul li:nth-child(5) {width: 48%; margin-right:1%; margin-left:1%;}

	#topnews-box {
		width: 100%;
	}

	.shop.shin,
	.shop.uehon {
		display: none;
	}

	


	/*------------サイドバー-------------*/

	#side #mybox:after {
		content: "";
		display: block;
		clear: both;
	}

	#side .execphpwidget .left {
		width: 50%;
		float: left;
	}

	#side .execphpwidget .right {
		width: 50%;
		float: right;
	}

	#side .execphpwidget .right a:first-child img {
		margin-top: 9px!important;
	}

	/*------------下層ページ------------*/

	.post img {
	    width: 300px;
	    margin-left: 10px;
	    float: right;
	}

	.ybox {
		float: left;
		width: 30%;
	}

	#mbox {
		float: left;
	}

	#mbox img{
		border:none;
		margin-top: 60px;
		margin-left: 30px;
		transform: rotateZ( 0deg );
		width: 40%;
	}
	.post table.t-case tr td {width:initial; display: table-cell;}


/*-- ここまで --*/
}
@media only screen and (min-width: 1200px) {
#contentInner {
    width: 77% !important;
}
}
/*media Queries PCサイズ
----------------------------------------------------*/
@media only screen and (min-width: 961px) {

	.tabnone {
		display: none;
	}

	.pcnone{
		display: none !important;
	}

	.shin {
		display: none;
	}

	.uehon {
		display: none;
	}

	.main_visual.sp {
		display: none;
	}

#contentInner {
    width: 77%;
}
/*--------------------------------
PCのHOME レイアウト
---------------------------------*/

	#wrapper {
		max-width: none;
		padding: 0;
	}

	#sb-site {
		transform:none!important;
	}

	#content {
		max-width:1200px;
	}

	#contentInner {
		margin-right: 0;
		float: left;
		/*max-width: 980px;*/
margin-left: 5px;
	}

	main {
		margin: 0 ;
		border-radius: 4px;
		padding: 0;
		position: relative;
	}

	#side aside {
		position: static!important;
		float: right;
		width: 250px;
		padding: 0 ;
		margin-top: 0;
		margin: 0;
	}

	/* コンテンツ*/
	.content p{
		padding: 10px 0 0 10px;
	}

	.content img{
		float: right;
		margin: 0 0 30px 10px;
	}

	.sb-toggle-right {
		display: none;
	}


	.post img {
			margin: 0 0 20px 30px;
			float:right;
			width: 35%;
	}

	img.post-main {
		margin-left:0;
		width: 99% !important;
		margin: 0 auto 10px;
		display: block;
border: none;
	}
	
	img.w164 {
		height:220px;
		width: 164px;
	}
  .post img.w45 {
    width: 45%;
  }	
	.post img.w25 {
		width: 25%;
	}
	.post img.w20 {
		width: 20%;
	}
	.post img.w10 {
		width: 10%;
	}

	/*--------------------------------
	グローバルナビ
	---------------------------------*/
	#gnav2 {
		position: relative;
		/*padding: 13px 0 0;*/
		width: 1200px;
		height: auto;
		margin: 0 auto;
		text-align: center;
	}

	#gnav2 * {
	}

	#gnav2 ul {
		list-style:none;
		margin: 0 auto;
		width: auto;
		height: 40px;
		/*background-image: url("./images/line_navi01.png");*/
		background-repeat: no-repeat;
		background-position: right top;
		background-size:auto 100%;
		padding:0;
		justify-content: center;
align-items: center;
/*display: flex;*/
	}

	#gnav2 ul li {
		/*background-image: url("./images/line_navi01.png");*/
		background-repeat: no-repeat;
		background-position: left top;
		background-size:auto 100%;
		float: left;
		height: 100%;
		width: 160px;
		/*padding-left:14px;
		box-sizing:border-box;
border-right: 1px dotted #d4f2ff;*/
	}

	.clearText {
		text-indent:100%;
		white-space:nowrap;
		overflow:hidden;
	}


	#gnav2 ul li a {
		/*padding: 10px 0 0 0;
		font-weight: 500;
		color: #fff;
		line-height: 1.1;*/
		padding: 0;
		text-decoration: none;
		height: 100%;
		width: 100%;
		transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
		z-index:2;
/*padding: 5px 0px;*/
}
	}

	#gnav2 ul li a:hover {
		margin-top:3px;
	}
	#gnav2 ul li li, #gnav2 li li:first-child a{background-image:none;}
	#gnav2 ul.menu li li a{
		background-color: rgba(255,255,255,.95);
		border-top:#ccc dotted 1px;
		z-index:12;
padding: 0px;
font-family:'Hiragino Kaku Gothic ProN', '游ゴシック', YuGothic, 'メイリオ', Meiryo, sans-serif;
color: black;
line-height: 18px;
padding: 10px;
text-align: left;
	}

	#gnav2 ul.sub-menu {
		position:absolute;
		top: 40px;
		z-index:10;
		width: 180px;
		height: auto;
		background-image:none;
		box-shadow: 0 2px 2px #6f6f6f;
	}

	#gnav2 ul.sub-menu li {
		width: 100%;
		padding-left: 0;
		font-weight:500;
	}

	#gnav2 ul.sub-menu li a {
		width: 100%;
		padding: 10px 0;
		text-indent: 0;
	}

	#gnav2 ul.sub-menu li a:hover {
		margin-top:0;
		background-color: #bbb;
		color:#fff;
	}


	/*--------------------------------
	お知らせ（スマホフッター）
	---------------------------------*/
	#sp_footer .news .inner {
    width: 100%;
	}


	/*--------------------------------
	HOME コンテンツ
	---------------------------------*/

	.sw_maincatch p br {
		display: none;
	}

	#sw_bottom_info p.tel_number {
	    float: left;
	}

	/*--------------------------------
	右カラム
	---------------------------------*/
	#side {
	float: right;
	/*width: 250px;*/
	padding: 0px;
	/*margin: 0 20px 0 0;*/
width: 21%;
	}

	#side aside { width: 250px; }
	#side aside p.f80 { font-size: 80%; }
	#side aside p.f100 { font-size: 100%; }
	#side aside p.f125 { font-size: 125%; }
	#side aside p.mb5 { 
margin-bottom: 5px; 
text-align: center;
margin: 0;
font-size: 18px !important;
color: #656046;
border-bottom: 1px solid;
}
	#side aside p.mb10 { margin-bottom: 10px; }
	#side aside p.mb0 { margin-bottom: 0px; }
	#side aside .pb10 { padding-bottom: 10px; }
	#side aside .pb20 { padding-bottom: 20px; }


	#side .sw_first ,#side .sw_pregnant,#side .sw_handy{
	margin: 0 0 15px;
	line-height: 1;
	text-align:center;
	}
	#side .sw_first a,#side .sw_pregnant a,#side .sw_handy a {
	padding:15px 5px 15px 40px;
	border:solid 1px #8BC34A;
	border-radius: 5px;
	font-weight: 500;
	font-size:1em;
	text-decoration: none;
	letter-spacing: -0.01em;
	color: #0994de;
	}
	#side .sw_first a {background:url("./images/icon_beginner.svg") 15% center no-repeat;}
	#side .sw_first a:hover {
	background-color: #f4fff8;
	opacity:0.8;
	color: #009ee7;
	background-position: 15% center;
	}
	#side .sw_handy a {background:url("./images/s.png") 15% center no-repeat;}
	#side .sw_handy a:hover {
	background-color: #f4fff8;
	opacity:0.8;
	color: #009ee7;
	background-position: 15% center;
	}
	#side .sw_pregnant a { border:solid 1px #f44f91; color: #f44f91;background:url("./images/icon_pregnant.svg") 4% center no-repeat; padding:15px 1px 15px 30px;}
	#side .sw_pregnant a:hover { background-color:#fff8fb; color: #f44f91;background-position:4% center;}
	#side .sw_sidebox {
	/*border: double 4px #efdebd;*/
margin: 0 0 20px;
padding: 5px;
	font-weight: 500;
border: solid #eff0e8 2px;
	}
	#side .sw_sidebox img {
	width: 100%;
	height: auto;
	}
	#side .sw_sidebox p {
	margin-bottom: 1.1em;
	font-size: .9em;
	line-height: 1.8em;
text-align: center;
margin: 10px;
	}

	#side .sw_sidebox p.reservation {
margin: 15px 0 0;
line-height: 1em;
text-align: center;
font-size: 1em;
background:#555;
	}
	#side .sw_sidebox p.reservation a,#sw_bottom_info p.reservation a {
padding: 10px 0;
font-weight: 600;
text-decoration: none;
color: #fff;
background: none;
	}
	#side .sw_sidebox p.reservation a:hover,#sw_bottom_info p.reservation a:hover {
	/*background-color: #A58365;*/
	opacity:0.8;
	}
	#side .sw_sidebox p.reservation a:after{content:none;}

	#side .lady a {
	margin: 0;
	padding:0;
	line-height: 1;
	text-align:center;
	border-bottom:none;
	}

	#side .lady a:hover {
	opacity:0.8;
	}

	#mybox h4 ,
	#side aside h4.menu_underh2 {
font-size: 1em;
margin: 0px;
padding: 5px 0 0;
font-weight: 600;
line-height: 1em;
/*color: #000;*/
background: #fff;
    background-color: rgba(0,70,128,0.9);
    background-size: auto auto;
margin: 0px;
padding:.75rem;
text-align: center;
background: #666146;
}
}

	#mybox ul li ul {
	margin: 0 !important;
	}
	#mybox ul li ul li a {
	position: relative;
	margin: 0;
	padding:12px 0 12px 15px;
	border-bottom: solid 1px #ddd;
	font-size: 0.9em;
	font-weight: normal;
	line-height: 1;
	color: #222;
	text-decoration: none;
	background-image: none;
	font-weight: 500;
	display: block;
	}

	#mybox ul li ul li a:after {
	content: url("./images/arrow02.png") ;
	  position: absolute;
	  top: 50%;
	  right: 10px;
	  margin-top: -5px;
	}

	#mybox ul li ul li .sw_first a:after,#mybox ul li ul li .sw_pregnant a:after,#mybox ul li ul li .sw_handy a:after{
	content:none;
	}

	#mybox ul li ul li a:hover {
	text-decoration: none;
	background-color:#fafff4;
	color: #222;
	}


	
	/*pagelink*/
	#pagelink ul{width: 630px; padding-left: 10px; }
	#pagelink ul li{background:url("./images/link.png") 0 .5em no-repeat;padding:0 0 5px 12px;display:inline-block;font-weight:bold;}
	#pagelink ul li {margin-right: 300px; }
	#pagelink ul li ul{padding:5px 0 5px 0;}
	#pagelink ul li ul li{background-image:url("./images/link2.png");padding:0 1.2em 0 12px;font-weight:normal;}
	#pagelink ul li ul li{ margin-right: 0px; }


	/*カテゴリー一覧のリンク修正*/
	#sitemap_list ul#sitemap_list:first-child {
		pointer-events:none;
		cursor: default;
	}

	#sitemap_list ul#sitemap_list:first-child a{
		text-decoration: none;
	}


	#sitemap_list .children ul {
		pointer-events:initial;
	}

	#sitemap_list .children li {
		pointer-events:initial;
		text-decoration: underline;
	}


	/*--------------追従ナビ--------------*/
	.fix_nav {
		position: fixed;
		right: 20px;
		top: 30%;
		z-index: 10;
	}

	.fix_nav ul {
		list-style: none;
	}

	.fix_nav ul li {
		margin-bottom: 10px;
	}

	.fix_nav ul li a {
		background-image: url(./images/icn.png);
		display: block;
		height: 40px;
		width: 40px;
		text-align: center;
		text-decoration: none;
		font-weight: bold;
		color: #7c9d1f;
		padding-top: 8px;
		box-sizing: border-box;
	}

	.fix_nav ul li a:hover {
		opacity:0.8;
		filter: alpha(opacity=80);
		-ms-filter: "alpha( opacity=80 )";
	}

	.fix_nav ul li img {
		display: inline;
	}

	/*--------------その他--------------*/
	.view01 img {
		margin-right: 20px;
	}
}

@media only screen and (max-width: 640px) {
.sw_area2 ul li {width: 100%;}
.sw_area2 ul li .flow-ttl {padding:0;}
.sw_area2 ul li .flow-ttl {text-shadow: white 2px 1px 0.7px;color: #000;}
.sw_area2 ul li .flow-text {margin: 20px 0 0;}
.post img {width: 60%; margin: 0 20%; display:block;}
.post table.t-case { width: 100%;}
.post table.t-case tr td{display: block;}
.post table.t-case img {width:initial; width: 98%;}
.post table.t-case .sankaku-r { width: 0; height: 0; border: 25px solid transparent; border-top: 25px solid #ebc6f0; margin: 0 auto; display: block; clear: both;}
.main_visual {padding: 50px 0;}
.sw_menu ul.sw_liststyle1 li a span.sw_menu_ttl {font-size: 100%;}
.sw_menu ul.sw_liststyle1 figure figcaption{font-size:16px;}
}
@media only screen and (max-width: 500px) {
.sw_area1 ul li {width: 100%;font-size: 4vw;}
.message.message_01 .message_inner{background-size: 140%;}
.message .message_inner .message_ttl { padding: 25% 0 0 5%; text-shadow: #fff 1px 1px 1px, #fff -1px 1px 1px, #fff 1px -1px 1px, #fff -1px -1px 1px,#fff 0 0 1px; font-size: 1.1em; line-height: 1.5;}
.message .message_inner .message_name {padding-bottom:0;}
#sp_footer .banner a.tel{width: 100%;text-align: center;}
.sw_menu ul.sw_liststyle1 li a span.sw_menu_ttl {font-size: 100%;}
.sw_menu ul.sw_liststyle1 figure figcaption{font-size:16px;}
.sw_area1 ul li, .sw_area2 ul li {
width: 100%;
float: none;
}
}

table.sw_tbl01 {border-collapse:collapse;border:none;border-spacing:0;width: 100%;}
table.sw_tbl01 tr{ border-bottom:1px solid #423d36;}
table.sw_tbl01 tr th {box-shadow: none;}
table.sw_tbl01 tr th ,table.sw_tbl01 tr td {padding: 3px 2px;vertical-align:middle;border:1px #fff;font-weight:normal;text-align:left;}
table.sw_tbl01 tr th {text-align: center;font-weight: 500;background: #666146;color: #fff;}
table.sw_tbl01 .maru { color:#003261;}
.sw_bottom_info_box table.sw_tbl01 tr th,.sw_bottom_info_box table.sw_tbl01 tr td{padding:10px;font-size: 1em;}
.post table.t-case,.post table.t-case tr,.post table.t-case th,.post table.t-case td,.post table.t-case td:nth-child(1){/*border:none;background:none;vertical-align: top;padding: 3% 7%;font-size: small;*/}
.post table.t-case img {float:none;margin: 0 auto;}


	#gazou-wide {
		margin: 15px 0 0px;
/*background: #B9004B;*/
	}


.area02 {
    max-width: 896px;
    margin: 0 auto;
}

.catchcopy-2
 {
        max-width: 160px;
   /*margin: 0 auto;
    padding: 0.7em 0.7em;
    background: #ebc891;
    box-shadow: 0px 0px 0px 2px #ebc891;
    border: dashed 1px white;
    text-align: center;
    font-family: 'Hiragino Kaku Gothic ProN', '游ゴシック', YuGothic, 'メイリオ', Meiryo, sans-serif;
position: absolute;
    padding: 0.8em 3em;
    color: #454545;
    transform: rotate(-3deg);
    left: 3%;
background-color: rgba(255, 247, 238, 0.78);
    border-left: 2px dotted rgba(0,0,0,.1);
    border-right: 2px dotted rgba(0,0,0,.1);
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
z-index: 2;*/
position: absolute;
font-weight: bold;
font-family: 'Hiragino Kaku Gothic ProN', '游ゴシック', YuGothic, 'メイリオ', Meiryo, sans-serif;
top: 0;
left: 0;
text-shadow: 0 -2px 3px #FFF, -2px 0 3px #FFF, 2px 0 3px #fff;
font-size: larger;
color: #806645;
}

.sw_menu h3, .blog.clearfix h3,.haikei01 h3{
/*font-family: "Rounded Mplus 1c",'Hiragino Kaku Gothic ProN', '游ゴシック', YuGothic, 'メイリオ', Meiryo, sans-serif;
background: url(./images/line01.png) no-repeat center bottom !important;
background: url(./images/line.png) no-repeat center bottom;
padding: 15px 0;
background-size: 200px;
font-family: 'AozoraMinchoLight';*/
}


.sw_area1 ul li .text_area1 {
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    font-weight: bold;
    font-size: 1.2em;
    padding: 5% 0 5% 8%;
    display: block;
    width: 92%;
}
.sw_area1 ul li .btn1 {
    display: block;
    color: #000;
    text-align: center;
    padding: 5px;
    margin: 38% 0 0;
background: rgba(255,255,255,.7);
    width: 88%;
}

@media only screen and (max-width: 500px) {
.main_visual .bx-viewport li .catchcopy p {
margin: 0em;
font-size: 1em;
letter-spacing: 3px;
text-align: center;
}
.main_visual li .catchcopy p {
margin: 0em;
}
}

.main_catch01 {
text-align: center;
font-size: 35px;
color: #423d36;
padding: 0 0 40px;
line-height: 33px;
font-family:'Hiragino Kaku Gothic ProN', '游ゴシック', YuGothic, 'メイリオ', Meiryo, sans-serif;
}

#side aside #mybox ul {
    margin-bottom: 0px;
}
#side aside h4.menu_underh2 + div {
/*border: double 4px #efdebd;*/
border-top: none;
}
span.tel01 {
font-size: large;
font-weight: bold;
	}
span.tel02 {
font-size: 28px !important;
/*font-family:'Hiragino Kaku Gothic ProN', '游ゴシック', YuGothic, 'メイリオ', Meiryo, sans-serif;*/
color: #656046;
font-weight: bold;
}

figure {
	display: inline-block;
	position: relative;
margin: 0 !important;
display: inline-block;
/*box-shadow: 0px 0px 10px -3px rgba(0, 0, 0, 0.8);*/
border: 2px solid #fff;
}
figure:after {
/*	position: absolute;
	display: block;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
	transform: rotate(3deg); /* 回転させる */
	background: #fff;
	z-index: -1;*/
}

.frame01 {
-webkit-box-shadow: 0 10px 8px -6px #8d8c8c;
    -moz-box-shadow: 0 10px 8px -6px #8d8c8c;
     box-shadow: 0 10px 8px -6px #8d8c8c;
}

.haikei01{
background-size: 100%;
background-attachment: fixed;
background: url("./images/top-bk.png");
background-size: cover;
background-attachment: fixed;
}

.haikei01 .sw_area1 ul li{
width: 47%;
margin: 2.4% 10% 0;
float: left;
position: relative;
overflow: hidden;
padding: 0;
border: 1px solid #ccc;
background: #fff;
box-shadow: 1px 1px 5px rgba(20,20,20,0.2);
}
@media only screen and (max-width: 640px) {
.haikei01 .sw_area1 ul li {
    width: 95%;
}
}

a.tel{
font-size: 24px;
font-family: 'Hiragino Kaku Gothic ProN', '游ゴシック', YuGothic, 'メイリオ', Meiryo, sans-serif;
/*color: #B9004B;*/
text-decoration: none;
}
#footer a.tel{
font-size: 30px;
color: #423d36;
}

.inyoumodoki{
line-height: 3em;
font-size: smaller;
}

#gnav2 ul.sub-menu li{
border-right:none;
}

.post ol{
margin-bottom:0;
padding-left: 40px;
}

.post ol li{
line-height: 36px;
}
/*　ContactForm7のテーブル化レスポンシブ調整　*/
 
/*テーブルを親要素の幅いっぱいに伸ばす*/
.table-res-form {
    width: 100%;
}
/*一行ごとに上ボーダー*/
.table-res-form tr {
border-top: 1px #DDD solid;
background: #fff;
}
/*一番上の行だけボーダーなし*/
.table-res-form tr:first-child {
    border-top: none;
}
/*奇数行だけ背景色つける*/
/*.table-res-form tr:nth-child(2n+1) {
    background: #eee;*/
}
/*thとtd内の余白指定*/
.table-res-form th, .table-res-form td {
    padding: 1.5em;
}
/*th（項目欄）は30%幅、テキストを右寄せ*/
.table-res-form th {
    width: 30%;
    text-align: right;
}
/*「必須」部分のスタイリング*/
.table-res-form .requied {
    font-size: 0.8em;
    color: #FFF;
    display: inline-block;
    padding: 0.3em 0.3em 0.2em;
    background: red;
    border-radius: 2px;
}
 
/*ここから768px以下の指定*/
 
@media only screen and (max-width: 768px) {
　　　　　/*thとtdをブロック化して幅100％にして、縦積み*/
    .table-res-form th, .table-res-form td {
        width: 100%;
        display: block;
    }
　　　　　/*th（項目名）欄の不要な余白削除・テキスト左寄せ*/
    .table-res-form th {
        padding-bottom: 0;
        text-align: left;
    }
　　　　　/*不要な最終行の左のthを非表示にする*/
    .table-res-form .empty {
        display: none;
    }
}
 
/*ここまで768px以下の指定---終わり*/
 
/*ここから入力欄のスタイル指定*/
 
/*各入力フォームスタイリング*/
.table-res-form input[type="text"], input[type="email"], textarea {
    border: 1px #C9E0C5 solid;
    padding: 0.5em;
    border-radius: 5px;
    margin-bottom: 0.5em;
    width: 100%;
}
/*入力欄にフォーカスしたら変化*/
.table-res-form input[type="text"]:focus, textarea:focus {
    background: #EEFFFF;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.5);
}
/*送信ボタンスタイリング*/
.table-res-form input[type="submit"] {
   /* border: 1px #a07c3d solid;
	box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.5);*/
    padding: 0.5em 4em;
    border-radius: 5px;
    font-weight: bold;
}
/*送信ボタン・マウスオーバー時スタイリング*/
.table-res-form input[type="submit"]:hover {
    box-shadow: none;
}
@media only screen and (max-width: 960px) and (min-width: 500px) {
table.p-table img {
width: 20%;
float: none;
}
table#pw-table img{
width: 20%;
float: none;
}
}

/*SVG*/
html, body, #wraph {
    height: 100%;
}
#wraph {
    position: relative;
}
#svg-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    /*z-index: -1;*/
}

.ss-style-doublediagonal {
    z-index: 1;
    padding-top: 6em;
    background: #2072a7;
}
 
.ss-style-doublediagonal::before,
.ss-style-doublediagonal::after {
    top: 0;
    left: -25%;
    z-index: -1;
    width: 150%;
    height: 75%;
    background: inherit;
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}
 
.ss-style-doublediagonal::before {
    height: 50%;
    background: #116094;
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
    -webkit-transform-origin: 3% 0;
    transform-origin: 3% 0;
}

.haikei02 {
overflow: hidden;
background: #fff9ed;
background: url("./images/bk.png");
background-position: top;
background-size: cover;
background-attachment: fixed;
}

.haikei02-in {
    -webkit-transform: skew(0deg, 10deg);
}
#topblog-box{
/*background: #fff9ef;*/
overflow: hidden;
/*margin-top: -250px;*/
position: relative;
padding-top: 40px;
/*background: url(./images/bg_point.png) repeat top;
background-color: rgba(0, 0, 0, 0);
background-color: #fff9ef;*/
background-size: contain;
}

.main000{
background: #eadfc4;
}

@import url(https://fonts.googleapis.com/css?family=Raleway:400,700);
.snip1445 {
  font-family: 'Hiragino Kaku Gothic ProN', '游ゴシック', YuGothic, 'メイリオ', Meiryo, sans-serif;
  position: relative;
  float: left;
  overflow: hidden;
  margin: 10px 1%;
  min-width: 230px;
  /*max-width: 315px;
  width: 100%;*/
  color: #ffffff;
  text-align: center;
  font-size: 16px;
  background-color: #000000;
}
.snip1445 *,
.snip1445 *:before,
.snip1445 *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.55s ease;
  transition: all 0.55s ease;
}
.snip1445 img {
  max-width: 100%;
  backface-visibility: hidden;
  vertical-align: top;
}
.snip1445 figcaption {
  position: absolute;
  bottom: 25px;
  right: 25px;
  /*padding: 5px 10px 10px;*/
}
.snip1445 figcaption:before,
.snip1445 figcaption:after {
  height: 2px;
  width: 800px;
  position: absolute;
  content: '';
  background-color: #ffffff;
}
.snip1445 figcaption:before {
  top: 0;
  left: 0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}
.snip1445 figcaption:after {
  bottom: 0;
  right: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}
.snip1445 figcaption div:before,
.snip1445 figcaption div:after {
  width: 2px;
  height: 500px;
  position: absolute;
  content: '';
  background-color: #ffffff;
}
.snip1445 figcaption div:before {
  top: 0;
  left: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}
.snip1445 figcaption div:after {
  bottom: 0;
  right: 0;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}
.snip1445 h2,
.snip1445 h4 {
  margin: 0;
  text-transform: uppercase;
}
.snip1445 h2 {
  font-weight: 400;
}
.snip1445 h4 {
  display: block;
  font-weight: 700;
  background-color: #ffffff;
  padding: 5px 10px;
  color: #000000;
}
.snip1445 a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.snip1445:hover img,
.snip1445.hover img {
  zoom: 1;
  filter: alpha(opacity=50);
  -webkit-opacity: 0.5;
  opacity: 0.5;
}
.snip1445:hover figcaption:before,
.snip1445.hover figcaption:before,
.snip1445:hover figcaption:after,
.snip1445.hover figcaption:after,
.snip1445:hover figcaption div:before,
.snip1445.hover figcaption div:before,
.snip1445:hover figcaption div:after,
.snip1445.hover figcaption div:after {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
.snip1445:hover figcaption:before,
.snip1445.hover figcaption:before,
.snip1445:hover figcaption:after,
.snip1445.hover figcaption:after {
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}
/* Demo purposes only */
body {
  background-color: #212121;
}

#footer_m_l{
padding: 9px 20px 0px !important;
}

/*---------
01.共通
02.ヘッダー
03.ナビゲーション
04.サイドバー
05.フッター
----------*/



/*---------
05.フッター
----------*/

footer{
	background:#d4f2ff;
	padding:40px 0 0;
/*background: url(./images/bg_point.png) repeat left top;*/
background-color: #fff;
}

#footer h1 a{
	color:#fff;
/*background-image: url(./images/logo.png);
background-size: 60px;
background-repeat: no-repeat, no-repeat;*/
}

footer .catchcopy{
	position:static;
	padding:0 0 16px;
	font-size:28px;
	line-height:33px;
	margin:0 auto 35px;
	max-width:730px;
font-weight: 500;
text-align: center;
}

#footer_top{
	background:#fff;
	box-sizing:border-box;
	/*padding:10px 20px 10px 14px;*/
	border-radius:5px;
	/*margin:0 auto 20px;*/
}

#footer_top h2{
padding: 8px;
	margin:0;
	max-width: 30%;
	float:left;
	border:none;
/*color: black;*/
font-family: 'Hiragino Kaku Gothic ProN', '游ゴシック', YuGothic, 'メイリオ', Meiryo, sans-serif;
/*padding: 30px;*/
background: #423d36;
}

#footer_top h2:before, h2:after{
	display:none;
}

#footer_top .tel_box{
	font-family: 'Hiragino Kaku Gothic ProN', '游ゴシック', YuGothic, 'メイリオ', Meiryo, sans-serif;
	color:#423d36;
	padding:0px 0px 0px 36px;
	float:left;
}

#footer_top .tel_box img{
	display:inline-block;
	vertical-align:auto;
}

#footer_top .tel_box span{
	font-size:40px;
	padding:0 0 0 30px;
	color:#423d36;
}

#footer_top .reservation{
	font-family:'Hiragino Kaku Gothic ProN', '游ゴシック', YuGothic, 'メイリオ', Meiryo, sans-serif;
	float:left;
	background:#423d36;
	padding:13px 10px 13px 0;
	max-width:300px;
	width:100%;
	text-align:center;
	box-sizing:border-box;
	border-radius:5px;
	font-size:24px;
float: right;
}

#footer_top .reservation span{
	color:#fff;
	background:url(../images/common/icon01.png) no-repeat right center;
	display:block;
}


#footer_m_l{
	/*padding:9px 0 28px;*/
	width:50%;
	box-sizing:border-box;
	float:left;
background:#423d36;
color: #fff;
}

#footer_m_l .address{
	padding: 19px 0 20px;
	text-align:left;
	/*font-size:20px;
	line-height:30px;*/
}

#footer_m_l .time_schedule table{
	max-width:470px;
	width:100%;
	/*border:1px solid #000;*/
	font-family: 'Hiragino Kaku Gothic ProN', '游ゴシック', YuGothic, 'メイリオ', Meiryo, sans-serif;
border-right: 1px solid #fff;
color: #000;
}

#footer_m_l .time_schedule table tr th{
	/*border:1px solid #000;
	box-shadow:none;
	padding:0;
	line-height:40px;*/
	background: #423d36;
	color:#fff;
	/*width:10.2%;*/
font-size:14px;
}

#footer_m_l .time_schedule table tr th.time01{
	width:135px;
/*width: 2%;*/
}

#footer_m_l .time_schedule table tr td{
	/*border:1px solid #000;
padding: 0;*/
/*line-height: 20px;
width: 0.1%;
font-size: small;*/
}

#footer_m_l .time_schedule table tr td.time02{
}

#footer_m_r{
	width:50%;
	float:right;
}

#footer_m_r .map{
	width:100%;
}

#footer_m_r .map iframe{
	height:380px;
	width:100%;
	display:block;
}

#footer_bottom{
	background:#423d36;
	/*padding:53px 0 26px;*/
	color:#fff;
}

#footer_bottom .footer_text{
	/*max-width:960px;*/
	margin:0 auto;
	font-family: 'Hiragino Kaku Gothic ProN', '游ゴシック', YuGothic, 'メイリオ', Meiryo, sans-serif;
	/*padding:0 0 0 25px;*/
	box-sizing:border-box;
	text-align: center;
	font-size:12px;
}


@media only screen and (max-width: 960px) {


/*---------
05.フッター
----------*/

#footer{
	padding:40px 0 0 !important;
}

#footer_top .footer_top_l{
	float:none;
	width:auto;
}

#footer_top .footer_top_r{
	float:none;
	width:auto;
}

#footer_top .footer_top_r .contents_in{
	max-width:none;
}

#footer_top{
	padding:10px 10px 15px;
	width:96%;
}

#footer_top h2{
	float:none;
	margin:0 auto;
color: black;
/*padding: 30px 0px 20px 36px !important;*/
}

#footer_top .tel_box{
	max-width:none;
	width:50%;
	padding:8px 0;
}

#footer_top .reservation{
	max-width:none;
	width:50%;
	margin:0;
}

#footer_m_l{
	width:96%;
	margin:0 auto;
	float:none;
	padding:20px 0 30px;
}

#footer_m_l .contents_in{
	margin:0 auto;
}

#footer_m_l .address{
	padding:0 10px 20px 20px;
}

#footer_m_l .time_schedule{
	padding:0 0 0 20px;
}

#footer_m_r{
	max-width:none;
	width:auto;
	float:none;
}

#footer_m_r .map{
	max-width:none;
}

#footer_m_r .map iframe{
	max-width:none;
}

#footer_m_r .next_btn{
	text-align:right;
	padding:10px 20px 15px 0;
}

#footer_bottom{
	padding:16px 0;
}

#footer_bottom .footer_text{
	text-align:center;
	padding:0;
}




#footer_nav{
	background:none;
	/*padding:29px 20px 30px;*/
	box-sizing:border-box;
}

#footer_nav .sb{
	width:90%;
	margin:0 auto 15px;
	background:#fff;
	box-sizing:border-box;
	border-radius:5px;
	box-shadow:0px 0px 10px -4px #000;
	-moz-box-shadow:0px 0px 10px -4px #000;
	-webkit-box-shadow:0px 0px 10px -4px #000;
	padding:3px 3px;
}

#footer_nav .sb img{
	width:100%;
}

#footer_nav #sb08{
	padding:20px 0;
}

#footer_nav ul h4{
	background:#fff9ed;
	text-align:center;
	border:none;
	padding:9px 0 8px;
	max-width:210px;
	color:#f69407;
	font-size:14px;
	margin:0 auto;
}

#footer_nav ul .sidemenu_small_box{
	padding:15px 0;
}

#footer_nav ul .sidemenu_small_box li{
	font-size:12px;
	line-height:30px;
	text-align:center;
	color:#666;
}

#footer_nav ul .sidemenu_small_box li a{
	color:#666;
}

#footer_nav .sb h3{
	color:#423d36;
	padding:10px 0 8px;
	font-size:18px;
	font-family:'Hiragino Kaku Gothic ProN', '游ゴシック', YuGothic, 'メイリオ', Meiryo, sans-serif;
	text-align:center;
	background:#fff9ed;
	border-radius:5px 5px 0 0;
	margin:0 0 10px;
	width:auto;
	height:auto;
	border:none;
}

#footer_nav .sb img{
	width:100%;
}

#footer_nav #sb01 img{
	max-width:212px;
	margin:0 auto;
}

#footer_nav #sb05 img{
	max-width:210px;
	margin:0 auto;
}




}

@media only screen and (max-width: 640px) {

.pc{
	display:none;
}

.sp{
	display:block;
}

#contentInner{
	width:96%;
	margin: 0 auto;
}



/*---------
05.フッター
----------*/

footer .catchcopy{
	font-size:24px;
	line-height:36px;
	width:94%;
}

#footer_top h2{
	padding:14px 0 0;
max-width: 60%;
}

#footer_top .tel_box{
	float:none;
	width:auto;
	padding:0 0 15px;
}

#footer_top .reservation{
	float:none;
	width:auto;
}

#footer_m_l .address{
	max-width:366px;
	margin:0 auto;
	padding:0 0 20px;
}

#footer_m_l .time_schedule{
	padding:0;
	margin:0 auto;
}

#footer_m_r .map iframe{
	height:280px;
}

#footer_bottom .footer_text{
	line-height:19px;
}

}

#sb-site, .sb-site-container {
min-height: 100px!important
background-color: #fff !important;
}
@media only screen and (max-width: 500px) {
#footer_top .tel_box span{
font-size: 30px !important;
padding: 0 !important;
}
#footer_top h2{
padding: 0 !important;
}
}

.post h4:before,
.post h4:after{
/*  content:"";
  display:block;
  width:10px;
  height:10px;
  border:2px solid #b08039;
  position:absolute;
  top:11px;
  left:3px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);*/
}
.post h4:after{
/* position: absolute;
     top: 50%;
     left:0;
     transform:translateY(-50%);
     content: '';
     width: 5px;
     height:1em;
     background-color: #423d36;*/
}
.yellowbox {
background-color: #fdf6ec;
font-size: 16px !important;
border: none;
}

.ditem {
width: 90%;
height: auto;
padding: 2% 20px;
/*
background: #fffeea;
margin: 10px;
font-size: 20px;
line-height: 100px;
text-align: center;
color: #444;
*/

}

.youtube-container {
position: relative;
padding-bottom: 250px;
padding-top: 0px;
height: 0;
overflow: hidden;
height: auto;
width: 40%;
margin: 0 0 2% 4%;
float: right;
}
@media only screen and (max-width: 640px) {
.youtube-container {
width: 100%;
float: none;
margin: 0;
}
}
.post ul li{
    line-height: 2.2em;
}
/*--------------よくある質問css--------------*/
qadl{
     line-height:1.8em;
     overflow: hidden;
     zoom: 1;
　　　font-size: 14px;
}
qadl dd,
qadl dt{
     text-indent: -2.6em;   
     padding: 0 20px 0px 50px;
　　font-size: 14px;
}

qadl dt{
margin: 20px 20px 0 0;
color: #00437e;
  font-size: large;
  font-family: 'YuGothic','游ゴシック体','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-Serif !important;
  font-weight: bold;
}

qadl dd:first-letter,
qadl dt:first-letter{
     font-size: 1.6em;
     font-weight: bold;
     margin-right:10px;
     padding:5px;
     font-family: 'Hiragino Kaku Gothic ProN', '游ゴシック', YuGothic, 'メイリオ', Meiryo, sans-serif;
}
.dt {
  font-size: 1.6em;
  font-weight: bold;
  color: #0F78E1;
  left: -13px;
  position: relative;
}
qadl dd{
     margin: 20px 0 -1px 0;
     padding-bottom:15px;
     border-bottom: 1px #000 dotted;
　　font-size: 14px;
}
qadl dt:first-letter{
     color: #0F78E1;
}
qadl dd:first-letter{
     color: #ff6767;
}

#svg-wrap {
    position: relative;
}
#svg-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}

.time02 tr th,.time02 tr td{
padding: 1px 5px;
background: no-repeat;
border: none;
box-shadow: none;
font-size: x-small;
font-weight: bold;
}

table.time02{
color: #fff;
}

.cnt_area h3{
/*background: #423d36 !important;
box-shadow: 0px 0px 0px 5px #423d36 !important;
border: dashed 1px #d4f2ff !important;
padding: 0.2em 0.5em !important;
color: #fff !important;
font-size: 24px !important;
width: 60%;
margin: 0px auto 50px !important;
font-weight: 500;*/
	}

@media only screen and (max-width: 500px) {
.cnt_area h3{
/*font-size: 14px !important;
width: 80%;*/
}
}
#about_area h4{
/*font-size: 15px !important;
  position: relative !important;
  padding: .5em .75em !important;
  background-color: #fff !important;
  border: 1px solid #423d36 !important;
  border-radius: 6px !important;
height: auto !important;
margin: 0 0 5px;
color: #000 !important;
background: #fff;
height: auto !important;
padding: 0 0 7px !important;
font-weight: 500;
font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","MS P明朝",serif;
z-index: 2;*/
text-align: center;
padding: 0 0 7px !important;
}
#about_area h4::before,
#about_area h4::after {
 /* position: absolute;
  top: 100%;
  left: 30px;
  content: '';
  height: 0;
  width: 0;
  border: 10px solid transparent;*/
}
#about_area h4::before {
 /* border-top: 15px solid #B9004B;*/
}
#about_area h4::after {
 /* margin-top: -2px;
  border-top: 15px solid #fff;*/
}

#about_area {
    padding: 0!important;
}
#sb-site{
    min-height: 0 !important;
}

@media only screen and (max-width: 960px) and (min-width: 500px) {
.sw_area1 ul li .btn {
margin: 5% auto 13% auto;
}
}

.sw_menu ul.sw_liststyle1 figure figcaption{
position: relative;
display: inline-block;
margin-bottom: 1em;
font-family: "Rounded Mplus 1c",'Hiragino Kaku Gothic ProN', '游ゴシック', YuGothic, 'メイリオ', Meiryo, sans-serif;
}
.sw_menu ul.sw_liststyle1 figure figcaption:before {
/*content: '';
position: absolute;
bottom: -10px;
display: inline-block;
width: 60px;
height: 1.5px;
left: 50%;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background-color: black;
border-radius: 2px;*/
}

.area{

}

.demo {
  width: 500px;
  margin: 0 auto;
  padding: 10px 0;
  font-family: sans-serif;
  font-size: 20px;
  color:#3cb3e4;
}
.heading {
  margin: 10px 0
text-align: center;
}


.sw_menu ul.sw_liststyle1 figure figcaption {
  padding: 5px 25px;
  margin: 10px -20px;
color: #fff;
font-weight: 600;
  /*border: solid 2px #21a1d5;
  position:relative;
  text-align: center;
  border-radius: 3px;
  background: #fff;	*/
font-size: larger;
}
.sw_menu ul.sw_liststyle1 figure figcaption:after,
.sw_menu ul.sw_liststyle1 figure figcaption:before {
  /*content: '';
  position: absolute;
  bottom: -7px;
  background: #21a1d5;
  border: solid 2px #21a1d5;
  width: 25px;
  height: 20px;
  z-index: -1;*/
}
.sw_menu ul.sw_liststyle1 figure figcaption:after {
     /*left: 2px;
     transform: rotate(120deg);*/
}
.sw_menu ul.sw_liststyle1 figure figcaption:before {
   /* right: 2px;
    transform: rotate(60deg);*/
}

@media only screen and (max-width: 960px) and (min-width: 500px) {
.sw_menu ul.sw_liststyle1 figure figcaption{
font-size: 13px;
}
}
@media only screen and (max-width: 500px) {
.sw_menu h3 {
background: url(./images/line.png) no-repeat center bottom;
background-size: 50%;
}
.sw_area2 ul li .flow-text {
background:rgba(255,255,255,.7);
}
.sw_treatment_menu ul li a{
font-size: small;
}
}

.sw_area2 ul li {
    position:relative; /* positionの基準とするためrelativeを与えます。 */
  }
.sw_area2 ul li:before {
    content: ''; /* このプロパティが無いと擬似要素は機能しません、お決まりの呪文です。 */
    display: block; /* ブロック要素にします。 */
    position: absolute; /* absoluteで上に乗っけます。 */
    top: 0; /* 縦横の値を入れるのは基本です。入れないとだめ！っと思っておくほうが今後の為いいです。 */
    left: 0;
    width: 100%;
    height: 100%;
/*box-shadow: inset 0 0 0px 8px rgba(255,255,255,0.6);*/
/*box-shadow: inset 0 0 0px 6px rgba(33, 161, 213, 0.5);
box-shadow: inset 0 0 0px 6px rgb(245, 239, 222);*/
    }



/* 症例検索フォーム */
.uwpqsf_class > label {
width: 200px;
line-height: 1.5;
position: relative;
left: 100px;
}
.uwpqsf_class label input {
    width: 20%;
}
.uform_title{
background: #423d36;
font-size: 17px;
font-family: 'utsukushi';
color: #fff;
padding: 5px;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
    padding: 5px;
}
.uwpqsf_class > span[class*="taxolabel-"]{
width: 100px;
position: absolute;
left: 0;
}
.uwpqsf_submit {
    margin-bottom: -5px;
}
#footer p {
    font-size: 17px;
    margin-bottom: 20px;
    text-align: initial;
    padding: 5px 0 0 0px;
}

@media only screen and (max-width: 960px){
#footer_top h2 {
    max-width: 60%;
    margin: 5px auto;
    border-radius: 10px;
}
}
@media only screen and (max-width: 500px){
#footer_top h2 {
    max-width: 100%;
}
}


.post .time_schedule table tr td{
display: table-cell;
}
@media only screen and (max-width: 960px) and (min-width: 500px) {
.p-table img,.pw-table img,#r-table img{
float: none;
}
}
@media only screen and (max-width: 960px){
table.sample tr th{
display: none;
}
}

.post h4 {
font-size: 22px;
  padding-left: 20px;
  border-bottom:solid 2px rgb(227, 227, 227);
  line-height: 1.2;
background: #fff9f9;
  font-weight: bold;
color: #510000;
}
.post h4::after {
position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  content: '';
  width: 5px;
  height: 2em;
background-color: #7d181e;
}
.post h5 {
line-height: 1.4;
  width: fit-content;
  border-bottom:solid 3px #3364bf;
  position: relative;
  font-size: 125%;
  font-weight: bold;
  padding:.5% 0;
  margin-bottom: 2%;
}
.acordion_tree ul.menu li a {
    color: #fff;
}

.acordion_tree ul.menu li li a {
    color: #000;
}
#footer .acordion_tree ul.menu li li a {
    color: #000;
}

@font-face {
    font-family: 'HuiFontP109';
    src:url('http://hatenablog.com/fonts/public/HuiFont/HuiFontP109.eot');
    src:url('http://hatenablog.com/fonts/public/HuiFont/HuiFontP109.eot?#iefix') format('embedded-opentype'), url('http://hatenablog.com/fonts/public/HuiFont/HuiFontP109.woff')format('woff'), url('http://hatenablog.com/fonts/public/HuiFont/HuiFontP109.ttf')format('truetype'), url('http://hatenablog.com/fonts/public/HuiFont/HuiFontP109.svg#HuiFontP109') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'AozoraMinchoLight';
    src: url('./fonts/AozoraMinchoLight.eot');
    src: url('./fonts/AozoraMinchoLight.eot?#iefix') format('embedded-opentype'),
    url('./fonts/AozoraMinchoLight.woff') format('woff'),
    url('./fonts/AozoraMinchoLight.ttf') format('truetype');
}

@font-face {
    font-family: 'Sample';
    src: url('./fonts/mplus-2p-light-sub.eot');
    src: url('./fonts/mplus-2p-light-sub.eot?#iefix') format('embedded-opentype'),
    url('./fonts/mplus-2p-light-sub.woff') format('woff'),
    url('./fonts/mplus-2p-light-sub.ttf') format('truetype');
}
.kokuban {
    /*font-family: HuiFontP109;
    color: #fff;
    border: 3px solid #423d36;
background-color: rgba(255, 255, 255, 0.84);
margin: 20px 0;
padding: 15px;*/
   /* border-radius: 3px;
    box-shadow: 2px 2px 4px #666, 2px 2px 2px #111 inset;
    text-shadow: 0px 0px 2px #000;*/
    line-height: 1.9;
}
.kokuban ul li {
padding: 5px;
}
.kokuban ul #move {
border-bottom: 1px solid #ddd;
}
.kokuban ul {
overflow-y: scroll;
height: 200px;
}
.point1 {
border-bottom: solid 5px #f0f;
border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
}

#about_area h4
{
color: #fff !important;
}

#about_area .cnt_box {
/*margin: 0 1.2% 20px !important;
border: 1px solid #fff;
box-shadow: 1px 1px 5px 1px #fff;
-moz-box-shadow: 1px 1px 5px 1px #fff;
-webkit-box-shadow: 1px 1px 5px 1px;
height: 300px;*/
}

#blog_slider2 li .ttl {
    float: none;
    background: none;
    padding: 0;
    text-align: center;
    padding: 15px 0 0;
    font-family: "UD新ゴ R",UD Shin Go Regular;
    font-size: 13px;
    line-height: 18px;
    color: #333;
}

#about_area .pic img {
    display: inline-block;
    position: relative;
}
#about_area .pic img:after {
position: absolute;
	display: block;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(left, rgba(255, 255, 255, 0) 40%, #fff 100%); /* 塗りつぶす */
}

#about_area .cnt_box{
	/*max-width:300px;*/
	width:30%;
	float:left;
	border: 1px solid #fff;
	margin: 0 1.5% 55px;
box-shadow: 2px 2px 8px #bdbdbd;
}

#about_area01 .cnt_g.clearfix{
/*display: flex;*/
}
@media only screen and (max-width: 640px) {
#about_area01 .cnt_g.clearfix{
display: block;
}
.kokuban ul {
height: 300px;
}
}

#about_area .pic{
	/*max-width:300px;*/
	position:relative;
	z-index:1;
}

#about_area .cnt_box p{
font-size: 14px!important;
}

#about_area h4{
/*padding: 10px 0 10px !important;
font-weight: bold;
background: #f9f9f9;*/
}

#blog .bx-wrapper{
max-width: 100%;
/*background: black !important;
overflow: hidden;
margin-left: -99px;
margin-right: -99px;
padding-left: 99px;
padding-right: 99px;
padding-top: 20px;
color: #fff;*/
}

.bx-wrapper .bx-controls-direction a{
display: none !important;
}

#about_area .cnt_box p{
padding: 7px 0 0 0 !important;
}
#blog .sw_area2 ul li::before{
content: none;
}
#blog .sw_area2 ul li:nth-child(1){
content: none;
background: none;
width: 100%;
}

.bx-wrapper .bx-pager .bx-pager-item{
display: none !important;
}

.sw_treatment_menu ul li a p{
background: #423d36;
/*padding-top: 10%;*/
position: relative;
top: -15%;
color: #fff;
margin-bottom: 0;
}


.sw_treatment_menu ul li a p {
    background: #423d36;
    padding: 3% 0;
    position: relative;
    top: -15%;
    color: #fff;
padding: 2% 0;
}
.sw_treatment_menu ul li a {
    top: 0;
}
.sw_treatment_menu ul li a span {
bottom: 0;
}

#i-table p.verygood{
    padding-left: 60px;
    background: url(./images/verygood.png)no-repeat left center;
min-height: 50px;
}
#i-table p.good{
    padding-left: 60px;
    background: url(./images/good.png)no-repeat left center;
min-height: 50px;
}
#i-table p.triangle{
    padding-left: 60px;
    background: url(./images/triangle.png)no-repeat left center;
min-height: 50px;
}
#i-table p.win{
    padding-left: 60px;
    background: url(./images/002.jpg)no-repeat left center;
min-height: 50px;
background-size: 50px;
}
#i-table p.before{
    padding-left: 60px;
    background: url(./images/001.jpg)no-repeat left center;
min-height: 50px;
background-size: 50px;
}
#i-table tr td:nth-child(1){
    line-height: 3;
}

.post ul.bxslider li {
width:300px !important;
margin: 1px !important;
}
.post ul.bxslider li img {
width:300px !important;
margin: 0;
}

.post .bx-wrapper .bx-viewport{
    height: 500px !important;
}

.post .bx-wrapper .bx-caption{
bottom: -45%;
}
@media only screen and (max-width: 640px) {
.post ul.bxslider li {
float: none !important;
position: absolute;
}
}

.kokuban01 {
    color: #fff;
    background-color: #114400;
    margin: 10px 0 10px 0;
    padding: 15px;
    border: 9px solid #a60;
    border-radius: 3px;
    box-shadow: 2px 2px 4px #666, 2px 2px 2px #111 inset;
    text-shadow: 0px 0px 2px #000;
    line-height: 1.9;
}
.point {
color: #239e1c;
font-size: 1.06em;
font-weight: bold;
text-shadow: 0 1px #fff;
}
.sw_area3 ul li {
	width: 49.7%;
/*margin: 0 2.4% 2.4% 0;*/
float: left;
position: relative;
overflow: hidden;
padding: 0 0 8px 0;
border: 1px solid #FFF;
}
.sw_area3 ul li:nth-child(2),.sw_area3 ul li:nth-child(3) {
	margin-right:0;
}

.sw_area3 ul {
	list-style: none;
	overflow: hidden;
}

/*.sw_area3 ul li {
	width: 50%;
	float: left;
	overflow: hidden;
}*/
.sw_area3 ul li a {text-decoration: none;}
.sw_area3 ul li .text_area {color:#fff; font-weight:bold; font-size:1.2em;padding:5% 0 5% 8%; display: block; width:92%;}
.sw_area3 ul li .flow-text {background:rgba(255,255,255,.7); display:block; color: #222; font-size: 0.75em; padding: 15px; bottom: 20px; margin: 40px 0 14px; width: 82%;}
.sw_area3 ul li .flow-ttl {font-size: 1.2em; padding: 25px 0 0; display: inline-block; letter-spacing: 0.06em;line-height: 1.8em;}
.sw_area3 ul li:nth-child(2) {/*margin-bottom:12px;*/}
.sw_area3 ul li:nth-child(2) .text_area,.sw_area3 ul li:nth-child(3) .text_area{color:#000; font-size:1em;font-weight: 400;}
.sw_area3 ul li:nth-child(2) img,.sw_area3 ul li:nth-child(3) img{padding-left:5px;}
.sw_area3 ul li:nth-child(2) .text_area span,.sw_area3 ul li:nth-child(3) .text_area span {color:#000; display:block; font-size: 1.5em; margin-top:15px;font-family: 'AozoraMinchoLight';letter-spacing: 5px;}
.sw_area3 ul li:nth-child(1) {background:#fff url("./images/021.jpg") 0 center no-repeat; background-size: cover;}
.sw_area3 ul li:nth-child(2) {background:#fff url("./images/022.jpg") 0 center no-repeat; background-size: cover;}
.sw_area3 ul li:nth-child(3) {background:#fff url("./images/023.jpg") 0 center no-repeat; background-size: cover;}
@media only screen and (max-width: 960px) {
	.sw_area3 ul li:nth-child(2),.sw_area3 ul li:nth-child(3) {
		/*margin-bottom: 2.4%;*/
	}

	.sw_area3 ul li img{
		width: 100%;
		height: auto;
		/*margin-bottom: 5px;*/
	}
	.sw_area3 ul li .flow-text {margin: 5% 0 14px;}
}
@media only screen and (max-width: 640px) {
.sw_area3 ul li {width: 100%;}
.sw_area3 ul li .flow-ttl {padding:0;}
.sw_area3 ul li .flow-text {margin: 20px 0 0;}
.sw_area3 ul li {width: 100%;}
}

.kokuban:before{
/*content:"";
display:block;
height:2px;
background: linear-gradient(to right, #863d00 0%,#dbd100 48%,#632d00 100%);*/
}


.sw_treatment_menu h3:after,#blog2 h3:after{
/*content: "";
display: block;
height: 2px;
background: linear-gradient(to right, #863d00 0%,#dbd100 48%,#632d00 100%);
width: 30%;
margin: 10px auto;*/
}

#sb-site, .sb-site-container {
background: linear-gradient(to right, #7b127a, #ae2ac8 5%,#7b127a);
background: #fff !important;
}

.new{
font-weight: bold;
color: red;
margin: 5px;
}

ul.sw_liststyle5 {
list-style: none;
width: 100%;
overflow: hidden;

}

ul.sw_liststyle5 li {
float: left;
margin-right:2.5%;
margin-bottom:1.5%;
width: 31%;
text-align: left;
font-size: 1.1em;
line-height: 1;
border: solid 2px #f3eddf;
border-radius: 5px;
}
ul.sw_liststyle5 li:nth-child(3n) {
margin-right:0;
}
ul.sw_liststyle5 li a {
	position: relative;
box-shadow: 0px 1px 4px rgba(87,59,43,0.3);
padding: 15px 20px;
border-top: solid 1px #423d36;
border-right: solid 1px #423d36;
border-bottom: solid 1px #423d36;
border-left: solid 1px #423d36;
border-radius: 5px;
font-weight: 600;
text-decoration: none;
color: #fff;
text-shadow: -1px -1px 0px #a3aa5f;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #423d36), color-stop(0.00, #19878C));
	background: -webkit-linear-gradient(#423d36, #19878C);
	background: -moz-linear-gradient(#423d36, #19878C);
	background: -ms-linear-gradient(#423d36, #19878C);
	background: linear-gradient(#423d36, #19878C);
}
ul.sw_liststyle5 li a:after {
content: url("./images/arrow03.png") ;
position: absolute;
top: 50%;
right: 10px;
margin-top: -10px;
}
ul.sw_liststyle3 li a:hover {
background-color: rgba(147,160,52,.8);
opacity:0.8;
}

@media only screen and (max-width: 960px) {
	ul.sw_liststyle5 {
		width: 100%;
		height: auto;

	}

	ul.sw_liststyle5 li:nth-child(3n) {
		margin-right: 10px;
	}

	ul.sw_liststyle5 li {
		font-size: 1em;
		width: 47%;
		margin-right: 10px;
	}

	ul.sw_liststyle5 li:nth-child(2n) {
		margin-right:0;
	}
	}

.marker_yellow {
background: linear-gradient(transparent 60%, #ffff66 60%);
}
@media only screen and (max-width: 640px) {
.mainimg {
    padding: 0!important;
}
}

/*フッタースマホ電話*641px～PC　PC上では見えないようにする*/
@media screen and (min-width:961px){
.footer_area{
display: none;
}	
}
 
/*スマホ～641pxの幅サイズまで*/
@media screen and (max-width:960px){
.footer_area {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
   /* background-color: rgba( 0, 0, 0, 0.6 );*/
	z-index: 10000;
}
.footer_area .footer_area_inner {
    position: relative;
    /*width: 80%;*/
    margin: 0px auto;
    /*padding: 10px 10px;*/
	/*margin-right: 0px;*/
margin: 5px 0;
}
.footer_area .footer_area_inner .footer_area_inner_btn {
    width: 85%;
    padding: 11px 0;
    font-size: 20px;
    font-weight: bold;
    margin-left: 15px;
	line-height: 1.3;
    
}
.inquiry_btn {
background-color: rgb(0, 52, 115);
-webkit-border-radius: 3px;
display: inline-block;
text-align: center;
text-decoration: none;
width: 49.5%;
margin: 0.2%;
height: 50px;
padding: 4px 0;
font-size: 14px;
font-weight: bold;
line-height: 1.5em;
}
.inquiry_btn:link, .inquiry_btn:visited {
    color: #FFFFFF !important;
}
.footer_area_inner span{
	color: #fff;
}
#siteBottom{
	margin-bottom: 85px;
}
}

.nomoto_schedule a{
	display: contents;
}

.gallery-item img {
    margin: 0 auto;
width: 100%;
}


.box02:after{
position: absolute;
right:0;
top:0;
}
.box02 p{
padding:20px 0;
text-align: center;
padding: 20px 0;
text-align: center;
background: whitesmoke;
}
.box02{

}
span.po1 {
font-size: larger;
font-weight: bold;
/*background: linear-gradient(transparent 80%, #ff66fd 60%);*/
color: #6e4217;
}
@media screen and (max-width:640px){
/*.sw_area2 ul li .flow-ttl {text-shadow: white 2px 1px 0.7px;color: #000;}
.sw_area2 ul li::before {box-shadow: inset 0 0 0px 6px rgb(230, 128, 205,0.6);}*/
}
/*
#mybox h4::after, #side aside h4.menu_underh2::after {
content: "";
display: block;
height: 2px;
background: linear-gradient(to right, #dcb968 0%,#653e01 50%,#dcb968 100%);
width: 100%;
margin: 3% 0px auto;
}*/

.acname{
font-size: x-large !important;
}

.maintitle{
/*margin: 0 20px 0px;
padding: 0;
height: 91px;
background: url(./images/sectionBox_h2_bg.jpg) repeat-x;
box-shadow: none;
border: 0;*/
}
.maintitle h3{
text-align: center;
font-size: 26px;
border: none;
/*width: 680px;*/
line-height: 150%;
margin-left: -20px;
padding: 36px 0 20px 0;
/*background-image: url(./images/logo1.png), url(./images/logo2.png);
background-size: 50px 80px, 80px 50px;
background-repeat: no-repeat, no-repeat;
background-position: left top, 98.7% 50%;
margin: 20px -10px;
font-weight: 100;
font-family: 'AozoraMinchoLight';*/
background: url(./images/sectionBox_h2_bg.jpg) no-repeat;
background-position: bottom;
letter-spacing: 5px;
font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","MS P明朝",serif;
letter-spacing: 0.2em;
font-weight: normal;
/*
padding-top: 3%;
line-height: 52px;
text-shadow: 1px 1px #453822, -1px 1px #453822, 1px -1px #453822, -1px -1px #453822;background: radial-gradient(#756E6B, #453822);
background: radial-gradient(#3e3425 0%, #6e665b 61%, #595959 100%);
background: radial-gradient(#024b26 0%, #067711 61%, #c0d5b6 100%);
color: #fff*/
}
.maintitle h3::before {
content: "";
border-top: 1px solid;
}
/*.maintitle::after {
content: "";
background: url(./images/logo2.png);
width: 71px;
height: 91px;
display: block;
}*/
@media screen and (max-width:640px){
#footer h1 a{
background:none;
}
.sw_menu ul.sw_liststyle1 li {
margin-right: 1%;
margin-bottom: 0;
}
.sw_menu ul.sw_liststyle1 li:nth-child(2n) {
margin-right: 0;
}
.sw_area3 ul li .flow-ttl {
letter-spacing: 0;
}
.sw_area3 ul li .text_area {
padding: 5% 0 5% 5%;
}
.sw_area2 ul li .flow-ttl{
padding: 20px 0;
}
}

#footer_m_l h1{
margin: 10px auto;
text-align: center;
}

.ch {
background: url(./images/icon_check.svg)no-repeat;
font-weight: bold;
padding: 0 0 0 30px;
}
.ch-b{
background: url(./images/icon_check-b.svg)no-repeat;
font-weight: bold;
padding: 0 0 0 30px;
}
.ch-c {
background:url(./images/icon_check-c.svg)no-repeat;
font-weight: bold;
padding: 0 0 0 30px;
}
strong {
font-weight: bold !important;
font-family: 'YuGothic','游ゴシック体','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-Serif !important;
}
@media only screen and (min-width: 961px) {
.post img.w20 {
width: 20%;
}
}
@media only screen and (max-width: 640px) {
#about_area .cnt_box {
margin: 0 10% 30px !important;
}
.maintitle h3{
font-size: 20px;
margin: 0 auto;
}
.sw_area2 ul li .flow-ttl{
line-height: 1em;
}
}

.sw_area2 ul li .flow-ttl span{
font-size: large;
}
footer {
    text-align: unset;
}

.case ul {
  border: solid 2px skyblue;
  border-radius: 5px;
  padding: 0.5em 1em 0.5em 2.5em;
  position: relative;
}

.case ul li {
  line-height: 1.5;
  padding: 0.5em 0;
  list-style-type: none!important;
}

.case ul li:before {/*疑似要素*/
  font-family: "FontAwesome";
  content: "\f138";/*アイコンの種類*/
  position: absolute;
  left : 1em;/*左端からのアイコンまでの距離*/
  color: skyblue;/*アイコン色*/
}
.case{
/*width: -moz-fit-content;
width: fit-content;*/
}

#about_area h4{
height: auto !important;
padding: 10px 0 15px 0;
font-size: 24px;
}
.cp_imghover {
overflow: hidden;
}
/*zoomin*/
.cp_zoomin img {
-webkit-transition: all 1s ease;
transition: all 1s ease;
}
.cp_zoomin img:hover {
-webkit-transform: scale(1.3,1.3);
transform: scale(1.3,1.3);
}

.sw_menu ul.sw_liststyle1 li a:hover{
background: #423d36;
color: #fff;
}
.sw_menu ul.sw_liststyle1 li a span small{
line-height: 1.7em;
}

span.iin{
position: absolute;
left: 10px;
font-size: larger;
font-weight: 700;
color: #4b4538;
}
.sw_area3{
margin-top: 3%;
}

.iin_box{
text-align: center;
background-image: linear-gradient(to top left, #EDEDED, #E4E4E4, #F6F6F6, #E4E4E4, #DBDBDB);
padding: 1px 0;
height: 35px;
margin: 5px;
}
.iin_box p{
margin: 0;
font-size: larger;
padding: 5px 0;
}

.arrow{
position: relative;
display: block;
padding: 0 0 0 10px;
color: #000;
vertical-align: middle;
text-decoration: none;
font-size: 15px;
}
.arrow::before,
.arrow::after{
position: absolute;
top: -5px;
bottom: 0;
left: 18px;
margin: auto;
content: "";
vertical-align: middle;
}
.sample4-2::before{
width: 10px;
height: 10px;
-webkit-border-radius: 50%;
border-radius: 50%;
background: #c0b4a7;
}
.sample4-2::after{
left: 22px;
box-sizing: border-box;
width: 3px;
height: 3px;
border: 3px solid transparent;
border-left: 3px solid #fff;
}

a.hajimete {
background: url("./images/hajimete02.png") no-repeat;
width: 70px;
height: 230px;
    margin: 5px 0 0 auto;
    display: block;
    overflow: hidden;
    padding: 0;
    white-space: nowrap;
text-decoration: none;
text-indent: 100%;
}
#hajimete{
position: fixed;
z-index: 9;
top: 100px;
right: 0px;
font-size: 0.8em;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
}
a.hajimete span{
margin: 0 10px;
float: left;
font-size: larger;
}

ol.jyuni{
  padding:0 0 0 2em;
  margin:0;
}
 
ol.jyuni li{
  list-style-type:none;
  list-style-position:inside;
  counter-increment: cnt;
}
ol.jyuni li:before{
  display: marker;
  content: "第" counter(cnt) "位 ";
}

.post table.t-case3 tr td:nth-child(1){
background: none;
}
table.t-case3{
border: none;
}
.post table.t-case3 tr td{
border: none;
width: 33%;
}

.post ul small li{
    font-size: small;
}

.post table img{
 width: 100%;
border: none;
}

.post table.no tr td:nth-child(1){
background: none;
}
.post table.no,.post table.no tr td{
border: none;
background: none;
}
span.wpcf7-list-item input{
width: auto;
}
.wpcf7-tel{
width: 100%;
}
@media only screen and (max-width: 640px) {

#header-l h1, #header-l h1 a{
padding-left: 0!important;
/*margin-bottom: 20px;*/
margin-top: 0px!important;
}

.sw_menu ul.sw_liststyle1 li a span small{
    line-height: 1.4em;
    font-size: 12px;
}
.kokuban {
    font-size: small;
}
.sw_area3 ul li:nth-child(1) {background:#fff url("./images/022.jpg") 0 center no-repeat; background-size: cover;}
.sw_area3 ul li:nth-child(2) {background:#fff url("./images/023.jpg") 0 center no-repeat; background-size: cover;}
.sw_area3 ul li:nth-child(3) {background:#fff url("./images/021.jpg") 0 center no-repeat; background-size: cover;}
.sw_area3 ul li:nth-child(3) .text_area span.flow-text{
font-size: 1em;
}
.sw_area3 ul li:nth-child(3) .text_area span.flow-ttl{
color: #fff;
}
.sw_area3 ul li:nth-child(1) .text_area span, .sw_area3 ul li:nth-child(2) .text_area span {
    color: #000;
    display: block;
    font-size: 1.5em;
    margin-top: 15px;
    font-family: 'AozoraMinchoLight';
    letter-spacing: 5px;
}
}
#header-l h1, #header-l h1 a {
color: #777;
/*padding-left: 20px;*/
line-height: 1.5;
margin-top: 10px;
}
.case .youtube-container{
width: auto;
float: none;
}
.clearfix {
	max-width: 1400px;
    margin: 0 auto;
}
.maintitle h3::after {
    content: "";
    display: block;
height: 3px;
background: linear-gradient(to right, #dcb968 0%,#392506 50%,#dcb968 100%);
width: 30%;
margin: 5px auto;
}
#about_area .pic span{
    position: absolute;
    bottom: 0;
    display: inherit;
width: 100%;
background: rgba(72, 0, 0, 0.75);
text-align: center;
}
#mybox img{
margin: 0 auto;
width: auto;
padding: 5px 0;
}
span.att2 {
    color: #003366;
    font-weight: bold;
    font-size: 110%;
line-height: 2em;
}
span.att3 {
border-left: #336b99 solid 5px;
padding: 2px 7px 2px 7px;
margin: 5px 5px 10px 0px;
font-weight: bold;
font-size: 120%;
}
#center img {
    margin: 5px;
}
img.left {
float: left;
border: none;
width: auto;
margin: 7px 0;
}

.access_bus {
    border: 1px solid #ccc;
    display: block;
    margin: 0 15px 20px 0;
padding: 2%;
}
@media only screen and (min-width: 960px) {
.w47 {
    width: 47%!important;
}
.post img.w30{
    width: 30%;
}
.w25 {
    width: 25%;
}
.w70 {
    width: 70%;
}
.w80 {
    width: 80%;
}
img.w60 {
width: 60% !important;
margin: 0 auto !important;
float: none !important;
}
img.w80 {
width: 80% !important;
margin: 0 auto !important;
float: none !important;
}
.darea {
/* boxレイアウトの指定 */
display: box;
display: -webkit-box;
display: -moz-box;
/* 配置したボックスを左右中央寄せにする */
box-pack: center;
-webkit-box-pack: center;
-moz-box-pack: center;
border-radius: 5px;
}
}
.post a {
display: inline;
}
@media only screen and (max-width: 640px) {
.post table tr td:nth-child(1) {
/*background: #423d36!important;
width: 100%;
color: #fff;*/
}
.post table img.gtb{
    width: 50%;
    margin: 0 auto;
    float: none;
}
.post ul {
    list-style-type: disc;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    margin-bottom: 0;
}
.post ul ul,.post ul ol{
padding-left: 15px;
}
.post table ul {
padding-left: 30px;
}
.post table ul li {
    font-size: smaller;
    line-height: 1.5em !important;
}
.post h2 {
margin: 0;
}
.cnt_area h3{
margin: 0px auto auto !important;
}
.sw_menu ul.sw_liststyle1-2 li{
width: 90%;
margin-bottom: 1%;
height: auto;
padding: 0 5%;
}
.sw_menu ul.sw_liststyle1-2{
width: 94%;
}
#header-l h1 a .name{
font-size: 3em;
}
#header-l h1{
margin-bottom: 0px;
width: 90% !important;
font-size: small;
}
.post ul ul li,.post ul ol li {
  line-height: 1.5em;
  padding-bottom: 2%;
  font-size: smaller;
}
}
.att4 {
 background: #f3f0e4;
padding: 10px 15px;
display: block;
border: 1px solid #84806c;
box-shadow: 1px 1px 0 #fff inset;
}
span.blue {
    color: #0066CC;
}
.metal {
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -o-border-raidus: 100px;
    -ms-border-radius: 100px;
    border-radius: 100px;
background: linear-gradient(to bottom, rgb(182, 152, 83) 0%,rgb(72, 52, 33) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88bfe8', endColorstr='#70b0e0',GradientType=0 );
width: auto;
float: right;
height: 30px;
margin: 5px;
}
#about_area01{
max-width: 1400px;
margin: 0 auto;
}
.ditem.w25 img{
position: absolute;
width: 30%;
}

.haikei03{
    background-color: rgba(17, 11, 4, 0.75);
    overflow: auto;
    background-size: 100% auto,initial;
}
.sw_menu ul.sw_liststyle1-2 li a span.sw_menu_ttl strong{
    font-weight: bold;
    font-size: x-large;
    color: #003b93;
font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","MS P明朝",serif;
}
#blog_slider li .ttl{
color: #333 !important;
}
.haikei04 a{
color: #fff !important;
}
span.att1 {
background:#00437e;
  padding:3px 15px;
  margin:5px 0;
  font-weight: bold;
  font-size: 115%;
  display: inline-block;
  color: #fff;
  box-shadow: 0 0 2px #ede9e1 inset;
  border:1px solid #ebe7e6;
  font-weight: 900 !important;
}
span.att {
background:#7d181e;
  padding:3px 15px;
  margin:5px 0;
  font-weight: bold;
  font-size: 115%;
  display: inline-block;
  color: #fff;
  box-shadow: 0 0 2px #ede9e1 inset;
  border:1px solid #ebe7e6;
  font-weight: 900 !important;
}
#center .list a {
    background: url("./images/ico_list.png") left center no-repeat;
    padding-left: 25px;
    margin-left: 5px;
}
#header-r p.reservation{
    font-weight: 400;
    /*background: url("./images/icon_mail.svg") no-repeat 7% 50%;
        background-size: auto auto;
    background-size: auto 60%;*/
}
#header-r a {
    float: right;
}
.floatnone{
    float:none;
}

.p1-table ul li {
font-size: 12px;
    line-height: 1.5em;
    text-align: initial;
}

.p1-table ul{
margin: 0;
padding: 0 0 0 20px;
}
.diary-blog{
margin-top: 3%;
line-height: 1.5;
}
.red{
font-weight: bold;
color: red;
	}

.container {
    margin-right: 0;
   /* float: left;*/
    max-width: 980px;
    margin-left: 5px;
}
.logo {
font-size: 2.5rem !important;
color: #666146 !important;
text-shadow: -1px -1px 0px #fff, 1px 1px 0px #fff;
font-weight: 500;
}

.footer_accessL{
padding: 0.3rem !important;
width: 65% !important;
height: auto!important;
margin: auto;
}
.footer_accessL span {
    display: inline!important;
padding: 0 5px!important;
}

.facility-03,.facility-02,.facility-01,.facility-04,.facility-05,.facility-06 {
    margin: 10px!important;
}
#greeting {
padding: 10px 10% !important;
}
.post table.doctor {
    width: auto;
}

/*審美歯科のテーブル*/
table.t-case {
    border: none;
    margin: 0 auto;
   /*width:80%;*/}

table.t-case tr td {
    border: none;
    text-align: center;
    background: none;
    vertical-align: middle;
width: 50%;
}

table.t-case img {
	margin: 0;
	width: 100%;
}
table.t-case tr td:nth-child(1) {
    background: none!important;
    text-align: center;
color: #000!important;
}
@media only screen and (max-width: 640px) {
	.post table.t-case tr td{ width: 100%;display: table-cell;}
table.t-case {
    width:98%;}
.logo{
    font-size: 1.5rem !important;
}
header h1 {
    top: auto!important;;
}
.footer_telnumber {
    font-size: 1.5rem!important;;
}
.footer_Larea h3 {
    font-size: 1.5rem!important;;
    margin-bottom: 0!important;;
}
}
.post ul qadl dd ul{
    list-style-type: none;
    padding-top: 0px;
    padding-right: 20px;
    padding-bottom: 0px;
    padding-left: 60px;
    margin-bottom: 0;
    margin-top: 0;
}
.post ul qadl dd ul li {
    font-size: 14px;
    line-height: 27px;
}
.sidetel {
	/*background: radial-gradient(circle at top,#fff 50px, #ebebe1);*/
	}
.sidetel02 {
    /*background: #f8f8f5;*/
}
.fc-red {
    color: #f35757;
}
.faq a {
    background: url("./images/question.png") left center no-repeat;
	padding-left: 25px;
}
#character_area{
	padding:50px 0 0;
}

#character_area .cnt_box{
	max-width:380px;
	width:31.33%;
	float:left;
	margin:0 1%;
}

#character_area .pic{
	max-width:380px;
}

#character_area .pic img{
	width:100%;
}

#character_area h4{
	font-size:18px;
	position:static;
	border:none;
	color:#000;
	padding:30px 0 20px;
	text-align:center;
}
#character_area .cnt_box a{
text-decoration: none;
}
#character_area .cnt_box p{
	font-family: 'shingopro-regular';
	font-size:13px;
	line-height:23px;
	color:#333;
	text-align:center;
	margin:0;
}
@media only screen and (max-width: 640px) {
	#character_area .cnt_box{
	width:auto;
	float:none;
	margin:0 auto 20px;
}
}
.col01 li p{
position: absolute;
bottom: 10%;
right: 10%;
text-shadow: 2px 2px 1px #ffffff, -2px 2px 1px #ffffff, 2px -2px 1px #ffffff, -2px -2px 1px #ffffff, 2px 0px 1px #ffffff, 0px 2px 1px #ffffff, -2px 0px 1px #ffffff, 0px -2px 1px #ffffff;
}
@font-face
{
font-family: 出島明朝;
src: url('https://cdn.leafscape.be/dejima-mincho/dejima-mincho_web.woff2')
     format("woff2");
}
.index01 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    border: 1px solid #bfb9b1;
}
.index01 ul li {
    width: 20%;
    box-sizing: border-box;
    border: 1px solid #bfb9b1;
        border-top-color: rgb(191, 185, 177);
        border-top-style: solid;
        border-top-width: 1px;
        border-right-color: rgb(191, 185, 177);
        border-right-style: solid;
        border-right-width: 1px;
    border-top: none;
    border-right: none;
}
.index01 ul li a:hover {
    background: rgba(144, 153, 64, 0.8);
}
.index01 ul li a {
    position: relative;
    display: block;
    padding: 14px 15px 5px;
    box-sizing: border-box;
	text-decoration: none;
}
.index01 ul li a img {
    display: block;
    margin: 0 auto 4px;
    position: relative;
    z-index: 1;
	width: 40%;
	height: 60px;
}
.index01 ul li a span.bold {
    font-size: 16px;
    text-align: center;
    margin: 15px 0 8px;
}
.index01 ul li a span {
    font-size: 12px;
    line-height: 1.66;
    display: block;
    text-align: left;
    color: #fff;
    position: relative;
    z-index: 1;
}
.ybox {
    float: left;
}
#mbox {
    float: left;
}
#mbox img {
    border: none;
    margin-top: 65px;
	width: auto;
}
.ybox img {
	width: auto;
}
.yokobox {
    overflow: hidden;
    margin: 0 auto;
        margin-bottom: 0px;
    margin-bottom: 20px;
    display: block;
    width: 81%;
}
@media only screen and (max-width: 640px) {
.ybox img {
    width: 98%;
}
.index01 ul li {
    width: 50%;
}
.index01 ul {
width: 98%;
    margin: 0 auto;
}
#r-table thead, #w-table thead, #p-table thead, #pw-table thead, #pd-table thead {
    display: none;
}
#p-table img, #pw-table img, #pd-table img, .p1-table img {
    width: 40% !important;
    margin: 0 auto;
	float: none;
}
/* インプラントタイトルを追加 
#r-table td:nth-of-type(2):before { content: "従来の治療法";background: #def0ff;display: block;text-align: center;}
#r-table td:nth-of-type(3):before { content: "インプラント治療";background: #def0ff;display: block;text-align: center;}
*/
/* ホワイトニングタイトルを追加 */
#w-table td:nth-of-type(2):before { content: "従来のホワイトニング";background: #def0ff;display: block;text-align: center;}
#w-table td:nth-of-type(3):before { content: "ポリリンホワイトニング";background: #def0ff;display: block;text-align: center;}

/* 料金表タイトルを追加 */
#p-table td:nth-of-type(2):before { content: "イメージ";background: #def0ff;display: block;text-align: center;}
#p-table td:nth-of-type(3):before { content: "長所";background: #def0ff;display: block;text-align: center;}
#p-table td:nth-of-type(4):before { content: "短所";background: #def0ff;display: block;text-align: center;}
#p-table td:nth-of-type(5):before { content: "価格";background: #def0ff;display: block;text-align: center;}
#p-table td:nth-of-type(6):before { content: "保証";background: #def0ff;display: block;text-align: center;}

#pw-table td:nth-of-type(2):before { content: "イメージ";background: #def0ff;display: block;text-align: center;}
#pw-table td:nth-of-type(3):before { content: "美しさ";background: #def0ff;display: block;text-align: center;}
#pw-table td:nth-of-type(4):before { content: "丈夫さ";background: #def0ff;display: block;text-align: center;}
#pw-table td:nth-of-type(5):before { content: "清潔感";background: #def0ff;display: block;text-align: center;}
#pw-table td:nth-of-type(6):before { content: "長所";background: #def0ff;display: block;text-align: center;}
#pw-table td:nth-of-type(7):before { content: "短所";background: #def0ff;display: block;text-align: center;}
#pw-table td:nth-of-type(8):before { content: "価格";background: #def0ff;display: block;text-align: center;}
#pw-table td:nth-of-type(9):before { content: "保証";background: #def0ff;display: block;text-align: center;}
	
#pd-table td:nth-of-type(2):before { content: "イメージ";background: #f4f2eb;display: block;text-align: center;}
#pd-table td:nth-of-type(3):before { content: "内容";background: #f4f2eb;display: block;text-align: center;}
#pd-table td:nth-of-type(4):before { content: "価格";background: #f4f2eb;display: block;text-align: center;}
table.smanavinone td:nth-of-type(2):before { content:none !important;}
#pd-table table .w5 {width: 100%;}
}
.post #pw-table table p {
font-size: small;
}
.Main-MenuArea p{
    position: absolute;
    bottom: 3%;
    right: 3%;
text-shadow: 2px 2px 1px #ffffff, -2px 2px 1px #ffffff, 2px -2px 1px #ffffff, -2px -2px 1px #ffffff, 2px 0px 1px #ffffff, 0px 2px 1px #ffffff, -2px 0px 1px #ffffff, 0px -2px 1px #ffffff;
}
.Main-MenuArea h2 span{
font-size: 1.3em;
color: #326a98;
font-weight: bold;
}
#Main-Visual.inner{
max-width: 1400px;
margin: 0 auto;
}
ul.sw_liststyle3 {
list-style: none;
width: 100%;
overflow: hidden;

}

ul.sw_liststyle3 li {
float: left;
margin-right:2.5%;
margin-bottom:1.5%;
width: 31%;
text-align: left;
font-size: 1.1em;
line-height: 1;
border: solid 2px #f3eddf;
border-radius: 5px;
}
ul.sw_liststyle3 li:nth-child(3n) {
margin-right:0;
}
ul.sw_liststyle3 li a {
	position: relative;
	box-shadow: 0px 1px 4px rgba(87,59,43,0.3);
	padding:15px 20px;
	border-top:solid 1px #ffd596;
	border-right:solid 1px #FF9000;
	border-bottom:solid 1px #FF9000;
	border-left:solid 1px #ffd596;
	border-radius: 5px;
	font-weight: 600;
	text-decoration: none;
	color: #fff;
	text-shadow: -1px -1px 0px #a3aa5f;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ffd596), color-stop(0.00, #FF9000));
	background: -webkit-linear-gradient(#ffd596, #FF9000);
	background: -moz-linear-gradient(#ffd596, #FF9000);
	background: -ms-linear-gradient(#ffd596, #FF9000);
	background: linear-gradient(#ffd596, #FF9000);
	width: 100%;
}
ul.sw_liststyle3 li a:after {
content: url("./images/arrow03.png") ;
position: absolute;
top: 50%;
right: 10px;
margin-top: -10px;
}
ul.sw_liststyle3 li a:hover {
background-color: rgba(147,160,52,.8);
opacity:0.8;
}
@media only screen and (max-width: 960px) {
	ul.sw_liststyle3 {
		width: 100%;
		height: auto;

	}

	ul.sw_liststyle3 li:nth-child(3n) {
		margin-right: 10px;
	}

	ul.sw_liststyle3 li {
		font-size: 1em;
		width: 47%;
		margin-right: 10px;
	}

	ul.sw_liststyle3 li:nth-child(2n) {
		margin-right:0;
	}

}
@media only screen and (max-width: 640px) {
.post table.t-case3 tr td:nth-child(1){
background: none !important;
color: #000;
	}
.post table.t-case3 tr td {
  border: none;
  width: 100%;
  display: block;
}
	}
/*ヘッターカスタマイズ*/
#gazou-wide {
float: left;
padding: 20px 0 0 0;
}
#gnav2 {
    width: auto;
	}
#gnav2 ul li {
width: 95px;
  height: 40px;
	}
#header-r .header-r_box {
padding: 0;
}
#header-r p.tel_number {
width: auto;
font-weight: 600;
color: #fff;
font-size: large;
height: auto;
font-family: 'YuGothic','游ゴシック体','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-Serif !important;
}
.metal {
    border-radius: 0;
    margin: 0;
padding:8px 0px;
  height: auto;
	width: 100%;
	background: url(./images/back.jpg) repeat-x;
background:rgb(125, 24, 30);
text-align: center;
}
.metal.orange{
/*background: #f7f0e4;
background: url(./images/back2.jpg) repeat-x;
padding: 14px 0px;*/
background: #efe7e7;
}
#header-r a {
  float: none;
  text-decoration: none;
}
#header-r {
/* margin-top: 0px;
background-color: rgba(255, 255, 255, 0.8);*/
}
#gnav2 ul li a span {
    font-size: 10px;
    color: #aaa;
}
#gnav2 ul.sub-menu li {
    border-right: none;
    height: 40px;
}
#gnav2 ul.menu li li a {
position: fixed;
  width: 280px;
  Font-size: small;
  height: 40px !important;
  display: block;
}
header {
	background: rgb(255, 255, 255);
	box-shadow: none;
}
#header-l h1, #header-l h1 a {
top: 10px;
  position: relative;
	width: 100%;
text-align: center;
}
.pc-nav {
width: auto !important;
float: left;
margin: 0;
}
#header-r p.reservation {
font-size: large;
float: none;
font-family: 'YuGothic','游ゴシック体','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-Serif !important;
  font-weight: bold;
}
#header-l h1 a span {
font-size: small;
font-family: 'Hiragino Kaku Gothic ProN', '游ゴシック', YuGothic, 'メイリオ', Meiryo, sans-serif;
font-weight: 500;
color: #555;
}
#header-l img {
width: 20px;
display: initial;
position: relative;
float: left;
margin: 0 10px;
}
.is-fixed {
	width: 100% !important;
	height: 50px;
	padding: 5px !important;
}
.is-fixed #gnav2 ul li {
width: 14.2%;
height: 38px;
}
.is-fixed #gnav2 ul li a span {
display: none;
}
#gnav2 ul.sub-menu li {
    width: 100% !important;
    height: 40px !important;
}

#Main-Visual.inner .bx-viewport ul li{
/*background-color: #000;*/
display: inline-block;
position: relative;
overflow: hidden;
/*opacity: 0.8;*/
}
.btn_f {
width: auto;
height: auto;
font-size: 20px;
letter-spacing: 2px;
}
.index_top_info {
bottom: 100px;
  z-index: 9;
  position: absolute;
  left: 2%;
}
.index_top_info .tate-top{
letter-spacing: 0.1em;
  color: #3d352f;
  font-weight: bold;
  font-size: 2.8rem;
  line-height: 1.6;
  margin: 0;
  text-shadow: 0 0 5px #fff,1px 1px 5px #fff,1px -1px 5px #fff,-1px -1px 5px #fff,-1px 1px 5px #fff;
	}
.color01 {
color: #c44c89;
  font-size: 125%;
  font-weight: bold;
}
.color02 {
color: #00437e;
  font-size: 120%;
  font-weight: bold;
}
/*可変枠*/
.bg03 {
/*background-image: url("./images/kakomi.png");
background-image: url("./images/path4044.png");*/
padding: 20px 40px;
background-size: 100% 100%;
border: 10px solid rgba(255, 255, 255, 0.5);
border: 1px solid rgb(255, 255, 255);
background: rgba(64, 31, 7, 0.5);
background: rgba(64, 31, 7, 0.9);
background: none;
border: none;
text-align: left;
  filter: drop-shadow(3px 3px 2px rgb(255, 255, 255));
  width: 100%;
}
.bg03 p {
font-size: 1.2em;
  margin: 10px 0;
  text-shadow: 0 0 5px #fff,1px 1px 5px #fff,1px -1px 5px #fff,-1px -1px 5px #fff,-1px 1px 5px #fff;
}
.txt_right {
  text-align: right;
}
@media only screen and (max-width: 980px) {
.bg03 {
padding: 10px;
padding-bottom: 0;
width: 100%;
}
.index_top_info {
top: auto;
    width: 100%;
    right: 0;
    left: 0;
bottom: 130px;
}
.font30 {
font-size: 25px !important;
}
.index_top_info .tate-top {
font-size: 28px;
}
}
table.sw_tbl01 {
border-collapse:collapse;
border:none;
border-spacing:0;
border-top:  solid 1px #c0b4a7;
border-bottom:  solid 1px #c0b4a7;
width: 100%;
margin-bottom: 20px;
}
table.sw_tbl01 tr th {
box-shadow: none;
}


table.sw_tbl01 tr th ,
table.sw_tbl01 tr td {
padding: 3px;
vertical-align:middle;
border:none 0px #000;
border-top:  solid 1px #c0b4a7;
font-weight:normal;
text-align:center !important;
background-color: transparent;
}

table.sw_tbl01 tr th {
font-weight: normal;
}

table.sw_tbl01 tr td {
border-left: solid 1px #ccc;
font-size: smaller;
}

@media only screen and (max-width: 960px) {
	.post table.sw_tbl01 tr td { display: table-cell;}
}

@media only screen and (max-width: 640px) {
table.sw_tbl01 {border-collapse:collapse;border:none;border-spacing:0;width: 100%;margin-bottom: 20px;}
table.sw_tbl01 tr{ border-bottom:1px solid #32120a;}
table.sw_tbl01 tr th {box-shadow: none;}
table.sw_tbl01 tr th ,table.sw_tbl01 tr td {padding: 5px;vertical-align:middle;border:1px #fff;font-weight:normal;text-align:left;}
table.sw_tbl01 tr th {text-align: center;font-weight: 500;background-color:#099be8;color:#fff;}
.sw_bottom_info_box table.sw_tbl01 tr th,.sw_bottom_info_box table.sw_tbl01 tr td{padding:10px;font-size: 1em;}
.post table.t-case,.post table.t-case tr,.post table.t-case th,.post table.t-case td,.post table.t-case td:nth-child(1){border:none;background:none;vertical-align: middle;display: block;}
.post table.t-case img {float:none;margin: 0 auto;}
#headbox {
height: auto;
}
.home #headbox {
height: 120px;
}
#header-l {
width: 100%;
padding: 1%;
height: 60px;
}
section h2 span {
    font-size: large;
    letter-spacing: 3px;
}
.Main-MenuArea p {
font-size: small;
}
.uwpqsf_class > span[class*="taxolabel-"] {
    width: 100%;
}
	}
.post table p {
text-align: left;
font-size: smaller;
line-height: 1.5em !important;
}
.post table.t-case p {
margin: 3% 0;
font-size: unset;
}
.small {
font-size: smaller !important;
}
.category h2,.category-diary-blog h2 {
    background: #7d181e;
    color: #fff;
    font-size: 20px;
    line-height: 27px;
    margin: 20px 0;
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
}
.category h2::after {
  content: none;
}
span.orange {
    color: #FF6600;
}
span.blue {
    color: #0066CC;
}
header{
  display: block;
  position: absolute;
  width: 100%;
  z-index: 9999;
  background-color: rgba(255, 255, 255, 0);
}

.pc-nav {
  height: 0px;
  position: relative;
padding: 25px 0;
}
#gnav2 ul li a {
justify-content: center;
  align-items: center;
  font-size: medium;
  display: flex;
  line-height: 1.7 !important;
}
span.newslogo{
padding: 0;
letter-spacing: 0.2em;
color: #bbb;
float: left;
position: relative;
top: 10px;
}
.btn02.ichiran a{
letter-spacing: 0;
font-size: 13px;
padding: 0 8% 0 3%;
line-height: 2;	
}
.btn02.ichiran {
  position: relative;
  margin-bottom: 2%;
  border-bottom: 1.4px solid #bbb;
  padding-bottom: 1%;
}
.ditem.w20{
width: 20%;
text-align: center;
}
.kokuban span.date {
padding: 2px 15px;
background: rgb(155, 140, 108);
margin: 0 10px 0 0px;
color: #fff;
}
.more {
position: absolute;
width: auto;
bottom: 0;
right: 0;
background: black;
padding: 5% 1% 2% 8%;
background: linear-gradient(to top left, #886869 50%, transparent 50%) top left/ 100% 100% no-repeat;
}
@media only screen and (max-width: 640px) {
.ditem.w20 {
  width: 100%;
}
.topnews span.newslogo {
  line-height: 0.5;
}
.ditem.w80 {
  max-width: 100%;
}
.ditem {
  width: 100%;
}
	}
#gazou-wide {
	margin: 0;
	}
/* -----------------------------------------------------------
index_cont02
----------------------------------------------------------- */

#index_cont02 {
	padding: 150px 0 90px;
}
#index_cont02 .cont02_inner {
	margin-bottom: 35px;
	width: 100vw;
}
#index_cont02 .cont02_tit {
	width: 21.5vw;
	position: relative;
	z-index: 1;
}
#index_cont02 .cont02_tit:after {
	position: absolute;
	z-index: -1;
	bottom: 80px;
	right: 60px;
	width: calc(50% - 40px);
	height: 20.5vw;
	display: block;
	content: '';
	border-left: #E1CCAE 1px solid;
	border-bottom: #E1CCAE 1px solid;
}
#index_cont02 h3 {
	text-align: center;
}
#index_cont02 .cont02_tit h3:nth-child(1) {
	min-height: 250px;
	margin-top: 100px;
	padding-bottom: 20px;
}
#index_cont02 h3 .h3_en {
	transform: rotate(-90deg);
	display: inline-block;
	font-size: 114px;
	margin-left: -36px;
	padding-left:20px;
}
#index_cont02 .cont02_box {
	width: 78.5vw;
}
#index_cont02 .cont02_list {
	padding: 0 0 55px 0;
	box-sizing: border-box;
	position: relative;
	z-index: 1;
	margin-bottom: 40px;
}
#index_cont02 .cont02_list:after {
	position: absolute;
	z-index: -1;
	bottom: 0;
	left: -55px;
	width: 384px;
	height: 384px;
	background: #E1CCAE;
	display: block;
	content: '';
}
#index_cont02 .cont02_list li {
	width: 15.5vw;
	height: 15.5vw;
	position: relative;
	z-index: 1;
	transition: 0.5s all;
	overflow: hidden;
	background:#000;
}
#index_cont02 .cont02_list li img {
	max-width: 100%;
	max-height: 100%;
	transform: scale(1, 1);
	transition:0.8s all;
}
#index_cont02 .cont02_list li img.img_on {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	opacity: 0;
	transition: 0.8s all;
}
#index_cont02 .cont02_list li:hover img.img_on {
	opacity: 1;
	transform: scale(1.1, 1.1);
}
#index_cont02 .cont02_list li:hover img.img_off {
	opacity: 0;
}
#index_cont02 .cont02_list a {
	position: absolute;
	z-index: 5;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	flex-direction: column;
	text-decoration: none;
	/*! font-family: 'NotoSerifCJKjp-Medium'; */
	font-size: 15px;
	color: #fff;
}
#index_cont02 .cont02_list li:nth-child(2n+1) a {
	color: #333333;
}
#index_cont02 .cont02_list li:before {
	position: absolute;
	z-index: 3;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: calc(100% - 60px);
	height: calc(100% - 60px);
	content: '';
	display: block;
	background: rgba(255,255,255,0.7);
}
#index_cont02 .cont02_list li:nth-child(2n+2):before {
	background: rgba(82,72,67,0.6);
}
#index_cont02 .cont02_list a span {
	font-family: 'Poppins-Medium';
	font-size: 26px;
	display: block;
	letter-spacing: 2px;
	text-align: center;
}
#index_cont02 .cont02_txt {
	width: 800px;
}
.box_flex {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}

  @media screen and (max-width: 1400px) and (min-width: 641px) {
#index_cont02 h3 .h3_en {
  left: -2vw;
}
#index_cont02 h3 .h3_en {
  left: -2vw;
font-family: bickham-script-pro-3, sans-serif;
font-size: 150px;
padding: 0;
font-weight: 500;
color: #8a8576;
font-style: italic;
}
#index_cont02 h3 {
  background: #fff;
}
#index_cont02 .cont02_tit .h3_jp {
  display: inline-block;
  background: #fff;
}
#index_cont02 .cont02_tit .h3_jp {
  padding: 10px 0;
}
#index_cont02 .cont02_list li::before {
  width: calc(100% - 40px);
  height: calc(100% - 40px);
}
}
@media screen and (max-width: 640px) {
	#index_cont02 {
	padding: 90px 0 20px;
}
#index_cont02 .cont02_list:after {
	top: -180px;
	bottom: auto;
	left: auto;
	right: 0;
	width: 150px;
	height: 150px;
}

#index_cont02 .cont02_list li:nth-child(3):before, #index_cont02 .cont02_list li:nth-child(7):before {
	background: rgba(82,72,67,0.6);
}
#index_cont02 .cont02_list li:nth-child(3) a, #index_cont02 .cont02_list li:nth-child(7) a{
	color:#fff;
}
#index_cont02 .cont02_list li:nth-child(4):before, #index_cont02 .cont02_list li:nth-child(8):before {
	background: rgba(255,255,255,0.7);
}

#index_cont02 .cont02_list li:nth-child(4) a, #index_cont02 .cont02_list li:nth-child(8) a{
	color:#333;
}
#index_cont02 .cont02_tit {
	width: 100%;
	order: 1;
	display: -webkit-flex;
	flex-wrap: wrap;
	z-index: 10;
}
#index_cont02 .cont02_box {
	width: 100%;
	order: 2;
	padding: 0 10px;
	box-sizing: border-box;
}
#index_cont02 .cont02_tit h3:nth-child(1) {
	min-height: 100px;
	margin: 0 0 20px;
	max-width: 115px;
}
#index_cont02 .cont02_tit:after {
	display: none;
}
#index_cont02 .cont02_list {
	padding: 0;
	margin-bottom: 20px;
	width: 100%;
}
#index_cont02 .cont02_list li {
	width: calc(50vw - 10px);
	height: calc(50vw - 10px);
}
#index_cont02 .cont02_txt {
	width: 100%;
}
#index_cont02 h3 .h3_en {
  transform: none;
  display: inline-block;
  font-size: 80px;
  margin-left: 0;
  padding-left: 20px;
}
}

/* -----------------------------------------------------------
Top01
----------------------------------------------------------- */
.wrapper1000 {
  max-width: 1000px;
  margin: 0 auto;
  overflow: hidden;
}
.top01 {
	background: #efece6;
    font-family: "Yu Mincho",YuMincho,"Hiragino Mincho ProN","Sawarabi Mincho";
    padding-bottom: 100px;
}
.top01 .box-a {
	background: url(./images/top/top02-bg01.jpg) no-repeat 0 0;
}
.top01 .box-b {
	background: url(./images/top/top02-bg02.jpg) no-repeat right 0;
}
.top01 .box-c {
	background: url(./images/top/top02-bg03.jpg) no-repeat 0 0;
}
.top01 .box-d {
	background: url(./images/top/top02-bg04.jpg) no-repeat right 0;
}
.top01 .box-e {
	background: url(./images/top/top02-bg05.jpg) no-repeat 0 0;
}
.top01 .box-f {
	background: url(./images/top/top02-bg06.jpg) no-repeat right 0;
}
.top01 .box {
    margin-top: 40px;
    height: 395px;
    padding: 40px;
}
.top01 p {
    font-size: 18px;
    width: 440px;
}
.top01 .box-a p,
.top01 .box-c p,
.top01 .box-e p {
	margin-left: auto;
}
.top01 .box-a .top_btn img,
.top01 .box-c .top_btn img,
.top01 .box-e .top_btn img {
    display: block;
	margin-left: auto;
}
.top01 .box-a h3,
.top01 .box-c h3,
.top01 .box-e h3 {
	text-align: right;
}
.top01 .box-a h4,
.top01 .box-c h4,
.top01 .box-e h4 {
	text-align: right;
}
.top01 .box-b h3,
.top01 .box-d h3,
.top01 .box-f h3 {
	text-align: left;
}
.top01 .box-b h4,
.top01 .box-d h4,
.top01 .box-f h4 {
	text-align: left;
}
.top01 .box-a h3:after {
    content: '01';
    margin-left: 10px;
}
.top01 .box-b h3:before {
    content: '02';
    margin-right: 10px;
}
.top01 .box-c h3:after {
    content: '03';
    margin-left: 10px;
}
.top01 .box-d h3:before {
    content: '04';
    margin-right: 10px;
}
.top01 .box-e h3:after {
    content: '05';
    margin-left: 10px;
}
.top01 .box-f h3:before {
    content: '06';
    margin-right: 10px;
}
.top01 .box h3:before,
.top01 .box h3:after{
    color: #ff890a;
    font-size: 50px;
    line-height: 1.0em;
}
.top01 .box h3 {
    color: #4d2504;
    font-size: 21px;
    font-weight: 500;
    line-height: 1.0em;
    margin-bottom: 10px;
}
.top01 .box h3 span {
    color: #ff890a;
}
.top01 .box h4 {
    color: #4d2504;
    font-size: 34px;
    font-weight: 500;
    line-height: 1.0em;
    margin-bottom: 20px;
}
/* button002 */
.button002 a {
    background: #7b6f5e;
    border-radius: 50px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    max-width: 350px;
    padding: 10px 25px;
    margin: 20px auto;
    color:#FFF;
    transition: 0.3s ease-in-out;
    font-weight: 500;
	text-decoration: none;
}
.button002 a:hover {
    background: #eee;
    color: #313131;
}
.button002 a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
.button002 a:hover:after {
    border-color: #FFF;
}
@media only screen and (max-width: 640px) {
.top01 p {
width: auto;
font-size: inherit;
}
.top01 .box {
  height: auto;
  padding: 20px;
}
.sma-mask {
background: rgba(255, 255, 255, 0.8);
padding: 20px;
}
}
/* ----- p-index_feature ----- */
.p-index_feature_boxWrap{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-bottom: 10px;
}
.p-index_feature_box{
  width: calc((100% - 50px) / 3);
  margin-bottom: 40px;
  cursor: pointer;
  display: block;
}

.p-index_feature_box:hover {
  cursor: pointer;
  opacity: .8;
}

.p-index_feature_box_textBox{
  position: relative;
  padding-top: 65px;
  padding: 65px 15px 0;
}
.p-index_feature_box .num{
  width: 60px;
  height: 60px;
  transform: translateY(-50%) rotate(45deg);
  position: absolute;
  background-color: #00c1d2;
  left: 40%;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.p-index_feature_box .num span{
  color: #fff;
  font-size: 32px;
  font-size: 3.2rem;
  transform: rotate(-45deg);
  display: inline-block;
}
.p-index_feature_box_text_ttl{
  color: #112142;
  font-size: 24px;
  text-align: center;
  line-height: 1.5;
}
.p-index_feature_box_text_ttl .mini{
  display: block;
font-size: 16px;
  color: #00c1d2;
  margin-bottom: 10px;
}
.p-index_feature_box_text{
  margin-top: 10px;
}
a.p-index_feature_box{
  text-decoration: none;
}
@media only screen and (max-width: 640px) {
.p-index_feature_boxWrap{
    flex-direction: column;
    padding: 0 15px;
  }
  .p-index_feature_box{
    width: 100%;
    margin-bottom: 25px;
  }
  .p-index_feature_box_textBox{
    padding: 55px 15px 0;
  }
  .p-index_feature_box .num{
    width: 50px;
    height: 50px;
    transform: translate(-34px,-50%) rotate(45deg);
    left: 50%;
  }
  .p-index_feature_box_text_ttl{
    font-size: 20px;
  }
  .p-index_feature_box_text_ttl .mini{
    font-size: 14px;
    margin-bottom: 5px;
  }
  .p-index_feature_box_text{
    font-size: 15px;
    margin-top: 10px;
  }
  }
/*==========================================
 ピックアップ
===========================================*/
.pickup {
  width: 100%;
  overflow: hidden;
  margin: 0 !important;
}
.pickup.bg {
background: rgba(64, 58, 51, 0.08);
}
.pickupArea{
display:flex;
width: 100%;
}
.pickupImg{
width: 55%;
}
.pickupImg img {
object-fit: cover;
height: 100%;	
}
.pickupImg img::after {
/* 	content: "";
  width: calc(50% - calc(40 / 1920 * 100vw));
  height: calc(100% - calc(40 / 1920 * 100vw));
  border: 1px solid #fff;
  margin: auto;
  position: absolute;
  left: calc(20 / 1920 * 100vw);
  top: 0;
  bottom: 0;
  z-index: 1*/
}	
.pickupTxtBox{
width: 70%;
position: relative;
background-color: #eeede8;
}
.pickupTxt{
padding: 0 60px;
background-color: #eeede8;
box-sizing: border-box;
}
.Txtleft{
	left: 10%;
}	
.pickupTxt p{
line-height: 2em !important;
  margin-bottom: 15px;
  font-size: 1.2em;
}

.pickupBg{
background: url(./images/top/picupLogo_bg.png) no-repeat left top;
padding: 40px 60px 0 10px;
background-size: 25%;
}
.pickup-h2{
position: relative;
font-size: 38px;
line-height: 1.3;
padding: 5% 0 3%;
}
.btn-normal {
  display: inline-block;
  text-align: left;
  background-color:#7D181E;
  color: #FFF;
  text-decoration: none;
  position: relative;
}
.btn-normal:before {
  font-family: "FontAwesome";
  content: "\f105";
  position: absolute;
  top: 35%;
  left: 20px;
  color: #FFF;
  margin-top: -8px;
}
.btn-normal:hover {
  background-color: #fff;
  color: #8A8576;
  border:1px solid #8A8576;
}
.btn-normal:hover:before {
  color: #8A8576;
}
.btn-normal-A{
  font-weight: bold;
  padding: 8px 20px 8px 32px;
}
.mt30 {
  margin-top: 30px !important;
}
.t-c{
text-align: center !important;
}
@media screen and (min-width: 0px) and (max-width:768px) {
.pickupArea{
display:flex;
flex-wrap: wrap;
width: 100%;
padding: 40px 0;
}
.pickupTxt p {
  font-size: 1em;
}
.pickupImg{
min-width: 350px;
width: 100%;
}
.pickupTxtBox{
width: 100%;
position: relative;
}
.pickup-h2{
font-size: 30px;
line-height: 1.8em;
margin-bottom: 2%;
}
.pickupBg{
background: url(./images/top/picupLogo_bg.png) no-repeat left top;
padding: 30px;
background-size: 35%;
}
.pickupTxt{
position: relative;
    left:0;
    top: 0;
    background: rgba(255,255,255,0.9);
    width: 95%;
    padding: 10px;
    margin: 20px auto;
}
}
/*==========================================
院長あいさつ装飾
===========================================*/
#greeting {
  padding: 60px 20px;
  background: url(../images/top/picupLogo_bg.png),url(../images/top/picupLogo_bg.png);
  background-repeat: no-repeat, no-repeat;
  background-position: top left, bottom right;
}
/*==========================================
このようなお悩みございませんか
===========================================*/
.flexbox {
  display: flex;
}
.topLinks {
position:relative;
max-width: 1000px;
margin: 0 auto;
}
@media screen and (max-width: 599px) {
 .topLinks {
  padding-bottom:35px
 }
}
.topLinks_childWrap {
 flex-wrap:wrap;
 justify-content:space-between;
 margin:50px 0 0
}
@media screen and (max-width: 599px) {
 .topLinks_childWrap {
  margin:35px 0 0
 }
}
.topLinks_child {
 width:22%;
 position:relative
}
@media screen and (max-width: 599px) {
 .topLinks_child {
  width:48%
 }
}
.topLinks_child img {
 filter:drop-shadow(6px 6px 7px rgba(0,0,0,0.3));
 will-change:filter;
}
.topLinks_child.whiteBase {
 color:#005083
}
.topLinks_child.blueBase, .topLinks_child.blueBase a {
 color:white
}
.topLinks_child:nth-child(2) .topLinks_child-text {
 top:44%;
 left:55%
}
.topLinks_child:nth-child(4) .topLinks_child-text {
 top:44%;
 left:50%
}
.topLinks_child:nth-child(7) .topLinks_child-text {
 top:53%;
 left:50%
}
.topLinks_child:nth-child(8) .topLinks_child-text {
 top:55%;
 left:50%
}
.topLinks_child-text {
 position:absolute;
 transform:translate(-50%, -50%);
 width:100%;
 top:50%;
 left:50%;
 text-align:center
}
.topLinks_child-text h3 {
 font-size:20px;
 font-weight:bold;
 line-height:1.6
}
@media screen and (max-width: 599px) {
 .topLinks_child-text h3 {
  font-size:14px
 }
}
.topLinks_child-text p {
 line-height:1.6;
 font-size:16px
}
@media screen and (max-width: 599px) {
 .topLinks_child-text p {
  font-size:14px
 }
}
.topLinks_soudan {
 position:absolute;
 width:200px;
 top:50px;
 right:5%
}
@media screen and (max-width: 599px) {
 .topLinks_soudan {
  display:none
 }
}
/*==========================================
３つのpolicy
===========================================*/
	
#policy {
  text-align: center;
}
#policy .frame ul {
	width: 1280px;
	font-size: 0;
	margin: 50px auto 0;
}

#policy .frame ul li {
	width: 33%;
	font-size: 16px;
	display: inline-block;
	background: #f7f4f0;
	vertical-align: top;
	padding-bottom: 5%;
	background-image: url(./images/kakomi03.png);
background-size: 100% 100%;
height: 480px;
}
#policy .frame ul li:nth-child(2),
#policy .frame ul li:nth-child(4),
#policy .frame ul li:nth-child(6){
background: #f0e6d3;
	background-image: url(./images/kakomi03.png);
background-size: 100% 100%;
}
#policy .frame ul li img {
width: 60%;
position: relative;
margin: 40px auto 30px;
}

#policy .frame ul li h4 {
	width: 80%;
	font-size:27px;
	font-weight: normal;
	font-family: 'Noto Serif JP', serif;
	letter-spacing: 0.15em;
	margin: 0 auto 30px;
	padding-bottom: 10px;
	border-bottom: 1px solid #141e2b;
	display: flex;
align-items: center;
justify-content: center;
height: 70px;
line-height: 1.2em;
}
#policy .frame ul li strong {
	display: block;
margin-bottom: 30px;
line-height: initial;
width: 85%;
margin: 0 auto;
}
#policy .frame ul li strong.sub {
  text-align: left;
  width: 80%;
  margin: 0 auto 20px;
}
#policy .frame ul li p {
text-align: left;
margin: 0 auto;
letter-spacing: 0.1em;
padding: 0 10%;
}

#policy .frame ul li .btn a {
	width: 240px;
	height: 40px;
	line-height: 40px;
	font-family: 'Noto Serif JP', serif;
	border: 1px solid #141e2b;
	margin: 20px auto 0;
	background: url(../img/top/icon01.png) no-repeat right 10px center;
}

#policy .frame ul li .btn a.hvr-sweep-to-right:before {
	background: #141e2b url(../img/top/icon04.png) no-repeat right 10px center;
}

#policy .frame ul li:last-child .btn a {
	border: 1px solid #fff;
	background: url(../img/top/icon04.png) no-repeat right 10px center;
}

#policy .frame ul li:last-child .btn a.hvr-sweep-to-right:before {
	background: #fff url(../img/top/icon01.png) no-repeat right 10px center;
}

#policy .frame ul li:last-child .btn a.hvr-sweep-to-right:hover {
	color: #141e2b;
}

#policy .frame ul li .btn a {
	display: block;
}

#policy .frame ul li:last-child .btn a {
	color: #fff;
}

@media screen and (max-width: 960px) {
#policy .frame ul {
		width: auto;
		/*margin-right: 40px;
		margin-left: 40px;*/
	}

#policy .frame ul li {
		width: 100%;
		min-height: 0;
		padding-bottom: 40px;
	}

#policy .frame ul li:nth-child(1),#policy .frame ul li:nth-child(2) {
/*margin-bottom: 130px;*/
	}

#policy .frame ul li p {
		width: auto;
		padding: 0 40px 40px;
		min-height: 0;
	}
#policy .frame ul li img {
width: 60%;
margin: 30px auto;
	}
}
/*------------------------------
SERVICES
------------------------------*/
#services .btn-normal::before {
  font-family: "FontAwesome";
  content: "\f105";
position: unset;
padding: 0 2%;
}
#services .btn-normal {
text-align: center;
}
#services {
	overflow: hidden;
	text-align: center;
	background: url(./images/top/services.png) no-repeat;
	margin-top: 5%;
background-size: contain;
height: 365px;
margin-bottom: 3%
}

#services h2 {
	width: 40%;
	height: 338px;
	font-size: xxx-large;
	font-weight: normal;
	font-family: 'Marcellus SC', serif;
	line-height: 1;
	letter-spacing: 0.2em;
	display: table;
	float: left;
}

#services h2 em {
	vertical-align: middle;
	font-style: normal;
	display: table-cell;
}

#services h2 strong {
	font-weight: normal;
}

#services h2 b {
	font-weight: normal;
	font-family: 'Marcellus SC', serif;
	display: inline-block;
}

#services h2 span {
	/*font-size: 30px;
	font-family: 'Noto Serif JP', serif;
	display: block;
	letter-spacing: 0.3em;
	margin-top: 20px;*/
	line-height: .7em;
}

#services .link1 {
	  width: 60%;
	float: right;
	margin-bottom: 45px;
}

#services .link1 li {
	margin-bottom: 5px;
	position: relative;
}

#services .link1 li img {
	position: absolute;
	right: 60px;
	top: 45px;
	z-index: 1;
}

#services .link1 li img.on {
	display: none;
}

#services .link1 li:hover img.off {
	display: none;
}

#services .link1 li:hover img.on {
	display: block;
}

#services .link1 li:last-child {
	margin-bottom: 0;
}

#services .link1 li a {
	width: 97%;
	color: #fff;
	font-size: 25px;
	font-family: 'Noto Serif JP', serif;
	line-height: 100px;
	letter-spacing: 0.1em;
	display: block;
	position: relative;
	border: 1px solid #141e2b;
	margin-bottom: 5px;
}

#services .link1 li a:hover {
	color: #141e2b;
	border: 1px solid #141e2b;
}

#services .link1 li:nth-child(1) a {
	background: #141e2b url(./images/top/bnr01.jpg);
	background-blend-mode: overlay;
	background-size: cover;
}

#services .link1 li:nth-child(1) a:hover {
	background: #141e2b url(./images/top/bnr01.jpg);
	background-blend-mode: normal;
	background-size: cover;
}

#services .link1 li:nth-child(2) a {
	background: #141e2b url(./images/top/bnr02.jpg);
	background-blend-mode: overlay;
float: left;
	background-size: cover;
}

#services .link1 li:nth-child(2) a:hover {
	background: #141e2b url(./images/top/bnr02.jpg);
	background-blend-mode: normal;
	background-size: cover;
}

#services .link1 li:nth-child(3) a {
	background: #141e2b url(./images/top/bnr03.jpg);
	background-blend-mode: overlay;
float: left;
	background-size: cover;
}

#services .link1 li:nth-child(3) a:hover {
	background: #141e2b url(./images/top/bnr03.jpg);
	background-blend-mode: normal;
	background-size: cover;
}
#services .link1 li:nth-child(4) a {
	background: #141e2b url(./images/top/bnr04.jpg);
	background-blend-mode: overlay;
float: left;
	background-size: cover;
}
#services .link1 li:nth-child(4) a:hover {
	background: #141e2b url(./images/top/bnr04.jpg);
	background-blend-mode: normal;
		background-size: cover;
}

#services .link1 li:nth-child(5) a {
	background: #141e2b url(./images/top/bnr05.jpg);
	background-blend-mode: overlay;
float: left;
	background-size: cover;
}

#services .link1 li:nth-child(5) a:hover {
	background: #141e2b url(./images/top/bnr05.jpg);
	background-blend-mode: normal;
		background-size: cover;
}
#services .link1 li:nth-child(6) a {
	background: #141e2b url(./images/top/bnr06.jpg);
	background-blend-mode: overlay;
float: left;
	background-size: cover;
}

#services .link1 li:nth-child(6) a:hover {
	background: #141e2b url(./images/top/bnr06.jpg);
	background-blend-mode: normal;
	background-size: cover;
}
#services .link1 li:nth-child(7) a {
	background: #141e2b url(./images/top/bnr07.jpg);
	background-blend-mode: overlay;
float: left;
	background-size: cover;
}

#services .link1 li:nth-child(7) a:hover {
	background: #141e2b url(./images/top/bnr07.jpg);
	background-blend-mode: normal;
	background-size: cover;
}

#services .link1 li:nth-child(2) a,#services .link1 li:nth-child(3) a,#services .link1 li:nth-child(4) a,#services .link1 li:nth-child(5) a,#services .link1 li:nth-child(6) a,#services .link1 li:nth-child(7) a {
	width: 48%;
}
#services .link1 li:nth-child(3) a,#services .link1 li:nth-child(5) a,#services .link1 li:nth-child(7) a {
margin-left: 1%;
}
#services .btn-normal-A {
font-size: 16px;
width: 40%;
letter-spacing: 0.3em;
}

@media screen and (max-width: 960px) {
#services {
		background: url(../img/top/bg08.jpg) no-repeat center top;
		background-size: auto 100%;
		padding-bottom: 120px;
height: auto;
	}
#services .link1 li a {
	width: auto;
	  margin: 0 auto;
} 
#services .link1 li{
	width: auto;
} 
#services h2 {
		float: none;
		margin: 0 auto 60px;
		width: auto;
		height: auto;
		text-align: center;
	}

#services .link1 {
		width: auto;
		float: none;
		margin: 0 auto 45px;
	}
#services .link1 li:nth-child(2) a,#services .link1 li:nth-child(3) a,#services .link1 li:nth-child(4) a,#services .link1 li:nth-child(5) a,#services .link1 li:nth-child(6) a,#services .link1 li:nth-child(7) a {
	width: 49%;
	font-size: initial;
padding: 0;
margin-bottom: 1%;
}
#services .btn-normal-A {
width: 80%;
}
}
#sec3{
margin: 7% 0 4%;
}
#sec3 .tt1 {
  margin-bottom: 25px; }
#sec3 .row {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
 /* box-shadow: 7px 7px 11px -5px rgba(112, 112, 112, 0.5);*/
margin: 3% 2%;
}
  #sec3 .row .img1 {
width: 40%;
margin: 0;
top: -30px;
position: relative;
right: -50px;
z-index: -1;}
  #sec3 .row .right {
    width: 60%;
    box-sizing: border-box;
padding-left: 4%;
padding-right: 4%;
    padding-bottom: 35px;
    background-color: #7e6b34;
	background-color: #534d3c;
	/*background: url(./images/bgtexture002.png);*/
	background-image: url(./images/bgtexture010.png);
background-size: 100% 100%;
color: #fff; }
    #sec3 .row .right h3 {
      font-size: 24px;
      letter-spacing: 0.1em;
      line-height: 40px;
     margin: 5% 0 1% 0;
	letter-spacing: 5px;
      }
    #sec3 .sec3-2 .row .right{
background-color: #e1e1e1;
/*background: url(./images/bgtexture001.png);*/
background-image: url(./images/bgtexture010.png);
background-size: 100% 100%;
      }
    #sec3 .sec3-2 .row .right h3{
color: #000;
      }
#sec3 .sec3-2 .row .right .txt {
color: #000;
}
#sec3 .btn1.btn-cus a {
	  color: #fff;
	background: url("./images/arrow.png") left center no-repeat;
padding-left: 20px;
 }
#sec3 .sec3-2 .btn1.btn-cus a {
	  color: #000;
 }
    #sec3 .row .right .txt {
      margin-bottom: 20px;
}
#sec3 .sec3-1 {
  position: relative;
  /*margin-bottom: 80px;*/
}
  #sec3 .sec3-1:before {
    content: '';
    left: 0;
    top: 40px;
    bottom: -60px;
    width: calc(50% + 340px);
    z-index: -1;
    position: absolute;
    background-color: #EEE; }
  #sec3 .sec3-1 .row .img1 {
    background: url("./images/top/sec3_1.jpg") right bottom/cover no-repeat; }
#sec3 .sec3-2 {
  position: relative;
  /*margin-bottom: 80px;*/
}
  #sec3 .sec3-2:before {
    content: '';
    right: 0;
    top: 40px;
    bottom: -60px;
    width: calc(50% + 340px);
    z-index: -1;
    position: absolute;
    background-color: #EEE; }
  #sec3 .sec3-2 .row .img1 {
background: url("./images/top/sec3_2.jpg") right bottom/cover no-repeat;
right: 60px;
}
#sec3 .sec3-3 {
  position: relative; }
  #sec3 .sec3-3:before {
content: '';
    left: 0;
    top: 40px;
    bottom: -60px;
    width: calc(50% + 340px);
    z-index: -1;
    position: absolute;
    background-color: #EEE; }
  #sec3 .sec3-3 .row .img1 {
    background: url("./images/top/sec3_3.jpg") right bottom/cover no-repeat; }
#sec3 .sec3-4 {
  padding-top: 130px;
  padding-bottom: 70px; }
  #sec3 .sec3-4 .wrap {
    background: url("./images/top/sec3_4.jpg") center center/cover no-repeat;
    padding-top: 90px;
    padding-bottom: 80px; }
  #sec3 .sec3-4 .btn-cus {
    margin: 0 auto;
    width: 630px;
    height: 80px; }
    #sec3 .sec3-4 .btn-cus a {
      border: 1px solid #fff;
      background-color: rgba(20, 94, 160, 0.5);
      color: #fff;
      font-size: 33px; }
      #sec3 .sec3-4 .btn-cus a:before {
        background: url("./images/top/arow2@2x.png") 0 0/100% no-repeat;
        width: 80px;
        height: 80px; }
@media screen and (max-width: 1080px) {
  #sec3 .row .right h3 {
    font-size: 22px; } }
@media screen and (max-width: 768px) {
  #sec3 .row .right h3 {
    font-size: 20px; } 
    #sec2 .row .col{
      width: calc((100% - 20px)/2);
      margin-bottom: 18px;
    }
    #sec2 .row .col .content .tt-number{
      font-size: 40px;
    }
	 #sec3 .row .img1 {
top: 0px;
right: 0px;
}
#sec3 .sec3-2 .row .img1 {
  right: 0px;
}
  }
@media screen and (max-width: 1080px) {
  #sec3 .row .right h3 {
    font-size: 22px; } }
@media screen and (max-width: 768px) {
  #sec3 .row .right h3 {
    font-size: 20px; } 
    #sec2 .row .col{
      width: calc((100% - 20px)/2);
      margin-bottom: 18px;
    }
    #sec2 .row .col .content .tt-number{
      font-size: 40px;
    }
  }
.sp, .sp1 {
	display: none !important;
}
.mb {
	display: none;
}
@media screen and (max-width: 767px) {
.pc {
	display: none!important;
}
.sp {
	display: block!important;
}
 #sec3 .tt1 {
    margin-bottom: -20px; }
  #sec3 .row {
    flex-direction: column; }
    #sec3 .row .right {
      width: 100%; }
    #sec3 .row .img1 {
      width: 100%; }
  #sec3 .sec3-1:before {
    width: 100%;
    bottom: 100px; }
  #sec3 .sec3-2:before {
    width: 100%;
    bottom: 100px; }
  #sec3 .sec3-2 .row {
    flex-direction: column-reverse; }
  #sec3 .sec3-3:before {
    width: 100%;
    bottom: 100px; }
  #sec3 .sec3-4 {
    padding-top: 90px;
    padding-bottom: 40px; }
    #sec3 .sec3-4:before {
      width: 100%;
      bottom: 100px; }
    #sec3 .sec3-4 .wrap {
      margin-left: 20px;
      margin-right: 20px;
      padding: 40px 0; }
    #sec3 .sec3-4 .btn-cus {
      width: 100%; }
      #sec3 .sec3-4 .btn-cus a {
        font-size: 20px;
        padding-left: 80px;
        box-sizing: border-box;
        width: 100%;
        line-height: 30px; }
}
footer p{
color: #432d16;
text-align: center;
}
.link-footer a img{
float: left;
margin: .5%;
border: 1px solid #ccc;
width: 19%;
}
.link-footer{
margin: 0 auto;
overflow: hidden;
}
@media screen and (max-width: 767px) {
.link-footer a img {
width: 49%;
}
}
#mybox .link-mybox img {
  margin: 2% auto;
  width: 80%;
  border: 1px solid #ccc;
}

.copyright p{
color: #FFF;
}
small {
  font-size: small !important;
}
.wp-caption-text {
font-size: medium;
color: #000;
margin-bottom: 5%;
}
.list a {
/* background: url("./images/arrow.png") left center no-repeat;
  padding-left: 20px;*/
}
.cap-img{
width: 35%;
float: right;
margin: 0 0 2% 2%;
}
.post .cap-img img {
  width: 100%;
}
.post p.cap {
line-height: 1.5em !important;
margin: 0 0 0 3%;
color: gray;
}
@media screen and (max-width: 640px) {
.cap-img{
width: 100%;
float: none;
margin: 0;
}
#header-l h1, #header-l h1 a {
  width: initial;
text-align: left;
font-size: inherit;
top: 0;
}
#greeting {
    padding: 10px 3% !important;
}
}
dd h3 {
  line-height: 30px;
  text-align: unset;
}
.smanone2 {
  color: #8a8a8a;
  font-size: smaller;
}
/*pickup02　aboutSec*/
.aboutSec {
  position: relative;
  padding: 80px 0;
overflow: hidden;
}
.aboutSec::after {
  content: "";
 /* background-color: #f7f7ff;*/
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
z-index: -10;
}
.aboutSec__txt-dec {
position: absolute;
left: 0;
top: 20%;
color: #fff2db;
font-size: 140px;
line-height: .6em;
z-index: 1;
font-family: bickham-script-pro-3, sans-serif;
}
.aboutSec__txt-dec span {
  display: block;
  margin-left: 1.4em;
}
.aboutSec__ttl {
color: #8a8576;
  margin: 50px 0 60px;
  text-align: center;
  width: 100%;
}
.aboutSec__ttl .en {
font-size:38px;
/*text-shadow: 1px 1px 5px #a77e26;*/
line-height: 1em;
margin-bottom: 10px;
}
.aboutSec__ttl .ja {
  font-size: 24px;
  font-family: "Noto Serif JP", sans-serif;
  text-shadow: 1px 1px 5px #a77e26;
  line-height: 1.5em;
}
.aboutSec__items {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  flex-wrap: wrap;
}
.aboutSec__body {
  padding-right: calc(70 / 1620 * 100%);
  width: 50%;
z-index: 2;
}
.aboutSec__img {
width: 45%;
}
.aboutSec__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 35% 0;
}
.aboutSec__contents {
  margin-bottom: 30px;
}
@media screen and (max-width: 960px) {
  .aboutSec__body {
    padding-right: 0;
    width: 100%;
  }
  .aboutSec__txt-dec {
    top: 40px;
    left: 70px;
	 z-index: -1;
  }
  .aboutSec__ttl {
    margin: 0 0 60px;
  }
  .aboutSec__img {
    margin-bottom: 20px;
    width: 100%;
  }
.aboutSec__ttl .en {
  font-size: 28px;
 }
}
@media screen and (max-width: 599px) {
  .aboutSec {
    padding: 50px 0;
  }
  .aboutSec__txt-dec {
    top: 30px;
    left: 0;
  }
  .aboutSec__ttl {
    margin-bottom: 20px;
  }
  .aboutSec__ttl .ja {
    font-size: 16px;
  }
  .aboutSec__img {
    height: 200px;
    margin-bottom: 20px;
  }
}
.svg01 svg {
  height: 50px;
  width: 50px;
  fill: #d4b572;
}
.aboutSec .container {
  width: 100%;
  margin: 0 auto;
max-width: 1200px;
float: none;
}
section.aboutSec {
  max-width: none;
padding-bottom: 0;
}
.btn--right {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
/*pickup02　aboutSec　END*/

/*----------------------- menu_box -----------------------*/
#menu_box_out_out {
background: url(./images/top/menu_back_out.jpg) left top;
  background-size: auto;
background-size: cover;
}
#menu_box_out {
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  text-align: center;
background-size: cover;
overflow: hidden;
background: rgba(255, 255, 255, 0.7);
padding: 5% 0;
}
#menu_box {
 /* 
  width: 980px;
margin: 0 auto;
  height: 370px;
  overflow: hidden;*/
}
#menu_box_left {
margin-top: 100px;
width: 13%;
float: left;
/*background-image: url(./images/top/menu_back_middle.jpg);*/
}
#menu_box_right {
/*float: right;
padding: 60px 0;
width: 80%;
background: url(./images/top/menu_back_out.jpg) repeat-x center top;
  background-size: auto;
background-size: cover;*/
margin: 0 auto;
  max-width: 1200px;
}
#menu_box_right ul {
  overflow: hidden;
  width: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0 30px;
}
#menu_box_right ul li {
width: calc(15% - 1%);
text-align: center;
margin-bottom: 1%;
position: relative;
display: flex;
}

#menu_box_right ul li::before {
content: '';
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  margin: 0;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  bottom: .5%;
  right: 0;
  transform: translate(0,-50%);
  -webkit-transform: translate(0,-50%);
  transition: all 0.3s ease;
  left: 0;
  margin: 0 auto;
  z-index: 9;
  border: 1px solid #cecece;
}
#menu_box_right ul li::after {
 content: '';
  display: block;
  width: 10px;
  height: 10px;
  padding: 0;
  margin: 0;
  background: #cecece;
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
  position: absolute;
bottom: 7%;
  right: -2%;
  transform: translate(0,-50%);
  -webkit-transform: translate(0,-50%);
  transition: all 0.3s ease;
  left: 0;
  margin: 0 auto;
  z-index: 10;
}
#menu_box_right ul li a {
position: relative;
z-index: 1;
width: 100%;
height: 100%;
text-decoration: none;
padding: 40px 0;
color: #000000;
line-height: 1.3;
align-items: center;
justify-content: center;
background: rgba(255, 255, 255, 0.9);
}
#menu_box_right ul li a img {
width: 30%;
  margin: 0 auto 10%;
}
#menu_box_right ul li span {
  position: relative;
  z-index: 1;
  display: block;
display: table-cell;
  width: 100%;
  height: 100%;
  text-decoration: none;
padding: 20px 10px;
  color: #000000;
  line-height: 1.3;
  align-items: center;
  justify-content: center;
  /*background: rgba(255, 255, 255, 0.7);*/
}
#menu_box_right ul li span h4{
font-size: 20px;
}
#menu_box_right ul li a:hover {
background: rgb(239, 241, 255);
}
#menu_box_right ul li a::after {
 position: absolute;
  content: '';
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  border: 1px solid rgb(157, 157, 157);
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}
#menu_box_right ul li span::after {
 /* position: absolute;
  content: '';
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  border: 1px solid #cea339;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;*/
}
#menu_box_left h3 {
color: rgb(255, 255, 255);
font-size: 40px;
line-height: 2em;
}
#menu_box_left h3 .menu_jp{
font-size: initial;
margin: 2% 0;
font-style: normal;
}

@media screen and (max-width: 640px) {
#menu_box_right {
width: 100%;
padding: 20px 0;
}
#menu_box_right ul li span {
font-size: small;
}
#menu_box_right ul li {
width: calc(34% - 1%);
margin-bottom: 10px;
}
#menu_box_left {
width: 100%;
float: none;
margin-top: 0;
}
#menu_box_left h3 {
color: rgb(0, 0, 0);
font-size: 25px;
line-height: 1.5em;
}
#menu_box_right ul {
  padding: 0 5px;
}
#menu_box_right ul li a {
  font-size: 13px;
  padding: 25px 0 40px 0;
}
#menu_box_right ul li::before {
  width: 17px;
  height: 17px;
}
}
/*-----------------------ここまで menu_box -----------------------*/


/*共通：当院の特徴(top_feature 4×2)*/	
section#top_feature{
max-width: none;
}
#top_feature a {
  text-decoration: none;
}
#top_feature{
  background: -moz-linear-gradient(left, #ffe9c0, #fff);
  background: -webkit-linear-gradient(left, #ffe9c0, #fff);
background: linear-gradient(to right, #ffe9c0, #fff);
}

#top_feature .top_feature_wrapper{
	width:100%;
-js-display: flex;
	display: flex;
	flex-wrap: wrap;
}

#top_feature .top_feature_img_quarter,
#top_feature .top_feature_txt_quarter{
	width:25%;
}

#top_feature .top_feature_img_quarter,
#top_feature .top_feature_img_half{
	background-size:cover;
}

#top_feature .top_feature_img_half,
#top_feature .top_feature_txt_half{
	width:50%;
}


#top_feature .top_feature_txt_quarter,
#top_feature .top_feature_txt_half{
	/*background-color:#ffffff;*/
	text-align:center;
	display: table-cell;
	vertical-align: middle;
	padding: 80px 40px 50px 40px;
}
#top_feature .top_feature_txt_half.bkright{
background: url(./images/top/top_kado_right.png) no-repeat;
background-size: 40%;
background-position-x: right;
}
#top_feature .top_feature_txt_half.bkleft{
background: url(./images/top/top_kado_left.png) no-repeat;
background-size: 40%;
background-position-x: left;
}
#top_feature .top_feature_txt_quarter,
#top_feature .top_feature_txt_half{

}
#top_feature .top_feature_txt_quarter p,
#top_feature .top_feature_txt_half p{
	font-size:16px;
	margin-bottom:20px;
	line-height:185%;
	padding: 0 5%;
}

#top_feature .bg_ortho{
	background:url(./images/top/top_feature_ortho.jpg) center;
	background-size:cover;
}

#top_feature .bg_whitening{
	background:url(./images/top/top_feature_whitening.jpg) center;
	background-size:cover;
}

#top_feature .bg_kids{
	background:url(./images/top/top_feature_kids.jpg) center;
	background-size:cover;
}

#top_feature .bg_prevention{
	background:url(./images/top/top_feature_prevention.jpg) center;
	background-size:cover;
}

.bg_maternity{
	background:url(./images/top/top_feature_maternity.jpg) center;
	background-size:cover;
}

.bg_mouth_guard{
	background:url(./images/top/top_feature_mouth_guard.jpg) center;
	background-size:cover;
}

#top_feature img.top_feature_icon{
	display:block;
	margin:0 auto;
	width:70px;
	height:70px;
	margin-bottom:25px;
}

#top_feature h3{
font-size: 40px;
margin-bottom:25px;
color: #8a8576;
line-height: 0.95em;
font-weight: bold;
color: transparent;
background: linear-gradient(0deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%);
  background-clip: border-box;
-webkit-background-clip: text;
}

#top_feature a.top_feature_enter{
	color:#d3bb78;
	font-size:18px;
	display:block;
	margin-bottom:10px;
}

#top_feature a.top_feature_enter span,
#top_feature a.top_feature_btn span{
	background:url(./images/top/icon_arw.svg) right no-repeat;
	background-size:10px 10px;
	padding-right:20px;
}

#top_feature .top_kids_club{
	width:90%;
	margin:40px auto 0 auto;
}


#top_feature .top_kids_club_title,
#top_feature .top_kids_club_txt{
	width:49%;
}

#top_feature .top_kids_club_title{
	text-align:center;
}

#top_feature .top_kids_club_title img{
	width:90%;
	display:block;
}

#top_feature .top_kids_club p{
	font-size:14px;
	margin-top:10px;
	text-align:left;
}

#top_feature .top_feature_link_area{
	margin-top:40px;
}

#top_feature a.top_feature_btn{
	border:2px solid #d3bb78;
	width:31%;
	margin:0 5px;
	display:block;
	padding:15px 10px;
	color:#d3bb78;
	font-size:18px;
	letter-spacing:1.5px;
}

#top_feature a.top_feature_btn:hover{
	background-color:#f7f1e0;
	transition: all .3s;
}

#top_information a.top_information_btn:hover{
	text-decoration: underline;
}

#top_feature .bg_gray{
/*background-color:#fafafa;*/
}

.top_efforts_mi_bnr{
	width:90%;
	max-width:980px;
	text-align:center;
	margin:40px auto 0 auto;
	background:url(./images/top/top_efforts_mi_bnr_bg.jpg);
	padding:15px;
/*	border:double 5px #d3bb78;*/
	color:#d3bb78;
	align-items: center;
}

.top_efforts_mi_center h4{
	font-size:24px;
	letter-spacing:3px;
	line-height:120%;
	margin-bottom:15px;
}

.top_efforts_mi_center h4 span{
	font-size:16px;
}

.top_efforts_mi_left,
.top_efforts_mi_right{
	width:20%;
}

.top_efforts_mi_left img,
.top_efforts_mi_right img{
	width:100px;
	height:100%;
}

.top_efforts_mi_center{
width: 90%;
background: url(./images/top/fram01.png);
background-size: 100% 100%;
padding: 10%;
margin: 0 auto;
}

a.top_efforts_mi_link{
	display:block;
	width:60%;
	margin:20px auto 0 auto;
	background-color:#d3bb78;
	border-radius:50px;
	color:#fff;
	padding:8px 5px 5px 5px;
	letter-spacing:3px;
}

a.top_efforts_mi_link:hover{
	opacity:0.7;
	transition: all .3s;
}

a.top_efforts_mi_link span{
	background:url(./images/top/arw_white.svg) right no-repeat;
	background-size:10px 10px;
	padding-right:20px;
}


/*共通：トップホワイトニング専用バナー*/
.top_whitening_area{
	width:90%;
	margin:40px auto 0 auto;
}

.top_whitening_page_title{
	width:49%;
}

.top_whitening_page_title img:hover{
	transition: 0.5s;
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
}

.footer_tel_area{margin-bottom:60px;}
.footer_tel_area p{
text-align:center;
}
/*スマホのみ*/
@media screen and (max-width: 767px){
#top_feature h2{
	font-size:18px;
	line-height:180%;
	padding-right:20px;
	margin:40px 0 20px 0;
}

.top_feature_wrapper{
	padding:0 5px;
}

#top_feature .top_feature_img_quarter,
#top_feature .top_feature_txt_quarter,
#top_feature .top_feature_img_half,
#top_feature .top_feature_txt_half{
	width:100%;
	min-height:200px;
}

#top_feature .top_feature_txt_quarter,
#top_feature .top_feature_txt_half{
	text-align:left;
	padding:30px 20px;
}

#top_feature .top_feature_txt_quarter p,
#top_feature .top_feature_txt_half p,
#top_efforts .top_reserve p{
	font-size:13px;
	margin-bottom:20px;
	line-height:185%;
	text-align:left;
}

#top_feature img.top_feature_icon{
	width:50px;
	height:50px;
	margin:0 auto 10px auto;
}

#top_feature h3{
	font-size:19px;
	margin-bottom:15px;
	text-align:center;
}

#top_feature .top_kids_club{
	width:80%;
	margin:40px auto 0 auto;
}

#top_feature .top_kids_club_title,
#top_feature .top_kids_club_txt{
	width:100%;
}

#top_feature .top_kids_club_title{
	text-align:center;
	margin-bottom:15px;
}

#top_feature .top_kids_club_title img{
	width:100%;
	display:block;
}

#top_feature .top_kids_club p{
	font-size:14px;
	margin-top:10px;
	text-align:left;
}

.top_efforts_mi_bnr{
	width:100%;
	margin:25px auto 0 auto;
	text-align:center;
	border:double 5px #d3bb78;
	padding:15px;
}

.top_efforts_mi_center h4{
	font-size:16px;
	letter-spacing:2px;
}

.top_efforts_mi_center h4 span{
	font-size:12px;
}

.top_efforts_mi_center p,
a.top_efforts_mi_link{
	font-size:13px;
}

.top_efforts_mi_left,
.top_efforts_mi_right{
	width:100%;
}

.top_efforts_mi_left img,
.top_efforts_mi_right img{
	width:100%;
	height:auto;
}

.top_efforts_mi_center{
	width:100%;
	padding:20px 0;
}

a.top_efforts_mi_link{
	display:block;
	width:90%;
	margin:20px auto 0 auto;
	background-color:#d3bb78;
	border-radius:50px;
	color:#fff;
	padding:8px 5px 5px 5px;
	letter-spacing:3px;
}

a.top_efforts_mi_link:hover{
	opacity:0.7;
	transition: all .3s;
}

a.top_efforts_mi_link span{
	background:url(./images/top/arw_white.svg) right no-repeat;
	background-size:10px 10px;
	padding-right:20px;
}

/*スマホのみ：トップホワイトニング専用バナー*/
.top_whitening_area{
	width:95%;
	margin:20px auto 0 auto;
}

.top_whitening_page_title{
	width:100%;
	margin-bottom:10px;
}

#top_feature .top_feature_link_area{
	margin-top:40px;
}

#top_feature .top_feature_link_area{
	margin-top:40px;
}

#top_feature a.top_feature_btn{
	width:100%;
	margin:0 5px 10px 5px;
	padding:15px 5px;
	font-size:15px;
	text-align:center;
}

#top_feature a.top_feature_enter{
	font-size:15px;
	margin:15px 0;
	text-align:center;
}

#top_feature a.top_feature_enter span,
#top_feature a.top_feature_btn span{
	background-size:10px 10px;
	padding-right:15px;
	padding-bottom:0;
}
}
@media screen and (min-width: 768px){
.flex_center {
  -js-display: flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.flex_between {
  -js-display: flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
}
  @media screen and (min-width: 1280px){
.section_inner {
  width: 980px;
  margin: 0 auto;
}
#top_feature a.top_feature_btn {
  font-size: 17px;
  letter-spacing: 0px;
}
}
.top_feature_img_half::after {
/*  content: '';
  display: block;
position: relative;
  z-index: 100;
  width: 95%;
  height: 95%;
  border: 1px solid #C5B08B;
  left: 2.5%;*/
}
/*ここまで：当院の特徴(top_feature 4×2)*/

/*インビザラインの魅力*/
#promise {
 padding:60px 0 90px;
 background-color:#fff7e9;
 overflow:hidden;
margin: 0 !important;
}
#promise>.container {
 width:1510px;
 max-width:100%;
 margin:0 auto
}
#promise>.container>.h2_tit {
 margin-bottom:85px;
 text-align:center
}
#promise>.container>.list {
 margin:0 60px;
 display:flex;
 flex-wrap:wrap
}
#promise>.container>.list>li {
 width:calc(33.33% - 62px);
 margin-right:92px
}
#promise>.container>.list>li.scrollEffectParent figure picture {
 display:inline-block;
 position:relative;
 overflow:hidden;
 transition:1.2s
}
#promise>.container>.list>li.scrollEffectParent figure picture:before {
 content:'';
 position:absolute;
 width:105%;
 height:0;
 background-color:#f7f4f0;
 bottom:0;
 left:0;
 box-shadow:-10px -10px 20px 30px #f7f4f0;
 z-index:1;
 transition:.2s
}
_:-ms-input-placeholder:before,
:root #promise > .container > .list > li.scrollEffectParent figure picture:before {
 content:none
}
#promise>.container>.list>li.scrollEffectParent figure picture.show {
 -webkit-animation:1.2s linear maskimage;
 animation:1.2s linear maskimage
}
#promise>.container>.list>li.scrollEffectParent figure picture.show.open:before {
 opacity:0;
 pointer-events:none
}
#promise>.container>.list>li:nth-child(n+4) figure {
 top:0;
 left:0;
 /*height:300px*/
}
#promise>.container>.list>li>figure {
 position:relative
}
#promise>.container>.list>li>figure>.numb {
 position:absolute;
 display:flex;
 justify-content:center;
 align-items:center;
 width:70px;
 height:70px;
 color:#fff;
 font-size:40px;
 line-height:1;
 font-family:trajan-pro-3,serif;
 font-weight:400;
 font-style:normal;
 background-color:#b49c76;
 bottom:-33px;
 left:-35px;
 z-index:2
}
#promise>.container>.list>li>.txt {
 position:relative;
 margin-top:-18px
}
#promise>.container>.list>li>.txt>.h3_tit {
padding-left: 45px;
font-size: 20px;
 line-height:2;
 color:#b49c76;
 font-family:adobe-garamond-pro,serif;
 font-weight:600;
 margin-bottom:20px;
 /*letter-spacing:1.5px;*/
text-align: left;
}
#promise>.container>.list>li>.txt>.sub_tit {
 font-size: 22px;
 line-height:1.666667;
 font-family:a-otf-ryumin-pr6n,serif;
 font-weight:400;
 font-style:normal;
 margin-bottom:15px
}
#promise>.container>.list>li.trustWrap {
 width:1100px;
 margin:-118px auto 125px;
 z-index:1
}
#promise>.container>.list>li.trustWrap .trust {
 background-color:#fff;
 padding:40px 40px 50px;
 position:relative
}
#promise>.container>.list>li.trustWrap .trust .trustTitle {
 color:#4692b7;
 text-align:center;
 margin-bottom:45px
}
#promise>.container>.list>li.trustWrap .trust .trustTitle .en {
 display:block;
 font-size:18px;
 font-family:trajan-pro-3,serif;
 font-weight:400;
 font-style:normal;
 letter-spacing:.5em
}
#promise>.container>.list>li.trustWrap .trust .trustTitle .ja {
 font-family:a-otf-ryumin-pr6n,serif;
 font-weight:400;
 font-style:normal;
 font-size:24px
}
#promise>.container>.list>li.trustWrap .trust .trustList {
 display:flex;
 justify-content:space-between;
 list-style:none
}
#promise>.container>.list>li.trustWrap .trust .trustList>li {
 width:310px
}
#promise>.container>.list>li.trustWrap .trust .trustList>li .ico {
 display:block;
 text-align:center;
 margin:0 auto 25px
}
#promise>.container>.list>li.trustWrap .trust .trustList>li h5 {
 color:#4692b7;
 font-size:20px;
 font-weight:300;
 text-align:center;
 margin-bottom:20px
}
#promise>.container>.list>li:nth-child(1)>figure .numb,
#promise>.container>.list>li:nth-child(3)>figure .numb,
#promise>.container>.list>li:nth-child(5)>figure .numb,
#promise>.container>.list>li:nth-child(7)>figure .numb,
#promise>.container>.list>li:nth-child(9)>figure .numb {
 background-color:#ff96cc;
}
#promise>.container>.list>li:nth-child(1)>.txt>.h3_tit,
#promise>.container>.list>li:nth-child(3)>.txt>.h3_tit,
#promise>.container>.list>li:nth-child(5)>.txt>.h3_tit,
#promise>.container>.list>li:nth-child(7)>.txt>.h3_tit,
#promise>.container>.list>li:nth-child(9)>.txt>.h3_tit {
 color:#ff96cc;
}
#promise>.container>.list>li:nth-child(6),
#promise>.container>.list>li:nth-child(9) {
 margin-right:0
}
#promise>.container>.list>.scrollEffectParent {
 -webkit-animation:none;
 animation:none
}
#promise>.container>.list>.scrollEffectParent>.txt {
 transition:1s;
 -webkit-animation:none;
 animation:none;
 /*opacity:0*/
}
#promise>.container>.list>.scrollEffectParent>.show {
 opacity:1
}
#promise>.container>.list>.scrollEffectParent.show>.txt {
 opacity:1;
 transition-delay:.2s
}
@media screen and (min-width:751px) {
 #promise>.container>.list>li:nth-child(1),
 #promise>.container>.list>li:nth-child(2),
 #promise>.container>.list>li:nth-child(3) {
  width:1100px;
  margin:0 auto;
  position:relative;
  display:flex;
  float:none
 }
 #promise>.container>.list>li:nth-child(1)>figure,
 #promise>.container>.list>li:nth-child(2)>figure,
 #promise>.container>.list>li:nth-child(3)>figure {
width:800px;
 }
 #promise>.container>.list>li:nth-child(1)>figure>.numb,
 #promise>.container>.list>li:nth-child(2)>figure>.numb,
 #promise>.container>.list>li:nth-child(3)>figure>.numb {
  width:80px;
  height:80px;
  font-size:49px;
  bottom:-34px;
  left:-36px
 }
 #promise>.container>.list>li:nth-child(1)>.txt,
 #promise>.container>.list>li:nth-child(2)>.txt,
 #promise>.container>.list>li:nth-child(3)>.txt {
  margin-top:-14px;
  width:600px
 }
#promise > .container > .list > li:nth-child(1) > .txt{
right: 620px;
 }
 #promise>.container>.list>li:nth-child(1)>.txt>.h3_tit,
 #promise>.container>.list>li:nth-child(2)>.txt>.h3_tit,
 #promise>.container>.list>li:nth-child(3)>.txt>.h3_tit {
  padding-left:0;
margin-bottom: 10px;
text-align: left;
 }
 #promise>.container>.list>li:nth-child(1)>.txt>.sub_tit,
 #promise>.container>.list>li:nth-child(2)>.txt>.sub_tit,
 #promise>.container>.list>li:nth-child(3)>.txt>.sub_tit {
margin-bottom:23px;
font-size: 36px;
 }
 #promise>.container>.list>li:nth-child(1), 
 #promise>.container>.list>li:nth-child(2){
justify-content: flex-end;
margin-bottom: 100px;
  /*z-index:2*/
 }
 #promise>.container>.list>li:nth-child(1) figure {
left: 555px;
top: 0;
 }
 #promise>.container>.list>li:nth-child(2) figure {
left: -100px;
top: 0;
 }
 #promise>.container>.list>li:nth-child(1) figure .numb {
top: -42px;
left: -52px;
bottom: auto;
 }
 #promise>.container>.list>li:nth-child(2) figure .numb {
  top: -40px;
  right: -40px;
  left: auto;
 }
 #promise>.container>.list>li:nth-child(3) {
  justify-content:flex-start;
  flex-direction:row-reverse;
  margin-bottom:-10px
 }
 #promise>.container>.list>li:nth-child(3)>figure {
  right:-91px
 }
 #promise>.container>.list>li:nth-child(3)>figure .numb {
  top:-42px;
  left:-52px;
  bottom:auto
 }
 #promise>.container>.list>li:nth-child(5) {
  margin-top:105px
 }
 #promise>.container>.list>li:nth-child(6) {
  margin-top:208px
 }
 #promise>.container>.list>li:nth-child(7) {
  margin-top:-210px
 }
 #promise>.container>.list>li:nth-child(8) {
  margin-top:-105px
 }
 #promise>.container>.list>li:nth-child(4),
 #promise>.container>.list>li:nth-child(5),
 #promise>.container>.list>li:nth-child(6) {
  /*margin-bottom:150px*/
 }
}
@media screen and (min-width:751px) and (max-width:1229px) {
 #promise>.container>.list>li:nth-child(1),
 #promise>.container>.list>li:nth-child(3) {
  width:auto
 }
}
@media screen and (min-width:751px) and (max-width:1509px) {
 #promise>.container>.list>li {
  width:calc(33.33% - 3.4%);
  margin-right:5.1%
 }
 #promise>.container>.list>li:nth-child(n+3) figure {
  height:auto
 }
 #promise>.container>.list>li:nth-child(1)>figure picture img,
 #promise>.container>.list>li:nth-child(3)>figure picture img {
  max-width:inherit
 }
 #promise>.container>.list>li>figure picture img {
  max-width:100%
 }
}
#promise .list li{
background: none;
 }
@media screen and (max-width:750px) {
#promise > .container > .list > li {
width: 100%;
margin-right: 0;
 }
#promise > .container > .list {
  margin: 0 10px 0 30px;
 }
#promise > .container > .list > li {
  margin-bottom: 15%;
}
#promise>.container>.h2_tit {
margin-bottom: 40px;
}
#promise {
padding: 60px 0 0 0;
 }
 }
/*ここまで　インビザラインの魅力*/

/*ＹｏｕＴｕｂｅバナー*/
.lp1_bnr{
    padding: 4% 0;
    background: url(img/lp1_info_bg.jpg);
}
.lp1_bnr h2{
    font-size:34px;
    margin-bottom: 3%;
}
.lp1_bnr h2 .line{
    font-size:47px;
    color:#003153;
    background: url(img/lp1_line.png) repeat-x bottom / 100%;
    padding-bottom: 2px;
}
.lp1_bnr h2:after{
    display: none;
}
@media screen and (min-width: 768px){
.columns {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}
.lp1_bnr .columns .column {
  max-width: 49%;
  -webkit-box-flex-basis: 49%;
  -webkit-flex-basis: 49%;
  flex-basis: 49%;
align-items: center;
justify-content: center;
display: flex;
}
}
.columns {
width: 95%;
margin: 0 auto;
}
/*ＹｏｕＴｕｂｅバナー　ここまで*/

/*こんな方におススメ*/
.topinner {
  width: 1200px;
  margin: 0 auto;
  max-width: 90%;
}
.lp1_sec03{
    padding: 4% 0 3%;
    background:#fff7e9 url(images/lp1_3_bg.png)no-repeat bottom;
	background-size: cover;
}
.lp1_sec03 h2:after{
    display: none;
}
.lp1_sec03 ul {
    padding-left: 30px;
}
.lp1_sec03 ul li{
    font-size: 22px;
    line-height: 1.5;
    margin-bottom: 1.1em;
    padding-bottom: 1px;
    border-bottom: 1px solid #ff8ec4;
    position: relative;
    display: table;
}
.lp1_sec03 ul li:before{
    content: "";
width: 20px;
height: 20px;
    background: url(images/lp1_icon.png) no-repeat;
	background-size: cover;
    position: absolute;
    top:3px;
    left:-30px;
	position: absolute;
top: 50%;
margin-top: -.5em;
}

@media screen and (max-width: 767px){
.lp1_sec03 ul li{
font-size: 18px;
}
.lp1_sec03 ul li:before{
    content: "";
    width: 20px;
    height: 22px;
    background: url(images/lp1_icon.png) no-repeat;
	background-size: cover;
    position: absolute;
    top:3px;
    left:-30px;
	position: absolute;
top: 50%;
margin-top: -.5em;
}
.lp1_sec03 {
    padding:4% 0 0 ;
    background: #fff7e9;
    }
        .lp1_sec04 h3:before {
    right: 0;
}
    .lp1_sec04 h3.no3:before {
    bottom: -100px;
    right: 0;
}
}
/*こんな方におススメ　ここまで*/

/*治療の流れ*/
.lp1_sec05{
    background: url(img/lp1_5_bg.jpg) no-repeat center / cover;
    padding:4% 0;
}

.lp1_sec05 .flow_box {
    /*background:#fcfcfc;
    box-shadow: 0 0 10px #eff1f1;
    box-sizing: border-box;
    padding:1% 1% 0 4%;*/
    margin-bottom:5%;
}
.lp1_sec05 h3 {
    border-bottom: 1px solid #003153;
    max-width: 52%;
    padding: 1em 0 0.4em;
    margin-bottom: 0.5em;
    letter-spacing: 0;
	text-align: left;
font-size: 32px;
position: relative;
}
.lp1_sec05 h3 span{
    margin-right:0.5em;
    background: url(img/lp1_5_icon.png)no-repeat center top;
        padding-top: 12px;
}
.lp1_sec05 .flow_box p {
    line-height: 1.5;
    margin-bottom:1%;
}
.lp1_sec05 .flow_box .btn-style{
    margin-bottom:1%;
}
.btn-style a {
  width: 320px;
  max-width: 100%;
  padding: 1em 1.5em;
  text-align: center;
  color: #fff;
  display: inline-block;
  text-decoration: none;
  line-height: 1.2;
  box-sizing: border-box;
  font-size: 16px;
  position: relative;
}
.btn-style a::after {
  content: '';
  position: absolute;
  top: 50%;
  margin-top: -3px;
  right: 15px;
  width: 6px;
  height: 6px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transition: .3s;
}
.lp1_sec05 .flow_img img {
max-width: 35%;
float: right;
margin: 0 0 1% 2em;
}
@media screen and (max-width: 768px){
.lp1_sec05 h3 {
max-width: 100%;
font-size: 24px;
}
.lp1_sec05 .flow_img img {
max-width: 70%;
margin: 0 auto;
float: none;
}
.lp1_sec05 .flow_box .btn-style {
  width: 80%;
  margin: 1% auto;
}
.lp1_sec05 .flow_box {
  margin-bottom: 15%;
}
}
/*治療の流れ　ここまで*/
/*問い合わせボタン*/
.comTalkBox .btnUl {
margin: 5% auto;
	width: 1200px;
	display: flex;
	justify-content: space-between;
}
.comTalkBox .btnUl li {
width: 590px;
list-style: none;
}
.comTalkBox .btnUl li a {
	padding: 22px 30px 18px 90px;
	height: 100%;
	display: block;
	color: #FFF;
	font-size: 1.2rem;
	letter-spacing: 0.124em;
line-height: 2;
	text-align: center;
	background:url(./images/iconpc.png) no-repeat left 20px center / 50px auto;
	background-color: #7d181e;
	box-sizing: border-box;
	text-decoration: none;
}
.no-webp .comTalkBox .btnUl li a {
	background: url(./images/iconmail.png) no-repeat left 20px center / 50px auto;
	background-color: #90714e;
}
.comTalkBox .btnUl.line li a {
background: url(./images/icon-line.png) no-repeat left 30px center / 70px auto;
background-color: #00c300;
}
.comTalkBox .btnUl li a span {
	display: block;
	font-size: 2rem;
	font-weight: 600;
	letter-spacing: 0.05em;
}
.comTalkBox .btnUl li a span em {
	font-size: 3.4rem;
	font-style: normal;
	line-height: 1;
}
.comTalkBox .btnUl li.list01 a {
	padding-right: 20px;
	letter-spacing: 0;
	background: url(./images/iconmail.png) no-repeat 20px center / 50px auto;
	background-color: #074377;
}
.comTalkBox .btnUl li.list01 a span {
	margin-top: 2px;
	letter-spacing: 0.123em;
}
@media all and (max-width: 767px) {
	.comTalkBox .btnUl {
		margin: 0 auto;
		max-width: 90%;
		width: auto;
		display: block;
	}
	.comTalkBox .btnUl li {
		width: auto;
	}
	.comTalkBox .btnUl li:not(:last-child) {
		margin-bottom: 10px;
	}
	.comTalkBox .btnUl li a {
padding: 15px 15px 15px 75px;
font-size: small;
letter-spacing: 0.01em;
line-height: 1.4;
text-align: center;
border-radius: 20px;
background-color: #90714e;
box-sizing: border-box;
	}
	.no-webp .comTalkBox .btnUl li a {
		background: url(../images/common/icon08.png) no-repeat right 15px center / 7px auto,url(../images/common/icon06.png) no-repeat left 20px center / 16px auto;
		background-color: #222831;
	}
	.comTalkBox .btnUl li a span {
font-size: 1.4rem;
letter-spacing: 0;
	}
	.comTalkBox .btnUl li a span em {
		font-size: 3rem;
	}
	.comTalkBox .btnUl li.list01 a {
		padding-right: 20px;
		letter-spacing: 0;
		background-color: #90714e;
	}
	.comTalkBox .btnUl li.list01 a span {
		margin-top: 2px;
		font-size: 1.4rem;
		letter-spacing: 0.123em;
	}
}
/*問い合わせボタン　ここまで*/

section h2{
font-size: 99px;
padding: 0;
font-weight: 500;
color: #8a8576;
 }
.yakki {
color: #90714e;
font-size: 135%;
border-top: 2px #90714e solid;
border-bottom: 2px #90714e solid;
padding: 20px 30px;
display: inline-block;
margin: 40px auto 30px;
text-align: center;
font-weight: 500;
font-weight: bolder;
}
.text-block{
max-width: 1000px;
margin: 0 auto;
	}
table.fee{
width: 100%;
	}
table.fee tr td {
font-size: 18px;
line-height: 2em;
padding: 1% 3%;
text-align: left !important;
border: 1px solid #8A8576;
	}
table.fee tr th {
  background: #fff7e9;
font-size: 18px;
line-height: 2em;
padding: 1% 3%;
text-align: left !important;
border: 1px solid #8A8576;
	}
header{
  position: relative;
}
.recommend{
width: 60%;
}
@media screen and (max-width: 768px) { 
.onlineyoyaku,.webyoyaku{
display: none;
}
.recommend {
  width: 100%;
}
.yakki {
  width: 100%;
line-height: 1.5em;
}
table.fee tr th {
font-size: 14px;
	}
table.fee tr td {
font-size: 14px;
	}
#header-cap {
  position: relative;
left: 5px;
top: 5px;
}
}
/*　　.top_feature　　*/
.top_feature {
    margin-top: 65px;
}
.top_feature_list {
    padding-top: 9px;
}
.top_feature_list a {
    display: table;
    position: relative;
    float: left;
    width: 33.3%;
    height: 480px;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    color: #555555;
    text-align: center;
}
.top_feature_list a:nth-child(1) {
	background-image:url(./images/top_feature01_img.png);
}
.top_feature_list a:nth-child(2) {
	background-image:url(./images/top_feature02_img.png);
}
.top_feature_list a:nth-child(3) {
	background-image:url(./images/top_feature03_img.png);
}
.top_feature_list a:nth-child(4) {
	background-image:url(./images/top_feature04_img.png);
}
.top_feature_list a:nth-child(5) {
	background-image:url(./images/top_feature05_img.png);
}
.top_feature_list dl {
  display: table-cell;
  position: absolute;
  top: 80px;
  left: 0;
  right: 0;
  width: 78%;
  height: 300px;
  margin: auto;
  padding-top: 70px;
  border: 1px solid #fff;
background-color: rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  box-sizing: border-box;
}
.top_feature_list .w50 dl{
	height: 200px;
	padding-top: 40px;
}
.top_feature_list dl dt {
    font-family: "ヒラギノUD明朝 W4 JIS2004", "Hiragino UD Serif W4 JIS2004", 游ゴシック体, "Yu Gothic", YuGothic;
    font-size: 24px;
    text-shadow: 0 0 10px #fff;
    letter-spacing: 2px;
	font-weight: 500;
}
.top_feature_list dl dd {
    margin-top: 24px;
    padding: 0 20px 0 33px;
    font-family: "ヒラギノUD明朝 W4 JIS2004", "Hiragino UD Serif W4 JIS2004", 游ゴシック体, "Yu Gothic", YuGothic;
    font-size: 18px;
    text-align: left;
    line-height: 1.7;
    letter-spacing: 1.8px;
}
.top_feature_list a:nth-child(2) dl dd {
    margin-top: 23px;
    padding: 0 25px 0 42px;
}
.top_feature_list a:nth-child(3) dl dd {
    margin-top: 24px;
    padding: 0 25px 0 39px;
}
.top_feature_num{
position: absolute;
top: 0;
left: 0;
background: #225b84;
color: #fff;
padding: 5px 15px;
font-family: bickham-script-pro-3, sans-serif;
font-size: xx-large;
}
.top_feature_list a.w50 {
width: 50%;
height: 350px;
}
@media screen and (max-width: 768px) { 
.top_feature_list a {
    display: table;
    position: relative;
    float: none;
    width: 100%;
    height: 280px;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    color: #555555;
    text-align: center;
}
.top_feature_list a.w50 {
  width: 100%;
height: 280px;
}
.top_feature_list dl {
    display: table-cell;
    position: absolute;
    top: 10%;
    left: 0;
    right: 0;
    width: 78%;
    height: 180px;
    margin: auto;
    padding: 32px 0 24px;
    border: 1px solid #fff;
    background-color: rgba(255, 255, 255, 0.8);
    vertical-align: middle;
    box-sizing: border-box;
}
.top_feature_list dl dt {
    font-size: 21px;
}
.top_feature_list dl dd {
    padding: 0 4%;
    font-size: 15px;
    text-align: center;
}
.top_feature_list a:nth-child(2) dl dd {
    margin-top: 18px;
    padding: 0 4%;
}
.top_feature_list a:nth-child(3) dl dd {
    margin-top: 15px;
    padding: 0 4%;
}
}
/*.top_feature　ここまで*/

/*==================================================================
	.top_medical
==================================================================*/

.top_medical {
    padding-top: 96px;
}
.top_medical .text {
    position: relative;
    float: left;
width: 30%;
height: 950px;
margin-top: -200px;
    background-image: url(./images/top_medical_img.png);
    background-repeat: no-repeat;
    background-position: top center;
    text-align: center;
}
.top_medical_img {
    position: absolute;
    bottom: -13px;
    right: 0;
    padding: 42px 0 0 0;
    background-color: #fff;
    color: #074377;
    font-size: 18px;
    font-family: "ヒラギノUD明朝 W4 JIS2004", "Hiragino UD Serif W4 JIS2004", 游ゴシック体, "Yu Gothic", YuGothic;
    letter-spacing: 13.35px;
    line-height: 1.9;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
}
.top_medical_img:before {
    position: absolute;
    top: 1px;
    right: -1px;
    width: 1px;
    height: 520px;
    background-color: #94aac8;
    content: "";
}
.top_medical_img:after {
    position: absolute;
    bottom: -6px;
    right: -91px;
    width: 234px;
    height: 1px;
    background-color: #94aac8;
    content: "";
}

.top_medical_list {
    float: right;
    width: 68.5%;
    margin-top: 10px;
}
.top_medical_list a {
	display:table;
    float: left;
    width: 20%;
    height: 250px;
	background-repeat:no-repeat;
	background-position:top center;
    background-size: auto 100%;
	color:#fff;
    text-align: center;
    @include border-radius(200px);
    transition:.5s;
	text-decoration: none;
}
.top_medical_list a:nth-child(1) {
background: #132641 url(./images/top_medical01_img.png) top center;
background-size: cover;
}
.top_medical_list a:nth-child(2) {
background: #4a3f36 url(./images/top_medical02_img.png) top center;
background-size: cover;
}
.top_medical_list a:nth-child(3) {
background: #132641 url(./images/top_medical03_img.png) top center;
background-size: cover;
}
.top_medical_list a:nth-child(4) {
background: #4a3f36 url(./images/top_medical04_img.png) top center;
background-size: cover;
}
.top_medical_list a:nth-child(5) {
background: #132641 url(./images/top_medical05_img.png) top center;
background-size: cover;
}
.top_medical_list a:nth-child(6) {
background: #4a3f36 url(./images/top_medical06_img.png) top center;
background-size: cover;
}
.top_medical_list a:nth-child(7) {
background: #132641 url(./images/top_medical07_img.png) top center;
background-size: cover;
}
.top_medical_list a:nth-child(8) {
background: #4a3f36 url(./images/top_medical08_img.png) top center;
background-size: cover;
}
.top_medical_list a:nth-child(9) {
background: #132641 url(./images/top_medical09_img.png) top center;
background-size: cover;
}
.top_medical_list a:nth-child(10) {
background: #4a3f36 url(./images/top_medical10_img.png) top center;
background-size: cover;
}
.top_medical_list a:nth-child(11) {
background: #132641 url(./images/top_medica11_img.png) top center;
background-size: cover;
}
.top_medical_list a:nth-child(12) {
background: #4a3f36 url(./images/top_medica12_img.png) top center;
background-size: cover;
}

.top_medical_list a{
background-blend-mode: overlay;
}

.top_medical_list a:hover {
background-blend-mode: normal;
@include transform(rotate(10deg));
background-size: cover;
}


.top_medical_list dl {
    display: table-cell;
    position: relative;
    width: 100%;
    vertical-align: middle;
}
.top_medical_list dl:before {
    position: absolute;
    top: 90px;
    left: 0;
    right: 0;
    width: 116px;
    height: 1px;
    margin: auto;
    background-color: #fff;
    content: "";
}
.top_medical_list dl:after {
    position: absolute;
    bottom: 80px;
    left: 0;
    right: 0;
    width: 116px;
    height: 1px;
    margin: auto;
    background-color: #fff;
    content: "";
}
.top_medical_list dl dt {
    padding: 9px 0 3px 3px;
    font-size: 20px;
    font-family: "Noto Sans Japanese", 游ゴシック体, "Yu Gothic", YuGothic;
    line-height: 2;
    letter-spacing: 3px;
}
.top_medical_list a:nth-child(2) dl dt {
    padding: 11px 0 3px 15px;
}
.top_medical_list a:nth-child(3) dl dt {
    padding: 11px 0 3px 15px;
    letter-spacing: 1px;
}
.top_medical_list a:nth-child(4) dl dt {
    padding: 11px 0 3px 11px;
}
.top_medical_list a:nth-child(6) dl dt {
    padding: 11px 0 2px 12px;
    letter-spacing: 2px;
}
.top_medical_list a:nth-child(7) dl dt {
    padding: 11px 0 2px 4px;
    letter-spacing: 2px;
}
.top_medical_list a:nth-child(8) dl dt {
    padding: 11px 0 2px 12px;
    letter-spacing: 2px;
}
.top_medical_list dl dd {
    font-size: 12px;
    font-family: "Candara", "Alegreya Sans";
	margin-bottom: 10px;
}
.top_medical_list a:nth-child(4) dl dd {
    padding-left: 13px;
}
h3.tit02 em {
  display: block;
  margin-bottom: 6px;
  padding-left: 3px;
  color: #074377;
  font-family: 'Josefin Sans', sans-serif;
  font-weight: bold;
letter-spacing: 10px;
font-size: 2.5em;
}
h3.tit02 {
  position: relative;
  margin-bottom: 97px;
  letter-spacing: 0.15em;
  line-height: 1.4;
  color: #555555;
  font-family: "ヒラギノUD明朝 W4 JIS2004", "Hiragino UD Serif W4 JIS2004", 游ゴシック体, "Yu Gothic", YuGothic;
  font-size: 20px;
  text-align: center;
}
@media screen and (max-width: 768px) { 
.top_medical {
	margin-bottom: 140px;
    padding-top: 96px;
}
.top_medical .text {
	display: none;
}
.top_medical_list {
    float: none;
    width: 100%;
    margin-top: 10px;
}

.top_medical_list a {
    display: table;
    float: left;
    width: 50%;
    height: 155px;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: auto 100%;
    color: #fff;
    text-align: center;
    transition: .5s;
}
.top_medical_list dl dd {
    font-size: 10px;
}
.top_medical_list dl dt {
    font-size: 15px;
	line-height: 1.5;
}
.top_medical_list dl:before {
top: 40px;
}
.top_medical_list dl:after {
bottom: 40px;
}
.w45 {
width: 100% !important;
}
}
/*.top_medical　ここまで*/
/* トップページのキャッチフレーズ */
.mainvisual_catch {
  position: absolute;
  box-sizing: border-box;
padding: 20px;
  overflow: hidden;
margin: auto;
width: 650px;
height: 250px;
background: linear-gradient(to right, #A28F51, #dcc751);
background: #E1CCAE;
background: #FF3C8B;
background-color: rgba(225, 1, 91, 0.8);
top: 180px;
right: 50px;
}
.mainvisual_catch h2 {
  position: relative;
  margin-bottom: 13px;
  padding-right: 19px;
color: #fff;
font-size: 50px;
  z-index: 10;
line-height: 1.5em;
text-align: center;
}
.mainvisual_catch_lead {
  position: relative;
  display: block;
  color: #fff;
  letter-spacing: 0.08em;
  font-size: 19px;
  line-height: 40px;
  z-index: 10;
  font-family: 'Lora', serif;
  font-weight: 400;
  padding-left: 5px;
text-align: center;
}

.mainvisual_catch_bg01 {
  position: absolute;
  right: 60px;
  bottom: 65px;
  width: 180px;
  height: 16px;
}

.mainvisual_catch_bg02 {
right: 0px;
bottom: -200px;
width: 250px;
height: 250px;
overflow: hidden;
position: relative;
}

.mainvisual_catch_bg02 img {
  opacity: 0.24;
}
#Main-Visual.inner img {
/*width: calc(52% + 347px);
float: left;*/
}
@media screen and (max-width: 640px){
#mainvisual {
  background-position: center;
  background-attachment: scroll;
  height: 200px;
  margin-top: 124px;
  padding-top: 0;
}
#mainvisual::after {
  top: 0;
  right: 0;
  height: 200px;
  width: 100%;
  background-position: bottom center;
}

#mainvisual .inner {
  width: auto;
  height: inherit;
}
#Main-Visual.inner {
/*height: 720px;*/
}
.mainvisual_catch {
width: 90%;
height: auto;
margin: 0 auto;
padding: 20px;
overflow: hidden;
z-index: 10;
position: absolute;
right: 5%;
top: 260px;
}
.mainvisual_catch h2 {
font-size: 20px;
    line-height: 25px;
  padding-right: 0;
}

.mainvisual_catch_lead {
  font-size: 14px;
}

.mainvisual_catch_bg01 {
  bottom: 45px;
  right: 38px;
}

.mainvisual_open {
  top: 0;
  right: 1%;
}
.mainvisual_open img {
  width: calc(461px * 0.5);
  height: calc(223px * 0.5);
}
.top_banner01{
  top: 120px;
  right: 5%;
}
.top_banner01 img{
  width: calc(240px * 0.7);
  height: calc(67px * 0.7);
}
.mainvisual_catch_bg02 {
  right: -100px;
  bottom: 100px;
  width: 230px;
  height: 280px;
  overflow: hidden;
  position: relative;
}
}
#Main-Visual.inner img::before {
/* position: absolute;
  left: -18px;
  right: 0;
  top: 17px;
  height: 100%;
  content: '';
  background: rgba(240,206,131,0.7);*/
}
/* トップページのキャッチフレーズ ここまで*/
#Main-Visual .inner {
position: absolute;
right: 150px;
top: 200px;
}
#Main-Visual .inner h2{
line-height: 1.5em;
color: #fff;
font-size: 50px;
z-index: 10;
position: relative;
text-align: center;
}
/*5つボックスintroSec*/
.introSec {
  position: relative;
 padding: 0px 0 60px;
}
.introSec::before {
  content: "";
  background-color: #f7f7ff;
  position: absolute;
  left: 0;
  top: 0;
  height: 300px;
  width: 100%;
z-index: -10;
background-image: url(./images/top/menu_back_middle.jpg);
opacity: 0.4;
}
.introSec__ttl {
color: rgb(255, 255, 255);
font-size: 24px;
font-family: "Noto Serif JP", sans-serif;
font-weight: 500;
text-align: center;
position: absolute;
bottom: 0;
background: rgba(51, 100, 191, 0.9);
width: 100%;
padding: 3% 0;
}
.introSec__items {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-left: -30px;
}
.introSec__item {
position: relative;
padding-left: 30px;
width: calc(100% / 3);
/*margin-top: 5%;*/
}
.introSec__item:not(:nth-last-child(-n+2)) {
  margin-bottom: 20px;
}
.introSec__imgWrap {
  position: relative;
  padding-top: 20px;
  margin-bottom: 30px;
}
.introSec__item a{
  text-decoration: none;
}
.introSec__imgWrap::before, .introSec__imgWrap::after {
 /* content: "";
  background-color: #d4b572;
  position: absolute;
  right: 18px;
  bottom: -20px;
  z-index: 10;*/
}
.introSec__imgWrap::before {
  width: 2px;
}
.introSec__imgWrap::after {
  height: 2px;
  width: 100px;
}
.introSec__imgWrap--01::before {
  height: calc(100% - 172px);
}
.introSec__imgWrap--02::before {
  height: calc(100% - 80px);
}
.introSec__imgWrap--03::before {
  height: calc(100% - 88px);
}
.introSec__imgWrap--04::before {
  height: calc(100% - 53px);
}
.introSec__imgWrap--05::before {
  height: calc(100% - 48px);
}
.introSec__img {
  position: relative;
  height: 300px;
  overflow: hidden;
}
.introSec__img::after {
 /* content: "";
  background-color: rgba(77, 45, 102, 0.2);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;*/
}
.introSec__img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.introSec__txtDeco {
  color: #dddddd;
  font-size: 30px;
  /*writing-mode: vertical-rl;*/
  position: absolute;
  right: 0;
  bottom: 0;
  line-height: 1em;
}
.introSec__num {
  color: rgba(2, 59, 150, 0.5);
  font-weight: 600;
  font-size: 120px;
  position: absolute;
  left: 0;
  bottom: -30px;
  line-height: 1em;
  z-index: 5;
font-style: italic;
line-height: 1;
letter-spacing: 0;
text-stroke: 1px #999;
-webkit-text-stroke: 1px #999;
color: transparent;
display: none;
}
.introSec__num .number{
  position: absolute;
  left: 4px;
  top: 3px;
  color: #cfe5ea;
  -webkit-text-stroke: 0;
  z-index: -1;
}
@media screen and (max-width: 960px) {
  .introSec__item {
    width: 50%;
  }
  .introSec__img {
    height: 240px;
  }
  .introSec__num {
    font-size: 100px;
  }
}
@media screen and (max-width: 679px) {
  .introSec {
    padding: 0;
  }
  .introSec__item {
    width: 100%;
  }
  .introSec__imgWrap {
    margin-bottom: 15px;
  }
  .introSec__imgWrap::before, .introSec__imgWrap::after {
    right: 12px;
    bottom: -28px;
  }
  .introSec__imgWrap--01::before {
    height: calc(100% - 100px);
  }
  .introSec__imgWrap--02::before {
    height: calc(100% - 38px);
  }
  .introSec__imgWrap--03::before {
    height: calc(100% - 44px);
  }
  .introSec__imgWrap--04::before {
    height: calc(100% - 22px);
  }
  .introSec__imgWrap--05::before {
    height: calc(100% - 17px);
  }
  .introSec__num {
    font-size: 80px;
    bottom: -40px;
  }
  .introSec__txtDeco {
    font-size: 20px;
  }
}
.container--md {
  max-width: calc(1240px + 140px);
margin: 0 auto;
width: 90%;
}
.indexTtl01--center .en {
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}
.indexTtl01 .en {
  color: rgba(77, 45, 102, 0.2);
  font-size: clamp(50px, 6vw, 100px);
  font-weight: 400;
  position: absolute;
  top: 50%;
  line-height: 1em;
}
.en {
  /*font-family: new-order, sans-serif;*/
}
.indexTtl01--center .ja {
  text-align: center;
}
.indexTtl01 .ja {
  position: relative;
  color: #4d4d4d;
  font-family: "Noto Serif JP", sans-serif;
  font-size: 22px;
  font-weight: 700;
  padding: 1.5em 0;
  letter-spacing: 0.1em;
  line-height: 1em;
}
/*5つボックスintroSec 終わり*/
/*indexMicro3D*/
#indexMicro3D { overflow: hidden;}
.indexMicro3DCh {margin-top: 0 !important;}
.indexMicro3DCh h2 { line-height: 1.25;}
#indexMicro { background: linear-gradient( to right, #fff 0%, #f7f7f7 100%); padding: 5vw;}
#index3D    { background: linear-gradient( to left, #fff 0%, #f7f7f7 100%); padding: 5vw;}
#index3D h2 { text-align: center;}
#index3D h2 > span { display: inline-block; text-align: left; }
.indexMicro3DChImg { text-align: center; }
#indexMicroImg { margin-bottom: 1.6vw; }
#indexMicroImg img { width: 48vw;margin: 0 auto; }
#index3DImg { text-align: center; }
#index3DImg img { width: 60vw;margin: 0 auto;}
.Micro-text{
margin-top: 5%;
}
.index3D-text{
margin-top: 5%;
}
@media print, screen and (min-width: 700px){
#indexMicro3D {}
	.indexMicro3DCh { position: relative; }
			.indexMicro3DCh h2 {
 letter-spacing: 0.05em;
  padding-bottom: 9px !important;
  font-size: 2rem;
  text-align: left;
line-height: 1.4em;
}
			#indexMicro { /*background: #FFF; padding: 55px 0 60px;*/ padding: 10px 0;}
			#index3D    { /*background: #f0f0f0; padding: 60px 0 60px;*/padding: 10px 0 30px 0;}
			#index3D .w604 { padding-right: 164px; }
			#index3D h2 { text-align: left; line-height: 1.08;}
				#index3D h2 > span { text-align: right;}
	.indexMicro3DChImg { position: absolute; z-index: 1;}
		#indexMicroImg { margin-bottom: 0; top: 0; left: 45%; margin-left: -600px;}
			#indexMicroImg img { width: 450px; }
		#index3DImg { bottom: 0; left: 48%; margin-left: 300px; }
			#index3DImg img { width: auto;}
.w604 {
width: 650px;
margin-left: auto;
margin-right: auto;
z-index: 1;
position: relative;
}
.w604.pl-13{
  padding-left: 13%;
}
.Micro-text{
margin-top: 2%;
}
.index3D-text{
margin-top: 2%;
}
}
/*indexMicro3D 終わり*/
/*indexStaffClinic */
#indexStaffClinic {
margin-bottom: 10%;
}
#indexClinicTxt01 { position: relative; top: 0; left: 0; width: 100%; height: 100%; transform: translateY(0); margin-top: 0;padding: 0 3%;background: rgba(255, 255, 255, 0.7);}
#indexStaffTxt01 { position: relative; top: 0; left: 0; width: 100%; height: 100%; transform: translateY(0); margin-top: 0; padding: 0 3%;background: rgba(255, 255, 255, 0.7);}
#indexClinicTxt01 > dl > dt {
margin-right: 0px;
font-size: 40px;
font-family: 'Times New Roman', serif;
color: #8a8576;
width: 40%;
}
#indexClinicTxt01 > dl > dd {
color: #8a8576;
letter-spacing: 0.10em;
line-height: 1.5em;
text-align: left;
margin: 0 auto;
}
#indexStaffTxt01 > dl > dt {
margin-right: 0px;
font-size: 40px;
font-family: 'Times New Roman', serif;
color: #8a8576;
}
#indexStaffTxt01 > dl > dd {
color: #8a8576;
letter-spacing: 0.10em;
line-height: 1.5em;
text-align: left;
margin: 0 auto;
}
#indexClinicTxt01 > p {position: relative;
bottom: 15px;
left: 0;
width: 100%; }
#indexStaffTxt01 > p { position: relative;
bottom: 15px;
left: 0;
width: 100%;}
#indexClinicTxt01 > dl { position: inherit;display: flex;margin-top: -35%;}
#indexStaffTxt01 > dl { position: inherit;display: flex;margin-top: -35%;}

@media print, screen and (min-width: 700px){
#indexStaffClinic { display: flex; flex-wrap: wrap; }
#indexStaff { width: 50%;text-align: center;}
#indexStaff01 {box-sizing: border-box;position: relative;}
#indexStaffImg { position: relative;}
#indexStaffImg img {}
#indexClinic { width: 50%;text-align: center;}
#indexClinic01 { position: relative;}
#indexClinicImg01 { position: relative; }
#indexClinicTxt01 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; transform: translateY(0); margin-top: 0; background-color: rgba(140, 140, 140, 0.5);}
#indexStaffTxt01 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; transform: translateY(0); margin-top: 0;background: none;}
#indexClinicTxt01 > dl { position: absolute; top: 25px; left: 47px; display: block; flex-wrap: wrap; align-items: center;margin-top: auto;}
#indexStaffTxt01 > dl { position: absolute; top: 25px; left: 47px; display: block; flex-wrap: wrap; align-items: center;margin-top: auto;}
#indexClinicTxt01 > dl > dt {
margin-right: 48px;
font-size: 4em;
font-family: 'Times New Roman', serif;
color: white;
width: auto;
}
#indexClinicTxt01 > dl > dd {
color: #FFF;
letter-spacing: 0.10em;
line-height: 1.5em;
text-align: left;
margin: 7% 0;
}
#indexStaffTxt01 > dl > dt {
margin-right: 48px;
font-size: 4em;
font-family: 'Times New Roman', serif;
color: #8a8576;
}
#indexStaffTxt01 > dl > dd {
color: #8a8576;
letter-spacing: 0.10em;
line-height: 1.5em;
text-align: left;
margin: 7% 0;
}
#indexClinicTxt01 > p { position: absolute; bottom: 30px; left: 0; width: 100%; text-align: center; }
#indexStaffTxt01 > p { position: absolute; bottom: 30px; left: 0; width: 100%; text-align: center; }
}

/*indexStaff 終わり*/
/*.sec04 */
.sec04 .bg1 {
	padding:4em 0 ;
	background:url(./images/sec04_bg1.jpg) no-repeat 72%/ cover;
}
.sec04 .bg2 {
	padding:4em 0 ;
	background:url(./images/sec04_bg2.jpg) no-repeat 27%/ cover;
    margin-bottom: 9%;
}
.sec04 .bg3 {
	padding:4em 0 ;
	background:url(./images/sec04_bg3.jpg) no-repeat center / cover;
}
@media screen and (max-width: 756px) {
.sec04 .bg3 {
	padding:4em 0 ;
	background:url(https://www.proteeth.com/wp-content/uploads/2020/04/sp_bg_sec.jpg) no-repeat top / cover;
}
.sec04 .bg1 {
background: none;
}
}
.sec04 .bg1 h3,
.sec04 .bg2 h3{
    color: #444;
    font-size: 30px;
    padding: 0.7em 0 0;
    margin: 5% 0;
	letter-spacing: 5px;
}
.sec04 .bg2 h3 {
    background-image:url(./images/sec04_2_h3.png);
}
.sec04 p {
    line-height: 2;
    margin-bottom:2em;
}
.sec04 .btn-style a.btn2 {
    padding: 0.6em 1.1em;
}
.sec04 .bg1 .btn-style a:after,
.sec04 .bg2 .btn-style a:after{
   display: none;
}
.sec04 .bnr {
    margin: 5% auto -13%;
}
.sec04 .bg3 .columns .column {
    background: rgba(255,255,255,.85);
    padding: 5% 3%;
}
.sec04 .bg3 h3{
    color: #666;
    font-size: 26px;
    text-align: center;
    line-height: 1.3;
    font-weight: bold;
    margin-bottom: 7%;
}
.sec04 .bg3 .btn-style a{
    width:306px;
}
@media screen and (min-width: 768px){
  .sec04 .columns .column {
    max-width: 60%;
    -webkit-box-flex-basis:70%;
    -webkit-flex-basis:70%;
    flex-basis:70%;
}
    .sec04 .bg1 .btn-style,
    .sec04 .bg2 .btn-style{
    text-align: left;
}
.sec04 .btn-style a{
vertical-align: top;
width:30%;
margin-bottom:3.5%;
}

.sec04 .btn-style a + a{
    margin-left:3%;
}
    .sec04 .bg3 .columns{
        -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    justify-content: space-around;
    }
     .sec04 .bg3 .columns .column {
    max-width:45%;
    -webkit-box-flex-basis:45%;
    -webkit-flex-basis:45%;
    flex-basis:45%;
}
}
/*.sec04 終わり*/

/*==================================================================
	.top_concepts
==================================================================*/
.top_concepts {
  position: relative;
  overflow: hidden;
}

.top_concepts_sec1_outer {
  display: flex;
}

.top_concepts .box1 {
width: 700px;
margin-left: 110px;
}

.top_concepts h2.tit01 {
  margin-bottom: 35px;
}

.top_concepts_img01 {
  position: relative;
  width: calc(((100% - 1200px) / 2 ) + 418px);
  height: 699px;
  margin-bottom: 58px;
  background-image: url("./images/concept_img.jpg");
  background-size: cover;
  background-position: center;
left: 30px;
}

.top_concepts_img01::before {
position: absolute;
bottom: -50px;
left: 5%;
width: 105%;
height: 300px;
content: "";
z-index: -1;
opacity: 0.7;
background:#ebf1f4;
}
.top_concepts .text p {
line-height: 1.9em !important;
  margin-bottom: 3%;
  font-size: 1.2em;
}
.tit01_en, .tit02_en, .tit03_en, .tit04_en {
display: block;
position: relative;
font-size: 80px;
font-weight: bold;
color: #89898a;
padding:0;
}
.tit01_ja, .tit02_ja, .tit03_ja, .tit04_ja {
  display: block;
  position: relative;
  margin-bottom: 13px;
  font-size: 16px;
  font-weight: 400;
color: gray;
padding-top: 0;
}
h3.tit01 {
  position: relative;
  margin-bottom: 30px;
font-size: 26px;
  font-weight: 500;
}
@media screen and (max-width: 768px){
.tit01_ja, .tit02_ja, .tit03_ja, .tit04_ja {
color: #fff;
}
.tit01_en, .tit02_en, .tit03_en, .tit04_en {
color: #fff;
}
.top_concepts_sec1_outer {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.top_concepts .box1 {
  width: 100%;
  margin: 0 auto;
}
.top_concepts .top_concepts_inner {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.top_concepts h2.tit01 {
position: relative;
    display: flex;
    display: -ms-flex;
    display: -webkit-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    text-align: center;
    height: 60px;
    color: #fff;
    background: #7d181e;
}
.top_concepts h2.tit01::before {
position: absolute;
content: "";
background-image: url("./images/doctor.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position: right;
width: 40%;
height: calc(360px * 0.3);
top: 0;
left: 0;
}
.top_concepts h2.tit02 {
  position: relative;
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  text-align: left;
  height: calc(360px * 0.3);
  color: #fff;
  background-color: #81694A;
  padding-left: 43%;
}
.top_concepts h2.tit02 {
  margin-bottom: 35px;
}
.top_concepts h2.tit02::before {
  position: absolute;
  content: "";
  background-image: url("./images/20210416_2.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 40%;
  height: calc(360px * 0.3);
  top: 0;
  left: 0;
}
.top_concepts h2.tit03 {
  position: relative;
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  text-align: left;
  height: calc(360px * 0.3);
  color: #fff;
  background-color: #81694A;
  padding-left: 43%;
background: url(./images/back.jpg) repeat-x;
}
.top_concepts h2.tit03::before {
position: absolute;
content: "";
background-image: url("./images/topMain04.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position: right;
width: 40%;
height: calc(360px * 0.3);
top: 0;
left: 0;
}
.top_concepts h2.tit03.doctor3::before {
  background-image: url("./images/TOP01.jpg");
}
.top_concepts h2.tit04 {
  position: relative;
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  text-align: left;
  height: calc(360px * 0.3);
  color: #fff;
  background-color: #E7337B;
  padding-left: 43%;
}
.top_concepts h2.tit04 {
  margin-bottom: 35px;
}
.top_concepts h2.tit04::before {
  position: absolute;
  content: "";
  background-image: url("./images/medical_img00.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 40%;
  height: calc(360px * 0.3);
  top: 0;
  left: 0;
}
.top_concepts h3.tit01 {
font-size: 5vw;
text-align: center;
margin-bottom: 5px;
}
.top_concepts .text {
  line-height: 2.2;
  width: auto;
  margin: 0 6%;
}
.top_concepts_img01 {
width: 80%;
    height: 300px;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    margin-bottom: 0px;
    margin-bottom: 60px;
    background-position: top;
}
.tit01_en, .tit02_en, .tit03_en, .tit04_en{
font-size: 7.5vw;
line-height: 1em;
}
.top_concepts .text p {
font-size: 16px;
}
}
/*.top_concepts 終わり*/

/*==================================================================
	.top_medical
==================================================================*/
.top_medical {
  position: relative;
  padding-top: 157px;
}

.top_medical .box1 {
width: 1200px;
margin: 0 auto;
}

.top_medical_program {
  position: relative;
  width: 448px;
  min-height: 545px;
}

.top_medical_program_img01 {
  position: absolute;
  right: 0;
  width: calc((100% - 1200px) / 2 + 642px);
height: 500px;
  background-image: url(./images/medical_img00.png);
  background-size: cover;
  content: "";
}

.top_medical_program_list {
  padding-top: 41px;
}

.top_medical_program_list li {
  border-top: 1px solid #233B6B;
}

.top_medical_program_list li:last-child {
  border-bottom: 1px solid #233B6B;
}

.top_medical_program_list li a {
  position: relative;
  display: block;
  padding: 19px 0 19px 20px;
color: #666;
text-decoration: none;
line-height: 2em;
}

.top_medical_program_list li a:hover {
  background-color: #f3f3f3;
}

.top_medical_program_list li a::after {
  position: absolute;
  top: 5px;
  bottom: 0;
  margin: auto;
  right: 28px;
  width: 42px;
  height: 4px;
  background-image: url(./images/arrow01.svg);
  transition: 0.2s ease-in-out;
  content: "";
}

.top_medical_program_list li a:hover::after {
  right: 23px;
}

.top_medical_program_list_ja {
font-size: 25px;
  line-height: 1.65;
}

.top_medical_program_list_en {
  font-size: 13px;
  font-family: 'Lora', serif;
  font-weight: 400;
  letter-spacing: 0.06em;
}
h3.tit02 {
position: relative;
margin-bottom: 25px;
line-height: 1.3;
font-size: 40px;
}
@media screen and (max-width: 768px){
.top_medical {
  padding-top: 80px;
}
.top_medical .box1 {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 80px;
width: 95%;
margin: 0 auto;
}
.top_medical_program {
  width: 100%;
  min-height: auto;
  margin-bottom: 40px;
}
.top_medical_program h3.tit02 {
  margin-bottom: 24px;
}

.top_medical_program_img01 {
  display: none !important;
}

.top_medical_program_list {
  padding-top: 32px;
}
.top_medical_program_list li a {
  padding: 12px 52px 12px 0;
}
.top_medical_program_list li a::after {
  right: 5px;
}
.top_medical_program_list li a:hover::before {
  right: 0;
}

.top_medical_program_list_en {
  padding-left: 4px;
}
}
/*.top_medical_program 終わり*/
/*==================================================================
	.top_feature6box
==================================================================*/

.top_feature6box{
	position:relative;


}
.top_feature6box_bg2{
	position: absolute;
    top: 10px;
    width: 100%;
    height: 2060px;
    background-image: url(../images/feature_bg.png);
    background-position: center;
    background-repeat: no-repeat;
}


.top_feature6box_bg{
	position: absolute;
	top:-530px;
	width:100%;
	height:3446px;
	background-image:url(../images/bg3.png);
	background-size:  auto 3446px;
	z-index:-10;
}
.top_feature6box .box1{
position: relative;
width: 1200px;
margin: 0 auto;
}

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

.top_feature6box_list_box {
	position:relative;
	margin-bottom: 150px;
}

.top_feature6box_list_box_img{
	position:absolute;
	z-index: 10;
	border: 10px solid rgba(232, 232, 232, 0.5);
}
.top_feature6box_list_box_img_text{
	position:absolute;
		opacity:0.6;
font-family: 'Josefin Sans', sans-serif;
font-weight:600;
font-size:28px;
letter-spacing:0.53em;

}
.top_feature6box_list_box_text{
	position:relative;
	width:380px;
height: 520px;
/*box-shadow:0 0 35px rgba(0,0,0,.2);*/
	overflow:hidden;
}
.top_feature6box_list_box_text::before{
	position:absolute;
	top:-33px;
	left:-147px;
	width:400px;
	height:400px;
	border-radius:100%;
	content:"";
}
.top_feature6box_list_box_text ul{
    position: absolute;
    z-index: 10;
	display:flex;
	color:#fff;
}
.top_feature6box_list_box_text li {
}
.top_feature6box_list_box_text li{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
font-family: 'Noto Sans JP', sans-serif;
}
.top_feature6box_list_box_text_title{
    margin-left: 17px;
	letter-spacing:0.1em;
}
.top_feature6box_list_box_text li h4 {
	font-size:24px;
	font-weight:500;

	line-height: 1.4;
}
.top_feature6box_list_box_text li p{
    text-indent: -0.5em;
	font-size:14px;
}
.top_feature6box_list_box-01 .top_feature6box_list_box_img{
    left: -10px;
}
.top_feature6box_list_box-01 .top_feature6box_list_box_text{
    left: -70px;
    top: 63px;
	background-color:rgba(132,168,216,.7);
	background-color: rgba(73, 87, 104, 0.7);
	}
.top_feature6box_list_box-01 .top_feature6box_list_box_text ul{
   top: 317px;
    left: 24px;
}
.top_feature6box_list_box-01 .top_feature6box_list_box_text_title{
    margin-bottom: 16px;
	top: 30px;
position: relative;
}
.top_feature6box_list_box-01 .top_feature6box_list_box_text_title h4{
    margin-bottom: 4px;
}
.alignment{
    width: 195px;
    border-bottom: 2px solid #231815;
    border-top: 2px solid #231815;
    padding-top: 5px;
    padding-bottom: 4px;
    text-align: center;
}
.alignment a:hover{
    opacity: 0.6;
}
.alignment img{
    width: 90%;
}
.top_feature6box_list_box-01 .top_feature6box_list_box_img_text{
	color:#144899;
    bottom: -29px;
    right: -15px;
	letter-spacing:0.53em
}
.top_feature6box_list_box-01 .top_feature6box_list_box_text::before{
	background-color:rgba(96,137,216,.5);
}
.top_feature6box_list_box-02 {
}
.top_feature6box_list_box-02 .top_feature6box_list_box_img{
    left: -20px;
    top: 101px;
}
.top_feature6box_list_box-02 .top_feature6box_list_box_text{
	left: 20px;
    top: -80px;
	background-color:#F1C599;
	background-color: rgba(34, 119, 51, 0.7);
}

.top_feature6box_list_box-02 .top_feature6box_list_box_text ul{
   top: 28px;
    left: 24px;
}
.top_feature6box_list_box-02 .top_feature6box_list_box_text_title{
    margin-bottom: 21px;
}

.top_feature6box_list_box-02 .top_feature6box_list_box_img_text{
	color:#026038;
    top: -25px;
    left: -3px;
		letter-spacing:0.65em;
		opacity:0.5;
}
.top_feature6box_list_box-02 .top_feature6box_list_box_text::before{
		left:auto;
	top:auto;
	bottom: -113px;
    right: -27px;
	background-color:#D2824C;
	opacity:0.2;
}

.top_feature6box_list_box-03 .top_feature6box_list_box_img{
    left: 30px;
    top: -180px;
}
.top_feature6box_list_box-03 .top_feature6box_list_box_text{
    left: 70px;
    top: -121px;
	background-color:rgba(193,182,178,0.8);
	background-color: rgba(83, 49, 4, 0.8);
	}

.top_feature6box_list_box-03 .top_feature6box_list_box_text ul{
   top: 317px;
    left: 24px;
}
.top_feature6box_list_box-03 .top_feature6box_list_box_text_title{
    margin-bottom: -10px;
    margin-left: 0;
    margin-right: 17px;
	line-height:24px;
}
.top_feature6box_list_box-03 .top_feature6box_list_box_text_title h4{
    margin-bottom: 8px;
}
.top_feature6box_list_box-03 .top_feature6box_list_box_img_text{
	color:#2d1d01;
    bottom: -29px;
    left: -2px;
	letter-spacing: 0.68em;
	opacity:0.6;
}
.top_feature6box_list_box-03 .top_feature6box_list_box_text::before{
	right:-147px;
	left:auto;
	background-color:#b3a59a;
	opacity:0.2;
}

.top_feature6box_list_box-04 .top_feature6box_list_box_img{
    left: -10px;
}
.top_feature6box_list_box-04 .top_feature6box_list_box_text{
    left: -70px;
    top: 63px;
	background-color:rgba(214,192,140,0.8);
	background-color: rgba(225, 129, 52, 0.8);
}

.top_feature6box_list_box-04 .top_feature6box_list_box_text ul{
   top: 317px;
    left: 24px;
}
.top_feature6box_list_box-04 .top_feature6box_list_box_text_title{
    margin-bottom: 0;
	line-height:24px;
	top: 40px;
position: relative;
}
.top_feature6box_list_box-04 .top_feature6box_list_box_text_title h4{
    margin-bottom: 8px;
}
.top_feature6box_list_box-04 .top_feature6box_list_box_img_text{
	color:#9d5c42;
    bottom: -29px;
    right: -6px;
	letter-spacing:0.37em;
	opacity:0.9;
}
.top_feature6box_list_box-04 .top_feature6box_list_box_text::before{
	background-color:#e66c3c;
	opacity:0.5;
}

.top_feature6box_list_box-05 {
}

.top_feature6box_list_box-05 .top_feature6box_list_box_img{
    left: -20px;
    top: 101px;
}
.top_feature6box_list_box-05 .top_feature6box_list_box_text{
	left: 20px;
    top: -80px;
	background-color:rgba(206,170,191,0.8);
	background-color: rgba(106, 48, 82, 0.8);
}

.top_feature6box_list_box-05 .top_feature6box_list_box_text ul{
   top: 28px;
    left: 24px;
}
.top_featur6boxe_list_box-05 .top_feature6box_list_box_text_title{

}
.top_feature6box_list_box-05 .top_feature6box_list_box_text li h4{
	margin-bottom: 7px;
}
.top_feature6box_list_box-05 .top_feature6box_list_box_img_text{
	color:#741888;
    top: -25px;
    left: -3px;
		letter-spacing:0.34em;
		opacity:0.8;
}
.top_feature6box_list_box-05 .top_feature6box_list_box_text::before{
	left:auto;
	top:auto;
	bottom: -113px;
    right: -27px;
	background-color:#ECACCC;
	opacity:0.2;
}

.top_feature6box_list_box-06 .top_feature6box_list_box_img{
    left: 30px;
    top: -180px;
}
.top_feature6box_list_box-06 .top_feature6box_list_box_text{
    left: 70px;
    top: -121px;
	background-color:rgba(147,173,141,0.7);
	background-color: rgba(98, 147, 87, 0.7);
}

.top_feature6box_list_box-06 .top_feature6box_list_box_text ul{
   top: 317px;
    left: 24px;
}
.top_feature6box_list_box-06 .top_feature6box_list_box_text_title{
    margin-bottom: 11px;
	margin-right: 17px;
	margin-left:0;
}

.top_feature6box_list_box-06 .top_feature6box_list_box_img_text{
	color:#0d4f19;
    bottom: -16px;
    left: -2px;
	letter-spacing: 0.68em;
	opacity:0.6;
	line-height:26px;
}
.top_feature6box_list_box-06 .top_feature6box_list_box_text::before{
			right:-147px;
			left:auto;
	background-color:#5ba666;
	opacity:0.5;
}
.top_feature6box_list_box_img a img:hover{
opacity: 1;
}
.top_feature6box .tit01_en{
display: block;
position: relative;
margin-bottom: 4px;
letter-spacing: 0.1em;
line-height: 1;
font-size: 58px;
z-index: 2;
text-align: left;
}
.top_feature6box_list_box_text ul li span.num{
font-size: 60px;
position: relative;
left: -20px;
top: -10px;
z-index: 5;
font-style: italic;
border-radius: 50%;
padding: 10px 20px 20px 15px;
font-weight: bold !important;
}
.top_feature6box_list_box-01 .top_feature6box_list_box_text ul li span.num{
/*background-color: rgba(187, 208, 244, 0.83);*/
}
.top_feature6box_list_box-02 .top_feature6box_list_box_text ul li span.num{
/*background-color: rgba(234, 183, 137, 0.83);*/
}
.top_feature6box h3.tit01{
margin-bottom: 150px;
text-align: center;
width: fit-content;
}
@media screen and (max-width:640px) {
.top_feature6box_list_box-01 .top_feature6box_list_box_text ul li span.num{
top: 40px;
left: -120px;
}
.top_feature6box_list_box-02 .top_feature6box_list_box_text ul li span.num{
top: 10px;
left: -120px;
}	
.top_feature6box_list_box-03 .top_feature6box_list_box_text ul li span.num{
top: -30px;
left: -120px;
}	
.top_feature6box_list_box-04 .top_feature6box_list_box_text ul li span.num{
  top: -20px;
  left: -120px;
}
.top_feature6box_list_box-05 .top_feature6box_list_box_text ul li span.num{
top: 0px;
left: -120px;
}
.top_feature6box_list_box-06 .top_feature6box_list_box_text ul li span.num{
left: -120px;
top: -170px;
}
.top_feature6box_list_box-02 .top_feature6box_list_box_text_title {
  top: -80px;
  position: relative;
  left: 30px;
}
.top_feature6box_list_box-03 .top_feature6box_list_box_text_title {
top: 120px;
  position: relative;
  left: 30px;
}
.top_feature6box_list_box-04 .top_feature6box_list_box_text_title {
top: -80px;
position: relative;
left: 50px;
}
.top_feature6box_list_box-05 .top_feature6box_list_box_text_title {
top: -60px;
position: relative;
left: 50px;
}
.top_feature6box_list_box-06 .top_feature6box_list_box_text_title {
position: relative;
left: 50px;
}
.top_feature6box .box1 {
/*margin-bottom: 175px;*/
}
.top_feature6box .tit01_en {
	font-size: 30px;
}
.top_feature6box h3.tit01 {
margin: 50px 0;
}
.top_feature6box_bg2,
.top_feature6box_bg{
	display: none;
}


.top_feature6box_list_box {
	margin: 0 auto 30px auto;
	height: 550px;
}
.top_feature6box_list_box-01{
        height: 585px;
    }    
.top_feature6box_list_box_img img {
	width: 100%;
	height: auto;
}
.top_feature6box_list_box_text {
	width: 350px;
}
.top_feature6box_list_box_img {
	top: 0;
	right: 0;
	left: 0;
	width: 100%;
}
.top_feature6box_list_box-01 .top_feature6box_list_box_img {
	left: 0;
}
.top_feature6box_list_box-01 .top_feature6box_list_box_text {
	left: 0px;
	top: 90px;
height: 470px;
}
.top_feature6box_list_box-01 .top_feature6box_list_box_img_text {
	bottom: -29px;
	right: 0px;
	letter-spacing: 0.2em;
}
.top_feature6box_list_box-01 .top_feature6box_list_box_text ul {
	flex-direction: column; 
	top: 230px;
	left: 0px;
	right: 0;
	margin: 0 auto;
}
.top_feature6box_list_box-01 .top_feature6box_list_box_text li {
	flex-direction: column;
	text-align: center;
}
.top_feature6box_list_box_text_title {
	margin-left: 0;
}

.top_feature6box_list_box-02 .top_feature6box_list_box_img {
	left: 0px;
	top: 190px;
}
.top_feature6box_list_box-02 .top_feature6box_list_box_text {
	left: 0px;
	top: 0px;
}
.top_feature6box_list_box-02 .top_feature6box_list_box_img_text {
	left: 0px;
	letter-spacing: 0.45em;
}
.top_feature6box_list_box-02 .top_feature6box_list_box_text ul {
	flex-direction: column; 
	top: 20px;
	left: 0px;
	right: 0;
	margin: 0 auto;
}
.top_feature6box_list_box-02 .top_feature6box_list_box_text li {
	flex-direction: column;
	text-align: center;
}
.top_feature6box_list_box-03 .top_feature6box_list_box_img {
	left: 0;
	top: 0;
}
.top_feature6box_list_box-03 .top_feature6box_list_box_text {
	left: 0px;
	top: 30px;
	text-align: center;
}
.top_feature6box_list_box-03 .top_feature6box_list_box_img_text {
	bottom: -29px;
	right: 0px;
	letter-spacing: 0.2em;
}
.top_feature6box_list_box-03 .top_feature6box_list_box_text ul {
	flex-direction: column; 
	top: 230px;
	left: 0px;
	right: 0;
	margin: 0 auto;
}
.top_feature6box_list_box-03 .top_feature6box_list_box_text li {
	flex-direction: column;
	text-align: center;
}
.top_feature6box_list_box-03 .top_feature6box_list_box_text li:first-child {
	margin-bottom: 15px;
}
.top_feature6box_list_box-04 .top_feature6box_list_box_img {
	left: 0px;
	top: 210px;
}
.top_feature6box_list_box-04 .top_feature6box_list_box_text {
	left: 0px;
	top: 0px;
}
.top_feature6box_list_box-04 .top_feature6box_list_box_img_text {
	left: 0px;
	bottom: 350px;
	letter-spacing: 0.19em;
}
.top_feature6box_list_box-04 .top_feature6box_list_box_text ul {
	flex-direction: column; 
	top: 30px;
	left: 0px;
	right: 0;
	margin: 0 auto;
}
.top_feature6box_list_box-04 .top_feature6box_list_box_text li {
	flex-direction: column;
	text-align: center;
}
.top_feature6box_list_box-05 .top_feature6box_list_box_img {
	left: 0px;
	top: 190px;
}
.top_feature6box_list_box-05 .top_feature6box_list_box_text {
	left: 0px;
	top: 0px;
}
.top_feature6box_list_box-05 .top_feature6box_list_box_img_text {
	left: 3px;
	letter-spacing: 0.3em;
}
.top_feature6box_list_box-05 .top_feature6box_list_box_text ul {
	flex-direction: column; 
	top: 9px;
	left: 0px;
	right: 0;
	margin: 0 auto;
}
.top_feature6box_list_box-05 .top_feature6box_list_box_text li {
	flex-direction: column;
	text-align: center;
}
.top_feature6box_list_box-06 .top_feature6box_list_box_img {
	left: 0px;
	top: 190px;
}
.top_feature6box_list_box-06 .top_feature6box_list_box_text {
	left: 0px;
	top: 0px;
}
.top_feature6box_list_box-06 .top_feature6box_list_box_img_text {
	left: 0px;
	bottom: 340px;
	letter-spacing: 0.3em;
	text-align: center;
}
.top_feature6box_list_box-06 .top_feature6box_list_box_text ul {
	flex-direction: column; 
	top: 30px;
	left: 0px;
	right: 0;
	margin: 0 auto;
}
.top_feature6box_list_box-06 .top_feature6box_list_box_text li {
	flex-direction: column;
	text-align: center;
}
.top_feature6box_list_box_text_title {
	margin-left: 0;
}
.top_feature6box_list_box-01 .top_feature6box_list_box_text_title {
    margin-bottom: 14px;
	top: -30px;
position: relative;
left: 30px;
}
.top_feature6box .box1 {
  width: auto;
}
.top_feature6box h3.tit01 {
  width: auto;
}
.top_feature6box .tit01_en {
text-align: center;
}
}
/*.top_feature6box 終わり*/
/*pholosophy*/
.sc-pholosophy {
background-image: url("./images/ptn-bk.png");
background-color: #f7f7f7;
overflow: hidden;
}
.bg-logo{
background-image: url("./images/pholosophy-logo.png");
background-size: 80%;
background-repeat: no-repeat;
}
.sc-pholosophy .bg-logo {
content: "";
position: absolute;
top: 0%;
right: -35%;
width: 100%;
height: 100%;
}

.sc-pholosophy .c-header__title {
color: #89898a;
font-size: 90px;
margin-top: 0;
  padding-top: 6%;
}
.fillFFF{
background-color: rgba(255, 255, 255, 0.6);
}
.logobk{
background: url(./images/photo-02.png) center right -200px / contain no-repeat,url(./images/photo-01.png) center left -200px / contain;
}

.sc-pholosophy .el-item__thumb {
/*  position: absolute;*/
  left: 0;
top: 0;
  width: 100%;
  height: 100%;
}

.sc-pholosophy .el-item__thumb img {
/*position: absolute;*/
  top: 0;
  left: 0;
  width: 100%;
height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.sc-pholosophy .el-item__content {
  padding: 30px 0;
  line-height: 37px;
font-size: 20px;
}
.sc-pholosophy .el-item__content .color {
color: #00437e;
  font-weight: bold !important;
  font-size: x-large;
  line-height: 1.5em;
  font-family: 'YuGothic','游ゴシック体','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-Serif !important;
}
.sc-pholosophy .el-item__content p{
margin-bottom: 20px;
line-height: 2em !important;
}
.row{
  display: flex;
}
.c-header__sub {
font-weight: 300;
  font-size: 34px;
  line-height: 1.8em;
  margin: 20px 0 0;
}
@media (min-width: 768px){
.col-md-6 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
width: 65%;
}
.col-md-6.position-relative{
  position: relative;
width: 100%;
text-align: center;
}
}
@media (max-width: 768px){
.sc-pholosophy .el-item__content p {
font-size: 15px;
    text-align: center;
}
.sc-pholosophy .el-item__content .color {
  font-size: 18px;
}
.sc-pholosophy .c-header__title {
  font-size: 40px;
}
.sc-pholosophy .el-item__thumb {
  display: none;
}
.bg-logo {
top: 10% !important;
background-size: 100%;
right: 0 !important;
}
.logobk {
  background: url(./images/photo-02.png) top right -70px / contain no-repeat,url(./images/photo-01.png) bottom left -50px / contain no-repeat;
}
.fillFFF {
  background-color: rgba(255, 255, 255, 0.8);
}
.sc-pholosophy .el-item__content {
  padding: 18px 0
}
.sc-pholosophy .c-content {
  padding: 0 5%;
}
.c-header__title {
  margin-top: 0;
font-size: 40px !important;
}
.sc-pholosophy {
  padding: 10% 0;
}
.c-header__sub {
font-size: 20px;
letter-spacing: 0;
}
.sc-feature .el-item.-large {
  width: 100% !important;
margin-bottom: 30px !important;
}
.sc-feature .el-item__sub {
  top: 0 !important;
}
.sc-feature .el-item.-large .el-item__excerpt {
font-size: 22px !important;
line-height: 1.5em;
}
.row {
  display: block;
}
.col-xl-6 {
width: 100% !important;
}
.sc-feature .el-item.-large .el-item__content {
padding: 5% !important;
font-size: medium;
}
.sc-feature .el-item.-large .el-item__content__bg {
background-position-x: left -250px !important;
}
.sc-feature .el-item.-large .el-item__content__bg::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
}
}
/*pholosophy　おわり*/
/*sc-feature*/
.sc-feature {
  position: relative;
}
.sc-feature:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #f2eeeb;
  opacity: 0.85;
}
.sc-feature .sc__wrap {
  position: relative;
}
.sc-feature .el-item__header {
padding: 25px 60px;
background: linear-gradient(to right, #1f54b5, rgba(66, 117, 210, 0.81));
}
.sc-feature .el-item__title {
  font-family: "Noto Serif JP", serif;
  font-weight: 300;
  position: relative;
  font-size: 40px;
  line-height: 1;
  letter-spacing: 0.075em;
  color: #fff;
}
.sc-feature .el-item__title::before {
  /*content: "";*/
  display: inline-block;
  width: 36px;
  height: 1px;
  background-color: #fff;
  margin-right: 14px;
  position: relative;
  top: -12px;
}
.sc-feature .el-item__title span {
font-size: 40px;
}
.sc-feature .el-item__sub {
position: relative;
top: 20px;
font-family: "Trajan Pro";
font-weight: bold;
color: #fff;
font-size: 36px;
line-height: 1;
letter-spacing: 0.05em;
opacity: 0.5;
padding-left: 2%;
}
.sc-feature .el-item__content {
  font-size: 18px;
padding: 20px 50px;
  background-color: #fff;
}
.sc-feature .el-item__content h3 {
font-size: 30px;
  line-height: 1.6em;
  letter-spacing: 0.075em;
  text-align: left;
}
.sc-feature .el-item__content p:not(:last-child) {
margin: 20px 0;
}
.sc-feature .el-item .el-item__thumb {
position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.sc-feature .el-item .el-item__thumb img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.sc-feature .el-item:nth-child(2) .el-item__header {
background: linear-gradient(to right, #a28342, rgba(155, 140, 108, 0.7));
}
.sc-feature .el-item:nth-child(3) .el-item__header {
  background: -webkit-gradient(linear, left top, right top, from(#b09820), to(rgba(176, 152, 32, 0.4)));
  background: linear-gradient(to right, #b09820, rgba(176, 152, 32, 0.4));
}
.sc-feature .el-item:nth-child(4) .el-item__header {
    background: linear-gradient(to right, #b0208a, rgb(176 32 176 / 40%));
}
.sc-feature .el-item:nth-child(5) .el-item__header {
  background: linear-gradient(to right, #b02020, rgb(220 69 54 / 40%));
}
.sc-feature .el-item.-large {
  width: 92%;
  background: #fff;
  margin-bottom: 100px;
}
.sc-feature .el-item.-large .el-item__header {
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(132, 178, 47)), to(rgba(132, 178, 47, 0.4)));
  background: linear-gradient(to bottom, rgb(132, 178, 47), rgba(132, 178, 47, 0.4));
padding: 5px 0 40px 0;
}
.sc-feature .el-item.-large .el-item__excerpt {
  font-family: "Noto Serif JP", serif;
  font-weight: 300;
  font-size: 32px;
  color: #fff;
  letter-spacing: 0.05em;
}
.sc-feature .el-item.-large .el-item__content {
  position: relative;
padding: 88px 10% 88px 0%;
  text-shadow: -1px 1px 2px rgba(255, 255, 255, 0.7);
}
.sc-feature .el-item.-large .el-item__content__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ms-auto {
  margin-left: auto !important;
}
.col-xl-6 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 60%;
z-index: 1;
}
.col-xl-5 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 50%;
z-index: 1;
}
.justify-content-center {
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
margin: 2% 0 1%;
}
.c-header__title {
  font-family: "Trajan Pro";
  font-size: 80px;
  line-height: 1;
  letter-spacing: 0.05em;
  color: #6e6b67;
  margin-bottom: 0;
  word-break: break-all;
}
  @media (min-width: 798px){
.d-sm-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.col-lg-45 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 45%;
}
}
@media (max-width: 798px){
.sc-feature .el-item__content h3 {
font-size: 21px;
letter-spacing: 0;
}
.sc-feature .el-item {
  width: 100%;
}
.sc-feature .el-item__header {
  padding: 10px 0;
}
.sc-feature .el-item__sub {
text-align: center;
}
.sc-feature .el-item .el-item__thumb {
  height: 200px;
}
.sc-feature .el-item__content {
  padding: 5%;
}
.sc-feature .el-item__content p:not(:last-child) {
  font-size: medium;
}
.sc-feature {
  padding-bottom: 0;
}
.sc-feature .el-item__title span {
  font-size: 36px;
  line-height: 1.5em;
}
}
/*sc-feature　おわり*/
.sc-service .c-header__title {
color: #718dbd;
font-weight: bold;
}
#Main-Visual.inner .bx-wrapper .bx-viewport {
/*background: rgb(70, 70, 70);*/
}
#Main-Visual.inner .bx-wrapper img {
/*opacity: 0.8;*/
}
/*footer-links*/
.footer-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 12px;
  margin-top: 24px;
}
@media screen and (max-width: 768px) {
  .footer-links {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media screen and (max-width: 480px) {
  .footer-links {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 300px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}
.footer-links__item {
  --color: #3c352f;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1.5em 2em;
  color: #fff;
  font-size: 18px;
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  .footer-links__item {
    min-width: 16em;
  }
}
@media screen and (max-width: 480px) {
  .footer-links__item {
    width: 100%;
  }
}
.footer-links__item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--color);
  opacity: 0.68;
  -webkit-transition: opacity 0.25s;
  transition: opacity 0.25s;
  z-index: 2;
}
@media screen and (min-width: 769px) {
  .footer-links__item:hover::before {
    opacity: 0.55;
  }
}
.footer-links__item__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 1;
}
.footer-links__item__text {
  position: relative;
  font-family: var(--font-mincho-jp);
  letter-spacing: 0.05em;
  z-index: 3;
}
.footer-links__item > i {
  position: absolute;
  right: 0.5em;
  bottom: 0.5em;
  z-index: 3;
}
/*footer-links　おわり*/
/*leadText2*/
.leadText2 {
  display:flex;
  justify-content:center;
  width:100%;
  max-width:100%;
  padding:0;
  margin:.5rem auto 5rem
}
.key_bnr01 {
  color:#fff;
  background-color:rgba(252,164,132,.95);
  width:49%;
  padding:10px 0;
  text-align:center;
  font-size:1.5rem;
  line-height:1.8;
  font-family:YuMincho,"Yu Mincho","Hiragino Mincho ProN","serif";
  border:2px dotted #fff;
  box-shadow:0 0 0 8px rgb(252 164 132 / 80%);
  margin:0 auto
}
.key_bnr02 {
  color:#fff;
  background-color:rgba(253,167,180,.95);
  width:49%;
  padding:10px 0;
  text-align:center;
  font-size:1.5rem;
  line-height:1.8;
  font-family:YuMincho,"Yu Mincho","Hiragino Mincho ProN","serif";
  border:2px dotted #fff;
  box-shadow:0 0 0 8px rgb(253 167 180 / 80%);
  margin:0 auto
}
.leadText2 .number {
  color:#fee6a4;
  font-weight:bold;
font-size: 65px;
  letter-spacing:.2rem;
  border-bottom:5px dotted #fff
}
.leadText2 .year {
  font-size:1.5rem;
  color:#fff
}
.box_txt {
  border:2px solid #fff;
  padding:20px 10px;
  font-weight:bold;
  margin-right:20px;
font-size: 26px;
  position:relative
}
.box_txt:before {
  position:absolute;
  display:block;
  content:"";
  background-image:url("./images/top/img_redline.png");
  background-size:100%;
  background-repeat:no-repeat;
  width:10vw;
  height:65px;
  left:12px;
  top:85px;
  bottom:0;
  margin:auto
}
.box_txt02 {
  border:2px solid #fff;
  padding:20px 10px;
  font-weight:bold;
  margin-right:20px;
font-size: 26px;
  position:relative;
  color:#fff
}
.box_txt02:before {
  position:absolute;
  display:block;
  content:"";
  background-image:url("./images/top/img_redline.png");
  background-size:100%;
  background-repeat:no-repeat;
  width:15vw;
  height:65px;
  left:12px;
  top:80px;
  bottom:0;
  margin:auto
 }
@media screen and (max-width:768px) {
.bx-wrapper {
   /* height:200px;
    margin:0*/
  }
  .bx-wrapper img {
    /*height:200px;
    object-fit:cover*/
  }
  .key_txt {
    font-size:1.2rem;
    top:250px;
    left:10px
  }
  #key_visual_out .key_icon {
    position:static;
    top:0;
    left:0;
    text-align:center;
    padding:10px 0
  }
  .leadText2 {
    display:block;
    margin-top:.5rem;
  margin-bottom: 1rem;
  }
  .key_bnr01 {
    width:97%;
    font-size:1.1rem;
    line-height:1.8;
    padding:0
  }
  .key_bnr02 {
    width:97%;
    font-size:1.1rem;
    line-height:1.8;
    margin:16px 0 0 7px;
    padding:0
  }
  .leadText2 .number {
    font-size:2rem;
    letter-spacing:.1rem;
    line-height:2
  }
  .leadText2 .year {
    font-size:1.1rem
  }
  .box_txt {
    border:1px solid #fff;
    padding:5px 20px 20px;
    font-size:1.5rem;
    margin-right:10px
  }
  .box_txt:before {
    width:140px;
    height:30px;
    left:12px;
    top:35px;
    bottom:0;
    margin:auto
  }
  .box_txt02 {
    border:1px solid #fff;
    padding:5px 20px 20px;
    font-size:1.5rem;
    margin-right:10px
  }
  .box_txt02:before {
    width:200px;
    height:30px;
    left:12px;
    top:25px;
    bottom:0;
    margin:auto
  }
}	  
/*leadText2 おわり*/

/*row__medical03*/
.row__medical03 .col {
width: 49%;
max-width: 725px;
padding-top: calc(200 / 1920 * 100vw);
margin: 1% 0;
}
.row__medical03 .col:before {
	content: "";
	background: url("./images/bg_medical01.jpg")no-repeat center / cover;
	width: 100%;
	height: calc(100% - calc(50 / 1920 * 100vw));
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
}
.row__medical03 .col_r:before { background-image: url("./images/bg_medical02.jpg"); }
.row__medical03 .bgimg03::before {
background-image: url("./images/bg_medical03.jpg");
}
.row__medical03 .bgimg04::before {
background-image: url("./images/bg_medical04.jpg");
}
.row__medical03 .col:after {
	content: "";
	width: 100%;
	height: calc(100% - calc(50 / 1920 * 100vw));
	border: calc(20 / 1920 * 100vw) solid #ddd;
	opacity: .2;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
}
.row__medical03 .box {
width: 55%;
max-width: 310px;
	background: url("./images/bg__medical08.svg")no-repeat right -1px bottom -1px / 100% auto;
}
.row__medical03 .btn a {
	height: calc(40 / 1920 * 100vw);
}
.row__medical03 .btn a:after {
	content: "";
	background: #fff;
	width: calc(25 / 1920 * 100vw);
	height: 1px;
	margin: auto;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	transition: .3s;
}
.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.por {
  position: relative;
  z-index: 1;
}
.bg_white {
  background-color: #fff !important;
}
.prl30 {
  padding-right: calc(30 / 1920 * 100vw);
  padding-left: calc(30 / 1920 * 100vw);
}
.pb40 {
  padding-bottom: calc(40 / 1920 * 100vw);
}
.pt30 {
  padding-top: calc(30 / 1920 * 100vw);
}
.por {
  position: relative;
  z-index: 1;
}
.mgn_l {
  margin-left: auto;
}
.prl40 {
  padding-right: calc(40 / 1920 * 100vw);
  padding-left: calc(40 / 1920 * 100vw);
}
.mb80 {
  margin-bottom: calc(80 / 1920 * 100vw);
}
.mgn_a {
  margin-left: auto;
  margin-right: auto;
}
::after {
  box-sizing: border-box;
  background-repeat: no-repeat;
}
.mb30 {
  margin-bottom: calc(30 / 1920 * 100vw);
}
.row__medical03 .btn {
 line-height: 1.5em;
}
.mgn_a {
  margin-left: auto;
  margin-right: auto;
}
.row__medical03 .btn a {
  height: calc(40 / 1920 * 100vw);
text-decoration: none;
}
.flex.ccc {
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  text-align: center;
}
.bg_col07 {
  background-color:#00437e;
}
.row__medical03 .btn a::after {
  content: "";
  background: #fff;
  width: calc(25 / 1920 * 100vw);
  height: 1px;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  transition: .3s;
}
.fz36 {
font-size: 1.9rem;
}
.lh16 {
  line-height: 1.6;
}
.mb10 {
  margin-bottom: calc(10 / 1920 * 100vw);
}
.txt_center {
  text-align: center;
}
@media(min-width: 768px) and (max-width:1599px) {
.row__medical03 .btn a::after {
  width: calc(25 / 1599 * 100vw);
}
.row__medical03 .btn a {
height: 40px;
}
.mb10 {
  margin-bottom: calc(10 / 1599 * 100vw);
}
.mb30 {
  margin-bottom: calc(30 / 1599 * 100vw);
}
.mb80 {
  margin-bottom: calc(80 / 1599 * 100vw);
}
	.row__medical03 .col {
		padding-top: calc(200 / 1599 * 100vw);
	}
	.row__medical03 .col:before {
		height: calc(100% - calc(50 / 1599 * 100vw));
	}
	.row__medical03 .col:after {
		height: calc(100% - calc(50 / 1599 * 100vw));
		border: calc(20 / 1599 * 100vw) solid #ddd;
	}
.prl40 {
padding-right: calc(20 / 1599 * 100vw);
padding-left: calc(40 / 1599 * 100vw);
}
}
  @media (max-width: 767px){
.row__medical03 .col_l {
  margin-bottom: calc(60 / 750 * 100vw);
}
.row__medical03 .col {
  width: 100%;
  max-width: 100%;
  padding: 0;
margin-bottom: calc(60 / 750 * 100vw);
}
.row__medical03 {
display: block;
margin-bottom: calc(60 / 750 * 100vw);
}
	.row__medical03 .col:before {
		content: "";
		display: block;
		height: calc(484 / 750 * 100vw);
		position: relative;
		left: auto;
		top: auto;
	}
	.row__medical03 .col:after {
		height: calc(484 / 750 * 100vw);
		border-width: calc(20 / 750 * 100vw);
	}
	.row__medical03 .box {
		width: 100%;
		max-width: calc(646 / 750 * 100vw);
		margin: calc(-80 / 750 * 100vw) auto 0;
		background-size: calc(280 / 750 * 100vw) auto;
		padding: 6vw 5vw 8vw;
	}
	.row__medical03 .ttl {
font-size: 175%;
margin-bottom: 5%;
	}
.row__medical03 .txt {
font-size: 87.5%;
margin-bottom: 3vw;
	}
	.row__medical03 .btn {
max-width: 100%;
	}
	.row__medical03 .btn a {
		height: calc(60 / 750 * 100vw);
	}
	.row__medical03 .btn a:after {
		width: calc(25 / 750 * 100vw);
	}
}
/*row__medical03 おわり*/

/*.p-top-main__news*/
.p-top-main__news-wrapper {
position: relative;
padding: 0 8rem 0 8rem;
border-top: 1px solid #e3e3e3;
border-bottom: 1px solid #e3e3e3;
}
.p-top-main__news-content {
 position:relative;
 display:flex;
 display:-ms-flexbox;
 flex-direction:row;
 justify-content:space-between;
padding: 5rem 0;
min-height: 350px;
}
.p-top-main__news-content::before {
 position:absolute;
 top:0;
left: 17rem;
 width:1px;
 height:100%;
 content:"";
 background-color:#e3e3e3
}
.c-ttl__sec-main-min::before {
 position:absolute;
 bottom:-2.1rem;
 left:.4rem;
 width:6.4rem;
 height:1px;
 content:"";
 background-color:#4e453d
}
.p-top-main__news-all {
 position:absolute;
bottom: 5rem;
 left:0;
 display:flex;
 display:-ms-flexbox;
 flex-direction:row;
 align-items:center
}
.p-top-main__news-all-box {
 width:3rem;
 height:3rem;
 border-radius:50%;
background-color:#7d181e;
}
.p-top-main__news-all-img {
 display:flex;
 display:-ms-flexbox;
 align-items:center;
 justify-content:center;
 width:100%;
 overflow:hidden
}
.p-top-main__news-all-img-item {
width: 1rem;
height: 3rem;
}
.p-top-main__news-all-link {
 margin:0 0 0 1rem;
text-decoration: none;
}
.p-top-main__news-all-txt {
position: relative;
font-size: 1.2rem;
letter-spacing: .2rem;
}
.p-top-main__news-all-txt::before {
 /*position:absolute;
 bottom:-.18rem;
 left:1%;
 content:"";
 width:98%;
 height:1px;
 background-color:#262626*/
}
.p-top-main__news-content-body {
 width:80rem
}
.p-top-main__news-content-body-link {
 position:relative;
 display:flex;
 display:-ms-flexbox;
 flex-direction:row;
 justify-content:space-between;
 align-items:center
}
.p-top-main__news-content-body-link-cover {
 position:relative;
 width:100%;
 height:100%;
 padding:4rem 3.4rem 4rem 1.4rem
}
.p-top-main__news-content-body-link-cover::before {
 position:absolute;
 bottom:-.2rem;
 left:0;
 width:100%;
 height:1px;
 content:"";
 background-color:#8c8168;
 z-index:1
}
.p-top-main__news-content-body li::after {
 position:absolute;
 bottom:-.2rem;
 left:0;
 width:100%;
 height:1px;
 content:"";
 background-color:#e3e3e3
}
.p-top-main__news-content-body-link-wrapper {
 display:flex;
 display:-ms-flexbox;
 flex-direction:row;
 align-items:center;
 width:90%
}
.p-top-main__news-content-body-time {
 font-size:1.6rem;
 color:#a3a099
}
.p-top-main__news-content-body-ttl {
 margin:0 0 0 4.8rem;
 font-size:1.7rem;
 letter-spacing:-0.14rem;
 color:#9b8c6c;
}
.p-top-main__news-content-body-ttl span {
 display:inline
}
.p-top-main__news-content-body-img {
 top:48%;
 right:3.5rem;
 overflow:hidden
}
.p-top-main__news-content-body-img-item {
 width:100%;
 height:100%
}
.p-top-main__news-content-header-ttl {
  position: relative;
}
.c-ttl__sec-main-min {
margin: 1rem 0 0 -.4rem;
font-size: 3rem;
text-align: left;
}
.p-top-main__news-content-body-list {
margin: -1rem 0 0 13rem;
}
.p-top-main__news-content-body li {
position: relative;
display: flex;
display: -ms-flexbox;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.p-top-main__news-content-body a {
position: relative;
width: 100%;
height: 100%;
padding: 1em 3rem 1rem 1rem;
line-height: initial;
text-decoration: none;
}
.p-top-main__news-content-body a::after {
  display: inline-block;
  position: absolute;
  top: 1px;
  margin: auto;
  bottom: 0;
  right: -15px;
  width: 42px;
  height: 4px;
  background-image: url(./images/arrow01.svg);
  transition: 0.2s ease-in-out;
  content: "";
}
.p-top-main__news-content-body a:hover::after {
  right: -30px;
}
.p-top-main__news-content-body li .date{
padding: 10px 15px;
  background-color: rgb(239, 231, 231);
  margin: 0 10px 0 0px;
  color: #510000;
}
@media screen and (max-width: 767px) {
.p-top-main__news-wrapper {
  margin:2rem 0 0;
padding: 0 2rem 2rem;
 }
.c-ttl__sec-main-min {
  margin: .5rem 0 0 -.4rem;
  font-size: 2rem;
  text-align: left;
}
.c-ttl__sec-main-min::before {
  bottom: -.6rem;
  left: .4rem;
  width: 4rem;
}
.p-top-main__news-content-body li .date {
  padding: 5px 15px;
  margin: 5% 0 3% 0;
  color: #fff;
  display: block;
  width: fit-content;
}
.p-top-main__news-content-body li {
  position: relative;
  display: grid;
 }
.p-top-main__news-content-body a {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0 2rem .5rem 0;
    line-height: initial;
    text-decoration: none;
}
 .p-top-main__news-content::before {
  content:none
 }
 .p-top-main__news-content {
  display:flex;
  display:-ms-flexbox;
  flex-direction:column;
  justify-content:space-between;
  padding:0
 }
 .p-top-main__news-content-header {
  display:flex;
  display:-ms-flexbox;
  flex-direction:column;
margin: 1rem 0;
  order:1
 }
 .p-top-main__news-content-header-ttl {
  display:inline-block;
  width:-webkit-fit-content;
  width:-moz-fit-content;
  width:fit-content
 }
 .p-top-main__news-content-header-ttl::before {
  position:absolute;
  bottom:9rem;
  right:-10rem;
  left:auto;
  width:7.5rem;
  height:1px;
  content:"";
  background-color:#4e453d
 }
 .p-top-main__news-content-body {
  width:100%;
  order:2
 }
 .p-top-main__news-content-body-list {
  margin:0
 }
 .p-top-main__news-content-body-link {
  position:relative
 }
 .p-top-main__news-content-body-link-cover {
  padding:12rem 3.4rem 12rem 1.4rem
 }
 .p-top-main__news-content-body-link-wrapper {
  flex-direction:column;
  align-items:flex-start
 }
 .p-top-main__news-content-body-time {
  font-size:5rem
 }
 .p-top-main__news-content-body-ttl {
  margin:2rem 0 0;
  font-size:5.5rem
 }
 .p-top-main__news-content-body-img {
  position:absolute;
  right:0rem;
  display:flex;
  display:-ms-flexbox;
  align-items:center;
  width:4.4rem
 }
 .p-top-main__news-content-body-img-item {
  width:100%
 }
 .p-top-main__news-all {
margin: 2rem 0 0;
 }
 .p-top-main__news-all-box {
width: 3rem;
height: 3rem;
 }
 .p-top-main__news-all {
  position:static;
  top:auto;
  bottom:-12rem;
  left:15.65rem;
  display:flex;
  display:-ms-flexbox;
  flex-direction:row;
  align-items:center;
  order:3
 }
 .p-top-main__news-all-txt::before {
  bottom:-.8rem
 }
}
/*　promise　*/
.bg_index_promise01 {
padding: 50px 0 0;
}
.wrap_index_promise01 .img01 {
right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  width: calc(1050 / 1920*100vw);
}
.poa {
  position: absolute;
}
.por {
  position: relative;
  z-index: 1;
}
.bg_index_promise01 .wrap_ttl {
margin-left: calc(50 / 1920*100vw);
  max-width: calc(900 / 1920*100vw);
line-height: 1.5;
color: #888;
}
.txt_center {
  text-align: center;
}
.fz120 {
font-size: 35px;
}
.fz100 {
  font-size: 45px;
  letter-spacing: 0;
text-align: right;
}
.index_promise.reverse .box_index_promise01 {
padding-left: 55%;
}
.index_promise.reverse .wrap_index_promise01 .img01 {
left: -50px;
right: auto;
}
.index_promise.reverse .bg_index_promise01 .wrap_ttl{
  margin-right: calc(90 / 1920*100vw);
  text-align: right;
max-width: initial;
}
.txt_col10 {
  color: #f0e09f;
  background: -webkit-linear-gradient(90deg, #f0e09f, #c6aa3c);
    background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.fz30 {
font-size: 20px;
  letter-spacing: .1em;
}
.bg_index_promise01 .wrap_ttl .copy span {
  display: inline-block;
  padding: 0 calc(46 / 1920*100vw);
letter-spacing: 0;
}
.bg_index_promise01 .wrap_ttl .copy span::before, .bg_index_promise01 .wrap_ttl .copy span::after {
  position: absolute;
  content: "";
  background: #333333;
  width: calc(29 / 1920*100vw);
  height: calc(1 / 1920*100vw);
  left: 0;
  bottom: 0;
  top: 0;
  margin: auto;
}
 .bg_index_promise01 .wrap_ttl .copy span::after{
left: auto;
  right: 0;
}
.bg_index_promise01 .wrap_ttl em {
  font-size: 133.33%;
}
.txt_col06 {
  color: #C6AA3C !important;
}
em {
  font-style: normal;
}
.box_index_promise01 {
  background: -moz-linear-gradient(0deg, #e2e3e7, #c8cbd2);
  background: -webkit-linear-gradient(0deg, #e2e3e7, #c8cbd2);
  background: linear-gradient(0deg, #e2e3e7, #c8cbd2);
  padding: calc(60 / 1599*100vw);
  max-width: calc(1710 / 1599*100vw);
}
.row_index_promise01 {
  max-width: calc(700 / 1920*100vw);
  z-index: 1;
  position: relative;
  box-shadow: 3.5px 3.5px 8px 2px rgba(51, 51, 51, 0.2);
  max-width: calc(700 / 1599*100vw);
}
.row_index_promise01:nth-child(n+2) {
    margin-top: calc(10 / 1599*100vw);
}
.row_index_promise01:nth-child(2n) .num {
  background: #649ba8;
}
.row_index_promise01 .num {
  width: calc(80 / 1920*100vw);
  height: calc(80 / 1920*100vw);
background: #00437e;
  line-height: 1.7;
  letter-spacing: .02em;
  width: calc(80 / 1599*100vw);
  height: calc(80 / 1599*100vw);
  padding-left: calc(5 / 1599*100vw);
}
.row_index_promise01.color .num {
  background: #649ba8;
}
.row_index_promise01 {
  margin-top: calc(10 / 1599*100vw);
}
.row_index_promise01::after {
position: absolute;
  top: 0px;
  bottom: 0;
  right: 0;
  width: 35px;
  background-image: url(./images/arrow01.svg);
  content: "";
  background-size: 60%;
  background-repeat: no-repeat;
  background-position: 50%;
}
.row_index_promise01:hover::after{
right: -10px !important;
}
.box_index_promise01 a {
text-decoration: none;
}
.flex.ccc {
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  text-align: center;
}
.row_index_promise01 .num::before {
position: absolute;
content: "";
background: url("./images/deco_index_promise01.svg") no-repeat center / cover;
right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: -1;
  width: calc(80 / 1599*100vw);
  height: calc(80 / 1599*100vw);
}
.txt_white {
  color: #fff !important;
}  
.row_index_promise01 .txt {
    width: calc(100% - calc(80 / 1599*100vw));
    padding: calc(18 / 1599*100vw) calc(15 / 1599*100vw) calc(18 / 1599*100vw) calc(29 / 1599*100vw);
height: calc(80 / 1599*100vw);
line-height: 1.5;
  }
.bg_white {
  background-color: #fff !important;
}
.fz22 {
font-size: 160%;
  color: #444;
}
.fz22small{
font-size: 70%;
}
.fz50 {
  font-size: 277.7%;
  letter-spacing: .1em;
}
.row_index_promise01.nintei li{
width: 40%;
}
.row_index_promise01.nintei{
box-shadow: none;
}
.flex.nintei{
justify-content: center;
}
.bg_col10 {
background: url("./images/pattern.jpg") repeat center / auto;
}
@media screen and (max-width: 700px){
  .wrap_index_promise01 .img01 {
width: 95%;
    top: 33vw;
    margin: 0 auto;
    right: 0;
    left: 0;
  }
.index_promise.reverse .wrap_index_promise01 .img01 {
  left: 0;
  right: auto;
  top: 35vw;
}
.index_promise.reverse .box_index_promise01 {
  padding-left: 4%;
}
 .bg_index_promise01 .wrap_ttl {
margin-left: 0;
    max-width: 100%;
    margin-bottom: 80vw;
  }
.fz120 {
font-size: 26px;
  letter-spacing: 0;
}
.fz100 {
  font-size: 36px;
  line-height: 1.2em;
  text-align: center;
}
.bg_index_promise01 .wrap_ttl .copy span {
  font-size: 16px;
}
.fz30 {
  font-size: 20px;
}
.bg_index_promise01 {
padding: 0;
}
  .row_index_promise01 {
    max-width: calc(700 / 750*100vw);
    box-shadow: calc(3.5 / 1920*100vw) calc(3.5 / 1920*100vw) calc(8 / 1920*100vw) calc(2 / 1920*100vw) rgba(51, 51, 51, 0.2);
  }
  .row_index_promise01 .num {
    width: calc(134 / 750*100vw);
    height: calc(134 / 750*100vw);
    padding-left: calc(5 / 750*100vw);
    font-size: calc(84 / 750*100vw);
  }
  .row_index_promise01 .num::before {
    width: calc(134 / 750*100vw);
    height: calc(134 / 750*100vw);
  }
  .row_index_promise01 .txt {
width: calc(100% - calc(134 / 750*100vw));
    font-size: 140%;
    letter-spacing: 0;
    line-height: 1.3em;
    height: calc(134 / 750*100vw);
    padding-right: 25px;
  }
.fz22small {
  font-size: 60%;
}
}
/*　promise　おわり*/

.style-h2 {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  margin:0 auto;
padding: 100px 0 30px;
text-align: center !important;
}
.style-h2.pl130{
padding-left: 130px;
}
.style-h2 span.num {
position: absolute;
  top: calc(50% + 5px);
  transform: translateY(-40%);
  left: -55px;
  color: #ccc;
font-size: 280px;
  line-height: 1;
  font-style: italic;
}
.style-h2 span.en {
font-size: 70px;
  line-height: 83px;
  letter-spacing: .09em;
  display: block;
  text-align: center;
  color: #555;
}
.style-h2 span.jp {
  font-family: "Zen Old Mincho",serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 43px;
  letter-spacing: .13em;
}
@media screen and (max-width: 700px) {
.style-h2 span.num {
left: 0px;
font-size: 130px;
}
.style-h2.pl130 {
padding-left: 80px;
padding-top: 70px;
margin: 0;
}
.style-h2 span.jp {
font-size: 16px;
letter-spacing: .0em;
}
.style-h2 span.en {
  font-size: 40px;
  line-height: 1em;
}
.style-h2 {
padding-top: 50px;
}
}
/*.otonakodomo*/
.otonakodomo {
  box-sizing: border-box;
  background: url(./images/fourth_line_bg.png) repeat;
}
.otonakodomo .sec_title .large {
    font-size: 4.6vw;
    font-weight: 500;
    letter-spacing: 0.2em;
  }
.otonakodomo .cont01 {
  margin-bottom: 300px;
background: #f2fdff;
}
.otonakodomo .cont {
  position: relative;
  width: 1800px;
  max-width: 100%;
padding: 200px 20px 50px;
margin: 50px auto 0;
box-sizing: border-box;
background: url(./images/bdt_news_index.png) left top repeat-x,#f2fdff;
background-size: .5%;
}
.otonakodomo .c-header__title {
  padding-top: 50px;
}
.otonakodomo .cont02 {
padding: 250px 20px 50px;
background: url(./images/bdt_news03_index.png) left top repeat-x,#fff6e4;
margin-top: 0;
background-size: .5%;
}
.otonakodomo .sec_title {
margin-bottom: 130px;
  line-height: 1.5em;
}
.otonakodomo .cont_header {
  position: absolute;
  left: 0;
top: -50px;
  display: flex;
  align-items: center;
}
.otonakodomo .cont02 .cont_header {
  top: -60px;
  align-items: center;
  justify-content: end;
}
.otonakodomo .cont_header .header_image img{
  font-size: 0;
  line-height: 0;
  vertical-align: bottom;
  height: auto;
}
.otonakodomo .cont_header .header_text01 {
font-size: 70px;
  letter-spacing: 5px;
  position: relative;
}
.otonakodomo .cont02 .header_text01 {
text-align: center;
  color: #89898a;
  font-size: 90px;
}
.otonakodomo .cont_header .header_text02 {
margin-bottom: 20px;
  font-size: 26px;
  color: #060606;
text-align: center;
}
.otonakodomo .list {
  display: flex;
  justify-content: center;
flex-wrap: wrap;
}
.otonakodomo .item {
position: relative;
  display: flex;
  flex-direction: column;
  width: 19%;
  padding: 15px;
  box-sizing: border-box;
  background: #fff;
  margin: .5%;
}
.otonakodomo .item_image {
/*position: absolute;
  left: 50%;
  top: -190px;
  transform: translateX(-50%);
  width: 90%;*/
}
.otonakodomo .item_image img{
border-radius: 10px;
}
.otonakodomo .lead_text {
display: flex;
  justify-content: center;
  align-items: center;
  min-height: 80px;
font-size: 20px;
  text-align: center;
  line-height: 1.3em !important;
}
.otonakodomo .cont02 .lead_text {
color: #623b20;
font-size: 20px;
font-weight: bold !important;
}
.item_link {
  width: 90%;
  max-width: 100%;
  margin: 10px auto 0;
}
.item_link a {
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 10px 0;
  text-align: center;
background: #6ec8da;
text-decoration: none;
border-radius: 5px;
}
.item_link.pink a {
background:#7D181E;
}
.otonakodomo .header_image {
width: 35%;
top: -60px;
position: relative;
}
.otonakodomo .cont02 .header_image {
width: 20%;
top: 20px;
}
.otonakodomo .cont02 .textbox{
margin-top: 100px;
width: 100%;
} 
.item_link span {
padding-right: 10px;
  font-size: 15px;
  font-weight: 600 !important;
  color: #fff;
  font-family: 'YuGothic','游ゴシック体','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-Serif !important;
}
.item_link img{
display: inline-block;
width: 20px;
}
@media screen and (max-width: 780px) {
.otonakodomo .item {
width: 49%;
    padding: 5px;
}
.otonakodomo .cont {
  padding: 50px 10px 50px;
}
.otonakodomo .cont_header {
top: -60px;
display: block;
}
.otonakodomo .cont_header .header_text02 {
font-size: 17px;
text-align: center;
}
.otonakodomo .sec_title .large {
  font-size: 36px;
  letter-spacing: 0;
}
.otonakodomo .cont_header .header_text01 {
  font-size: 40px;
  letter-spacing: 0px;
}
.otonakodomo .cont02 .cont_header .header_image img {
width: 60%;
    position: absolute;
    top: -80px;
    z-index: -1;
    opacity: .8;
    right: -60px;
    left: auto;
display: none;
}
.otonakodomo .cont_header .header_image img {
width: 42%;
    position: absolute;
    top: -10px;
    z-index: -1;
    opacity: .9;
    left: 30px;
}
.otonakodomo .cont02 .cont_header {
  top: 20px;
}
.otonakodomo .cont02 {
padding: 160px 0px 50px;
}
.otonakodomo .cont02 .textbox {
margin-top: 0px;
    width: 100%;
}
.otonakodomo .sec_title {
  margin-bottom: 80px;
}
.otonakodomo .header_image {
  width: 100%;
  top: -50px;
  left: -40px;
}
.otonakodomo .cont02 .header_image {
  width: 100%;
  top: -170px;
}
.otonakodomo .lead_text {
min-height: 45px;
font-size: 17px !important;
letter-spacing: 0;
}
.item_link img {
  width: 15px;
}
.item_link a {
line-height: 1.2em;
}
.item_link span {
  padding-right: 0px;
font-size: 16px;
}
}
/*.otonakodomo　おわり*/
/* .message02Area　.bgGold.*/
.message02Area {
background: url(./images/bg_message02.jpg) no-repeat;
background-size: 800px;
    background-position: right -100px bottom 0;
    padding: 100px 5% 0;
  }
 .message02Area p {
    padding: 70px 0 105px;
    width: 515px;
	font-size: 16px;
  letter-spacing: .025em;
  line-height: 1.8;
  }
.bgGold.__bg01 {
  background: url(./images/bg_message02_01.jpg) no-repeat center center;
background-size: cover;
position: sticky;
margin-bottom: 3% !important;
}
.bgGold.__bg01::before {
background: rgba(227, 227, 227, 0.2);
  content: "";
  position: absolute;
  width: 100%;
  height: 350px;
  right: -18%;
bottom: -40px;
  z-index: -1;
}
.bgGold .img {
width: 40%;
}
.bgGold .txt {
  position: relative;
  padding-bottom: 60px;
  width: 50%;
}
.bgGold .right {
  margin-left: 5%;
  width: 50%;
}
.bgGold .left {
  margin-right: 5%;
  width: 50%;
}
.bgGold .img.right{
  margin-left: 0%;
  width: 40%;
}
.bgGold .comment {
  background: url(./images/ico_line02_left.png) no-repeat left 90%,url(./images/ico_line02_right.png) no-repeat right 90%;
  font-size: 20px;
  padding: 64px 1.4em 0;
  display: inline-block;
}
.bgGold h3 {
font-size: 29px;
  margin-top: 15px;
  text-align: left;
  line-height: 1.8em;
  margin: 6% 0 3%;
  border-bottom: 1px solid #dfdfdf;
  padding-top: 2.5%;
padding-left: 30px;
}
.bgGold h3 span {
font-size: 48px;
}
.bgGold h3 span.txt_ic {
position: absolute;
font-size: 140px;
  top: -80px;
  left: 0px;
  z-index: -1;
  color: rgba(234, 234, 234, 0.75);
}
.bgGold h3 span.txt_ic.left {
}
.bgGold h3 span.txt_ic.line2 {
top: -90px;
}

.bgGold .leadTxt {
font-size: 17px;
  margin: 5px 0;
  line-height: 2 !important;
}
.bgGold .leadTxt span {
  font-size: 24px;
}
.bgGold .check {
  margin-bottom: 50px;
}
  .bgGold .check li {
font-size: 19px;
line-height: 2;
  }
.bgGold .check li::before {
content: "";
  background: url(./images/ch-g.png) no-repeat center center;
    background-size: auto;
  background-size: contain;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  margin-bottom: -8px;
  display: inline-block;
}
.bgGold .img02 {
width: 40%;
  right: 0;
  position: absolute;
  bottom: 50px;
  z-index: -1;
  }
.bgGold.__bg02 {
background: url(./images/bg_message02_01.jpg) no-repeat center center;
background-size: cover;
position: sticky;
margin-bottom: 3% !important;
}
.bgGold.__bg02::before {
background: rgba(227, 227, 227, 0.2);
  content: "";
  position: absolute;
  width: 100%;
  height: 350px;
left: -18%;
right: auto;
bottom: -40px;
  z-index: -1;
}
.bgGold.__bg03 {
background: url(./images/bg_message02_01.jpg) no-repeat center center;
background-size: cover;
position: sticky;

}
.bgGold.__bg04 {
background: url(./images/bg_message02_01.jpg) no-repeat center center;
background-size: cover;
}
.wrapper {
    width: 94%;
    margin: 0 3%;
  }
.bgGold h3 span.line {
color: #344184;
background: none;
font-weight: bold !important;
}
.bgGold .img02.__adjust01 {
right: -100px;
  width: 35%;
  }

.btn04 {
font-size: 20px;
text-align: center;
line-height: 1;
border: 1px solid #003574;
width: fit-content;
  position: relative;
  z-index: 9999;
}
.btn04 a {
color: #fff;
  letter-spacing: .025em;
  display: block;
  padding: 15px 0;
  position: relative;
  background:#7D181E;
  text-decoration: none;
  font-weight: bold !important;
padding: 10px 50px 10px 20px;
}
.btn04 a::after {
content: "";
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg) translate(-50%,0);
  -ms-transform: rotate(45deg) translate(-50%,0);
  transform: rotate(45deg) translate(-50%,0);
  position: absolute;
  top: 50%;
  right: 20px;
}
.btn04 a:hover::after {
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
}
@media screen and (max-width: 780px) {
 .message02Area .logoTit {
font-size: 4.5vw;
  }
 .logoTit span {
    font-size: 5vw;
    display: block;
  }
.message02Area {
padding: 50px 0% 0;
background-size: contain;
background-position-y: 130px;
background-position-x: 0;
}
.message02Area p {
padding: 280px 0 20px;
  width: 100%;
  font-size: 14px;
}
.bgGold .flex {
flex-direction: column;
}
.bgGold.__bg02 .flex,.bgGold.__bg04 .flex {
flex-direction: column-reverse;
}
.bgGold .right {
  margin-left: 0;
}
.bgGold .comment {
padding: 30px 1.4em 0;
width: 100%;
text-align: center;
}
.bgGold h3 {
font-size: 20px;
margin: 5% auto;
text-align: center;
padding-left: 10px;
  }
.bgGold h3 span {
font-size: 30px;
}
.bgGold .leadTxt,.bgGold .check {
  width: 95%;
margin: 0 auto 5%;
}
.bgGold .check li::before {
width: 18px;
  height: 20px;
  margin-right: 7px;
}
.bgGold .check li {
font-size: 15px;
  line-height: 2;
  letter-spacing: 0em;
padding-left: 2em;
    text-indent: -2em;
}
.btn04 a {
padding: 5px 0;
}
.btn04 {
font-size: 16px;
margin: 5%;
width: auto;
}
.bgGold .img,.bgGold .img.right,.bgGold .right,.bgGold .txt {
  width: 100%;
}
.bgGold .btn02 {
  text-align: center;
}
.bgGold .img02 {
  display: none;
}
.bgGold h3 span.txt_ic {
font-size: 100px;
top: -55px;
left: 0px;
}
.bgGold h3 span.txt_ic.line2 {
  top: -50px;
}
.bgGold .leadTxt {
  font-size: 15px;
  margin: 5px 0;
  line-height: 1.8 !important;
}
}
/* .message02Area　.bgGold　おわり*/
/*.top_feature*/
.top_feature {
  position: relative;
  padding: 70px 0 0;
background: linear-gradient(90deg,#fff,#f2e9e4);
margin-top: 0;
}
  .top_feature_title_bgimg {
    position: absolute;
    pointer-events: none;
    width: 100%;
    left: 0;
    top: 0;
    height: 600px;
  }
 .top_feature_title_bgimg_01 {
    width: 282px;
width: 14%;
    position: absolute;
    left: 3.125%;
    top: 122px;
    right: 50%;
    margin-right: 33%;
  }
  .top_feature_title_bgimg_02 {
  width: 12%;
  position: absolute;
  left: 18%;
  right: 50%;
  margin-right: 18%;
  top: 50px;
  }
  .top_feature_title {
    font-size: 40px;
    padding-top: 5px;
    margin-bottom: 90px;
  }
.top_feature_title {
  display: grid;
  grid-template-columns: auto auto auto;
  grid-template-rows: 1fr auto;
  align-items: end;
  justify-content: center;
  gap: 0 0;
  font-family: "noto sans jp", sans-serif;
  color: #89898a;
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: 0;
  position: relative;
  max-width: fit-content;
  margin: 0 auto 40px;
    margin-bottom: 40px;
}
.top_feature_title_name {
  grid-column: 2/4;
  grid-row: 1/2;
  font-weight: 700;
text-align: center;
font-size: 30px;
  margin-bottom: 3%;
}
.top_feature_title_num {
  grid-column: 1 / 2;
  grid-row: 1/3;
  font-size: 650%;
  color: #344184;
  line-height: 1;
  align-self: center;
top: 30px;
  position: relative;
}
.top_feature_title_numAfter {
  grid-column: 2 / 3;
  grid-row: 2 / 3;
  font-size: 170%;
  letter-spacing: 0.1em;
}
.top_feature_title_main {
  grid-column: 3 / 4;
  grid-row: 2 / 3;
  font-size: 270%;
  letter-spacing: 0.1em;
  font-weight: 400;
}
  .top_feature_title_bgimg_03 {
width: 20%;
  position: absolute;
  left: 74%;
  top: 70px;
  }
@media screen and (max-width: 780px) {
.top_feature_title_num {
top: 10px;
}
.top_feature_title_name {
  font-size: 50%;
}
.top_feature_title_num {
  font-size: 300%;
}
.top_feature_title_numAfter {
  font-size: 100%;
}
.top_feature_title_main {
  font-size: 140%;
}
.top_feature_title_bgimg_01 {
  width: 30%;
  opacity: .2;
}
.top_feature_title_bgimg_01 {
  width: 30%;
  opacity: .2;
}
.top_feature_title_bgimg_02 {
  width: 30%;
  opacity: .2;
top: 30px;
}
.top_feature_title_bgimg_03 {
  width: 30%;
  opacity: .4;
}
}
/*.top_feature end*/