@charset "utf-8";

/*ベース*/
body{
font-family:"メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", "Osaka", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
font-size:80%;
margin:0;
padding:0;}

h1,h2,h3,h4,h5,h6{
margin:0;
padding:0;}

img{
border:0;}

*:focus{
outline:none;}

/*レイアウト*/
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary{
display:block;}

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

#contents a img{
-webkit-transition:0.2s ease-in-out;
-moz-transition:0.2s ease-in-out;
-o-transition:0.2s ease-in-out;
transition:0.2s ease-in-out;}

#contents a:hover img{
opacity:0.6;
filter:alpha(opacity=60);}

/*ヘッダー*/
header{
font-family:"メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", "Osaka", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
background-image:url(../img/header_bg.png);
background-repeat:no-repeat;
background-position:center;
height:219px;
z-index:3;
position:relative;
margin-top:-690px;}

#header_second{
font-family:"メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", "Osaka", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
background-image:url(../img/header_bg_sc.png);
background-repeat:no-repeat;
background-position:center;
height:219px;
z-index:3;
position:relative;
margin-top:0;}

header ul{
line-height:0;}

#header_second ul{
line-height:0;}

#head_in{
width:1000px;
margin:0 auto;}

/*メニュー*/
#logo{
float:left;}

#menu_left{
float:left;}

#menu_right{
float:left;}

#navi{
float:left;}

.second_navi{
margin-bottom:-30px;}

#navi_left{
float:left;}

#navi_right{
float:left;}

#gsc{
clear:both;
background-image:url(../img/navi_sch.png);
background-repeat:no-repeat;
width:128px;
height:72px;
padding-top:8px;}

#gsc .gsc-control-cse,#gsc .gsc-control-cse-ja,#gsc .gsib_a{
margin:0!important;
padding:0!important;
background:none!important;
border:none!important;}

#gsc table.gsc-search-box td,#gsc table.gsc-search-box input{
vertical-align:top!important;}

#gsc input[type="text"]{
border:1px solid #dddddd!important;
height:24px!important;
border:1px solid #00479d!important;
width:115px!important;}

#gsc input[type="text"]:focus{
border:1px solid #C60!important;
width:115px!important;
outline:0;}

#gsc #gsc-iw-id1{
width:115px!important;
border:none!important;
background:none!important;
margin-left:5px;}

#gsc input.gsc-search-button{
background:none!important;
margin-top:-31px!important;
margin-left:-100px!important;
border:none!important;}

#gsc .gsib_b span{
display:none;}

.gsc-clear-button{
display:none;}

.gsc-search-button{
background:#204d99!important;
margin-top:30px;
margin-left:-79px!important;}

/*ページトップ*/
#page_top{
position:fixed;
bottom:65px;
right:30px;}

/*フッター*/
footer{
font-family:"メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", "Osaka", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
background-color:#004492;
text-align:center;
margin-bottom:30px;}

#sitemap{
font-size:110%;
text-align:left;
width:1000px;
height:174px;
margin:0 auto -25px auto;
padding:30px 0 0 0;}

#sitemap li{
margin-bottom:27px;}

#sitemap01{
float:left;
margin:0 75px 0 50px;}

#sitemap02{
float:left;
margin-right:75px;}

#sitemap03{
float:left;
margin-right:75px;}

#sitemap04{
float:left;
margin-right:75px;}

#sitemap a{
color:#FFF;
text-decoration:none;}

#sitemap a:hover{
text-decoration:underline;}

footer a:link,footer a:active,footer a:visited{
color:#FFF;}

#footer_in{
border-top:1px solid #FFF;}

#address{
clear:both;
width:1000px;
height:208px;
margin:0 auto;}

#copyright{
background:#FFF;
font-size:90%;
height:1px;
padding-top:14px;}

/*トップページ3つのデザイン*/
#design_slider_top{
background-image:url(../img/column_top_bg.png);
background-repeat:repeat;
margin-top:35px;}

#design_slider{
width:1000px;
margin:0 auto;}

#design_slider h3{
width:306px;
margin:0 auto 50px auto;}

.flexslider_vertical_box{
float:left;}

.flexslider_vertical_box h4{
text-align:center;
margin-bottom:7px;}

/*トップページ制作実績*/
#result_top{
background-color:#fff37c;
padding:45px 0 10px 0;}

#result_top_in h3{
width:216px;
margin:0 auto;}

#result_slider{
margin-top:30px;}

/*トップページリクルートムービー*/
#movie_top{
background-color:#FFF;
padding:45px 0 10px 0;}

#movie_top_in h3{
width:465px;
margin:0 auto;
padding:0 0 40px 20px;}

#movie_box{
text-align:center;
width: 1000px;
margin: 0 auto 30px;
display:-webkit-box;
display:-ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;}

/*トップページコラム*/
#column_top{
background-image:url(../img/column_top_bg.png);
background-repeat:repeat;
padding-top:80px;}

#column_top_in{
width:1000px;
margin:0 auto;}

#column_top_in h3{
width:216px;
margin:0 auto;}

.column_top_article{
float:left;
width:308px;
margin:50px 12px 60px 12px;}

.column_top_article_img{
border:1px solid #000;
width:302px;
height:192px;
padding:3px;}

#column_top_in .ttl{
font-weight:bold;
margin:12px 0;}

#column_top_in .exp{
font-size:90%;}

.column_top_article_more{
text-align:right;
margin-top:20px;}

/*トップページ新着情報*/
#news_top{
padding-top:80px;
font-size:120%;}

#news_top_in{
width:1000px;
margin:0 auto;}

#news_top_in h3{
width:216px;
margin:0 auto;}

#news_top_article_box{
margin:35px 0 60px 0;}

.news_top_article{
border-bottom:2px solid #EAC868;
padding:15px 0;}

#news_top_in .date{
float:left;
font-weight:bold;
margin-left:80px;}

#news_top_in .ttl{
float:left;
font-weight:bold;
margin-left:100px;}

#news_top_in .ttl a{
color:#333;
font-weight:bold;
text-decoration:none;}

#news_top_in .ttl a:hover{
text-decoration:underline;}

#news_top_in a:link,#news_top_in a:active,#news_top_in a:visited{
color:#333;}

/*セカンドページ*/
#second_box_in{
width:1000px;
margin:0 auto;}

#second_box_in h2{
width:500px;
margin:0 auto;
text-align:center;
padding-top:60px;}

#second_box_in h3{
width:500px;
margin:0 auto;
text-align:center;
padding-top:80px;}

#second_left{
float:left;
width:680px;}

#second_right{
float:left;
width:300px;}

#pan{
background-color:#fcf5b0;}

#pan a{
color:#000;
text-decoration:none;}

#pan a:hover{
text-decoration:underline;}

#pan_in{
width:1000px;
height:30px;
margin:0 auto;
padding-top:10px;}

figure{
width:302px;
height:192px;
position:relative;
margin:0 auto;}

figure img{
position:absolute;
top:0;}

figure figcaption{
position:absolute;
left:0;
top:0;
display:none;
background:#ffe900;
color:#000;
box-sizing:border-box;
filter:alpha(opacity=80);
-moz-opacity:0.8;
opacity:0.8;
width:302px;
height:192px;
padding:30px;}

/*立ち上げページ*/
.wideslider_second_start{
background-image:url(../img/start_top.png);
background-repeat:no-repeat;
background-position:center;
text-indent:-9999px;
width:100%;
height:221px;}

#start_top{
padding:30px 0;}

#start_top_in{
width:1000px;
margin:0 auto;
padding-top:50px;}

.start_top_article{
float:left;
width:308px;
margin:0 12px 60px 12px;}

.start_top_article_img{
border:2px solid #000;
width:302px;
height:192px;
padding:4px;}

#start_top_in .sub_ttl{
font-weight:bold;
font-size:90%;
margin-top:5px;}

#start_top_in .ttl{
font-size:120%;
margin:5px 0 15px 0;}

#start_top_in .ttl a{
font-weight:bold;
color:#000;
text-decoration:none;}

#start_top_in .ttl a:hover{
color:#807a24;}

#start_top_in .exp{
font-size:90%;}

.start_top_article_more img{
margin:150px 0 0 185px;}

/*働き方ページ*/
.wideslider_second_work{
background-image:url(../img/work_top.png);
background-repeat:no-repeat;
background-position:center;
text-indent:-9999px;
width:100%;
height:221px;}

#work_top{
padding:30px 0;}

#work_top_in{
width:1000px;
margin:0 auto;
padding-top:50px;}

.work_top_article{
float:left;
width:308px;
margin:0 12px 60px 12px;}

.work_top_article_img{
border:2px solid #000;
width:302px;
height:192px;
padding:4px;}

#work_top_in .sub_ttl{
font-weight:bold;
font-size:90%;
margin-top:5px;}

#work_top_in .ttl{
font-size:120%;
margin:5px 0 15px 0;}

#work_top_in .ttl a{
font-weight:bold;
color:#000;
text-decoration:none;}

#work_top_in .ttl a:hover{
color:#807a24;}

#work_top_in .exp{
font-size:90%;}

.work_top_article_more img{
margin:150px 0 0 185px;}

#work_box #sort ul{
width:640px;
margin:0 auto;
padding-bottom:170px;}

#work_box #sort li{
float:left;
cursor:pointer;
padding:0 30px;}

#work_box #itemList{
background-image:url(../img/work_inline02_img01.png);
background-repeat:no-repeat;
background-position:center top;
clear:both;}

#work_box #itemList img{
margin:60px 0 74px 75px;}

/*コミュニケーションページ*/
.wideslider_second_comn{
background-image:url(../img/comn_top.png);
background-repeat:no-repeat;
background-position:center;
text-indent:-9999px;
width:100%;
height:221px;}

#comn_top{
padding:30px 0;}

#comn_top_in{
width:1000px;
margin:0 auto;
padding-top:50px;}

.comn_top_article{
float:left;
width:308px;
margin:0 12px 60px 12px;}

.comn_top_article_img{
border:2px solid #000;
width:302px;
height:192px;
padding:4px;}

#comn_top_in .sub_ttl{
font-weight:bold;
font-size:90%;
margin-top:5px;}

#comn_top_in .ttl{
font-size:120%;
margin:5px 0 15px 0;}

#comn_top_in .ttl a{
font-weight:bold;
color:#000;
text-decoration:none;}

#comn_top_in .ttl a:hover{
color:#807a24;}

#comn_top_in .exp{
font-size:90%;}

.comn_top_article_more img{
margin:150px 0 0 185px;}

.comn_box{
text-align:center;}

.comn_box .top_p{
font-size:110%;
line-height:2;
margin:40px 0 60px 0;}

.comn_box .ant_p{
font-size:110%;
line-height:2;
margin-bottom:10px;}

.comn_box .btm_p{
font-size:110%;
line-height:2;
margin-bottom:70px;}

/*デザインページ*/
.wideslider_second_design{
background-image:url(../img/design_top.png);
background-repeat:no-repeat;
background-position:center;
text-indent:-9999px;
width:100%;
height:221px;}

#design_top{
padding-top:10px;}

#design_top_in{
width:702px;
margin:0 auto;
padding:50px 0 60px 0;}

.design_top_article{
float:left;
width:308px;
margin:0 12px 60px 12px;}

.design_top_article_img{
border:2px solid #00479d;
width:302px;
height:192px;
padding:4px}

#design_top_in .ttl{
font-weight:bold;
margin:12px 0;}

#design_top_in .exp{
font-size:90%;}

.design_top_article_more{
text-align:right;
margin-top:20px;}

#design_box p{
font-size:110%;
line-height:2;
text-align:center;
margin:40px 0 80px 0;}

/*おすすめプランページ*/
.wideslider_second_recom{
background-image:url(../img/recom_top.png);
background-repeat:no-repeat;
background-position:center;
text-indent:-9999px;
width:100%;
height:221px;}

#recom_top{
padding-top:10px;}

#recom_top_in{
width:1000px;
margin:0 auto;
padding-top:50px;}

.recom_top_article{
float:left;
width:308px;
margin:0 12px 60px 12px;}

.recom_top_article_img{
border:2px solid #00479d;
width:302px;
height:192px;
padding:4px}

#recom_top_in .ttl{
font-weight:bold;
margin:12px 0;}

#recom_top_in .exp{
font-size:90%;}

.recom_top_article_more{
text-align:right;
margin-top:20px;}

.recom_li{
padding:0 0 30px 20px;}

/*制作実績ページ*/
.wideslider_second_result{
background-image:url(../img/result_top.png);
background-repeat:no-repeat;
background-position:center;
text-indent:-9999px;
width:100%;
height:221px;}

#result_second{
padding:30px 0;}

#result_second_in{
width:1000px;
margin:0 auto;
padding-top:50px;}

.result_second_article{
float:left;
width:308px;
margin:0 12px 60px 12px;}

.result_second_article_img{
border:2px solid #000;
width:302px;
height:192px;
padding:4px;}

#result_second_in .sub_ttl{
float:left;
font-size:80%;
color:#000;
border:1px solid #000;
margin:0 2px 10px 0;
padding:0 5px;}

#result_second_in .ttl{
clear:both;
font-size:120%;
margin:5px 0 15px 0;}

#result_second_in .ttl span{
font-size:80%;
margin-left:6px;}

#result_second_in .ttl a{
font-weight:bold;
color:#000;
text-decoration:none;}

#result_second_in .ttl a:hover{
color:#807a24;}

#result_second_in .exp{
font-size:90%;}

.result_second_article_more img{
margin:160px 0 0 185px;}

#result_second_in #sort{
background:url(../img/result_h3.png);
background-repeat:no-repeat;
background-position:left;
width:990px;
height:21px;
margin-left:10px;}

#result_second_in #sort ul{
margin-left:603px;}

#result_second_in #sort li{
float:left;
cursor:pointer;
margin-left:34px;
padding-top:1px;}

#result_second_in #itemList{
clear:both;
margin-top:70px;}

.ressl{
font-size:80%;
color:#888;
border:1px solid #888;
text-align:center;
width:40px;
padding:0 5px;}

#res_in_left{
float:left;
line-height:2.2;
/*font-size:120%;*/
width:560px;
margin-right:40px;}

#res_in_right{
float:right;
width:400px;
margin-bottom:30px;}

/*会社概要ページ*/
.wideslider_second_outline{
background-image:url(../img/outline_top.png);
background-repeat:no-repeat;
background-position:center;
text-indent:-9999px;
width:100%;
height:221px;}

#outline_top{
padding-top:10px;}

#outline_top_in{
width:1000px;
margin:0 auto;
padding:50px 0 60px 0;}

.outline_top_article{
float:left;
width:308px;
margin:0 12px 60px 12px;}

.outline_top_article_img{
border:2px solid #00479d;
width:302px;
height:192px;
padding:4px}

#outline_top_in .ttl{
font-weight:bold;
margin:12px 0;}

#outline_top_in .exp{
font-size:90%;}

.outline_top_article_more{
text-align:right;
margin-top:20px;}

.outline_box{
font-size:110%;
margin:40px 0 80px 0;}

.outline_box li{
margin-bottom:30px;}

.outline_box01{
float:left;
margin-left:100px;}

.outline_box02{
float:right;
margin-right:45px;}

.outline_box_left01{
float:left;
width:100px;}

.outline_box_right01{
float:right;
text-align:left;
width:280px;}

.outline_box03{
float:left;
margin-left:50px;}

.outline_box04{
float:right;}

.outline_box_left02{
float:left;
width:80px;}

.outline_box_right02{
float:right;
text-align:left;
width:390px;}

.outline_p{
width:800px;
margin-left:50px;}

.outline_p_center{
text-align:center;
width:800px;
margin-left:50px;}

.indigo{
font-size:120%;
font-weight:bold;
color: #7CA6FC;}

/*求人情報ページ*/
.wideslider_second_recruit{
background-image:url(../img/recruit_top.png);
background-repeat:no-repeat;
background-position:center;
text-indent:-9999px;
width:100%;
height:221px;}

#recruit_top{
padding-top:10px;}

#recruit_top_in{
width:1000px;
margin:0 auto;
padding-top:50px;}

.recruit_top_article{
float:left;
width:308px;
margin:0 12px 60px 12px;}

.recruit_top_article_img{
border:2px solid #00479d;
width:302px;
height:192px;
padding:4px}

#recruit_top_in .ttl{
font-weight:bold;
margin:12px 0;}

#recruit_top_in .exp{
font-size:90%;}

.recruit_top_article_more{
text-align:right;
margin-top:20px;}

#page_recruit h3{
background-image:url(../img/cms_h3.png);
background-repeat:no-repeat;
text-align:center;
font-weight:bold;
font-size:160%;
letter-spacing:2px;
width:800px;
height:65px;
margin:70px auto 50px auto;
padding:0!important;}

.recruit_box{
font-size:110%;
margin:40px 0 80px 0;}

.recruit_box p{
text-align:center;
margin-bottom:10px;}

.recruit_box li{
list-style-type:none;
text-align:center;
margin-bottom:10px;}

/*コラムページ*/
.wideslider_second_column{
background-image:url(../img/column_top.png);
background-repeat:no-repeat;
background-position:center;
text-indent:-9999px;
width:100%;
height:221px;}

#column_second{
padding:30px 0;}

#column_second_in{
width:1000px;
margin:0 auto;
padding-top:50px;}

.column_second_article{
float:left;
width:308px;
margin:0 12px 60px 12px;}

.column_second_article_img{
border:2px solid #000;
width:302px;
height:192px;
padding:4px;}

#column_second_in .sub_ttl{
font-weight:bold;
font-size:90%;
margin-top:5px;}

#column_second_in .ttl{
font-size:120%;
margin:5px 0 15px 0;}

#column_second_in .ttl a{
font-weight:bold;
color:#000;
text-decoration:none;}

#column_second_in .ttl a:hover{
color:#807a24;}

#column_second_in .exp{
font-size:90%;}

.column_second_article_more img{
margin:150px 0 0 185px;}

/*お問い合わせページ*/
.wideslider_second_contact{
background-image:url(../img/contact_top.png);
background-repeat:no-repeat;
background-position:center;
text-indent:-9999px;
width:100%;
height:221px;}

#contact_top{
padding-top:10px;}

#contact_top_in{
width:1000px;
margin:0 auto;
padding-top:50px;}

.contact_top_article{
float:left;
width:308px;
margin:0 12px 60px 12px;}

.contact_top_article_img{
border:2px solid #00479d;
width:302px;
height:192px;
padding:4px}

#contact_top_in .ttl{
font-weight:bold;
margin:12px 0;}

#contact_top_in .exp{
font-size:90%;}

.contact_top_article_more{
text-align:right;
margin-top:20px;}

.form_box{
width:500px;
height:30px;
border:1px solid #7f7f7f;}

.form_box_l{
width:500px;
height:200px;
border:1px solid #7f7f7f;}

#contact_box{
font-size:110%;
width:650px;
margin:40px auto 65px auto;}

#contact_box p{
text-align:center;
line-height:2;
margin-bottom:60px;}

#contact_box li{
margin-bottom:50px;}

.cont_form01{
margin-top:7px!important;}

.cont_form02{
margin-top:60px!important;}

.cont_form03{
margin-top:60px!important;}

.cont_form04{
margin-top:60px!important;}

.cont_form05{
margin-top:63px!important;}

.contact_box_left{
float:left}

.contact_box_right{
float:right;
text-align:left;}

.submit{
background:url(../img/submit_off.png);
background-repeat:no-repeat;
width:100px;
height:40px;
text-indent:-9999px;
border:none;
cursor:pointer;}

.submit:hover{
background:url(../img/submit_on.png);
background-repeat:no-repeat;
width:100px;
height:40px;}

/*記事単体ページ*/
#blog{
width:1000px;
margin:0 auto;}

#blog h4{
font-size:150%;
font-weight:bold;
margin:-20px 0 40px 0;}

#blog h4 span{
font-size: 80%;
margin-left: 6px;
}

#blog_in_left{
float:left;
line-height:2.2;
font-size:120%;
width:705px;
margin-right:40px;}

#blog_in_maker h4{
width:705px;
font-size:110%!important;
border-bottom:1px solid #000;
margin:40px 0 20px 0;}

#blog_in_maker h5{
font-weight:bold;
margin-left:40px;}

#blog_in_maker h6 a{
background-image:url(../img/pin.png);
background-repeat:no-repeat;
background-position:bottom left;
font-weight:normal;
margin-left:35px;
padding:0 0 7px 30px;}

#blog_in_maker h6 a:link,#blog_in_maker h6 a:visited{
color:#F69;
text-decoration:none;}

#blog_in_maker h6 a:active,#blog_in_maker h6 a:hover{
color:#F69;
text-decoration:underline;}

#blog_in_maker p{
margin:0 40px 20px 40px;}

#blog_in_maker p{
font-size: 120%;}

#blog_in_maker .mt-image-none{
margin-left:-40px;}

#blog_in_maker a:link,#blog_in_maker a:visited{
color:#F69;
text-decoration:none;}

#blog_in_maker a:active,#blog_in_maker a:hover{
color:#F69;
text-decoration:underline;}

/*テキスト部分　余白設定*/
#blog_in_maker img{
margin-bottom: 50px;
}

/*画像横並び指定*/
.blog_content_img{
display: flex;
max-width: 1000px;
flex-wrap: wrap;
gap: 5em;
margin-bottom: 50px;
}

#blog_in_right{
float:right;
width:255px;}

#blog_in_right li{
margin-bottom:10px;}

#pagenation{
margin-top:40px;}

#pagenation #prev{
float:left;
width:500px;}

#pagenation #next{
float:right;
text-align:right;
width:500px;}

#related{
width:1000px;
margin:30px auto 30px auto;
border-bottom:1px solid #000;}

#related_in{
width:996px;
margin:0 auto;
padding-left:40px;}

.related_article{
float:left;
width:310px;
margin:0 20px 15px 0;}

#related .ttl{
font-weight:bold;
font-size:100%;
text-align:center;
margin:10px 0 8px -50px;}

#related .ttl a{
font-weight:bold;
text-align:center;
color:#777;
text-decoration:none;}

#related .ttl a:hover{
text-decoration:underline;}

#related .exp{
width:260px;}

.related_article_img{
width:300px;
height:180px;
margin:30px auto 0 0;}

/*新着情報ページ*/
.movie-wrap{
position:relative;
padding-bottom:56.25%;
padding-top:30px;
height:0;
overflow:hidden;}
 
.movie-wrap iframe{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;}

.news_nation{
margin-bottom:85px;}

.news_day{
margin:-50px 0 30px 0;}

.wideslider_second_news{
background-image:url(../img/news_top.png);
background-repeat:no-repeat;
background-position:center;
text-indent:-9999px;
width:100%;
height:221px;}

/*サイトマップページ*/
.wideslider_second_sitemap{
background-image:url(../img/sitemap_top.png);
background-repeat:no-repeat;
background-position:center;
text-indent:-9999px;
width:100%;
height:221px;}

.sitemap_top{
margin-top:-20px!IMPORTANT;}

.sitemap_left{
float:left;
line-height:3;
width:380px;
margin-left:20px;}

.sitemap_right{
float:left;
line-height:3;}

.archive_maker a{
color:#333!IMPORTANT;}

.sml a{
color:#333!IMPORTANT;
text-decoration:underline!IMPORTANT;}

.sml a:hover{
text-decoration:none!IMPORTANT;
color:#083388!IMPORTANT;}

.blue{
color:#083388;}

/*90周年*/
.anniversary_contents{
	text-align: center;
	margin-bottom: 100px;
	background-color:#FFF;
	padding:80px 0 35px 0;
	margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}