@charset 'utf-8';
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Zen+Kaku+Gothic+New:wght@400;500;700&display=swap&subset=japanese');
/*
(en)inter: 100-900
(jp)Zen Kaku Gothic New: 400, 500, 700
*/

/* reset
--------------------------------------- */
html,body,
header,main,section,article,footer,aside,canvas,details,figcaption,figure,hgroup,menu,nav,
div,span,applet,embed,object,iframe,h1,h2,h3,h4,h5,h6,p,a,blockquote,q,pre,abbr,address,big,small,
cite,code,del,dfn,em,img,strong,sub,sup,tt,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,
legend,caption,table,tbody,tfoot,thead,tr,th,td,output,ruby,
audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
header,main,section,article,footer,aside,details,figcaption,figure,hgroup,menu,nav{display:block;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}

/* basic
--------------------------------------- */
body{
  position:relative;
  width:100%;
  font-family: "Inter", "Zen Kaku Gothic New", sans-serif;
  font-weight:500; /* medium */
  font-style:normal;
  font-size: 18px;
  line-height:1.5;
  font-optical-sizing:auto;
  overflow-wrap:break-word;
  -webkit-font-smoothing: antialiased;
  -webkit-overflow-scrolling: touch;
  -webkit-text-size-adjust:100%;
  -moz-text-size-adjust:100%;
  -ms-text-size-adjust:100%;
  -o-text-size-adjust:100%;
  text-size-adjust:100%;
  text-align:left;
  text-justify:none;
  color:#1a1a1a;
    letter-spacing:0.05em;
  letter-spacing:0;
  background-color:#fff;
  overflow-x: hidden;
  /*text-align:justify;
  text-justify:inter-ideograph;*/
}
*,*:before,*:after{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;}
a{outline:none;text-decoration:none;color:#333;}
a[href^="tel:"]{color:#333;;pointer-events:none;text-align:left;}
img{max-width:100%;height:auto;vertical-align:bottom;image-rendering:-webkit-optimize-contrast;}
#header,#footer,#splash,#kv,
.section{
  width:100%;
  min-width:initial;
  margin:auto;
}
.wrap{
  width:1480px;
  margin:auto;
}
.inner{
  position:relative;
  width:1200px;
  margin:auto;
}
@media screen and (max-width:1497px){
  .wrap{width:100%;}
}
@media screen and (max-width:1217px){
  .inner{width:98%;}
}
@media screen and (max-width:768px){
  body{font-size:26.88px;}/*14 * 1.92 */
  a[href^="tel:"]{pointer-events:auto;}
  img{image-rendering:auto;}
  #header,#footer,#splash,#kv,
  .section{
    width:768px;
    min-width:initial;
    overflow:hidden;
  }
  .wrap{
    width:768px;
  }
  .inner{
    width:670px;
  }
}

/* ex. font */
.inter { /* h2 en-title */
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
}
.zen-kaku-gothic-new-regular {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
}

/* header
--------------------------------------- */
#header{
  position:fixed;
  top: 0;
  right: 0;
  left: auto;
  width: 100%;
  background-color:#006837;
  z-index:999;
}
#header .wrap{width:100%;}
#header .inner{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width:100%;
  height: 60px;
}
#header .brand{display:none;}
#header .navi{
  height:32px;
}
#header .navi ul{
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
}
#header .navi ul li{}
#header .navi ul li:first-child:before{
  content:'';
  border-left:1px solid #fff;
}
#header .navi ul li:after{
  content:'';
  border-left:1px solid #fff;
}
#header .navi ul li a{
  padding: 16px 20px;
  font-size: 18px; 
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #fff;
  opacity: 1;
  transition: opacity 300ms ;
}
#header .navi ul li a:hover{
  opacity:0.7;
}
#header .tel{
  padding: 16px 20px;
  color:#fff;
}
#header .tel:before{
  content:'';
  display:inline-block;
  width:17px;
  height:22px;
  margin-right:5px;
  transform: translateY(1px);
  background:url(../images/home/icon_tel_wt.png) 0 0 no-repeat;
  background-size:contain;
}
#header .tel a{
  font-size:28px; 
  font-weight:600;
  color:#fff;
}
#header .sp-menu{
  display:none;
}
@media screen and (min-width:1025px) and (max-width:1380px) {
  #header .navi ul li a{
    font-size: 16px; 
  }
  #header .tel a{
    font-size:24px; 
  }
  #header .tel:before{
    width:15px;
    height:19px;
  }
}
@media screen and (max-width:1024px){
  #header{
    background-color:#fff;
  }
  #header .inner{
    justify-content: space-between;
  }
  #header .brand{
    display:block;
    width:120px;
    margin-left:60px;
  }
  #header .navi{
    display:none;
    height:32px;
  }
  #header .tel{
    display:none;
  padding: 16px 20px;
  color:#fff;
  }
  #header .sp-menu{
    display:block;
    width:60px;
    height:60px;
    background-color:#006837;
  }
  #header .sp-menu .hamburger{
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    width:100%;
    height:100%;
    padding:20px 15px;
    background:transparent;
    border:none;
    cursor:pointer;
  }
  #header .sp-menu .hamburger i{
    width:100%;
    height:1px;
    background-color:#fff;
    border-radius:0px;
    transition:all 300ms;
  }
  #header .sp-menu .hamburger.is-active i:nth-child(1){transform:translateY(10px) rotate(45deg);}
  #header .sp-menu .hamburger.is-active i:nth-child(2){opacity:0;}
  #header .sp-menu .hamburger.is-active i:nth-child(3){transform:translateY(-10px) rotate(-45deg);}
}
@media screen and (max-width:768px){
  #header .inner{
    height: 120px;
  }
  #header .brand{
    width:240px;
    margin-left:50px;
  }
  #header .sp-menu{
    width:120px;
    height:120px;
  }
  #header .sp-menu .hamburger{
    padding:40px 30px;
  }
  #header .sp-menu .hamburger.is-active i:nth-child(1){transform:translateY(20px) rotate(45deg);}
  #header .sp-menu .hamburger.is-active i:nth-child(3){transform:translateY(-20px) rotate(-45deg);}
}

#sp-navi{display:none;}
@media screen and (max-width:1024px){
  #sp-navi{display:none;}
  .sp-hd-navi{
    position:fixed;
    top:60px;
    left:0;
    right:0;
    width:100%;
    height:calc(100vh - 60px);
    margin:auto;
    background-color:rgba(255,255,255,0.8);
    backdrop-filter:saturate(180%) blur(20px);
    overflow-y:auto;
    cursor:pointer;
    z-index:999;
  }
  .sp-hd-navi .inner{width:100%;}
  .sp-hd-navi .bg-navi{
    background-color:rgba(255,255,255,0);
  }
  .sp-hd-navi .wrap-navi{}
  .sp-hd-navi .wrap-navi ul{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width:100%;
    height:calc(100vh - 60px);
  }
  .sp-hd-navi .wrap-navi ul li{
    width:100%;
    margin:0 auto 10px;
  }
  .sp-hd-navi .wrap-navi ul li a{
    display:block;
    width:100%;
    height:100%;
    padding:10px 0;
    font-size:24px;
    font-weight:700;
    text-align:center;
  }
  .sp-hd-navi .wrap-navi ul li.tel{
    width:80%;
  }
  .sp-hd-navi .wrap-navi ul li.tel a{
    color:#fff;
    background:rgba(0, 104, 55, 0.7);
    border-radius:36px;
  }
}
@media screen and (max-width:768px){
  .sp-hd-navi{
    top:120px;
    height:calc(100vh - 120px);
  }
  .sp-hd-navi .wrap-navi ul li{
    margin-bottom:40px;
  }
  .sp-hd-navi .wrap-navi ul li a{
    padding:10px 0;
    font-size:36px;
  }
  .sp-hd-navi .wrap-navi ul li.tel a{
    color:#fff;
    background:rgba(0, 104, 55, 0.7);
    border-radius:36px;
  }
  #header .sp-menu .hamburger i{
    height:2px;
  }
}

/* フッター
--------------------------------------- */
.btm-navi{background-color:#006837;}
.btm-navi .wrap{}
.btm-navi .navi{}
.btm-navi .navi ul{
  display: flex;
  justify-content: center;
  align-items: center;
  height:96px;
}
.btm-navi .navi ul li{}
.btm-navi .navi ul li:first-child:before{
  content:'';
  border-left:1px solid #fff;
}
.btm-navi .navi ul li:after{
  content:'';
  border-left:1px solid #fff;
}
.btm-navi .navi ul li a{
  padding:0 28px;
  color:#fff;
}
@media screen and (max-width:768px) {
  .btm-navi .navi ul{
    flex-wrap: wrap;
    height:300px;
    padding:70px 0;
  }
  .btm-navi .navi ul li:first-child:before,
  .btm-navi .navi ul li:after{
    border-left-width:2px;
  }
  .btm-navi .navi ul li:nth-child(3):before{
    content:'';
    border-left:2px solid #fff;
  }
}

#footer{
  padding:60px 0 60px;
}
#footer .logo{
  width:200px;
  margin:0 auto 30px;
}
#footer .addr{
  margin-bottom:30px;
  text-align:center;
}
#footer .tel{
  margin-bottom:80px;
  text-align:center;
}
#footer .tel:before{
  content:'';
  display:inline-block;
  width:22px;
  height:28px;
  margin-right:5px;
  transform: translateY(0px);
  background:url(../images/home/icon_tel_gr.png) 0 0 no-repeat;
  background-size:contain;
}
#footer .tel a{
  font-size:42px; 
  font-weight:600;
  color:#006837;
}
#footer .copyright{
  text-align:center;
}

/* ページトップ移動ボタン
--------------------------------------- */
#pagetop-wrap{
  position:fixed;
  bottom:80px;
  right:20px;
  display:none;
  z-index:998;
}
#pagetop{
  width:64px;
  height:64px;
  cursor:pointer;
  transition:opacity 300ms;
}
#pagetop:hover{opacity:0.8;}
@media screen and (max-width:768px){
  #pagetop-wrap{
    bottom:90px;
    right:40px;
    display:none;
  }
  #pagetop{
  width:64px;
  height:64px;
    transition:none;
  }
#pagetop:hover{opacity:1;}
}

/* 共通
--------------------------------------- */
main{padding-top:60px;}
.h2def{
  font-weight:700;
  font-size:32px;
  letter-spacing:0.2em;
  text-align:center;
}
.h2ul .en{
  margin-bottom:20px;
  font-family: "Inter", sans-serif;
  font-size:70px;
  font-weight:700;
  line-height:1.0;
  letter-spacing:0.1em;
  color:#736357;
  text-align:center;
}
.h2ul .en span{
  padding:0 30px;
  border-bottom:1px solid #736357;
}
.h2ul .jp{
  font-size:24px;
  font-weight:700;
  text-align:center;
}
.btn-more a{
  display: flex;
  justify-content: center;
  align-items: center;
  width:570px;
  height:78px;
  margin:auto;
  font-size:21px;
  font-weight:700;
  letter-spacing:0.2em;
  color:#fff;
  background-color:#429a69;
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
  transition:opacity 300ms;
}
.btn-more a:hover{
  opacity:0.7;
}
@media screen and (max-width:768px){
  main{padding-top:120px;}
  .h2def{font-size:30.72px;}
  .h2ul .en{
    font-size:57.6px;
  }
  .h2ul .en span{
    border-bottom-width:2px;
  }
  .h2ul .jp{
    font-size:38.4px;
  }
  .btn-more a{
    width:100%;
    height:108px;
    font-size:30.048px;
    letter-spacing:0.1em;
    transition:none;
  }
  .btn-more a:hover{opacity:1;}
}

/* キービジュアル
--------------------------------------- */
.fv{
	position: relative;
	width: 100%;
	height: 100vh;
}
.main-logo{
	position: absolute;
	width: 17%;
	top: 8%;
	left: 5%;
}
.main-copy{
	position: absolute;
	top: 25%;
	left: 5%;

	font-size: clamp(1.25rem, 0.417rem + 2.78vw, 2.5rem);/* w480-20px w1200-40px */

	line-height: 1.8em;
	letter-spacing: 0.1em;
	font-weight: 700;
	z-index: 50;

	text-shadow:
	0 0 10px rgba(255,255,255,0.9),
	0 0 20px rgba(255,255,255,0.7);
}
.main-body{
	margin-top: 5%;
	font-size: clamp(1rem, 0.833rem + 0.56vw, 1.25rem);/* w480-16px w1200-20px */
	line-height: 2em;
	letter-spacing: 0.08em;
	margin-left: 5px;
}
.main-visual{
	display: block;
	position: absolute;
	width: 75%;
	height: 100vh;
	top: 0;
	left: 25%;
	right: 0;
}
.main-visual img{
	width: 100%;
	height: 100%;

	object-fit: cover;
	display: block;
}
.main-visual-sp{
	display: none;
}


.main-green{
	position: absolute;
	width: 100%;
	height: 28%;
	bottom: 0;
	background: #006837;
	opacity: 0.8;
}
.main-brown{
	position: absolute;
	width: 25%;
	height: 28%;
	bottom: 0;
	background: #736357;
	opacity: 1;
}


/*========= アイコン3つ ===============*/
.main-icon{
	position: absolute;
	width: 900px;
	top: 45%;
	right: 6%;
	display: flex;
}
.main-icon-item{
	margin:1.6%;
	opacity: 0.9;
	width: 100%;
	height: 100%;
  aspect-ratio: 1 / 1;
	border-radius: 50%;
	overflow: hidden;
	box-shadow: 0 2px 8px rgba(0,0,0,0.15);
	position: relative;
	display: inline-block;
}
.main-icon-item:nth-of-type(1){
  background-color:rgba(66,154,105,0.9);
}
.main-icon-item:nth-of-type(2){
  background-color:rgba(115,99,87,0.9);
}
.main-icon-item:nth-of-type(3){
  background-color:rgba(0,104,55,0.9);
}

.main-icon-mark{
	position: absolute;
	top: 30%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	align-items: center;
	justify-content: center;
}
.main-icon-mark img{
  width: 100%;
	height: auto;
}
.main-icon-text{
	position: absolute;
	top: 55%;
	left: 50%;
	transform: translateX(-50%);

	font-size: 22px;
	font-weight: 700;
	color: #ffffff;
	letter-spacing: 0.15em;
  line-height:1.2;
	white-space: nowrap;
	text-align: center;
}
.main-icon-text-s{
	font-size:16px;
	letter-spacing: 0;
}

/*--------------------------------------------------------
  1025-1380px メインビジュアル
--------------------------------------------------------*/

@media screen and (min-width:1025px) and (max-width:1380px) {

.main-icon{
	position: absolute;
	width: 60%;
	top: 50%;
	right: 6%;
	display: flex;
}
.main-icon-mark img{
  width: 90%;
  height: auto;
}
.main-icon-text{
	font-size: 21px;
}
.main-icon-text-s{
	font-size: 16px;
}

}

/*--------------------------------------------------------
  max-1024px メインビジュアル
--------------------------------------------------------*/
@media screen and (max-width:1024px) {

.fv{
	position: relative;
	width: 100%;
	height: 90vh;
}
.main-visual{
	display: block;
	position: absolute;
	width: 75%;
	height: 90vh;
	top: 0;
	left: 25%;
	right: 0;
}
.main-logo{
	display: none;
}
.main-copy{
	position: absolute;
	top: 6%;
	left: 5%;
	font-size: 32px;
}

/*========= アイコン ===============*/
.main-icon{
	position: absolute;
	width: 60%;
	top: 48%;
	right: 6%;

}
.main-icon-item{
	margin:1%;
}

.main-icon-mark{
	position: absolute;
	top: 30%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	align-items: center;
	justify-content: center;
}
.main-icon-mark img{
	width: 80%;
	height: auto;
}
.main-icon-text{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%);

	font-size: 18px;
	font-weight: 700;
	color: #ffffff;
	letter-spacing: 0.15em;
	white-space: nowrap;
	text-align: center;
}
.main-icon-text-s{
	font-size: 14px;
}

}/*end-max-width:1024px メインビジュアル*/


/*--------------------------------------------------------
  max-width:768px メインビジュアル
--------------------------------------------------------*/
@media screen and (max-width:768px) {
  .main-visual{display:none;}
  .main-visual-sp{
    display: block;
    width:768px;
    height:calc(100vh - 120px);
    overflow:hidden;
  }
  .main-visual-sp img{
    display: block;
    width: 690px;
    height: 100%;
    object-fit: cover;
    margin-left: 78px;
  }
  .main-green{
    bottom:-2.5%;
    width: 768px;
    height:35%;
  }
  .main-brown{
    bottom:-2.5%;
    width: 78px;
    height:35%;
  }
  .main-copy{
    font-size: 42px;
  }
  .main-body{
    font-size: 31px;
  }

/*========= アイコン ===============*/
.main-icon{
	position: absolute;
	width: 690px;
	top: 65%;
	right: auto;
  left: 50%;
	transform: translate(-50%, -50%);
	display: flex;
}
.main-icon-item{
	margin:1%;
}

.main-icon-mark{
	position: absolute;
	top: 30%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	align-items: center;
	justify-content: center;
}
.main-icon-mark img{
	width: 70%;
	height: auto;
}
.main-icon-text{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%);

	font-size: 26.88px;
	font-weight: 700;
	color: #fff;
	letter-spacing: 0em;
	white-space: nowrap;
	text-align: center;
}
.main-icon-text-s{
	font-size: 23.04px;
}

}/*end max-width:768px メインビジュアル*/

/*--------------------------------------------------------
  診療時間
--------------------------------------------------------*/
.clinic-hours{
	position: absolute;
	top: 82%;
	left: 50%;
	transform: translateX(-50%);
	width: 90%;
	max-width: 980px;
  padding:40px 0 50px;
	background-color: #fff;
	
	z-index: 50;
	box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}
.clinic-hours .h2def{
  margin-bottom:10px;
  color: #736357;
}
.clinic-hours .tbl-hours{
  width:81.63%;
  max-width:800px;
  margin:10px auto 0;
  letter-spacing:0.2em;
}
.clinic-hours .tbl-hours table{
  width:100%;
  margin-bottom:20px;
  border-bottom:1px solid #1a1a1a;
}
.clinic-hours .tbl-hours table thead tr{
  border-bottom:1px solid #1a1a1a;
}
.clinic-hours .tbl-hours table thead{
  font-weight:600;
}
.clinic-hours .tbl-hours table th,
.clinic-hours .tbl-hours table td{
  padding:20px 0;
  font-size:21px;
  text-align:center;
  white-space:nowrap;
}
.clinic-hours .tbl-hours table tbody tr:nth-of-type(1) th,
.clinic-hours .tbl-hours table tbody tr:nth-of-type(1) td{
  padding-bottom:0;
}
.clinic-hours .tbl-hours table tbody th{
  width:33.75%;
}
.clinic-hours .tbl-hours table tbody td{
  width:calc(66.25% / 7);
}
.clinic-hours .attention{
  margin-left:7%;
  margin-bottom:30px;
  font-size:21px;
  font-weight:700;
}
.clinic-hours .attention2{}
.clinic-hours .attention2 ul{
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.clinic-hours .attention2 ul li{
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  width:50%;
  height:44px;
  letter-spacing:0.2em;
  text-align:center;
}
.clinic-hours .attention2 ul li:nth-child(1){
  font-size:24px;
  font-weight:700;
  color:#fff;
  background-color:#f00;
}
.clinic-hours .attention2 ul li:nth-child(2){
  font-size:18px;
  font-weight:500;
  background-color:#e6e6e6;
}
@media screen and (max-width:1024px){
  .clinic-hours .attention2 ul{
    flex-wrap:normal;
    flex-direction: column;
    justify-content: flex-start;
  }
  .clinic-hours .attention2 ul li{
    width:100%;
  }
}
@media screen and (max-width:768px){
  .clinic-hours .tbl-hours{
    width:610px;
    max-width:initial;
  }
  .clinic-hours .tbl-hours table{
    border-bottom-width:2px;
  }
  .clinic-hours .tbl-hours table thead tr{
    border-bottom-width:2px;
  }
  .clinic-hours .tbl-hours table th,
  .clinic-hours .tbl-hours table td{
    font-size:24.96px;
  }
  .clinic-hours .attention{
    margin-left:1%;
    font-size:24.96px;
  }
  .clinic-hours .attention2 ul li{
    height:65px;
  }
  .clinic-hours .attention2 ul li:nth-child(1){
    font-size:34.56px;
  }
  .clinic-hours .attention2 ul li:nth-child(2){
    font-size:26.88px;
  }
}

/* (下部)診療時間
--------------------------------------- */
.btm-info{}
.btm-info .wrap{
  padding:0px 0 180px;
}
.btm-info .clinic-hours{
  position: static;
  top:0;
  transform: translateX(0);
  margin:auto;
}
@media screen and (max-width:768px){
  .btm-info .wrap{
    padding:0px 0 130px;
  }
  .btm-info .inner{
    width:100%;
  }
}

/* 
--------------------------------------- */
.clinic-info{
  background-color:#f5f2e9;
  background-image:url(../images/home/hour_bg.jpg), url(../images/home/contact_bg.jpg);
  background-repeat: no-repeat, no-repeat;
  background-position:top right, bottom left;
}
.clinic-info .wrap{
  padding:340px 0 75px;
}
.clinic-info .block-contact{
  width: 90%;
  max-width: 980px;
  margin:50px auto 0;
  padding:20px 50px;
    background-color:rgba(255,255,255,0.4);
  border:1px solid #1a1a1a;
}
.clinic-info .block-contact h3{
  margin-bottom:30px;
  font-size:24px;
  font-weight:700;
  text-align:center;
}
.clinic-info .block-contact .tx1{
  margin-bottom:10px;
  font-size:16px;
  text-align:center;
}
.clinic-info .block-contact .tx2{
  margin-bottom:10px;
  font-size:18px;
  font-weight:700;
  color:#f00;
  text-align:center;
}
.clinic-info .block-contact .tx3{
  margin-bottom:10px;
  padding:10px 0;
  font-size:18px;
  text-align:center;
  background-color:#fff;
}
.clinic-info .block-contact .tx4{
  margin-bottom:10px;
  font-size:18px;
  font-weight:700;
  text-align:center;
}
.clinic-info .block-contact ul.attention{
  margin-left:20px;
  font-size:16px;
  padding-left:1.0em;
  text-indent:-1.0em;
}
.clinic-info .block-contact .tb{display:none;}
@media screen and (max-width:1380px) {
  .clinic-info .block-contact .tb{display:block;}
}
@media screen and (max-width:1024px) {
  .clinic-info .block-contact{margin-top:120px;}
  .clinic-info .block-contact ul.attention{margin-left:0;}
}
@media screen and (max-width:768px){
  .clinic-info{background:#f5f2e9;}
  .clinic-info .wrap{
    padding:360px 0 100px;
  }
  .clinic-info .block-contact{
    width:100%;
    max-width:initial;
    padding:30px;
    background-color:rgba(255,255,255,0);
    border-width:2px;
  }
  .clinic-info .block-contact h3{
    margin-bottom:20px;
    font-size:34.56px;
  }
  .clinic-info .block-contact .tx1{
    margin-bottom:20px;
    font-size:26.88px;
    letter-spacing:0.04em;
    text-align:left;
  }
  .clinic-info .block-contact .tx2{
    margin-bottom:20px;
    font-size:30.72px;
  }
  .clinic-info .block-contact .tx3{
    margin-bottom:20px;
    padding:20px 0;
    font-size:30.72px;
  }
  .clinic-info .block-contact .tx4{
    margin-bottom:20px;
    font-size:30.72px;
  }
  .clinic-info .block-contact ul.attention{
    margin-left:0;
   font-size:26.88px;
  }
}

/* 診療内容
--------------------------------------- */
.treatment{background-color:#006837;}
.treatment .wrap{padding:130px 0 200px;}
.treatment .h2def{
  margin-bottom:10px;
  font-size:42px;
  color:#fff;
}
.treatment .mi{
  margin-bottom:50px;
  font-size:28px;
  letter-spacing:0.1em;
  color:#fff;
  text-align:center;
}
.treatment ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: flex-start;
  gap:30px 60px;
  width:98.33%;
  max-width:1180px;
  margin:auto;
}
.treatment ul li{
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  width:calc(50% - 30px);
  height:78px;
  font-size:24px;
  background-color:#fff;
}
.treatment ul li span,
.treatment ul li a{}
.treatment ul li a:hover{
  text-decoration:underline;
}
@media screen and (max-width:1217px){
  .treatment ul{gap:30px 5vw;}
  .treatment ul li{width:calc(50% - 2.51vw);}
}
@media screen and (max-width:1024px){
  .treatment ul li{font-size:21px;}
}
@media screen and (max-width:768px){
  .treatment .wrap{padding:60px 0 120px;}
  .treatment .h2def{
  margin-bottom:10px;
    font-size:38.4px;
  }
  .treatment .mi{
  margin-bottom:50px;
    font-size:30.72px;
  }
  .treatment ul{
    flex-wrap:normal;
    align-content:normal;
    flex-direction: column;
    justify-content: flex-start;
    gap:20px 0;
    width:100%;
    max-width:initial;
  }
  .treatment ul li{
    width:100%;
    height:90px;
    font-size:34.56px;
  }
  .treatment ul li a:hover{
    text-decoration:none;
  }
}

/* お知らせ
--------------------------------------- */
.information{
  background-color:#fff;
  background:url(../images/home/information_bg.jpg) left bottom no-repeat;
  background-size:contain;
}
.information .wrap{
  padding:230px 0 90px;
}
.information .h2ul{
  margin-bottom:70px;
}
.information .wrap-news{
  width:83.33%;
  max-width:1000px;
  max-height:470px;
  margin:0 auto 70px;
  padding:40px 50px;
  overflow:auto;
  background-color:#fff;
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}
.information .wrap-news .item-news{}
.information .wrap-news .item-news dl{
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  width:100%;
  margin-bottom:30px;
  padding-bottom:30px;
  border-bottom:1px solid #006837;
}
.information .wrap-news .item-news dl:last-of-type{
  margin-bottom:0;
  padding-bottom:0;
  border-bottom-width:0;
}
.information .wrap-news .item-news dl dt{
  padding:0 40px 0 20px;
  font-weight:500;
}
.information .wrap-news .item-news dl dd{
  padding-right:20px;
  font-size:21px;
  font-weight:700;
  color:#006837;
}
.information .wrap-news .item-news dl dd span{
  display:block;
  margin-top:20px;
  font-size:18px;
  font-weight:400;
  color:#1a1a1a;
}
.information .wrap-news .item-news dl dd a{
  color:#006837;
  text-decoration:underline;
  transition:opacity 300ms;
}
.information .wrap-news .item-news dl dd span a{
  color:#1a1a1a;
}
.information .wrap-news .item-news dl dd a:hover{
  opacity:0.7;
}
@media screen and (max-width:1024px) {
  .information .wrap-news{
    width: 90%;
    max-width: 980px;
  }
}
@media screen and (max-width:768px) {
  .information{
    background-position:left -80px top 0;
    background-size:2300px;
  }
  .information .wrap{
    padding:380px 0 150px;
  }
  .h2ul{
    margin-bottom:70px;
  }
  .information .wrap-news{
    width:100%;
    max-width:initial;
    max-height:1150px;
    padding:30px 50px;
  }
  .information .wrap-news .item-news dl{
    display:block;
    justify-content:normal;
    align-items:normal;
    margin-bottom:50px;
    padding-bottom:40px;
    border-bottom-width:2px;
  }
  .information .wrap-news .item-news dl:last-of-type{
    margin-bottom:0;
    padding-bottom:0;
    border-bottom-width:0;
  }
  .information .wrap-news .item-news dl dt{
    margin-bottom:20px;
    padding:0;
    font-size:34.56px;
  }
  .information .wrap-news .item-news dl dd{
    padding:0;
    font-size:34.56px;
  }
  .information .wrap-news .item-news dl dd span{
  margin-top:20px;
    font-size:30.72px;
  }
  .information .wrap-news .item-news dl dd a{
    transition:none;
  }
  .information .wrap-news .item-news dl dd a:hover{
    opacity:1;
  }
}

/* 当院の特徴
--------------------------------------- */
.feature{background-color:#f5f2e9;}
.feature .wrap{padding:120px 0 140px;}
.feature .h2def{
  margin-bottom:80px;
  font-size:42px;
  font-weight:700;
  color:#736357;
}
.feature .h2def span{
  padding:0 20px;
  border-bottom:1px solid #736357;
}
.feature .block-msg{
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  gap:0 80px;
  width:98.33%;
  max-width:1180px;
  margin:0 auto 40px;
}
.feature .block-msg .img{
  width:486px;
}
.feature .block-msg .box{
  width:610px;
}
.feature .block-msg .box .msg{
  margin-bottom:20px;
  font-size:21px;
  line-height:1.8;
}
.feature .block-msg .box .sign{
  font-size:24px;
  text-align:right;
}

.feature .block-prof{
  width:98.33%;
  max-width:1180px;
  margin:0 auto 60px;
  padding:20px 30px 30px;
  background-color:#fff;
}
.feature .block-prof h3{
  margin-bottom:20px;
  font-size:21px;
  font-weight:700;
  color:#006837;
  text-align:center;
}
.feature .block-prof dl{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  gap:0 30px;
  width:400px;
  margin:auto;
}
.feature .block-prof dl dt{
  width:80px;
}
.feature .block-prof dl dd{}
@media screen and (max-width:1024px){
.feature .block-msg,
.feature .block-prof{
    width: 90%;
    max-width: 980px;
  }
  .feature .block-msg{
    gap:0 4vw;
  }
  .feature .block-msg .box .msg{
    line-height:1.5;
  }
}
@media screen and (max-width:768px){
  .feature .wrap{padding:110px 0 150px;}
  .feature .h2def{
    margin-bottom:70px;
    font-size:46.08px;
  }
  .feature .h2def span{
    border-bottom-width:2px;
  }
  .feature .block-msg{
    display:block;
    flex-wrap:normal;
    justify-content:normal;
    gap:0;
    width:100%;
    max-width:initial;
    margin-bottom:100px;
  }
  .feature .block-msg .img{
    width:100%;
    margin-bottom:50px;
  }
  .feature .block-msg .box{
    width:100%;
  }
  .feature .block-msg .box .msg{
    margin-bottom:40px;
    font-size:30.72px;
    line-height:1.8;
  }
  .feature .block-msg .box .sign{
    margin-right:0.7em;
    font-size:38.4px;
  }

  .feature .block-prof{
    width:100%;
    max-width:initial;
    margin-bottom:110px;
    padding:50px 70px;
  }
  .feature .block-prof h3{
    margin-bottom:40px;
   font-size:40.32px;
  }
  .feature .block-prof dl{
    display:block;
    flex-wrap:normal;
    justify-content:normal;
    align-items:normal;
    align-content:normal;
    gap:0;
    width:100%;
    margin-bottom:50px;
    font-size:30.72px;
    line-height:1.8;
  }
  .feature .block-prof dl:last-of-type{margin-bottom:0;}
  .feature .block-prof dl dt{
    width:100%;
  }
}

/* 図子眼科 photo
--------------------------------------- */
.gallery{}
.gallery .wrap{
  width:100%;
  padding:120px 0 90px;
}
.gallery ul{
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  width:100%;
  margin:auto;
}
.gallery .wrap ul li{
  width:calc(100% / 3);
}
@media screen and (max-width:768px){
  .gallery .wrap{
    padding:150px 0 150px;
  }
  .gallery ul{
    display:block;
    flex-wrap:normal;
    justify-content:normal;
  }
  .gallery .wrap ul li{
    width:100%;
  }
}

/* 子供医療費助成制度 / ジェネリック医薬品
--------------------------------------- */
.clinic-feature{}
.clinic-feature .wrap{
  width:100%;
  padding:0px 0 190px;
}
.clinic-feature ul{
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  width:100%;
  max-width:1920px;
  margin:auto;
}
.clinic-feature ul li{
  position:relative;
  width:50%;
  aspect-ratio:192 / 53;
}
.clinic-feature ul li .bg{}
.clinic-feature ul li .box{
  position:absolute;
  top:0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  width:100%;
  height:100%;
  padding:0 10px;
  text-align:center;
  background-color:rgba(0,104,55,0.8);
}
.clinic-feature ul li .box p{
  width:100%;
  color:#fff;
}
.clinic-feature ul li .box p.tx1{
  font-size:32px;
}
.clinic-feature ul li .box p.tx2{
  font-size:18px;
  letter-spacing:0.1em;
}
@media screen and (max-width:1024px){
  .clinic-feature ul li .box p.tx1{
    font-size:26px;
  }
  .clinic-feature ul li .box p.tx2{
    font-size:16px;
  }
}
@media screen and (max-width:768px){
  .clinic-feature .wrap{
    padding:0px 0 150px;
  }
  .clinic-feature ul{
    display:block;
    flex-wrap:nowrap;
    justify-content:normal;
    max-width:initial;
  }
  .clinic-feature ul li{
    width:100%;
  }
  .clinic-feature ul li .box p.tx1{
    font-size:38.4px;
  }
  .clinic-feature ul li .box p.tx2{
    font-size:26.88px;
  }
}

/* アクセス
--------------------------------------- */
.access{}
.access .wrap{padding:0px 0 130px;}
.access .h2ul{
  margin-bottom:70px;
}
.access .wrap-gmap{
  width:100%;
  max-width:1920px;
  margin:0 auto 180px;
}
.access .gmap{
  display:flex;
  justify-content:center;
  width:100%;
}
.access .wrap-gmap iframe{
  width:100%;
  height:auto;
  aspect-ratio:192 / 60;
  border:0;
}
.access .wrap-floor{
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  gap:0 90px;
  width:98.33%;
  max-width:1180px;
  margin:0 auto 110px;
}
.access .wrap-floor .floor{
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  width:544px;
  padding:20px 20px 30px;
  border:1px solid #1a1a1a;
}
.access .wrap-floor .floor .mi{
  width:100%;
  margin-bottom:5px;
  font-size:20.06px;
  text-align:left;
}
.access .wrap-floor .floor .img{width:430px;}

.access .address{
  text-align:center;
}
.access .address .name{
  margin-bottom:40px;
  font-size:32px;
  font-weight:700;
}
.access .address .addr{
  margin-bottom:60px;
  font-size:24px;
  font-weight:500;
}
.access .address .sttn{
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  gap:0 40px;
  width:560px;
  height:90px;
  margin:auto;
  font-size:24px;
  background-color:#f5f2e9;
}
.access .address .sttn img{width:28px;}
@media screen and (max-width:1217px){
  .access .wrap-floor{gap:0 5vw;}
  .access .wrap-floor .floor{width:calc(50% - 2.51vw);}
  .access .wrap-floor .floor .img{width:100%;}
}
@media screen and (max-width:768px){
  .access .wrap{padding:0px 0 80px;}
  .access .h2ul{
    margin-bottom:40px;
  }
  .access .wrap-gmap{
    max-width:initial;
    margin-bottom:50px;
  }
  .access .wrap-gmap iframe{
    aspect-ratio:768 / 400;
  }
  .access .wrap-floor{
    flex-wrap: nowrap;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap:55px 0;
    width:670px;
    max-width:initial;
    margin-bottom:90px;
  }
  .access .wrap-floor .floor{
    width:100%;
    padding:30px 40px 30px;
    border-width:2px;
  }
  .access .wrap-floor .floor .mi{
    font-size:26.88px;
  }
  .access .wrap-floor .floor .img{width:520px;}
  .access .address .name{
  margin-bottom:40px;
    font-size:46.08px;
  }
  .access .address .addr{
  margin-bottom:60px;
    font-size:30.72px;
  }
  .access .address .sttn{
    gap:0 50px;
    width:650px;
    height:130px;
    font-size:34.56px;
  }
  .access .address .sttn img{width:38px;}
}


/* 汎用
--------------------------------------- */
/* clearfix */
.cf{display:block;}
.cf:after,.cf:before{content:'';display:block;clear:both;}
@media screen and (max-width:768px){
  .sp-cf{display:block;}
  .sp-cf:after,.sp-cf:before{content:'';display:block;clear:both;}
}
/* display */
.disable{display:none;}
.hidden{visibility:hidden;}
.pc{display:block;}
.sp{display:none;}
.pc-visible{display:inline;}
.sp-visible{display:none;}
@media screen and (max-width:768px){
  .pc{display:none;}
  .sp{display:block;}
  .pc-visible{display:none;}
  .sp-visible{display:inline;}
}
/* font - size(base:18px) */
.sml{font-size:0.889em  !important;} /* 16px */
.sml2{font-size:0.833em !important;} /* 15px */
.sml3{font-size:0.778em !important;} /* 14px */
.sml4{font-size:0.722em !important;} /* 13px */
.sml5{font-size:0.667em !important;} /* 12px */
.big{font-size:1.112em  !important;} /* 20px */
.big2{font-size:1.167em !important;} /* 21px */
.big3{font-size:1.222em !important;} /* 22px */
.big4{font-size:1.333em !important;} /* 24px */
/* text */
.normal,.n{font-weight:400 !important;}
.bold,b,.b{font-weight:700 !important;}
.underline{text-decoration:underline;}
.nowrap{white-space:nowrap;}
sup{font-size:0.75em !important;vertical-align:top;}
sub{font-size:0.75em !important;vertical-align:baseline;}
.sup{font-size:0.75em !important;vertical-align:top;position:relative;top:-0.1em;}
/* indent 0.5-1.5(step:0.5em) */
.ind5{text-indent:0.5em;} .ind10{text-indent:1.0em;} .ind15{text-indent:1.5em;}
/* font - hanging indent 0.5-4.0(step:0.5em) */
.hang5{padding-left:0.5em;text-indent:-0.5em;}
.hang10{padding-left:1.0em;text-indent:-1.0em;} .hang15{padding-left:1.5em;text-indent:-1.5em;}
.hang20{padding-left:2.0em;text-indent:-2.0em;} .hang25{padding-left:2.5em;text-indent:-2.5em;}
.hang30{padding-left:3.0em;text-indent:-3.0em;} .hang40{padding-left:4.0em;text-indent:-4.0em;}
/* line-height 1.0-2.0 */
.lh10{line-height:1.0 !important;} .lh11{line-height:1.1 !important;} .lh12{line-height:1.2 !important;} .lh13{line-height:1.3 !important;} .lh14{line-height:1.4 !important;}
.lh15{line-height:1.5 !important;} .lh16{line-height:1.6 !important;} .lh17{line-height:1.7 !important;} .lh18{line-height:1.8 !important;} .lh19{line-height:1.9 !important;} .lh20{line-height:2.0 !important;}
/* layout - edge center */
.left{text-align:left !important;}
.right{text-align:right !important;}
.center,.sp-left,.sp-right{text-align:center !important;}
@media screen and (max-width:768px){
  .sp-left{text-align:left !important;}
  .sp-right{text-align:right !important;}
  .sp-center,.left,.right{text-align:center !important;}
}
/* layout - float */
.fl, .pc-fl{float:left;}
.fr, .pc-fr{float:right;}
@media screen and (max-width:768px){
  .pc-fl, .pc-fr{float:none;margin-left:auto;margin-right:auto;}
  .sp-fl{float:left;} .sp-fr{float:right;}
}
/* layout - flex row */
.flex-edge{display:flex;justify-content:space-between;}
.flex-center-top{display:flex;justify-content:center;align-items:flex-start;}
.flex-center-center{display:flex;justify-content:center;align-items:center;}
@media screen and (max-width:768px){
  .flex-edge, .flex-center-top, .flex-center-center{display:block;justify-content:normal;align-items:normal;}
}
/* layout - width 1-100(step:1)*/
.w100{width:100%;}.w1{width:1%;}   .w2{width:2%;}   .w3{width:3%;}   .w4{width:4%;}   .w5{width:5%;}   .w6{width:6%;}   .w7{width:7%;}   .w8{width:8%;}   .w9{width:9%;}
.w10{width:10%;} .w11{width:11%;} .w12{width:12%;} .w13{width:13%;} .w14{width:14%;} .w15{width:15%;} .w16{width:16%;} .w17{width:17%;} .w18{width:18%;} .w19{width:19%;}
.w20{width:20%;} .w21{width:21%;} .w22{width:22%;} .w23{width:23%;} .w24{width:24%;} .w25{width:25%;} .w26{width:26%;} .w27{width:27%;} .w28{width:28%;} .w29{width:29%;}
.w30{width:30%;} .w31{width:31%;} .w32{width:32%;} .w33{width:33%;} .w34{width:34%;} .w35{width:35%;} .w36{width:36%;} .w37{width:37%;} .w38{width:38%;} .w39{width:39%;}
.w40{width:40%;} .w41{width:41%;} .w42{width:42%;} .w43{width:43%;} .w44{width:44%;} .w45{width:45%;} .w46{width:46%;} .w47{width:47%;} .w48{width:48%;} .w49{width:49%;}
.w50{width:50%;} .w51{width:51%;} .w52{width:52%;} .w53{width:53%;} .w54{width:54%;} .w55{width:55%;} .w56{width:56%;} .w57{width:57%;} .w58{width:58%;} .w59{width:59%;}
.w60{width:60%;} .w61{width:61%;} .w62{width:62%;} .w63{width:63%;} .w64{width:64%;} .w65{width:65%;} .w66{width:66%;} .w67{width:67%;} .w68{width:68%;} .w69{width:69%;}
.w70{width:70%;} .w71{width:71%;} .w72{width:72%;} .w73{width:73%;} .w74{width:74%;} .w75{width:75%;} .w76{width:76%;} .w77{width:77%;} .w78{width:78%;} .w79{width:79%;}
.w80{width:80%;} .w81{width:81%;} .w82{width:82%;} .w83{width:83%;} .w84{width:84%;} .w85{width:85%;} .w86{width:86%;} .w87{width:87%;} .w88{width:88%;} .w89{width:89%;}
.w90{width:90%;} .w91{width:91%;} .w92{width:92%;} .w93{width:93%;} .w94{width:94%;} .w95{width:95%;} .w96{width:96%;} .w97{width:97%;} .w98{width:98%;} .w99{width:99%;}
@media screen and (max-width:768px){
  .w100, .w1,  .w2,  .w3,  .w4,  .w5,  .w6,  .w7,  .w8,  .w9, .w10, .w11, .w12, .w13, .w14, .w15, .w16, .w17, .w18, .w19,
  .w20, .w21, .w22, .w23, .w24, .w25, .w26, .w27, .w28, .w29, .w30, .w31, .w32, .w33, .w34, .w35, .w36, .w37, .w38, .w39,
  .w40, .w41, .w42, .w43, .w44, .w45, .w46, .w47, .w48, .w49, .w50, .w51, .w52, .w53, .w54, .w55, .w56, .w57, .w58, .w59,
  .w60, .w61, .w62, .w63, .w64, .w65, .w66, .w67, .w68, .w69, .w70, .w71, .w72, .w73, .w74, .w75, .w76, .w77, .w78, .w79,
  .w80, .w81, .w82, .w83, .w84, .w85, .w86, .w87, .w88, .w89, .w90, .w91, .w92, .w93, .w94, .w95, .w96, .w97, .w98, .w99{width:100%;}
}
@media screen and (max-width:768px){
  .sp-w100{width:100% !important;}.sp-w1{width:1% !important;}   .sp-w2{width:2% !important;}   .sp-w3{width:3% !important;}   .sp-w4{width:4% !important;}   .sp-w5{width:5% !important;}   .sp-w6{width:6% !important;}   .sp-w7{width:7% !important;}   .sp-w8{width:8% !important;}   .sp-w9{width:9% !important;}
  .sp-w10{width:10% !important;} .sp-w11{width:11% !important;} .sp-w12{width:12% !important;} .sp-w13{width:13% !important;} .sp-w14{width:14% !important;} .sp-w15{width:15% !important;} .sp-w16{width:16% !important;} .sp-w17{width:17% !important;} .sp-w18{width:18% !important;} .sp-w19{width:19% !important;}
  .sp-w20{width:20% !important;} .sp-w21{width:21% !important;} .sp-w22{width:22% !important;} .sp-w23{width:23% !important;} .sp-w24{width:24% !important;} .sp-w25{width:25% !important;} .sp-w26{width:26% !important;} .sp-w27{width:27% !important;} .sp-w28{width:28% !important;} .sp-w29{width:29% !important;}
  .sp-w30{width:30% !important;} .sp-w31{width:31% !important;} .sp-w32{width:32% !important;} .sp-w33{width:33% !important;} .sp-w34{width:34% !important;} .sp-w35{width:35% !important;} .sp-w36{width:36% !important;} .sp-w37{width:37% !important;} .sp-w38{width:38% !important;} .sp-w39{width:39% !important;}
  .sp-w40{width:40% !important;} .sp-w41{width:41% !important;} .sp-w42{width:42% !important;} .sp-w43{width:43% !important;} .sp-w44{width:44% !important;} .sp-w45{width:45% !important;} .sp-w46{width:46% !important;} .sp-w47{width:47% !important;} .sp-w48{width:48% !important;} .sp-w49{width:49% !important;}
  .sp-w50{width:50% !important;} .sp-w51{width:51% !important;} .sp-w52{width:52% !important;} .sp-w53{width:53% !important;} .sp-w54{width:54% !important;} .sp-w55{width:55% !important;} .sp-w56{width:56% !important;} .sp-w57{width:57% !important;} .sp-w58{width:58% !important;} .sp-w59{width:59% !important;}
  .sp-w60{width:60% !important;} .sp-w61{width:61% !important;} .sp-w62{width:62% !important;} .sp-w63{width:63% !important;} .sp-w64{width:64% !important;} .sp-w65{width:65% !important;} .sp-w66{width:66% !important;} .sp-w67{width:67% !important;} .sp-w68{width:68% !important;} .sp-w69{width:69% !important;}
  .sp-w70{width:70% !important;} .sp-w71{width:71% !important;} .sp-w72{width:72% !important;} .sp-w73{width:73% !important;} .sp-w74{width:74% !important;} .sp-w75{width:75% !important;} .sp-w76{width:76% !important;} .sp-w77{width:77% !important;} .sp-w78{width:78% !important;} .sp-w79{width:79% !important;}
  .sp-w80{width:80% !important;} .sp-w81{width:81% !important;} .sp-w82{width:82% !important;} .sp-w83{width:83% !important;} .sp-w84{width:84% !important;} .sp-w85{width:85% !important;} .sp-w86{width:86% !important;} .sp-w87{width:87% !important;} .sp-w88{width:88% !important;} .sp-w89{width:89% !important;}
  .sp-w90{width:90% !important;} .sp-w91{width:91% !important;} .sp-w92{width:92% !important;} .sp-w93{width:93% !important;} .sp-w94{width:94% !important;} .sp-w95{width:95% !important;} .sp-w96{width:96% !important;} .sp-w97{width:97% !important;} .sp-w98{width:98% !important;} .sp-w99{width:99% !important;}
}
.wTri{width:33.13%;} .wQuart{width:24.8%;} .wHalf{width:49.8%;} .wWide{width:66.46%;} .wFull{width:99.8%;}
/* layout - margin 0-120(step:10px) */
.mt0{margin-top:0px !important;} .mt10{margin-top:10px !important;} .mt20{margin-top:20px !important;} .mt30{margin-top:30px !important;} .mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;} .mt60{margin-top:60px !important;} .mt70{margin-top:70px !important;} .mt80{margin-top:80px !important;} .mt90{margin-top:90px !important;}
.mt100{margin-top:100px !important;} .mt110{margin-top:110px !important;} .mt120{margin-top:120px !important;}
.mr0{margin-right:0px !important;} .mr10{margin-right:10px !important;} .mr20{margin-right:20px !important;} .mr30{margin-right:30px !important;} .mr40{margin-right:40px !important;}
.mr50{margin-right:50px !important;} .mr60{margin-right:60px !important;} .mr70{margin-right:70px !important;} .mr80{margin-right:80px !important;} .mr90{margin-right:90px !important;}
.mr100{margin-right:100px !important;} .mr110{margin-right:110px !important;} .mr120{margin-right:120px !important;}
.mb0{margin-bottom:0px !important;}  .mb10{margin-bottom:10px !important;} .mb20{margin-bottom:20px !important;} .mb30{margin-bottom:30px !important;} .mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;} .mb60{margin-bottom:60px !important;} .mb70{margin-bottom:70px !important;} .mb80{margin-bottom:80px !important;} .mb90{margin-bottom:90px !important;}
.mb100{margin-bottom:100px !important;} .mb110{margin-bottom:110px !important;} .mb120{margin-bottom:120px !important;}
.ml0{margin-left:0px !important;} .ml10{margin-left:10px !important;} .ml20{margin-left:20px !important;} .ml30{margin-left:30px !important;} .ml40{margin-left:40px !important;}
.ml50{margin-left:50px !important;} .ml60{margin-left:60px !important;} .ml70{margin-left:70px !important;} .ml80{margin-left:80px !important;} .ml90{margin-left:90px !important;}
.ml100{margin-left:100px !important;} .ml110{margin-left:110px !important;} .ml120{margin-left:120px !important;}
.m-center{margin-left:auto;margin-right:auto;}
@media screen and (max-width:768px){
  .mt10{margin-top:1vw !important;} .mt20{margin-top:2vw !important;} .mt30{margin-top:3vw !important;} .mt40{margin-top:4vw !important;}
  .mt50{margin-top:5vw !important;} .mt60{margin-top:6vw !important;} .mt70{margin-top:7vw !important;} .mt80{margin-top:8vw !important;} .mt90{margin-top:9vw !important;}
  .mt100{margin-top:10vw !important;} .mt110{margin-top:11vw !important;} .mt120{margin-top:12vw !important;}
  .mr10{margin-right:1vw !important;} .mr20{margin-right:2vw !important;} .mr30{margin-right:3vw !important;} .mr40{margin-right:4vw !important;}
  .mr50{margin-right:5vw !important;} .mr60{margin-right:6vw !important;} .mr70{margin-right:7vw !important;} .mr80{margin-right:8vw !important;} .mr90{margin-right:9vw !important;}
  .mr100{margin-right:10vw !important;} .mr110{margin-right:11vw !important;} .mr120{margin-right:12vw !important;}
  .mb10{margin-bottom:1vw !important;} .mb20{margin-bottom:2vw !important;} .mb30{margin-bottom:3vw !important;} .mb40{margin-bottom:4vw !important;}
  .mb50{margin-bottom:5vw !important;} .mb60{margin-bottom:6vw !important;} .mb70{margin-bottom:7vw !important;} .mb80{margin-bottom:8vw !important;} .mb90{margin-bottom:9vw !important;}
  .mb100{margin-bottom:10vw !important;} .mb110{margin-bottom:11vw !important;} .mb120{margin-bottom:12vw !important;}
  .ml10{margin-left:1vw !important;} .ml20{margin-left:2vw !important;} .ml30{margin-left:3vw !important;} .ml40{margin-left:4vw !important;}
  .ml50{margin-left:5vw !important;} .ml60{margin-left:6vw !important;} .ml70{margin-left:7vw !important;} .ml80{margin-left:8vw !important;} .ml90{margin-left:9vw !important;}
  .ml100{margin-left:10vw !important;} .ml110{margin-left:11vw !important;} .ml120{margin-left:12vw !important;}
}
/* layout - margin 0.5-2.0(step0.5em) */
.mt5em{margin-top:0.5em;} .mr5em{margin-right:0.5em;} .mb5em{margin-bottom:0.5em;} .ml5em{margin-left:0.5em;}
.mt10em{margin-top:1.0em;} .mr10em{margin-right:1.0em;} .mb10em{margin-bottom:1.0em;} .ml10em{margin-left:1.0em;}
.mt15em{margin-top:1.5em;} .mr15em{margin-right:1.5em;} .mb15em{margin-bottom:1.5em;} .ml15em{margin-left:1.5em;}
.mt20em{margin-top:2.0em;} .mr20em{margin-right:2.0em;} .mb20em{margin-bottom:2.0em;} .ml20em{margin-left:2.0em;}
/* color */
.wt{color:#fff;}/*white*/
.bg-wt{background-color:rgba(255,255,255,1.0);}
.bk{color:#000;}/*black*/
.bg-bk{background-color:rgba(0,0,0,1.0);}
.gy{color#efefef;}/*gray*/
.bg-gy{background-color:rgba(239,239,239,1.0);}
.rd{color:#f00000;}/*red*/
.bg-rd{background-color:rgba(240,0,0,1.0);}
.bl{color:#0000f0;}/*blue*/
.bg-bl{background-color:rgba(0,0,240,1.0);}
/* brand-color */
.grey{color:#e6e6e6;}
.bg-grey{background-color:#e6e6e6;}
.green{color:#006837;}
.bg-green{background-color:rgba(0,104,55,1);}
.lt-green{color:#429a69;}
.bg-lt-green{background-color:#429a69;}
.brown{color:#736357;}
.bg-brown{background-color:#736357;}
.beige{color:#f5f2e9;}
.bg-beige{background-color:#f5f2e9;}
.red{color:#f00;}
.bg-red{background-color:#f00;}


/* 制限 */
/*
.btn-more{display:none !important;}
.navi ul li:nth-child(2),
.navi ul li:nth-child(3){display:none !important;}
.wrap-navi ul li:nth-child(2),
.wrap-navi ul li:nth-child(3){display:none !important;}
*/