@charset "utf-8";
/* CSS Document */

/* font */
@font-face {
    font-family: 'noto-b';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/NotoSansCJKjp-Bold-level2.eot');
    src: url('../fonts/NotoSansCJKjp-Bold-level2.eot?#iefix') format('embedded-opentype'),
         url('../fonts/NotoSansCJKjp-Bold-level2.woff') format('woff'),
         url('../fonts/NotoSansCJKjp-Bold-level2.otf') format('opentype')
}
@font-face {
    font-family: 'noto-r';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/NotoSansCJKjp-Regular-level2.eot');
    src: url('../fonst/NotoSansCJKjp-Regular-level2.eot?#iefix') format('embedded-opentype'),
         url('../fonts/NotoSansCJKjp-Regular-level2.woff') format('woff'),
         url('../fonts/NotoSansCJKjp-Regular-level2.otf') format('opentype')
}
.wf-loading{
	visibility:hidden;	
}
/* */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, main, nav, section {
	display: block;
}
body {
	-webkit-font-smoothing: subpixel–antialiased;
	-moz-osx-font-smoothing: auto;
	text-rendering: optimizeLegibility;
	font-family: noto-r,Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
	color: #333333;
	background-color: #FFF;
	font-size:16px;
	line-height:1.6em;
	min-width:320px;
}
ol, ul,ol li, ul li{list-style:none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
html {
	overflow-y: scroll;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
p, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, ul, ol, li, dl {
	clear: none;
}
img {
	overflow: hidden;
	vertical-align:bottom;
	margin:0;
	padding:0;
	border:none;
	max-width:100%;
	height:auto;
	-ms-interpolation-mode: bicubic;
	line-height:1em;
}
a{ color:#333333;}
a, a:hover{
	text-decoration:none;	
}
a:focus{outline:none;}

/* wrapper */
#top-wrapper{ width:100%; position:fixed; z-index:5; background-color:#ffffff;}
#second-wrapper{ padding-top:80px;}
span.smnone{ display:inline;}
/* header */
header{ width:1200px; height:80px; position:relative; margin:0 auto;}
header h1{ width:164px; position:absolute; left:0; top:13px;}
/* navbtn */
#nav-btn {
    display: block;
    width: 60px;
    height:60px;
    position:fixed;
    top: 0;
    right: 0;
    z-index: 10;
	background-color:#1fc3e0;
	cursor:pointer;
}
#nav-btn span {
    display: block;
    background: #ffffff;
    width: 28px;
    height: 3px;
    position: absolute;
    left: 16px;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
}
#nav-btn span:first-child {
    top: 16px;
}
#nav-btn span:nth-child(2) {
    top: 28px;
}
#nav-btn span:last-child {
    bottom: 17px;
}
#nav-btn.active span:first-child {
    -webkit-transform: translateY(12px) rotate(45deg);
    -moz-transform: translateY(12px) rotate(45deg);
    -ms-transform: translateY(12px) rotate(45deg);
    transform: translateY(12px) rotate(45deg);
}
#nav-btn.active span:nth-child(2) {
    opacity: 0;
}
#nav-btn.active span:last-child {
    -webkit-transform: translateY(-12px) rotate(-45deg);
    -moz-transform: translateY(-12px) rotate(-45deg);
    -ms-transform: translateY(-12px) rotate(-45deg);
    transform: translateY(-12px) rotate(-45deg);
}
/* nav */
nav{ display:none; position:fixed; right:0; top:0; width:280px; height:100%; background-color:#1fc3e0; z-index:6;}
nav ul{ margin-top:82px;}
nav ul li{font-family:noto-b,Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif; font-size:19px;}
nav ul li a{ display:block; line-height:1em; padding:20px 36px; background-image:url(../img/static/icon-gnav.png); background-color:#1fc3e0; background-repeat:no-repeat; background-position:right center; background-size:31px auto; color:#ffffff;}
nav ul li a:hover{ background-color:#63d5ea;}
/* mainvisual */
#main-block{ width:100%; height:480px; position:relative; overflow:hidden;}
#main-block .main-image{ width:2000px; position:absolute; left:50%; top:0; margin-left:-1000px;}
#main-block .main-image-md{ display:none;}
#main-block .main-image-sm{ display:none;}
/* topnews */
#news-block{ margin:32px auto 0 auto; width:1200px; padding:0 20px;}
#news-block dl{ display:table; margin-bottom:8px; width:100%;}
#news-block dt{ display:table-cell; width:104px; line-height:1em; font-family: 'Oswald', sans-serif; vertical-align:top; padding-top:5px; letter-spacing:0.08em;}
#news-block dd{ display:table-cell; line-height:1.6em; font-size:15px; vertical-align:top;}
/* top */
#list-wrapper{ width:100%;}
#list-wrapper .list-tab{ margin:30px 0; height:102px; padding-top:34px; background-color:#eaebee; position:relative; font-family:noto-b,Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif; text-align:center; font-size:23px; line-height:1.6em; vertical-align:middle;}
#list-wrapper .list-tab li a{ display:block; height:102px; padding-top:34px;}
#list-wrapper .list-tab li a:hover{background-color:#f4f4f7;}
#list-wrapper .list-tab span{ font-size:31px; line-height:1em; vertical-align:-3px;}
#list-wrapper .list-tab .private{ position:absolute; top:0; right:50%; width:50%; height:136px; padding-top:0;}
#list-wrapper .list-tab .government{ position:absolute; top:0; left:50%; width:50%; height:136px; padding-top:0;}
#list-wrapper .list-tab .acv.private, #list-wrapper .list-tab .acv.government{ background-color:#1fc3e0; color:#ffffff;height:102px; padding-top:34px;}
#list-wrapper .list-tab .acv.private a:hover, #list-wrapper .list-tab .acv.government a:hover{ background-color:#1fc3e0; color:#ffffff;}
#list-wrapper .list-tab .acv.private:after{ content:""; display:block; position:absolute; width:55px; height:18px; bottom:-18px; right:50%; margin-right:-27px; background-image:url(../img/static/arrow_01.png); background-repeat:no-repeat; background-position:center bottom; background-size:55px auto; }
#list-wrapper .list-tab .acv a{ color:#ffffff;}
#list-wrapper .list-tab .acv.government:after{ content:""; display:block; position:absolute; width:55px; height:18px; bottom:-18px; left:50%; margin-left:-27px; background-image:url(../img/static/arrow_01.png); background-repeat:no-repeat; background-position:center bottom; background-size:55px auto; }
/* listselect */
#list-wrapper .list-select-block{ display:table; table-layout:fixed; width:1200px; margin:0 auto;}
#list-wrapper .list-select-block .termsbtn{ display:table-cell; vertical-align:top; width:100px; padding-left:17px;}
#list-wrapper .list-select-block .termspd{ display:table-cell; vertical-align:top; padding-right:6px;}
#list-wrapper .list-select-block .termspd .termspd-inner{ position:relative;}
#list-wrapper .list-select-block .termspd .termspd-inner .pdicon1{position:absolute;top:16px;left:20px;width:38px;}
#list-wrapper .list-select-block .termspd .termspd-inner .pdicon2{position:absolute;top:15px;left:20px;width:37px;}
#list-wrapper .list-select-block .termspd .termspd-inner .pdicon3{position:absolute;top:15px;left:20px;width:25px;}
#list-wrapper .list-select-block .termsbtn input[type=submit]{width: 100px;height: 60px;line-height: 60px;border: none;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;cursor:pointer; background-color:#1fc3e0; background-image:url(../img/static/ico_reload.png); background-repeat:no-repeat; background-position:center center; background-size:29px auto;}
#list-wrapper .list-select-block .termsbtn input[type=submit]:hover{background-color:#63d5ea;}
/* listblock */
.list-content-block{ width:1200px; margin:0 auto; padding:48px 0 46px 0; overflow:hidden;}
.list-content-block .sec-detail{ float:left; width:23.5%; margin:0 2% 24px 0; background-color:#eaebee; position:relative;}

.list-content-block .sec-detail:nth-of-type(4n){ margin:0 0 24px 0;}
.list-content-block .sec-detail:hover .group{background-color:#1fc3e0; color:#ffffff;}
.list-content-block .sec-detail ul{ position:absolute; top:10px; left:10px; margin-right:10px; width:auto; text-align:left;}
.list-content-block .sec-detail ul li{ display:inline-block; background-color:#eaebee; padding:7px 9px; line-height:1em; font-size:12px; margin:0 2px 2px 0;}
.list-content-block .sec-detail .group{ background-color:#eaebee; padding:23px 30px 20px 30px; text-align:left;}
.list-content-block .sec-detail .group .ttl1{ font-size:14px; margin-bottom:15px; line-height:1em; overflow: hidden;-o-text-overflow: ellipsis;-webkit-text-overflow: ellipsis;text-overflow: ellipsis;width:100%;white-space: nowrap;}
.list-content-block .sec-detail .group .ttl2{ font-size:20px; margin-bottom:10px; line-height:1.3em; height:2.6em; position:relative; padding-right:1em; overflow:hidden;}
.list-content-block .sec-detail .group p{ font-size:14px; line-height:1.5em; height:3em; position:relative; padding-right:1em; overflow:hidden;}
.list-content-block .sec-detail .group .ttl2:before, .list-content-block .sec-detail .group p:before{ display:inline-block; content:"..."; position:absolute; right:0; bottom:0; width:1em;}
.list-content-block .sec-detail .group .ttl2:after, .list-content-block .sec-detail .group p:after{ content:""; position:relative; right:-1em; float:right; width:1em; height:100%; background-color:#eaebee;}
.list-content-block .sec-detail:hover .group .ttl2:after, .list-content-block .sec-detail:hover .group p:after{ background-color:#1fc3e0;}

.list-content-block .sec-detail:before, .list-content-block .sec-detail .imgblock:after{content: '';
diaplay:block;position:absolute;left:16px;width:23px;height:48px; background-repeat:no-repeat; background-position:center center; background-size:23px auto;}
.list-content-block .sec-detail:before, .list-content-block .sec-detail .imgblock:after{
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
	
	opacity:0.0;
    -webkit-transform: translate(12px,-28px) rotate(20deg);
    -moz-transform: translate(12px,-28px) rotate(20deg);
    -ms-transform: translate(12px,-28px) rotate(20deg);
    transform: translate(12px,-28px) rotate(20deg);
}

.list-content-block .sec-detail:hover:before,.list-content-block .sec-detail:hover .imgblock:after{
    opacity:1.0;
	-webkit-transform: translate(0,-20px) rotate(0);
    -moz-transform: translate(0,-20px) rotate(0);
    -ms-transform: translate(0,-20px) rotate(0);
    transform: translate(0,-20px) rotate(0);
}
.list-content-block .sec-detail:before{background-image:url(../img/static/cardclip_1.png);}
.list-content-block .sec-detail .imgblock{
	position:relative;
	background-color:#ffffff;
}
.list-content-block .sec-detail .imgblock img{
	transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
}
.list-content-block .sec-detail:hover .imgblock img{opacity:0.8;}
.list-content-block .sec-detail .imgblock:after{ background-image:url(../img/static/cardclip_2.png);}
/* article */
#article-main-block{ width:100%; height:440px; position:relative; overflow:hidden;}
#article-main-block .main-image{ width:100%; min-width:1400px; position:absolute; left:0; top:0;}#article-main-block .main-image img{ width:100%;}
#article-main-block .main-image-sm{ display:none;}
#article-main-block .main-wrapper{ width:1200px; margin:0 auto; position:absolute; left:50%; top:0; margin-left:-600px; overflow:hidden;}
#article-main-block .main-wrapper .main-wrapper-topblock{ display:table; width:100%; height:440px;}
#article-main-block .main-wrapper .main-wrapper-outline{ display:table-cell; width:100%; vertical-align:middle;}
#article-main-block .main-wrapper .main-wrapper-inner{ display:; width:100%; table-layout:fixed;}
#article-main-block .main-wrapper .main-logo{ display:inline-block; vertical-align: middle;  width:25%; text-align:center;}
#article-main-block .main-wrapper .main-detailblock{ display:inline-block; width:60%; padding-left:10%; vertical-align: middle; font-family:noto-b,Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif; color:#ffffff;}
#article-main-block .main-wrapper .main-detailblock .mainttl{ font-size:36px; line-height:1.6em; margin-bottom:52px;}
#article-main-block .main-wrapper .main-detailblock .contractors{ font-size:27px; line-height:1.2em; margin-bottom:15px; vertical-align:top;}
#article-main-block .main-wrapper .main-detailblock .contractors span{ font-size:19px; line-height:1.2em; vertical-align:2px; margin-left:15px;}
#article-main-block .main-wrapper .main-detailblock .period{ font-size:17px; line-height:1em; vertical-align:bottom;}
#article-main-block .main-wrapper .main-detailblock .period span.pr-small{ line-height:1em; vertical-align:bottom; font-family: 'Oswald', sans-serif;}
#article-main-block .main-wrapper .main-detailblock .period br{ display:none;}
article#article-wrapper .content-purpose{ width:1200px; margin:64px auto 40px auto;}
article#article-wrapper .content-purpose p{ margin:0 50px; font-size:18px; line-height:2.1em; font-family:noto-b,Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;}
article#article-wrapper .organization{ margin-bottom:64px; text-align:center;}
/* article-codeeditor */
article#article-wrapper .content-block{ width:1200px; margin:0 auto 10px auto;}
article#article-wrapper .content-block p{ line-height:2.1em; margin:0 50px 45px 50px;}
article#article-wrapper .content-block figure{ margin-bottom:64px; text-align:center;}
article#article-wrapper .content-block figure img{-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;}
article#article-wrapper .content-block figure figcaption{ font-size:90%; margin-top:15px; line-height:1.4em;}

/* article-person */
article#article-wrapper .person{ margin-bottom:64px;}
article#article-wrapper .person .pn-ttl{ font-size:34px; line-height:1.4em; text-align:center; background-color:#eaebee; padding:48px 15px; margin-bottom:64px; position:relative;font-family:noto-b,Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;}
article#article-wrapper .person .pn-ttl span{ width:1200px; margin:0 auto;}
article#article-wrapper .person .pn-ttl:after{ content:""; display:block; position:absolute; bottom:-18px; left:50%; margin-left:-27px; width:55px; height:18px; background-image:url(../img/static/arrow_02.png); background-repeat:no-repeat; background-position:center top; background-size:55px auto;}
article#article-wrapper .person .p-detail{ width:1020px; margin:0 auto; display:table; table-layout:fixed;}
article#article-wrapper .person .p-detail .photo{ display:table-cell; width:450px; padding:0 30px; text-align:center; vertical-align:top;}
article#article-wrapper .person .p-detail .photo .personal-block{}
article#article-wrapper .person .p-detail .photo .personal{ margin-top:-23px; padding:30px 15px; width:410px; display:inline-block; background-color:#1fc3e0; color:#ffffff; font-family:noto-b,Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
article#article-wrapper .person .p-detail .photo .personal dt{ margin-bottom:10px; line-height:1.2em;}
article#article-wrapper .person .p-detail .photo .personal dd{ font-size:27px; line-height:1.2em;}
article#article-wrapper .person .p-detail .txt{display:table-cell; line-height:2.1em; padding:0 30px; vertical-align:top;}
article#article-wrapper .person .p-detail .txt p{ margin-top:-10px;}
/* article-service */
article#article-wrapper .service{ width:1200px; margin:149px auto 63px auto; border:10px solid #eaebee;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
article#article-wrapper .service .s-ttl{ width:160px; height:160px; margin:-85px auto 0 auto; background-color:#1fc3e0;-moz-border-radius: 80px;-webkit-border-radius: 80px;border-radius: 80px; text-align:center; color:#ffffff; font-size:18px; line-height:160px;font-family: 'Oswald', sans-serif;}
article#article-wrapper .service .s-content{ padding:64px 111px 40px 111px; border-bottom:10px solid #eaebee;}
article#article-wrapper .service .s-content:nth-of-type(1){ padding:20px 111px 40px 111px;}
article#article-wrapper .service .s-content:last-child{ border-bottom:none;}
article#article-wrapper .service .s-content .s-contttl{ font-size:28px; margin-bottom:25px; text-align:center; line-height:1.6em; font-family:noto-b,Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;}
article#article-wrapper .service .s-content p{ line-height:1.8em;}
/* relation */
.cmn-relation-block{ width:1200px; margin:63px auto 0 auto; text-align:center;}
.cmn-relation-block .cmn-relationttl{ display:inline-block; min-height:32px; padding-left:67px; padding-top:8px; font-size:26px; margin-bottom:0; font-family:noto-b,Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif; background-image:url(../img/static/ico_relation.png); background-repeat:no-repeat; background-position:left center; background-size:47px auto;}

/* faq */
#faq{}
#faq .ttl{ font-family:noto-b,Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif; font-size:34px; line-height:1em; margin-bottom:35px; text-align:center;}
#faq .cat-block{}
#faq .cat-block .cat-ttl{ font-family:noto-b,Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif; font-size:26px; line-height:1.2em; background-color:#eaebee; padding:20px 15px; text-align:center; margin-bottom:48px;}
#faq .cat-block dl{ width:1100px; margin:0 auto 48px auto; padding-bottom:48px; border-bottom:1px solid #d1d3da;}
#faq .cat-block dl:last-child{ margin:0 auto; border-bottom:none;}
#faq .cat-block dl dt{ display:table; width:100%; margin-bottom:48px; font-family:noto-b,Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif; font-size:18px; line-height:1.6em;}
#faq .cat-block dl dt .qicon, #faq .cat-block dl dd .aicon{ display:table-cell; vertical-align:top; width:66px;}
#faq .cat-block dl dt .qicon .icb{ display:block; position:relative; background-color:#1fc3e0;width:100%; height:66px; font-size:34px; line-height:66px; font-family: 'Roboto', sans-serif; text-align:center; color:#ffffff;}
#faq .cat-block dl dt .qicon .icb:after{ content:""; position:absolute; top:39px; left:39px; display:block; background-image:url(../img/static/ico_q.png); width:35px; height:36px; background-repeat:no-repeat; background-position:left top; background-size:35px auto;}
#faq .cat-block dl dt .qdetail, #faq .cat-block dl dd .adetail{ display:table-cell; vertical-align:middle; padding-left:57px;}
#faq .cat-block dl dd .aicon .icb{ display:block; position:relative; background-color:#a1a5a9;width:100%; height:66px; font-size:34px; line-height:66px; font-family: 'Roboto', sans-serif; text-align:center; color:#ffffff;}
#faq .cat-block dl dd .aicon .icb:after{ content:""; position:absolute; top:39px; left:39px; display:block; background-image:url(../img/static/ico_a.png); width:35px; height:36px; background-repeat:no-repeat; background-position:left top; background-size:35px auto;}
/* commontitle */
.cmnttl{ font-family:noto-b,Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif; font-size:34px; line-height:1.1em; margin-bottom:35px; margin-top:12px; text-align:center;}
.cmtttl-top{ padding-top:0 ;}
/* bottombtn */
.btm-btn{ width:1200px; margin:0 auto; line-height:1em; font-family:noto-b,Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif; text-align:center; font-size:27px;}
.btm-btn a{ display:block; margin:0 120px; padding:37px 60px; background-color:#ff8963; color:#ffffff; background-image: url(../img/static/arrow_right.png); background-repeat:no-repeat; background-position:96% center; background-size:11px auto;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;}
.btm-btn a:hover{ background-color:#ff9b7b;}
.btm-btn a br{ display:none;}
/* pagetop */
#pagetop a{ display:block; width:80px; text-align:center; margin:60px auto 27px auto; padding-top:23px; background-image:url(../img/static/pagetop.png); background-repeat:no-repeat; background-position:center top; background-size:18px auto;line-height:1em; font-family: 'Oswald', sans-serif;}
#pagetop a:hover{ color:#a1a5a9;}

/* footer */
footer{ background-color:#a1a5a9; height:64px; color:#ffffff;}
footer .f-contents{ width:1200px; margin:0 auto; position:relative;}
footer .f-contents p{ position:absolute; top:26px; left:20px; vertical-align:middle; line-height:1em; font-size:12px;}
footer .f-contents p span{ vertical-align:middle; display:inline-block; margin-right:43px;}
footer .f-contents p span img{ width:90px;}
footer .f-contents small{ font-size:12px; text-align:right; position:absolute; top:26px; right:20px; line-height:1em; }
footer .f-contents small br{ display:none;}