@charset "UTF-8";

/*!
Theme Name:Cocoon Child
Description:Cocoon専用の子テーマ
Theme URI:https://wp-cocoon.com/
Author:わいひら
Author URI:https://nelog.jp/
Template:	 cocoon-master
Version:	1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

.M-0,p,.archive .entry-card-content,.footer-widgets,.footer-widgets-mobile,.article ul li{
	margin:0;
}
.M-05em{
	margin:0.5em;
}
.M-1em{
	margin:1em;
}
.M-15em{
	margin:1.5em;
}
.M-2em{
	margin:2em;
}
.MT-0,#breadcrumb,.home .entry-content,.content,.footer,.footer-bottom,.page-id-44 .entry-content{
	margin-top:0;
}
.MT-05em{
	margin-top:0.5em;
}
.MT-1em,.archive #list{
	margin-top:1em;
}
.MT-15em{
	margin-top:1.5em;
}
.MT-2em{
	margin-top:2em;
} 
.MT-25em{
	margin-top:2.5em;
} 
.MT-3em,.single .entry-content{
	margin-top:3em;
}
/*
#Company-History{
	margin-top:-30em;
}
*/
.MB-0,.entry-content>*,.article p,.body .article,.entry-title,.entry-content,.body .widget,h1#archive-title.archive-title{
	margin-bottom:0;
}
.MB-05em,.header-subnavi-button1{
	margin-bottom:0.5em;
}
.MB-1em{
	margin-bottom:1em;
}
.MB-15em{
	margin-bottom:1.5em;
}
.MB-2em,#go-to-top{
	margin-bottom:2em;
}
.MB-3em{
	margin-bottom:3em;
}
.MB-45em{
	margin-bottom:4.5em;
}
.MR-05em{
	margin-right:0.5em;
}
.MR-1em{
	margin-right:1em;
}
.MR-15em{
	margin-right:1.5em;
}
.MR-2em{
	margin-right:2em;
}
.ML-0,.search .entry-card-content{
	margin-left:0;
}
.ML-05em{
	margin-left:0.5em;
}
.ML-1em{
	margin-left:1em;
}
.ML-15em{
	margin-left:1.5em;
}
.ML-2em{
	margin-left:2em;
}
.ML-25em{
	margin-left:2.5em;
}
.ML-auto{
	margin-left:auto;
}
.M-auto,.header-container{
	margin:0 auto;
}
.MTB-0,.article h2,.article h3,.article h4,.article h5,.article h6{
	margin-top:0;
	margin-bottom:0;
}
.MTB-05em{
	margin-top:0.5em;
	margin-bottom:0.5em;
}
.MTB-1em{
	margin-top:1em;
	margin-bottom:1em;
}
.MTB-2em{
	margin-top:2em;
	margin-bottom:2em;
}
.MTB-3em{
	margin-top:3em;
	margin-bottom:3em;
}
.MRL-0{
	margin-right:0;
	margin-left:0;
}
.MRL-auto,#breadcrumb,h1.entry-title,h1.archive-title/*,.page-template-page-fullwidth #container #content,.logo-header,#header-container-in.wrap,.page-template-default .entry-content,.post-template-default #content,#header-container-in.hlt-top-menu.wrap .logo-header,#footer-in,h1.entry-title,h1#archive-title,.error404 #content,.search #content,#breadcrumb,.Page-404-contents img*/,.footer-widgets{
	margin-right:auto;
	margin-left:auto;
}
.M-0em05em{
	margin:0 0.5em;
}
.M-0em1em{
	margin:0 0.5em;
}
.M-05em0em{
	margin:0.5em 0;
}

/* padding指定 */
.P-0,.site-name-text-link,.main,.footer,footer-left{
	padding:0;
}
.P-025em{
	padding:0.25em;
}
.P-05em,.PageNavi-Button a{
	padding:0.5em;
}
.P-1em{
	padding:1em;
}
.P-15em{
	padding:1.5em;
}
.P-2em{
	padding:2em;
}
.P-3em{
	padding:3em;
}
.PT-0,.main{
	padding-top:0;
}
.PT-05em,.logo-image{
	padding-top:0.5em;
}
.PT-1em,#breadcrumb{
	padding-top:1em;
}
.PT-2em{
	padding-top:2em;
}
.PR-05em{
	padding-right:0.5em;
}
.PR-1em{
	padding-right:1em;
}
.PR-2em{
	padding-right:2em;
}
.PL-0,#container{
	padding-left:0;
}
.PL-05em{
	padding-left:0.5em;
}
.PL-1em{
	padding-left:1em;
}
.PL-15em{
	padding-left:1.5em;
}
.PL-2em{
	padding-left:2em;
}
.PB-0,.logo-image{
	padding-bottom:0;
}
.PB-025em{
	padding-bottom:0.25em;
}
.PB-05em{
	padding-bottom:0.5em;
}
.PB-1em{
	padding-bottom:1em;
}
.PB-2em,.category #content,.error404 #content,.search-results #content,.search-results #list{
	padding-bottom:2em;
}
.PB-3em{
	padding-bottom:3em;
}
.PTB-0,.article h2,.article h3,.article h4,.article h5,.article h6,.footer-mobile, .footer-left, .footer-center, .footer-right{
	padding-top:0;
	padding-bottom:0;
}
.PTB-05em{
	padding-top:0.5em;
	padding-bottom:0.5em;
}
.PTB-1em,.page-template:not(.home,.page-id-18,.page-id-44) .entry-content,.wp-block-image,.wp-block-columns,.archive #list{
	padding-top:1em;
	padding-bottom:1em;
}
.PTB-15em{
	padding-top:1.5em;
	padding-bottom:1.5em;
}
.PTB-2em{
	padding-top:2em;
	padding-bottom:2em;
}
.PTB-3em,.example-template-default .Content{
	padding-top:3em;
	padding-bottom:3em;
}
#header-container-in{
	padding-top:0.2em;
	padding-bottom:0.6em;
}
.PRL-0,#main.main,.list.ecb-entry-border a.entry-card-wrap{
	padding-right:0;
	padding-left:0;
}
.PRL-05em{
	padding-right:0.5em;
	padding-left:0.5em;
}
.PRL-1em,.article h2.PRL-1em,.article h3.PRL-1em,.article h4.PRL-1em,.article h5.PRL-1em,.article h6.PRL-1em{
	padding-right:1em;
	padding-left:1em;
}
.PRL-15em{
	padding-right:1.5em;
	padding-left:1.5em;
}
.PRL-2em{
	padding-right:2em;
	padding-left:2em;
}
.PRL-3em{
	padding-right:3em;
	padding-left:3em;
}
.P-0em05em{
	padding:0 0.5em;
}
.P-025em05em{
	padding:0.25em 0.5em;
}
.P-05em1em{
	padding:0.5em 1em;
}
.P-05em2em{
	padding:0.5em 2em;
}
.P-1em2em{
	padding:1em 2em;
}
.P-2em1em{
	padding:2em 1em;
}
.P-2em5em{
	padding:2em 5em;
}
h1{
	padding:4em 2em 5em;
}
#Company-History-back{
	padding:15em 0 0;
}

/* float指定 */
.F-R{
	float:right;
}
.F-N,.entry-card-thumb{
	float:none;
}
.F-L{
	float:left;
}

/* テキストの横位置指定 */
.TA-C{
	text-align:center;
}
.TA-L,.logo{
	text-align:left;
}
.TA-R{
	text-align:right;
}
.WS-NR{
	white-space:nowrap;
}

/* テキストの縦位置指定 */
.VA-M{
	vertical-align:middle;
}
.VA-T{
	vertical-align:top;
}
.VA-B{
	vertical-align:bottom;
}

/* フォント色指定 */
.FC-000{
	color:#000;
}
.FC-fff,#breadcrumb,.breadcrumb a/*,.calendars.xo-months .month-header*/{
	color:#fff;
}
.FC-ccc{
	color:#ccc;
}
.FC-aaa{
	color:#aaa;
}
.FC-ff0000{
	color:#ff0000;
}
.FC-03326d,#ContactForm a.D-Table:hover,.Komidashi1,.Komidashi1:before{
	color:#03326d;
}
.FC-818181{
	color:#818181;
}

/* フォントサイズ指定 */
.FS-05em{
	font-size:0.5em;
}
.FS-08em,.copyright{
	font-size:0.8em;
}
.FS-1em{
	font-size:1em;
}
.FS-12em{
	font-size:1.2em;
}
.FS-125em{
	font-size:1.2em;
}
.FS-15em{
	font-size:1.5em;
}
.FS-2em{
	font-size:2em;
}

/* フォントのウェイト指定 */
.FW-700{
	font-weight:700;
}
.FW-500,h1.entry-title,h2.entry-card-title strong,.article h2,.article h3,.article h4,.article h5,.article h6,h2.entry-card-title,h1#archive-title{
	font-weight:normal;
}

/* フォントの高さ指定 */
.LH-0,#content div.LH-0{
	line-height:0;
}
.LH-1em,#content div.LH-1em{
	line-height:1em;
}
.LH-12em{
	line-height:1.2em;
}
.LH-15em,#content div,#Top-News .D-TableCell{
	line-height:1.5em;
}
#content .Bussiness div{
	line-height:1.8em;
}


/* テキストデコレーションスタイル */
.TD-N,.PageLink a,#sitemap a{
	text-decoration:none;
}
.TD-UL{
	text-decoration:underline;
}
.TI-1em{
	text-indent:1em;
}
.TI--1em{
	text-indent:-1em;
}
.TI--15em{
	text-indent:-1.5em;
}
.TI--2em{
	text-indent:-2em;
}
.LS-N,li.page_item{
	list-style:none;
}

/* displayスタイル */
.D-N,.home header h1.entry-title{
	display:none !important;
}
.D-B,.wpcf7-list-item{
	display:block;
}
.D-IB,h3.Midashi-H3 span{
	display:inline-block;
}
.D-I{
	display:inline;
}
.D-Table,h1{
	display:table;
}
.TL-F{
	table-layout:fixed;
}
.D-TableRow{
	display:table-row;
}
.D-TableCell{
	display:table-cell;
}

/* ワイド指定 */
.W-1em{
	width:1em;
}
.W-10{
	width:10%;
}
.W-20{
	width:20%;
}
.W-25{
	width:25%;
}
.W-30,.slider-catchcopy,.menu-button,#ContactForm .D-TableCell.TH{
	width:30%;
}
.W-33{
	width:33%;
}
.W-40{
	width:40%;
}
.W-45/*,.footer-left*/{
	width:45%;
}
.W-50,.widget_xo_event_calendar{
	width:50%;
}
.W-60,.footer-right{
	width:60%;
}
.W-70{
	width:70%;
}
.W-80,#header-container-in.hlt-top-menu.wrap,#breadcrumb,.footer-widgets{
	width:80%;
}
.W-90{
	width:90%;
}
.W-100,.pager-post-navi a,.widget_xo_event_calendar{
	width:100%;
}

.W-auto,.header-container-in.hlt-top-menu .navi{
	width:auto;
}
.WEBsite-Construction-Table{
	min-width:30%;
}

/* 背景色指定 */
.BGC-transparent,.article h2,#footer .Footer-logo a:hover,#navi .navi-in a:hover,#footer a:not(.sns-button):hover{
	background-color:transparent;
}
.BGC-fff,.xo-event-calendar table.xo-month button,#QandA .box,#baguetteBox-overlay .full-image img{
	background-color:#fff;
}
.BGC-eee{
	background-color:#eee;
}
.BGC-ddd{
	background-color:#ddd;
}
.BGC-ccc{
	background-color:#ccc;
}
#QandA li{
	background-color:#f3fafe;
}
#ContactForm a.D-Table:hover{
	background-color:#c7dbf538;
}
.BGC-03326d,#footer .footer-widgets{
	background-color:#03326d;
}
.page-numbers.current{
	background-color:#bad3f342;
}	
.WEBSITE-text-Back{
	background: linear-gradient(var(--wp--preset--color--watery-blue), var(--wp--preset--color--white));
}
/*
.footer-bottom{
	background-color:#0b2c56;
}
*/


/* 背景画像指定 */

.Business-System{
	background-image:url("../cocoon-child-master/images/business-system.png");
}
.Business-Network{
	background-image:url("../cocoon-child-master/images/business-network.png");
}
#Company-About{
	background-image:url("../cocoon-child-master/images/company-about-back.png");
}
.HoujinBunsho,.BunshoKanri,.ekessai2-BunshoKanri{
	background-image:url("../cocoon-child-master/images/houjinbunsho_titleback.png");
}
.DenshiKessai,.ekessai2-DenshiKessai{
	background-image:url("../cocoon-child-master/images/denshikessai_titleback.png");
}
.DenshiKessai2{
	background-image:url("../cocoon-child-master/images/denshikessai_titleback2.png");
}
.Network-Todo{
	background-image:url("../cocoon-child-master/images/network-todo-back.png");
}
.Business-System,.Business-Network,.Network-Todo{
	background-repeat:no-repeat;
	background-position:right 5% center;
}
.HoujinBunsho,.BunshoKanri,.DenshiKessai,.DenshiKessai2,.ekessai2-BunshoKanri,.ekessai2-DenshiKessai{
	background-position:top center;
}
#System-Development{
	background-image:url("../cocoon-child-master/images/system-back.png");
	background-position:bottom;
}
#NetWork-Construction{
	background-image:url("../cocoon-child-master/images/network-back.png");
	background-position:top;
}
#WEBsite-Construction{
	background-image:url("../cocoon-child-master/images/website-back.png");
	background-position:top;
}
#System-Development,#NetWork-Construction,#WEBsite-Construction{
	background-size:cover;
}
.BGI-backdot_ddd{
	background-image:url("../cocoon-child-master/images/backdot_ddd.png");
	background-repeat:
}
.BGI-backdot_eee{
	background-image:url("../cocoon-child-master/images/backdot_eee.png");
	background-repeat:
}

.BGR-Y{
	background-repeat:repeat-y;
}
.BGR-X{
	background-repeat:repeat-x;
}
.BGR-NR,#Company-About,.HoujinBunsho,.BunshoKanri,.DenshiKessai,.DenshiKessai2,.ekessai2-BunshoKanri,.ekessai2-DenshiKessai{
	background-repeat:no-repeat;
}

/* 高さ指定 */
.H-auto,.footer-bottom-logo img{
	height:auto;
}
.header-container-in.hlt-top-menu .logo-header img{
	max-height:67px;
}

/* ボーダー指定 */
.B-1pxsolidfff{
	border:1px solid #fff;
}
.B-1pxsolideee{
	border:1px solid #eee;
}
.B-1pxsolidccc{
	border:1px solid #ccc;
}
.B-1pxsolid0077b5{
	border:1px solid #0077b5;
}
.B-1pxsolid03326d{
	border:1px solid #03326d;
}
.BR-1pxsolidccc{
	border-right:1px solid #ccc;
}
.BL-1pxsolidfff{
	border-left:1px solid #fff;
}
.BL-1pxsolidccc{
	border-left:1px solid #ccc;
}
.BB-1pxsolidddd{
	border-bottom:1px solid #ddd;
}
.BB-1pxsolidccc{
	border-bottom:1px solid #ccc;
}
.BB-1pxdottedccc{
	border-bottom:1px dotted #ccc;
}
.BB-1pxsolid03326d,#navi-in li.menu-item a:hover{
	border-bottom:1px solid #03326d;
}
.BB-3pxsolidfff{
	border-bottom:3px solid #fff;
}
.B-2pxsolidfff{
	border:2px solid #fff;
}
.B-2pxsolidccc{
	border:2px solid #ccc;
}
.B-N,.main,.article h3,.navi-footer-in > .menu-footer li,.navi-footer-in > .menu-footer li:last-child{
	border:none;
}

/* 
その他まとめて指定 */

.single .entry-content,#pager-post-navi,.archive #list{
	width:80%;
	margin-right:auto;
	margin-left:auto;
}

.clear{
	clear:both;
}
/* 「もっと見る」系のボタン */
*,
*:before,
*:after{
	-webkit-box-sizing:inherit;
	box-sizing:inherit;
}

html{
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	font-size:62.5%;/*rem算出をしやすくするために*/
}

a.More-Button{
	font-size:1.6rem;
	line-height:1.5;
	position:relative;
	display:inline-block;
	padding:1rem 4rem;
	cursor:pointer;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-transition:all 0.3s;
	transition:all 0.3s;
	text-align:center;
	vertical-align:middle;
	text-decoration:none;
	letter-spacing:0.1em;
	color:#212529;
	border-radius:0.5rem;
}
a.More-Button{
	overflow:hidden;
	padding:1.5rem 6rem;
	color:#03326f;
	border-radius:0;
	background:#fff;
}

a.More-Button:hover{
	color:#fff;
}

a.More-Button span{
	position:relative;
	z-index:1;
}

a.More-Button:before,a.More-Button:after{
	position:absolute;
	width:160%;
	height:500%;
	content:'';
	-webkit-transition:all .5s ease-in-out;
	transition:all .5s ease-in-out;
	-webkit-transform:rotate(45deg) translateX(0) translateY(0);
	transform:rotate(45deg) translateX(0) translateY(0);
	background:#03326d;
}

a.More-Button:before{
	top:0;
	left:calc(-150% + 50px);
}
a.More-Button:after{
	top:-400%;
	right:calc(-150% + 50px);
}

a.More-Button:hover:before{
	-webkit-transform:rotate(45deg) translateX(0) translateY(-50%);
	transform:rotate(45deg) translateX(0) translateY(-50%);
}

a.More-Button:hover:after{
	-webkit-transform:rotate(45deg) translateX(0) translateY(50%);
	transform:rotate(45deg) translateX(0) translateY(50%);
}

@media screen and (max-width:331px){
	a.More-Button{
		padding:1.5rem 3rem;
	}
	a.More-Button:before,a.More-Button:after{
		width:100%;
	}
}
h1.entry-title,h1.archive-title,#breadcrumb{
	text-shadow:1px 1px 0 #03326d, -1px -1px 0 #03326d,
	-1px 1px 0 #03326d, 1px -1px 0 #03326d,
	0px 1px 0 #03326d,  0-1px 0 #03326d,
	-1px 0 0 #03326d, 1px 0 0 #03326d;
}

/* 画像カーソル時少し動く */

#content a:hover img{
	transform:translate3d(0, 3px, 0);
}
#content .ml-slider a:hover img{
	transform:unset;
}

.fullwidth-header,.single-example .article-header,.single-post #content-in #main,.archive .archive-header{
	background-image:url("../cocoon-child-master/images/title-back.png");
	background-repeat:no-repeat;
	color:#fff;
}
.fullwidth-header:after,.single-example .article-header:after,.single-post #content-in #main:after,.archive .archive-header:after{
	position:absolute;
	content:'';
	left:50%;
	border:15px solid transparent;
	border-top:15px solid #061F62;
}

.page-numbers{
	border-color:#03326d;
	color:#03326d;
}
.page-numbers:hover{
	background-color:#03326d;
	color:#fff;
}

/* コンタクトフォームボタン */
input[type='button']{
	padding:0.5em 2em;
	margin:1em;
}
input[type='submit']{
	width:auto;
	background-color:#005bb0;
	color:#fff;
	padding:0.5em 4em;
	margin:1em;
	border:3px solid #005bb0;
}
h3.Midashi-H3{	
	position:relative;
	padding:0 65px;
	text-align:center;
	margin-bottom:2em;
}

h3.Midashi-H3:before{
	position:absolute;
	top:calc(50% - 1px);
	left:0;
	width:100%;
	height:1px;
	content:'';
	background:#000;
}
h3.Midashi-H3 span{
	position:relative;
	padding:0 1em;
	background:#fff;
}

.Komidashi1,.Komidashi2{
	position:relative;
	font-weight:700;
	padding-left:1.2em;/*アイコン分のスペース*/
	line-height:1.4;
}

.Komidashi1:before,.Komidashi2:before{
	font-family:"Font Awesome 5 Free";
	content:"\f14a";/*アイコンのユニコード*/
	font-weight:900;
	position:absolute;/*絶対位置*/
	font-size:1em;/*サイズ*/
	left:0;/*アイコンの位置*/
	top:0;/*アイコンの位置*/
	font-weight:900;
}

.eKessai-Midashi{
	position:relative;
	font-size:1.2em;
	font-weight:700;
	color:#03326d;
}

.eKessai-Midashi::before{
	content:attr(data-number);
	display:inline-block;
	margin-right:0.5em;
	color:#03326d;
	font-size:1.2em;
	border-bottom:1px solid #03326d;
}

.business-midashi{
	color:#010079;
	text-shadow:0 0 5px white;
	border-left:solid 7px #010079;
	background:-webkit-repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
	background:repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
	font-size:140%;
	font-weight:700;
	padding:0.25em 0.5em;
}
.e-kessai-midashi{
	margin:0;
	font-size:1.5em;
	position:relative;
	font-weight:normal;
	display:inline-block;
	background-color:#fff;
	margin-left:1.5em;
	padding:0 1em;
}
.e-kessai-head{
	position:relative;
	margin:2em 0;
}
.e-kessai-head:before{
	content:'';
	background-color:#000;
	display:block;
	position:absolute;
	left:0;
	width:100%;
	height:1px;
	top:0;
	bottom:0;
	margin:auto;
}
#Top-Business .Bussiness.D-Table{
	/* margin-bottom:-5em; */
	margin-bottom:-17em;
}
#Top-Business .scroll_up{
	box-shadow:0px 5px 10px -5px rgb(0 0 0 / 32%)
}
#eKessai-Syurui .scroll_up,#eKessai2-Syurui .scroll_up{
	box-shadow:0px 5px 20px -5px rgb(0 0 0 / 32%)
}

/* スクロールで背景画像にコンテンツが被さるように */
#scroll-back{
	background:url("../cocoon-child-master/images/scroll-back-img.png") no-repeat center;
}
#Company-History-back{
	background:url("../cocoon-child-master/images/company-history-back.png") no-repeat center center;
	background-size:cover;
}

#scroll-back/*,#Company-History-back*/{
	position:relative;
	background-size:cover;
	background-attachment:fixed;
	width:100%;
	height:50vh;
	z-index:-1;
}
#scroll-top{
/*	display:flex; */
	justify-content:center;
}

#ContactForm .Contact-telicon{
	background-image:url("../cocoon-child-master/images/icon_tel32.png");
	background-repeat:no-repeat;
	line-height:2em;
	padding-left:1.5em;
	background-position:left;
}

.Page-Item-title-JP{
	font-size:2em;
	color:#999;
	padding:0 2em 0 0.5em;
}
.pattern1 .Page-Item-title-JP{
	border-bottom:2px solid #ddd;
}
/*
#NetWork-Construction .pattern1 .Page-Item-title-JP{
	border-bottom:2px solid #eee;
}
*/
.pattern2 .Page-Item-title-JP{
	border-bottom:2px solid #bbb;
}
.Page-Item-title-EN{
	text-align:right;
	font-size:1.2em;
	padding:0.5em 1em 0 0;
}
.pattern1 .Page-Item-title-EN{
	color:#bdbdbd;
}
/*
#NetWork-Construction .pattern1 .Page-Item-title-EN{
	color:#eee;
}
*/
.pattern2 .Page-Item-title-EN{
	color:#bbb;
}
.Company-About-text{
	font-size:1.2em;
	width:80%;
	margin:0 0 0 auto;
	color:#767676;
	padding:1em 0;
}

/* ↓e-決裁ページお問合せに飛ばすボタン↓ */

.floating{
	right:0.5em;
	bottom:20%;
	position:fixed;
	z-index:30;
	padding:0.2em 0.2em 0;
}
.floating .float-button{
	text-align:center;
}
@media screen and (max-width:1600px){
/*	.floating img{
		width:70%;
	}
*/
}
@media screen and (min-width:981px){
	.floating-sp{
		display:none;
	}
}
@media screen and (max-width:980px){
	.floating{
		display:none;
	}
	.floating-sp{
		top:auto;
		right:0;
		bottom:1em;
		position:fixed;
		z-index:30;
		background-color:rgba(255,255,255,0.8);
		width:100%;
		text-align:center;
		padding:0.5em 0 0;
	}
	.floating-sp .float-button-sp{
		display:block;
		padding:1em 0.5em;
		margin-bottom:0.5em;
		background-color:#eee;
		font-size:0.8em;
		padding:0.5em;
		border:1px solid #b1b1b1;
		margin-bottom:0.5em;
		width:auto;
	}
}
/* ↑e-決裁ページお問合せに飛ばすボタン↑ */

/* ↓リスト形式のスタイル↓ */
ol {
	counter-reset:number; /*数字をリセット*/
	list-style-type:none!important; /*数字を一旦消す*/
	padding:1em 0;
}

ol li {
	position:relative;
	line-height:1.5em;
	padding:0.5em 0 0.5em 2.5em;
	font-size:1.5em;
}

ol li:before{
	/* 以下数字をつける */
	position:absolute;
	counter-increment:number;
	content:counter(number);
	/*数字のデザイン変える*/
	display:inline-block;
	background:#03326d;
	color:white;
	padding:0.25em 0.5em;
	left:0;
	text-align:center;
	/*以下上下中央寄せのため*/
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}
/* ↑リスト形式のスタイル↑ */

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/

@media screen and (max-width:1680px){
	#Company-Address .D-TableCell.Table1{
		display:block;
	}
	#Company-Address .D-TableCell.W-20{
		width:auto;
	}
	#Company-Address .D-TableCell.MAP{
		padding:2em 1em;
	}
}
@media screen and (max-width:1480px){
	.Network-Todo .D-Table.W-80,#eKessai2-Nagare img.W-50{
		width:100%;
	}
}
@media screen and (max-width:1400px){
}
@media screen and (max-width:1280px){
	/*.page-template-page-fullwidth:not(.home) #main .entry-content,*/#Top-Business .W-80,#header-container-in.hlt-top-menu.wrap,.footer-widgets,#Company .W-80{
		width:90%;
	}
	.OyakoBunsho  img.W-50{
		width:80%;
	}
	.Judgement .D-TableCell,.eKessai-Procedure .D-TableCell.TD1{
		display:block;
	}
	.Network-Todo .D-Table.W-50{
		width:auto;
		margin-bottom:2em;
	}
	#eKessai2-Bunsho img.W-30{
		width:50%;
	}
}
@media screen and (min-width:1024px){
}

@media screen and (max-width:1023px){
	.D-N-U1023,#header-container{
		display:none;
	}
	#footer-in .footer-left{
		text-align:center;
	}
	#eKessai-Syurui .D-TableCell,#eKessai2-Syurui .D-TableCell,.NewsCalender-TableCell.D-TableCell{
		display:block;
		width:100%;
	}
	#eKessai-Syurui .D-TableCell,#eKessai2-Syurui .D-TableCell{
		margin-bottom:2em;
	}
	.System-development-Table.D-Table,.NetWork-Construction-Table.D-Table,.WEBsite-Construction-Table{
		width:auto;
	}
	.System-development-Table .D-TableCell,.NetWork-Construction-Table .D-TableCell,#Network-Hosyu .D-TableCell{
		display:block;
		width:100%;
		margin-bottom:1em;
	}
	.WEBsite-Construction-Table{
		margin-right:auto;
		margin-left:auto;
	}
	.NewsCalender-TableCell.BR-1pxsolidccc{
		border:none;
	}
	#Top-Calender.PTB-2em{
		padding-top:0;
	}
}
@media screen and (min-width:981px){
	.D-N-O981{
		display:none;
	}
}
@media screen and (max-width:980px){
	.D-N-U980,#scroll-back{
		display:none;
	}
	.Table-O981 .D-TableCell,.Bussiness .D-TableCell,.DenshiKessai-Nagare .D-TableCell,.ekessai-other .D-TableCell{
		display:block;
	}
	.Bussiness .D-TableCell{
		margin-bottom:2em;
	}
	#Top-Business .Bussiness.D-Table,#eKessai2-Nagare .Komidashi2.MB-1em{
		margin-bottom:0;
	}
	#Company-History{
		margin:0 auto;
	}
	.Bussiness .D-TableCell.W-45,.Example-Img img,.Company-About-text,.Table-O981 .D-Table,#eKessai-Contact .D-Table.W-80,.Network-Todo .D-Table.W-50,#eKessai-Houjin .W-80,#eKessai2-Bunsho .W-80,#eKessai-Kessai .W-80,#eKessai2-Kessai .W-80,#ekessai2-About-Bunsho .W-80,.OyakoBunsho  img.W-50{
		width:100%;
	}
	.e-Kessai-Special-Page .W-80.MRL-auto{
		width:90%;
	}
	.Example-Img img{
		padding:0 2em;
	}
	.Company-About-text{
		margin:1em 0;
	}
	#Network-Koutiku ol li,#Network-Hosyu ol li{
		font-size:1.2em;
	}
	#Company-History-back{
		padding:3em 0;
	}
}
@media screen and (min-width:881px){
	.D-N-O881{
		display:none;
	}
}
@media screen and (max-width:880px){
	.D-N-U880{
		display:none;
	}
}
@media screen and (max-width:834px){
	.article ul, .article ol,main.main{
		padding:0;
	}
	.Houjin-Sakusei .D-TableCell{
		display:block;
		text-align:left;
	}
}
@media screen and (min-width:781px){
	.D-N-O781,.BeforeAfter .D-TableCell.D-N-O781{
		display:none;
	}
}
@media screen and (max-width:780px){
	#Company-History .D-TableCell,#ContactForm .D-TableCell,#eKessai-Contact .D-TableCell,.BeforeAfter .D-TableCell,.TimeOutFile-Table .D-TableCell,#eKessai2-Nagare .D-TableCell,#eKessai2-Bunsho .Bunsho-Sakusei .D-TableCell{
		display:block;
	}
	#ContactForm .D-TableCell.TH,#eKessai-Contact .D-TableCell.TH,.BeforeAfter .D-TableCell,.TimeOutFile-Table .D-TableCell{
		width:100%;
	}
	#ContactForm .D-TableCell.TH .F-R,#eKessai-Contact .D-TableCell.TH .F-R{
		float:none;;
	}
	#Company-History .D-TableCell.TH,#ContactForm .D-TableCell,#eKessai-Contact .D-TableCell{
		border-bottom:none;
		padding:1em 1em 0;
	}
	#Company-History .D-TableCell.TD,#eKessai2-Nagare .D-TableCell{
		padding:0 1em 1em;
	}
	.D-N-U780,.BeforeAfter .D-TableCell.D-N-U780{
		display:none;
	}
}
@media screen and (min-width:681px){
	.D-N-O681{
		display:none;
	}
}
@media screen and (max-width:680px){
	.D-N-U680{
		display:none;
	}
	#Top-News .D-TableCell,#e-Kessai-media .D-TableCell,.NewsList .D-TableCell,.Network-Todo .D-TableCell{
		display:block;
	}
	#Top-News .PTB-2em,#e-Kessai-media .PTB-2em,.NewsList .PTB-2em{
		padding-top:1em;
		padding-bottom:1em;
	}
	#ContactForm a.FS-2em,#e-Kessai-media a.FS-2em{
		font-size:1.5em;
	}
	#System-Development,#NetWork-Construction,#WEBsite-Construction{
		background-image:none;
	}
	#NetWork-Construction .pattern1 .Page-Item-title-EN{
		color:#ddd;
	}
	.Network-Todo .D-TableCell{
		border:none;
		padding:0.5em;
	}
	#eKessai2-Bunsho img.W-30{
		width:80%;
	}
	#Top-Business .MT-25em.MB-45em.ML-25em{
		margin:1em 0;
	}
	#Top-News .P-2em5em{
		padding:0 1em;
	}
	#Top-Calender .P-2em{
		padding:0;
	}
}
@media (min-width:601px){
	.D-N-O601,.DenshiKessai-Info .Before .D-Td.D-N-BigMedia,.DenshiKessai-Info .After .D-Td.D-N-BigMedia{
		display:none;
	}
}
@media screen and (max-width:600px){
	.D-N-U600,.DenshiKessai-Info .Before .D-Td.D-N-SmallMedia,.DenshiKessai-Info .After .D-Td.D-N-SmallMedia{
		display:none;
	}
	.DenshiKessai-Info .Before .D-Td,.DenshiKessai-Info .After .D-Td,.Jizen-BeforeAfter .D-TableCell{
		display:block;
		float:none;
	}
	.DenshiKessai-Info .Before .D-Td.W-30,.DenshiKessai-Info .After .D-Td.W-30{
		width:100%;
	}
	.DenshiKessai-Info .Before .D-Td,.DenshiKessai-Info .After .D-Td{
		text-align:center;
		padding:0;
	}
	#Company-Address .D-TableCell.Table2,.Jizen-BeforeAfter .D-Table,.ekessai-saisyoukousei .D-TableCell{
		display:block;
		width:100%;
	}
	#Company-Address .D-TableCell.Table2.TH{
		border-bottom:none;
		padding-bottom:0;
	}
	.ekessai-saisyoukousei .D-TableCell{
		border:none;
		padding-bottom:1em;
	}
	#Company-Address .D-TableCell.Table2.TD,.Jizen-BeforeAfter .D-TableCell.P-1em{
		padding:0.5em 1em;
	}
	#Top-Business img,#Top-Calender img{
		width:80%;
	}
	#Top-News img{
		width:50%;
	}
}
@media screen and (max-width:540px){
	h3.Midashi-H3,h3.Midashi-H3 span{
		padding:0;
	}
	h3.Midashi-H3{
		border-bottom:1px solid #888;
	}
	h3.Midashi-H3 span{
		font-size:1.2em;
	}
	h3.Midashi-H3:before{
		display:none;
	}
}
@media screen and (min-width:481px){
	.D-N-O481{
		display:none;
	}
}
@media screen and (max-width:480px){
	.D-N-U480{
		display:none;
	}
	.RUNEXY-Seminar .D-TableCell{
		display:block;
	}
	.entry-title{
		padding:1em 2em 2em;
	}
	#Company-About .Page-Item-title-JP{
		padding-right:1em;
	}
	.Example-detail-Midashi{
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
	}
	#ContactForm a.FS-2em{
		font-size:1.2em;
	}
	#ContactForm .Contact-telicon{
		background-size:contain;
	}
	.Network-Todo.P-2em,.Network-Todo .D-Table.P-2em{
		padding:1em;
	}
	#Network-Hosyu .D-TableCell.PRL-2em{
		padding:0;
	}
}