@charset "utf-8";
body,ul,ol,li{padding:0; margin:0;}
ul, dl, dt, dd{list-style:none;padding:0;margin:0;}
*,
*:before,
*:after{box-sizing:border-box;}

body{
    min-height:90em; font-family:"s-core-dream"; font-size:10px;
    background-image:url('../images/bg.jpg'); background-repeat:no-repeat; background-position:center; background-size:cover;
    background-attachment:fixed;
}

#wrap{position:relative; height:100%;}
#wrap > .layout{
    position:relative; margin:0 auto;left:0; top:0; max-width:1280px;width:100%;}

/* logo */
#header h1{text-align:center;color:#fff;font-family:"s-core-dream"; font-size:4em;font-weight:300;letter-spacing:-2px;}
#header h1 img{width:290px;margin:50px 0 10px 0;}
#header h1 strong{font-weight:700;}
#header ul {margin-top:2%;}
#header ul li{width:49.4%;margin-right:1.2%;float:left;margin-bottom:2em;}
#header ul li:last-child{margin-right:0;float:right;}
#header ul li a{display:block;background:rgba(/*232,67,126,.9*/30,190,255,.8);font-size:2.45em;font-weight:500;padding:.75em 2em;color:#fff;font-weight:600;  -webkit-transition:background-color 0.3s linear; transition:background-color 0.3s linear;}
#header ul li a:hover{background:rgba(86,90,115,1);}
#header ul li:last-child a{background:rgba(20,105,223,.8);}
#header ul li:last-child a:hover{background:rgba(86,90,115,1);}
#header ul, #middle{width:96%;margin:2% auto;}
#middle .bx, .middle-btn li a, iframe, #header ul li a, .main-btn li, #middle .section1 .bx>img, #middle .section3 .R>div>a, #middle .section3 .R>img{border-radius:10px;clear:both;}
/*#middle .main-btn li:first-child a{border-top-left-radius:7px;border-bottom-left-radius:7px;}
#middle .main-btn li:last-child a{border-top-right-radius:7px;border-bottom-right-radius:7px;}
#middle .section1 .bx{min-height:22em;}★메인박스사이즈세로★*/
#middle .section3 .bx{min-height:5em;}
#middle iframe, #middle .section3 .R>div{height:auto;padding:0;margin:0;min-height:320px;}
#middle{font-size:2.2em;}
#middle .bx{width:100%;padding:2em;background:rgba(255,255,255,.8);margin-top:1%;margin-bottom:1%;}
#middle .R{margin-right:0;float:right;}
#middle .section1 .bx{background:none;height:100%;padding:0;}
#middle .section1 .bx>img{width:100%;margin-bottom:-7px;} 
/*#middle .section1 .bx{width:59.5%;background:rgba(255,255,255,1);}
#middle .section1 .R{width:39.3%;background:rgba(255,255,255,.8);}
#middle .section1 .R>div{background:pink;}*/

/*#middle .main-btn{position:absolute;bottom:2em;width:calc(100% - 4em);height:auto;}
#middle .main-btn li{width:33.333%;float:left;display:table;}
#middle .main-btn li a{color:#333;display:block;vertical-align:middle;display:table-cell;line-height:1.3;background:#e6e7ce;text-align:center;width:100%;font-size:94%;padding:.5em 0;height:70px;}
#middle .main-btn li:first-child a{background: #ffdde3}
#middle .main-btn li:last-child a{background:#eee}*/
#middle .section2{width:100%;clear:both;}

#middle .middle-btn li{width:49.4%;margin-right:1.2%;float:left;display:table;height:80px;text-align:center;}
#middle .middle-btn li:last-child{margin-right:0;}
#middle .middle-btn li a{color:#fff;display:block;vertical-align:middle;display:table-cell;line-height:1.2;font-weight:600;background:rgba(232,67,126,.9);
    -webkit-transition:background-color 0.3s linear;
    transition:background-color 0.3s linear;}
#middle .middle-btn li a:hover{background:rgba(86,90,115,1);}
#middle .middle-btn li a span{font-weight:400;}
#middle .middle-btn li:nth-child(2n) a{background:rgba(0,78,162,.9);}
/*#middle .middle-btn li:nth-child(2n) a:hover{background:#3f425d;}*/
#middle .middle-btn li:nth-child(2n) a:hover{background:rgba(86,90,115,1);}
#middle h2{text-align:center;font-family:"s-core-dream";display:none;}
/**/#middle .section3 .bx{padding:2em 2em 2em 2em;}
#middle .section3 .R{padding:2em;}
#middle .section3 .R>div>a{display:block;height:auto;min-height:321px;background-image:url('../images/2025-section3-right2.gif'); background-repeat:no-repeat; background-position:center; background-size:cover;}

#footer{padding:4.6em 0;clear:both;}
#footer>address{text-align:center; font-style:normal; font-weight:300; font-size:1.8em; color:#fff;}
@media screen and (max-width: 1024px) {
#middle iframe, #middle .section3 .R>div>a{padding:0;margin:0;min-height:195px;}
}
@media screen and (max-width: 980px) {
#middle .bx, .middle-btn li a, iframe, #header ul li a, .main-btn li, #middle .section1 .bx>img, #middle .section3 .R>div, #middle .section3 .R>img{border-radius:6px;}
#header h1 img{width:140px;margin:30px 0 7px 0;}
#header h1{font-size:2.4em;line-height:1.3;}
#header ul, #middle{width:92%;margin:2% auto;}
#header ul li, #middle .bx{width:100%;margin-right:0;float:none;}
#header ul li, #middle .middle-btn li{margin-bottom:2%;}
#header ul li a{text-align:center;font-size:1.7em;}
#middle .bx{margin-top:2%;margin-bottom:3%;}
#middle .middle-btn li{width:100%;margin-right:0;height:60px;}

/*#middle .section2{height:200px;}*/
#middle{font-size:1.5em;}
#middle .section3 .bx{padding:1em;}
#middle .section3 .R{padding:1em;}
#middle .section3 .bx{min-height:auto;}
#footer{padding:1em 0;}
#footer>address{ font-size:1.1em; }
}
@media screen and (max-width: 800px) {
#middle iframe, #middle .section3 .R>div{min-height:190px;}
}