@charset "utf-8";
/*
Theme Name: やまもと歯科クリニック
Theme URI: null
Description: Description
Author: Shunc - ZJX
Version: 1.0
*/

@charset "utf-8";
/*------------------------------------------------------------
	デフォルトスタイル
------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;

	font-size: 1em;
}

body,
table,
input, textarea, select, option {
	font-family: Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
	line-height: 1.1;
}

article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary {
	display: block;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

img {
	vertical-align: top; max-width: 100%; height: auto;
}

a,
a:link {
	color: #666;
	text-decoration: none;
}

a:visited {
	color: #666;
}

a:hover {
	color: #666;
	text-decoration: underline;
}

a:active {
	color: #666;
}

/*------------------------------------------------------------
	レイアウト
------------------------------------------------------------*/
body {
	min-width: 1250px;
	color: #333;
	font-size: 12px;
	line-height: 1.5;
	background-color: #fff;
	-webkit-text-size-adjust: none;
}

#container {
	text-align: left;
}

#main {
	padding-bottom: 50px;
	background: url(img/common/main_bg.jpg) repeat-x left bottom #fff;
}

#main .mainBox {
	margin: 0 auto;
	width: 980px;
}

#main .pageTop {
	padding: 13px 8px 0 0;
	text-align: right;
}

#main .pageTop a {
	color: #e60011;
}

img {
	vertical-align: top;
}

/*------------------------------------------------------------
	ヘッダー
------------------------------------------------------------*/
#gHeader {
	position: relative;
	z-index: 501;
}

#gHeader .hInner {
	background: url(img/common/h_bg.jpg) repeat-x left bottom;
}

#gHeader .hInner02 {
	position: fixed;
	top: -100px;
	left: 0;
	width: 100%;
	z-index: 1000;
	background: url(img/common/h_bg02.jpg) repeat-x left bottom;
}

#gHeader .hBox {
	margin: 0 auto;
	padding: 10px 0 5px;
	width: 980px;
	position: relative;
}

#gHeader h1 {
	padding-left: 43px;
	float: left;
}

#gHeader h1 a:hover img {
	filter: alpha(opacity=70);
	opacity: 0.7;
}

#gHeader .hInner02 h1 {
	padding-left: 87px;
}

#gHeader .headerLogo {
	padding-left: 43px;
	float: left;
}

#gHeader .headerLogo a:hover img {
	filter: alpha(opacity=70);
	opacity: 0.7;
}

#gHeader .hInner02 .headerLogo {
	padding-left: 87px;
}

#gHeader .jsBox {
	margin: 0 auto;
	width: 980px;
	position:  relative;
	z-index: 100;
	top: -5px;
}

#gHeader .comSection {
	border: 1px solid #fff;
	border-top: 5px solid #B68F32;
	position:  absolute;
	left:  0;
	top: 0;
	display: none;
}

#gHeader .jsBox.on {
	z-index: 1001;
}

#gHeader .jsBox.on .comSection {
	position: fixed;
	left: auto;
	top: 80px;
}

#gHeader .comSection .lBox {
	padding: 50px 30px 42px;
	height: 387px;
	float: left;
	width: 429px;
}

#gHeader .comSection .lBox p {
	margin-bottom: 52px;
	text-align: center;
}

#gHeader .comSection .lBox li {
	padding-bottom: 22px;
}

#gHeader .comSection .lBox li a {
	font-size: 14px;
	color: #fff;
	font-weight: bold;
	display: inline-block;
	padding-bottom: 2px;
}

#gHeader .comSection .lBox li.on a,
#gHeader .comSection .lBox li a:hover {
	padding-bottom: 0;
	text-decoration: none;
	border-bottom: 2px solid #B69031;
}

#gHeader .comSection .lBox .ulBox02 ul {
	padding-left: 20px;
	float: left;
	width: 185px;
}

#gHeader .comSection .lBox .ulBox02 ul:first-child {
	width: 220px;
	padding-left: 0;
}

#gHeader .comSection .rBox {
	float: right;
	width: 489px;
}

#gHeader .comSection01 .lBox {
	background: url(img/common/com_photo01.jpg) no-repeat left top;
}

#gHeader .comSection02 .lBox {
	background: url(img/common/com_photo09.jpg) no-repeat left top;
}

#gHeader .comSection03 .lBox {
	background: url(img/common/com_photo15.jpg) no-repeat left top;
}

#gHeader .comSection04 .lBox {
	background: url(img/common/com_photo15.jpg) no-repeat left top;
}

#gHeader .comSection05 .lBox {
	background: url(img/common/com_photo15.jpg) no-repeat left top;
}

#gHeader .comSection .rBox .box {
	padding: 35px 50px;
	height: 409px;
	display: none;
}

#gHeader .comSection .rBox .textImg {
	margin-bottom: 32px;
}

#gHeader .comSection .rBox p {
	line-height: 1.4;
	color: #595252;
}

#gHeader .comSection .rBox .title {
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 1.2;
	font-weight: bold;
}

#gHeader .comSection01 .rBox .box01 {
	background: url(img/common/com_photo02.jpg) no-repeat left top;
	display: block;
}

#gHeader .comSection01 .rBox .box02 {
	background: url(img/common/com_photo03.jpg) no-repeat left top;
}

#gHeader .comSection01 .rBox .box03 {
	background: url(img/common/com_photo04.jpg) no-repeat left top;
}

#gHeader .comSection01 .rBox .box04 {
	background: url(img/common/com_photo05.jpg) no-repeat left top;
}

#gHeader .comSection01 .rBox .box05 {
	background: url(img/common/com_photo06.jpg) no-repeat left top;
}

#gHeader .comSection01 .rBox .box06 {
	background: url(img/common/com_photo07.jpg) no-repeat left top;
}

#gHeader .comSection01 .rBox .box07 {
	background: url(img/common/com_photo08.jpg) no-repeat left top;
}

#gHeader .comSection01 .rBox .box08 {
	background: url(img/common/com_photo26.jpg) no-repeat left top;
}

#gHeader .comSection01 .rBox .box09 {
	background: url(img/common/com_photo28.jpg) no-repeat left top;
}

#gHeader .comSection01 .rBox .box10 {
	background: url(img/common/com_photo27.jpg) no-repeat left top;
}

#gHeader .comSection01 .rBox .box11 {
	background: url(img/common/com_photo29.jpg) no-repeat left top;
}
#gHeader .comSection01 .rBox .box12{
	background: url(img/common/com_photo31.jpg) no-repeat left top;
}


#gHeader .comSection02 .rBox .box01 {
	background: url(img/common/com_photo10.jpg) no-repeat left top;
	display: block;
}

#gHeader .comSection02 .rBox .box02 {
	background: url(img/common/com_photo11.jpg) no-repeat left top;
}

#gHeader .comSection02 .rBox .box03 {
	background: url(img/common/com_photo12.jpg) no-repeat left top;
}

#gHeader .comSection02 .rBox .box04 {
	background: url(img/common/com_photo13.jpg) no-repeat left top;
}

#gHeader .comSection02 .rBox .box05 {
	background: url(img/common/com_photo14.jpg) no-repeat left top;
}


#gHeader .comSection03 .rBox .box01 {
	background: url(img/common/com_photo16.jpg) no-repeat left top;
	display: block;
}

#gHeader .comSection03 .rBox .box02 {
	background: url(img/common/com_photo17.jpg) no-repeat left top;
}

#gHeader .comSection03 .rBox .box03 {
	background: url(img/common/com_photo18.jpg) no-repeat left top;
}

#gHeader .comSection03 .rBox .box04 {
	background: url(img/common/com_photo19.jpg) no-repeat left top;
}

#gHeader .comSection03 .rBox .box05 {
	background: url(img/common/com_photo20.jpg) no-repeat left top;
}

#gHeader .comSection03 .rBox .box06 {
	background: url(img/common/com_photo21.jpg) no-repeat left top;
}

#gHeader .comSection03 .rBox .box07 {
	background: url(img/common/com_photo22.jpg) no-repeat left top;
}

#gHeader .comSection03 .rBox .box08 {
	background: url(img/common/com_photo23.jpg) no-repeat left top;
}

#gHeader .comSection03 .rBox .box09 {
	background: url(img/common/com_photo24.jpg) no-repeat left top;
}


#gHeader .comSection04 .rBox .box01 {
	background: url(img/common/com_photo25.jpg) no-repeat left top;
	display: block;
}

#gHeader .comSection05 .rBox .box01 {
	background: url(img/common/com_photo25.jpg) no-repeat left top;
	display: block;
}

#gHeader .comSection05 .rBox .box02 {
	background: url(img/common/com_photo25.jpg) no-repeat left top;
}

/*------------------------------------------------------------
	gNavi
------------------------------------------------------------*/
#gNavi02,
#gNavi {
	position: relative;
}

#gNavi02 ul,
#gNavi ul {
	float: right;
}

#gNavi02 ul:first-child,
#gNavi ul:first-child {
	float: left;
}

#gNavi02 ul li,
#gNavi ul li {
	float: left;
}

#gNavi .drop a {
	display: block;
	background: url(img/common/g_navi03_over.gif) no-repeat;
}

.drop a {
	display: block;
}

.drop.on a img {
	visibility: hidden;
}

.naviCover {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(img/common/bg02.png) repeat;
	z-index: 500;
	display: none;
}

/*------------------------------------------------------------
	フッター
------------------------------------------------------------*/
a[href^="tel:"] {
	cursor: default;
	pointer-events: none;
}

#gFooter .fInner {
	padding: 26px 0 35px;
	background: url(img/common/f_bg.jpg) no-repeat center bottom;
}

#gFooter .fInner .subBox {
	margin: 0 auto;
	width: 980px;
	position: relative;
}

#gFooter .fInner .subBox .pageTop {
	display: none;
	position: fixed;
	bottom: 33px;
	right: 33px;
	z-index: 1000;
}

#gFooter .fInner .subBox .webyoyaku {
	display: none;
	position: fixed;
	bottom: 33px;
	right: 106px;
	z-index: 999;
}

#gFooter .fInner .fLogo {
	margin: 0 0 24px 12px;
}

#gFooter .fBox {
	margin-bottom: 30px;
	padding-bottom: 29px;
	border-bottom: 1px solid #EAEAEA;
}

#gFooter .fBox .sub {
	margin: 0 9px 0 2px;
}

#gFooter .fBox .lBox {
	float: left;
	width: 520px;
}

#gFooter .fBox .lBox dl {
	padding-top: 10px;
	float: left;
}

#gFooter .fBox .lBox dt {
	font-size: 14px;
	line-height: 1.6;
	font-weight: bold;
	float: left; 
}

#gFooter .fBox .lBox dd {
	padding: 0 0 6px 5em;
	font-size: 14px;
	line-height: 1.6;
}

#gFooter .fBox .lBox p {
	margin-top: -4px;
	float: right;
	width: 240px;
	font-size: 14px;
}

#gFooter .fBox .lBox p a {
	padding: 0 0 2px 23px;
	display: inline-block;
	color: #B58E31;
	font-size: 32px;
	line-height: 1.1;
	font-family: 'Marcellus', serif;
	letter-spacing: 1px;
	background: url(img/common/icon14.gif) no-repeat left 4px;
}

#gFooter .fBox .lBox p a:hover {
	text-decoration: none;
}

#gFooter .fBox .lBox p img {
	margin-bottom: 13px;
}

#gFooter .fBox .map {
	padding-top: 3px;
	float: right;
}

#gFooter .fNavi {
	float: left;
}

#gFooter .fNavi li {
	padding: 20px 20px 0 46px;
	float: left;
	width: 147px;
	border-left: 1px solid #EAEAEA;
}

#gFooter .fNavi .liStyle {
	width: 210px;
}

#gFooter .fNavi .liStyle02 {
	width: 220px;
}

#gFooter .fNavi .liStyle02 p {
	margin-bottom: 5px;
}

#gFooter .fNavi .liStyle02 ul {
	margin-bottom: 15px;
}

#gFooter .fNavi li p {
	margin-bottom: 13px;
	font-size: 14px;
	font-weight: bold;
}

#gFooter .fNavi .liStyle03 {
	padding: 20px 20px 0;
	width: 155px;
	border: none;
}

#gFooter .fNavi li ul {
	margin-bottom: 8px;
}

#gFooter .fNavi li ul li {
	float: none;
	padding: 0 0 6px 0 !important;
	width: auto !important;
	border: none;
}

#gFooter .copyright {
	border-top: 1px solid #EAEAEA;
}

#gFooter .copyright p {
	margin: 0 auto;
	padding: 20px 0;
	width: 980px;
	text-align: center;
	font-size: 10px;
}

#gFooter .fInner .fLogo a:hover img {
	filter: alpha(opacity=70);
	opacity: 0.7;
}



#gFooter .naviBox .fMenu,
.spMenuBox,
#gHeader .menu {
	display: none;
}



.overlay {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
	display: none;
}


table.case_table{
	width:100%;
}
table.case_table th,
table.case_table td{
		width:50%;
}
table.case_table th{
    background: #B28C31;
    text-align: center!important;
    padding: 10px 0;
	 font-size: 18px;
    color: #FFF;
}

table.case_table th img,
table.case_table td img{
		width:100%;
}

table.case_table th.color_before{
	background:#B3A08B;
}








@media all and (min-width: 737px) and (max-width: 768px) {
	
		body {
			min-width: inherit;
		}
		
		a[href^="tel:"] {
			cursor: pointer;
			pointer-events: auto;
		}	

		.opened {
			overflow-x: hidden;
		}
		
		body,
		#container {
			position: relative;
		}
	
		#gHeader {
			position: relative;
		}
	
		#gHeader .hBox {
			width: auto;	
		}
		
		#gHeader .hInner02 {
			display: none;
		}
		#gHeader .headerLogo {
			float: none;
			padding: 0;
			margin: 0 auto;
			width: 175px;
		}

		#gNavi ul {
			display: none;
		}
		
		#gHeader h1 {
			float: none;
			padding: 0;
			margin: 0 auto;
			width: 175px;
		}
		
		#gHeader .menu {
			display: block;
			position: absolute;
			top: 10px;
			left: 10px;
		}
		
		.spMenu {
			display: block;
		}
		
		.spMenuBox {
			min-height: 100%;
			width: 200px;
			position: absolute;
			top: 0;
			left: -240px;
			z-index: 1000;
			background-color: #666666;
		}
		
		.spMenuBox li {
			padding: 20px;
			line-height: 1.2;
			border-bottom: 1px solid #999999;
		}
		
		.spMenuBox li a {
			color: #fff;
			font-size: 14px;
		}
		
		.spMenuBox li ul {
			margin-top: -10px;
		}

		.spMenuBox li ul li {
			padding: 10px 0 0;
			border: none;
		}
		
		.spMenuBox li p {
			margin-bottom: 5px;
			color: #fff;
			font-size: 14px;
		}

		#main {
			margin-bottom: 50px;
			padding-bottom: 40px !important;
		}

		
		#gFooter .fInner {
			padding: 0 25px 20px;
		}
		
		#gFooter .fInner .subBox {
			width: auto;
		}
		
		#gFooter .fBox .lBox {
			width: auto;
			float: none;
		}
		
		#gFooter .fInner .fLogo {
			margin: 0 0 9px;
			text-align: center;
		}
		
		#gFooter .fBox .sub {
			width: 510px;
			margin: 0 auto 31px;
		}
		
		#gFooter .fBox .map {
			padding: 0;
			float: none;
			background-color: #E9E5DC;
			text-align: center;
		}

		#gFooter .fBox .map iframe {
			margin: 0 auto;
			width: 430px;
		}
		
		#gFooter .fNavi {
			margin-bottom: 10px;
			padding-bottom: 10px;
			float: none;
			border-bottom: 1px solid #eaeaea;
		}
		
		#gFooter .fNavi li {
			height: auto !important;
			padding: 20px 20px 10px;
			width: 44% !important;
		}
		
		#gFooter .fNavi:last-child {
			border: none;
		}

		#gFooter .fNavi:last-child li {
			padding-top: 10px;
		}

		#gFooter .fNavi:last-child li:first-child {
			border: none;
		}
		
		#gFooter .fInner .subBox .pageTop {
			bottom: 33px;
			right: 33px;
		}

		#gFooter .fInner .subBox .webyoyaku {
			bottom: 33px;
			right: 106px;
		}
		
		#gFooter .copyright p {
			width: auto;
		}

		#main .mainBox {
			margin: 0 10px !important;
			width: auto !important;
		}


	


	

	
	
	
	

}

@media all and (min-width: 0px) and (max-width: 736px) {
		body {
			min-width: inherit;
		}
		
		.opened {
			overflow-x: hidden;
		}
	
		body,
		#container {
			position: relative;
		}
		
		#main {
			padding-bottom: 25px;
			background: none;
		}
		
		a[href^="tel:"] {
			cursor: pointer;
			pointer-events: auto;
		}	

		/*------------------------------------------------------------
			ヘッダー
		------------------------------------------------------------*/
		#gHeader {
			position: relative;
		}
		
		#gHeader .hBox {
			width: auto;	
		}
		
		#gHeader .hInner02 {
			display: none;
		}
		#gHeader .headerLogo {
			float: none;
			padding: 0;
			margin: 0 auto;
			width: 100%;
			padding-left: 6em;
			padding-bottom: 1em;
			padding-top: 1.5vw;
			box-sizing: border-box;
		}
		#gHeader .headerLogo > a > img{width: 80%;}	
		#gNavi ul {
			display: none;
		}
		
		#gHeader h1 {
			float: none;
			padding: 0;
			margin: 0 auto;
			width: 175px;
		}
		
		#gHeader .menu {
			display: block;
			position: absolute;
			top: 10px;
			left: 10px;
			z-index: 100;
		}
		
		#gHeader .menu.fix {
			position: fixed;
			top: 20px;
		}

		.spMenu {
			display: block;
		}

		.spMenuBox {
			width: 200px;
			position: fixed;
			top: 0;
			left: -240px;
			z-index: 1000;
			height: 100%;
			overflow-y: auto;
			background-color: #666666;
		}
		
		.spMenuBox li {
			padding: 10px;
			line-height: 1.2;
			border-bottom: 1px solid #999999;
		}
		
		.spMenuBox li a {
			color: #fff;
			font-size: 12px; line-height: 1.8;
		}

		.spMenuBox li ul li {
			padding: 5px 0 0;
			border: none;
		}
		
		.spMenuBox li p {
			margin-bottom: 5px;
			color: #fff;
		}

		.spMenuBox li p a {
			font-size: 12px;
		}






		/*------------------------------------------------------------
			gNavi
		------------------------------------------------------------*/
		#gNavi {
			width: auto;
		}
		
		#gNavi ul li {
			width: 25%;
			font-size: 12px;
		}
		
		/*------------------------------------------------------------
			フッター
		------------------------------------------------------------*/
		#gFooter {
			border-top: 1px solid #eaeaea;
		}
		
		#gFooter .fInner .subBox {
			width: auto;
		}
		
		#gFooter .fBox {
			margin: 0 10px;
			border: none;
		}
		
		#gFooter .fBox .lBox {
			width: auto;
			float: none;
		}
		
		#gFooter .fInner .fLogo {
			margin: 0 0 15px;
		}
		
		#gFooter .fInner .fLogo img {
			width: 97%;
		}
		
		#gFooter .fBox .sub {
			margin: 0 auto;
			width: 90%;
		}
		
		#gFooter .fBox .lBox dl {
			margin: 0 0 15px 13px;
			float: none;
		}
		
		#gFooter .fBox .lBox p {
			float: none;
		}
		
		#gFooter .fBox .map {
			float: none;
			padding-top: 17px;
		}

		#gFooter .fBox .map iframe {
			width: 100%;
		}
		
		#gFooter .naviBox {
			background-color: #EAEAEA;
		}

		#gFooter .naviBox .ulBox {
			padding-bottom: 37px;
			display: none;
		}
		
		#gFooter .naviBox .fMenu {
			display: block;
			border-bottom: 1px solid #CCCCCC;
		}
		
		#gFooter .naviBox .fMenu a {
			padding: 10px 10px 8px;
			display: block;
			text-align: center;
			font-size: 14px;
			font-weight: bold;
			text-decoration: none;
		}

		#gFooter .naviBox .fMenu a img {
			margin-right: 15px;
			vertical-align: -4px;
		}
		
		#gFooter .fNavi {
			margin: 0 10px;
			float: none;
		}
		
		#gFooter .fNavi li {
			height: auto !important;
			width: auto !important;
			float: none;
			padding: 20px 10px 9px !important;
			text-align: center;
			border-top: 1px solid #ccc;
		}
		
		#gFooter .fInner .subBox .pageTop {
			display: none;
			position: fixed;
			right: 20px;
			bottom: 30px;
			z-index: 1000;
		}

#gFooter .fInner .subBox .webyoyaku {
			display: none;
			position: fixed;
			right: 80px;
			bottom: 30px;
			z-index: 1000;
		}
		
		#gFooter .copyright p {
			width: auto;
			padding: 12px;
			line-height: 2.0;
		}
		
		#main .mainBox {
			margin: 0 10px !important;
			width: auto !important;
		}
	.linkwrap{width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0;}
	.float-btn.sp{ display: flex; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 1001; }
	.float-btn li{ background: #B58F31; width: 100%; height: 14.666vw; display: flex; justify-content: center; align-items: center; position: relative; font-size: 4.666vw; color: #fff; }
	.float-btn li + li{ border-left: solid 1px #fff; }
	.float-btn li span{ padding-left: 5.666vw; background-repeat: no-repeat; }
	.float-btn li:nth-of-type(1) span{ background-image: url("img/index/icon-tel02.png"); background-position: top 50% left 0; background-size: 2.666vw; }
    .float-btn li:nth-of-type(2) span{ background-image: url("img/index/ico-yoyaku02.png"); background-position: top 50% left 0; background-size: 4vw; }
    
    .float-btn + div{width: 100%; right: auto; bottom: 13vw; left: 0; z-index: 9990; background: linear-gradient(#c7b59c, #f7f4eb); background-size: cover; position: fixed;}
    .float-btn + div p{color: #5b4d22; text-align: center; margin: 2vw auto;}
    .float-btn + div p span{font-weight: bold; background: linear-gradient(transparent 60%, #ffff00 60%);}
		

	table.case_table{
	width:100%;
}
table.case_table th,
table.case_table td{
		width:100%;
	display:block;
}
table.case_table th{
    background: #B28C31;
    text-align: center!important;
    padding: 10px 0;
	 font-size: 18px;
	color: #FFF!important;
}


table.case_table th img,
table.case_table td img{
		width:100%;
}


	
}

a.a001 {
  pointer-events: none;
	border-bottom:solid 1px #fff!important;
	font-weight:50!important;
	
}


 #yoyaku_tuiju_maru .yoyaku_click {
    bottom: 15.888%;
    right: 72px;
    color: #B7933B;
    position: fixed;
    z-index: 50;
    font-size: 26px;
}

#yoyaku_tuiju_maru .yoyaku_click a {
    text-decoration: none;
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    font-weight: inherit;
}

#yoyaku_tuiju_maru img.btn-rsv {
    width: 130px;
    bottom: 10%;
    right: 40px;
    z-index: 50;
    animation: rotate-anime 7s linear infinite;
    transition: .3s;
    position: fixed;
}

@keyframes rotate-anime {
  0%  {transform: rotate(0);}
  100%  {transform: rotate(360deg);}

}

.yoyaku_wrap h3{ font-weight: 500; font-size: 17px; margin-bottom: .2rem; color: #b7933b; letter-spacing: .1rem;}
.yoyaku_wrap p{ font-size: 15px; margin-bottom: 1rem; line-height: 2!important; letter-spacing: .05rem; width: 100%; }
.yoyaku_wrap p span{ color: #b7933b;}
.yoyaku_wrap .point_text{ font-size: 20px;margin-bottom: .2rem; font-weight: bold; text-align: center!important;}

.point_list{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: .8rem; }
.point_list li{ width: 48%; margin-bottom: .7rem; background: #c3c1ca; border-radius: 90px; text-align: center; padding: .4rem 0; color: #000; font-size: 14px;  border: #FFF 1px solid; }
.tell_link{ text-align: center!important;}
.tell_link a{ position: relative; font-size: 25px; font-weight: bold;  color: #b7933b; padding-left: 1.8rem; letter-spacing: .2rem; }
.tell_link a:before{ position: absolute; top:0; left: 0; content: ""; width: 25px; height: 26px; background:url("/img/common/tel.svg") no-repeat 0 0 /contain; display: inline-block; }

#main .access-new a.btn{ font-size: 20px; font-weight: bold; letter-spacing: .1rem;}
#main .access-new a.btn:before,.yoyaku_wrap  a.btn:before{ padding-right: 1rem; content: ""; width: 30px; height: 30px; background:url("/img/common/calendar.svg") no-repeat 0 0 /contain; display: inline-block;}
.yoyaku_wrap a.btn{ width: 475px; max-width: 100%; height: 60px; border-radius: 2rem; margin: 16px auto; font-size: 20px; font-weight: bold; letter-spacing: .1rem; color: rgb(255, 255, 255); background-color: #B7933B; display: flex; justify-content: center; align-items: center; text-decoration: none;-webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out; box-shadow: 0 1px 5px #888; }
.yoyaku_wrap a.btn:hover{ opacity: 1; background: #b7933b87; }
.naviBox{ margin-top: 2rem;}

.cta_wrap { position: relative; background: #f1e9d8; margin-top:5rem; }
.cta_wrap span.text{font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; position: absolute; top:-3.5rem; left: 0; right: 0; margin: auto; font-size: 8vw; color: rgba( 195, 193, 201, 0.7 ); text-align: center; line-height: 1; z-index: 0;}
.cta_box{ width: 1000px; margin: 0 auto 4rem; padding: 3vw 4rem; box-sizing: border-box; }
.cta_box h2{font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; font-size: 35px; text-align: center; padding: 2rem 0 1rem; margin-bottom: 2rem; border-bottom: #B7933B 2px solid; }
.cta_box .flex_wrap{ display: flex; justify-content: space-between;}
.cta_box .flex_wrap .img{ width: 40%;}
.cta_box .flex_wrap .text{ width: 60%; padding-left: 2rem; box-sizing: border-box; }

.cta_box.short{ width: 800px; background: #f1e9d8; padding: 2rem 2rem 1.7rem; margin: 0 auto 3rem; }
.cta_box.short .flex_wrap{ margin: 0;}
.cta_box.short .yoyaku_wrap a.btn{ width: 100%; margin-bottom: 0;}
.cta_box.short .tell_link{ width: 100%;}
.cta_box.short .yoyaku_wrap .point_text{ font-size: 17px !important; line-height: 1.6 !important;}
.cta_box.short .flex_wrap .img,.cta_box.short .flex_wrap .text{ width: 48%; padding: 0; margin-bottom:0 !important; }
.cta_box.short .flex_wrap .img{ height: 230px; overflow: hidden; }
.cta_box.short .flex_wrap .img img{ height: 215px; width: auto;}
.cta_box .tell_link{ position: relative; width: 475px; background: #FFF; margin: 1.7rem auto 1rem; padding-top: .6rem; box-shadow: 0 1px 5px #888; }
.cta_box .tell_link span{ position: absolute; top:-2.2rem; left: 0; right: 0; text-align: center; font-size: 12px; background: #c3c1ca; border: #FFF 1px solid; color: #000; width: 90%; border-radius: 1rem; margin: auto; }

#main .point .comTopicsBox{ padding-bottom:3rem !important;}

.jidv_wrap{ padding: 4rem 0 2rem; }
.jidv_wrap .inner{ background: #F0EBD8 ; border: #b7933b 1px solid; width: 1000px; margin: 0 auto; text-align: center; padding: 2.5rem 2rem; box-sizing: border-box; }
.jidv_wrap h2{ color: #333; font-weight: 500; font-size: 2rem; font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; text-align: center; margin: 0 0 1.5rem; }
.jidv_wrap h3{ color: #b7933b; font-size: 1.3rem; font-weight: 500; text-align: center; margin-bottom: .8rem; }
.jidv_wrap img{ width: 80%;  box-shadow:  0 1px 5px #888; }
.jidv_fukidashi { border-radius: 2.5rem; background:#FFF url(/img/common/webp/jidv_bg.webp) no-repeat left center/auto 100%; position: relative; margin-top: 3.5rem; padding: 2rem 0 2.5rem;}
.jidv_fukidashi::before { content: ""; background: #FFF; width: 6rem; height: 2rem; clip-path: polygon(50% 0, 100% 100%, 0 100%); position: absolute; left: 50%; top: -1.9rem; transform: translate(-50%, 0);}
.jidv_fukidashi p{ font-size: 14px; line-height: 1.8; text-align: center; margin-bottom: 1.5rem;}
.jidv_fukidashi ul { display: flex; justify-content: center; gap: 0 2.4rem;}
.jidv_fukidashi ul a { display: inline-flex; align-items: center; padding: .8rem 5rem .8rem 2rem; border: .1rem solid #b7933b; background: #f6f3eb  url(/img/common/icon_yajirushi.svg) no-repeat center right 2rem / 1.8rem auto; color:#000; font-size: 15px; font-weight: 500; line-height: 1.5; text-align: left; transition: 0.5s;}
.jidv_fukidashi a:hover{ opacity: .7; transition: 0.5s; text-decoration: none; }

@media all and (max-width: 768px) {

	.yoyaku_wrap p { font-size: 14px; line-height: 1.7!important;}
    #main .access-new .flex .yoyaku_wrap h3{ font-size: 15px; margin-bottom: .5rem; padding-bottom: .3rem;}
    #main .access-new .flex .yoyaku_wrap li:first-child{ margin-bottom: .5rem;}
    #main .access-new .flex .yoyaku_wrap .point_list li{ width: 49%; flex-basis: auto; font-size: 13px; }
    .yoyaku_wrap .point_text{ font-size: 17px;}
    .tell_link a{ padding-left: 2rem;}
    
    #main .access-new a.btn:before{ width: 23px; height: 28px;}
	#gFooter .yoyaku_wrap{ padding: 0 15px;}
	
	.cta_wrap { margin-top:0; }
	.cta_wrap span.text{ top:-1rem; font-size:2rem ; text-align: center;}
    .cta_box{ width: 100%; padding: 1.5rem 1.5rem 1.5rem; margin-bottom: 0; }
    .cta_box h2{ font-size: 20px; padding: 0 0 .7rem; margin-bottom: 1.5rem; }
    .cta_box .flex_wrap{ display: block; margin-bottom: 0;}
    .cta_box .flex_wrap .img{ width: 100%; margin-bottom: 1rem;}
    .cta_box .flex_wrap .text{ width: 100%; padding-left: 0; }
	
	.cta_wrap span.text{ top:-1rem; font-size:2rem ; text-align: center;}
    .cta_box{ width: 100%; padding: 1.5rem 1.5rem 1.5rem; margin-bottom: 0; }
    .cta_box h2{ font-size: 20px; padding: 0 0 .7rem; margin-bottom: 1.5rem; }
    .cta_box .flex_wrap{ display: block; margin-bottom: 0;}
    .cta_box .flex_wrap .img{ width: 100%; margin-bottom: 1rem;}
    .cta_box .flex_wrap .text{ width: 100%; padding-left: 0; }
    
    .cta_box .tell_link{ width: 90%;  margin: 1.5rem auto 1rem; padding-top: .8rem; }
    .cta_box .tell_link span{ font-size: 11px; top:-2rem; letter-spacing: .1rem; }
    .cta_box .tell_link a{ font-size: 20px;}
    .cta_box .tell_link a:before{ width: 20px; height: 20px; }
    .cta_box .yoyaku_wrap a.btn{ width: 90%; height: 47px; font-size: 17px; }
    .cta_box.short{ width:calc(100% - 40px); padding: 1rem 1rem 1.5rem; margin: 0 auto 2rem; }
    .cta_box.short .yoyaku_wrap .point_text{ font-size: 15px!important;  }
    .cta_box.short .flex_wrap .img,.cta_box.short .flex_wrap .text{ width: 100%; margin-top: .5rem; }
    .cta_box.short .flex_wrap .img{ width: 100%; height: auto;  margin: 0 auto 1rem;}
    .cta_box.short .flex_wrap .img img{ width: 100%; height: auto;}
	.contents_wrap .cta_box.short{ width: 100%; }

	.jidv_wrap{ padding: 2.5rem 1.5rem 4rem; }
    .jidv_wrap .inner{ width: 100%; padding: 1.5rem; }
    .jidv_wrap h2{ font-size: 1.2rem; margin: 0 0 1rem; }
    .jidv_wrap h3{ font-size: 1rem; margin-bottom: .6rem; }
    .jidv_wrap img{ width: 100%; }
    .jidv_fukidashi { border-radius: 1.5rem; background-position: left top; background-size: 10.7rem auto; padding: 1.8rem 1rem 1rem; margin-top: 3rem; }
    .jidv_fukidashi::before {  width: 4rem;}
    .jidv_fukidashi p{ font-size: 13px; text-align: left; margin-bottom: 1rem;}
    .jidv_fukidashi ul { display: block; gap: 0;}
    .jidv_fukidashi ul a { width: 100%; box-sizing: border-box; margin-bottom: .7rem; font-size: 14px; padding: .6rem 5rem .6rem 2rem; }
	
}

