html,body,p,h1,h2,h3,h4,h5,ul{margin:0;padding:0}
html{box-sizing:border-box;font-size:100%;font-family: "Meiryo",-apple-system, BlinkMacSystemFont, "Segoe UI", “Noto Sans”, “Noto Sans CJK JP”, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN",  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:0 35px;position: fixed;display: block;transition:0.8s;z-index:5;background: #fff;}
.home_header{background: rgba(255, 255, 255, 0.75);}
header.fixed{transition:0.8s;position:fixed;top:0;z-index:5;background:#fff;}
.logo{position: absolute;left: 30px;top: 11px;}
.logo img{width:240px;}
.logo_top{display: block;}
.logo_fix{display: none}
.fixed .logo_top{display: none;}
.fixed .logo_fix{display: block;}
.logo_sp{display: none;}
.logo_text{display: none;}
.inner-page .logo_fix{display:block;}
.topics{width: 100%;background: #111;padding: 13px;text-align: center;position: fixed;top:0;left: 0;height: 44px;overflow: hidden;z-index: 2;display: none;}
.topics a{font-size:14px;color:#fff;text-decoration: underline;}
.topics .close{position: absolute;right:10px;top:0;cursor:pointer;padding: 9px 15px;}
#global-nav{ width: 100%;margin: 0 auto;text-align: right;}
#global-nav ul li{display:inline-block;padding:15px 16px;color:#000;font-size:0.8em;line-height:1.6em;font-weight:bold;letter-spacing:1px;text-align: center;}
#global-nav ul li img{display: none;}
#global-nav ul li.sns{padding:0 10px;}
#global-nav ul li a{color:#000;}
#global-nav ul li a small{display: block;color:#666;font-size:0.7em;font-weight:400;letter-spacing:-0.06em;}
.fixed #global-nav ul li a{color:#000;}
#global-nav ul li.active a{color: #8e8e8e;}
#global-nav ul li a:hover{color: #8e8e8e;}

#global-nav li a span{position: relative;display: block;padding-bottom: 5px;}
#global-nav li a span::after {content: '';position: absolute;bottom: 0;left: 50%;width: 60px;height: 5px;border-radius: 50%;background: #0481A2;transition: all .3s;transform: scale(0.08, 1);transform-origin: center bottom;margin-left: -30px;}
#global-nav li.current a span::after,#global-nav li:hover a span::after {height: 2px;width:100%;left:0;margin-left:0;border-radius: 0; transform: scale(0.8, 1);}

/*-- ボタン --*/
#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:2px;}
#nav-toggle span:nth-child(2) {top:9px;}
#nav-toggle span:nth-child(3) {top:16px;}

/*-- スマホ --*/
@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 20px;-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:12px 0;display:block;color:#fff;text-align:left;border-bottom: solid 1px #2b2b2b;line-height: 1.5em;}
#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;}
}

.news{display:none;position:fixed;bottom:70px;right:60px;padding:28px 40px;background-color: #f2f2f2;width:580px;z-index:2;background-image: url(../img/news_img.jpg);background-size:auto 78%;background-position:right center;background-repeat: no-repeat;}
.news .close{position:absolute;right:10px;top:10px;}
.news h2{color: #0066b5;font-size:24px;margin-bottom:15px;}
.news p{font-size:14px;color:#000;line-height:1.6em;margin-bottom:5px;}
.news p span{font-weight:600;color: #0066b5;}

.sub_menus{display: none;width:100%;position:fixed;top:75px;left:0;padding:40px;text-align: center;background:rgba(0, 153, 226, 0.9);}
/*#sub_menu1:hover .sub_menu1{display: block;}
#sub_menu2:hover .sub_menu2{display: block;}*/
.sub_menus .box{width:100%;max-width:900px;margin:0 auto; display: flex;flex-wrap: wrap;justify-content: space-between;align-items: stretch;}
.sub_menus .box .list{width:240px;}
.sub_menus h2{font-size:20px;color:#fff;margin-bottom:20px;}


.top{position: relative;width:100%;height:100%;display: flex;justify-content: center;align-items: center;max-height:900px;background-color: rgba(0,0,0,0.1);background-blend-mode: multiply;}
.top h2{font-size:1.9em;font-weight:bold;color:#000;margin-bottom:20px;line-height:1.4em;}
.top .box{width:100%;max-width:1140px;padding:0 40px;margin:0 auto;z-index:0;margin-bottom: 40px;z-index:3;position:relative;
text-shadow: 2px  2px 5px white,
            -2px  2px 5px white,
             2px -2px 5px white,
            -2px -2px 5px white;}
.top p{font-size:1em;line-height:1.6em;color:#000;margin-bottom:40px;font-weight: 500;}
.top .links2{padding:10px 28px;border-radius:40px;color:#fff;font-size:17px;font-weight:bold;transition:0.4s;margin-left:20px;}
.top .links2:hover{text-decoration: underline;}
#bgVideo{position: absolute; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; z-index:-1; top: 0; left: 0; overflow: hidden;}
#bgVideo2{position: absolute; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; z-index:-1; top: 0; left: 0; overflow: hidden;}
#videoBt{position:absolute;width:50px;height:50px;bottom:20px;right:28px;background-image: url(../img/play_bt.svg);background-size:50px;background-repeat: no-repeat;}
#videoBt.on{background-image: url(../img/play_bt_on.svg);}
.top .links{background-image: url(../img/links.svg);background-repeat: no-repeat;background-position: bottom right;background-size:148px 28px;display: inline-block;padding: 0 40px 0 0;transition:0.4s;color:#000;}
.top .links:hover{padding-right:50px;}
.ami{position: absolute; width: 100%; height: 100%; background-image: url(../img/ami.png); background-repeat: repeat; background-position: 0 0; top: 0; left: 0; z-index: 2;}

.main-sldier{width: 100%;position:absolute;left:0;top:0;height:100%;overflow: hidden;}
.slider-thumbnail .swiper-slide {opacity: .5;transition: opacity .5s;width:165px!important;margin: 10px;cursor: pointer;}
.slider-thumbnail .swiper-slide-thumb-active{opacity: 1;}
.swiper {width: 100%;position:absolute;left:0;top:0;height:100%;overflow: hidden;}
.swiper-slide img {height: auto;width: 100%;border: solid 2px #fff;}
.swiper-slide{-webkit-transform: translateZ(0);-webkit-backface-visibility: hidden;}
.slider-thumbnail{position:absolute;top:initial; bottom:80px;left:50%;width:100%;height:auto; max-width:560px;margin-left:-280px;}
.swiper-slide.img2{background-repeat: no-repeat;background-position: center;background-size:cover;}
.swiper-slide.img3{background-image: url(../img/top_bg3.jpg);background-repeat: no-repeat;background-position: center;background-size:cover;}
.main-slide{display: flex;justify-content: center;align-items: center;}

.top_bn{position: absolute;width: 100%;max-width: 800px;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;bottom: 40px;left: 50%;margin-left: -400px;}
.top_bn .list{width:31%;}
.top_bn .list img{border:solid 2px #fff;transition:0.4s;}
.top_bn .list img:hover{transform:scale(1.04);}
.top_service{width:100%;background: #e4edff;padding:60px 20px;}
.top_service .box{width:100%;max-width:880px;margin:0 auto;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.top_service .box_left{width:42%;}
.top_service .box h2{font-size:34px;font-weight:700;margin-bottom:40px;}
.top_service .box_left p{font-size:15px;line-height:1.6em;}
.top_service .box_right{width:44%;}
.top_service .box_right p{font-size:16px;font-weight:400;line-height:1.7em;margin-bottom:40px;}
.top_service .links{color:#575757;font-weight:600;font-size:15px; background-image: url(../img/links.svg);background-repeat: no-repeat;background-position: bottom right;background-size:148px 28px;display: inline-block;padding: 0 40px 10px 0;transition:0.4s;}
.top_service .links:hover{padding-right:50px;}
.wave{position: relative;width: 100%;z-index: 1;}
.wave canvas{position: absolute;bottom: 0;left:0;width: 100%;}
.wave2{transform: scale(1, -1);margin-top:-10px;width: 100%;overflow: hidden;z-index:1;}
.wave2 canvas{width: 100%;}

.top_news{width:100%;max-width:1100px;margin:0 auto;padding:100px 15px 60px;}
.top_news .box{width:100%; display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: stretch;text-align:center;}
.top_news .box .list{width:33.3333%;text-align: left;margin-bottom:40px;padding:10px;}
.top_news h2{font-size: 34px;font-weight:bold;color:#111;margin-bottom:40px;}
.top_news h2 span{padding-left:20px;}
.top_news .links{color:#000;font-weight:bold;font-size:15px; background-image: url(../img/links.svg);background-repeat: no-repeat;background-position: bottom right;background-size:168px auto;display: inline-block;padding: 0 40px 10px 0;transition:0.4s;opacity:0.7;}
.top_news .links:hover{padding-right:50px;}
.top_news h3{font-size:12px;font-weight:bold;color:#999;margin-bottom:10px;text-align: left;margin-top:15px;}
.top_news p{font-size:14px;color:#111;font-weight:400;}

.top_recruit{width:100%;padding:100px 15px;background: #f2efef;}
.top_recruit .box{width:100%;max-width:920px;margin:0 auto; display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;text-align:left;}
.top_recruit .box_left{width:48%;}
.top_recruit .box_right{width:42%;}
.top_recruit h2{font-size: 34px;font-weight:bold;color:#111;margin-bottom:40px;}
.top_recruit p{font-size:14;line-height:1.6em;font-weight:400;margin-bottom:40px;}
.top_recruit .links{color:#000;font-weight:600;font-size:15px; background-image: url(../img/links.svg);background-repeat: no-repeat;background-position: bottom right;background-size:109px auto;display: inline-block;padding: 0 40px 10px 0;transition:0.4s;opacity:0.7;}
.top_recruit .links:hover{padding-right:50px;}

#mizu{height:60px;display:flex;justify-content: center;align-items:center;text-align: center;margin-top: -40px;}
#mizu canvas{width:102%;}
footer{background:#0093dc;width:100%;padding:8px 40px 20px;text-align: left;margin-top: -1px;}
footer .content{width:100%;max-width:1400px;margin:0 auto;}
footer .content h2 img{width:7em}
footer .box{width:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: stretch;margin-top:40px;margin-bottom:40px;}
footer .box .list{width:18%;}
footer .box h3{font-size:0.8em;font-weight:bold;color:#999;margin-bottom:20px;}
footer .box h3 a{color:#fff;}
footer ul{display: inline-block;}
footer ul li{display: block;padding-right:20px;text-align: left;line-height:1.6em;padding:5px 0;}
footer ul li a{font-size:0.8em;color:#fff;margin-bottom:20px;font-weight:400;}
footer ul li a span{padding-right:4px;}
footer .copy{font-size:12px;color:#f7f7f7;line-height:1.6em;}
#totop{position: absolute;right: 40px;bottom: 10px;z-index: 2;}

.about_top{margin-top:75px;width:100%;background-image: url(../img/about_top.jpg);background-repeat: no-repeat;background-size: cover;background-position:top center;padding:160px 20px 160px;}
.about_top .box{width:100%;max-width:1400px;margin:0 auto;}
.about_top_text .box_text{width:52%;padding:0 20px 0;}
.about_top_text .box_img{width:39%;padding-right: 80px;margin-bottom: -100px;margin-top: -100px;z-index:2;}
.about_top h2{background:rgba(0, 153, 226, 0.8);padding:20px;display:table;font-size:52px;color:#fff;font-weight:bold;letter-spacing:1px;}
.about_top .pl{margin-left:60px;margin-top: -15px;}
.about_top_text{width:100%;padding:10px 20px 10px;background: #e4edff;display: flex;flex-wrap: wrap;justify-content:center;align-items: center;z-index:2;position: relative;}
.about_top_text h2{margin-top:-50px;font-size:40px;color:#111;font-weight: bold;line-height:1.4em;margin-bottom:28px;}
.about_top_text .btx{font-size:100px;color:#fff;z-index:-1;margin-top:0;line-height:0.5em;font-family: "Helvetica";font-style: italic;text-align: right;}
.about_top_text .pl{margin-left:60px;margin-top: -15px;margin-bottom: 0;}

.about_main{width:100%;padding:100px 20px 0;}
.about_main .box{width:100%;max-width:1280px;margin:0 auto; display: flex;flex-wrap: wrap;justify-content:space-between;align-items: stretch;}
.about_main .box_left{width:20%;}
.about_main .box_right{width:75%;}
.about_main .clum{background:#036eb1;padding:15px;text-align:center;}
.about_main .clum h3{color:#fff;font-weight:bold;font-size:22px;line-height:1.4em;}
.about_main .clum h3 span{font-size:16px;padding-right:15px;vertical-align:text-top;}
.about_main h2{font-size:34px;color:#444;font-weight: bold;letter-spacing:1px;margin-bottom:40px;}
.about_main p{font-size:17px;line-height:1.7em;color:#000;}
#hoshin{padding-top:100px;}
.hoshin{background-color:#f2efef;width:100%;background-image: linear-gradient(#f2efef 10%, #f2efef 90%, #fff 10%);}
#hoshin .box{padding:80px 20px 140px;width:100%;max-width:1000px;margin:0 auto;background-image: url(../img/hoshin_bg.png);background-repeat: no-repeat;background-position: bottom right;background-size: 600px;}
#hoshin h2{font-size:34px;color:#111;font-weight: bold;letter-spacing:1px;margin-bottom:40px;}
#hoshin ul{list-style: none;padding-left: 20px;}
#hoshin li{list-style-type: decimal;font-size:20px;line-height:1.6em;}
#company{width:100%;max-width:1000px;margin:0 auto;padding:120px 20px 80px;}
#company h2{font-size:34px;color:#111;font-weight: bold;letter-spacing:1px;margin-bottom:40px;}
#company table{width:100%;}
#company table td{font-size:22px;line-height:1.6em;vertical-align:top;}
#company .box{width:100%;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: stretch;margin-top:60px;}
#company .box .list{width:49%;}
#company .box .text{padding:15px 20px;background:#0099e2;}
#company .box .text h3{color:#fff;font-weight:500;font-size:15px;}


.service_top{width:100%;margin-top:75px; padding:170px 20px;background-repeat:no-repeat;background-position: center;background-size: cover;position: relative;}
.service_top .box{width:100%;max-width:940px;margin:0 auto;}
.service_top_text{width:100%;text-align:center;padding:10px 20px 60px;background: #e4edff;}
.service_top_text.pb10{padding-bottom:10px;}
.service_top_text h2{margin-top:-50px;font-size:40px;color:#111;font-weight: bold;line-height:1.4em;margin-bottom:28px;}
.service_top_text .btx{font-size:100px;color:#fff;z-index:-1;margin-top:0;line-height:0.5em;font-family: "Helvetica";font-style: italic;}
.service_top_text p{font-size:15px;color:#000;font-weight:600;}
.service_tab{background: #e4edff;}
#tab_menu {display: flex;align-items: center;width: 100%;max-width:940px;margin:0 auto;padding: 0;}
#tab_menu li{width: 33.333%;text-align: center;list-style: none;transition:0.2s; /*clip-path: polygon(0 0, 94% 0, 100% 100%, 0% 100%);border-radius: 10px 40px 0px 0px;background: #f2efef;*/}
#tab_menu #tab1{z-index:1;}
#tab_menu #tab2{margin-left: -34px;z-index:1;}
#tab_menu #tab3{margin-left: -34px;z-index:0;}
#tab_menu #tab1.selected{z-index:2;transform:scale(1.02);}
#tab_menu #tab2.selected{z-index:2;transform:scale(1.02)}
#tab_menu #tab3.selected{z-index:2;transform:scale(1.02)}
#tab_menu li img{margin-left:-10px;}
#tab_menu li a {display: block;color: #222;text-decoration: none;font-size:18px;font-weight:bold;}
.tab1{background:#f2efef;width:100%;}
.tab2{background:#d7efc6;margin-bottom:100px;}
.tab3{background:#ddd7ef;margin-bottom:40px;}
.tab1 .box{width:100%;max-width:940px;margin:0 auto;padding: 20px 0;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.tab1 .box_left{width:55%;}
.tab1 .box_right{width:40%;margin-bottom:-40px;}
.tab1 h2{font-size:34px;color:#111;font-weight: bold;margin-bottom:20px;}
.tab1 p{font-size:17px;font-weight:500;color:#000;line-height:1.6em;}
.tab_main{width:100%;max-width:940px;margin:0 auto;padding:20px 20px 80px;}
.tab_main h3{font-size:24px;font-weight:bold;color:#444;margin-bottom:28px;margin-top:60px;}
.tab_main .box{width:100%;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: stretch;}
.tab_main .box_left{width:20%;}
.tab_main .box_right{width:75%;}
.tab_main p{font-size:15px;color:#000;line-height:1.6em;}
.service_list{background:#f2efef;width:100%;margin-bottom:80px;}
.service_list .box{width:100%; max-width:900px;margin:0 auto;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.service_list .box_left{width:40%;margin-bottom: -100px;padding-left: 40px;}
.service_list .box_right{width:50%;padding:60px 20px;}
.service_list h2{font-size:34px;color:#111;font-weight: bold;margin-bottom:20px;}
.service_list p{font-size:24px;font-weight:600;color:#111;line-height:1.6em;}
.tab2 .box{width:100%;max-width:940px;margin:0 auto;padding: 20px 0;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.tab2 .box_left{width:55%;}
.tab2 .box_right{width:40%;margin-bottom:-80px;}
.tab2 h2{font-size:34px;color:#111;font-weight: bold;margin-bottom:20px;}
.tab2 p{font-size:17px;font-weight:500;color:#000;line-height:1.6em;}
.service_table{width:100%;max-width:940px;margin:0 auto;padding:20px 0 80px;}
.service_table h2{border:solid 2px #0099e2;text-align: center;color:#0099e2;font-size:28px;font-weight:bold;padding:10px 20px;margin-bottom:20px;}
.service_table table{width:100%;}
.service_table thead td{font-size:16px;font-weight: bold;color:#fff;padding:8px 20px;text-align: center;border:solid 1px #111;background: #0099e2;line-height:1.6em;}
.service_table tbody td{font-size:15px;font-weight:bold;color:#000;padding:8px 20px;text-align: center;border:solid 1px #111;line-height:1.6em;}
.service_table tbody .txl{text-align: left;}
.tab3 .box{width:100%;max-width:940px;margin:0 auto;padding: 20px 0;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.tab3 .box_left{width:55%;}
.tab3 .box_right{width:40%;margin-bottom:-60px;}
.tab3 h2{font-size:34px;color:#111;font-weight: bold;margin-bottom:20px;}
.tab3 p{font-size:17px;font-weight:500;color:#000;line-height:1.6em;}
.service_box{width:100%;max-width:960px;margin:0 auto;padding:80px 20px;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: stretch;}
.service_box .box_left{width:30%;}
.service_box .box_right{width:67%;}
.service_box p{font-size:16px;font-weight: bold;color:#111;line-height:1.6em;margin-bottom:60px;}
.service_box h2{font-size:34px;color:#111;font-weight: bold;margin-bottom:20px;}
.service_box ol{padding-left:0;}
.service_box ol li{list-style:none;padding-left:20px;background-image: url(../img/list_icon.svg);background-repeat: no-repeat;line-height: 1.8em;background-position: left top;font-size: 20px;}

.news_top{margin-top:70px;width:100%;padding:170px 20px;background-image: url(../img/news_top.jpg);background-repeat: no-repeat;background-size: cover;background-position:center;}
.news_top .box{width:100%;max-width:940px;margin:0 auto;}
.news_top h2{font-size:40px;color:#fff;font-weight: bold;line-height:1.4em;margin-bottom:28px;}
.news_top p{font-size:15px;color:#fff;font-weight:600;}
.news_list{width:100%;max-width:980px;margin:0 auto;padding:80px 20px;}
.news_list .box{width:100%;padding:20px 0;border-bottom:solid 1px #444;}
.news_list .box a{font-size:16px;font-weight: bold;color:#111;line-height:1.6em;}
.news_list .box a span{font-size:14px;color:#787878;padding-right:25px;}
.news_main{width:100%;max-width:940px;margin:0 auto;margin-top:90px;padding:80px 20px;}
.news_main .panks{margin-bottom:40px;}
.news_main .links{color:#575757;font-weight:600;font-size:15px; background-image: url(../img/back_link.svg);background-repeat: no-repeat;background-position: bottom right;background-size:165px 28px;display: inline-block;padding: 0 0px 10px 40px;transition:0.4s;}
.news_main .links:hover{padding-left: 30px;background-size: 155px 28px;}
.news_main h2{font-size:34px;color:#444;font-weight: bold;line-height:1.4em;margin-bottom:40px;}
.news_main h2 small{display: block;font-size:14px;color:#787878;}
.news_main h3{font-size:24px;margin-bottom:10px;}
.news_img{width:100%;text-align:center;margin-bottom:20px;}
.news_img img{margin:0 auto;}
.news_main p{font-size:17px;color:#000;font-weight:400;line-height:1.6em;margin-bottom:10px;line-height:1.6em;}

.recruit_top{margin-top:75px;width:100%;padding:170px 20px;background-image: url(../img/recruit_top.jpg);background-repeat: no-repeat;background-size: cover;background-position:center;}
.recruit_top .box{width:100%;max-width:940px;margin:0 auto;}
.recruit_top h2{font-size:40px;color:#fff;font-weight: bold;line-height:1.4em;margin-bottom:28px;}
.recruit_top p{font-size:15px;color:#fff;font-weight:600;}
.recruit_table{width:100%;max-width:940px;margin:0 auto;padding:80px 20px;}
.recruit_table h2{font-size:34px;font-weight: bold;text-align:center;color:#111;margin-bottom:20px;}
.recruit_table h3{font-size:20px;font-weight:500;text-align:center;margin-bottom:40px;}
.recruit_table table{width:100%;}
.recruit_table table td{font-size:18px;line-height:1.6em;padding:10px;vertical-align:top;}
.recruit_table .links{padding-top:50px;text-align:center;}
.recruit_table .links a{font-size:18px;font-weight:bold; background:#0099e2;color:#fff;padding:10px 40px;border-radius:40px;border:solid 1px #0099e2;transition:0.4s;}
.recruit_table .links a:hover{background:none;color:#0099e2;}

.contact_top{width:100%;padding:160px 20px 60px;text-align: center;}
.contact_top h1{font-size:42px;color:#000;font-weight:bold;margin-bottom: 20px;}
.contact_top p{font-size:18px;line-height:1.6em;font-weight:500;color:#222;}
form#mail_form{width:680px;padding: 60px 0;}
form#mail_form dl dt{color:#000;padding: 10px 0;font-size:16px;}
form#mail_form #form_submit input{float: none;width: 200px;background:#0066b5;}
form#mail_form textarea{font-size:16px;}
form#mail_form #form_submit{text-align:left;}
form#mail_form ul li a{text-decoration: underline;}

.thanks{width: 100%;height: calc(100% - 74px);padding:160px 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:40px;}
.thanks a{background: #0066b3;color: #fff;padding: 10px 28px;border-radius: 20px;font-size: 16px;font-weight: 600;}

.dis_pc{display:block!important;}



@media (max-width:1200px){

}
@media only screen and (max-width: 1140px) and (min-width: 1000px){
	.logo img{width: 280px;}
	#global-nav ul li{
		padding: 20px 15px;font-size: 16px;
	}
}

@media (max-width:1025px){
.app .box_right img{width:185px;}
.maps{padding: 40px 20px 40px;}
.sns{padding: 40px 15px 60px;}
}


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

}





@media (max-width:770px){

}


@media (max-width:568px){
.dis_pc{display:none!important}
.dis_res{display:block!important}
header{height: 50px;padding: 10px 15px;background:#fff;}
header h1{display: inline-flex;}
.home_header{background:#fff;}
.home_header.tps{top:37px;}
#sub_menu1:hover .sub_menu1,#sub_menu2:hover .sub_menu2{display: none;}
.topics a{width: 280px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;-webkit-text-overflow: ellipsis;-o-text-overflow: ellipsis;margin: 0 auto;font-size: 11px;display: block;}
.topics .close{padding:6px 10px;right:0;}
#global-nav ul li.sns{display: inline-block;border: none;margin-top: 20px;padding: 20px;}
#global-nav ul li.sns img{width:28px;}
#global-nav ul li a{display: inline-block;vertical-align: top;}
#global-nav ul li img{display: inline-block;width:80px;padding-right:10px;}
#global-nav li a span::after{content: none;}
.logo{display: inline-block;left: 15px;}
.logo img{width:160px;}
.logo_top{display: none;}
.logo_sp{display:none;}
.logo_sp{display: block;}
.logo_fix{display: none!important;}
.logo_text{display: block;margin:0 auto;}
.top{height:400px;position: relative;margin-top:50px;}
.top .box{margin-bottom: 20px;padding: 24px;}
.top h2{font-size:26px;margin-bottom: 20px;}
.top p{font-size:13px;margin-bottom:28px;}
.top_bn{max-width: 340px;margin-left: -170px;}
.top .links{background-size: 88px 15px;padding: 0 34px 0 0;}
.slider-thumbnail{max-width: 340px;margin-left: -170px;bottom: 40px;}
.slider-thumbnail .swiper-slide{width: 100px!important;margin: 5px;}
.wave canvas{height:50px;}
.wave2 canvas{height:50px;width: 100%;}
.top_service{padding:10px 20px;}
.top_service .box_right{width: 100%;order: 1;margin-bottom: 20px;}
.top_service .box_left{width: 100%;order: 2;text-align: center;}
.top_service .box_left img{width:60%;margin:0 auto;}
.top_service .box h2{margin-bottom: 15px;font-size:22px;}
.top_service .box_right p{font-size:15px;margin-bottom: 20px;}
.top_service .links{padding: 0 28px 6px 0;font-size: 14px;background-size: cover;}
.top_news{padding: 40px 15px 10px;}
.top_news h2{font-size:22px;margin-bottom: 20px;}
.top_news .links{font-size:12px;padding: 0 40px 6px 0;background-size: 148px auto;}
.top_news .box .list{width:100%;margin-bottom: 20px;}
.top_news h3{font-size:12px;}
.top_news p{font-size: 14px;}
.top_recruit{padding:40px 20px 50px;}
.top_recruit .box_right{width:100%;order:1;margin-bottom:20px;}
.top_recruit .box_left{width:100%;order:2;}
.top_recruit h2{font-size:22px;margin-bottom: 15px;}
.top_recruit p{font-size:14px;margin-bottom: 20px;}
.top_recruit .links{font-size:14px;padding: 0 40px 6px 0;}
.ami{display: none;}

footer{padding:10px 20px 20px;}
footer .copy{font-size:10px;margin-top: 10px;float: none;text-align: center;}
footer h2 img{width: 160px;}
footer .box{margin-bottom: 0px;}
footer .box .list{width: 49%;margin-bottom: 28px;}
footer .box h3{font-size:13px;margin-bottom: 10px;}
footer ul li{line-height: 1.4em;}
footer ul li a{font-size: 12px;}
#totop{right: 10px;}
#mizu{height:60px;}

.about_top{margin-top:50px;padding: 60px 20px 60px;}
.about_top .box_text{width:100%; padding: 80px 20px 20px;}
.about_top h2{padding: 12px 20px;font-size: 22px;}
.about_top .pl{margin-left: 40px;margin-top: -8px;}
.about_top .box_img{width: 100%;padding: 20px 80px;}
.about_top_text .box_text{width:100%;}
.about_top_text .box_img{width:100%;margin-bottom: 0;margin-top: 0;padding: 0 40px;}
.about_top_text .btx{font-size:54px;text-align: center;}
.about_top_text h2{margin-top: -20px;font-size: 24px;margin-bottom: 10px;text-align: center;}
.about_top_text .pl{margin-left:0;margin-bottom:15px;}
.about_main{padding: 60px 20px 0;}
.about_main .box_right{width:100%;order:1;margin-bottom:20px;}
.about_main .box_left{width:100%;order:2;}
.about_main h2{font-size:22px;margin-bottom: 20px;}
.about_main p{font-size:15px;}
.about_main .clum{padding:12px;}
.about_main .clum h3{font-size:18px;}
.about_main .clum h3 span{font-size:14px;}
#hoshin{padding-top:50px;}
.hoshin{background-image: linear-gradient(#f2efef 5%, #f2efef 95%, #fff 5%);}
#hoshin .box{padding:40px 20px 170px;background-position: bottom center;background-size: 280px;}
#hoshin h2{font-size:22px;margin-bottom: 20px;}
#hoshin ul{padding-left: 25px;}
#hoshin li{font-size: 15px;padding:2px 0;}
#company{padding: 60px 20px 28px;}
#company h2{font-size:22px;margin-bottom: 20px;}
#company table td{font-size:15px;min-width:70px;}
#company .box{margin-top: 40px;}
#company .box .list{width:100%;margin-bottom: 20px;}

.service_top{margin-top:50px;padding: 80px 20px;}
.service_top_text h2{font-size:24px;margin-bottom: 15px;margin-top: -25px;}
.service_top_text p{font-size:14px;}
.service_top_text .btx{font-size: 54px;}

.sp_tab{width: 100%;overflow: scroll;}
#tab_menu{width:100%;}
.service_tab{margin-top: -40px;}
.tab1,.tab2,.tab3{padding:20px;}
#tab_menu li{width:auto;}
#tab_menu li img{height:60px;margin-left: 0px;}
.tab3{background: #d7d1e9;}
.tab1 .box_left{width: 100%;}
.tab1 h2{font-size:22px;margin-bottom: 15px;}
.tab1 p{font-size:15px;}
.tab1 .box_right{width:100%;text-align:center;}
.tab1 .box_right img{width:80%;margin:0 auto;}
.tab_main h3{margin-top:34px;font-size:20px;margin-bottom:20px;}
.tab_main .box_left{width:100%;margin-bottom:15px;}
.tab_main .box_right{width:100%;}
.service_list{margin-bottom:0;}
.service_list .box_right{width:100%;order:1;margin-bottom:0;padding:40px 20px;}
.service_list .box_left{width:100%;order:2;margin-bottom:;text-align:center;padding-bottom: 20px;margin-bottom:0;}
.service_list .box_left img{width:50%;margin:0 auto;}
.service_list h2{font-size:22px;}
.service_list p{font-size:18px;}
.tab2{margin-bottom:80px;}
.tab2 .box_left{width: 100%;}
.tab2 h2{font-size:22px;margin-bottom: 15px;}
.tab2 p{font-size:15px;}
.tab2 .box_right{width:100%;text-align:center;}
.tab2 .box_right img{width:80%;margin:0 auto;}
.service_table{padding: 20px 20px 40px;}
.service_table h2{font-size: 20px;margin-bottom: 15px;}
.service_table thead td{padding: 6px 8px;font-size: 13px;}
.service_table tbody td{padding: 6px 8px;font-size: 11px;}
.tab3{margin-bottom: 40px;}
.tab3 .box_left{width:100%;margin-bottom: 20px;}
.tab3 h2{font-size:22px;margin-bottom: 15px;}
.tab3 p{font-size:15px;}
.tab3 .box_right{width:100%;text-align:center;}
.tab3 .box_right img{width:80%;margin:0 auto;}
.service_box{padding:40px 20px 20px;}
.service_box .box_left{width:100%;text-align:center;}
.service_box .box_left img{width:60%;margin:0 auto;}
.service_box .box_right{width:100%;}
.service_box p{font-size:15px;margin-bottom: 40px;}
.service_box h2{font-size:22px;}
.service_box ol li{font-size: 14px;line-height:2em;margin-bottom: 5px;}
.news_top{margin-top:50px;padding: 50px 20px;}
.news_top h2{font-size:24px;margin-bottom: 15px;}
.news_top p{font-size:13px;}
.news_list{padding:28px 20px 55px;}
.news_list .box{padding: 15px 0;}
.news_list .box a{font-size:14px;}
.news_list .box a span{display:block;font-size:12px;}
.news_main{margin-top: 50px;padding: 40px 20px;}
.news_main .links{font-size:14px;background-size: 140px 28px;padding: 0 0px 10px 22px;}
.news_main .panks{margin-bottom:20px;}
.news_main h2{font-size:19px;}
.news_main h2 small{font-size: 12px;}
.news_img img{width:90%;}
.news_main p{font-size:14px;}
.news_main h3{font-size:17px;}
.recruit_top{margin-top:50px;padding: 50px 20px;}
.recruit_top h2{font-size:24px;margin-bottom: 15px;}
.recruit_top p{font-size:13px;}
.recruit_table{padding:40px 20px;}
.recruit_table h2{font-size:22px;margin-bottom: 15px;}
.recruit_table h3{font-size:16px;line-height: 1.4em;margin-bottom: 25px;}
.recruit_table table td{font-size: 15px;padding: 10px 5px;min-width: 50px;}
.recruit_table .links{padding-top: 40px;}
.recruit_table .links a{font-size:15px;padding: 8px 40px;}


.contact_top{padding:80px 20px 20px;}
.contact_top h1{font-size:24px;margin-bottom:20px;}
.contact_top p{font-size:14px;line-height: 1.5em;}
.contact_main{width:100%;padding:20px 20px;}
form#mail_form{width:100%;padding:0;margin-bottom:20px;}
form#mail_form dl{width: 100%;margin-top: 0px;}
form#mail_form dl dt{padding: 5px 0;}
form#mail_form input{max-width:100%;margin-bottom:15px;}
form#mail_form #form_submit{margin-left:0;}
form#mail_form textarea{margin-bottom:10px;}
form#mail_form ul li{font-size:15px;}
form#mail_form #form_submit input{font-size: 14px;font-weight: 600;}

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

}