@charset "utf-8";

/*
Theme Name: HAYASHI-CLINIC
Description:HAYASHI-CLINIC2026
Theme URI: 
Author: 2026-poool-k
Author URI: 
Version: 0.001
License: 
License URI: 
*/

* {
padding: 0; /* Reset `padding` and `margin` of all elements */
margin: 0;
box-sizing: border-box;
}

/*body*/
body {
background-color: #EDF1FC;
animation: fadeIn 2s ease 0s 1 normal;
-webkit-animation: fadeIn 2s ease 0s 1 normal;
color:#4d4d4d;
overflow-x: hidden;letter-spacing: 0.1em;

font-family: "Noto Sans JP", sans-serif;
font-optical-sizing: auto;
font-weight: 300;
font-style: normal;
}

/*bodyフェードイン*/
@keyframes fadeIn {0% {opacity: 0}100% {opacity: 1}}
@-webkit-keyframes fadeIn {0% {opacity: 0}100% {opacity: 1}}

/* 全体枠 */
#all{min-width:;}

/*横幅1000px*/
.all-width{position: relative;display: block !important;width:1000px;min-width: 1000px;margin: 0 auto;}
/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 1000px){
#all{overflow: hidden !important;min-width:100% !important;width:100% !important;}
}
@media screen and (max-width: 1000px){
/* 全体枠 */
.all-width{display: block;margin: 0 auto;width:92%;min-width:92%;}
}
@media screen and (max-width: 900px){

}
@media screen and (max-width: 768px){
.all-width{}
}
/*--------------------------------------------------------------------------------*/

/*ページ上部へ*/
#page-top {
position: fixed !important;
bottom: 25px;right: 25px;
width: ;
height: auto;z-index: 50;
line-height: 0;
z-index: 10;
}
#page-top a {display: block;}
#page-top img {width: 38px;}


#bt-sp-menu{display:none;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 480px){
#page-top {width: 38px;}
}

/*--------------------------------------------------------------------------------*/

/* てん明朝 */
.ten-min {
font-family: ten-mincho, serif;
font-weight: 400;
font-style: normal;
}


/* ちくご明フォント */
@font-face {
font-family: "Chikugo";
src: url("fonts/ChikugoMin.woff") format("woff"),
url("fonts/ChikugoMin.ttf") format("truetype");
}
.Chikugo{
font-family: "Chikugo", sans-serif;
}

/* gill-sansフォント（英文） */
@font-face {
font-family: "Gill";
src: url("fonts/gill-sans-mt-regular.ttf") format("truetype")
}
.Gill{
font-family: "Gill", sans-serif;
}

.noto-300 {
font-family: "Noto Sans JP", sans-serif;
font-optical-sizing: auto;
font-weight: 300;
font-style: normal;
}

/* boldフォント */
@font-face {
font-family: "Noto-bl";
src: url("fonts/Noto-Bl.woff") format("woff"),
url("fonts/Noto-Bl.ttf") format("truetype");
}
.Noto-bl {
font-family: "Noto-bl", sans-serif;
}

/* mediumフォント */
@font-face {
font-family: "Noto-m";
src: url("fonts/Noto-ml.woff") format("woff"),
url("fonts/Noto-m.ttf") format("truetype");
}
.Noto-m {
font-family: "Noto-m", sans-serif;
}

/* 明朝体フォント */
.font_mincho {
font-family:"游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
/* 太文字 */
.bold-font{font-weight: bold;}

/* 左寄せ */
.text-l{text-align: left;}
/* 中央寄せ */
.text-c{text-align: center;}
/* 右寄せ */
.text-r{text-align: right !important;}

/* テキスト色 */
.green{color: #006934 !important;}
.l-green{color: #60A895 !important;}
.brawn{color: #DCAE6B !important;}

/* リンク */
a{text-decoration:none;color:#4d4d4d;}
a:hover{text-decoration:underline;}

/* 文字間つめ */
.letter-sp{ letter-spacing: -0.1em;}
/*取り消し線を引く*/
.deleted {text-decoration: line-through;}

/*文字にアンチエイリアスを効かせる*/
.font_smoothing {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

/*hr*/
hr{display:block;height:1px;border:0;border-top:1px solid #333;margin:2em 0;padding:0;overflow: hidden;background: none;}
/*点線*/
.tenline{
border-top:1px dotted #aaaaaa;
height:1px;
margin: 30px 0;
}

/* image */
img {
vertical-align: bottom;
max-width: 100%;
height: auto;
}
/*リンク画像透明度*/
a img:hover {
filter: alpha(opacity=75);
-moz-opacity:0.75;
opacity:0.75;
}

/*iframe*/
iframe {max-width: 100%;}
/*非表示*/
.none {display: none !important;}
/*スマホ・PC振り分け*/
.sp {display: none !important;}

/* クリア */
.both{clear: both;}
/* スペース */
.sp-ss{margin-bottom:10px;}
.sp-s{padding-bottom:20px;}
.sp-m{margin-bottom:30px;}
.sp-l{margin-bottom:40px;}
.sp-ll{margin-bottom:50px;}

.sp-m-top{padding-top:30px !important;}
.sp-l-top{padding-top:40px !important;}
.sp-ll-top{padding-top:80px !important;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 768px){
.sp-m-top{padding-top:20px !important;}
.sp-l-top{padding-top:30px !important;}
.sp-ll-top{padding-top:50px !important;}
}
/*--------------------------------------------------------------------------------*/

/*▼▼▼トップの設定▼▼▼*/

/*全体*/
#container{}
.content{}

/*リンクボタン*/
.btn{background-color:#4D4D4D;display:inline-block;border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;margin-top:45px;min-width:200px;text-align:center;}
.btn a{display:block;font-size:90%;color:#fff;padding:10px;}
.btn a:hover{text-decoration:none;}
.btn:hover{filter: alpha(opacity=70);-moz-opacity:0.7;opacity:0.7}

/*ヘッダ帯*/
.header-box{width:100%;position:relative;z-index:2;}
.h-copy{height:auto;width:100%;text-align:center;font-size:75%;padding:32px 0 0 0;}
.h-logo{display: inline-block;vertical-align:middle;line-height:1;padding:0 30px 0 30px;float:left;margin-top:-10px;}
/*グロナビ*/
.g-navi{display: inline-block;vertical-align:middle;line-height:1;font-size:12px;float:right;}
.g-navi ul{display:inline-block;vertical-align:middle;line-height:1;padding:55px 10px 0 0;}
.g-navi ul li{display:inline-block;padding:0 25px;}
.g-navi ul li a{color:;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width:1200px){
.g-navi ul{display:inline-block;vertical-align:middle;line-height:1;padding:55px 20px 0 0;}
.g-navi ul li{display:inline-block;padding:0 12px;}
}

@media screen and (max-width:920px){
.g-navi{display:none;}
}

@media screen and (max-width:600px){
.h-copy{display:none;}
.h-logo{display: inline-block;vertical-align:middle;line-height:1;padding:34px 0 0 30px;float:left;margin-top:0;}
}

@media screen and (max-width:480px){
.h-logo{display: inline-block;vertical-align:middle;line-height:1;padding:20px 0 0 20px;float:left;margin-top:0;}

.h-logo img{width:100px;height:auto;}
}

/*--------------------------------------------------------------------------------*/


/*メインイメージ*/
.toppage .main-img{display:;position:relative;width: 100%;text-align: center;height: 100vh;}
.toppage .main-img .ha-img{left:0;margin:auto;position:absolute;right:0;top:40%;transform:translateY(-50%);}
.toppage .main-img .scroll-list{left:0;position:absolute;right:0;top:40%;transform:translateY(-50%);}
/* liタグ */
.toppage .main-img .scroll-list li {
animation: marquee-right 80s linear infinite;
}
.toppage .main-img .main-copy{left:0;margin:auto;position:absolute;right:0;top:65%;transform:translateY(-50%);font-size:150%;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 768px){
.toppage .main-img .ha-img img{width:200px;}
.toppage .main-img .main-copy{font-size:120%;padding:0 15px;}
}
@media screen and (max-width: 600px){
.toppage .main-img .main-copy{font-size:3.5vw;padding:0 10px;}
}

@media screen and (max-width: 480px){
.toppage .main-img .ha-img img{width:130px;}
}

/*--------------------------------------------------------------------------------*/

/*Mission*/
#mission{position:relative;padding:60px 0 100px 0;}
#mission h2{background:transparent url(images/mark.png) no-repeat left top 20px;font-size:540%;background-size:60px;margin:0 !important;
letter-spacing: 0.2em;
font-optical-sizing: auto;
font-weight: 500 !important;
font-style: normal;
padding:0 0 20px 80px !important;line-height:1 !important;vertical-align:bottom;
}
#mission p{
font-size:110%;margin:0 0 30px 0 !important;
letter-spacing: 0.2em;
font-optical-sizing: auto;
font-weight: 500 !important;
font-style: normal;
line-height:1 !important;vertical-align:bottom;
}

#mission h3{font-weight: normal;font-size: 110% !important;line-height: 1.6;margin-bottom: 70px;letter-spacing: 0.15em;}

#mission .btn{margin: 55px 10px 0 0;}
#mission .read{font-size: 85%; line-height: 2.0;}

.mission-area .l-box{display: inline-block;vertical-align: top;width: 52%;float: left;}
.mission-area .r-box{display: inline-block;vertical-align: top;width: 46%;float:right;}


.kyousei-area{margin-top: 80px !important;}
.kyousei-area h3{margin-bottom: 20px !important;}
.kyousei-area .l-box{display: inline-block;vertical-align: top;width: 68%;float: left;}
.kyousei-area .r-box{display: inline-block;vertical-align: top;width:30%;text-align: right;float:right;}


/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 1000px){
.mission-area .l-box{width: 100%;float: none;text-align: center;margin-bottom: 30px;}
.mission-area .l-box img{width:450px;}
.mission-area .r-box{width: 100%;float:none;}
.kyousei-area .r-box img{width:160px;}
}
@media screen and (max-width: 768px){
#mission h2{background:transparent url(images/mark.png) no-repeat left top 5px;font-size:400%;background-size:60px;}
#mission .read{margin-bottom: 40px;}
#mission .btn{margin:0;min-width: 150px;}
}
@media screen and (max-width: 600px){
#mission{position:relative;padding:60px 0 60px 0;}
#mission h2{background:transparent url(images/mark.png) no-repeat left top 5px;font-size:320%;background-size:45px;
padding:0 0 20px 60px !important;}
#mission h3{margin-bottom: 40px !important;}
#mission .kyousei-area h3{margin-bottom: 20px !important;}
#mission .read{font-size: 80%; line-height: 1.6;}
.mission-area .l-box img{width:380px;}
.kyousei-area .l-box{display: inline-block;vertical-align: top;width: 100%;float: none;}
.kyousei-area .r-box{display: inline-block;vertical-align: top;width:100%;text-align: ;float:none;text-align:center;padding-top:30px;}
}

@media screen and (max-width: 480px){
#mission h2{background:transparent url(images/mark.png) no-repeat left top 8px;font-size:280%;background-size:30px;
padding:0 0 20px 34px !important;
.kyousei-area{margin-top: -50px !important;}
}
#mission p{font-size:80%;}
#mission h3{font-size: 120% !important;}
#mission .btn{margin:0 0.3%;min-width: 46.5%;}
.mission-area .l-box img{width:300px;}
.kyousei-area .r-box img{width:110px;}
}

@media screen and (max-width: 380px){
#mission .btn{min-width: 100%;margin:0 0 8px 0;}
}

/*--------------------------------------------------------------------------------*/


/*slider*/
#slider{position:relative;margin:60px 0;}
/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 600px){
#slider{position:relative;margin:0;}
}
/*--------------------------------------------------------------------------------*/


/*Service*/
#service{position:relative;padding:100px 0;text-align:right;}
#service .w-bg{background-color:#fff;width:84%;display:inline-block;text-align:left;padding:50px;}
#service .w-bg .inner{width:1000px;display:inline-block;}
#service .img-box{float:left;width:50%;}
#service .txt-box{float:left;width:50%;padding-right:2em;}
#service h2{font-weight:200;font-size:300%;}
#service h2 p{font-weight:400;font-size:35%;margin-bottom:10px;}
#service h3{margin:25px 0 35px 0;font-weight:600;}
#service .read{line-height:1.8;font-size:85%;}
#service .btm-box{display:block;margin-top:70px;}
#service .btm-box .box{clear:both;width:33.33%;margin:0;display: inline-block;vertical-align: top;font-size: 80%;line-height:1.8;font-weight:500;letter-spacing:0.02;display: flow-root;}
#service .btm-box .box h4{font-weight:200;font-size:120%;letter-spacing:0.01;line-height:1.3;margin-bottom:8px;}
#service .btm-box .box p{overflow: hidden;}



/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 1280px){
#service .w-bg{background-color:#fff;width:100%;}
#service .w-bg .inner{width:100%;display:inline-block;}
}
@media screen and (max-width: 1000px){
#service .w-bg{padding:50px 30px 50px 20px;}
#service .btm-box .box{clear:both;padding:0 10px;}
}

@media screen and (max-width: 900px){
#service .btm-box .box img{width:60%;display:block;margin:0 auto;}
#service .btm-box .alignleft{float:none !important;}
#service .text-r{text-align:center !important;}
}

@media screen and (max-width: 700px){
#service{position:relative;padding:60px 0;text-align:right;}
#service .w-bg{padding:60px 20px;}
#service .img-box{float:none;width:100%;text-align:center;margin-bottom:30px;}
#service .txt-box{float:none;width:100%;padding-right:0;}
}

@media screen and (max-width: 480px){
#service h2{font-size:250%;}
#service h3{margin:15px 0 35px 0;font-size:80%;}
#service .btm-box .box img{width:103px;display:inline-block;margin:0 2em 0 0;}
#service .btm-box .alignleft{float:left !important;}
#service .btm-box .box{clear:both;width:100%;margin:0;display: inline-block;vertical-align: top;font-size: 80%;line-height:1.8;margin-bottom:30px;}
#service .btm-box .box h4{font-weight:200;font-size:150%;}
#service .btn{margin-top:0 !important;}
}

/*--------------------------------------------------------------------------------*/

/*Data*/
#data{position:relative;padding:100px 0 0 0;}
#data .w-bg{background-color:#fff;width:84%;display:inline-block;padding:50px;text-align:right;}
#data .w-bg .inner{width:1000px;text-align:left;display:inline-block;}
#data .img-box{float:right;width:50%;}
#data .txt-box{float:left;width:50%;padding-right:2em;}
#data h2{font-weight:200;font-size:300%;}
#data h2 p{font-weight:400;font-size:35%;margin-bottom:10px;}
#data h3{margin:25px 0 35px 0;font-weight:600;}
#data .read{line-height:1.8;font-size:85%;}
#data .btm-box{display:block;margin-top:70px;}
#data .btm-box .box{clear:both;width:33.33%;margin:0;display: inline-block;vertical-align: top;font-size: 80%;line-height:1.8;font-weight:500;letter-spacing:0.02;}
#data .btm-box .box h4{font-weight:200;font-size:120%;line-height:1.3;margin-bottom:8px;}
#data .btm-box .box p{overflow: hidden;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 1280px){
#data .w-bg{background-color:#fff;width:100%;display:inline-block;padding:50px;text-align:right;}
#data .w-bg .inner{width:100%;text-align:left;display:inline-block;}
}
@media screen and (max-width: 1000px){
#data .w-bg{padding:50px 20px 50px 30px;}
#data .btm-box .box{clear:both;padding:0 10px;}
}
@media screen and (max-width: 900px){
#data .btm-box .box img{width:60%;display:block;margin:0 auto;}
#data .btm-box .alignleft{float:none !important;}
#data .text-l{text-align:center;}
}
@media screen and (max-width: 700px){
#data{position:relative;padding:60px 0 0 0;}
#data .w-bg{padding:60px 20px;}
#data .img-box{float:none;width:100%;text-align:center;margin-bottom:30px;}
#data .txt-box{float:none;width:100%;padding-right:0;}
}

@media screen and (max-width: 480px){
#data h2{font-size:250%;}
#data h3{margin:15px 0 35px 0;font-size:80%;}
#data .btm-box .box img{width:103px;display:inline-block;margin:0 2em 0 0;}
#data .btm-box .alignleft{float:left !important;}
#data .btm-box .box{clear:both;width:100%;margin:0;display: inline-block;vertical-align: top;font-size: 80%;line-height:1.8;margin-bottom:30px;}
#data .btm-box .box h4{font-weight:200;font-size:150%;}
#data .btn{margin-top:0 !important;}
}

/*--------------------------------------------------------------------------------*/

/*STEP*/
#step{position:relative;padding:100px 0;}
#step .all-width{background:url(images/ill-03.png) no-repeat right 40px top 20px;
background-size:263px auto;padding:50px 0;}
#step h2{background:transparent url(images/mark.png) no-repeat left top 20px;font-size:540%;background-size:60px;margin:0 !important;
letter-spacing: 0.2em; font-family: "Noto Sans JP", sans-serif;
font-optical-sizing: auto;
font-weight: 500 !important;
font-style: normal;
padding:0 0 40px 80px !important;line-height:1 !important;vertical-align:bottom;
}
#step h3{font-weight: normal;font-size: 135%;line-height: 1.6;margin-bottom: 60px;}
#step .box{display: inline-block;vertical-align: middle;background-color:#D2D9EC;height: 100px;width: 22%;
border-radius: 28px;-webkit-border-radius: 28px;-moz-border-radius: 28px;
text-align: center;
padding: 26px 10px 0 10px;line-height: 1.6;font-weight: 600;font-size:90%;
}
#step .arrows{height: 100px;display: inline-block;vertical-align: middle;background-color:transparent;padding: ;width: 30px;padding-top: 38px;}

#step .read{margin-top: 52px;line-height: 1.8;}
#step .step-more{display: block;text-align:right;font-size:80%;margin-top:50px;clear:both;padding-top: 10px;}
/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 900px){
#step .box{display: inline-block;vertical-align: middle;background-color:#D2D9EC;height: auto;width: 22%;
padding:20px 5px 20px 5px;line-height: 1.6;font-size:75%;
}
#step .arrows{height: 100px;display: inline-block;vertical-align: middle;background-color:transparent;padding: ;width: 20px;padding-top: 38px;}
}
@media screen and (max-width: 900px){
#step h2{background:transparent url(images/mark.png) no-repeat left top 5px;font-size:400%;background-size:60px;}
#step h3{font-weight: normal;font-size: 115%;line-height: 1.6;}
}
@media screen and (max-width: 768px){
#step{position:relative;padding:30px 0 30px 0;}
#step h2{background:transparent url(images/mark.png) no-repeat left top 5px;font-size:320%;background-size:45px;
padding:0 0 20px 60px !important;}
#step .read{font-size: 80%; line-height: 1.6;}
#step .all-width{background:url(images/ill-03.png) no-repeat right 20px top 20px;
background-size:190px auto;padding:50px 0;}
#step .box{width: 45%;font-size: 95% !important;}
#step .arrows{height: 100px;display: inline-block;vertical-align: middle;background-color:transparent;width: 20px;padding-top: 38px;}
}
@media screen and (max-width: 600px){
#step .step-more{margin-top:20px;padding-top:0;}
}
@media screen and (max-width: 480px){
#step .all-width{background:url(images/ill-03.png) no-repeat right 0 top 20px;
background-size:160px auto;padding:50px 0;}
#step h3{font-size: 90%;margin-bottom: 40px;}
#step .box{width: 100%;font-size: 95% !important;padding: 16px !important;}
#step .box br{display: none;}
#step .arrows{height: auto;display: inline-block;vertical-align: middle;background-color:transparent;width: 100%;padding:6px !important;}
#step .arrows img{ transform:rotate(90deg);}
}

/*--------------------------------------------------------------------------------*/

/*News*/
#news{position:relative;padding:0 0 80px 0;min-height:600px;}
#news .all-width{position:relative;border-top:1px solid #fff;padding:100px 0 0 0 !important;}
#news h2{position:relative; margin:0 0 60px 0 !important;font-weight:normal;font-size:300%;
font-family: "Noto Sans JP", sans-serif;
font-optical-sizing: auto;
font-weight: 200 !important;
font-style: normal;text-align: right;}
#news h2 p{font-size:23%;font-weight: 400 !important;margin:15px 0 0 0 !important}
#news .l-box{font-size:75%;line-height:1.3;}
#news .l-box .box{position:relative;width: 700px !important;margin-bottom:50px;}
#news .l-box .box .arrow{position:absolute;bottom:0;right:0;}
#news .l-box .box .date{display: inline-block;vertical-align: top;margin-right:40px;}
#news .l-box .box .category{display: inline-block;vertical-align: top;}
#news .l-box .box .category p{display: inline-block;vertical-align: top;color: #90A6FE;}
#news .l-box .box .category .post-categories{display: inline-block;vertical-align: top;}
#news .l-box .box .category a{color:#8aa6ff;}
#news .l-box .box .title{font-size:115%;font-weight:400;margin-top:15px;}
#news .more{position:absolute;left:0;bottom:0;width:100%;font-size:80%;}
#news .more .inner{width:1000px;min-width: 1000px;margin: 0 auto;margin-bottom: 120px;text-align: right;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 1000px){
#news h2{text-align: left;}
#news .l-box{float: none;}
#news .l-box .box{width: 100% !important;}
#news .more .inner{width:92%;min-width:92%;}
}
@media screen and (max-width: 600px){
#news{padding:0 0 60px 0;min-height:auto;}
#news h2{padding:0; margin-top:-40px !important;}
#news .l-box .box{margin:30px 0;}
#news .l-box .box .title{margin-top:10px;}
#news .more .inner{margin-bottom: 70px;}

}
/*--------------------------------------------------------------------------------*/


/*FAQ*/
#qanda{position:relative;padding:60px 0 70px 0;
background:#F9FAFF;}
#qanda .all-width{background:url(images/ill-04.png) no-repeat left top 0;
background-size:254px auto;text-align:center;}
#qanda h2{padding:60px 0 0 0 !important;margin:0 0 60px 0 !important;font-weight:normal;font-size:300%;
font-family: "Noto Sans JP", sans-serif;
font-optical-sizing: auto;
font-weight: 200 !important;
font-style: normal;}
#qanda h2 p{font-size:23%;font-weight: 400 !important;margin:15px 0 0 0 !important}

#qanda .faq-more{text-align:center;font-size:80%;margin-top:50px;}
/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 768px){
}
@media screen and (max-width: 600px){
#qanda{position:relative;padding:0 0 70px 0;
background:#F9FAFF;}
#qanda .all-width{background:url(images/ill-04.png) no-repeat left top 50px;
background-size:180px auto;text-align:center;}
}
/*--------------------------------------------------------------------------------*/


/*アドレス/営業時間*/
#add-time{position:relative;padding:100px 0;background-color:#1B1B1B;color:#fff;}
#add-time .l-box{display: inline-block;vertical-align: top;margin-right:3%;width:50%;font-size:85%;line-height:1.6;}
#add-time .l-box .add{margin:45px 0 12px 0;}
#add-time .l-box .tel-no{font-size:170%;}
#add-time .r-box{display: inline-block;vertical-align: top;width:45%;text-align:right;}
#add-time table ,#add-time td,#add-time th {border-collapse: collapse;border: 0 ;}

#add-time td, th {padding: 15px;font-size:85%;border: 1px solid #fff;border-top: 0;text-align: center;}
#add-time .time-box{font-size:70%;}
#add-time .kyushin{font-size:80%;margin-top:20px;text-align:right;}
.l-none{border-left: 0px !important;}
.b-none{border-bottom: 0px !important;}
/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 950px){
  #add-time .l-box{width:35%;}
#add-time .r-box{width:60%;margin-left:2%;}
}
@media screen and (max-width: 768px){
#add-time .l-box{margin-right:0;width:100%;}
#add-time .r-box{width:100%;margin-top:50px;}
#add-time table{width:auto;}
#add-time .kyushin{font-size:80%;margin-top:10px;text-align:left;}
}
@media screen and (max-width: 600px){
#add-time{position:relative;padding:60px 0;}
}
@media screen and (max-width: 480px){
#add-time td, th {padding: 8px 12px;font-size:80%;}
}

/*--------------------------------------------------------------------------------*/


/*バナー/お問い合わせ/予約*/
#bn-contact-reserve{position:relative;padding:0;}
#bn-contact-reserve .box{position:relative;display: inline-block;vertical-align: top;width: 33.33%;height:380px;}
#bn-contact-reserve .box .en{font-size:300%;}
#bn-contact-reserve .box .jp{font-size:90%;margin-top:26px;}
#bn-contact-reserve .l-box{text-align:center;background:#F8F9F9;padding:70px 10px 10px 10px;}
#bn-contact-reserve .box .arrow{position:absolute;bottom:30px;right:35px;}
#bn-contact-reserve .l-box img{margin-bottom:15px;}
#bn-contact-reserve .c-box{background:#E8EBEC;color:#364246;padding:55px;}
#bn-contact-reserve .r-box{background:#364246;color:#fff;padding:55px;}
#bn-contact-reserve .r-box a{color:#fff;}
/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 900px){ 
#bn-contact-reserve .box{position:relative;display: inline-block;vertical-align: top;width: 33.33%;height:auto;}
#bn-contact-reserve .box .en{font-size:250%;}
#bn-contact-reserve .l-box{padding:40px 10px 30px 10px;}
#bn-contact-reserve .c-box{padding:35px;}
#bn-contact-reserve .r-box{padding:35px;}
}
@media screen and (max-width: 680px){
#bn-contact-reserve .box .en{font-size:180%;}
#bn-contact-reserve .box .jp{font-size:80%;margin-top:20px;}
}
@media screen and (max-width: 600px){
#bn-contact-reserve .box{position:relative;display: inline-block;vertical-align: top;width: 100%;height:auto;}
#bn-contact-reserve .box .arrow{position:absolute;bottom:50px;right:35px;}
}

/*--------------------------------------------------------------------------------*/


/*フッタ*/
footer{position:relative;padding:100px 0 50px 0;background-color:#fff;font-weight:400;}
footer .f-menu{}
footer .f-menu ul{display: inline-block;vertical-align: top;font-size:60%;width:14%;min-height:150px;margin-right:1%;}
footer .f-menu .l-side{border-right:1px solid #D1D1D1;width:11.5%;margin-right:5%;}
footer .f-menu .s-side{width:18%;}
footer .f-menu ul li{line-height:2.5;}
footer .f-menu .eng{font-size:160%;letter-spacing:0.2em;}

footer .ff-logo{text-align:right;padding:100px 30px 0 0;}
footer .copyright{text-align:center;font-size:70%;padding:50px 0 0 0;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 900px){
footer .f-menu .l-side{border-right:1px solid #D1D1D1;width:9%;margin-right:2%;}
footer .f-menu .s-side{width:20%;}
footer .f-menu ul{display: inline-block;vertical-align: top;font-size:60%;width:15%;min-height:150px;margin-right:1%;}
}
@media screen and (max-width: 768px){
footer .f-menu ul{display: inline-block;vertical-align: top;font-size:60%;width:100% !important ;min-height:0;margin-right:0;}
footer .f-menu .l-side{border-bottom:1px solid #D1D1D1;border-right:0px solid #D1D1D1;width:100%;margin-right:0;margin-bottom:20px;}
footer .f-menu .eng,footer .f-menu .s-side .eng{display:block !important;}
footer .f-menu li{display: inline-block !important;vertical-align: top;margin-right:20px;}
}
@media screen and (max-width: 600px){
footer{position:relative;padding:60px 0 20px 0;}
footer .ff-logo{text-align:right;padding:30px 30px 0 0;}
}
/*--------------------------------------------------------------------------------*/

.accordion-container {margin: 0 auto;
position: relative;
width: 80%;
text-align: left;
cursor: pointer;
line-height: 1.4;
}

.accordion-box{border: 1px solid #D1D1D1;margin-bottom:12px;background: #FFFFFF;}
.accordion-container .accordion-title {
display: block;
position: relative;
margin: 0;
padding:18px 60px 18px 20px;
font-weight: normal;
 font-size:12px;
}

.accordion-title{position: relative;}

.accordion-title:after {
content: "";
position: absolute;
right: 20px;
top: 38%;
transition: all 0.2s ease-in-out;
display: block;
width: 8px;
height: 8px;
border-top: solid 1px #000;
border-right: solid 1px #000;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}

.accordion-title.open:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 45%;
}

.accordion-content {
display: none;
padding:18px 60px 18px 20px;
background:#f8f8f8;
 font-size:12px;border-top:1px solid #D1D1D1;
}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width:600px){
.accordion-container {width: 100%;}
}
/*--------------------------------------------------------------------------------*/

.alignleft{
float: left;
margin: 3px 20px 3px 0;
}
.aligncenter{
display: block;
margin: 0 auto 10px auto;
}
.alignright{
float: right;
margin: 3px 0 3px 20px;
}
.alignnone{display: block;}


.invisible {
transition: opacity 0.5s ease;
opacity: 0.0;
}

.visible {
transition: opacity 0.5s ease;
opacity: 1.0;
}

.block {
/* 1秒遅れてアニメする */
animation-delay: 1s;
}
.fade {
-webkit-animation-duration: 5s;
animation-duration: 5s !important;
}

/*右部FIXリンク */
#right-fix{width: ;height;position:fixed;top: 160px;right: 0;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 480px){
#right-fix{width: ;height;position:fixed;top: 90px;right: 0;}
}
/*--------------------------------------------------------------------------------*/

/* ulタグ */
.scroll-list {
  display: flex;
  list-style: none;
  padding-inline: 0;
  margin-inline: 0;
  gap: 0;
  overflow: hidden;
}

/* liタグ */
.scroll-list li {
  color: #fff;
  font-size: 4em;
  font-weight: normal;
  white-space: nowrap;
  padding: 0 0.5em 0 0;
  margin: 0;
  animation: marquee-left 80s linear infinite;
  letter-spacing: 0.2em;
}

/* PCの時のフォントサイズ */
@media (min-width: 600px) {
.scroll-list li {font-size: 7.5vw;}
}

/* アニメーション向き */
@keyframes marquee-left {
  100% {
    transform: translateX(-100%);
  }
}

@keyframes marquee-right {
   0% {
    transform: translateX(-100%);
  }
 100% {
    transform: translateX(0%);
  }
}

#scroll-area{position:absolute;left: 0;bottom: 90px;width: 100%;}
#scroll-area .inner{position:relative;height: 100px;padding: 50px 0;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 600px){
#scroll-area{position:absolute;left: 0;bottom: 0px;width: 100%;}
}
/*--------------------------------------------------------------------------------*/

/* スクロールダウンの位置 */
.scroll {
  position: absolute;
  right: 50%;
  top:0;
  writing-mode: vertical-rl;
  font-size: 70%;
}
.scroll span{padding-left: 50px;}

/* 線のアニメーション部分 */
.scroll::before {
  animation: scroll 2s infinite;
  background-color: #f9dae6;
  bottom: -60px;
  content: "";
  height: 100px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  width: 1px;
}
/* 線のアニメーション */
@keyframes scroll {
  0% {
    transform: scale(1, 0);
    transform-origin: 0 0;
  }
  50% {
    transform: scale(1, 1);
    transform-origin: 0 0;
  }
  51% {
    transform: scale(1, 1);
    transform-origin: 0 100%;
  }
  100% {
    transform: scale(1, 0);
    transform-origin: 0 100%;
  }
}


section.typeA{position: relative;}
section.typeA .tabLabel {	/* タブ */
color: #A9A9AA;position: absolute;right: 0;top: 0;font-size:90%;
}

section.typeA .list-01{position: absolute;right: 0;top: 0;}
section.typeA .list-02{position: absolute;right: 0;top: 35px;}
section.typeA .list-03{position: absolute;right: 0;top: 70px;}
section.typeA .list-04{position: absolute;right: 0;top: 105px;}
section.typeA .list-05{position: absolute;right: 0;top: 140px;}
section.typeA .list-06{position: absolute;right: 0;top: 175px;}
section.typeA .tabLabel:nth-last-of-type(1){ margin-right: 0; }
section.typeA input {		/* ラジオボタン非表示 */
display: none;
}
section.typeA .content {	/* 本文 */
width:70%;
height: 0;
overflow: hidden;
opacity: 0;
}
/*アクティブ設定*/
section.typeA input:checked + .tabLabel {
color: #000;
}
section.typeA input:checked + .tabLabel + .content {
padding: 5px 0 5px 0;
height: auto;
overflow: hidden;	
transition: .5s opacity;
opacity: 1;
}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 600px){
section.typeA{
	display: flex;
	flex-wrap: wrap;
	margin-top:-20px;
}

section.typeA .tabLabel {	/* タブ */
	margin-right: 3px;
	padding: 0;
	flex: 1;
	order: -1;
font-size: 12px;
	line-height: 1.8;
	transition: .5s ;
	cursor: pointer;
  position: static;flex-basis: auto;
}
section.typeA .tabLabel:nth-last-of-type(1){ margin-right: 0; }
section.typeA .content {	/* 本文 */
width:100%;margin-top:5px;
}
}
/*--------------------------------------------------------------------------------*/