@charset "utf-8";

body {-webkit-text-size-adjust: none;font: 20px/1.75 Verdana,Geneva,Arial,Helvetica,Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック";}
body, select, input, textarea {color: #4b4b4b;}

a,
a:link {color: #0050cd; -webkit-tap-highlight-color: rgba(0,0,0,0); text-decoration: underline;}
a:visited {color: #0050cd;}
a:hover {color: #0f5fcf; text-decoration: underline;}
a:active {color: #0050cd;}
a:focus {outline: none;}
a.telNo:link,
a.telNo:visited,
a.telNo:hover {color: #4b4b4b; text-decoration: none; cursor: default;}
.ios a.telNo:link,
.ios a.telNo:visited,
.ios a.telNo:hover {color: #4b4b4b; text-decoration: none;}
a:hover img {opacity:0.5;transition: all 0.2s 0s ease;}

header{background:#fff;height:140px;position:fixed;width:100%;top:0; z-index:1;}
header .container{height:145px;max-width:1366px;min-width:360px;width:100%;}
header .logo{position:absolute;top:45px;width:auto;left:50px;}
header .logo img{height:58px;width:500px;transition: all 0.3s 0s linear;}
header .gnavi{position:absolute;right:60px;top:60px;transition: top 0.3s 0s linear;}
header .gnavi li{display:inline-block;border-left:1px solid #0050cd;padding:0 10px 0 15px; line-height:1;}
header .gnavi li:first-child{border-left:none;padding-left:10px;}
header .gnavi li:last-child{padding-right:10px;}
header .gnavi a,
header .gnavi a:link {text-decoration: none;font-size:20px; color:#0050cd; line-height:1;}
header .gnavi a:hover {color: #0f5fcf;}


footer{padding:70px 0 75px;background:#0050cd;margin-top:90px;}
footer .container{width:100%; margin:0 auto ;text-align: center;}
footer .footerNavi {line-height:1}
footer .footerNavi li{display:inline-block;border-left:1px solid #fff;padding:0 30px ;color:#fff;font-size:21px;}
footer .footerNavi li:first-child{border-left:none;padding-left:0;}
footer .footerNavi li:last-child{padding-right:0;}
footer .footerNavi a,
footer .footerNavi a:link {text-decoration: none; color:#fff;}
footer .footerNavi a:hover {opacity: 0.5}
footer .copyright{margin-top:30px;font-size:16px; color:#fff;}
footer .copyright .telNo{margin:0 15px; display: inline-block;color:#fff}

main .container{width:755px;margin:0 auto;position:relative;min-width:360px;padding-top: 140px;}

/*サイトトップ*/
#siteTop main .container{width:auto;margin:0 auto; position:relative;max-width:1300px;min-width:360px;}
#siteTop footer{background:none;margin-top:0;}
#siteTop footer .footerNavi li{border-left:1px solid #0050cd; color:#0050cd;}
#siteTop footer .footerNavi li:first-child{border-left:none;padding-left:0;}
#siteTop footer .footerNavi a,
#siteTop footer .footerNavi a:link {color:#0050cd;}
#siteTop footer .copyright{color:#4b4b4b;}
#siteTop footer .copyright .telNo{color:#4b4b4b}
#siteTop .topImg img{width:100%;}


h1{color:#0050cd; font-size:22px;font-weight: bold;margin:95px 0 60px 0; text-align:center;}
h1 img{margin:0 auto 20px ;display:block;width:auto;}
h1 span.headlineText{}

h2{color:#0050cd; font-size:22px;font-weight: bold;margin:95px 0 60px 0; text-align:center;}
h2 img{margin:0 auto 20px ;display:block;width:auto;}
h2 span.headlineText{}

h3{margin:90px 0 35px 0; text-align:center;}
h3 img{width:auto;}

p{margin-top:50px;text-align: justify; text-justify: inter-ideograph;}
dt{float:left;position:relative;padding-top:5px;}
dd{padding-left:8em;position:relative;padding-top:5px;}
dd.expanded{padding:50px 0 0 30px;}
dd p{line-height: inherit;}
dd table p:last-child{margin-bottom:0;}

ul{list-style-type: disc;padding-left: 1.5em;}

.nobr{display:inline-block;}

.mapLayout{margin:50px 0 ;text-align: center}

ul.workHistory {list-style-type:none; padding-left:0;}
ul.workHistory li{padding:1em 0 ; border-bottom:1px solid #4b4b4b;}
ul.workHistory li:first-child{padding-top:0;}
ul.workHistory li:last-child{padding-bottom:0; border-bottom:none;}
ul.workHistory div{display:flex;justify-content:space-between; line-height: 1.5}
ul.workHistory .wh_title{flex:0 1 60%;}
ul.workHistory .wh_status{flex:0 1 20%;}
ul.workHistory .wh_genre{flex:0 1 20%;}
ul.workHistory .wh_content{margin-top:0.5em;display:block;}


ul.workflow{list-style-type:none; padding-left:0;margin-top:50px;}
ul.workflow li{display: flex;}
ul.workflow li+li{margin-top:20px;}
ul.workflow .wfLayout_icon{}
ul.workflow .wfLayout_icon img{}
ul.workflow .wfLayout_text{margin-left:50px;}
ul.workflow .wfLayout_text .wf_process{display:block;color:#0050CD;}
ul.workflow .wfLayout_text .wf_details{display:block;}

ul.workflow li:nth-child(2) .wfLayout_text .wf_process{margin-top:15px;}
ul.workflow li:nth-child(4) {margin-top:30px;}
ul.workflow li:nth-child(5) {margin-top:30px;}
ul.workflow li:nth-child(6) .wfLayout_text .wf_process{margin-top:50px;}


.kv img{width:100%;}
.kv+p{margin-top:75px;}

p.name{text-align: right;margin-top:85px;}
p.nameLeft{margin-top:85px;}
p.copy{font-size:34px;}

.message{ text-align: center;font-size:44px;margin:110px 0 100px;}
.photo_ceo{width:205px;margin:80px auto 0;}
.photo_ceo img{width:100%;}

/*form*/
.formMsg{font-size:22px;text-align: center}
.bulletList{margin-top:30px; text-align: left;}
.backToTop a{display: block; border-radius: 10px; background: #0050cd; color: #fff; width: 300px; height: 60px; border: none; margin: 50px 0; transition: opacity 0.3s 0s ease; text-decoration: none; text-align: center;line-height: 60px;}
.backToTop a:hover{opacity:0.5;}

.sp{display:none;}/*スマホのみ表示要素OFF*/
.pc{display:block;}/*PCのみ表示要素ON*/
.spInline{display:none;}
.halfWidthBreakSP{word-break: break-all;}

@media only screen and (max-width: 1300px) {
header .container .gnavi{display:none;}	
.drawerMenuParent {display:block;}
.drawerMenuParent .humbergerBtn2 {display:block;position:relative;z-index:2000;}
.drawerMenuParent .humbergerBtn2 .spMenuIcon{display:block;background:url(../img/sp_menuIcon_open.png) no-repeat center center;width:62px;height:48px;right:30px;top:50px;position:absolute;background-size: contain; transition: top 0.5s 0s ease;}
.drawerMenuParent .humbergerBtn2.active .spMenuIcon{background:url(../img/sp_menuIcon_close.png)  no-repeat center center;	background-size: contain;}
.drawerMenuParent .drawerMenuOuter2{position:relative;}
.drawerMenuParent .drawerMenu2{display:block;position:absolute;visibility: hidden;width:100%;z-index:-1;top:80px;transition: none;height:auto; opacity:0;border-bottom:1px solid rgba(255,255,255,0.2);}
.drawerMenuParent .dm_globalNavigation {background: url(../img/bg_dm.png);padding:35px 0 35px 50px; list-style-type: none;}
.drawerMenuParent .dm_globalNavigation li a{padding:10px 10px 10px 10px;color:#fff; font-size:21px;display:inline-block;}
.drawerMenuParent .drawerMenu2 li a:link,
.drawerMenuParent .drawerMenu2 li a:visited{color:#fff;text-decoration:none;}
.drawerMenuParent .drawerMenu2 li a:hover{opacity:;}
.drawerMenuParent .drawerMenu2.active {top:140px; opacity:1;z-index:1002; position:absolute;visibility: visible;transition: all 0.6s 0s ease; }
footer{padding:70px 0 75px;background:#0050cd;}
footer .container{height:auto;margin:0;width:auto !important; min-width: auto;}
footer .footerNavi {padding-left:0;}
}

@media only screen and (max-width: 780px) and (orientation: portrait){
header .logo{position:absolute;left:20px;top:45px;height:auto;}
header .logo img.pc{display:none;}
header .logo img.sp{display:block;width:200px;height:auto; transition:none;}

footer{padding:30px 0 30px;}
footer .container{height:auto;margin:0 30px;width:auto !important; min-width: auto;text-align:left}
footer .footerNavi {display:block;padding-left:0;}
footer .footerNavi li{display:block;border-left:none;padding:15px 0 0;}
footer .footerNavi li:first-child{margin-top:0;}
footer .footerNavi a,
footer .footerNavi a:link:before {content:"> ";-}
footer .copyright{color:#fff;margin-top:30px;}
footer .copyright .telNo{color:#fff;display:block;margin:0;}
#siteTop footer .footerNavi li{border-left:none;}
}

@media only screen and (max-width: 480px) {
.sp{display:block;}/*スマホのみ表示要素ON*/
.spInline{display:inline;}
.pc{display:none;}/*PCのみ表示要素OFF*/

body{font-size: 16px;overflow:hidden;}
main .container{width:calc(100% - 40px); padding:0;position:relative;margin:0 auto;min-width:auto}

header {width:100% !important;height:80px !important;position:relative;}
header .container{width:100% !important;position:relative;height:auto;}
header .logo{position:absolute;left:20px;top:20px;height:auto;}
header .logo img{width:150px;height:auto; transition:none;}
a.telNo:link,
a.telNo:visited,
a.telNo:hover {color: #000; text-decoration:underline;}

.drawerMenuParent {background:#F0f;}
.drawerMenuParent .humbergerBtn2 {position:relative;z-index:2000;}
.drawerMenuParent .humbergerBtn2 .spMenuIcon{transition: transform 0.1s 0s ease;display:block;background:url(../img/sp_menuIcon_open.png) no-repeat center center;width:40px;height:31px;right:25px;top:25px;position:absolute;background-size: contain;}
.drawerMenuParent .humbergerBtn2.active .spMenuIcon{background:url(../img/sp_menuIcon_close.png)  no-repeat center center;	background-size: contain;}
.drawerMenuParent .drawerMenuOuter2{position:relative;}
.drawerMenuParent .drawerMenu2{position:absolute;width:100%;z-index:1002;top:80px;transition: all 0.6s 0s ease;height:auto; opacity:0;border-bottom:1px solid #eee;}
.drawerMenuParent .dm_globalNavigation {background: url(../img/bg_dm.png) no-repeat left center ;background-size:cover; padding:40px 0;}
.drawerMenuParent .dm_globalNavigation li a{display:inlinle-block;padding:3px 10px 3px 50px;color:#fff; font-size:21px;}
.drawerMenuParent .drawerMenu2 li a:link,
.drawerMenuParent .drawerMenu2 li a:visited{color:#fff;text-decoration:none;}
.drawerMenuParent .drawerMenu2.active {top:80px; opacity:1;}

footer{padding:30px 0 30px;background:#0050cd;min-width:360px;}
footer .container{height:auto;margin:0 30px;width:auto !important; min-width: auto;text-align:left}
footer .footerNavi {display:block;padding-left:0;}
footer .footerNavi li{display:block;border-left:none;padding:15px 0 0;}
footer .footerNavi li:first-child{margin-top:0;}
footer .footerNavi a,
footer .footerNavi a:link:before {content:"> ";-}
footer .copyright{color:#fff;margin-top:30px;}
footer .copyright .telNo{color:#fff;display:block;margin:0;}
.ios footer a.telNo:link,
.ios footer a.telNo:visited,
.ios footer a.telNo:hover {color: #fff;}

/*サイトトップ*/
#siteTop footer .footerNavi li{border-left:none;}
#siteTop main .container{padding-top:0;}
#siteTop .topImg img{width:100%;}

h1{margin:50px 0 20px 0;}
h1 img,
h2 img{max-width:100%;margin-bottom:0px;}

h3{margin:60px 0 20px 0; text-align:center;}
h3 img{max-width:100%;}
h1+h3{margin-top:20px;}

p{margin-top:20px;}
dd{padding-left:8em;}

.kv img{width:100vw;margin-left:-20px;}
.kv+p{margin-top:75px;}

.mapLayout{margin:50px 0 ;}
.mapLayout img{width:100%;}

ul.workHistory {list-style-type:none; padding-left:0;}
ul.workHistory li{padding:1em 0 ; border-bottom:1px solid #4b4b4b;}
ul.workHistory li:first-child{padding-top:0;}
ul.workHistory li:last-child{padding-bottom:0; border-bottom:none;}
ul.workHistory div{display:flex;justify-content:space-between; line-height: 1.5}
ul.workHistory .wh_title{flex:0 1 60%;}
ul.workHistory .wh_status{flex:0 1 20%;}
ul.workHistory .wh_genre{flex:0 1 20%;}
ul.workHistory .wh_content{margin-top:0.5em;display:block;}


ul.workflow{list-style-type:none; padding-left:0;}
ul.workflow li{display: block;}
ul.workflow li+li{margin-top:50px;}
ul.workflow .wfLayout_icon{text-align: center;}
ul.workflow .wfLayout_icon img{}
ul.workflow .wfLayout_text{margin-left:0;}
ul.workflow .wfLayout_text .wf_process{display:block;font-size: 22px;text-align: center;	}
ul.workflow .wfLayout_text .wf_details{display:block;}

ul.workflow li:nth-child(2) .wfLayout_text .wf_process,
ul.workflow li:nth-child(6) .wfLayout_text .wf_process{margin-top:0;}
ul.workflow li:nth-child(4),
ul.workflow li:nth-child(5) {margin-top:inherit;}


.backToTop a{margin: 50px auto;}
}

@media screen and (orientation: landscape) {
.ios header{height:80px; box-shadow: 0px 0px 5px #bbb;}
.ios header .container{height:80px;}
.ios header .logo{position:absolute;top:20px;height:95px;left:30px;}
.ios header .logo img{height:40px;width:auto;}
.ios header .gnavi{top:20px;height:180px;}

.ios .drawerMenuParent {display:block;}
.ios .drawerMenuParent .humbergerBtn2 {display:block;position:relative;z-index:2000;}
.ios .drawerMenuParent .humbergerBtn2 .spMenuIcon{display:block;background:url(../img/sp_menuIcon_open.png) no-repeat center center;width:40px;height:40px;right:30px;top:17px;position:absolute;background-size: contain; transition: none;}
.ios .drawerMenuParent .humbergerBtn2.active .spMenuIcon{background:url(../img/sp_menuIcon_close.png)  no-repeat center center;	background-size: contain;}
.ios .drawerMenuParent {display:block;}
.ios .drawerMenuParent .humbergerBtn2 {display:block;position:relative;z-index:2000;}
.ios .drawerMenuParent .humbergerBtn2 .spMenuIcon{display:block;background:url(../img/sp_menuIcon_open.png) no-repeat center center;width:40px;height:40px;right:30px;top:17px;position:absolute;background-size: contain; transition: none;}
.ios .drawerMenuParent .humbergerBtn2.active .spMenuIcon{background:url(../img/sp_menuIcon_close.png)  no-repeat center center;	background-size: contain;}
.ios header.scrollNav .drawerMenuParent .humbergerBtn2 .spMenuIcon{top:17px;}
.ios .drawerMenuParent .drawerMenuOuter2{position:relative;}
.ios .drawerMenuParent .drawerMenu2{position:absolute;width:100%;z-index:1002;top:80px;transition: all 0.6s 0s ease;height:auto;opacity:0;padding-bottom:80px;border-bottom:1px solid #eee;}
.ios .drawerMenuParent .dm_globalNavigation {padding:10px 0 10px 20px;background-size: cover;}
.ios .drawerMenuParent .dm_globalNavigation li a{padding:5px 10px 5px 15px;color:#fff; font-size:18px;}
.ios .drawerMenuParent .drawerMenu2 li a:link,
.ios .drawerMenuParent .drawerMenu2 li a:visited{color:#fff;text-decoration:none;}
.ios .drawerMenuParent .drawerMenu2.active {top:80px; opacity:1;}
.ios header.scrollNav .drawerMenuParent .drawerMenu2.active {top:80px; opacity:1;}

.ios main .container{width:auto; margin: 0 30px 30px;padding-top:80px}
.ios h1{margin:50px 0 20px 0;}
.ios h1 img{height:40px;margin-bottom:5px;}

.ios p{margin-top:30px}

.ios #formWrap{width:auto; margin: 0 30px 30px;}
.ios #formWrap .formTable{margin-bottom: 50px;}
.ios #formWrap form input[type="submit"],
.ios #formWrap form input[type="button"]{margin-bottom: 30px;}

.ios footer{padding:15px 0;margin-top:30px;}
.ios footer .container{height:auto;margin:0 30px;width:auto !important;}
.ios footer .footerNavi {display:block; }
.ios footer .footerNavi li{padding:0 10px;font-size:18px;}
.ios footer .footerNavi li:last-child{padding-right:0;}
.ios footer .footerNavi a,
.ios footer .footerNavi a:link:before {font-size:18px;}
.ios footer .copyright{margin-top:5px;font-size:14px;}
.ios footer .copyright a.telNo:link,
.ios footer .copyright a.telNo:visited,
.ios footer .copyright a.telNo:hover {color:#fff;}
}