@charset "utf-8";


/************************************** 追加 **************************************/

.pc_con {display: block!important;}
.sp_con {display: none!important;}

footer {position: relative;}
.box_sns { width: 200px; margin: 0 auto; position:absolute; bottom: 100px; left:0; right: 0;}
.box_sns ul {}
.box_sns ul li {width: 19.333333333333333333333%; margin: 0 7% 0 7%; float: left;}
.box_sns ul li img { width: 100%;}


.hd-info-logo img.defo { max-width:237px;}
.l-main-img-copy__ja {
    display: block;

}

.home-message-detail {
    display: inline-block;
    text-align: left; */
    -webkit-writing-mode: horizontal-tb;
    -ms-writing-mode: horizontal-tb;
    writing-mode: horizontal-tb;
}

@media (min-width: 600px){
.home-message__img.img02 {
    right: -90px;
    bottom: 150px;
    width: 223px;
}

}


/*下層ページ背景*/
.l-sub-img__bg {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: 50% 50%;
    background-size: cover;
    opacity: .5;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
}

.l-sub-img__bg.company_bg { background: url(img/company/bg_mainimg01.jpg) no-repeat;}
.l-sub-img__bg.privacy_bg { background: url(img/privacy/bg_mainimg01.jpg) no-repeat;}
.l-sub-img__bg.contact_bg { background: url(img/contact/bg_mainimg01.jpg) no-repeat;}
.l-sub-img__bg.topic_bg { background: url(img/topic/bg_mainimg01.jpg) no-repeat;}
.l-sub-img__bg.seminar_bg { background: url(img/seminar/bg_mainimg01.jpg) no-repeat;}
.l-sub-img__bg.page_bg { background: url(img/page/bg_mainimg01.jpg) no-repeat;}

.bgfff {

    background: #fff!important;

}
.g_inner { background:#fafafa; padding:100px;}

/* =====================================
 トピック
===================================== */
.inner_news { width:80%; max-width:1000px; margin:80px auto 0 auto;}
.news_l {
	width:800px; margin:0 auto 80px auto;
	}

.news_l p,.news_t p { 

	}
.news_r { width:800px; margin:auto;}
.news_r img { width:100%; max-width:800px; margin:0 0 30px 0;}
.news_back { border-bottom:1px dashed #ccc; border-top:1px dashed #ccc; padding:20px 0; margin:50px 0 0 0;}
.news_day { border-bottom:1px solid#225c8f; color:#999; font-weight:300; font-size:80%; text-align:right; margin:-15px 0 25px 0;}
h3.h3title {
  position: relative;
  padding-bottom: 10px;
  margin:0 0 50px 0;
  font-size:140%; font-weight:600;
}
h3.h3title::before,
h3.h3title::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  content: '';
  height: 4px;
}
h3.h3title::before {
  z-index: 2;
  width: 15%;
  background-color: #cc0000;
}
h3.h3title::after {
  width: 100%;
  background: -webkit-repeating-linear-gradient(45deg, #fff, #fff 2px, #aaa 2px, #aaa 4px);
  background: repeating-linear-gradient(45deg, #fff, #fff 2px, #aaa 2px, #aaa 4px);
}

a.next-post { float:right;}



/* =====================================
 事業内容
===================================== */
.l-sub-img__bg.busi_bg { }
.l-sub-img__bg.busi_bg img { height:386px; overflow:hidden;}


/* =====================================
 サービス
===================================== */
table.tbl1 {border-top: 1px dotted #ddd; width:100%;}
table.tbl1 thead th {
	background:#2e3d47;
	color:#fff;
	text-align:center;

}
table.tbl1 th, table.tbl1 td {
    border: 1px solid #ccc;
    padding: 20px 15px;
    line-height: 150%;
	vertical-align: middle!important;
	background:#fff;	
}

.btn_1 {width:400px!important; margin:80px auto 0 auto!important;}
.btn_1 a {

	display: block!important;
	font-size:100%!important;
	font-weight:500!important;
	padding: 15px 10px 15px 10px!important;
	text-align: center;
	color:#fff!important;
	background: #2e3d47!important;
	border:none!important;
	position:relative!important;
	text-decoration:none;
	box-shadow:none!important;
	border-radius: 3px!important;
-webkit-border-radius: 3px!important;
-moz-border-radius: 3px!important;

}




/* =====================================
 会員登録・お問合せ
===================================== */

.job ul.list3 div.name { border:none; padding:0px; text-align:center; margin-bottom:20px;}
.job ul.list3 div.name span { display:block; font-size:80%; line-height:180%;}
.job ul.list3 li a:hover { text-decoration:none;}
.listbox { text-align:left;}
.listbox strong { font-weight:bold!important;}


table.tbl2 {border-top: 1px dotted #ccc; width:100%;}
table.tbl2 th {
    width: 25%;
	background:#fef9ec;

}
table.tbl2 th, table.tbl2 td {
    border: 1px solid #ccc;
    padding: 20px 15px;
    line-height: 150%;
	vertical-align: middle!important;	
}

.status { margin:15px 0 15px 0;}
.status ul {}
.status li {
border:1px solid #ff4500;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
padding:8px 15px;
margin:auto 3px 5px 3px;
float:left!important;
font-size:12px;
font-weight:600;
}

.job_box { margin:0 0 0 0;}
.job_box .left { float:left; width:47%; margin:0 5% 0 0;}
.job_box .right { float:right; width:48%;}

p.ttl {
font-size: 21px;
    color: #ff4500;
    font-weight: bold;
    line-height: 1.4;
    padding: 0;
    margin: 0;
}
div.ttl2 {
line-height:180%;
margin:0 0 30px 0;
border:1px solid #ff4500;
padding:15px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}

.entry-bun { border-bottom:1px solid #ddd; border-top:1px solid #ddd; padding:35px 15%;}
.entry-bun ul {}
.entry-bun li { float:none; width:50%; margin:0 25%;}
.entry-bun li img {}


/* =====================================
 オンラインセミナー
===================================== */
.livebox .policy-privacy__inner { padding-bottom:100px!important;}
.list_live {}
.list_live ul {}
.list_live li { border:1px solid #ddd; padding:30px; margin:0 0 50px 0; position:relative;}
.list_live li div.list_content {float:left; width:70%;}
.list_live li p {}
.list_live li p.list_title { font-size:180%; margin:0 0 10px 0;}
.list_live li p.list_txt { margin:0 0 10px 0;}
.list_live li p.list_day { font-size:90%; color:#999;}
.list_btn { float:right; width:25%; box-sizing: border-box; position:absolute; top:0; bottom:0; margin:auto; right:30px; height:50px;}
.list_btn a {
width:100%;
	display: block;
	font-size:100%;
	font-weight:500;
	padding: 10px 10px 10px 10px;
	text-align: center;
	color:#fff!important;
	background: #2e3d47;
	box-sizing: border-box;

	}
.liveinner { padding-top:0!important;}

/*
 map
---------------------------------------------------------------------- */
/*.glive {
	position: relative;
	padding-bottom: 100%; 
	height: 0;
	overflow: hidden;
	margin: 0 0 0 0;

}*/
.glive {
	position: relative;
	
	height: 1200px;
	overflow: hidden;
	margin: 0 0 0 0;

}
.glive iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
 border:0 !important;
}

/* =====================================
 フォーム
===================================== */
.form_txt { text-align:center; margin:10px 0 30px 0; line-height:160%; font-size:100%;}


input.nob { pointer-events : none; border:none!important; margin:0!important; padding:0!important;
box-shadow:none!important;
}


#contact {}
#contact p { margin:0 0 10px 0; font-size:110%; line-height:200%;}
#contact p span.hisu,#contact span.hisu { color:#ff0000; font-size:70%;}
.contact_m { color:#111; padding:30px 20px; margin:0 0 10px 0; background:#f5f5f5;}
.contact_m1 { margin:0 0 10px 0; color:#225c8f; font-weight:600; font-size:110%;}
.contact_m2 { margin:0 0 0 0!important; color:#555!important; font-size:90%!important; line-height:200%!important;}

#contact input { width:100%; margin:8px 0;box-sizing: border-box;}

#contact input placeholder { color:#eee;}
#contact input.radio { width:auto; height:auto; margin:0;box-sizing: border-box;}
#contact input.radio { width:auto; height:auto; margin:0;box-sizing: border-box;}
#contact textarea { width:100%; height:200px; margin:0;box-sizing: border-box;}
#contact input.inp1 { width:30%;}
#contact input.inp2 { width:100px;}

textarea.input::-webkit-input-placeholder,
input.input::-webkit-input-placeholder {
    color: #ccc;
    font-weight: normal;
}
textarea.input::-ms-input-placeholder,
input.input:-ms-input-placeholder {
    color: #ccc;
    font-weight: normal;
}
textarea.input::-moz-placeholder,
input.input::-moz-placeholder {
    color: #ccc;
    font-weight: normal;
}

#contact input.formbtn1:focus {
    border:none;
}


table.tbl {border-top: 1px dotted #ddd; width:100%;}
table.tbl th {
    width: 25%;
	background:#f5f5f5;
	color:#000;

}
table.tbl td { background:#fff;}
table.tbl th, table.tbl td {
    border: 1px solid #ccc;
    padding: 20px 15px;
    line-height: 150%;
	vertical-align: middle!important;	
}



table.tbl th span { background:#2e3d47; color:#fff; font-size:70%; padding:5px 8px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}



#contact input,
#contact textarea,
#contact select {
color:#000;
border:0;
padding:14px;
font-size:90%;
font-family:Arial, sans-serif;
border:solid 1px #ccc;


-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
/*
-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
*/
}
#contact input[type="radio"] {box-shadow: none; width:auto; text-align:left; margin:5px auto auto auto;}

#contact input:focus {
    border:solid 1px #EEA34A;
}
#contact input.formbtn1:focus {
    border:none;
}
#contact input.formbtn1,
#contact input.formbtn2,
#contact input.formbtn3 {
background:#111;
color:#fff;
width:40%;
margin:10px 30% 0 30%!important;
cursor: pointer;
border:none;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#contact input.formbtn2 {
background:#888;
color:#fff;
padding:10px auto;
width:20%;
margin:10px 40% 5px 40%!important;
font-size:80%;
}
#contact input.formbtn3 {
background:#111;
color:#fff;
padding:25px auto!important;
width:50%;
margin:10px 25% 0 25%!important;
}

#contact input.formbtn1:hover,
#contact input.formbtn3:hover {background:#cc0000;}

#contact input.formbtn2:hover {background:#555;}

form.sent div.contactbox {
display:none!important;
}

div.wpcf7-mail-sent-ok { border:none!important; margin:100px 0!important; text-align:center!important;}


#contact input.hiduke { width:300px;}

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;

}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}
.wpcf7-validation-errors { width:100%; max-width:1000px; margin:auto auto auto auto!important;}


.form_btn_detail {
width:300px!important; margin:30px auto 50px auto!important;
	display: block!important;
	font-size:140%!important;
	font-weight:500!important;
	padding: 15px 10px 15px 10px!important;
	text-align: center;
	color:#fff!important;
	background: #2e3d47!important;
	border:none!important;
	position:relative!important;
	text-decoration:none;
	box-shadow:none!important;
	border-radius: 3px!important;
-webkit-border-radius: 3px!important;
-moz-border-radius: 3px!important;

}

.color-accent, .color-accent-hover:hover, .color-accent-hover:focus, :root .has-accent-color, .has-drop-cap:not(:focus):first-letter, .wp-block-button.is-style-outline, a {
    color: #4d5a6b!important;
}






@media all and (max-width: 768px) {
.pc_con {display: none!important;}
.sp_con {display: block!important;}

.box_sns { width: 200px; margin: 0 auto; position:absolute; top: 130px; left:0; right: 0;}
.box_sns ul {}
.box_sns ul li {width: 19.333333333333333333333%; margin: 0 7% 0 7%; float: left;}
.box_sns ul li img { width: 100%;}

.ft-logo {
    margin: 50px auto 0;
    width: 130px;
}

.hd-info-logo img.defo { max-width:150px;}
.l-main-img-copy__ja {
    width: 210px;
}
.g_inner { background:#fafafa; padding:20px;}

/*
 トピック
---------------------------------------------------------------------- */
.inner_news { width:100%; max-width:1000px; margin:80px 0 auto 0;}
.news_l { 
	float:none; width:auto;
	padding:10px;
	margin:0 0 25px 0;
	}
.news_r { float:none; width:auto;}
.news_r img { width:90%; margin:15px 5% auto 5%; }
.news_back { padding:20px 0; margin:50px 0 0 0;}
.news_day { margin:-25px 0 25px 0;}

.newstitle { }
.newstitle h3 { margin:0 0 0 0!important; padding:8px 10px 8px 10px; }
.newstitle::before{
	display: block;
	content: "";
	position: absolute;
	top: -3px;
	left:0;
	width:46px;
	height:46px;
	background: none;
	}
.pagination-single-inner { font-size:80%;}


/* =====================================
 サービス
===================================== */
.service-business h2 { font-size:2rem;}

table.tbl1 {border-top: 1px dotted #ddd; width:100%;}
table.tbl1 thead th {
	background:#2e3d47;
	color:#fff;
	text-align:center;

}
table.tbl1 th, table.tbl1 td {
    border: 1px solid #ccc;
    padding: 20px 5px;
    line-height: 150%;
	vertical-align: middle!important;
	background:#fff;	
}

.btn_1 {width:80%!important; margin:50px 10% 20px 10%!important;}
.btn_1 a {

	display: block!important;
	font-size:100%!important;
	font-weight:500!important;
	padding: 15px 10px 15px 10px!important;
	text-align: center;
	color:#fff!important;
	background: #2e3d47!important;
	border:none!important;
	position:relative!important;
	text-decoration:none;
	box-shadow:none!important;
	border-radius: 3px!important;
-webkit-border-radius: 3px!important;
-moz-border-radius: 3px!important;

}

/* =====================================
 オンラインセミナー
===================================== */
.livebox .policy-privacy__inner { padding-bottom:50px!important;}
.list_live {}
.list_live ul {}
.list_live li { border:1px solid #ddd; padding:20px; margin:0 0 30px 0; position:relative;}
.list_live li div.list_content {float:none; width:100%;}
.list_live li p {}
.list_live li p.list_title { font-size:160%; margin:0 0 10px 0;}
.list_live li p.list_txt { margin:0 0 10px 0; font-size:90%;}
.list_live li p.list_day { font-size:90%; color:#999;}
.list_btn { float:none; width:80%; box-sizing: border-box; position: static; top:0; bottom:0; margin:20px auto auto auto; right:30px; height:auto;}
.list_btn a {
width:100%;
	display: block;
	font-size:100%;
	font-weight:500;
	padding: 10px 10px 10px 10px;
	text-align: center;
	color:#fff!important;
	background: #2e3d47;
	box-sizing: border-box;

	}
.livebox .policy-privacy-head.mb100 { margin-bottom:50px!important;}

/*
 map
---------------------------------------------------------------------- */
.glive {
	position: relative;
	
	height: 600px;
	overflow: hidden;
	margin: 0 0 0 0;

}
.glive iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
 border:0 !important;
}





/*
 応募フォーム
---------------------------------------------------------------------- */
table.tbl th {
    width: auto;

}
table.tbl th, table.tbl td {
	display:block;
	width:100%;
    padding: 10px 5px;
    line-height: 150%;
	vertical-align: middle!important;	
	box-sizing:border-box;
	margin-top:-1px;
}

#contact input.inp2 {
    width: 28%;
}

.form_btn_detail {
width:80%!important;
font-size:120%!important;
padding: 10px 8px!important;
}


	
}

/* =====================================
 汎用プロパティ
===================================== */


/* テキストカラー */
.bk {color:#333!important;}
.green {color:#006633!important;}
.blue {color:#000099!important;}
.red { color:#CC0000!important;}
.redb { color:#CC0000!important; font-weight:500;}
.red2 { color:#ff0000!important;}

/* テキストサイズ */
.t50 { font-size:50%!important;}
.t60 { font-size:60%!important;}
.t70 { font-size:70%!important;}
.t80 { font-size:80%!important;}
.t90 { font-size:90%!important;}
.t120 { font-size:120%!important;}
.t130 { font-size:130%!important;}
.t140 { font-size:140%!important;}
.t150 { font-size:150%!important;}
.t160 { font-size:160%!important;}

/* bold */
.noto100 {font-weight:100;}
.noto200 {font-weight:200;}
.noto300 {font-weight:300;}
.noto400 {font-weight:400;}
.noto500 {font-weight:500;}
.noto600 {font-weight:600;}
.noto700 {font-weight:700;}
.noto800 {font-weight:800;}
.noto900 {font-weight:900;}


/* ライン */
.tline { border-top:1px #ccc solid; padding-top:10px;}
.tline_d { border-top:1px #ccc dotted; padding-top:10px;}
.bline { border-bottom:1px #ccc solid; padding-bottom:10px;}
.bline_d { border-bottom:1px #ccc dotted; padding-bottom:10px;}
.line_t{text-decoration: line-through;}

.mt05 { margin-top: 5px !important;}
.mt10 { margin-top: 10px !important;}
.mt15 { margin-top: 15px !important;}
.mt20 { margin-top: 20px !important;}
.mt25 { margin-top: 25px !important;}
.mt30 { margin-top: 30px !important;}
.mt35 { margin-top: 35px !important;}
.mt40 { margin-top: 40px !important;}
.mt45 { margin-top: 45px !important;}
.mt50 { margin-top: 50px !important;}

.mr05 { margin-right: 5px !important;}
.mr10 { margin-right: 10px !important;}
.mr15 { margin-right: 15px !important;}
.mr20 { margin-right: 20px !important;}
.mr25 { margin-right: 25px !important;}
.mr30 { margin-right: 30px !important;}
.mr35 { margin-right: 35px !important;}
.mr40 { margin-right: 40px !important;}
.mr45 { margin-right: 45px !important;}
.mr50 { margin-right: 50px !important;}

.mb05 { 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;}
.mb35 { margin-bottom: 35px !important;}
.mb40 { margin-bottom: 40px !important;}
.mb45 { margin-bottom: 45px !important;}
.mb50 { margin-bottom: 50px !important;}
.mb60 { margin-bottom: 60px !important;}
.mb70 { margin-bottom: 70px !important;}
.mb80 { margin-bottom: 80px !important;}
.mb90 { margin-bottom: 90px !important;}
.mb100 { margin-bottom: 100px !important;}

.ml05 { margin-left: 5px !important;}
.ml10 { margin-left: 10px !important;}
.ml15 { margin-left: 15px !important;}
.ml20 { margin-left: 20px !important;}
.ml25 { margin-left: 25px !important;}
.ml30 { margin-left: 30px !important;}
.ml35 { margin-left: 35px !important;}
.ml40 { margin-left: 40px !important;}
.ml45 { margin-left: 45px !important;}
.ml50 { margin-left: 50px !important;}

.pt-100 { padding-top: -170px !important;}

.pt05 { padding-top: 5px !important;}
.pt10 { padding-top: 10px !important;}
.pt15 { padding-top: 15px !important;}
.pt20 { padding-top: 20px !important;}
.pt25 { padding-top: 25px !important;}
.pt30 { padding-top: 30px !important;}
.pt35 { padding-top: 35px !important;}
.pt40 { padding-top: 40px !important;}
.pt45 { padding-top: 45px !important;}
.pt50 { padding-top: 50px !important;}

.pr05 { padding-right: 5px !important;}
.pr10 { padding-right: 10px !important;}
.pr15 { padding-right: 15px !important;}
.pr20 { padding-right: 20px !important;}
.pr25 { padding-right: 25px !important;}
.pr30 { padding-right: 30px !important;}
.pr35 { padding-right: 35px !important;}
.pr40 { padding-right: 40px !important;}
.pr45 { padding-right: 45px !important;}
.pr50 { padding-right: 50px !important;}

.pb05 { padding-bottom: 5px !important;}
.pb10 { padding-bottom: 10px !important;}
.pb15 { padding-bottom: 15px !important;}
.pb20 { padding-bottom: 20px !important;}
.pb25 { padding-bottom: 25px !important;}
.pb30 { padding-bottom: 30px !important;}
.pb35 { padding-bottom: 35px !important;}
.pb40 { padding-bottom: 40px !important;}
.pb45 { padding-bottom: 45px !important;}
.pb50 { padding-bottom: 50px !important;}

.pl05 { padding-left: 5px !important;}
.pl10 { padding-left: 10px !important;}
.pl15 { padding-left: 15px !important;}
.pl20 { padding-left: 20px !important;}
.pl25 { padding-left: 25px !important;}
.pl30 { padding-left: 30px !important;}
.pl35 { padding-left: 35px !important;}
.pl40 { padding-left: 40px !important;}
.pl45 { padding-left: 45px !important;}
.pl50 { padding-left: 50px !important;}

.tal { text-align:left;}
.tac { text-align:center;}
.tar { text-align:right;}



.img_c770 { width:100%; max-width:770px; margin:0 auto;}

.img_c770 img { width:100%;}



a:hover img {
		filter: alpha(opacity=70);
	    /* Safari Opera */
	    opacity:0.70;
	    /* Firefox Netscape */
	    -moz-opacity:0.70;
	}

a:hover img {
 *zoom: 1;
	cursor:pointer;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all  0.6s ease;
	}


/*
 フロート要素の適正な解除（Clearfix）
---------------------------------------------------------------------- */
.clearfix:after{content:'.'; display:block; height:0; clear:both; visibility:hidden;}
.clearfix{display:inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* End hide from IE-mac */