html,body,p,h1,h2,h3,h4,h5,ul{margin:0;padding:0}
html{box-sizing:border-box;font-size:100%;font-family: -apple-system, BlinkMacSystemFont, 'Noto Sans JP', "Segoe UI", “Noto Sans”, “Noto Sans CJK JP”, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;}
*,*:before,*:after{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-smoothing: antialiased;}
img{max-width:100%;height:auto;vertical-align:middle}
body{}
a{text-decoration:none;cursor:pointer;color:initial;}
html,body{width:100%;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none;height:100%;}
table{border-collapse: collapse;border-spacing: 0;}
.dis_res{display:none!important}
.dis_se{display:none!important;}
header{width:100%;top:0px;left:0;padding:10px 35px;position: fixed;display: block;transition:0.8s;z-index:5;background-color:#fff;}
header.fixed{transition:0.8s;position:fixed;-webkit-backdrop-filter: saturate(180%) blur(20px);backdrop-filter: saturate(180%) blur(20px);top:0;z-index:5;background-color:#fff;}
.logo{position: absolute;left: 30px;top: 11px;}

#global-nav{ width: 100%;margin: 0 auto;text-align: right;}
#global-nav ul li{display:inline-block;padding:0 15px;color:#000;font-size:17px;line-height:40px;font-weight:500;letter-spacing:1px;}
#global-nav ul li.sns{padding:0 10px;}
#global-nav ul li a{color:#000;}
#global-nav ul li.active a{color: #8e8e8e;}
#global-nav ul li a:hover{color: #8e8e8e;}
nav span{background:#666;height:2px;display:block;position:relative;width:50px;left:0;}

/*-- ボタン --*/
#nav-toggle{display:none;position:absolute;right:12px;top:14px;width:25px;height:32px;cursor:pointer;z-index:101;}
#nav-toggle div{position:relative;}
#nav-toggle span{display:block;position:absolute;height:2px;width:100%;background:#fff;left:0;-webkit-transition:.6s ease-in-out;-moz-transition:.6s ease-in-out;transition:.6s ease-in-out;}
#nav-toggle span:nth-child(1) {top:3px;}
#nav-toggle span:nth-child(2) {top:10px;}
#nav-toggle span:nth-child(3) {top:17px;}

/*-- スマホ --*/
@media screen and (max-width: 769px) {

header ul{float:none;}
#top-head.fixed{background-color:#fff;height:65px;}
#global-nav ul li{float:none;text-align:center}
#top-head #global-nav ul li a,#top-head.fixed #global-nav ul li a{width:100%;display:block;color:#fff;padding:18px 0;font-size:20px;}
#nav-toggle {display:block;right:17px;top:15px;}
#nav-toggle span{background:#000;}
.open #nav-toggle span{background:#000;}
.open #nav-toggle span:nth-child(1){top:11px;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);transform:rotate(135deg);}
.open #nav-toggle span:nth-child(2){width:0;left:50%;}
.open #nav-toggle span:nth-child(3){top:11px;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);transform:rotate(-135deg);}
.open #global-nav{-moz-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0);}

#mobile-head{position:relative;}
#top-head.open{z-index:101;}
#top-head.open .logo{z-index:20;}
#global-nav{position: absolute;top:50px;background:#fff;width:100%;text-align:center;padding:10px 15px;-webkit-transition:.7s ease-in-out;-moz-transition:.7s ease-in-out;transition:.7s ease-in-out;height:0;left:100%;height: 100vh;transform: translateX(0);}
#global-nav ul li{padding:5px;display:block;color:#fff;text-align:left;border-bottom: solid 1px #2b2b2b;line-height: 2em;}
#global-nav ul li.menu_left{padding:5px;float: none;}
#top-head #global-nav ul li a,
#top-head.fixed #global-nav ul li a {width:100%;display:block;color:#000;padding:0;font-size:15px;line-height: 2.1em;}
#nav-toggle{display:block;width: 22px;}
.open #nav-toggle span:nth-child(1){top:11px;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);transform:rotate(135deg);}
.open #nav-toggle span:nth-child(2){width:0;left:50%;}
.open #nav-toggle span:nth-child(3){top:11px;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);transform:rotate(-135deg);}
.open #global-nav {
-moz-transform:translateX(-100%);-webkit-transform:translateX(-100%);transform:translateX(-100%);height:100vh;}
}


.top{width:100%;height:600px; background-image: url(../img/top_bg01.jpg);background-size:cover;background-position:center top;background-repeat: no-repeat;padding-top:100px;margin-top: 50px;}
.top h1{font-size:42px;font-weight:bold;text-align: center;margin-top:160px;color:#fff;}
.news{display:none;position:fixed;bottom:40px;right:40px;padding:28px 40px;background: #2a2a2a;width: 380px;}
.news .close{position:absolute;right:10px;top:10px;}
.news h2{color: #0066b5;font-size:20px;margin-bottom:15px;}
.news p{font-size:18px;color:#fff;line-height:1.6em;}
#about{width:100%;padding:80px 15px;max-width:1280px;margin:0 auto;}
#about h2{font-size:38px;font-weight:600;text-align:left;color:#000;margin-bottom:40px;}
#about p{font-size:15px;line-height:1.6em;}
.member{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:stretch;}
.member .box{width:28%;vertical-align:top;margin-bottom:40px;}
#about h3{font-size:25px;font-weight:bold;margin-bottom:40px;margin-top:80px;}
#about h4{font-size:45px;font-weight:600;line-height:1.2em;margin-bottom: 10px;}
#about h5{font-size:16px;font-weight:400;}
#about .links{margin-top:80px;}
#about .links img{width:40px;margin-right:10px;}

#business{width:100%;padding:80px 15px;max-width:1280px;margin:0 auto;}
#business h2{font-size:38px;font-weight:600;text-align:left;color:#000;margin-bottom:80px;}
#business h3{font-size:25px;font-weight:bold;margin-bottom:20px;}
#business .box{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:stretch;}
#business .box .clum{width:48%;}
#business h4{font-size:18px;font-weight:600;margin-bottom:15px;margin-top: 15px;}
#business p{font-size:15px;line-height:1.6em;font-weight:400;margin-bottom:40px;}
#business .links{font-size:15px;font-weight:600;color: #0066b5;}
#business .coming{font-size:15px;font-weight:600;color: #999;pointer-events: none;}

.service{width:100%;padding:20px 15px 80px;max-width:1280px;margin:0 auto;}
.service h2{font-size:25px;font-weight:bold;margin-bottom:40px;}
.service h3{font-size:34px;font-weight:600;margin-bottom:20px;}
.service p{font-size:20px;line-height:1.6em;margin-bottom:40px;}
.service .links{
	color: #fff;
	padding: 10px 20px;
	border-radius: 4px;
	background-color: #007E8E;
}
.study{width:100%;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: stretch;background:#f2f2f2;padding:60px 80px;}
.study_left{width:45%;}
.study_right{width:52%;}

.info{width:100%;max-width:1280px;margin:0 auto;padding:40px 15px 80px;}
.info_box{width:100%;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: stretch;}
.info_box .box{width:48.5%;display: table;}
.info_box .box_left{display: inline-block;float: left;width:10%;}
.info_box .box_right{display: inline-block;width:90%;padding-left:25px;}
.info h2{font-size:38px;font-weight:600;margin-bottom:60px;}
.info h3{font-size:25px;color:#000;font-weight:600;margin-bottom:10px;}
.info p{font-size:18px;line-height:1.6em;}
.map{width:100%;}
.map iframe{width:100%;height:500px;filter: grayscale(100%);}
.thanks{width: 100%;height: calc(100% - 122px);padding:120px 20px;text-align: center;}
.thanks h2{font-size:34px;font-weight:600;margin-bottom:28px;}
.thanks p{font-size:18px;line-height:1.6em;margin-bottom:20px;}
/*
#faq{width:100%;background:#f7f7f7;padding:100px 15px;}
#faq h2{font-size:44px;text-align:center;margin-bottom:80px;}
.faq{width:100%;max-width:900px;margin:0 auto;}
.faq dl{border-bottom: solid 1px #ddd;padding-bottom: 20px;margin-bottom: 20px;position:relative;}
.faq dd{margin:0;font-size:24px;font-weight:600;cursor:pointer;}
.faq dt{font-size: 20px;margin-left:38px;line-height: 1.6em;}
.faq dd span{padding-right: 15px;color:#17969f;font-size: 28px;}
.faq .inner{display: none;width: 92%;}
.faq .inner.open{display: block;}
.psavrr{position: absolute;right: 0;top:5px;transition: 0.4s;transform: rotate(0deg);}
.ac .psavrr{transform: rotate(-180deg);}
*/

footer{background:#9b72af;width:100%;padding:80px 20px 20px;text-align: center;}
footer h2{font-size:25px;color:#fff;margin-bottom:20px;font-weight:600;}
footer p{font-size:18px;color:#fff;line-height:1.6em;}
form#mail_form{width:480px;padding: 60px 0;}
form#mail_form dl dt{color:#fff;}
form#mail_form #form_submit input{float: none;width: 200px;background:#5f1885;}
form#mail_form dl dt{display: none;}
form#mail_form dl dd{width: 100%;}
form#mail_form textarea{font-size:16px;}
form#mail_form #form_submit{margin-left:0;}
footer .copy{color:#fff;font-size:14px;}

@media (max-width:1200px){

}

@media (max-width:1024px){

}


@media only screen and (max-width: 813px) and (min-width: 568px){

}





@media (max-width:770px){
header{height: 60px;}

.menu-right ul li.fl-right{display:none;}

}


@media (max-width:568px){
.dis_pc{display:none!important}
.dis_res{display:block!important}
header{height: 50px;padding: 10px 15px;}
#global-nav ul li.sns{display: inline-block;border: none;margin-top: 20px;padding: 20px;}
#global-nav ul li.sns img{width:28px;}
.logo{display: inline-block;left: 15px;}
.logo img{width:220px;}
.top{height:290px;background-position: center left;}
.top h1{font-size:20px;margin-top: 10px;}
#about{padding:40px 20px;}
#about h2{font-size:24px;margin-bottom: 20px;}
#about p{font-size:14px;line-height:1.5em;margin-bottom: 60px;}
#about h3{font-size:18px;margin-bottom: 28px;margin-top: 28px;}
.member .box{width:48.5%;margin-bottom: 28px;}
#about h4{font-size:20px;margin-bottom:8px;}
#about h5{font-size:12px;}
#about .links{margin-top:20px;font-size:12px;}
#about .links img{width:28px;margin-right:10px;}
#business{padding:40px 20px 20px;}
#business h2{font-size:24px;margin-bottom: 40px;}
#business h3{font-size:20px;margin-bottom: 15px;}
#business .box .clum{width:100%;margin-bottom: 40px;}
#business h4{font-size:17px;margin-bottom: 10px;margin-top: 10px;}
#business p{font-size:14px;margin-bottom: 20px;}
.service h2{font-size:20px;margin-bottom: 20px;}
.study{padding: 28px 28px;}
.service h3{font-size: 24px;}
.service p{font-size:16px;margin-bottom:20px;}
.study_left{width:100%;margin-bottom:40px;}
.study_right{width:100%;}
.service .links{padding: 8px 15px;font-size: 12px;}
.info{padding:0 20px 20px;}
.info h2{font-size:24px;margin-bottom: 40px;}
.info_box .box{width:100%;margin-bottom: 20px;}
.info_box .box_right{padding-left:20px;}
.info h3{font-size:18px;margin-bottom: 5px;}
.info p{font-size: 15px;}
.map iframe{height:340px;}
footer{padding:50px 20px 20px;}
footer h2{font-size:20px;margin-bottom: 10px;}
footer p{font-size:12px;}
form#mail_form{padding: 20px 0;width:100%;}
form#mail_form dl{margin-top:0;}
form#mail_form input{padding: 0.4em 1em;}
form#mail_form p{width:100%;}
form#mail_form #form_submit input{font-size: 14px;padding: 10px 20px;}
footer .copy{font-size:11px;}
.news{width: 100%;bottom: 0;right: 0;padding: 20px 20px;}
.news h2{font-size:18px;margin-bottom: 10px;}
.news p{font-size:14px;}
.thanks h2{font-size:20px;margin-bottom: 20px;}
.thanks p{font-size:13px;}
}



@media (max-width:400px){
	
}
@media (max-width:321px){
.dis_se{display:block!important;}

}