@charset "utf-8";

/* CSS Document */

body{ font-family:"微软雅黑","PingFang SC",PingFangSC-Regular,"helvetica neue",tahoma,arial,"hiragino sans gb",sans-serif; color:#333; background:#fff;}

@media screen and (min-width:1024px){

body{ font-size:16px; line-height:1.75; overflow-x:hidden;}

}

@media only screen and (max-width:1023px){

body{ font-size:14px; line-height:1.5; overflow-x:hidden;}

}



/*@media (max-width:1280px) and (min-width: 1024px) {

    html {

        zoom:80%;

    }

    @-ms-viewport { width: 1920px; }

}*/

#fome{ position:absolute; width:100%;}

a{ text-decoration:none; color:#333;-webkit-tap-highlight-color:transparent;}

*{ list-style:none; margin:0; border:none; outline:none; padding:0;}

.fl{ float:left;}

.fr{ float:right;}

.ov{ overflow:hidden;}

.dis{ display:block !important;}

.dn{ display:none;}

.clear:after,.clear:before{ content:""; display:block; clear:both;}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#999;} 

input:-moz-placeholder,textarea:-moz-placeholder{ color:#999;} 

input::-moz-placeholder,textarea::-moz-placeholder{ color:#999;} 

input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#999;} 

input,textarea{ -webkit-appearance:none;}



/*header*/

@media screen and (min-width:1024px){

.header{ width:90%; padding:0 5%; position:absolute; left:0; top:0; height:50px; z-index:99; opacity:0;}

.loaded .header{ padding-top:30px; opacity:1; transition:1s;}

.header.pos{ position:fixed; background-color:#fff; padding-top:0;}

.header .logo{ height:50px; float:left; vertical-align:middle;}

.header .logo a{ display:block; vertical-align:middle; height:50px; display:flex; align-items:center;}

.header .logo img{ display:inline; vertical-align:middle;}

.header .head{ float:right; height:50px;}

.header .yu{ float:left; display:block; height:50px;}

.header .yu dt{ display:block; float:left; font-size:16px; line-height:50px;}

.header .yu dt a{ display:block; color:#999; line-height:50px;}

.header .yu dt a:hover{ color:#1c50a1;}

.header .yu dt.on a{ color:#333; font-weight:bold;}

.header .yu dd{ display:block; float:left; width:1px; height:14px; background-color:#999; margin:18px 10px;}

.header .nav{ display:block; float:left; padding-right:1vw; height:50px;}

.header .nav li{ display:block; float:left; margin-right:3vw; position:relative;}

.header .nav li>a{ display:block; font-size:16px; line-height:50px; height:50px; font-weight:bold;}

.header .nav li p{ display:block; width:80px; position:absolute; left:50%; margin-left:-60px; top:40px; background:url(../images/nav.png) repeat center; text-align:center; overflow:hidden; opacity:0; transition:1s; padding:15px 20px;}

.header .nav li:hover p{ opacity:1; top:50px;}

.header .nav li p a{ display:block; font-size:14px; line-height:30px; height:30px; color:#333;}

.header .nav li p a:hover{ text-decoration:underline;}

}

@media only screen and (max-width:1023px){

.header{ width:100%; position:absolute; left:0; top:0; height:30px; z-index:99; opacity:0; padding:5px 0;}

.loaded .header{ opacity:1; transition:1s;}

.header.pos{ position:fixed; background-color:rgba(255,255,255,0.9);}

.header .logo{ height:30px; position:absolute; left:15px; top:5px; z-index:3; display:flex; align-items:center;}

.header .logo img{ display:block;}

.header .head{ width:100%; position:absolute; left:0; top:-100vh; z-index:0; height:30px; opacity:0; transition:1s; background-color:rgba(240, 242, 242, .95);}

.header.openMenu .head{ top:0; opacity:1; height:100vh;}

.header .yu{ display:block;}

.header .yu dt{ display:block; float:left; font-size:14px; line-height:34px; margin-left:3%; background-color:#fff; border-radius:5px; height:34px; overflow:hidden; width:29.33%;}

.header .yu dt a{ display:block; width:100%; line-height:34px; text-align:center;}

.header .yu dt a:hover{ color:#1c50a1;}

.header .yu dt.on a{ color:#fff; background-color:#1c50a1;}

.header .yu dd{ display:none;}

.header .nav{ display:block; width:94%; padding:70px 15px; padding-bottom:30px;}

.header .nav li{ display:block; margin-bottom:20px; position:relative;}

.header .nav li>a{ display:block; font-size:16px; line-height:26px; height:26px; font-weight:bold;}

.header .nav li p{ display:block;}

.header .nav li p a{ display:block; font-size:14px; line-height:24px; height:24px; color:#888; margin-left:15px;}

.header .nav li p a:hover{ color:#1c50a1;}

.header .menu{ width:30px; height:30px; position:absolute; top:5px; right:15px; z-index:5;}

.header .menu span{ width:100%; height:1px; position:absolute; background:#000; transition:transform .6s ease, background .6s ease;}

.menu span:nth-child(1){ top:6px;}

.menu span:nth-child(2){ top:14px;}

.menu span:nth-child(3){ top:22px;}

.header.openMenu .menu span:nth-child(1){ transform:translateY(8px) rotateZ(-45deg);}

.header.openMenu .menu span:nth-child(2){ opacity:0;}

.header.openMenu .menu span:nth-child(3){ transform:translateY(-8px) rotateZ(45deg);}

}



/*banner*/

@media screen and (min-width:1024px){

.banner{ width:100%; height:100vh; position:relative;}

.banner .bg{ width:106%; height:100%; opacity:0; transition:opacity 2s linear,background 6s ease-out; background-repeat:no-repeat; background-size:cover; background-position:-60px bottom;}

.loaded .banner .bg{ opacity:1; background-position:0 bottom;}

.banner .wen{ opacity:0; transition:opacity 3s linear; position:absolute; right:12.26%; top:43.81%;}

.loaded .banner .wen{ opacity:1;}

.banner .wen span{ display:block; font-size:42px; line-height:52px; color:#1c50a1;}

.banner .wen p{ display:block; font-size:18px; line-height:28px; margin-top:10px;}

}

@media only screen and (max-width:1023px){

.banner{ width:100%; height:60vw; position:relative;}

.banner .bg{ width:120%; height:100%; opacity:0; transition:opacity 2s linear,background 6s ease-out; background-repeat:no-repeat; background-size:cover; background-position:-60px 0;}

.loaded .banner .bg{ opacity:1; background-position:0 0;}

.banner .wen{ opacity:0; transition:opacity 3s linear; position:absolute; right:15px; top:50%; transform:translateY(-50%); text-align:right;}

.loaded .banner .wen{ opacity:1;}

.banner .wen span{ display:block; font-size:24px; line-height:34px; color:#1c50a1;}

.banner .wen p{ display:block; font-size:14px; line-height:24px;}

}



/*事業内容*/

@media screen and (min-width:1024px){

.sbox{ width:100%; min-height:100vh; background-color:#fff; display:flex; align-items:center;}

.sbox .box{ width:calc(100% - 30px); max-width:1500px; margin:auto; padding:0 15px;}

.sbox .title{ width:100%; text-align:center; font-weight:bold; padding-bottom:45px;}

.sbox .title p{ display:block; font-size:42px; line-height:0.75; color:#ababab; font-family:Arial; text-transform:uppercase;}

.sbox .title p a{ color:#1c50a1;}

.sbox .title span{ display:block; font-size:21px; line-height:1; margin-top:1em;}

.sbox .wen{ width:100%; text-align:center; padding-bottom:30px; font-size:16px;}

.sbox .list{ width:100%;}

.sbox .list li{ display:block; margin:0 0.5px; width:calc(25% - 1px); float:left; position:relative; overflow:hidden;}

.sbox .list li a{ display:block; width:100%; height:100%; position:relative; transition:1s; overflow:hidden; text-align:center; background:#1c50a1;}

.sbox .list li a .tu{ width:100%; padding-bottom:70%; background-size:cover; background-repeat:no-repeat; background-position:center; opacity:0.7;}

.sbox .list li a .mask{ width:90%; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); text-align:center; z-index:9;}

.sbox .list li a .mask b{ display:block; font-size:40px; line-height:0.75; color:#fff;}

.sbox .list li a .mask span{ display:block; font-size:18px; line-height:1; margin-top:15px; color:#fff;}

.sbox .list li a:after{ width:100%; height:100%; position:absolute; top:0; left:0; opacity:0; transition:opacity .6s ease; content:""; background:url(../images/img_business_cover.png) no-repeat center; background-size:cover; z-index:3;}

.sbox .list li a:hover:after{ opacity: .7;}

}

@media only screen and (max-width:1023px){

.sbox{ width:100%; background-color:#fff;}

.sbox .box{ padding:45px 15px;}

.sbox .title{ width:100%; text-align:center; font-weight:bold; padding-bottom:30px;}

.sbox .title p{ display:block; font-size:24px; line-height:0.75; color:#ababab; font-family:Arial; text-transform:uppercase;}

.sbox .title p a{ color:#1c50a1;}

.sbox .title span{ display:block; font-size:14px; line-height:1; margin-top:1em;}

.sbox .wen{ width:100%; padding-bottom:20px; font-size:14px;}

.sbox .list{ width:100%; margin-top:-20px;}

.sbox .list li{ display:block; width:100%; margin-top:20px; height:50vw; position:relative; overflow:hidden; background-size:cover; background-repeat:no-repeat; background-position:center;}

.sbox .list li a{ display:block; width:100%; height:100%; position:relative; transition:1s; overflow:hidden; text-align:center; background:#1c50a1;}

.sbox .list li a .tu{ width:100%; height:100%; background-size:cover; background-repeat:no-repeat; background-position:center; opacity:0.7;}

.sbox .list li a .mask{ width:90%; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); text-align:center;}

.sbox .list li a .mask b{ display:block; font-size:24px; line-height:0.75; color:#fff;}

.sbox .list li a .mask span{ display:block; font-size:14px; line-height:1; margin-top:15px; color:#fff;}

.sbox .list li a:after{ width:100%; height:100%; position:absolute; top:0; left:0; opacity:0; transition:opacity .6s ease; content:""; background:url(../images/img_business_cover.png) no-repeat center; background-size:cover; z-index:3;}

.sbox .list li a:hover:after{ opacity: .7;}

}



/*会社案内*/

@media screen and (min-width:1024px){

.cbox{ width:100%; min-height:100vh; background-color:#fff; display:flex; align-items:center;}

.cbox .box{ width:calc(100% - 30px); max-width:1500px; margin:auto; padding:0 15px;}

.cbox .title{ width:100%; text-align:center; font-weight:bold; padding-bottom:50px;}

.cbox .title p{ display:block; font-size:42px; line-height:0.75; color:#ababab; font-family:Arial; text-transform:uppercase;}

.cbox .title p a{ color:#1c50a1;}

.cbox .title span{ display:block; font-size:21px; line-height:1; margin-top:1em;}

.cbox .list{ width:100%;}

.cbox .list li{ display:block; margin:0.5px; width:calc(50% - 1px); float:left; height:13.43vw; position:relative; overflow:hidden;}

.cbox .list li img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}

.cbox .list li a{ width:100%; height:100%; display:block; position:absolute; left:0; top:0; z-index:9; background-color:rgba(0,0,0,0.5); overflow:hidden;}

.cbox .list li a .mask{ width:90%; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); font-size:24px; color:#fff; font-weight:bold; text-align:center;}

.cbox .list li:hover img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}

}

@media only screen and (max-width:1023px){

.cbox{ width:100%; background-color:#fff;}

.cbox .box{ padding:45px 15px;}

.cbox .title{ width:100%; text-align:center; font-weight:bold; padding-bottom:35px;}

.cbox .title p{ display:block; font-size:24px; line-height:0.75; color:#ababab; font-family:Arial; text-transform:uppercase;}

.cbox .title p a{ color:#1c50a1;}

.cbox .title span{ display:block; font-size:14px; line-height:1; margin-top:1em;}

.cbox .list{ width:100%; margin-top:-20px;}

.cbox .list li{ display:block; width:100%; margin-top:20px; height:27.82vw; position:relative; overflow:hidden; background-size:cover; background-repeat:no-repeat; background-position:center;}

.cbox .list li img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}

.cbox .list li a{ width:100%; height:100%; display:block; position:absolute; left:0; top:0; z-index:9; background-color:rgba(0,0,0,0.5); overflow:hidden;}

.cbox .list li a .mask{ width:90%; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); font-size:24px; color:#fff; font-weight:bold; text-align:center;}

.cbox .list li:hover img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}

}



/*ニュース*/

@media screen and (min-width:1024px){

.nbox{ width:100%; min-height:100vh; background-color:#fff; display:flex; align-items:center;}

.nbox .box{ width:90%; max-width:1500px; margin:auto; padding:0 0;}

.nbox .title{ width:100%; text-align:center; font-weight:bold; padding-bottom:45px;}

.nbox .title p{ display:block; font-size:42px; line-height:0.75; color:#ababab; font-family:Arial; text-transform:uppercase;}

.nbox .title p a{ color:#1c50a1;}

.nbox .title span{ display:block; font-size:21px; line-height:1; margin-top:1em;}

.nbox .list{ width:100%; display:block; max-height:445px;}

.nbox .list dt{ border-bottom:1px dashed #999; display:block; overflow:hidden; padding:10px 0; font-size:14px; line-height:24px;}

.nbox .list dt a{ display:block; float:right; position:relative;}

.nbox .list dt a:hover{ color:#999;}

.nbox .list dt a:after{

	width: 100%;

	height: 1px;

	position: absolute;

	bottom:2px;

	left: 0;

	transition: opacity .6s ease;

	content: "";

	background: #404040;

}

.nbox .list dt a:hover:after{ opacity:0;}

.nbox .list dd{ border-bottom:1px dashed #999; display:block; overflow:hidden; padding:10px 0; line-height:24px; margin-top:5px;}

.nbox .list dd b{ display:block; float:left; text-align:center; width:19%; font-size:18px;}

.nbox .list dd p{ display:block; float:left; width:81%; font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.nbox .list dd:hover p{ color:#1c50a1;}

}

@media only screen and (max-width:1023px){

.nbox{ width:100%; background-color:#fff;}

.nbox .box{ padding:45px 15px;}

.nbox .title{ width:100%; text-align:center; font-weight:bold; padding-bottom:30px;}

.nbox .title p{ display:block; font-size:24px; line-height:0.75; color:#ababab; font-family:Arial; text-transform:uppercase;}

.nbox .title p a{ color:#1c50a1;}

.nbox .title span{ display:block; font-size:14px; line-height:1; margin-top:1em;}

.nbox .list{ width:100%; display:block; height:348px;}

.nbox .list dt{ border-bottom:1px dashed #999; display:block; overflow:hidden; padding-bottom:5px; font-size:12px; line-height:22px;}

.nbox .list dt a{ display:block; float:right;}

.nbox .list dt a:hover{ color:#1c50a1;}

.nbox .list dd{ border-bottom:1px dashed #999; display:block; overflow:hidden; padding:5px 0; line-height:24px; margin-top:5px;}

.nbox .list dd b{ display:block; float:left; width:100px; font-size:16px;}

.nbox .list dd p{ display:block; float:left; width:calc(100% - 100px); font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.nbox .list dd:hover p{ color:#1c50a1;}

}



/*联系我们*/

@media screen and (min-width:1024px){

.lbox{ width:100%; background-color:#fff; min-height:100vh; display:flex; align-items:center;}

.lbox .box{ width:90%; max-width:1500px; margin:auto; padding:0 0;}

.lbox .title{ width:100%; text-align:center; padding-bottom:42px; line-height:46px;}

.lbox .title p{ display:block; font-size:50px; color:#1c50a1;}

.lbox .title span{ display:block; font-size:20px;}

.tel-fax{ max-width:1080px; margin:auto; text-align:center; background-color:#4169E1; border-radius:15px; padding-bottom:33px; line-height:30px;}

.tel-fax h3{ position:relative; text-align:center; font-size:20px; color:#fff; padding:30px 0; margin:auto; display:inline-block; font-weight:400;}

.tel-fax h3:before{ position:absolute; content:""; width:48px; height:48px; background-image:url(../images/tel_27.png); left:-60px; top:50%; margin-top:-24px;}

.tel-fax-cnt{ width:844px; height:80px; margin:0 auto; display:flex; justify-content:space-around; background-color:#fff; border-radius:15px; align-items:center;}

.tel-fax-cnt .tel,.tel-fax-cnt .fax{ width:50%;} 

.tel-fax-cnt .tel span,.tel-fax-cnt .fax span{ font-size:20px; font-weight:bold;}

.tel-fax-cnt .tel strong,.tel-fax-cnt .fax strong{ font-weight:bold; color:#4169E1; font-size:25px;}

.tel-fax-cnt .tel em,.tel-fax-cnt .fax em{ font-style:normal; color:#313131; font-size:14px; font-stretch:normal; letter-spacing:0.05em;}

}

@media only screen and (max-width:1023px){

.lbox{ width:100%; background-color:#fff;}

.lbox .box{ padding:45px 15px;}

.lbox .title{ width:100%; text-align:center; padding-bottom:25px; line-height:36px;}

.lbox .title p{ display:block; font-size:35px; color:#1c50a1;}

.lbox .title span{ display:block; font-size:14px;}

.tel-fax{ text-align:center; background-color:#4169E1; border-radius:15px; padding:21px; line-height:30px;}

.tel-fax h3{ position:relative; text-align:center; font-size:16px; color:#fff; padding:0; margin:auto; margin-bottom:20px; display:inline-block; font-weight:400;}

.tel-fax-cnt{ padding:20px 0; background-color:#fff; border-radius:15px; align-items:center;}

.tel-fax-cnt .tel,.tel-fax-cnt .fax{ width:100%;} 

.tel-fax-cnt .tel span,.tel-fax-cnt .fax span{ font-size:20px; font-weight:bold;}

.tel-fax-cnt .tel strong,.tel-fax-cnt .fax strong{ font-weight:bold; color:#4169E1; font-size:25px;}

.tel-fax-cnt .tel em,.tel-fax-cnt .fax em{ font-style:normal; color:#313131; font-size:14px; font-stretch:normal; letter-spacing:0.05em;}

}



@media screen and (min-width:1024px){

.lbox01{ width:100%; min-height:100vh; display:flex; align-items:center; background-color:#fff;}

.lbox01 .box{ max-width:1500px; width:90%; margin:auto; padding:75px 0;}

.lbox01 .title{ width:100%; text-align:center; padding-bottom:42px; line-height:46px;}

.lbox01 .title p{ display:block; font-size:50px; color:#1c50a1;}

.lbox01 .title span{ display:block; font-size:20px;}

}

@media only screen and (max-width:1023px){

.lbox01{ width:100%; background-color:#fff;}

.lbox01 .box{ padding:45px 15px; padding-top:0;}

.lbox01 .title{ width:100%; text-align:center; padding-bottom:25px; line-height:36px;}

.lbox01 .title p{ display:block; font-size:35px; color:#1c50a1;}

.lbox01 .title span{ display:block; font-size:14px;}

}



@media screen and (min-width:1024px){

.mw_wp_form{ max-width:1080px; width:100%; margin:auto; font-size:16px; line-height:30px; font-weight:400;}

.mw_wp_form *{ font-size:16px;}

.mw_wp_form .wen{ font-size:16px; line-height:30px;}

.form-tbl{ margin:50px 0;}

.form-tbl th,.form-tbl td{ text-align:left; vertical-align:top; padding:20px 0; border-bottom:1px dotted #ccc;}

.form-tbl th{ font-weight:bold; line-height:21px;}

.form-tbl th .required{ float:right; color:#fff; font-size:16px; padding:5px 13px; margin-top:5px; background-color:#E50000;}

.form-tbl td{ width:830px; padding-left:20px;}

.form-tbl th span{ font-size:14px;}

.form-tbl input[type="text"],.form-tbl input[type="email"]{ font-size:16px; width:100%; height:50px; padding:15px 10px; border-radius:20px; box-sizing:border-box; border:1px solid #9B9B9B;}

.form-tbl textarea{ font-size:16px; width:100%; height:250px; padding:15px 10px; border-radius:20px; box-sizing:border-box; border:1px solid #9B9B9B;}

.mw_wp_form .error{ color:#B70000; display:block; font-size:14px; line-height:30px;}

.submit-btn{ text-align:center; margin:60px auto 0 auto; text-align:center;}

.submit-btn input{ font-weight:bold; font-size:22px; width:360px; height:60px; color:#fff; background-color:#4169E1; border-radius:30px; border:none; box-shadow:none; cursor:pointer; display:inline-block;}

.submit-btn input.back-btn{ background-color:#ccc;}

.privacy-inner{ padding:38px; background-color:#F5F5F5;}

.privacy-cnt{ width:auto; height:256px; padding:22px 11px; box-sizing:border-box; overflow:auto; background-color:#fff; text-align:left;}

.privacy-cnt h2{ text-align:center; font-weight:bold; margin-bottom:23px;}

.privacy-cnt p{ margin-bottom:0;}

.privacy-cnt strong{ font-weight:bold;}

}

@media only screen and (max-width:1023px){

.mw_wp_form{ width:100%; font-size:16px; line-height:30px; font-weight:400;}

.mw_wp_form *{ font-size:16px;}

.mw_wp_form .wen{ font-size:16px; line-height:30px;}

.form-tbl{ margin:25px 0;}

.form-tbl th,.form-tbl td{ text-align:left; vertical-align:top;}

.form-tbl td{ border-bottom:1px dotted #ccc; display:block; padding-bottom:20px;}

.form-tbl th{ font-weight:bold; line-height:21px; display:block; padding-bottom:10px; padding-top:20px;}

.form-tbl th .required{ float:right; color:#fff; font-size:16px; padding:5px 13px; margin-top:5px; background-color:#E50000;}

.form-tbl th span{ font-size:14px;}

.form-tbl input[type="text"],.form-tbl input[type="email"]{ font-size:16px; width:100%; height:50px; padding:15px 10px; border-radius:20px; box-sizing:border-box; border:1px solid #9B9B9B;}

.form-tbl textarea{ font-size:16px; width:100%; height:250px; padding:15px 10px; border-radius:20px; box-sizing:border-box; border:1px solid #9B9B9B;}

.mw_wp_form .error{ color:#B70000; display:block; font-size:14px; line-height:24px;}

.submit-btn{ text-align:center; margin:30px auto 0 auto;}

.submit-btn input{ font-weight:bold; font-size:18px; width:100%; height:50px; color:#fff; background-color:#4169E1; border-radius:30px; border:none; box-shadow:none; cursor:pointer;}

.submit-btn input.back-btn{ background-color:#ccc;}

.privacy-inner{ padding:20px; background-color:#F5F5F5;}

.privacy-cnt{ width:auto; height:256px; padding:22px 11px; box-sizing:border-box; overflow:auto; background-color:#fff; text-align:left;}

.privacy-cnt h2{ text-align:center; font-weight:bold; margin-bottom:23px;}

.privacy-cnt p{ margin-bottom:0;}

.privacy-cnt strong{ font-weight:bold;}

}



/*footer*/

@media screen and (min-width:1024px){

.footer{ width:66%; margin:auto; max-width:1000px; padding-bottom:45px;}

.footer .foot{ width:100%; display:flex; justify-content:space-between;}

.footer .foot dl{ display:block; text-align:center;}

.footer .foot dt{ font-size:14px; line-height:30px; font-weight:bold;}

.footer .foot dd{ display:block; padding-top:5px;}

.footer .foot dd a{ display:block; font-size:14px; line-height:30px; height:30px; overflow:hidden;}

.footer .foot dd a:hover{ color:#1c50a1;}

.footer .bq{ width:100%; text-align:center; font-size:12px; line-height:22px; padding-top:35px; text-transform:uppercase}

}

@media only screen and (max-width:1023px){

.footer{ padding:0 15px; padding-bottom:10px;}

.footer .foot{ width:100%; display:flex; justify-content:space-between;}

.footer .foot dl{ display:block; text-align:center;}

.footer .foot dt{ font-size:14px; line-height:24px; font-weight:bold;}

.footer .foot dd{ display:block; padding-top:5px;}

.footer .foot dd a{ display:block; font-size:14px; line-height:24px; height:24px; overflow:hidden;}

.footer .foot dd a:hover{ color:#1c50a1;}

.footer .bq{ width:100%; text-align:center; font-size:12px; line-height:22px; padding-top:15px; text-transform:uppercase}

}



/*内页*/

@media screen and (min-width:1024px){

.ban{ width:100%; position:relative; z-index:0; margin-top:80px; display:none;}

.ban img{ width:100%; display:block;}

.ban h2{ width:100%; position:absolute; top:50%; left:0; font-size:40px; color:#fff; text-align:center; letter-spacing:15px; text-indent:15px; opacity:0; transition:opacity 1s ease; z-index:1; transform:translateY(-50%);}

.loaded .ban h2{ opacity:1;}

.sav{ width:90%; padding:15px 5%; border-bottom:1px solid #ddd; text-align:center; display:none;}

.sav a{ display:inline-block; margin:0 20px; font-size:18px;}

.sav a:hover,.sav a.on{ color:#1c50a1;}

}

@media only screen and (max-width:1023px){

.ban{ width:100%; height:40vw; position:relative; z-index:0; margin-top:50px; background-size:cover; background-position:center; background-repeat:no-repeat; display:none;}

.ban img{ width:100%; display:none;}

.ban h2{ width:100%; position:absolute; top:50%; left:0; font-size:24px; color:#fff; text-align:center; letter-spacing:5px; text-indent:5px; opacity:0; transition:opacity 1s ease; z-index:1; transform:translateY(-50%);}

.loaded .ban h2{ opacity:1;}

.sav{ width:94%; padding:10px 3%; border-bottom:1px solid #ddd; text-align:center; display:none;}

.sav a{ display:inline-block; margin:0 5px; font-size:16px;}

.sav a:hover,.sav a.on{ color:#1c50a1;}

}



/*事業内容*/

@media screen and (min-width:1024px){

.main{ width:100%; background-color:#fff; display:flex; align-items:center;}

.main .box{ width:90%; max-width:1500px; margin:auto;}

.main .title{ width:100%; text-align:center; font-weight:bold; padding-bottom:35px;}

.main .title p{ display:block; font-size:32px; line-height:1; color:#ababab; text-transform:uppercase;}

.main .title p a{ color:#1c50a1;}

.main .wen{ width:100%; text-align:center; font-size:16px;}



.main .sc{ box-sizing:border-box; height:100vh; width:100%; display:flex; align-items:center; justify-content:center;}

.main .sc .left{ max-width:50%; margin-right:5%;}

.main .sc .left img{ max-width:100%; display:block;}

.main .sc .right{ width:45%;}

.main .sc .right .bt{ font-size:24px; margin-bottom:20px; font-weight:bold;}

.main .sc .right .bt.mar{ margin-top:40px;}

.main .sc .right .wz{ font-size:16px;}



.main .scc{ box-sizing:border-box; min-height:100vh; width:100%; display:flex; justify-content:center; flex-direction:column;}

.main .scc .sc{ height:auto; margin-top:30px;}



.main .cont{ margin-top:30px; width:100%; display:flex; align-items:center; justify-content:center;}

.main .cont .left{ max-width:50%; height:50vh; margin-right:5%;}

.main .cont .left img{ max-width:100%; display:block;}

.main .cont .right{ width:45%;}

.main .cont .right .bt{ font-size:24px; line-height:1.5; margin-bottom:10px; font-weight:bold;}

.main .cont .right .bt.mar{ margin-top:20px;}

.main .cont .right .wz{ font-size:16px; line-height:1.5;}

.main#career2{ background-color:#fff; border:none; box-sizing:border-box; min-height:100vh; padding-top:50px; margin-top:0;}

.main#career3{ border-top:none; margin-top:0; box-sizing:border-box; min-height:100vh; padding-top:50px;}

.main#career4{ background-color:#fff; border:none; padding:75px 0;}

}

@media only screen and (max-width:1023px){

.main{ width:100%; background-color:#fff; margin-top:50px;}

.main .box{ padding-top:50px;}

.main .title{ padding:0 15px; text-align:center; font-weight:bold; padding-bottom:30px;}

.main .title p{ display:block; font-size:24px; line-height:1; color:#ababab; text-transform:uppercase;}

.main .title p a{ color:#1c50a1;}

.main .wen{ padding:0 15px; font-size:14px;}

.main .sc{ padding:50px 15px; width:100%; box-sizing:border-box;}

.main .sc .left{ width:100%;}

.main .sc .left img{ max-width:100%; display:block; margin:auto;}

.main .sc .right{ width:100%; margin-top:15px;}

.main .sc .right .bt{ font-size:18px; margin-bottom:5px; font-weight:bold;}

.main .sc .right .bt.mar{ margin-top:10px;}

.main .sc .right .wz{ font-size:14px;}



.main .cont{ padding:50px 15px; width:100%; box-sizing:border-box;}

.main .cont:last-child{ padding-bottom:0;}

.main .cont.cc{ background-color:#f1f1f1; padding-bottom:30px !important;}

.main .cont .left{ width:100%;}

.main .cont .left img{ max-width:100%; display:block; margin:auto;}

.main .cont .right{ width:100%; margin-top:15px;}

.main .cont .right .bt{ font-size:18px; margin-bottom:5px; font-weight:bold;}

.main .cont .right .bt.mar{ margin-top:10px;}

.main .cont .right .wz{ font-size:14px;}



.main#career2{ background-color:#fff; border:none;}

.main#career3{ border-top:none; margin-top:0;}

.main#career4{ background-color:#fff; border:none; margin-top:0;}

}



@media screen and (min-width:1024px){

.main .cont .left01{ width:50%; margin-right:5%;}

.main .cont .left01 ul{ width:100%; display:block; margin-top:-15px;}

.main .cont .left01 ul li{ width:33.33%; float:left; text-align:center; margin-top:20px;}

.main .cont .left01 ul li:nth-child(3n+1){ clear:left; float:left;}

.main .cont .left01 ul li img{ height:100px; display:block; margin:auto;}

.main .cont .left01 ul li p{ display:block; font-size:16px; line-height:20px; margin-top:10px;}

}

@media only screen and (max-width:1023px){

.main .cont .left01{ width:100%;}

.main .cont .left01 ul{ width:100%; display:block; margin-top:-15px;}

.main .cont .left01 ul li{ width:33.33%; float:left; text-align:center; margin-top:15px;}

.main .cont .left01 ul li:nth-child(3n+1){ clear:left; float:left;}

.main .cont .left01 ul li img{ height:50px; display:block; margin:auto;}

.main .cont .left01 ul li p{ display:block; font-size:14px; line-height:18px; margin-top:5px;}

}

@media (max-width:1280px) and (min-width: 1024px) {

.main .cont .left01 ul li img{ height:60px !important; width:auto !important;}

}



@media screen and (min-width:1024px){

#career4 .main .title{ margin-bottom:0;}

.main .lists{ width:100%; display:flex; justify-content:space-between; flex-wrap:wrap; margin-top:-4vw;}

.main .lists li{ width:18%; padding:2vw 20px; text-align:center; box-sizing:border-box; display:block; overflow:hidden; margin-top:5vw; background-color:#eee; border-radius:10px;}

.main .lists li .shu{ width:80px; height:80px; border-radius:100%; margin:5px auto; margin-bottom:15px; background-color:#1c50a1; font-size:40px; line-height:80px; color:#fff;}

.main .lists li .bt{ font-size:18px; line-height:28px; font-weight:bold;}

.main .lists li .wz{ font-size:16px; line-height:26px; margin-top:10px;}

}

@media only screen and (max-width:1023px){

.main .lists{ padding:0 15px; margin-top:-20px; display:flex; justify-content:space-between; flex-wrap:wrap;}

.main .lists li{ width:48%; padding:10px; text-align:center; box-sizing:border-box; display:block; overflow:hidden; margin-top:20px; background-color:#eee; border-radius:5px;}

.main .lists li .shu{ width:60px; height:60px; border-radius:100%; margin:5px auto; background-color:#1c50a1; font-size:30px; line-height:60px; color:#fff;}

.main .lists li .bt{ font-size:18px; line-height:28px; font-weight:bold;}

.main .lists li .wz{ font-size:14px; line-height:24px;}

}



/*会社概要*/

@media screen and (min-width:1024px){

.main .wenz{ width:100%; margin:auto; font-size:16px;}

.main#about2 .wenz{ width:66%; padding:30px; box-sizing:border-box; border:1px solid #ddd;}

.main#about3 .wenz{ width:66%; padding:30px; box-sizing:border-box; border:1px solid #ddd;}

.main#about1{ margin-bottom:75px;}

.main .wenz img{ max-width:100%; height:auto;}

.main .wenz table{ width:100%; border-right:1px solid #cacaca; border-bottom:1px solid #cacaca; line-height:24px;}

.main .wenz table tr{ height:44pt !important;}

.main .wenz table td{ border-left:1px solid #cacaca; border-top:1px solid #cacaca; padding:0 20px;}

.main .wenz table tr td:first-child{ min-width:60px;}

.main .wenz table td p{ width:auto !important;}



#about1,#about2,#about3,#about4{ min-height:100vh; padding-top:50px; box-sizing:border-box;}

#about2,#about3,#about1{ border-top:none;}

}

@media only screen and (max-width:1023px){

.main#about1{ margin-bottom:45px;}

.main .wenz{ padding:0 15px; font-size:14px;}

.main .wenz img{ max-width:100%; height:auto;}

.main .wenz table{ width:100%; border-right:1px solid #cacaca; border-bottom:1px solid #cacaca;}

.main .wenz table tr{ height:50pt !important;}

.main .wenz table td{ border-left:1px solid #cacaca; border-top:1px solid #cacaca; padding:0 10px;}

.main .wenz table tr td:first-child{ min-width:60px;}

.main .wenz table td p{ width:auto !important;}

#about2,#about3,#about1{ border-top:none;}

}



/*ニュース*/

@media screen and (min-width:1024px){

.nn{ min-height:100vh; padding:75px 0; box-sizing:border-box;}

.main .news{ width:100%; display:block;}

.main .news dd{ border-bottom:1px dashed #999; display:block; overflow:hidden; padding:10px 0; line-height:24px; margin-top:5px;}

.main .news dd b{ display:block; float:left; text-align:center; width:19%; font-size:18px;}

.main .news dd p{ display:block; float:left; width:81%; font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.main .news dd:hover p{ color:#1c50a1;}



.fanye{ width:100%; margin-top:30px; text-align:center; overflow:hidden;}

.fanye li{ margin:0 3px; display:inline-block;}

.fanye li a{ min-width:14px; padding:0 5px; height:24px; line-height:24px; background-color:#f2f2f2; border-radius:3px; display:block;}

.fanye li span{ min-width:14px; padding:0 5px; height:24px; line-height:24px; border-radius:3px; display:block;}

.fanye li.active span{ color:#fff; background-color:#1c50a1;}

.fanye li.disabled span{ color:#aaa; background-color:#f2f2f2; cursor:no-drop;}

.fanye li a:hover{ color:#1c50a1;}

}

@media only screen and (max-width:1023px){

.nn{ padding-bottom:45px;}

.main .news{ padding:0 15px; display:block;}

.main .news dd{ border-bottom:1px dashed #999; display:block; overflow:hidden; padding:5px 0; line-height:24px; margin-top:5px;}

.main .news dd b{ display:block; float:left; width:100px; font-size:16px;}

.main .news dd p{ display:block; float:left; width:calc(100% - 100px); font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.main .news dd:hover p{ color:#1c50a1;}



.fanye{ padding:0 15px; margin-top:15px; text-align:center; overflow:hidden;}

.fanye li{ margin:0 3px; display:inline-block;}

.fanye li a{ min-width:14px; padding:0 5px; height:24px; line-height:24px; background-color:#f2f2f2; border-radius:3px; display:block;}

.fanye li span{ min-width:14px; padding:0 5px; height:24px; line-height:24px; border-radius:3px; display:block;}

.fanye li.active span{ color:#fff; background-color:#1c50a1;}

.fanye li.disabled span{ color:#aaa; background-color:#f2f2f2; cursor:no-drop;}

.fanye li a:hover{ color:#1c50a1;}

}



@media screen and (min-width:1024px){

.container{ max-width:1080px; margin:auto; width:100%; padding-top:30px; border-top:1px solid #eee;}

.detail-date{ font-size:18px;}

.detail-title{ font-size:28px; line-height:1.4;}

.detailText{ margin-top:40px; font-size:16px;}

.detailText img{ max-width:100%; height:auto;}

.backORcloseBtn a{ margin:50px auto 0; display:block; line-height:40px; color:#fff; background-color:#666; width:160px; text-align:center; font-size:16px; font-weight:600; border-radius:20px; letter-spacing:0.2em;}

.backORcloseBtn a:hover{ background-color:#1c50a1;}

}

@media only screen and (max-width:1023px){

.container{ width:calc(100% - 30px); margin:auto; padding-top:15px; border-top:1px solid #eee;}

.detail-date{ font-size:14px;}

.detail-title{ font-size:18px; margin-top:5px;}

.detailText{ margin-top:20px; font-size:14px;}

.detailText img{ max-width:100%; height:auto;}

.backORcloseBtn a{ margin:20px auto 0; display:block; line-height:34px; color:#fff; background-color:#666; width:120px; text-align:center; font-size:14px; font-weight:600; border-radius:20px; letter-spacing:0.2em;}

.backORcloseBtn a:hover{ background-color:#1c50a1;}

}



/*弹出框*/

@media screen and (min-width:769px){

#btn1{ cursor: pointer;}

.xcConfirm .xc_layer{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #666666; opacity: 0.5; z-index: 2147000000;}

.xcConfirm .popBox{position: fixed; left: 50%; top: 50%; padding-bottom: 20px; background-color: #ffffff; z-index: 2147000001; width: 570px; margin-left: -285px; margin-top: -160px; border-radius: 5px; font-weight: bold; color: #535e66;}

.xcConfirm .popBox .ttBox{height: 30px; line-height: 30px; padding: 14px 30px; border-bottom: solid 1px #eef0f1;}

.xcConfirm .popBox .ttBox .tt{font-size: 18px; display: block; float: left; height: 30px; position: relative;}

.xcConfirm .popBox .ttBox .clsBtn{display: block; cursor: pointer; width: 12px; height: 12px; position: absolute; top: 22px; right: 30px; background: url(__PUBLIC__/Home/PC/images/icons.png) -48px -96px no-repeat;}

.xcConfirm .popBox .txtBox{margin: 40px 100px; overflow: hidden;}

.xcConfirm .popBox .txtBox .bigIcon{float: left; margin-right: 20px; width: 48px; height: 48px; background-image: url(__PUBLIC__/Home/PC/images/icons.png); background-repeat: no-repeat; background-position: 48px 0;}

.xcConfirm .popBox .txtBox p{ margin-top: 16px; line-height: 26px; overflow-x: hidden; overflow-y: auto;}

.xcConfirm .popBox .btnArea{border-top: solid 1px #eef0f1;}

.xcConfirm .popBox .btnGroup{float: right;}

.xcConfirm .popBox .btnGroup .sgBtn{margin-top: 14px; margin-right: 10px;}

.xcConfirm .popBox .sgBtn{display: block; cursor: pointer; float: left; width: 95px; height: 35px; line-height: 35px; text-align: center; color: #FFFFFF; border-radius: 5px;}

.xcConfirm .popBox .sgBtn.ok{background-color: #1c50a1; color: #FFFFFF;}

.xcConfirm .popBox .sgBtn.cancel{background-color: #1c50a1; color: #FFFFFF;}

}

@media only screen and (max-width: 768px){

#btn1{ cursor: pointer;}

.xcConfirm .xc_layer{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #666666; opacity: 0.5; z-index: 2147000000;}

.xcConfirm .popBox{position: fixed; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); padding-bottom:20px; background-color: #ffffff; z-index: 2147000001; width: 90%; border-radius: 5px; font-weight: bold; color: #535e66;}

.xcConfirm .popBox .ttBox{ text-align:center; padding:20px 15px;}

.xcConfirm .popBox .ttBox .tt{font-size: 18px; display: block; height:28px; position: relative;}

.xcConfirm .popBox .ttBox .clsBtn{ display:none;}

.xcConfirm .popBox .txtBox{padding:20px; padding-top:0; text-align:center; overflow: hidden;}

.xcConfirm .popBox .txtBox .bigIcon{ display:none;}

.xcConfirm .popBox .txtBox p{ font-size:14px; line-height: 24px;}

.xcConfirm .popBox .btnArea{ text-align:center;}

.xcConfirm .popBox .btnGroup .sgBtn{ text-align:center;}

.xcConfirm .popBox .sgBtn{display:inline-block; margin:0 10px; cursor: pointer; text-align:center; font-size:14px; line-height:24px; color:#1c50a1; font-variant:normal;}

.xcConfirm .popBox .sgBtn:nth-child(2){ color:#333;}

}