@charset "utf-8";

/* common
---------------------------------------------*/
* {margin:0;padding:0;}

a:link,a:visited {
	color: #ffffff;
	text-decoration:underline;
}
a:hover,a:active {
	color: #d90909;
	text-decoration:underline;
}

.impact   {font-size:20pt; font-weight:bold;}
.impact2  {color:red;}
.impact3  {background:yellow; color:#000;}
#impact4  {underline;}
.impact5  {background:#173B50; padding:2px 5px; color:#fff;}
.impact6  {background:#f4f4f4; padding:3px; line-height:1.1;}
.impact7  {background: #B60000; padding:2px 5px; color:#fff;}
.style2   {color: #FF0000}
.style3   {color: #333333}
.style4   {color: #000000}


img{ border: none;}

/* ボタンのマウスオーバーで明るくする */
.btn:hover {
  filter: brightness(120%);
}


/* animation
---------------------------------------------*/
.feedInUp {
	opacity: 0;
	transform: translate(0,30px); 
	-webkit-transform: translate(0,30px); 
	transition: 1.5s;
}
.feedInUp_On {
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}

/* layout
---------------------------------------------*/


/*TopIntro-Start*/
body {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	min-width: 1002px;
	
  background-image: url(../images/bg.jpg);
	background-repeat: repeat;
	background-attachment: fixed;
	background-position: top center;
	
-webkit-text-size-adjust:none;
	
  text-align:center;
  font-size:20px;
  font-family: 'meiryo', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
    color: #383d5c;
}

#head1 { background: url("../images/header_01.webp") no-repeat top center; height:    353px; } 
#head2 { background: url("../images/header_02.webp") no-repeat top center; height:    180px; } 
#head3 { background: url("../images/header_03.webp") no-repeat top center; height:    240px; } 
#head4 { background: url("../images/header_04.webp") no-repeat top center; height:    286px; } 

#offer1 { background: url("../images/offer_01.webp") no-repeat top center; height:    288px; } 
#offer2 { background: url("../images/offer_02.webp") no-repeat top center; height:    155px; } 
#offer3 { background: url("../images/offer_03.webp") no-repeat top center; height:    317px; } 

#nayami1 { background: url("../images/nayami_01.webp") no-repeat top center; height:    155px; } 
#nayami2 { background: url("../images/nayami_02.webp") no-repeat top center; height:    184px; } 
#nayami3 { background: url("../images/nayami_03.webp") no-repeat top center; height:    380px; } 
#nayami4 { background: url("../images/nayami_04.webp") no-repeat top center; height:    242px; } 
#nayami5 { background: url("../images/nayami_05.webp") no-repeat top center; height:    268px; } 
#nayami6 { background: url("../images/nayami_06.webp") no-repeat top center; height:    232px; } 

#omakase1 { background: url("../images/omakase_01.webp") no-repeat top center; height:    179px; } 
#omakase2 { background: url("../images/omakase_02.webp") no-repeat top center; height:    333px; } 
#omakase3 { background: url("../images/omakase_03.webp") no-repeat top center; height:    458px; } 

#jisseki1 { background: url("../images/jisseki_01.webp") no-repeat top center; height:    337px; } 
#jisseki2 { background: url("../images/jisseki_02.webp") no-repeat top center; height:    197px; } 
#jisseki3 { background: url("../images/jisseki_03.webp") no-repeat top center; height:    442px; } 
#jisseki4 { background: url("../images/jisseki_04.webp") no-repeat top center; height:    308px; } 
#jisseki5 { background: url("../images/jisseki_05.webp") no-repeat top center; height:    380px; } 
#jisseki6 { background: url("../images/jisseki_06.webp") no-repeat top center; height:    228px; } 
#jisseki7 { background: url("../images/jisseki_07.webp") no-repeat top center; height:    335px; } 
#jisseki8 { background: url("../images/jisseki_08.webp") no-repeat top center; height:    224px; } 

#contact1 { background: url("../images/contact_01.webp") no-repeat top center; height:    369px; } 
#contact2 { background: url("../images/contact_02.webp") no-repeat top center; height:    258px; } 

#about1 { background: url("../images/about_01.webp") no-repeat top center; height:    291px; } 
#about2 { background: url("../images/about_02.webp") no-repeat top center; height:    197px; } 
#about3 { background: url("../images/about_03.webp") no-repeat top center; height:    286px; } 
#about4 { background: url("../images/about_04.webp") no-repeat top center; height:    263px; } 
#about5 { background: url("../images/about_05.webp") no-repeat top center; height:    186px; } 
#about6 { background: url("../images/about_06.webp") no-repeat top center; height:    295px; } 
#about7 { background: url("../images/about_07.webp") no-repeat top center; height:    204px; } 
#about8 { background: url("../images/about_08.webp") no-repeat top center; height:    441px; } 
 

#doctor1 { background: url("../images/doctor_01.webp") no-repeat top center; height:    217px; } 
#doctor2 { background: url("../images/doctor_02.webp") no-repeat top center; height:    65px; } 
#doctorend { background: url("../images/doctor_end.webp") no-repeat top center; height:    34px; } 
#doctor_p1 { background: url("../images/doctor_p_01.webp") no-repeat top center; height:    490px; margin-left: -530px;} 
#doctor_p2 { background: url("../images/doctor_p_02.webp") no-repeat top center; height:    492px; margin-left: -530px;} 
#doctor_p3 { background: url("../images/doctor_p_03.webp") no-repeat top center; height:    396px; margin-left: -530px;} 

#voice1 { background: url("../images/voice_01.webp") no-repeat top center; height:    290px; } 
#voice2 { background: url("../images/voice_02.webp") no-repeat top center; height:    225px; } 
#voice3 { background: url("../images/voice_03.webp") no-repeat top center; height:    337px; } 
#voice4 { background: url("../images/voice_04.webp") no-repeat top center; height:    210px; } 
#voice5 { background: url("../images/voice_05.webp") no-repeat top center; height:    337px; } 
#voice6 { background: url("../images/voice_06.webp") no-repeat top center; height:    214px; } 
#voice7 { background: url("../images/voice_07.webp") no-repeat top center; height:    368px; } 

#service1 { background: url("../images/service_01.webp") no-repeat top center; height:    261px; } 
#service2 { background: url("../images/service_02.webp") no-repeat top center; height:    314px; } 
#service3 { background: url("../images/service_03.webp") no-repeat top center; height:   325px; } 
#service4 { background: url("../images/service_04.webp") no-repeat top center; height:   284px; } 

#kouka { background: url("../images/kouka.webp") no-repeat top center; height:    314px; } 


#reason1 { background: url("../images/reason_01.webp") no-repeat top center; height:    302px; } 
#reason2 { background: url("../images/reason_02.webp") no-repeat top center; height:    432px; } 
#reason3 { background: url("../images/reason_03.webp") no-repeat top center; height:    434px; } 
#reason4 { background: url("../images/reason_04.webp") no-repeat top center; height:    432px; } 
#reason5 { background: url("../images/reason_05.webp") no-repeat top center; height:    425px; } 
#reason6 { background: url("../images/reason_06.webp") no-repeat top center; height:    471px; } 

#yoyaku1 { background: url("../images/yoyaku_01.webp") no-repeat top center; height:    230px; } 
#yoyaku2 { background: url("../images/yoyaku_02.webp") no-repeat top center; height:    461px; } 
#yoyaku3 { background: url("../images/yoyaku_03.webp") no-repeat top center; height:    484px; } 
#yoyaku4 { background: url("../images/yoyaku_04.webp") no-repeat top center; height:    346px; } 
#yoyaku5 { background: url("../images/yoyaku_05.webp") no-repeat top center; height:    466px; } 

#staff { background: url("../images/staff.webp") no-repeat top center; height:    118px; } 
#staff_p { background: url("../images/staff_p.webp") no-repeat top center; height:    432px; margin-left: -600px;} 

#suisen{ background: url("../images/suisen.webp") no-repeat top center; height:    122px; } 
#suisen_p{ background: url("../images/suisen_p.webp") no-repeat top center; height:    432px; margin-left: -600px;} 


#faq { background: url("../images/faq.webp") no-repeat top center; height:    245px; } 
#line { background: url("../images/line.webp") no-repeat top center; height:    2px; } 

#access1 { background: url("../images/access_01.webp") no-repeat top center; height:    287px; } 
#access2 { background: url("../images/access_02.webp") no-repeat top center; height:    390px; } 
#access3 { background: url("../images/access_03.webp") no-repeat top center; height:    343px; } 
#access4 { background: url("../images/access_04.webp") no-repeat top center; height:    358px; } 
#access5 { background: url("../images/access_05.webp") no-repeat top center; height:    515px; } 

#logo { background: url("../images/logo.webp") no-repeat top center; height:    96px; margin-left: -550px;} 


#wrap {

	background-image: url("../images/wrap.webp");
	background-repeat: repeat-y;
	background-position: center top;
	background-position:50% 0%;
}

#wrap_green {

	background-image: url("../images/wrap_green.webp");
	background-repeat: repeat-y;
	background-position: center top;
	background-position:50% 0%;
}

#wrap_about {

	background-image: url("../images/wrap_about.webp");
	background-repeat: repeat-y;
	background-position: center top;
	background-position:50% 0%;
}

#wrap_doctor {

	background-image: url("../images/wrap_doctor.webp");
	background-repeat: repeat-y;
	background-position: center top;
	background-position:50% 0%;
}

#wrap_reason {

	background-image: url("../images/wrap_reason.webp");
	background-repeat: repeat-y;
	background-position: center top;
	background-position:50% 0%;
}

#wrap_yoyaku {

	background-image: url("../images/wrap_yoyaku.webp");
	background-repeat: repeat-y;
	background-position: center top;
	background-position:50% 0%;
}

#wrap_faq {

	background-image: url("../images/wrap_faq.webp");
	background-repeat: repeat-y;
	background-position: center top;
	background-position:50% 0%;
}

#wrap_access {

	background-image: url("../images/wrap_access.webp");
	background-repeat: repeat-y;
	background-position: center top;
	background-position:50% 0%;
}


#container {

	text-align:left;
	width:1000px;
	margin:0 auto;
	
	
}

#text {
	width:540px;
	margin-left: 420px;
    margin-top: -495px;
    font-size: 20px;
    letter-spacing: 0.05em;
    line-height: 1.8;
	
}

#textwhite {

	text-align:left;
	width:850px;
	margin:0 auto;
	color: #fff;
	
}

#text2 {
	width:540px;
	margin-left: 420px;
    margin-top: -400px;
    font-size: 20px;
    letter-spacing: 0.05em;
    line-height: 1.8;
	
	
}

#text3 {
	width:560px;
	margin-left: 400px;
    margin-top: -437px;
    font-size: 20px;
    letter-spacing: 0.05em;
    line-height: 1.8;
	
	
	
}

#text4 {

	text-align:left;
	width:500px;
	margin-left:480px;
    margin-top: -330px;
    font-size: 35px;
    letter-spacing: 0.03em;
    line-height: 1.8;
	
	
}

#text5 {

	text-align:left;
	width:920px;
	margin:0 auto;
    font-size: 20px;
    letter-spacing: 0.03em;
    line-height: 1.8;
	
	
}

#text6 {
	width:800px;
	margin:0 auto;
    font-size: 20px;
    letter-spacing: 0.05em;
    line-height: 1.8;
	
	
}

#text7 {

	text-align:center;
	width:800px;
	margin:0 auto;
    font-size: 40px;
    letter-spacing: 0.03em;
    line-height: 1.8;
	
	
}

#text8 {

	text-align:left;
	width:850px;
	margin:0 auto;
    font-size: 40px;
	letter-spacing: 0.03em;
    line-height: 1.8;
	
	
	
}

#map {
    
    margin-left: 450px;
    margin-top: -460px;
}



.container {

	text-align:left;
	width:1200px;
	margin:0 auto;
	
	
}

.white {
  color: #fff;
}

.text-center {
　text-align: center;
}

#footer {  
	background-color: #1f9b96;
}
--------------------------- */

ol,
ul{
	list-style-position: inside;
	padding-left:10px;
}
ol li,
ul li{
	text-align:left;
}

.side{position: fixed;
  position: fixed;
  right: 0;
  bottom: 0px;
  z-index: 2;
}
.side a img:hover{
  opacity:0.8;
}


/*----- side button -----*/

@-webkit-keyframes bounce
{
    15%
    {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
    }
    30%
    {
        -webkit-transform: translateX(-5px);
       transform: translateX(-5px);
    } 
    50%
    {
        -webkit-transform: translateX(3px);
        transform: translateX(3px);
    }
    65%
    {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px);
    }
    80%
    {
        -webkit-transform: translateX(2px);
        transform: translateX(2px);
    }
    100%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes swing
{
    15%
    {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
    }
    30%
    {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
    }
    50%
    {
        -webkit-transform: translateX(3px);
        transform: translateX(3px);
    }
    65%
    {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px);
    }
    80%
    {
        -webkit-transform: translateX(2px);
        transform: translateX(2px);
    }
    100%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.swing:hover {
-webkit-animation: bounce 1s ease;
animation: bounce 1s ease;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}