@charset 'utf-8';
/*	Cascading Style Sheets: style.css 5.2	*/


#HEADER ul.NAVI li a.H_HOME	{ border-bottom:3px solid #595757; }

.sidr ul li a.sidr-class-H_HOME { background-color:#73a7bc; }

#PAGE .MAIN	{ width:100%; background:#1e567f;color:#fff; margin:0; padding: 10px;}
#PAGE .MAIN h1 { width:100%; font-size:30px; display:inline-block; text-align:center; margin:0 0 10px 0; line-height:1.7em; }
#PAGE .MAIN .sen{width: 1px;height: 60px;background: #fff;margin: auto 0;}
#PAGE .MAIN strong { width:100%; text-align:center; display:inline-block; font-size:18px; margin-bottom: :5px; letter-spacing:0.1em; }
#PAGE .MAIN span { width:100%; text-align:center; display:inline-block; font-size:15px; margin:0 0 30px 0; }
#PAGE .MAIN ul { width:960px; display:flex; justify-content: space-between; margin:0 auto 0 auto; }
#PAGE .MAIN ul li { width:30%;color:#fff; padding:20px;font-size: 18px;text-align: center;}
#PAGE .MAIN ul li strong { font-size:17px; background:url(../img/wave.png)no-repeat;background-size: 100%;}
#PAGE .MAIN ul li span { font-size:13px;  margin:0 0 10px 0; line-height:1.7em; }

.news{text-align: center;}
.news h2{color: #688080;margin: 20px auto;font-size: 15px;}
.news small {color: #4A4645;font-size: 12px;}
.news dl{border-bottom: 1px dotted #ccc;width: 600px;margin: 10px auto;display: inline-block;float: initial;}
.news dt{width: 150px;text-align: left;}
.news dd{width: 450px;text-align: left;}

#PAGE .MAIN .SHEET	{ padding:0; overflow:visible; }
#PAGE .MAIN ul li span { margin-bottom:10px; }
#PAGE .PHOTO_WRAP { width:100%; position:relative;}
#PAGE .PHOTO_WRAP img { width:100%; }
#PAGE .PHOTO_WRAP strong {font-size:40px;top: 38%;position: absolute;right: 8%;color:#fff;  letter-spacing:0.1em; line-height:1.5em;text-shadow: 5px 5px 10px #808080; }
#PAGE .PHOTO_WRAP strong img { width:auto; margin-top:-150px; }

#PAGE .toiawase{width: 600px;margin: 50px auto;}

#PAGE .toiawase ul {display: flex; justify-content: center;width: 100%; margin: 0 auto;}
#PAGE .toiawase a:hover {opacity: 0.8;}
#PAGE .toiawase a{margin: auto 8px;}
#PAGE .toiawase li.RE{background: #d5b21c;color: #fff;width: 270px;height: 70px;text-align: center;line-height: 70px;}
#PAGE .toiawase li.RE span{font-size: 20px; }
#PAGE .toiawase li.RE img{width: 40px;margin-right: 10px;}
.RE_img1{margin-top: 22px;}
.RE_img2{margin-top:12px;}


.concept{margin:50px 0 50px 0;}
.concept h2{font-size:28px; margin-bottom:30px;}
.concept h2 span{font-size:11px;}


#PAGE .PHOTO_WRAP h1{text-align: center;
margin: 0 auto;
width: 100%;
position: absolute;
top:40%;
font-size: 50px;
letter-spacing: 0.1em;
line-height: 1.5em;
font-weight: bold;
color: #fff;
text-shadow: 2px 2px 8px grey;
}
#PAGE .PHOTO_WRAP span{font-size: 18px;position: absolute;right: 0px;left: 0px;color: #fff;}
#PAGE .MAIN .sen {
width: 1px;
height: 60px;
background: #fff;
margin: auto 0;
}

.nr {
margin-bottom: 10px;
color: #1e567f;
font-size: 29px;
font-weight: bold;
overflow: visible;
}
.concept_logo{width:170px;}
.nr_news{font-size: 19px;font-weight: 100;}
.top_concepts {
text-align: center;
padding-top: 60px;
background-image: url(../img/kirakira.jpg);
background-size: contain;
padding-bottom: 70px;
position: relative;
width: 960px;
margin: 0 auto;
}
.concept_midashi{margin:0 auto;}
.fadein.scrollin {
opacity: 1;
transform: translate(0, 0);
}
.fadein {
opacity: 0.05;
transform: translate(0, 50px);
transition: all 800ms;
}

.top_concepts .concept_bun {
letter-spacing: 2px;
line-height: 30px;
margin-left: 1vw;
margin-top: 30px;
font-size: 14px;
}

.concept_img1{position: absolute;width: 210px;
top: 160px;
right: 60px;}
.concept_img1 img{width: 100%;}
.concept_img2{position: absolute;
width: 210px;
top: 160px;
left: 60px;}
.concept_img2 img{width: 100%;}

.concept_img3 img{width: 100%;}


#PAGE .kenchikuka{display: flex;justify-content: center;}
#PAGE .kenchikuka_text{width: 450px;}
#PAGE .kenchikuka_text_name{font-size: 23px;line-height: 35px;text-align: center;}
#PAGE .kenchikuka_text_name small{font-size: 11px;}
#PAGE .kenchikuka_text_award{margin-top: 30px;position: relative;}
#PAGE .kenchikuka_text_award li{height: 20px;margin-left: 20px;}
#PAGE .kenchikuka_text_award li p{width: 240px;margin: 0;text-align: left;}
#PAGE .kenchikuka_text_award li p.p2{width: 180px;}
#PAGE .kenchikuka_img{width: 300px;}
#PAGE .kenchikuka_img img{width: 100%;}
#PAGE .kenchikuka_title{position: absolute;width: 170px;}
#PAGE .kenchikuka_title img{width: 100%;}
#PAGE .kenchikuka_title2{position: absolute;width: 170px;top: -40px;}
#PAGE .kenchikuka_title2 img{width: 100%;}

.toplan{width: 300px;height: 70px;text-align: center;line-height: 70px;margin: 0 auto;border: solid 2px #1e567f;margin-bottom: 80px;color: #1e567f;font-weight: bold;font-size: 15px;}
.toplan a{color: #1e567f;display: inline-block;}
.toplan:hover{background: #1e567f;transition: 0.5s;}
.toplan:hover a{color: #fff;}
#PAGE .MAIN p{text-align: center;font-size: 32px;margin: 20px auto;font-weight: bold;letter-spacing: 2px;}

@media screen and (max-width: 740px){
.PC{display: none;}
.SP{display: block;}
#PAGE .toiawase{width: 100%; margin:30px auto;}
#PAGE .toiawase li.RE{padding: 0px 25px; letter-spacing: 0.1em; font-size: 18px; text-align: center;}
#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:20px; background:#fff;  color:#775f54; padding:10px 2.5%; margin:5px; font-size: 14px;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; }
#PAGE .MAIN p{font-size: 5vw;}

.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; }

.concept{text-align: center;}
.concept p{font-size: 15px;}

h4{font-size: 25px;padding: 20px}

.news dl{width: 350px;}
.news dt{width: 100px;}
.news dd{width: 220px;}
#PAGE .PHOTO_WRAP h1{font-size: 19px;top:20%;}
#PAGE .PHOTO_WRAP span{font-size: 11px;bottom: -33px;right: 5px;}
.top_concepts{width: 100%;padding-top: 30px;}
.top_concepts .concept_bun{line-height: 24px;font-size: 12px;}

.designconcept{width: 100%;}
.designconcept img{width: 100%;}

.concept_img3{width: 90%;
margin: 0 auto;
margin-top: 30px;}

.fadein {
  opacity: 1;
transform:none;
transition:none;
}

.nr{font-size: 24px;}
.concept_logo {
width: 140px;
}


#PAGE .toiawase li.RE{width: auto;height: 60px;line-height: 60px;}
#PAGE .toiawase li.RE img{width: 25px;margin-right: 5px;}
#PAGE .toiawase li.RE span{font-size: 16px;}
.RE_img1{margin-top: 22px;}
.RE_img2{margin-top:15px;}

}