/*記事下シェアボタン消去*/
/*.sns-btn {
 margin: 0 auto;
 text-align: center;
	display: none;
}*/

/*フッターの家マーク消す*/
.fa-lg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%;
    display: none;
}
/* --- お問い合わせフォーム --- */
/* デザインカスタマイズ */
div.wpcf7 { background:#fafafa; border:1px solid #ddd; padding:0px; -moz-border-radius:10px; -khtml-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; margin:0 0 30px 0; }
div.wpcf7 p { padding:20px 20px 0; margin:0; font-size:14px; }
div.wpcf7 input, .wpcf7 textarea { border:1px solid #ccc; padding:8px; font-size:14px;    width: 98%; }
div.wpcf7 textarea { width:98%; height:300px; }
div.wpcf7 input.wpcf7-submit {
   cursor:pointer; color:#fff; font-weight:bold; font-size:14px; width:200px; height:45px; margin:0 auto; display:block;
   -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
 background:#333; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5), inset 0px 32px 0px -125px #808080; border:1px solid #666;
}
div.wpcf7 input.wpcf7-submit:hover { background:#006080; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5), inset 0px 32px 0px -12px #007ea8; border:1px solid #006080; }
.wpcf7 input.wpcf7-submit:active { box-shadow:none; bottom:-2px; position:relative; }
.wpcf7 input:focus, .wpcf7 textarea:focus { border:1px solid #009de1; }
.wpcf7-captchac { border:1px solid #ccc; }
 
 
/* エラー個所をわかりやすく表示 */
.wpcf7 .wpcf7-not-valid { background: #ffb6c1; }
.wpcf7 span.wpcf7-not-valid-tip {font-size: 80%;}
.wpcf7 .wpcf7-response-output {margin: 10px 0 0; padding: 8px 35px 8px 14px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.wpcf7 .wpcf7-validation-errors {color: #B94A48; background-color: #F2DEDE; border: 1px solid #EED3D7;}
.wpcf7 .wpcf7-mail-sent-ok {color: #3A87AD; background-color: #D9EDF7; border: 1px solid #BCE8F1;}
 
/* 必須赤色表示 */
.wpcf7 .required { color: #f00;}
/* 任意緑色表示 */
.wpcf7 .any{ color: #080;}





/* テーブル組 */

/*マージン*/
.m0 { margin: 0 !important; }
.mb0 { margin-bottom:0px !important;}
.mb5 { margin-bottom:5px !important;}
.mb10 { margin-bottom:10px !important;}
.mb15 { margin-bottom:15px !important;}
.mb20 { margin-bottom:20px !important;}
.mb25 { margin-bottom:25px !important;}
.mb30 { margin-bottom:30px !important;}
.mb40 { margin-bottom:40px !important;}
.mb50 { margin-bottom:50px !important;}
.mb55 { margin-bottom:55px !important;}
.mb60 { margin-bottom:60px !important;}
.mb70 { margin-bottom:70px !important;}
.mb75 {margin-bottom:75px !important;}
.mb80 { margin-bottom:80px !important;}

.mt0 { margin-top:0px !important;}
.mt10 { margin-top:10px !important;}
.mt20 { margin-top:20px !important;}
.mt30 { margin-top:30px !important;}
.mt40 { margin-top:40px !important;}
.mt50 { margin-top:50px !important;}

.mr0 { margin-right: 0px !important; }

.pb0 { padding-bottom:0 !important;}
.pb10 { padding-bottom:10px !important;}
.pb15 { padding-bottom:15px !important;}
.pb20 { padding-bottom:20px !important;}
.pb30 { padding-bottom:30px !important;}
.pb40 { padding-bottom:40px !important;}
.pb50 { padding-bottom:50px !important;}
.pb100 { padding-bottom:100px !important;}

.pt0 { padding-top:0px !important;}
.pt10 { padding-top:10px !important;}
.pt15 { padding-top:15px !important;}
.pt20 { padding-top:20px !important;}
.pt30 { padding-top:30px !important;}
.pt40 { padding-top:40px !important;}
.pt50 { padding-top:50px !important;}

/*FontSize*/
.txt_70{font-size:70% !important;}
.txt_77{font-size:77% !important;}
.txt_85{font-size:85% !important;}
.txt_91{font-size:91% !important;}
.txt_100{font-size:100% !important;}
.txt_108{font-size:108% !important;}
.txt_117{font-size:117% !important;}
.txt_125{font-size:125% !important;}
.txt_133{font-size:133% !important;}

/*width*/
.rImg { width:100%; height:auto;}

/*整列*/
.t-center { text-align: center !important; }
.t-right { text-align: right !important; }
.t-left { text-align: left !important; }


/*配置*/
.fl { float:left; }
.fr { float:right; }

/*color*/
.red { color: #F00; }
.green {color:#359842;}
.bgGray { background:#f2f2f2; padding:60px 0;}

.lineBox {padding: 20px 30px;border:solid 1px #eee;}
.lineBoxT {border-top:solid 1px #eee;}
.yellowBox {background:#e0f0e2;padding:30px;text-align:center;font-size:15px;/* color:#359842; */}
.yellowBox p { margin:0;}
.yellowBox .fl { width:50%;padding: 86px 0 1em 0; background:url(../service/img/iconReso1.svg) no-repeat 50% 25px;}
.yellowBox .fr { width:50%;padding: 86px 0 1em 0; background:url(../service/img/iconReso2.svg) no-repeat 50% 25px;}

/*list*/
.ulSlist {}
.ulSlist li { background:#f2f2f2; width:23.5%; float:left; margin-right:1.9%;}
.ulSlist li {-moz-transition: background 0.3s ease-out 0s; -webkit-transition: background 0.3s ease-out 0s; -o-transition: background 0.3s ease-out 0s; -ms-transition: background 0.3s ease-out 0s; transition: background 0.3s ease-out 0s; }
.ulSlist li:hover{ -moz-transition: background 0.3s ease-out 0s; -webkit-transition: background 0.3s ease-out 0s; -o-transition: background 0.3s ease-out 0s; -ms-transition: background 0.3s ease-out 0s; transition: background 0.3s ease-out 0s; }
.ulSlist li:hover {background:#ddd;}
.ulSlist li:last-child { margin-right:0;}
.ulSlist li dl {padding:8%; }
.ulSlist li dl > dt {font-size: 18px;font-weight:bold;color:#359842;margin-bottom:1em;line-height: 150%;}
.ulSlist li dl > dd {font-size: 13px;color: #000;}
.ulSlist li img {width: 100%;height:auto;}
.ulSlist .green {font-family: 'Open Sans', sans-serif;/* font-weight:bold; */padding:8%;display: block;font-size: 13px;}

.ulList { line-height:200%;}
.ulList li {list-style: disc outside;margin: 0 0 1em 1em;}
.ulList li:last-child { margin-bottom:0;}

.ulIconList {}
.ulIconList li {background:#e0f0e2;display:inline-block;float:left;/* color: #339740; */padding: 10px 20px;margin: 0 10px 0 0;}

.dlList {font-size: 15px;/* font-weight: bold; */}
.dlList dt {font-family: 'Open Sans', sans-serif;width: 8em;float: left;clear: both;padding: 1em 0;}
.dlList dd {padding: 1em 0 1em 8em;border-bottom: solid 1px #eee;}

.dlList2 {font-size: 15px;}
.dlList2 dt {background: url(../service/img/arrowR.svg) no-repeat 100% 50% #fff;width: 38%;float:left;padding: 4% 8% 4% 4%;background-size: auto 110%;display: table;}
.dlList2 dt > * { display: table-cell; vertical-align: middle;}
.dlList2 dt ul {}
.dlList2 dt ul li {}
.dlList2 dd {background: #e0f0e2;width: 48%;float:right;}
.dlList2 dd ul {padding:5% 6%;/* color: #158824; */}
.dlList2 dt ul li, .dlList2 dd ul li {margin-bottom: 1em;list-style: disc outside;margin-left: 1em;}
.dlList2 dt ul li:last-child, .dlList2 dd ul li:last-child {margin-bottom:0em;}
.dlList2 dd h2 {background: url(../service/img/iconCheck.svg) no-repeat 14px 50% #339740;color: #fff !important;font-size: 16px !important;padding: 10px 0 10px 40px !important;margin: 0 !important;border: none !important;}

.dlList3 {line-height:200%;}
.dlList3 dt { width:16em; display:block; float:left; clear:both; padding:.5em 0; font-weight:bold;}
.dlList3 dd { padding:.5em 0 .5em 18em;}

.tableList {border-top: solid 1px #1E842B;border-left: solid 1px #1E842B;font-size: 15px;width: 100%;}
.tableList tr {}
.tableList th {background:url(../service/img/iconOut1.svg) no-repeat 50% 25px #339740;color:#fff;text-align:center;border-bottom: solid 1px #1E842B;width: 23%;vertical-align: top;padding: 86px 0 1em 0;}
.tableList td {border-bottom: solid 1px #1E842B;border-right: solid 1px #1E842B;width: 71%;vertical-align: top;padding: 1.5em 3%;line-height: 200%;}
th.trOut2 {background:url(../service/img/iconOut2.svg) no-repeat 50% 25px #339740;}
th.trOut3 {background:url(../service/img/iconOut3.svg) no-repeat 50% 25px #339740;}
th.trOut4 {background:url(../service/img/iconOut4.svg) no-repeat 50% 25px #339740;}
th.trOut5 {background:url(../service/img/iconOut5.svg) no-repeat 50% 25px #339740;}
th.trOut6 {background:url(../service/img/iconOut6.svg) no-repeat 50% 25px #339740;}
th.trDev1 {background:url(../service/img/iconDev1.svg) no-repeat 50% 25px #339740;}
th.trIct1 {background:url(../service/img/iconIct1.svg) no-repeat 50% 25px #339740;}
th.trIct2 {background:url(../service/img/iconIct2.svg) no-repeat 50% 25px #339740;}
th.trIct3 {background:url(../service/img/iconIct3.svg) no-repeat 50% 25px #339740;}

.tableList.tub2 tr {}
.tableList.tub2 th {width: 25%;background: #339740;border-right: solid 1px #1E842B;padding: 1em 0;}
.tableList.tub2 td { width:auto; }

/*HOME*/
#home {}
#home #container h1 {font-family: 'Open Sans', sans-serif;font-weight: bold;color: #359842;font-size: 28px;letter-spacing: 0.08em;margin: 0 0 40px 0;}
#home #container h1 span {display: inline-block;color: #fff;background: #359842;font-weight: normal;font-size: 12px;line-height: 100%;padding: .5em 1em;position: relative;margin: 0 0 0 5em;top: -.5em;}
#home #container h1 span:before {content:"";display: block;width: 1px;height: 2em;background: #ccc;position: absolute;left: -2.5em;top: 0;}

/*sub*/
.sub {background: #BCBFC7;}
.sub #bg {background: url(../img2/bg2.jpg) #697A9F;background-position: 0 0;background-attachment: fixed;background-size: cover;filter: blur(0px);}
@media all and (-ms-high-contrast:none){/* IE10, 11 */
  .sub #bg {  background-attachment: scroll; }
}
.sub #glNav { color:#000;}
.sub #glNav a { color:#000;}
.sub #glNav a:hover {color: #349741;}
.sub #glNav a:hover{ -moz-transition: color 0.3s ease-out 0s; -webkit-transition: color 0.3s ease-out 0s; -o-transition: color 0.3s ease-out 0s; -ms-transition: color 0.3s ease-out 0s; transition: color 0.3s ease-out 0s; }
.sub #glNav a{ -moz-transition: color 0.3s ease-out 0s; -webkit-transition: color 0.3s ease-out 0s; -o-transition: color 0.3s ease-out 0s; -ms-transition: color 0.3s ease-out 0s; transition: color 0.3s ease-out 0s; }
.sub #container {font-size: 16px;width: 86%;width: -webkit-calc(100% - 180px);width: calc(100% - 180px);top: 440px;padding: 4% 0 300px;}
.sub #container h1 {background: #339740;color:#fff;text-align:center;font-size:24px;font-weight:bold;padding: 20px 0;margin-bottom: 40px;}
.sub #container h2 {color:#339740;font-weight:bold;font-size: 24px;/* border-bottom: solid 1px #9acba0; */padding-bottom: 20px;/* margin-bottom: 30px; */}
.sub #container h3 {background: url(../service/img/iconCheck.svg) no-repeat 14px 50% #339740;color: #fff;font-size: 16px;padding: 10px 0 10px 40px; font-weight:bold;}
.sub #topTxt {height: 450px;}
.sub #topTxt h2 {font-size: 15px;right: 55px;top: 187px;line-height: 40px;bottom: auto;}
.sub #topTxt h2 span {letter-spacing: .08em;height: 40px;line-height: 40px;}
.sub #topTxt h3  {top: 224px;right: 50px;font-size: 32px;font-weight: bold;line-height: 60px;bottom: auto;}
.sub #topTxt h3 span {color: #fff;height: 60px;line-height: 60px;}
.sub #topTxtBg {height: 450px;}
.sub #topTxt1 p {font-size: 15px;top: 184px;line-height: 40px;bottom: auto;}
.sub #topTxt1 p span { padding:.3em 1em;}
.sub #topTxt1 p span > span {background:none;display: block;padding: 0;z-index: 5;color: #fff;position: absolute;left: 0;right: 0;top: 0;}
.sub #topTxtW1 {top: 224px;font-size: 32px;font-weight: bold;bottom: auto;}
.sub #topTxtW1 span {color: #349741;background: #349741;padding: 0 .4em;line-height: 60px;}

#topimg {background: url(../service/img/outsourcingImg.jpg) no-repeat 0 50% #fff;width: 86%;width: -webkit-calc(100% - 180px);width: calc(100% - 180px);height:400px;display:block;position: fixed;top: 40px;right:0;background-size: cover;z-index: 1;}
.develop #topimg {background: url(../service/img/developImg.jpg) no-repeat 0 50% #fff; background-size:cover;}
.ict #topimg {background: url(../service/img/ictImg.jpg) no-repeat 0 50% #fff; background-size:cover;}
.resource #topimg {background: url(../service/img/resourceImg.jpg) no-repeat 0 50% #fff; background-size:cover;}

.ict.sub #container , .resource.sub #container{ padding-top:0;}
.ict .bgGray ,.resource .bgGray {padding: 40px;}
.ict .bgGray .fl {background: url(../service/img/ictImg2.jpg) no-repeat 0 50% #fff; display:block; width:30%; background-size:cover;}
.ict .bgGray .fr ,.resource .bgGray .fr {font-size:20px;font-weight:bold;color:#359842;padding:50px;width: 50%;float: left;}
.ict .bgGray p ,.resource .bgGray p { margin:0;}

.resource .bgGray .fl {background: url(../service/img/resourceImg2.jpg) no-repeat 0 50% #fff; display:block; width:30%; background-size:cover;}

/*sub2*/
.s2 .dlList3 dt{padding:1em 0;width: 18em;}
.s2 .dlList3 dd {border-bottom:solid 1px #eee;padding: 1em 0 1em 18em;}
#privacy.s2 .dlList3 dt{width: 2em;} 
#privacy.s2 .dlList3 dd {padding: 1em 0 1em 2em}

dd {
    border-bottom: solid 1px #eee;
    padding: 1em 0 1em 11em;
}






/*リンク消す*/
/*#breadcrumb {
    display: none;
}*/
#breadcrumb li a {
    font-size: .87em;
		color: #3a3a3a;
}

/*あまたび専用*/
/*メニュー下アンダーバー*/
.header {
    position: relative;
    z-index: 99;
    box-shadow: none;
    border-bottom: solid 2px #23282d;
}


/*サイドMENU*/
.widget .my-widget li a {
    display: table;
    width: 100%;
    border-bottom: none;
}

#sidebar1 h4:first-child, 
h4:first-child {
		padding-top: 20px;
	background: url(https://crogo.design/wp-content/uploads/2018/04/b_simple_7_2S.png) repeat-x left top;
}



div#footer-menu {
background:#FFF;
border-top: solid 1px #e7e7e7;
}

 /* アーカイブの記事一覧スタイル
 */
.cardtype__article {
 box-shadow: 0 0 1px 0 rgba(0,0,0,.12), 0 1px 1px 0 rgba(0,0,0,.22);
 cursor: pointer;
 transition: .2s ease-in-out;
}

/*--------------------------------------
wppでランキング順位を表示する
--------------------------------------*/
/* カウンタをリセット */
.my-widget.show_num {
    counter-reset: wpp-ranking;
}
/* 一覧の表示 */
.my-widget.show_num li {
    position: relative;
}
/* 順位を表示 */
.my-widget.show_num li:before {
    content: counter(wpp-ranking, decimal);
    counter-increment: wpp-ranking;
 	display: inline-block;
 	position: absolute;
 	z-index: 1;
 	top: 0;
 	left: 0;
 	width: 25px;
 	height: 25px;
	border-radius: 50%;
	text-align: center;
	line-height: 25px;
}
/* 1位 */
.my-widget.show_num li:nth-child(1):before {
	background: #FCE36b;
	color: #fff;
}
/* 2位 */
.my-widget.show_num li:nth-child(2):before {
	background: #FCE36b;
	color: #fff;
}
/* 3位 */
.my-widget.show_num li:nth-child(3):before {
	background: #FCE36b;
	color: #fff;
}
/* 4位以降の色 */
.my-widget.show_num li:nth-child(n + 4):before{
	background: #f3f3f3;
	color: #9a9a9a;
}

/*見出し*/
.entry-content h2 {
font-size: 1.5em;
margin: 2.5em 0 1.7em;
position: relative;
}

.entry-content h2:after {
content: "";
position: absolute;
left: 0;
bottom: -10px;
width: 100%;
height: 10px;
background: -webkit-repeating-linear-gradient(-45deg, #fce600,#fce600 2px, #fff 2px, #fff 4px);
background: repeating-linear-gradient(-45deg, #fce600,#fce600 2px, #fff 2px, #fff 4px);
}

.entry-content h3 {
font-size: 1.3em;
margin: 0em 0 1.5em;
padding: 10px 0 4px 0px;
border-left-style: none;
border-bottom: solid 3px #cccccc;;
position: relative;
}

.entry-content h3:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 3px #fce600;
bottom: -3px;
width: 8%;
}



.entry-content h4 {
	margin: 0em 0 .7em;
  font-size: 1.1em;
}

.entry-content h4:before {
content: '〇';
color:#fce600;
margin-right: 8px;
}

/* LP用見出し */

p .lph2 {
font-size: 1.5em;
margin: 2.5em 0 1.7em;
position: relative;
}

p .lph2:after {
content: "";
position: absolute;
left: 0;
bottom: -10px;
width: 100%;
height: 10px;
background: -webkit-repeating-linear-gradient(-45deg, #fce600,#fce600 2px, #fff 2px, #fff 4px);
background: repeating-linear-gradient(-45deg, #fce600,#fce600 2px, #fff 2px, #fff 4px);
}

/* スライダー関係 */
.flexslider .slides {
    zoom: 1;
    box-shadow: 0 0 1px 0 rgba(0,0,0,.12), 0 1px 1px 0 rgba(0,0,0,.22);
}

/* スライダー下余白 */
.cardtype, .sidelong {
 margin-top: 3em;
}


/* 表示の切り替え */
/* パソコンは"pc"のclass表示を表示 */
.pc { display: block !important; }
.sp { display: none !important; }
/* スマートフォン"sp"のclassを表示 */
@media only screen and (max-width: 750px) {
.pc { display: none !important; }
.sp { display: block !important; }
}

/*ここから　backgroundカラー変更　ボーダー追加*/
.box31,.box32,.box33 {
 margin: 2em 0;
 padding: 0 15px 10px;
 background: #ffffff;
	border: 1px solid #999;
/* box-shadow: 0 2px 4px rgba(0, 0, 0, .15);*/
}
.box31 .box-title,
.box32 .box-title,
.box33 .box-title {
/* margin: -15px -15px 15px;*/
 padding: 4px;
/*  background: #ffffff;*/
 color:#4f514f;
 font-size: 1.2em;
    text-align: left;
    border-bottom: 1px dashed #CCCCCC;
}
.box32,
.box33 {
 background: #ffffff;
}
.box32 .box-title {
 background: #f5a15f;
}
.box33 .box-title {
 background: #f46b6b;
}

.box31 dl dt {
    float: left;
    width: 10em;
    font-size: 0.8em;
	font-weight: bold;
}

.box31 dl dd {
	padding-top: 0;
	padding-left: 11em;
    padding-bottom: .3em;
    margin-bottom: .3em;
	    font-size: 0.8em;
	border-bottom: none;
}

.box31 p {
	font-size:0.6em;
	text-align: left;
}
/*ここまで子テーマに移す　backgroundカラー変更　ボーダー追加*/

/*ここから　引用のデザイン*/
blockquote {
    position: relative;
    padding: 35px 15px 10px 15px;
    box-sizing: border-box;
    background: #f5f5f5;
    color: #777777;
    border-left: 4px solid #9dd4ff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.14);
}

blockquote:before{
    display: inline-block;
    position: absolute;
    top: 10px;
    left: 15px;
    content: "\f10d";
    font-family: Font Awesome 5 Free;
    color: #9dd4ff;
    font-size: 28px;
    line-height: 1;
    font-weight: 900;
}

blockquote p {
    padding: 0;
    margin: 7px 0;
    line-height: 1.7;
}

blockquote cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}

.post-tab__content {
    display: none;
	padding: 0;
}
/*ここから　フォントアイコンのデザイン*/
.my-skyblue {color: skyblue}
.my-orange {color: #fecb81}

/*子テーマメニュー文字消去*/
#drawer .fa-bars:after {
    content: '';
    font-size: 10px;
    font-weight: bold;
    display: block;
    margin-top: 3.5px;
}
/*ボックス調整*/
.box30 .box-title, .box31 .box-title, .box32 .box-title, .box33 .box-title {
background: none; 
}
/*--------------------------------------
  モバイル用フッター固定メニュー
--------------------------------------*/
.fixed-menu ul {/*メニュー部分*/
    width: auto;/*幅調整*/
    padding: 0.2em 1.1em;/*内側の余白設定*/
    right: 10px;/*位置調整（右からの距離）*/
    left: auto;/*位置調整（左からの距離）*/
    bottom: 10px;/*位置調整（下からの距離）*/
    border-radius: 50%;/*円にする*/
    background: #ffc338!important;/*背景色（強制）*/
}
.fixed-menu a {/*メニューの文字*/
    color: #fff!important;/*文字の色（強制）*/
}
.fixed-menu ~ .totop {/*上に戻るボタンの位置*/
    bottom: 80px;/*位置調整（下からの距離）*/
}
.totop {/*上に戻るボタン*/
    background: #fff!important;/*背景色（強制）*/
    border: 1px solid #424242;/*枠線*/
    width: 64px;/*幅調整*/
    height: 64px;/*高さ調整*/
}
.totop .fa {/*上に戻るボタンのアイコン*/
    line-height: 58px;/*行の高さ*/
    font-size: 1.15em;/*アイコンの大きさ*/
    color: #424242;/*アイコンの色*/
}
.fixed-menu {/*フッターメニューの余白設定*/
    margin-bottom: 0;/*下の余分な余白を削除*/
}
/*ハテブの緊急措置*/
.fa-hatebu:before {

    content: "B";
}
/* カテゴリーリンク */
.linkkate {
    margin: 0.5em 0;
	padding: 0;
	font-weight: normal;
}
.linkkate a {
display: inline-block;
    margin: 5px 5px 5px 0;
	padding: 8px 8px;
    border-radius: 15px;
    background: #ffb36b;
	color: #fff;
    font-size: 12px !important;
    font-weight: bold;
}

/* 尼ナビ駅 */
.eki {
    margin: 0.5em 0;
	padding: 0;
	font-weight: normal;
}

.eki a {
display: inline-block;
    margin: 5px 5px 5px 0;
    padding: 2px 8px;
    border-radius: 15px;
    background: #f4f4f4;
    color: #666;
    font-size: 12px !important;
    font-weight: bold;
}