/*
Theme Name: arc_base 2020
Theme URI: 
Version: 1.0
Author: ARCADIA SYSTEMS
Author URI: https://arc-mec.com/

/*	INDEX
-------------------------------------------------
	BASE
	HEADER
	CONTENT
	SIDE BAR
	FOOTER
	MISC
	Mobile
	HACK
*/

/*	BASE
-------------------------------------------------*/
* {margin: 0; padding: 0;}

html{
	margin: 0;
	padding: 0;
	color: #333333;
	line-height: 1.4;
	font-size:16px;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif !important;
}

.mincho{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}

body{
	background-color:#f3f3f3;
	background-color:#f8f8f8;
}
h1, h2, h3, h4, h5, h6 {font-weight:bold;}
a,
a:link {}
a:hover {}
a:visited {}
a:active {}


a img {border:none;}
input[type="email"],
input[type="text"]{font-size:1rem;padding:2px;}
input[type="submit"]{font-size:1rem;padding:0.4em;}
textarea{font-size:1rem;padding:0.4em;}
.small{font-size:0.8em;}
.bold{font-weight:bold;}
.align_c{text-align:center;}
.align_r{text-align:right;}
.align_l{text-align:left;}
.bottom_1em{margin-bottom:1em;}
section,
article,
div{}
table{
	border-collapse: collapse;
	width:100%;
}
table th,
table td{
	padding:0.6em;
	border:1px solid #ccc;
	box-sizing:border-box;
	margin:0 auto;
}


/*	HEADER
-------------------------------------------------
*/
header{
	border-top:10px solid #1046DC;
	position:sticky;
	z-index:1000;
	top:0;
	background-color:#fff;
}
.header_wrap{
	margin:0;
	padding:0;
}

.hdescription{
	color:#1046DC;
	font-size:0.8em;
	text-align:right;
	padding:1em 1em 0.4em;
	margin:0 auto;
	box-sizing:border-box;
	max-width:1100px;
}

.hcontainer{
	max-width:1100px;
	width:100%;
	margin:0 auto;
	padding:0 1em;
	box-sizing:border-box;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.hcontainer h1{}
.hcontainer h1 a{font-size:0;}
.hcontainer h1 a img{font-size:1.2rem;}

#head_nav{
	max-width:50%;
	width:100%;
}
#head_nav ul{display:flex;justify-content:flex-end;}
#head_nav ul li{
	/*width:20%;*/
	padding:0;
	margin:0 0.4em;
	list-style:none;
}
#head_nav ul li a:link,
#head_nav ul li a:visited{
	color:#333;
	text-decoration:none;
	display:block;
	padding:0.4em;
	margin:0;
	width:100%;
	text-align:center;
	box-sizing:border-box;
	white-space:nowrap;
}
#head_nav ul li a:hover,
#head_nav ul li a:active{
	color:#0068b7;
	opacity:0.8;
}


#service_nav{
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(221,221,221,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(221,221,221,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(221,221,221,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	/*background-color:#012a4a;*/
	padding:0;
	border-top:1px solid #ccc;
}
#service_nav ul{
	max-width:1100px;
	width:100%;
	margin:0 auto;
	padding:0;
	display:flex;
	list-style:none;
}

#service_nav ul li{width:25%;}

#service_nav ul li a:link,
#service_nav ul li a:visited{
	color:#333;
	text-decoration:none;
	display:block;
	padding:0.4em;
	margin:0;
	padding:1em;
	box-sizing:border-box;
	width:100%;
	text-align:center;
	box-sizing:border-box;
	white-space:nowrap;
}

#service_nav ul li a:hover,
#service_nav ul li a:active{
	color:#fff;
	background-color:#0068b7;
}

/*	CONTENT
-------------------------------------------------
*/

.breadcrumbs{margin:1em 0;}

main{
	width:100%;
	margin:0 auto 2em;
	padding:0;
}

div.h2back{
	/*max-width:1200px;*/
	margin:0 auto 2rem;
	padding:0;
	box-sizing:border-box;
	text-align:center;
	color:#fff;
	background-image:url(/ocs/outer_files/images/top_image01.jpg);
	background-position:center;
}
div.h2back h2{
	padding:8rem 1rem;
	/* OCS)T.TAKADA UPD START */
	/* 暗いので背景フィルタの削除 */
	/*
	background-color:rgba(0,0,0,0.4);
	*/
	/* 明るくなったことで文字が抜けるので黒枠で囲む */
	text-shadow: 1px 1px 0px #000,1px -1px 0px #000,-1px 1px 0px #000,-1px -1px 0px #000;
	/* OCS)T.TAKADA UPD END */
	font-size:2em;
}

div.h2back h2:before{}

main article{
	max-width:1100px;
	margin:0 auto 2em;
	padding:0 2em;
	box-sizing:border-box;
}
main article p{
	padding:1em;
	margin:0 0 1em;
	background-color:#fff;
}

/*	post table
-------------------------------------------------*/

table{}

table caption{}

table th{}

table td{}

table th,
table td{}

table td ul,
table td ol{margin-left:1em;}



/*	post ol ul li
-------------------------------------------------*/
ul,
ol{}

ul li,
ol li{}



/*	TOP
-------------------------------------------------*/

/*top_slider*/
#top_slider{}
#top_slider figure{
	position:relative;
	width:100%;
	/* OCS)T.TAKADA UPD START */
	/* 背景が大きすぎるので三分の二に縮小 */
	/*
	height:600px;
	height:520px;
	*/
	height:400px;
	height:340px;
	/* OCS)T.TAKADA UPD END */
	overflow:hidden;
}


#top_slider figure img{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}

#top_slider figure figcaption{
	position:absolute;
	top:50%;
	right:10%;
	transform:translate(0%,-50%);
	font-size:2.4em;
	font-weight:bold;
	text-shadow: 1px 1px 0px #fff,1px -1px 0px #fff,-1px 1px 0px #fff,-1px -1px 0px #fff;
}

/*top_service*/
#top_service{
	background-color:#3166FF;
	padding:1em 0;
}
#top_service ul{
	max-width:1100px;
	margin:0 auto;
	padding:0;
	display:flex;
	list-style:none;
}
#top_service ul li{
	width:calc(25% - 1em);
	margin:0 0.5em;
}

#top_service ul li figure{position:relative;font-size:0;overflow:hidden;}
#top_service ul li figure img{width:100%;height:auto;}
#top_service ul li figure figcaption{
	position:absolute;
	bottom:0;
	left:0;
	padding:0.4em;
	margin:0;
	box-sizing:border-box;
	width:100%;
	color:#fff;
	font-weight:bold;
	background-color:rgba(0,0,0,0.6);
	font-size:1rem;
}

#top_service ul li figure.chover img{
	filter: blur(5px);
	transform: scale(1.1, 1.1);
}
#top_service ul li figure.chover figcaption{
	height:100%;
}

#top_service ul li a{}

#top_main{}
#top_main section{
	padding:2em 0;
}

.top_section_contents{
	max-width:1100px;
	width:100%;
	margin:0 auto;
	padding:2em 0;
}

#top_main section h2{
	font-size:2em;
	text-align:center;
	margin:0 0 1em;

}


/*新着情報*/
#top_news{}
#top_news .news_wrap{text-align:center;}

#top_news ul,
#top_news .news_list{
	max-width:640px;
	width:100%;
	margin:0 auto;
	padding:0 1em;
	list-style:none;
	display:inline-block;
	text-align:left;
}
#top_news .news_list{text-align:right;}

#top_news ul li{padding:0;margin:1em 0;}
#top_news ul li a span{margin-right:1em;}
#top_news ul li a:link,
#top_news ul li a:visited{color:#333;text-decoration:none;}
#top_news ul li a:hover,
#top_news ul li a:active{opacity:0.8;}



/*キャッチコピー*/
#top_catch{background-color:#fff;}
#top_catch .top_catchcopy{
	font-size:2.4rem;
	font-weight:bold;
	text-align:center;
	margin:2rem 0;
	padding:0;
}

#top_catch .top_catch_description{margin:0 0 1em;}

#top_catch .top_catch_column{
	display:flex;
	justify-content:flex-start;
	align-items:flex-start;
}

#top_catch .top_catch_column .top_catch_image{width:30%;margin-right:3em;flex-basis: initial;}
#top_catch .top_catch_column figure img{width:100%;height:auto;}
#top_catch .top_catch_column ul{}
#top_catch .top_catch_column ul li{
	color:#1046DC;
	font-weight:bold;
	margin:0.4em 0;
}

/*関連会社*/
#top_link ul{list-style:none;}
#top_link .widget_links h2{display:none;}
#top_link .widget_links ul{
	list-style:none;
	display:flex;
	justify-content:center;
}

#top_link .widget_links ul li{
	/*width:calc(25% - 2em);*/
	margin:0 1em 1em;
	border:1px solid #ccc;
}
#top_link .widget_links ul li a:link,
#top_link .widget_links ul li a:visited{
	display:block;
	font-size:0;
}
#top_link .widget_links ul li a:hover,
#top_link .widget_links ul li a:active{opacity:0.8;}

#top_link .widget_links ul li a img{font-size:1rem;}







/*	bread
-------------------------------------------------*/
#bread{
	background-color:#0068b7;
	margin:2px 0;
	padding:0.8em 0;
	color:#fff;
}
#bread div{max-width:1100px;width:100%;margin:0 auto;}
#bread a:link,
#bread a:visited{color:#fff;text-decoration:none;}


/*	page
-------------------------------------------------*/

article ul,
article ol{padding-left:2em;}

article ul li,
article ol li{}

article h2{
	color:#004880;
	margin:0 0 1rem;
	font-size:2rem;
}


/*サービス*/
p.page_catchcopy{
	font-size:1.4em;
	font-weight:bold;
	text-align:center;
	background-color:initial;
	line-height:2;
}
/*サービス一覧*/
.service_list_wrap{}

.service_list_wrap .service_list_items{
	display:flex;
	flex-wrap:wrap;
	margin:0 0 2em;
}
.service_list_wrap .service_list_items h2{color:#fff;background-color:#004880;padding:1rem;width:100%;}
.service_list_wrap .service_list_items figure{margin-right:1rem;}
.service_list_wrap .service_list_items figure img{width:100%;height:auto;}
.service_list_wrap .service_list_items .si_wrap{
	width:calc(100% - 300px - 1em);
	padding:1em;
	box-sizing:border-box;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	background-color:#fff;
}
.service_list_wrap .service_list_items .service_catchcopry{}
.service_list_wrap .service_list_items .service_catchcopry p{
	color:#0080ff;
	font-size:1.2em;
	font-weight:bold;
	padding:0;
	margin:0 0 1rem;
	background-color:initial;
}
.service_list_wrap .service_list_items .service_description{margin:0 0 1em;}
.service_list_wrap .service_list_items .service_link{
	text-align:right;
	margin: auto 0 0;
	width: 100%;
}
.service_list_wrap .service_list_items .service_link a:link,
.service_list_wrap .service_list_items .service_link a:visited{
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	padding:0.4em 1em;
	
	margin:0;
	text-align:center;
	display:inline-block;
	box-sizing:border-box;
	background-color:#3F94FF;
}
.service_list_wrap .service_list_items .service_link a:hover,
.service_list_wrap .service_list_items .service_link a:active{}



/*サービス-コンサルティング*/
#post-48{}
.sarvice_flow_wrap{margin:2em 0;}
.sarvice_flow_wrap .sf_items{margin:0 0 2em;}
.sarvice_flow_wrap .sf_items h3{
	color:#fff;
	display:flex;
	background-color:#0068b7;
	margin:0 0 1em;
}
.sarvice_flow_wrap .sf_items h3 span{
	width:120px;
	text-align:center;
	padding:1em;
	background-color:#3F94FF;
	box-sizing:border-box;
}
.sarvice_flow_wrap .sf_items h3 span br{display:none;}
.sarvice_flow_wrap .sf_items h3 div{
	padding:1em;
}
.sarvice_flow_wrap .sf_items dl{
	padding:1em;
	margin:0 1em;
	background-color:#fff;
}

.sarvice_flow_wrap .sf_items dl dt{font-weight:bold;margin:0 0 0.4em;}
.sarvice_flow_wrap .sf_items dl dd{margin:0 0 1em;}
.sarvice_flow_wrap .sf_items dl dd:last-of-type{margin-bottom:0;}


/*サービス-ソリューション*/
#post-50{}
.solution_contents_wrap{margin:2em 0;}

.sc_items{
	padding:1em;
	margin:0 1em;
	background-color:#fff;
}

.sc_items h3{margin:0 0 1em;}
.sc_items div{margin:0 0 1em;}
.sc_items dl dt{font-weight:bold;margin:0 0 0.4em;}
.sc_items dl dd{margin:0 0 1em;}

.sc_items ul{padding-left:2em;margin:0 0 1em;}
.sc_items table{margin:1em 0;}
.sc_items table th{white-space:nowrap;}
.sc_items table td span{
	display:inline-block;
	white-space:nowrap;
}

/*サービス-ソリューション*/

#post-52{}

.sub_catch{
	font-size:1.2em;
	color:#0080ff;
	font-weight:bold;
}

.management_read{background-color:#fff;padding:1em;margin:0 0 1em;}
.management_read p{padding:0;margin-bottom:1em;background-color:initial;}
.management_read p:last-of-type{margin-bottom:0em;}
.management_read ul{margin:1em 0;}
.management_read ul:last-of-type{margin-bottom:0em;}

.management_contents_wrap{margin:2em 0;}

.management_contents_wrap .mc_items{
	padding:1em;
	margin:0 1em;
	background-color:#fff;
}

.management_contents_wrap .mc_items h3{margin:0 0 1em;}
.management_contents_wrap .mc_items ul{margin:1em 0;}
.management_contents_wrap .mc_items div.bold{margin-top:1em;}



/*サービス-ホームページ作成*/
.homepage_contents_wrap{margin:2em 0;}

.homepage_contents_wrap ul{
	padding:1em;
	background-color:#fff;
	list-style:none;
}
.homepage_contents_wrap ul li{font-size:1.2;font-weight:bold;margin:0.4em 0;}

.hs_items{margin:0 0 2em;}
.hs_items h3{
	color:#fff;
	display:flex;
	background-color:#0068b7;
	margin:0 0 1em;
}
.hs_items h3 span{
	width:160px;
	text-align:center;
	padding:1em;
	background-color:#3F94FF;
	box-sizing:border-box;
}
.hs_items h3 span br{display:none;}
.hs_items h3 div{
	padding:1em;
}
.hs_items dl{
	padding:1em;
	margin:0 1em;
	background-color:#fff;
}
.hs_items dl dd{margin:0 0 1em;}
.hs_items dl dd:last-of-type{margin:0;}

/*	OCSの取り組み
-------------------------------------------------*/

#post-35{}

#post-35 .wp-block-group{margin:0 0 2em;}
#post-35 dl{}
#post-35 dl dt{font-weight:bold;margin:0 0 0.4em;}
#post-35 dl dd{margin:0 0 1em;}
#post-35 dl dd:last-of-type{margin:0;}

.csr_recycle h3{margin:0 0 1em;}
.csr_recycle .wp-block-columns{background-color:#fff;padding:1em;}
.csr_recycle .wp-block-column{}
.csr_recycle .wp-block-column:nth-of-type(1){flex-basis:initial;}
.csr_recycle .wp-block-column:nth-of-type(2){flex-basis: calc(20% - 16px);}
.csr_recycle .wp-block-column p,
.csr_recycle .wp-block-column .wp-block-image{padding:0;margin:0;}
.csr_recycle .wp-block-column strong{color:#ff8800;display:inline-block;}

.csr_clean .wp-block-image img{width:100%;height:auto;}

.csr_privacy{}
.csr_privacy p{margin:0;}
.csr_privacy .privacy_contents{background-color:#fff;padding:1em;}
.csr_privacy .privacy_wrap{display:flex;}
.csr_privacy .privacy_wrap a img{width:160px;height:auto;}
.csr_privacy .privacy_wrap dl{margin-left:1em;}

#post-35 .csr_initiative{}
#post-35 .csr_initiative dl{background-color:#fff;padding:1em;}


/*	会社概要
-------------------------------------------------*/

.com_data{
	padding:1em;
	margin:0 0 2em;
	background-color:#fff;
}

.com_data table{margin:0 1em 1em;}
.com_data table th{background-color:#efefef;white-space:nowrap;}
.com_data table td{background-color:#fff;}
.com_data table td p{padding:0;margin:0;}
.com_data table td span{display:inline-block;white-space:nowrap;}
.com_data table td ul{padding-left:0;margin-left:0;list-style:none;}
.com_data table td ul li span{margin-right:1em;}


/*	個人情報保護方針
-------------------------------------------------*/

.pp_item{margin:0 0 2em;}
.pp_item .wp-block-group__inner-container .wp-block-group{padding:1em;background-color:#fff;}
.pp_item .wp-block-group__inner-container .wp-block-group ul,
.pp_item .wp-block-group__inner-container .wp-block-group ol{padding-left:3em;margin:0 0 1em;}
.pp_item .wp-block-group__inner-container .wp-block-group ul li,
.pp_item .wp-block-group__inner-container .wp-block-group ol li{margin:0 0 0.4em;}

.pp_item .wp-block-group__inner-container .wp-block-group ul li:last-of-type,
.pp_item .wp-block-group__inner-container .wp-block-group ol li:last-of-type{margin:0 0 0.4em;}

.pp_item .wp-block-group__inner-container .wp-block-group ul li dt,
.pp_item .wp-block-group__inner-container .wp-block-group ul li dd,
.pp_item .wp-block-group__inner-container .wp-block-group ol li dt,
.pp_item .wp-block-group__inner-container .wp-block-group ol li dd{text-indent:-1em;padding-left:1em;margin:0 0 0.4em;}

.pp_ppm_wrap{display:flex;justify-content: space-between;}
.pp_ppm_wrap ul{list-style:none;}
.pp_ppm_wrap img{width:160px;height:auto;}

.pp_group3 ol{padding-left:2em !important;}
.pp_group3 ol dl{margin:1em 0 !important;}


/*	お問合せ
-------------------------------------------------*/
#post-44{
	max-width: initial;
	margin: -2em 0;
	padding: 2em 0;
	background-color: #fff;
}

/*
#post-44 .page_catchcopy{
	font-size: 1.4em;
	font-weight: bold;
	text-align: center;
	background-color: initial;
	line-height: 2;
}
#post-44 .page_catchcopy span{display:block;}

#post-44 .reception_wrap{
	padding: 1em;
	background-color: #fff;
	margin: 2em 0;
	text-align:center;
}

#post-44 .reception_wrap ul li{
	display:block;
	font-size:1.2em;
	font-weight:bold;
	margin:0 0 0.4em;
}
#post-44 .reception_wrap ul li span{
	color:#ff2626;
	font-size:1.6em;
}
*/
.form_wrap{background-color:#fff;padding:1em;}
.form_wrap table{max-width:640px;margin:0 auto;}


/*	サイトマップ
-------------------------------------------------*/
.sitemap_wrap{display:flex;flex-wrap:wrap;padding:1em;background-color:#fff;}
.sitemap_wrap .wp-block-column{flex-basis:initial;}
.sitemap_wrap ul{margin:0 1em;}
.sitemap_wrap ul li{margin:0.5em 0;}
.sitemap_wrap ul ul{padding-left:0.5em;}

/*	category
-------------------------------------------------*/
.post_list{
	box-sizing:border-box;
}
.post_list a:link,
.post_list a:visited{
	text-decoration:none;color:#333;
	background-color:#fff;
	padding:1em;
	display:block;
}
.post_list h2{font-size:1.2rem;}
.post_list .post_contents{margin:0;padding:1em;}
.post_list .post_contents p{padding:0;margin:0;}


/*	single
-------------------------------------------------*/

.post_contents{
	padding:1em;
	margin:0 1em 1em;
	background-color:#fff;
}

.post_contents h3{margin:0 0 1em;}
.post_contents table th{background-color:#efefef;white-space:nowrap;}
.post_contents table td{}

.postdate{margin:0;text-align:right;}


/*	採用情報
-------------------------------------------------*/
.archive_description{
	max-width:1100px;
	font-size: 1.4em;
	font-weight: bold;
	text-align: center;
	background-color: initial;
	line-height: 2;
	padding:1em;
	margin:0 auto 1em;
	box-sizing:border-box;

}

.recruit_image,
.recruit_file{margin:0 0 2em;}
.recruit_image img{max-width:100%;height:auto;}
.recruit_file iframe{
	width:100%;
	height:600px;
	border:1px solid #333;
	box-shadow:1px 1px 1px #333;
}

/*	FOOTER_CONTACT
-------------------------------------------------
*/

.footer_contact{background-color:#fff;padding:0 0 2em;}

.footer_contact .fcontact_column{
	display:flex;
	max-width:1100px;
	width:100%;
	margin:0 auto;
	padding:0;
}
.footer_contact h2{
	font-size:2em;
	text-align:center;
	margin:0;
	padding:1em;
}

.footer_contact .fcontact_column.double_column .fc_items{
	width:50%;
	padding:2em;
}

.footer_contact_section{}
.footer_contact_section .contact_read{display:flex;flex-wrap:wrap;margin:0 0 2em;}
.footer_contact_section .contact_image figure{margin:0 0 1em;}
.footer_contact_section .contact_image figure img{width:100%;height:auto;}
.footer_contact_section .contact_read div{width:100%;}
.footer_contact_section .contact_read span{display:block;font-weight:bold;font-size:1.2em;margin:0.4rem 0;text-align:center;}
.footer_contact_section .reception_wrap{margin:0 0 2em;text-align:center;}
.footer_contact_section .reception_wrap ul li{
	display:block;
	font-size:1.2em;
	font-weight:bold;
	margin:0 0 0.4em;
}
.footer_contact_section .reception_wrap ul li span{
	color:#ff2626;
	font-size:1.6em;
}

.footer_form_section h2{padding:0;margin-bottom:1em;}

.pmark_wrap{display:flex;align-items:center;}
.pmark_wrap .pmark_desc{margin-right:1em;}
.pmark_wrap a{}
.pmark_wrap a img{width:120px;height:auto;}





.footer_contact .fcontact_column.single_column .fc_items{padding:2em;margin:0 auto;display:flex;flex-wrap}
.single_column .footer_contact_section .contact_read{max-width:640px;margin-right:1em;align-items: center;display:block;}
.single_column .footer_contact_section .contact_image{width:40%;margin-right:1em;}
.single_column .footer_contact_section .contact_image figure img{width:100%;height:auto;}
.single_column .footer_contact_section .contact_content{width:calc(60% - 1em);}


.single_column .footer_contact_section .contact_read div span{font-weight:bold;font-size:1.2em;margin:0.4rem 0;width:100%;}
.single_column .pmark_wrap{max-width:500px;margin:0 auto;}


.footer_form_section .mw_wp_form form{padding-top:180px;margin-top:-180px;}


/*	FOOTER
-------------------------------------------------
*/

footer{
	color:#fff;
	background-color:#3166FF;
}

footer .footer_content{
	max-width:1100px;
	width:100%;
	margin:0 auto;
	padding:1em;
	box-sizing:border-box;
	display:flex;
	justify-content:flex-start;
	align-items:flex-start;
}

.footer_info{margin:0 2em 0 0;}

.footer_info ul{list-style:none;}

.footer_content .footer_menu{list-style:none;margin:0 2em;}
.footer_content .footer_menu li {
	margin:0.4em 0;
	padding:0;
}
.footer_content .footer_menu li ul{padding-left:1em;list-style:none;}

.footer_content .footer_menu li a:link,
.footer_content .footer_menu li a:visited{
	color:#fff;
	text-decoration:none;
}

.copy_wrap{
	background-color:#1046DC;
	padding:0.4em;
}
#copyright{
	width:100%;
	max-width:1100px;
	margin:0 auto;
	text-align:center;
}


/*	top_button
-------------------------------------------------
*/
footer .btt{position:relative;margin:0 auto;}
footer .btt a {
	border-radius: 0px 20px 0 0;
	color: #fff;
	background: #0f46dc;
	display: block;
	font-size: 30px;
	text-decoration:none;
	text-align:center;
	height: 50px;
	line-height: 50px;
	margin: auto;
	position: absolute;
	right: 30px;
	top: -25px;
	transition: all 0.2s linear 0s;
	width: 50px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
}

footer .btt a:hover {
	color: #03c4eb;
}

footer .btt a span {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	margin-left: 4px;
	margin-top:8px;
	font-size:1em;
	vertical-align:initial;
	width:30px;
	height:30px;
}



/*	新着情報
-------------------------------------------------*/


/*	お問合せフォーム
-------------------------------------------------
*/
.mw_wp_form{}

.mw_wp_form th,
.mw_wp_form td{
	width:100%;
	display:block;
	margin:0;
	padding:0;
	border:none;
}

.mw_wp_form th{text-align:left;margin:0 0 0.4em;}
.mw_wp_form td{margin:0 0 1em;}
.mw_wp_form td.table_column{display:flex;justify-content:space-between;}
.mw_wp_form td div{width:calc(50% - 0.4em);}
.mw_wp_form td span.item_name{display:block;font-weight:bold;margin:0 0 0.4em;}

.mw_wp_form input[type="text"],
.mw_wp_form textarea{
	width:100%;
	padding:0.4em;
	border:1px solid #ccc;
	background-color:#fafafe;
	box-sizing:border-box;
}


.privacy_check{
	text-align:center;
	margin:1em 0;
}
.btn_wrap{
	margin:1em;
	text-align:center;
}
.btn_wrap input{margin:0 1em;}

.mw_wp_form.mw_wp_form_confirm tr{display:block;border-bottom:2px solid #ccc;margin:0 0 1em;}
.mw_wp_form.mw_wp_form_confirm th{padding:0;}
.mw_wp_form.mw_wp_form_confirm td{padding:0 0 0 1em;}
.mw_wp_form.mw_wp_form_confirm  td.table_column{justify-content:initial;}
.mw_wp_form.mw_wp_form_confirm  td div{min-width:200px;width:auto;}

span.hissu{
	font-size:0.8em;
	color:#ff2626;
	margin:0 0.4em;
	font-weight:normal;
}
.mw_wp_form.mw_wp_form_confirm span.hissu{display:none;}

/*	MISC
-------------------------------------------------
*/



/*	Mobile
-------------------------------------------------
*/

@media screen and (min-width: 721px) {
	.pc_none{display:none !important;}

}


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

	.sp_none{display:none !important;}
	main{box-sizing:border-box;}

	/*header*/
	.hcontainer{padding:0.4em;}
	.hcontainer h1{font-size:0;}
	.hcontainer h1 a img{width:100%;height:auto;}


	.menu_btn {
	/*
		position: fixed;
		top: 0;
		right: 0;
		width: 0;
		height: 100%;
	*/
		font-size:0;
		transition: width .2s;
	}

	.menu--isOpen {/*width: 100%;*/}

	.menu__button {
	/*
		position: fixed;
		right: 10px;
		top: 20px;
	*/
		position: relative;
		width: 40px;
		height: 40px;
		border: 1px solid #ccc;
		border-radius: 0;
	}
	.menu_btn span {
		display: block;
		width: 80%;
		margin: auto;
		height: 4px;
		background-color: #000;
		border-radius: 3px;
		position: absolute;
		left: 0;
		right: 0;
		top: calc((100% - 4px)/2)
	}
	.menu__lineTop {transform: translateY(-10px);}
	.menu__lineMiddle {}
	.menu__lineBottom {transform: translateY(10px);}
	.menu--isOpen .menu__lineTop {transform: rotate(45deg);}
	.menu--isOpen .menu__lineMiddle {opacity: 0;}
	.menu--isOpen .menu__lineBottom {transform: rotate(-45deg);}


	/*sp_nav*/
	.spnav_wrap{position:relative;}
	#sp_nav{
		display:none;
		position:absolute;
		top:0;
		width:100%;
		height: 100vh;
		background-color: rgba(0,0,0,0.6);
	}
	#sp_nav ul{
		width:100%;
		background-color:#fff;
		padding:0 0.4rem;
		box-sizing:border-box;
		list-style:none;
		z-index:1000;
	}
	#sp_nav ul li{}

	#sp_nav ul li a:link,
	#sp_nav ul li a:visited{
		color:#004880;
		text-decoration:none;
		font-weight:bold;
		display:block;
		padding:0.4rem;
		margin:0;
		box-sizing:border-box;
		border-bottom:2px dotted #ccc;
	}
	#sp_nav ul li ul{padding-left:1rem;}











	/*top*/
	#top_service ul li figure figcaption{font-size:0.8rem;}

	#top_main section{padding:2em 1em;}
	.top_section_contents{padding:0;}

	#top_slider figure{height:calc(100vw / 2);}
	#top_slider figure img{height:100%;width:auto;}
	#top_slider figure figcaption{font-size:1.0em;width:90%;right:initial;left:50%;transform:translate(-50%,-50%);}
	#top_service{padding:0.5em 0;}
	#top_service ul{flex-wrap:wrap;}
	#top_service ul li{width:calc(50% - 1em);margin:0.5em;}
	#top_news ul,
	#top_news .news_list{box-sizing:border-box;}
	#top_news ul li a span{display:block;}
	#top_catch .top_catchcopy{font-size:1.2em;text-align:center;}
	#top_catch .top_catchcopy span{display:inline-block;font-size:1.2rem;}
	#top_catch .top_catch_column{flex-wrap:wrap;}
	#top_catch .top_catch_column .wp-block-column:nth-of-type(1),
	#top_catch .top_catch_column figure{width:100%;margin-right:0;margin-bottom:1em;}
	#top_catch .top_catch_column ul{padding-left:2em;}
	#top_link .widget_links ul{flex-wrap:wrap;}
	#top_link .widget_links ul li{width:calc(50% - 1em);margin:0 0.5em 1em;box-sizing:border-box;}
	#top_link .widget_links ul li a img{width:100%;height:auto;}

	/*bread*/
	#bread{font-size:0.8em;padding:0.8rem 0.4rem;}


	/*page*/
	main article{padding:0 1em;}
	p.page_catchcopy{font-size:1em;padding:0;}
	/*p.page_catchcopy br{display:none;}*/
	article h2{font-size:1em;}
	article h3{font-size:1em;}
	.table_wrap{overflow-y: scroll;}
	.table_wrap table th{min-width:120px;box-sizing:border-box;}
	.table_wrap table td{min-width:200px;box-sizing:border-box;}
	div.h2back h2{padding:2rem 1rem;font-size:1.2em;}

	/*サービス一覧*/
	.service_list_wrap .service_list_items h2{}
	.service_list_wrap .service_list_items figure{width:100%;margin-right:0;}
	.service_list_wrap .service_list_items figure img{width:100%;height:auto;}
	.service_list_wrap .service_list_items .si_wrap{width:100%;}
	.service_list_wrap .service_list_items .service_link a:link,
	.service_list_wrap .service_list_items .service_link a:visited{width:100%;}
	
	/*サービス　コンサルティング*/
	.sarvice_flow_wrap .sf_items h3{align-items:center;}
	.sarvice_flow_wrap .sf_items h3 span{width:auto;}
	.sarvice_flow_wrap .sf_items h3 span br{display:initial;}

	/*サービス　ソリューション*/

	/*サービス　マネジメント*/
	.sub_catch{font-size:1em;}

	/*サービス　ホームページ*/
	.hs_items h3{align-items: center;}
	.hs_items h3 span{width:auto;}
	.hs_items h3 span br{display:initial;}


	/*OCSのとりくみ*/
	.csr_clean .wp-block-columns{flex-wrap:nowrap;}
	.csr_clean .wp-block-columns .wp-block-column{margin:0 2px;}
	.csr_privacy .privacy_wrap{flex-wrap:wrap;}
	.csr_privacy .privacy_wrap a{display:block;margin:0 auto 1em;}
	.csr_privacy .privacy_wrap dl{width:100%;}


	/*会社概要*/
	.com_data{}
	.com_data table{margin:0 0 1em;}
	.com_data table th,
	.com_data table td{width:100%;display:block;}
	.com_data table td span{white-space:initial;}

	/*policy*/
	.pp_ppm_wrap{flex-wrap:wrap;}
	.pp_ppm_wrap a{order:2;width:100%;text-align:center;}
	.pp_ppm_wrap ul{order:1;width:100%;box-sizing:border-box;}

	/*採用情報*/
	.archive_description{font-size:1rem;}
	.recruit_file iframe{width:100%;height:100vw;}
	.recruit_data th,
	.recruit_data td{display:block;width:100%;}
	/*footer_contact*/
	.single_column .footer_contact_section .contact_read figure{width:100%;margin-right:0;margin-bottom:1em;}
	.single_column .footer_contact_section .contact_read div{width:100%;}
	.footer_contact_section .reception_wrap .reception_time{font-size:0.8em;}

	.double_column{flex-wrap:wrap;}
	.footer_contact .fcontact_column.double_column .fc_items{width:100%;}

	/*footer*/
	footer .footer_content{flex-wrap:wrap;}
	
	.footer_info h1 img{width:100%;height:auto;}
	.footer_content .footer_menu{margin:0 0 1em;}
	.footer_content .footer_menu:nth-of-type(1){}
	.footer_content .footer_menu:nth-of-type(2){}



}

/*	HACK
-------------------------------------------------
*/
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

@media all and (-ms-high-contrast:none) {
	*::-ms-backdrop, .selector {	}
	/* IE11のみに適応されるCSS */
		body{
			padding-top:160px;
		}
		header{
			position:fixed;
			width:100%;
		}
		.mw_wp_form input[type='text'],
		.mw_wp_form textarea{width:500px;}
		.mw_wp_form td div input[type='text']{width:244px;}
		.csr_recycle :nth-of-type(1).wp-block-column{flex-basis: inherit;}
}