@charset "UTF-8";
@import url(//fonts.googleapis.com/css?family=Cormorant);


/*----------------------------------------------------
	BODY
----------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
  margin: 0;
  padding: 0;
}

html,div {
  margin: 0;
  padding: 0;
  font-family: "Noto Sans JP", "游ゴシック",  "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans Japanese", Meiryo, sans-serif;
  color: #000;
}

body {
  min-width: 1100px;
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: 14px;
  background: #FFF url() no-repeat top left;
}

/* for IE6 */
* html body{
  font-size: 75%;
}

/* for IE7 */
*:first-child+html body{
  font-size: 75%;
}

h1,h2,h3,h4,h5,h6,p {
   margin: 0;
   padding: 0;
   line-height: 1.4em;
   font-size: 100%;
}

ul,ol,li {
   margin: 0;
   padding: 0;
   list-style: none;
}

img {
  margin: 0;
  padding: 0;
  vertical-align: bottom;
}
a img {
  border:none;
}

a:link, a:visited {
  color: #333;
  text-decoration: none;
  outline : 0;
  transition: 0.2s;
}

a:hover {
  color: #A2A2A2;
  text-decoration: none;
  transition: 0.2s;
}

a:hover img {
  opacity: 0.7;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}


.clear {
  clear: both;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/*----------------------------------------------------
	WRAPP
----------------------------------------------------*/
div#Wrapp {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  text-align: center;
  position: relative;
}





/*----------------------------------------------------
	Ver check
----------------------------------------------------*/

div.noBrowser {
  width: 100%;
  margin: 0 auto;
  padding: 25px 0;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  background-color: #990000;
}

header {
  width: 100%;
  background: #FFF;
  box-shadow:0px 0px 9px 1px rgba(0,0,0,0.15);
  position: fixed;
  top: 0;
  z-index: 10;
}

header div.header_inner {
  width: 95%;
  min-width: 1000px;
  max-width: 1200px;
  margin: 0 auto;
  padding: 10px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
}

header div.header_inner h1 {
  width: 330px;
  padding: 15px 0 0 0;
}

header div.header_inner h1 img {
  width: 100%;
}

header div.header_inner div.right_block {
  width: 250px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
}

header div.header_inner div.right_block p.call {
  width: 250px;
  padding: 5px 0 0 0;
}

header div.header_inner div.right_block div.contact_box {
  width: 250px;
}

header div.header_inner div.right_block div.contact_box p.title {
  width: 250px;
}
/* 
header div.header_inner div.right_block div.contact_box ul {
  width: 110px;
  margin: 0 auto;
  padding: 10px 0 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
}

header div.header_inner div.right_block div.contact_box ul li {
  width: auto;
}

header div.header_inner div.right_block div.contact_box ul li:nth-child(2) {
  width: auto;
  padding: 3px 0 0 0;
}

header div.header_inner div.right_block div.contact_box ul li img {
  width: auto;
} */




.contact-btn a.btn {
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 6px;
  padding: 15px 0;
  background-color: #DD4949;
  font-size: 16px !important;
  border-radius: 100vh;
  letter-spacing: 0.1rem;
}

.contact-btn a.btn:hover {
  background-color: #ec6767;
}

.contact-btn i.icon-mail {
  width: 20px;
  margin-right: 10px;
  margin-top: -5px;
  display: block;
}
.contact-btn i.icon-mail img {
  width: 100%;
}

.contact-btn a.btn:hover .icon-mail img {
  opacity: 1 !important;
}


/*============================
common_camp
============================*/

.common_camp {
  width: auto;
}

.common_camp div.inner {
  width: auto;
  padding: 80px 0 80px 0;
  background: transparent url(../images/bg_hex_blue.png) center 50px no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}

.common_camp div.inner div.block {
  width: 910px;
  margin: 0 auto;
}

.common_camp div.inner div.block h3 {
  width: 482px;
}

.common_camp div.inner div.block h3 img {
  width: auto;
}

.common_camp div.inner div.block ul {
  width: 900px;
  margin: 0 auto;
  padding: 40px 0 0 0;
}

.common_camp div.inner div.block ul li {
  width: auto;
}

.common_camp div.inner div.block ul li + li {
  width: auto;
  padding: 30px 0 0 0;
}

.common_camp div.inner div.block ul li a {
  width: auto;
}

.common_camp div.inner div.block ul li a img {
  width: 100%;
}


/*============================
common_camp
============================*/



.common_contact {
  width: 1000px;
  margin: 0 auto;
  padding: 80px 0;
}

.common_contact.no_pt {
  width: 1000px;
  margin: 0 auto;
  padding: 0 0 80px 0;
}



.common_contact div.inner {
  width: auto;
  height: 351px;
  background: transparent url(../images/contact_bg.png) 0 0 no-repeat;
  position: relative;
}

/*.common_contact div.inner div.bg_block {
  width: auto;
}

.common_contact div.inner div.bg_block p.read {
  width: auto;
}

.common_contact div.inner div.bg_block p.read img {
  width: auto;
}

.common_contact div.inner div.bg_block p.call {
  width: auto;
}

.common_contact div.inner div.bg_block p.call img {
  width: auto;
}

.common_contact div.inner div.bg_block div.btn_box {
  width: auto;
}

.common_contact div.inner div.bg_block div.btn_box p.btn_title {
  width: auto;
}

.common_contact div.inner div.bg_block div.btn_box p.btn_title img {
  width: auto;
}*/

.common_contact div.inner div.bg_block div.btn_box ul {
  width: 920px;
  margin: 0 auto;
  position: absolute;
  bottom: 32px;
  left: 0;
  right: 0;
}

.common_contact div.inner div.bg_block div.btn_box ul li {
  width: 445px;
  margin: 0 auto;
}

/*============================
#KEY
============================*/
div#KEY {
  width: auto;
  padding: 70px 0 0 0;
}

div#KEY div.inner {
  width: auto;
  padding: 50px 0;
  background: transparent url(../images/key_bg.png) center center no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  position: relative;
}

div#KEY div.inner div.block {
/*  width: auto;
  background: transparent url(../images/key.png) center 50px no-repeat;*/
  position: relative;
}

div#KEY div.inner div.block h2 {
  width: auto;
}

div#KEY div.inner div.block h2 img {
  width: auto;
}

div.main_container {
  width: auto;
}


div#KEY div.inner p.jTxt {
  width: 980px;
  margin: 0 auto;
  color: #333;
  position: absolute;
  bottom: -25px;
  right: 0;
  left: 0;
  text-align: right;
}





/*============================
#CONTACT_TOP
============================*/
#CONTACT_TOP {
  width: auto;
  padding: 60px 0 0 0;
}

#CONTACT_TOP div.inner {
  width: 910px;
  margin: 0 auto;
}

#CONTACT_TOP div.inner h3 {
  width: auto;
}

#CONTACT_TOP div.inner h3 p.title {
  width: auto;
}

#CONTACT_TOP div.inner ul {
  width: auto;
  padding: 30px 0 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  justify-content: center;
}

#CONTACT_TOP div.inner ul li {
  width: 445px;
}




/*============================
#NAYAMI
============================*/
#NAYAMI {
  width: auto;
  padding: 50px 0 0 0;
}

#NAYAMI div.inner {
  width: auto;
  background: #F4F4F4 url(../images/nayami_bg.png) center top no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}

#NAYAMI div.inner div.block {
  width: auto;
}

#NAYAMI div.inner div.block p.img01 {
  width: 1000px;
  margin: 0 auto;
  padding: 80px 0;
}



/*============================
#FEATURE
============================*/
#FEATURE {
  width: auto;
}

#FEATURE div.inner {
  width: auto;
}

#FEATURE div.inner div.block {
  width: auto;
}

#FEATURE div.inner div.block div.head_box {
  width: auto;
  padding: 80px 0;
  background: transparent url(../images/bg_hex_blue.png) center 300px no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}

#FEATURE div.inner div.block div.head_box p.img01 {
  width: 1000px;
  margin: 0 auto;
}

#FEATURE div.inner div.block div.point_box {
  width: auto;
}

#FEATURE div.inner div.block div.point_box01 {
  width: auto;
}

#FEATURE div.inner div.block div.point_box01 div.box_inner {
  width: auto;
  height: 1545px;
  background: #F3FAFD url(../images/bg_triangle_l.png) left top no-repeat;
  position: relative;
}

#FEATURE div.inner div.block div.point_box01 div.box_inner p.point01 {
  width: 1000px;
  margin: 0 auto;
  position: absolute;
  top: -20px;
  left: 0;
  right: 0;
}

#FEATURE div.inner div.block div.point_box02 {
  width: auto;
/*  height: 1728px;*/
  height: 2338px;
  position: relative;
  background: transparent url(../images/bg_hex_grey.png) center 800px no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}

#FEATURE div.inner div.block div.point_box02 div.box_inner {
  width: auto;
/*  height: 1728px;*/
  height: 2338px;
  background: transparent url(../images/bg_hex_blue2.png) center 150px no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}

#FEATURE div.inner div.block div.point_box02 div.box_inner p.point02 {
  width: 1000px;
  margin: 0 auto;
  position: absolute;
  top: -20px;
  left: 0;
  right: 0;

}


#FEATURE div.inner div.block div.point_box03 {
  width: auto;
}

#FEATURE div.inner div.block div.point_box03 div.box_inner {
  width: auto;
  height: 1308px;
  background: #F3FAFD url(../images/bg_triangle_l.png) left top no-repeat;
  position: relative;
}

#FEATURE div.inner div.block div.point_box03 div.box_inner p.point03 {
  width: 1000px;
  margin: 0 auto;
  position: absolute;
  top: -20px;
  left: 0;
  right: 0;
}


/*============================
#PROMISE
============================*/
#PROMISE {
  width: auto;
  padding: 0 0 110px 0;
}

#PROMISE div.inner {
  width: auto;
  background: transparent url(../images/bg_triangle_l.png) left top no-repeat;
}

#PROMISE div.inner div.block {
  width: auto;
}

#PROMISE div.inner div.block p.img01 {
  width: 1000px;
  margin: 0 auto;
  padding: 80px 0 0 0;
}

/*============================
#STOP
============================*/
#STOP {
  width: auto;
}

#STOP div.inner {
  width: auto;
  height: 2397px;
  background: #f2f2f2;
  position: relative;
}

#STOP div.inner div.block {
  width: auto;
}

#STOP div.inner div.block p.img01 {
  width: 1000px;
  margin: 0 auto;
  position: absolute;
  top: -43px;
  left: 0;
  right: 0;
}


/*============================
#MENU
============================*/
#MENU {
  width: auto;
}

#MENU div.inner {
  width: auto;
  background: transparent url(../images/bg_triangle_r.png) right top no-repeat;
}

#MENU div.inner div.block {
  width: auto;
  padding: 80px 0;
  background: transparent url(../images/menu_bg.png) center bottom no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}

#MENU div.inner div.block p.img01 {
  width: auto;
}


/*============================
#PRICE
============================*/
#PRICE {
  width: auto;
  margin: 0 0 80px 0;
}

#PRICE div.inner {
  width: auto;
  padding: 80px 0;
  background: #F4F4F4;
}

#PRICE div.inner div.block {
  width: auto;
}

#PRICE div.inner div.block p.img01 {
  width: 1000px;
  margin: 0 auto;
}



/*============================
#FLOW
============================*/
#FLOW {
  width: auto;
}

#FLOW div.inner {
  width: auto;
  background: transparent url(../images/bg_triangle_l.png) left top no-repeat;
}

#FLOW div.inner div.block {
  width: auto;
}

#FLOW div.inner div.block p.img01 {
  width: 1000px;
  margin: 0 auto;
  padding: 80px 0;
}


/*============================
#BA
============================*/
#BA {
  width: auto;
}

#BA div.inner {
  width: auto;
  background: transparent url(../images/bg_triangle_r.png) right top no-repeat;
}

#BA div.inner div.block {
  width: auto;
}

#BA div.inner div.block p.img01 {
  width: 1000px;
  margin: 0 auto;
  padding: 80px 0;
}


/*============================
#CONCEPT
============================*/
#CONCEPT {
  width: auto;
}

#CONCEPT div.inner {
  width: auto;
  background: transparent url(../images/concept_bg.png) center center no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}

#CONCEPT div.inner div.block {
  width: auto;
}

#CONCEPT div.inner div.block p.img01 {
  width: 756px;
  margin: 0 auto;
  padding: 80px 0;
}


/*============================
#FAQ
============================*/
#FAQ {
  width: auto;
}

#FAQ div.inner {
  width: auto;
  padding: 80px 0;
  background: transparent url(../images/bg_triangle_l.png) left top no-repeat;
}

#FAQ div.inner div.block {
  width: auto;
}

#FAQ div.inner div.block h3 {
  width: 589px;
  margin: 0 auto;
}

#FAQ div.inner div.block ul {
  width: 1000px;
  margin: 0 auto;
  padding: 80px 0 0 0;
}

#FAQ div.inner div.block ul li {
  width: auto;
  padding: 0 0 20px 0;
}

#FAQ div.inner div.block ul li dl {
  width: auto;
}

#FAQ div.inner div.block ul li dl dt {
  width: auto;
  border: #DAB355 2px solid;
  border-radius: 10px;
  text-align: left;
  cursor: pointer;
  background: transparent url(../images/icon_q.png) 15px center no-repeat;
}

#FAQ div.inner div.block ul li dl dt span {
  width: auto;
  display: block;
  margin: 0 0 0 70px;
  padding: 20px 50px 20px 0;
  font-size: 20px;
  background: transparent url(../images/faq_arrow_off.png) 98% center no-repeat;
  transition: 0.2s;
}

#FAQ div.inner div.block ul li dl dt.active span {
  background: transparent url(../images/faq_arrow_on.png) 98% center no-repeat;
  transition: 0.2s;
  transition: 0.2s;
}

#FAQ div.inner div.block ul li dl dd {
  width: auto;
  display: none;
  margin: 15px 0 15px 0;
  background: transparent url(../images/icon_a.png) 15px top no-repeat;
}

#FAQ div.inner div.block ul li dl dd.open {
  display: block;
}

#FAQ div.inner div.block ul li dl dd span {
  width: auto;
  width: auto;
  display: block;
  margin: 0 0 0 70px;
  padding: 15px 0;
  font-size: 20px;
  text-align: left;
  color: #6B6C6C;
  font-size: 19px;
}


/*============================
#DOCTOR
============================*/
#DOCTOR {
  width: auto;
}

#DOCTOR div.inner {
  width: auto;
}

#DOCTOR div.inner span {
  width: auto;
  height: 450px;
  display: block;
  background: transparent url(../images/doctor_bg.png) center top no-repeat;
}

#DOCTOR div.inner div.block {
  width: auto;
}

#DOCTOR div.inner div.block p.img01 {
  width: 1000px;
  margin: 0 auto;
  padding: 60px 0 80px 0;
}

/*============================
#CLINIC
============================*/
#CLINIC {
  width: auto;
}

#CLINIC div.inner {
  width: auto;
  background: transparent url(../images/bg_triangle_r.png) right top no-repeat;
}

#CLINIC div.inner div.block {
  width: auto;
}

#CLINIC div.inner div.block p.img01 {
  width: 1000px;
  margin: 0 auto;
  padding: 80px 0;
}




p#Privacy {
  width: auto;
  padding: 0 0 50px 0 ;
  text-align: center;
}

p#Privacy a {
  width: auto;
  border-bottom: 1px #333 solid;
}




footer {
  width: auto;
}

footer p {
  width: auto;
  padding: 10px 0;
  color: #FFF;
  text-align: center;
  background: #323333;
}























.base_red {
  color: #990000;
}
.brown {color: #B68A4A;}
.bold {font-weight: bold;}
.pink {color: #ED474D;}


.pt_5 {padding: 5px 0 0 0;}
.pt_10 {padding: 10px 0 0 0;}
.pt_15 {padding: 15px 0 0 0;}
.pt_20 {padding: 20px 0 0 0;}
.pt_25 {padding: 25px 0 0 0;}
.pt_30 {padding: 30px 0 0 0;}
.pt_35 {padding: 35px 0 0 0;}
.pt_40 {padding: 40px 0 0 0;}
.pt_45 {padding: 45px 0 0 0;}
.pt_50 {padding: 50px 0 0 0;}
.pt_55 {padding: 55px 0 0 0;}
.pt_60 {padding: 60px 0 0 0;}
.pt_65 {padding: 65px 0 0 0;}
.pt_70 {padding: 70px 0 0 0;}

.pb_5 {padding: 0 0 5px 0;}
.pb_10 {padding: 0 0 10px 0;}
.pb_15 {padding: 0 0 15px 0;}
.pb_20 {padding: 0 0 20px 0;}
.pb_25 {padding: 0 0 25px 0;}
.pb_30 {padding: 0 0 30px 0;}
.pb_35 {padding: 0 0 35px 0;}
.pb_40 {padding: 0 0 40px 0;}
.pb_45 {padding: 0 0 45px 0;}
.pb_50 {padding: 0 0 50px 0;}
.pb_55 {padding: 0 0 55px 0;}
.pb_60 {padding: 0 0 60px 0;}
.pb_80 {padding: 0 0 80px 0;}


.mt_5 {margin: 5px 0 0 0;}
.mt_10 {margin: 10px 0 0 0;}
.mt_15 {margin: 15px 0 0 0;}
.mt_20 {margin: 20px 0 0 0;}
.mt_25 {margin: 25px 0 0 0;}
.mt_30 {margin: 30px 0 0 0;}
.mt_35 {margin: 35px 0 0 0;}
.mt_40 {margin: 40px 0 0 0;}
.mt_45 {margin: 45px 0 0 0;}
.mt_50 {margin: 50px 0 0 0;}
.mt_55 {margin: 55px 0 0 0;}
.mt_60 {margin: 60px 0 0 0;}
.mt_65 {margin: 65px 0 0 0;}
.mt_70 {margin: 70px 0 0 0;}
.mt_90 {margin: 90px 0 0 0;}


.mb_5 {margin: 0 0 5px 0;}
.mb_10 {margin: 0 0 10px 0;}
.mb_15 {margin: 0 0 15px 0;}
.mb_20 {margin: 0 0 20px 0;}
.mb_25 {margin: 0 0 25px 0;}
.mb_30 {margin: 0 0 30px 0;}
.mb_35 {margin: 0 0 35px 0;}
.mb_40 {margin: 0 0 40px 0;}
.mb_45 {margin: 0 0 45px 0;}
.mb_50 {margin: 0 0 50px 0;}
.mb_55 {margin: 0 0 55px 0;}
.mb_60 {margin: 0 0 60px 0;}


.fs20 {font-size: 20px;}
.fs25 {font-size: 25px;}
.fs30 {font-size: 30px;}
.fs35 {font-size: 35px;}
.fs40 {font-size: 40px;}
.fs45 {font-size: 45px;}
.fs50 {font-size: 50px;}