@charset 'utf-8';
/*	Cascading Style Sheets: style.css 5.2	*/
.PC{display: block;}
.SP{display: none;}


#g-nav li a.nav_home{color: #DB755A;}


/* グローバルナビの今いるページに下線 */
.NAVI li a.H_HOME::after{transform: scale(1, 1);}

/* #HEADER ul.NAVI li a.H_HOME	{ border-bottom:2px solid #595757; }
.sidr ul li a.sidr-class-H_HOME { background-color:#b9dbd8; } */


/* メインビジュアル */
.bg_top{width: 100%;background: #2F2F2F;position:relative;height: 630px;}
#slider{position: absolute;right: 0;top:0;width: 900px;height: 610px;}
.caption{color: #fff;font-size: 18px;position: absolute;right: 5px;bottom: 25px;}

.main_text{width: 960px;position: absolute;text-align: left;color: #fff;margin: 0 auto;right: 0;left: 0;bottom: 100px;overflow: visible;}
.main_text h1{font-size: 18px;letter-spacing: 0.1em;line-height: 1.5em;}
.main_text strong{font-size: 64px;font-weight: bold;letter-spacing: 7px;}
.top_point{position: absolute;top: 2vw;right: 6vw;}
.top_point img{width: 100%;}

/* コンセプト */
.bg_concept{width: 100%;background: #DB755A;height: auto;}
.bg_concept .kanbai { width:100%; text-align:center; font-size:30px; display:inline-block;
font-weight:bold; margin:50px 0 0 0; color:#fff; letter-spacing: 7px; }
.concept{width: 960px;margin:100px auto;display: flex;color: #fff;text-align: left;justify-content: space-between;}
.concept_left p{font-size: 69px;line-height: 69px;color: #2F2F2F;font-family: 'Oswald', sans-serif;margin: 0;width: 45%;}
.concept_left p span{font-size: 14px;}
.concept_left h2{font-size: 48px;letter-spacing: 5px;margin-top: 50px;}
.concept_right{font-size: 18px;width: 45%;line-height: 2em;}

/* 3つのB */
.bg_bbb{width: 100%;background: #2F2F2F;height: auto;}
.bbb_caption{font-size: 16px;color: #fff;margin-top: 5px;margin-left: 5px;}
h3{color: #fff;text-align: center;margin:50px auto;font-size: 42px;}
.bbb{width: 100%;display: flex;justify-content:center;margin-bottom: 50px;}
.bbb li{width: 33.3%;}
.bbb li div{color: #DB755A;text-align: left;font-size: 56px;}
.bbb li div span{color: #fff;}
.bbb img,p{width: 100%;}
.bbb p{text-align: justify;color: #fff;font-size: 14px;width: 95%;margin: 5px auto;}

/* 問い合わせフォーム */
.bg_contact{width: 100%;background: #fff;position:relative;height: auto;}
#contact h4{font-size: 69px;line-height: 69px;color: #DB755A;font-family: 'Oswald', sans-serif;margin: 0;}
#contact h4 span{font-size: 14px;color: #000;}
#contact{width: 960px;margin:100px auto;}
#contact .contact_text{line-height: 2em;margin-bottom: 50px;}

/* 新着情報 */
.bg_news{width: 100%;height: auto;}
.news {text-align: center;width: 960px;margin: 100px auto 100px;}
.news h5{font-size: 30px;line-height: 38px;color: #2F2F2F;font-family: 'Oswald', sans-serif;margin-bottom: 30px;}
.news small {font-size: 14px;}
.news dl{border-bottom: 1px dotted #2F2F2F;width: 600px;margin: 10px auto;display: inline-block;float: initial;}
.news dt{width: 150px;text-align: left;}
.news dd{width: 450px;text-align: left;}
.news a:hover{opacity: 0.5;}



.link_concept{margin: 70px auto 50px;
font-size: 14px;
text-align: center;
height: 40px;
background: #DB755A;
line-height: 40px;
width: 160px;}
.link_concept a{color: #fff;}
.link_concept a:hover{opacity: 0.5;}




#PAGE .PHOTO_WRAP h1{text-align: center;
margin: 0 auto;
width: 100%;
position: absolute;
top: 31%;
font-size: 27px;
letter-spacing: 0.1em;
line-height: 1.5em;
color: #000;

}
#PAGE .PHOTO_WRAP span{font-size: 12px;position: absolute;bottom: 5px;right: 12px;color: #fff;}







.CONTACT_top{width: 600px;
margin: 0px auto 100px;
justify-content: space-around;
display: flex;}

.CONTACT_top li{width: 45%;
justify-content: space-around;
text-align: center;
line-height: 50px;
background: #5AAFA5;
padding: 0px;
margin: 5px;
height: 50px;
font-size: 20px;}
.CONTACT_top li a{color: #fff;display: block;}
.CONTACT_top li a:hover{opacity: 0.5;}
.kanbai .SP { display:none; }



@media screen and (max-width: 740px){
.PC{display: none;}
.SP{display: block;}
#PAGE #top_pc{display: none;}
#PAGE #top_sp{display: block;margin-top: 20px;}

#PAGE h1{height: 20px:}
#PAGE .LINK {width:100%; height:auto; display: block; margin: 5px auto 80px auto;  position:relative; overflow:visible; flex-wrap:wrap; }
.LINK_IN { width:90%; overflow:visible;  margin:0 5%; }
.LINK_IN_TEXT  {bottom:auto; width:100%; height:auto; background:rgba(255,255,255,0.8);  position:absolute; z-index:50; right:5%; left:5%; padding:20px 2.5%; margin:50px 0 0 0; }
.LINK_IN_TEXT2  {bottom:auto; width:100%; height:auto; background:rgba(255,255,255,0.8);  position:absolute; z-index:50; right:5%; left:5%; padding:20px 2.5%;margin:50px 0 0 0; }
.LINK_IN_TEXT .text { font-size:13px; line-height:1.7em; }
.LINK_IN_TEXT2 .text { font-size:13px; line-height:1.7em; }
.LINK .photo{width: 100%;}
#PAGE .PHOTO_WRAP strong { position: absolute;top: 8%;left: 8%;font-size:12pt; text-shadow: 1px 1px 1px #444; }
#PAGE .IMAGE	{ width:100%; display:block; float:left; clear:none; padding:0; }
img.PHOTO { width:100%; float:left; clear:none; }
#PAGE .MAIN	{ width:100%; border-bottom:0px solid #000; padding: 10px 0;}
#PAGE .MAIN h1{font-size: 20px;height: 33px;}
#PAGE .MAIN .SHEET	{ width:100%; padding:0; overflow:visible; }
#PAGE .TOP	{ width:100%; display:block; }
#PAGE .TOP_SP	{ width:100%; display:inline; }
#PAGE img.SP { width:90%; float:left; clear:none; display:block; margin:15px 0 0 5%; }
#PAGE .MAIN ul li span { font-size:16px; }
#PAGE .MAIN ul { width:90%; display:flex; justify-content: space-between; margin:0 auto 0 auto; flex-wrap:wrap; }
#PAGE .MAIN ul li { width:100%;  height:40px; background:#fff;  color:#775f54; padding:10px 2.5%; margin:5px; font-size: 13px;line-height: 1.5;}
#PAGE .MAIN ul li strong { font-size:20px; background:url(../img/wave.png)no-repeat;background-size: 50%; background-position: center;line-height:3em; }
#PAGE .MAIN ul li span { margin-bottom:0; }
.text { font-size:16px; line-height:1.7em; }
.photo { width:100%; }.photo img { width:100%; }
#PAGE .IMAGE .PHOTO_WRAP { width:100%; float:left; clear:none; }
#PAGE .IMAGE .PHOTO_WRAP img { width:100%; float:left; clear:none; }
#PAGE .NEWS dl dt em	{ float:left; margin:0 20px 0 0px; padding:2px 5px 1px 5px; font-size:10px; background:#f90; border-radius:2px; color:#fff; text-align:center; vertical-align:middle; line-height:1.5em; }
.BLACK .CENTER h1 { width:100%; float:left; clear:none; font-size:15px; letter-spacing:0.2em; font-weight:200; }
.BLACK .CENTER h1 strong { width:100%; float:left; clear:none; font-size:18px; letter-spacing:0.1em; line-height:2em; }
.BLACK { width:100%; color:#fff; background:#fff100; }

img.MAIN_PC { display:none; }
img.MAIN_SP { width:100%; float:left; clear:none; display:block; }
small.SMALL_CAUTION { width:95%; float:left; clear:none; margin:0 0 0 2.5%; }


.SPBOX { width:100%; height:100px; float:left; clear:none; }



.news dl{width: 350px;}
.news dt{width: 100px;}
.news dd{width: 220px;}
#PAGE .PHOTO_WRAP h1{font-size: 12px;top:83%;}
#PAGE .PHOTO_WRAP span{font-size: 9px;bottom: -2px;right: 5px;}

#top_sp{width: 100%;text-align: center;}
#top_sp img.sp_copy{width: 60%;margin:10px auto;}
#top_sp img.sp_illust{width: 90%;margin:0 auto;}



.CONTACT_top{width: 100%;justify-content: center;}


.news{width: 100%;}
.nr {
font-size: 18px;
}.news dl {
width: 90%;font-size: 14px;
}.news dt {
width: 25%;margin-right: 5%;
}.news dd {
width: 70%;
}


/* 211225書いた */
.bg_top{height: 300px;}
#slider{width: 100%;position: initial;}
.caption{bottom: 5px;font-size: 14px;}
.main_text{width: 92%;position: initial;margin: 0;padding: 10px 0;}
.main_text h1{font-size: 14px;margin: 20px auto 10px;}
.main_text strong{font-size: 2.4em;}
.top_point{width: 30vw;top: 18vw;right: 4vw;}

.bg_concept{height: auto;}
.concept{display: block;width: 90%;margin: 50px auto;}
.concept p{font-size: 28px;line-height: 36px;}
.concept_left p span {font-size: 12px;}
.concept_right{width: 100%;margin-top: 50px;font-size: 14px;}
.concept_left h2{margin-top: 20px;font-size: 40px;}



.bbb_caption{font-size: 14px;}
h3{font-size: 24px;margin: 30px auto;}
.bbb{display: block;}
.bbb p{font-size: 12px;}
.bbb li{width: 92%;margin: 10px auto 25px;}
.bbb li div{font-size: 34px;}

#contact{width: 92%;margin: 50px auto;}
#contact h4{font-size: 40px;line-height: 40px;}

.news h5{font-size: 24px;}
.news h5 small{font-size: 12px;}

.kanbai .SP { display:block; }
}

@media screen and (max-width: 374px){
  .main_text strong{font-size: 1.8em;}}