@charset "UTF-8";
@import "reset5.css";

body { color:#000; background:#fff; line-height:1;  padding: 0; position: relative; min-height: 100%; overflow-x:hidden; -webkit-text-size-adjust: 100%; font-family: "Helvetica Neue", Helvetica, Arial, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka", "MS Pゴシック", "MS PGothic", sans-serif; }
html {  min-height: 100%; }

* html body { font-family: "Helvetica Neue", Helvetica, Arial, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka", "MS Pゴシック", "MS PGothic", sans-serif;  }
*:first-child+html body { font-family: "Helvetica Neue", Helvetica, Arial, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka", "MS Pゴシック", "MS PGothic", sans-serif; }

* {word-wrap: break-word; }
img { -ms-interpolation-mode: bicubic; }
/* !font-size 12px default setting */
body { font-size: 14px; line-height: 1.7; letter-spacing:0.02em; }
*:first-child+html body { font-size:77%;}
* html body { font-size:77%;}

body p { font-weight: 300; letter-spacing:0.02em; }
h2,h3,h4,h5 { letter-spacing: 0.04em }

/* !clearfix */
hr { display: none; }

.cfix { zoom:1; }
.cfix:after{
    content:"";
    clear:both;
    display:block;
    height:0;
	font-style:italic
}

/* スクロールバーの有無によるズレ対策 */
html {
	overflow-y: scroll;
}


img { vertical-align: middle }


/* margin-bottom
=========================================*/
.mb0 { margin-bottom:0 !important; }
.mb3 { margin-bottom:3px !important; }
.mb4 { margin-bottom:4px !important; }
.mb5 { margin-bottom:5px !important; }
.mb7 { margin-bottom:7px !important; }
.mb10 { margin-bottom:10px !important; }
.mb12 { margin-bottom:12px !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; }
.mb50 { margin-bottom:50px !important; }
.mb60 { margin-bottom:60px !important; }
.mb80 { margin-bottom:80px !important; }


/* margin-top
=========================================*/
.mt0 { margin-top:0 !important; }
.mt3 { margin-top:3px !important; }
.mt4 { margin-top:4px !important; }
.mt5 { margin-top:5px !important; }
.mt7 { margin-top:7px !important; }
.mt10 { margin-top:10px !important; }
.mt12 { margin-top:12px !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; }
.mt50 { margin-top:50px !important; }

.mr5 { margin-right:5px !important; }
.mr10 { margin-right:10px !important; }


/* padding-top
=========================================*/
.pt0 { padding-top:0 !important; }
.pt3 { padding-top:3px !important; }
.pt4 { padding-top:4px !important; }
.pt5 { padding-top:5px !important; }
.pt7 { padding-top:7px !important; }
.pt10 { padding-top:10px !important; }
.pt12 { padding-top:12px !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; }
.pt50 { padding-top:50px !important; }
.pt60 { padding-top:60px !important; }
.pt80 { padding-top:80px !important; }


.tx9 { font-size: 9px }
.tx10 { font-size: 10px }
.tx11 { font-size: 11px }
.tx12 { font-size: 12px }
.tx13 { font-size: 13px }
.tx14 { font-size: 14px }
.tx15 { font-size: 15px }
.tx16 { font-size: 16px }
.tx18 { font-size: 18px }
.tx20 { font-size: 20px }
.tx24 { font-size: 24px }

.fltR { float: right; }
.fltL { float: left; }

.txtR { text-align: right; }
.txtL { text-align: left; }
.txtC { text-align: center; }


/* !Links */
a:link { color: #000; text-decoration: none }
a:visited { color: #000; text-decoration: none }
a:hover { color: #000; text-decoration: none }
a:active { color: #000; text-decoration: none }


a.gr:link { color: #336633; text-decoration: underline }
a.gr:visited { color: #336633; text-decoration: underline }
a.gr:hover { color: #336633; text-decoration: underline }
a.gr:active { color: #336633; text-decoration: underline }


.sp-none { display:block; }
.pc-none { display:none; }



html {  }
#wrapper { position: relative; width: 100%; text-align: center; overflow: hidden }


.contents { position: relative; z-index:100; padding:140px 0 0; }


/* header */
#header-pc { background:#fff; border-bottom:3px solid #336633; padding:20px 0; width:100%; position:fixed; z-index:200; }
#header-pc h1 { text-align:left; /*padding:0 0 0 20px;*/ }
#header-pc .header-inner { width:1000px; margin:0 auto; position:relative; }
#header-pc .gnav { position: relative; margin:30px 0 0; z-index: 0; text-align:left;}
#header-pc .gnav { font-size:0; }
#header-pc .gnav li { display:inline-block; border-left:1px solid #000; }
#header-pc .gnav li:last-child { border-right:1px solid #000; }
#header-pc .gnav li a { padding:0 15px; font-size:14px; font-weight:bold; letter-spacing:0.1em; }
#header-pc .link-tocho { position:absolute; top:15px; left: 355px }
#header-pc .link-btn { font-size:0; position:absolute; top:10px; right:5px; width: 284px; }
#header-pc .link-btn li { display:inline-block; margin:0 5px; }
#header-pc .link-btn li a { color:#fff; font-size:12px; line-height:1; letter-spacing:0.1em; padding:10px 0 10px 20px; width:110px; display:block; position:relative; }
#header-pc .link-btn li:first-child a { background:#336633; border-radius:40px; }
#header-pc .link-btn li:last-child a { background:#000; border-radius:40px; }
#header-pc .link-btn li .ico { position:absolute; top:50%; left:13px; margin:-7px 0 0; }
#header-pc .language { position:absolute; top:10px; left:430px; width: 132px; font-size: 12px; font-weight: bold; color: #336633; z-index: 10 }
#header-pc .language .lang { position: absolute; left: 1px; top: 1px; width: 130px; padding: 5px 0; cursor: pointer }
#header-pc .language .lang .arw { position: absolute; right: 5px; top: 6px; }
#header-pc .language ul { border: solid 1px #336633; background: #fff; display: none }
#header-pc .language li { border-top: solid 1px #336633 }
#header-pc .language li:first-child { margin-top: 30px }
#header-pc .language li a { display: block; padding: 5px 0; color: #336633 }
#header-pc .cur { color:#336633 !important; }
#header-pc .tel { position:absolute; top:6px; right:5px; }
#header-pc .tel p { font-size: 26px; font-weight: 500; line-height: 1; }
#header-pc .tel p span { font-size: 12px; display: block; margin: 5px 0 0; }
#header-pc .tel .ico { position: absolute; top: 3px; left: -25px; }
#header-pc .sns { font-size:0; position:absolute; bottom:-5px; right:8px; width: 84px }
#header-pc .sns li { display:inline-block; padding:0 4px; }
#header-pc .header-business-link {
	position: absolute;
	top: 14px;
	left: 570px;
}
#header-sp .header-business-link {
	border-top: 1px solid #000;
	text-align: center;
	padding: 10px 0;
}

.header-business-link a{
	display: inline-block;
	background: #ffe440;
	line-height: 1;
	padding: 10px 30px 10px 10px;
	font-size: 12px;
	font-weight: bold;
	position: relative;
	transition: .4s;
}
.header-business-link a:hover{
	opacity: .7;
}
.header-business-link a::after{
	margin: auto;
	content: "";
	background: url("/assets/img/ico_external03.png")no-repeat;
	background-size: contain;
	width: 10px;
	height: 10px;
	position: absolute;
	right: 10px;
	top: 0;
	bottom: 0;
}

#header-sp { display:none; }


/* footer 
#footer { color:#fff; background:#000; padding:70px 0 40px; }
#footer .footer-inner { width:1000px; margin:0 auto; }
#footer a { color:#fff; text-decoration:none; }
#footer .f-link01 { text-align:left; margin:0 0 40px -50px; }
#footer .f-link01 .block { width:33.333%; float:left; }
#footer .f-link01 .block .inner { margin:0 0 0 50px; }
#footer .f-link01 .block ul li { font-size:15px; margin:0 0 5px; }
#footer .f-link01 h3 { font-size:18px; line-height:1; border-bottom:1px solid #fff; padding:0 0 10px; margin:0 0 10px; }
#footer .f-link02 { font-size:14px; margin:0 0 40px; }
#footer .copy { font-size:12px; }
*/


/* footer */
#footer { color:#fff; }
#footer .footer-bnr {width:1000px; margin: 0 auto 80px; }
#footer .footer-bnr ul { display:flex; flex-wrap: wrap; margin: 0 0 0 -20px; }
#footer .footer-bnr ul li { width: 32%;}
#footer .footer-bnr ul li .inner { margin: 0 0 10px 24px; }
#footer .footer-bnr ul li img { border: 1px solid #ddd; }
#footer .footer-bg { background:#000; }
#footer .footer-inner { width:1000px; padding:70px 0 40px; margin:0 auto; }
#footer a { color:#fff; text-decoration:none; }
#footer .f-link01 { text-align:left; margin:0 0 40px -50px; }
#footer .f-link01 .block { width:33.333%; float:left; }
#footer .f-link01 .block .inner { margin:0 0 0 50px; }
#footer .f-link01 .block ul li { font-size:15px; margin:0 0 5px; }
#footer .f-link01 h3 { font-size:18px; line-height:1; border-bottom:1px solid #fff; padding:0 0 10px; margin:0 0 10px; }
#footer .f-link02 { font-size:14px; margin:0 0 40px; }
#footer .copy { font-size:12px; }
.common-access { padding:0 1.5% 80px; min-width:1000px; }
.common-access .inner { border-top:1px solid #000; padding:60px 0 0; }
.common-access .cfix { margin:0 auto; width:1000px; }
.common-access h3 { text-align:center; margin:0 0 60px; }
.common-access h4 { color:#336633; font-size:28px; font-weight:bold; line-height:1; margin:0 0 20px; }
.common-access .tx-l { width:50%; float:left; text-align:left; }
.common-access .tx-l p { color:#000; }
.common-access .tx-l p span { font-size:16px; margin:10px 0 0; display:inline-block; }
.common-access .map-r { width:50%; float:left; }


/* pagetop */
#pagetop { position: fixed; right: 20px; bottom: 0; z-index:150; }
#pagetop img { border:2px solid #336633; border-radius:40px; }


/* topic-path */
.topic-path { text-align:left; margin:20px 0; }
.topic-path .ico { position:absolute; top:-5px; left:0; }
.topic-path p { font-size:12px; line-height:1; padding:0 0 0 30px; }



/* -- ▼ 汎用性のあるstyle -- */

/* -- ボタン -- */
.btn-A { text-align:center; }
.btn-A a { color:#fff; line-height:1; text-decoration:none; text-align:center; padding:25px; min-width:260px; display:inline-block; position:relative;
border-radius:40px; background:#336633; 
/*
background: -moz-linear-gradient(left, #3aa040 0%, #006f44 100%);
background: -webkit-gradient(linear, left center, right center, from(#3aa040), to(#006f44));
background: -webkit-linear-gradient(left, #3aa040 0%, #006f44 100%);
background: linear-gradient(to left, #3aa040, #006f44 100%);*/
}
.btn-A .arw { position:absolute; top:50%; right:20px; margin:-5px 0 0; }

.btn-B { text-align:center; }
.btn-B a { color:#fff; line-height:1; text-decoration:none; text-align:center; padding:15px 0; width:240px; display:inline-block; position:relative;
border-radius:40px; background:#336633;
/* 
background: -moz-linear-gradient(left, #3aa040 0%, #006f44 100%);
background: -webkit-gradient(linear, left center, right center, from(#3aa040), to(#006f44));
background: -webkit-linear-gradient(left, #3aa040 0%, #006f44 100%);
background: linear-gradient(to left, #3aa040, #006f44 100%);*/
}
.btn-B .arw { position:absolute; top:50%; right:20px; margin:-5px 0 0; }
.btn-B .ico-external { position:absolute; top:50%; right:20px; margin:-5px 0 0; }

.btn-C ul { width:560px; margin:0 auto; }
.btn-C li { width:264px; }
.btn-C a { color:#336633; font-size:14px; line-height:1; text-decoration:none; text-align:center; padding:22px 0; width:260px; display:inline-block; position:relative; border-radius:40px; border:2px solid #336633; }
.btn-C ul li:first-child { float:left; }
.btn-C ul li:first-child a { color:#000; font-size:24px; line-height:1; padding:18px 0 18px 20px; width:240px; }
.btn-C ul li:last-child { float:right; }
.btn-C ul .ico-tel { position:absolute; top:50%; left:20px; margin:-12px 0 0; }
.btn-C .arw { position:absolute; top:50%; right:20px; margin:-5px 0 0; }

.btn-D { text-align:center; }
.btn-D a { color:#000; font-size:24px; line-height:1; text-decoration:none; text-align:center; padding:18px 0 18px 20px; width:350px; display:inline-block; position:relative; border-radius:40px; border:2px solid #336633; }
.btn-D .ico-tel { position:absolute; top:50%; left:20px; margin:-12px 0 0; }

.btn-back { text-align:center; }
.btn-back a { color:#fff; line-height:1; text-decoration:none; text-align:center; padding:25px 0; width:260px; display:inline-block; position:relative;
border-radius:40px; background:#000; }
.btn-back .arw { position:absolute; top:50%; left:20px; margin:-5px 0 0; transform:rotate(180deg); }

.btn-mail-magazine a { background:#ffe440; border-radius:8px; width:460px; display:block; margin:0 auto; padding:25px 0; line-height:1.6; position:relative; }
.btn-mail-magazine a span { font-size:18px; }
.btn-mail-magazine .ico { position:absolute; top:10px; right:10px; }

.lower-service-menu { padding:0 0 60px; }
.lower-service-menu h4 { color:#336633; font-size:22px; line-height:1; border-bottom:1px solid #336633; padding:0 0 20px; margin:0 0 40px; text-align:left; }
.lower-service-menu ul li { width:14.28%; float:left; line-height:1; }
.lower-service-menu.lower-service-menu_comp ul li {width:12.5%;}
.lower-service-menu ul li .ico { margin:0 auto 20px; height:46px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */}
.lower-service-menu ul li .btn a { width:30px; height:30px; border-radius:40px; margin:20px auto 0; position:relative; display:block; background:#336633; 
	/*background: -moz-linear-gradient(left, #3aa040 0%, #006f44 100%);
	background: -webkit-gradient(linear, left center, right center, from(#3aa040), to(#006f44));
	background: -webkit-linear-gradient(left, #3aa040 0%, #006f44 100%);
	background: linear-gradient(to left, #3aa040, #006f44 100%);*/ }
.lower-service-menu ul li .btn a .arw { position:absolute; top:50%; left:50%; margin:-5px 0 0 -3px; }


/* -- レイアウト -- */
.sec-inner { width:1000px; margin:0 auto; position:relative; }

section.sec { width:800px; margin:0 auto 140px; text-align:left; }

.wd800 { width:800px; margin:0 auto; text-align:left; }

/* ul.clm-3 { margin:0 0 0 -80px; text-align:left; } */
/* ul.clm-3 li { width:33.333%; float:left; margin-top: 40px; display: none;} */
ul.clm-3 {
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	margin:0 0 0 -80px;
	text-align:left;
}
ul.clm-3 li { 
	width:33.333%;
	 margin-top: 40px;
	 /* display: none; */
}
ul.clm-3 li h4{
	min-height: 72px;
}
ul.clm-3 li:nth-child(-n+3){margin-top: 0;}
ul.clm-3 li .inner { margin:0 0 0 80px; }
/* ul.clm-3 li.active{ display: block;} */

ol.target li.s-tit { margin:0 0 40px; }
ol.target li:last-child { margin:0; }

ol.flow { text-align:left; }
ol.flow li { float:none; position:relative; padding:0 0 0 100px; margin:0 0 40px; }
ol.flow li:last-child { margin:0; }
ol.flow li span { font-size:20px; }
ol.flow li .num { position:absolute; top:-10px; left:0; border-radius:40px; }

.tbl { border-top:1px solid #dcdcdc; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc; }
.tbl th { font-size:16px; font-weight:bold; background:#fbf4cc; border-bottom:1px solid #dcdcdc; border-right:1px solid #dcdcdc; width:21%; padding:30px 0; text-align:center; vertical-align:text-top; }
.tbl td { font-size:16px; border-bottom:1px solid #dcdcdc; width:79%; padding:30px; }

.tbl02 { border-top:1px solid #dcdcdc; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc; }
.tbl02 thead { background:#fbf4cc; }
.tbl02 thead th, .tbl02 thead td { font-weight:bold; text-align:center; }
.tbl02 thead th { width:17.5%; }
.tbl02 thead td { width:82.5%; }
.tbl02 th { font-size:16px; border-bottom:1px solid #dcdcdc; border-right:1px solid #dcdcdc; padding:30px 0; text-align:center; vertical-align:text-top; }
.tbl02 td { font-size:16px; border-bottom:1px solid #dcdcdc; padding:30px; }
.tbl02 td h5 { font-weight:bold; margin:0 0 15px; }

.tbl03 { border-top:1px solid #dcdcdc; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc; }
.tbl03 thead { background:#fbf4cc; }
.tbl03 thead th { font-weight:bold; }
.tbl03 thead th.l { width:28%; }
.tbl03 thead th.c { width:36%; }
.tbl03 thead th.r { width:46%; }
.tbl03 th { font-size:16px; border-bottom:1px solid #dcdcdc; border-right:1px solid #dcdcdc; padding:30px; text-align:center; vertical-align:text-top; }
.tbl03 td { font-size:16px; border-bottom:1px solid #dcdcdc; border-right:1px solid #dcdcdc; padding:30px 20px; }

.list-left-square { margin:0 0 0 20px; text-align:left;  }
.list-left-square li { text-indent:-20px; }
.list-left-square li span { color:#336633; }

.entry-btn-area { margin:0 0 200px; }
.entry-btn-area  h4 {font-size:20px; text-align:center; margin:70px 0 0; }
.entry-btn-area .btn-A { border-top: 1px solid #a0a0a0; margin:10px 0 0; padding:20px 0 0; }
.entry-btn-area .btn-C { margin:30px 0 0; }

.consultation-box { margin:80px 0 0; }
.consultation-box h5 { position:absolute; top:0; left:100px; }
.consultation-box h5 span { font-size:16px; line-height:0; background:#fbf4cc; width:100px; height:100px; text-align:center; display:table-cell; vertical-align:middle; border-radius:80px; }
.consultation-box h6 { margin:0 0 20px; font-size:16px; }
.consultation-box ul li { font-size:16px; }
.consultation-box li.block { position:relative; margin:0 0 60px; }
.consultation-box li:last-child .block { margin:0; }
.consultation-box li.block .txt { margin:0 0 0 250px; padding:0 0 0 50px; border-left:1px solid #595754; }


/* -- タイトル -- */
.page-tit { width:1000px; margin:0 auto 60px; position:relative; text-align:left; background:#336633; 
	/*background: -moz-linear-gradient(left, #3aa040 0%, #006f44 100%);
	background: -webkit-gradient(linear, left center, right center, from(#3aa040), to(#006f44));
	background: -webkit-linear-gradient(left, #3aa040 0%, #006f44 100%);
	background: linear-gradient(to left, #3aa040, #006f44 100%);*/ }
.page-tit .tit01 { color:#fff; font-size:34px; line-height:1; position:absolute; top:135px; left:40px; }
.page-tit .tit02 { color:#fff; font-size:34px; line-height:1; padding:60px 40px;  }

.big-tit { color:#336633; font-size:48px; line-height:1; text-align:left; margin:0 0 60px; }
.big-tit span { color:#000; font-size:16px; margin:10px 0 0; display:block; }

.tit-bg-or { color:#ff6600; font-size:22px; line-height:1; text-align:left; border:1px solid #ff6600; padding:15px 20px; margin:0 0 60px; }
.tit-bg-gr { color:#006600; font-size:22px; line-height:1; text-align:left; border:1px solid #006600; padding:15px 20px; margin:0 0 60px; }

@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, .tit-bg-or { color:#ff6600; font-size:22px; line-height:1; text-align:left; border:1px solid #ff6600; padding:17px 20px 15px; margin:0 0 60px; } /* IE11 */
  *::-ms-backdrop, .tit-bg-gr { color:#006600; font-size:22px; line-height:1; text-align:left; border:1px solid #006600; padding:17px 20px 15px; margin:0 0 60px; } /* IE11 */
}

.tit-tx20-bl { font-size:20px; border-bottom:1px solid #595754; padding:0 0 10px; text-align:left; }

.tit-tx18-gr { color:#336633; font-size:18px; border-bottom:1px solid #336633; padding:0 0 15px; margin:0 0 30px; text-align:left; }




/* -- ▼ 汎用性のあるsection -- */

/* -- READ -- */
.sec-read { font-size:18px; line-height:2; text-align:left; margin:0 0 60px; }


/* -- NEWS -- */
.sec-news { margin:0 0 200px; }
.sec-news .big-tit { margin:0 auto 40px; }
.sec-news .news-box .nav { margin:0 0 10px -10px; }
.sec-news .news-box .nav li { float:left; width:20%; }
.sec-news .news-box .nav li a { /*background:#e5e5e5;*/ line-height:1; text-decoration:none; margin:0 0 0 10px; padding:10px 0; display:block; border:1px solid #000; }
.sec-news .news-box .nav li a.cur { color:#fff !important; position:relative; background:#336633; border:1px solid #336633;
	/*background: -moz-linear-gradient(left, #3aa040 0%, #006f44 100%);
	background: -webkit-gradient(linear, left center, right center, from(#3aa040), to(#006f44));
	background: -webkit-linear-gradient(left, #3aa040 0%, #006f44 100%);
	background: linear-gradient(to left, #3aa040, #006f44 100%); */}
.sec-news .news-box .nav .arw { position:absolute; bottom:-7px; left:50%; margin:0 0 0 -5px }
.sec-news .news-box .list-box { border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; }
.sec-news .news-box .list { text-align:left;  padding:40px 0 20px; }
.sec-news .news-box .list li { margin:0 0 20px; position:relative; }
.sec-news .news-box .list li .date { position:absolute; top:0; left:0; }
.sec-news .news-box .list li .cate { color:#fff; font-size:12px; line-height:1; text-align:center; padding:7px 0; background:#000; width:150px; display:inline-block; position:absolute; top:0; left:115px; }
.sec-news .news-box .list li a { text-decoration:underline; display:block; padding:0 0 0 300px; }
.sec-news .btn-A { margin:60px 0 0; }


/* -- ACCESS -- */
.sec-access { margin:0 0 200px; }
.sec-access .big-tit { margin:0 auto 40px; }
.sec-access .info { position:relative; }
.sec-access .info .pic { width:440px; margin:0 0 60px; }
.sec-access .info table { width:500px; position:absolute; top:0; left:500px; }
.sec-access .info th { color:#336633; font-size:18px; padding:0 40px 0 0; vertical-align:top; }
.sec-access .info td { padding:5px 0 20px; }


/* -- IDX-SERVICE -- */
.sec-service-idx { margin:0 0 200px; }
.sec-service-idx .mov { width: 100%; text-align:center; }
.sec-service-idx ul { margin:80px 0 0 -50px; }
.sec-service-idx ul li { width:33.333%; float:left; margin:0 0 50px }
.sec-service-idx ul li .inner { margin:0 0 0 50px; padding:15px 30px 30px; border:1px solid #d2d2d2; }
.sec-service-idx ul li h3 { color:#336633; font-size:18px; line-height:1; letter-spacing:0.01em; margin:30px 0 20px; }
.sec-service-idx ul li p { font-size:18px; text-align:left; margin:0 0 30px; }


/* -- SERVICE -- */
.sec-service { margin:0 0 200px; }
.sec-service .box li { width:33.333%; float:left; }
.sec-service .box li .inner { position:relative; }
.sec-service .box li .cir { border:1px solid #336633; border-radius:180px; }
.sec-service .box li .kazari { position:absolute; bottom:-60px; left:50%; margin:0 0 0 -150px; }


/* -- EVENT -- */
.sec-event { margin:0 0 200px; }
.sec-event ul li .pic a { position:relative; display:block; }
.sec-event ul li .accepting { position:absolute; bottom:0; left:0; width:100%; text-align:center; color:#fff; line-height:1; padding:10px 0 6px; background:rgba(59,160,64,0.8); }
.sec-event ul li .closed { position:absolute; bottom:0; left:0; width:100%; text-align:center; line-height:1; padding:10px 0 6px; background:rgba(220,220,220,0.8); }
.sec-event ul li .finished { position:absolute; top:50%; left:0; width:100%; text-align:center; color:#fff; line-height:1; margin:-10px 0 0; z-index:2; }
.sec-event ul li .f_lay { background:#000; width:100%; height:100%; position:absolute; top:0; left:0; opacity:0.6; z-index:1; }
.sec-event .seminar-cate { font-size:12px; line-height:1; text-align:center; padding:8px 0 5px; margin:0 0 10px; background:#ffe400; width:150px; }
.sec-event .date { color:#336633; font-size:16px; line-height:1; letter-spacing:0; border-bottom:1px solid #a0a0a0; padding:0 0 10px; margin:0 0 20px; }
.sec-event .date span { font-size:30px; }
.sec-event h4 { margin:0 0 15px; }
.sec-event .btn-A { margin:80px 0 0; }
.sec-event .related-title {color: #336633;
	font-size: 22px;
	line-height: 1;
	border-bottom: 1px solid #336633;
	padding: 0 0 20px;
	margin: 0 0 40px;
	text-align: left;
}


/* -- FAQ -- */
.sec-faq { margin:0 0 200px; }
.sec-faq ul { text-align:left; border-top:1px solid #595754; padding:30px 0 0; }
.sec-faq ul li { border-bottom:1px solid #595754; padding:0 0 30px; margin:0 0 30px; }
.sec-faq li:last-child { margin:0; }
.sec-faq ul .q { color:#336633; font-size:20px; line-height:1.4; text-decoration:underline; position:relative; padding:0 0 0 40px; margin:0 0 20px; }
.sec-faq ul .a { position:relative; padding:0 0 0 40px; }
.sec-faq ul .q .ico-q { color:#fff; font-size:19px; line-height:1.4; background:#336633; width:22px; height:22px; display:block; text-align:center; position:absolute; top:2px; left:0; }
.sec-faq ul .a .ico-a { color:#336633; font-size:19px; line-height:1.4; width:22px; height:22px; display:block; text-align:center; border:1px solid #336633; box-sizing:border-box; position:absolute; top:0; left:0; }


/* -- INFORMATION -- */
.sec-info { margin:0 0 200px; }


/* -- STEP -- */
.sec-step { margin:0 0 200px; }


/* -- CASE -- */
.sec-case { margin:0 0 200px; }


/* -- VOICE -- */
.sec-voice { margin:0 0 200px; }
.sec-voice .campany-box { border:1px solid #ff6600; padding:40px 60px 40px 260px; position:relative; }
.sec-voice .campany-box h4 { color:#fff; font-size:20px; line-height:8; width:160px; height:160px; background:#ff6600; border-radius:80px; position:absolute; top:90px; left:50px; }
.sec-voice { margin:0 0 200px; }
.sec-voice .worker-box { border:1px solid #006600; padding:40px 60px 40px 260px; position:relative; }
.sec-voice .worker-box h4 { color:#fff; font-size:20px; line-height:8; width:160px; height:160px; background:#006600; border-radius:80px; position:absolute; top:90px; left:50px; }
.sec-voice ul li p { border-top:1px solid #595754; border-bottom:1px solid #595754; padding:30px 0; margin:25px 0 0; position:relative; }
.sec-voice .parts { position:absolute; top:-14px; left:50%; margin:0 0 0 -7px; }


/* -- PROFILE -- */
.sec-profile { margin:0 0 200px; }
.sec-profile ul li { border:1px solid #336633; padding:40px; margin:0 0 30px; position:relative; }
.sec-profile ul li:last-child { margin:0}
.sec-profile ul li .pic { position:absolute; top:40px; left:40px; }
.sec-profile ul li .txt { margin:0 0 0 200px; padding:0 0 0 40px; border-left:1px solid #336633; }
.sec-profile ul li h4 { color:#336633; font-size:28px; font-weight:400; margin:0 0 5px; }
.sec-profile ul li h4 span { font-size:16px; }
.sec-profile ul li .position { font-size:16px; font-weight:600; line-height:1.4; margin:0 0 25px; }


/* -- CONTENTS -- */
.sec-contents { margin:0 0 170px; }
.sec-contents p { font-size:18px; text-align:left; }
.sec-contents .figure-pc { margin:50px 0 60px; }
.sec-contents .figure-pc li { float:left; }
.sec-contents .btn-seminar { margin:0 0 0 -50px; text-align:center; }
.sec-contents .btn-seminar li { float:left; width:33.333%; }
.sec-contents .btn-seminar li .inner { margin:0 0 0 50px; }
.sec-contents .btn-seminar a { color:#fff; line-height:1.4; text-decoration:none; text-align:center; padding:10px 0; display:block; position:relative;
border-radius:40px; background:#336633; }
.sec-contents .btn-seminar .arw { position:absolute; top:50%; right:20px; margin:-5px 0 0; }
.sec-contents .btn-seminar span { color:#ff0000; font-size:13px; font-weight:600; margin:5px 0 0; display:inline-block; }



 /* --- ▼各ページstyle-- */

/* トップページ */
#top {}
#top .sec-news .list-box { position: relative; }
#top .sec-news .list-box .list { position: absolute; left: 0; top: 0; display: none }
#top .sec-news .list-box .list:first-child { position: relative; left: inherit; top: inherit; display: block }
#main {}
#main .slider { position: relative; width: 100%; height: 563px }
#main .slider .slide { position: absolute; left: 0; top: 0; display: none }
#main .slider .bullets { position: absolute; left: 0; bottom: 10px; width: 100%; text-align: center; }
#main .slider .bullets img { cursor: pointer }
#main .slider .arw-prev { position: absolute; left: 10px; top: 50%; margin-top: -25px; opacity: 0.5; cursor: pointer }
#main .slider .arw-next { position: absolute; right: 10px; top: 50%; margin-top: -25px; opacity: 0.5; cursor: pointer }
#main .slider .arw-prev:hover, #main .slider .arw-next:hover { opacity: 1 }
.sec-top-intro { padding:80px 0 0; margin:0 0 160px; }
.sec-top-intro h2 { color:#000; font-size:24px; line-height:1.6; margin:0 0 20px; }
.sec-top-intro ul { margin:30px 0 0; }
.sec-top-intro ul li { display:inline-block; padding:0 10px; }
.sec-top-intro .mov { width: 100%; text-align:center; }
.sec-top-service { margin:0 0 200px; }
.sec-top-service .big-tit { width:1000px; margin:0 auto 20px; }
.sec-top-service .block { margin:0 0 100px; }
.sec-top-service .block .block-inner { width:1000px; margin:0 auto; }
.sec-top-service .block .block-inner .fltL { width:440px; }
.sec-top-service .block .block-inner .fltR { width:440px; }
.sec-top-service .block .block-inner .fltL h4 span { color:#ff6600; font-size:14px; font-weight:normal; display:block; }
.sec-top-service .block .block-inner .fltR h4 span { color:#006600; font-size:14px; font-weight:normal; display:block; }
.sec-top-service .block .block-inner .fltL .cir img { border-radius:120px; border:1px solid #f9b700; margin:0 0 30px }
.sec-top-service .block .block-inner .fltR .cir img { border-radius:120px; border:1px solid #9dc814; margin:0 0 30px }
.sec-top-service .block .block-inner h4 { font-size:26px; margin:0 0 50px; }
.sec-top-service .block .block-inner p { text-align:left; margin:0 0 40px; }
.sec-top-service .block .block-inner ul { margin:0 0 30px -8px; }
.sec-top-service .block .block-inner ul li { float:left; width:50%; }
.sec-top-service .block .block-inner ul li .inner { margin:0 0 8px 8px;  }
.sec-top-service .block .block-inner ul li a { border:1px solid #000; display:block; padding:10px; text-align:left; position:relative; }
.sec-top-service .block .block-inner ul li span { text-align:center; display:inline-block; line-height:1.4; letter-spacing:0; width:125px; vertical-align:middle; }
.sec-top-service .block .block-inner ul li .ico-external { position:absolute; top:50%; right:10px; margin:-5px 0 0; }
.sec-top-service .block .block-inner ul li .arw { position:absolute; top:50%; right:10px; margin:-5px 0 0; }
/*追加*/
.sec-top-intro h3{ color:#FF0000; font-size:18px; line-height:1.5; margin:0 0 80px; border: 1px #FF0000 solid; padding: 10px 15px;; }
.sec-top-intro h3 a { color:#FF0000; padding-bottom: 2px; border-bottom: 1px #FF0000 solid; }
.sec-top-intro h3 a:hover{ opacity: 0.5; }
.mov { margin-bottom: 200px; }

/* センターの紹介 */
#about {}
.sec-intro { margin:0 0 200px; }
.sec-intro .pic { text-align:right; padding:60px 0 0; }
.sec-intro .box { width:380px; text-align:left; position:absolute; top:0; left:0; padding:60px 30px; background:#336633; 
	/*background: -moz-linear-gradient(left, #3aa040 0%, #006f44 100%);
	background: -webkit-gradient(linear, left center, right center, from(#3aa040), to(#006f44));
	background: -webkit-linear-gradient(left, #3aa040 0%, #006f44 100%);
	background: linear-gradient(to left, #3aa040, #006f44 100%); */}
.sec-intro .box h3 { color:#fff; font-size:22px; line-height:1.6; margin:0 0 30px; }
.sec-intro .box p { color:#fff; font-size:16px; }
.sec-intro .block-company { margin:100px 0 0; }
.sec-intro .block-company h5 { color:#ff6600; font-size:18px; line-height:1; margin:20px 0 15px; }
.sec-intro .block-worker { margin:100px 0 0; }
.sec-intro .block-worker h5 { color:#006600; font-size:18px; line-height:1; margin:20px 0 15px; }
.sec-intro .clm-3 p { margin:0 0 30px; }

.sec-floor-guide { margin:0 0 200px; }
.sec-floor-guide .read { font-size:18px; text-align:left; margin:0 0 60px; }
.sec-floor-guide ul li { margin:0 0 100px; }
.sec-floor-guide ul li .pic { position:relative; z-index:1; }
.sec-floor-guide ul li .box { background:#fff; border:1px solid #006600; width:520px; margin:-60px auto 0; padding:60px 40px; text-align:left; position:relative; z-index:2; }
.sec-floor-guide ul li .box h4 { color:#336633; font-size:22px; line-height:1; margin:0 0 25px; }
.sec-floor-guide ul li .box p { font-size:16px; }


/* 企業様向けサービス */
#company .sec-service-idx ul li .ico { height:68px; display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */ }


/* 企業様向けサービス - 一般相談 */
#general .lower-service-menu { padding:60px 0; }


/* 企業様向けサービス - 専門家相談 */
#expert .lower-service-menu { padding:60px 0; }
#expert .btn-A { margin:40px 0 0; }
#expert .tbl03 td { vertical-align:text-top; }
#expert .tbl03 td span { font-size:20px; font-weight:500; }


/* 企業様向けサービス - セミナー */
#seminar .box { margin:0 0 0 -50px; }
#seminar .box .inner { margin:0 0 0 50px; }


/* 企業様向けサービス - セミナー一覧 */
#seminar-all .sec-event ul li { margin:0 0 100px; }
#seminar-all .sec-event ul li:last-child { margin:0; }


/* 企業様向けサービス - 合同企業説明会 */
.sec-result { margin:0 0 140px; padding:20px 0 0;  }
.sec-result h3 { font-size:22px; text-align:center; margin:0 0 20px; }
.sec-result h3 span { font-size:12px; }
.sec-result ul { width:640px; margin:0 auto; }
.sec-result ul li { width:50%; float:left; }
.sec-result ul li .inner { margin:0 20px; }
.sec-result ul li img { border-radius:160px; border:1px solid #336633; }
#session .sec-voice ul { margin:0 0 0 -40px; }
#session .sec-voice ul li { width:33.333%; float:left; }
#session .sec-voice ul li .inner { margin:0 0 0 40px; }
#session .sec-voice .worker-box { margin:0 0 40px; }
#session .sec-voice ul li span {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */ }


#session .sec-voice .worker-box ul li .ico { height:97px; position:relative; }
#session .sec-voice .campany-box ul li .ico { height:114px; position:relative; }
#session .sec-voice ul li .ico img { position:absolute; left:0; right:0; bottom:0; margin:auto; }


/* 企業様向けサービス - インターンシップ */
#intern .notes { font-size:12px; margin:20px 0 0; }
#intern .btn-A { margin:60px 0 0; }
#intern .sec-service .box { margin:0 0 0 -50px; padding:0 40px; }
#intern .sec-service .box li .inner { margin:0 0 0 50px; }
#intern .sec-service h4 { margin:100px 0 30px; }
#intern .sec-step .flow li { border-bottom:1px solid #595754; padding:0 0 30px 100px; margin:0 0 30px; }
#intern .sec-voice .campany-box { margin:0 0 40px; }
#intern .tbl th { width:26% !important;  }
#intern .tbl td { width:74% !important; }

#intern .note-red {
    margin: 0 auto 80px;
    border: 1px solid #FF0000;
    padding: 10px 15px;
    width: 1000px;
    font-size: 18px;
    padding: 10px 15px;
    box-sizing: border-box;
}

#intern .note-red p {
    color: #FF0000;
    font-weight: 700;
    line-height: 1.5;
}


/* 企業様向けサービス - コンサルティング */
#consulting .sec-service .box { padding:0 40px; margin:0 0 90px -60px; }
#consulting .sec-service .box .inner { margin:0 0 0 60px; }
#consulting .read { font-size:18px; }
#consulting .notes { font-size:12px; margin:20px 0 0; }
#consulting .sec-step .notes { margin:50px 0 0; }
#consulting .btn-A { margin:100px 0 0; }
#consulting .tit-tx20-bl { margin:0 0 30px; }
#consulting .list-left-square li { font-size:18px; margin:0 0 5px; }
#consulting .sec-faq .indent { padding:0 0 0 20px; display:inline-block; }
.sec-visual { padding:60px 0 0; margin:0 0 140px; }
.sec-visual .sec-inner { text-align:left; position:relative; }
.sec-visual h3 { color:#336633; font-size:45px; line-height:1.4; margin:0 0 25px; }
.sec-visual h4 { font-size:18px; border-bottom:1px solid #336633; padding:0 0 20px; margin:0 0 20px; }
.sec-visual h4 span { font-size:25px; }
.sec-visual ul { font-size:0; margin:0 0 20px -10px; }
.sec-visual ul li { font-size:20px; line-height:1; padding:10px; margin:0 10px; border:1px solid #000; display:inline-block; }
.sec-visual ul li span { font-size:11px; vertical-align:text-top; }
.sec-visual .parts { position:absolute; top:80px; right:0; }
#consulting .sec-case .box { border:1px solid #336633; padding:60px 100px; margin:60px 0 0; }
#consulting .sec-case h4 { color:#336633; font-size:24px; line-height:1; border-bottom:1px solid #336633; padding:0 0 10px 190px; margin:0 0 30px; position:relative; }
#consulting .sec-case h4 span { color:#fff; font-size:14px; font-weight:normal; padding:10px; background:#000; position:absolute; top:-5px; left:0; }
#consulting .sec-case .flow { margin:50px 0 0; }
.sec-consultant { text-align:left; margin:0 0 200px; }
.sec-consultant .block { border-top:1px solid #000; border-bottom:1px solid #000; padding:40px 0; margin:50px 0 0; position:relative; }
.sec-consultant h4 { font-size:18px;  position:absolute; top:50px; left:130px;}
.sec-consultant ul li { margin:0 0 30px; }
.sec-consultant ul li:last-child { margin:0; }
.sec-consultant ul li span { color:#336633; line-height:1; border:1px solid #336633; padding:12px 10px 8px; margin:0 0 15px; display:inline-block; }
.sec-consultant .ico { margin:0 0 40px; }


/* 企業様向けサービス - お役立ち情報 */
#useful h3 { color:#336633; font-size:22px; line-height:1; padding:0 0 8px; margin:0 0 60px; border-bottom:2px solid #336633;  }
.sec-manual-dl { margin:0 0 100px; text-align:left; }
.sec-manual-dl ul li { margin:0 0 15px; }
.sec-manual-dl ul li:last-child { margin:0; }
.sec-manual-dl ul li a { font-size:18px; text-decoration:underline; position:relative; }
.sec-manual-dl ul li a .ico { position:absolute; bottom:-2px; right:-25px; }
.sec-accepting-info { margin:0 0 100px; text-align:left; }
.sec-accepting-info ul li { margin:0 0 100px; }
.sec-accepting-info ul li h4 { font-size:18px; margin:0 0 15px; }
/* 追記 */
.sec-manual-dl-flexbox { display: flex; justify-content: space-between; margin-bottom: 60px; }
.sec-manual-dl-flexbox .inner-left { width: 35%;}
.sec-manual-dl-flexbox .inner-left img { width: 100%; border: 1px solid #999; }
.sec-manual-dl-flexbox .inner-left p { text-align: right; }
.sec-manual-dl-flexbox .inner-right { width: 55%;}
.sec-manual-dl-flexbox .inner-right p strong { font-size: 1.4em; }
.sec-manual-dl-flexbox .inner-right p { font-size: 1.2em; padding-bottom: 20px; }



/* 働きたい外国籍の方向けサービス */
#worker .sec-service-idx ul li .ico { height:94px; display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */ }
#worker .sec-service-idx li:last-child { width:100%; margin:0; }
#worker .sec-service-idx li:last-child .btn-B a { width:400px; }
#worker .sec-service-idx li:last-child ol.flow li:last-child { width:auto; }
#worker .sec-service-idx li:last-child ul { margin:30px 0 180px; }
#worker .sec-service-idx li:last-child ul li { width:auto; margin:0 0 10px; }
#worker .sec-service-idx li:last-child iframe { margin:40px 0 0; }
#worker .tit-tx20-bl { margin:100px 0 0 ; }
#worker ol.flow { margin:50px 0 0; }
#worker ol.flow li { float:none; width:100%; }


/* 働きたい外国籍の方向けサービス - 相談デスク */
#consultation {}
#consultation .sec-case .wd800 { position:relative; }
#consultation .sec-case ul { margin:0 0 0 -30px; }
#consultation .sec-case ul li { width:25%; float:left; }
#consultation .sec-case ul li .inner { margin:0 0 0 30px; }
#consultation .sec-case ul li .cir { border-radius:140px; }
#consultation .sec-case .kazari { position:absolute; bottom:-170px; right:0; }
#consultation .sec-info .inner { margin:0 0 50px; }
#consultation .sec-info p { font-size:16px; }
#consultation .sec-info .cfix { margin:0 0 50px; }
#consultation .sec-info .map { float:right; }
#consultation .sec-info .tbl { margin:15px 0 0; }
#consultation .sec-info .tbl th { font-weight:normal; padding:8px 30px; }
#consultation .sec-info .tbl td { padding:8px 30px; }
#consultation .sec-info .btn-A { margin:25px 0 40px; }
#consultation .sec-info .btn-D { margin:25px 0 0; }


/* ニュース */
#news {}
.pager { width: 1000px; margin: 40px auto 150px; }
.pager { text-align: center; position: relative }
.pager ol { font-size:0; line-height:0; }
.pager ol li { display:inline-block; font-size:14px; letter-spacing:0; line-height:1; margin:0 5px; }
.pager ol li a { color:#000; display:block; padding:15px 10px; border:1px solid #0000; }
.pager ol li a:hover { text-decoration:underline; }
.pager ol li a.cur { color:#fff !important; border: transparent 1px solid; background:#336633; 
	/*background: -moz-linear-gradient(left, #3aa040 0%, #006f44 100%);
	background: -webkit-gradient(linear, left center, right center, from(#3aa040), to(#006f44));
	background: -webkit-linear-gradient(left, #3aa040 0%, #006f44 100%);
	background: linear-gradient(to left, #3aa040, #006f44 100%); */ }


/* リンク集 */
#link { text-align:left; }
#link ul { margin:0 0 60px; }
#link ul li { margin:0 0 15px; }
#link ul li:last-child { margin:0; }
#link ul li a { text-decoration:underline; }
#link .ico-external { padding-left: 5px; }
.sec-link-company { margin:0 0 100px; }
.sec-link-company h4 { color:#ff6600; font-size:18px; border-bottom:1px solid #ff6600; margin:0 0 40px; }
.sec-link-worker { margin:0 0 200px; }
.sec-link-worker h4 { color:#006600; font-size:18px; border-bottom:1px solid #006600; margin:0 0 40px; }


/* センター利用規約 */
#center_terms { text-align:left; }
.sec-center_terms { margin:0 0 200px; }
.sec-center_terms h3 { margin:0 0 40px; }
.sec-center_terms ul { margin:0 0 0 14px; }
.sec-center_terms ul li { margin:0 0 20px; text-indent:-14px; }
.sec-center_terms ul li:last-child { margin:0; }


/* プライバシーポリシー */
#privacy { text-align:left; }
.sec-policy { margin:0 0 200px; }
.sec-policy h3 { font-size:15px; margin:0 0 40px; }
.sec-policy h4 { margin:0 0 10px; }
.sec-policy p { margin:0 0 40px; }
.sec-policy ol li { margin:0 0 40px;  margin:0 0 50px; }
.sec-policy ol li:last-child { margin:0; }
.sec-policy ol li p { margin:0 0 0 28px;  }
.sec-policy .box { background:#fff; padding:15px 20px; margin:10px 0 0 28px; }
.sec-policy .box p { margin:0; }


/* サイトポリシー */
#sitepolicy { text-align:left; }
.sec-sitepolicy { margin:0 0 200px; }
.sec-sitepolicy h3 { margin:0 0 10px; }
.sec-sitepolicy p { margin:0 0 50px; }
.sec-sitepolicy ul li { margin:0 0 50px; }
.sec-sitepolicy ul li:last-child { margin:0; }
.sec-sitepolicy ul li p { margin:0 0 0 20px; }
.sec-sitepolicy .box { background:#fff; padding:15px 20px 15px 34px; margin:10px 0 0 20px; }
.sec-sitepolicy .box ul li { margin:0; text-indent:-14px; }
.sec-sitepolicy .box p { margin:0 0 0 -14px; }


/* お問い合わせ */
#contact h3 { color:#336633; font-size:22px; line-height:1; border:1px solid #336633; padding:15px 20px; margin:0 0 60px; }
#contact .box { border:1px solid #336633; border:1px solid #336633; padding:60px; }
#contact dl { margin-top: 2em }
#contact dt { margin:0 0 1em; font-size:16px; line-height:2; padding:0 10px 0 40px; position:relative; }
#contact dt span { color:#fff; font-size:12px; padding:2px; background:#336633; line-height:1; position:absolute; top:10px; left:0; }
#contact dd { margin:0 0 40px; font-size:16px; line-height:2; }
#contact dd input { width: 90%; border:0; background:#fff; padding:10px; border:1px solid #000 !important }
#contact dd input[type=checkbox] { width: inherit; border:1px solid #000; }
#contact dd textarea { width: 90%; border:0; background:#fff; padding:10px; border:1px solid #000 !important }
#contact dd select {
/* styling */ border: none; border-radius:0; width: 60%; padding:10px; background:url(../img/contact/arw.png) no-repeat, #fff; background-size:13px 7px; background-position: right 15px center; background-repeat: no-repeat;
/* reset */ margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none;}
#contact  #form_submit { text-decoration:none; text-align:center; width:260px; display:inline-block; position:relative; border-radius:40px; background:#336633; 
/*background: -moz-linear-gradient(left, #3aa040 0%, #006f44 100%);
background: -webkit-gradient(linear, left center, right center, from(#3aa040), to(#006f44));
background: -webkit-linear-gradient(left, #3aa040 0%, #006f44 100%);
background: linear-gradient(to left, #3aa040, #006f44 100%);*/ }
#contact  #form_submit input { color:#fff; line-height:1; background:none; border:none; }
#contact  #form_submit .arw { position:absolute; top:50%; right:20px; margin:-5px 0 0; }

#contact dd select { border:1px solid #000; background:#fff; }


 /*  記事詳細ページ */
.detail { margin:60px 0 0; text-align:left; }
.detail-inner { width:1000px; margin:0 auto; }
.detail .sec { width:800px; margin:0 auto 120px; }
.detail .btn-A { margin:60px 0 0; }
.detail .img-bottom { margin:40px 0 0; }

#service-detail .tit { position:relative; border-bottom:1px solid #dcdcdc; padding:0 0 30px; margin:0 0 90px; }
#service-detail .tit .tit-inner { position:absolute; top:0; left:340px; }
#service-detail .tit .tit-inner .accepting { color:#fff; font-size:12px; line-height:1; padding:8px 0 5px; background:rgba(59,160,64); width:150px; text-align:center; position:absolute; top:0; left:160px; }
#service-detail .tit .tit-inner .closed { font-size:12px; line-height:1; padding:8px 0 5px; border:1px solid #000; width:150px; text-align:center; position:absolute; top:0; left:160px; }
#service-detail .tit .tit-inner .finished { font-size:12px; line-height:1; padding:8px 0 5px; border:1px solid #000; width:150px; text-align:center; position:absolute; top:0; left:160px; }
#service-detail .tit .tit-inner h3 { color:#336633; font-size:20px; }
#service-detail .tit .tit-inner .date,#service-detail .tit .tit-inner .read { margin:10px 0 0; }
#service-detail .tit .tit-inner .date,
#service-detail .tit .tit-inner .venue{
	display: flex;
}
#service-detail .tit .tit-inner .date .txt,
#service-detail .tit .tit-inner .venue .txt{
	flex:1;
}
#service-detail .tit .tit-inner .ico { margin:0 0 15px; }
#service-detail .tit .tit-inner .seminar-cate { font-size:12px; line-height:1; text-align:center; padding:8px 0 5px; margin:0 0 10px; background:#ffe400; width:150px; }

#service-detail .instructor li { border-bottom:1px solid #000; padding:0 0 30px; margin:0 0 40px; }
#service-detail .instructor li:last-child { border-bottom:none; padding:0; margin:0; }
#service-detail .instructor li .pic { float:left; margin:0 40px 0 0; }
#service-detail .instructor li h5 { font-size:16px; margin:0 0 20px; }
#service-detail .instructor li .profile { width:600px; float:left; }

#news-detail .tit { position:relative; border-bottom:1px solid #dcdcdc; padding:0 0 20px; margin:0 0 60px; }
#news-detail .tit h3 { color:#336633; font-size:20px; margin:10px 0 0; }
#news-detail .tit .date { font-size:16px; }
#news-detail .tit .cate { color:#fff; font-size:12px; background:#000; width:150px; text-align:center; padding:7px 0; position:absolute; top:0; right:0; }
#news-detail .btn-back { margin:60px 0 0; }

#service-detail .lower-service-menu { padding:60px 0; }



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


	body { font-size:13px; line-height: 1.8; letter-spacing: 0.04em; -webkit-text-size-adjust: none; }

    a { text-decoration:none; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-touch-callout:none; }

	.sp-none { display:none; }
	.pc-none { display:block; }

	.contents { position: relative; z-index:100; padding:55px 0 0; }


	/* header */
	#header-sp { background:#fff; position:fixed; text-align:left; width:100%; max-height: 100vh; overflow-y: auto; z-index:200; display:block }
	#header-sp .header-inner { padding:15px; background:#fff; border-bottom:2px solid #336633 }
	#header-sp .btn-menu { position:absolute; top:0; right:0; padding:12px 15px; }
	#header-sp .sp-menu { display:none; position: relative; box-shadow: 0 2px 6px #666; }
	#header-sp .sp-menu .upper { background:#336633; padding:0 30px 42px; }
	#header-sp .sp-menu .upper li { border-bottom:1px solid #fff; }
	#header-sp .sp-menu .upper a  { font-size:16px; color:#fff; padding:25px 0 10px; display:block; position:relative;  }
	#header-sp .sp-menu .upper a .arw { position:absolute; bottom:20px; right:0; }
	#header-sp .sp-menu .lower { background:#336633; border-top:1px solid #fff; }
	#header-sp .sp-menu .lower li { width:50%; float:left; border-bottom:1px solid #fff; border-right:1px solid #fff; box-sizing:border-box; }
	#header-sp .sp-menu .lower li a { color: #fff; font-size:13px; padding:15px 0 15px 10px; display:block; }
	#header-sp .sp-menu .lower li:last-child { border-right:none; }
	#header-sp .sp-menu .lower li:nth-child(2), #header-sp .sp-menu .lower li:nth-child(4) { border-right:none; }
	#header-sp .sp-menu .tel { text-align: center; border-bottom:1px solid #000; padding: 0 0 10px; position: relative; }
	#header-sp .sp-menu .tel p { font-size: 23px; font-weight: 500; line-height: 1; }
	#header-sp .sp-menu .tel a { padding: 10px 0 0; display: block; }
	#header-sp .sp-menu .tel span { font-size: 10px; display: block; margin: 5px 0 0; }
	#header-sp .sp-menu .tel .ico { position: absolute; top: 12px; left: 50%; margin: 0 0 0 -115px; }
	#header-sp .sp-menu .language { border-bottom:1px solid #000; }
	#header-sp .sp-menu .language li { float: left; width: 33.33% }
	#header-sp .sp-menu .language li a { display: block; padding: 15px 0; font-size:12px; text-align: center }
	#header-sp .sp-menu .sns { font-size:0; text-align:center; padding:10px 0; border-bottom:1px solid #000; }
	#header-sp .sp-menu .sns li { display:inline-block; padding:0 5px; }
	#header-sp .sp-menu .link-tocho { text-align:center; padding:10px 0; }
	#header-pc { display:none; }


	/* footer 
	#footer { padding:20px 0 20px; }
	#footer .footer-inner { width: inherit;  }
	#footer .f-link01 { display:none; }
	#footer .f-link02 { display:none; }
	#footer .copy { font-size:10px; }
	#sp-link-tocho a { display:inline-block; padding:10px 0 15px; margin:0 0 0 -25px; }*/
	
	
	/* footer */
	#footer {}
	#footer .footer-bnr { width: auto; margin: 0 auto 60px; padding: 0 20px; }
	#footer .footer-bnr ul { margin: 0 0 0 -10px; }
	#footer .footer-bnr ul li { width: 50%; margin: 0 0 10px; }
	#footer .footer-bnr ul li .inner { margin: 0 0 0 10px; }
	#footer .footer-inner { width: inherit; padding:20px 0;  }
	#footer .f-link01 { display:none; }
	#footer .f-link02 { display:none; }
	#footer .copy { font-size:10px; }
	#sp-link-tocho a { display:inline-block; margin:0 0 0 -25px; }
	.common-access { padding:0 20px 40px; margin:25px 0 0; min-width: inherit; }
	.common-access .inner { padding:30px 0 0; }
	.common-access .cfix { width:auto; }
	.common-access h3 { margin:0 0 30px; }
	.common-access h3 img { height:32px; }
	.common-access h4 { font-size:22px; margin:0 0 10px; }
	.common-access .tx-l { width:100%; margin:0 0 20px; }
	.common-access .tx-l p { color:#000; }
	.common-access .tx-l p span { font-size:14px; margin:5px 0 0; }
	.common-access .map-r { width:100%; }


	/* pagetop */
	#pagetop { position: fixed; right: 5px; bottom: 0;  }
	#pagetop img { height:40px; }


	/* topic-path */
	.topic-path { display:none; }



	/* -- ▼ 汎用性のあるstyle -- */

	/* -- ボタン -- */
	.btn-C { text-align:center; }
	.btn-C ul { width:100%; margin:0 auto; }
	.btn-C li { width:100%; }
	.btn-C ul li:first-child { float:none; margin:0 0 10px; }
	.btn-C ul li:last-child { float:none; }
	
	.btn-D a { width:240px; font-size:14px; padding:22px 10px; }
	
 	.btn-mail-magazine a { width:auto; font-size:12px; padding:20px 15px; line-height:1.6; }
	.btn-mail-magazine a span { font-size:15px; }
	.btn-mail-magazine .ico { position:absolute; top:10px; right:10px; }

	.lower-service-menu { padding:0; }
	section.lower-service-menu h4 { font-size:17px; padding:0 0 10px; margin:0 0 30px; }
	.lower-service-menu ul li,
	.lower-service-menu.lower-service-menu_comp ul li { width:50%; margin:0 0 40px; }
	.lower-service-menu ul li .ico { height:30px; margin:0 0 15px; }
	.lower-service-menu ul li .btn a { margin:8px auto 0; }


	/* -- レイアウト -- */
	.sec-inner { width:inherit; padding:0 20px; }

	section.sec { margin:0 0 70px; padding:0 20px; width:auto;  }

	.wd800 { width: inherit; }

	ul.clm-3 { margin:0; }
	ul.clm-3 li { width:100%; margin:0 0 40px; }
	ul.clm-3 li:last-child { margin:0; }
	ul.clm-3 li .inner { margin:0; }

	ol.target li.s-tit { margin:0 0 10px; }

	ol.flow li { padding:0 0 0 50px; margin:0 0 20px; }
	ol.flow li span { font-size:15px; margin:0 0 5px; display:inline-block; }
	ol.flow li .num { position:absolute; top:0; left:0; height:40px; }

	.tbl th { font-size:13px; padding:15px;  }
	.tbl td { font-size:13px; padding:15px; }

	.tbl02 { width:600px; }
	.tbl02 th { font-size:13px; padding:15px; }
	.tbl02 td { font-size:13px; padding:15px; }
	.tbl02 td h5 { margin:0 0 10px; }

	.tbl03 { width:600px; }
	.tbl03 thead th.l { width:230px; }
	.tbl03 thead th.c { width:290px; }
	.tbl03 thead th.r { width:280px; }
	.tbl03 th { font-size:13px; padding:15px; }
	.tbl03 td { font-size:13px; padding:15px; }

	.entry-btn-area { margin:0 0 100px; }
	.entry-btn-area  h4 {font-size:16px; margin:30px 0 0; }
	.entry-btn-area .btn-A { margin:10px 0 0; padding:15px 0 0; }
	.entry-btn-area .btn-C { margin:10px 0 0; }

	.consultation-box { margin:40px 0 0; }
	.consultation-box h5 { position:absolute; top:0; left:0; }
	.consultation-box h5 span { font-size:10px; line-height:0; background:#fbf4cc; width:60px; height:60px; text-align:center; display:table-cell; vertical-align:middle; border-radius:80px; }
	.consultation-box h6 { margin:0 0 10px; font-size:13px; }
	.consultation-box ul li { font-size:13px; }
	.consultation-box li.block { margin:0 0 30px; }
	.consultation-box li:last-child .block { margin:0; }
	.consultation-box li.block .txt { margin:0 0 0 70px; padding:0 0 0 10px; border-left:1px solid #595754; }
	.consultation-box li.block .txt ul { margin:0 0 0 14px; }
	.consultation-box li.block .txt ul li { text-indent:-14px; }

	.scroll_list{
 	margin: 0 auto;
 	padding: 0;
 	overflow-x: auto;  /* 横スクロールの指定 */
 	white-space: nowrap;  /* 横スクロールの指定 */
 	overflow-scrolling: touch;  /* スクロールを滑らかにする */
 	-webkit-overflow-scrolling: touch;  /* スクロールを滑らかにする */ }


	/* -- タイトル -- */
	.page-tit { width:auto; margin:0 auto 30px; }
	.page-tit .tit01 { font-size:17px; position:absolute; top:50%; left:20px; margin:-8px 0 0; }
	.page-tit .tit02 { font-size:17px; padding:30px 20px; }

	.big-tit { font-size:30px; margin:0 0 20px; }
	.big-tit span { font-size:12px; margin:8px 0 0; }

	.tit-bg-or { font-size:17px; padding:8px 10px; margin:0 0 15px; }
	.tit-bg-gr { font-size:17px; padding:8px 10px; margin:0 0 15px; }

	.tit-tx20-bl { font-size:16px; padding:0 0 3px; }

	.tit-tx18-gr { font-size:15px; padding:0 0 0px; margin:0 0 15px; }



	/* -- ▼ 汎用性のあるsection -- */

	/* -- READ -- */
	.sec-read { font-size:15px; margin:0 0 40px; }


	/* -- NEWS -- */
	.sec-news { margin:0 0 100px; }
	.sec-news .big-tit { margin:0 auto 20px; }
	.sec-news .news-box .nav { margin:0 0 10px -5px; width:600px; }
	.sec-news .news-box .nav li a { margin:0 0 0 5px; font-size:11px; }
	.sec-news .news-box .list { padding:30px 0 10px; }
	.sec-news .news-box .list li { margin:0 0 20px; }
	.sec-news .news-box .list li .date { position:static; }
	.sec-news .news-box .list li .cate { font-size:10px; padding:5px 0; margin:0 0 0 10px; width:130px; position:static; }
	.sec-news .news-box .list li a { padding:0; }
	.sec-news .news-tit { display:block; margin:5px 0 0; }
	.sec-news .btn-A { margin:30px 0 0; }


	/* -- ACCESS -- */
	.sec-access { margin:0 0 100px; }
	.sec-access .big-tit { margin:0 auto 20px; }
	.sec-access .info { margin:0 0 20px; }
	.sec-access .info .pic { width:100%; margin:0 0 20px; }
	.sec-access .info table { width:100%; position:static; }
	.sec-access .info th { font-size:14px; padding:0; width:30%;  }
	.sec-access .info td { padding:0 0 10px; }


	/* -- IDX-SERVICE -- */
	.sec-service-idx { margin:0 0 100px; }
	.sec-service-idx .mov { width: 100%; height: 0; position: relative; padding-top: 56.25%; overflow: hidden; }
	.sec-service-idx .mov iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }
	.sec-service-idx ul { margin:40px 0 0; }
	.sec-service-idx ul li { width:100%; margin:0 0 20px }
	.sec-service-idx ul li .inner { margin:0; padding:20px 20px 20px; }
	.sec-service-idx ul li h3 { font-size:14px; margin:15px 0 10px; }
	.sec-service-idx ul li p { font-size:13px; margin:0 0 15px; }


	/* -- SERVICE -- */
	.sec-service { margin:0 0 100px; }
	.sec-service .box li { width:100%; margin:0 0 20px; text-align:center; }
	.sec-service .box li .inner { padding:0 40px; }
	.sec-service .box li .kazari { position:static; width:120%; margin:-30% 0 0 -10%;}


	/* -- EVENT -- */
	.sec-event { margin:0 0 100px; }
	.sec-event .pic { padding:0 20px; }
	.sec-event .seminar-cate { font-size:11px; width:130px; }
	.sec-event .date { font-size:15px; padding:0 0 8px; margin:0 0 10px; }
	.sec-event .date span { font-size:24px; }
	.sec-event h4 { margin:0 0 10px; line-height:1.4; }
	.sec-event .btn-A { margin:50px 0 0; }
	.sec-event .related-title {color: #336633;
    font-size: 22px;
    line-height: 1;
    border-bottom: 1px solid #336633;
    padding: 0 0 20px;
    margin: 0 0 40px;
    text-align: left;
	}

	/* -- FAQ -- */
	.sec-faq { margin:0 0 100px; }
	.sec-faq ul { padding:20px 0 0; }
	.sec-faq ul li { padding:0 0 15px; margin:0 0 15px; }
	.sec-faq ul .q { font-size:15px; padding:0 0 0 40px; margin:0 0 20px; }
	.sec-faq ul .a { position:relative; padding:0 0 0 40px; }
	.sec-faq ul .q .ico-q { position:absolute; top:0; left:0; }


	/* -- INFORMATION -- */
	.sec-info { margin:0 0 100px; }


	/* -- STEP -- */
	.sec-step { margin:0 0 100px; }
	
	
	/* -- CASE -- */
	.sec-case { margin:0 0 100px; }


	/* -- VOICE -- */
	.sec-voice { margin:0 0 100px; }
	.sec-voice .campany-box { padding:30px 20px 40px; text-align:center; }
	.sec-voice .campany-box h4 { font-size:15px; width:120px; height:120px; position:static; margin:0 auto 30px; }
	.sec-voice .worker-box { padding:30px 20px 40px; text-align:center; }
	.sec-voice .worker-box h4 { font-size:15px; width:120px; height:120px; position:static; margin:0 auto 30px; }
	.sec-voice ul li p { padding:15px 0; }


	/* -- PROFILE -- */
	.sec-profile { margin:0 0 100px; }
	.sec-profile ul li { padding:20px; margin:0 0 10px; }
	.sec-profile ul li:last-child { margin:0}
	.sec-profile ul li .pic { position:static; text-align:center; margin:0 0 15px; }
	.sec-profile ul li .txt { margin:0; padding:0; border-left:none; border-top:1px solid #336633; }
	.sec-profile ul li h4 { font-size:20px; margin:10px 0 0; }
	.sec-profile ul li h4 span { font-size:13px; }
	.sec-profile ul li .position { font-size:14px; margin:0 0 10px; }
	
	
	/* -- CONTENTS -- */
	.sec-contents { margin:0 0 100px; }
	.sec-contents p { font-size:14px; }
	
.sec-contents .figure-sp { margin:40px 0 25px; }
.sec-contents .figure-sp li:first-child { float:left; width:18.3%; }
.sec-contents .figure-sp li:last-child { float:left; width:81.7%; }


.sec-contents .figure-sp .fltL { width:49%; }
.sec-contents .figure-sp .fltR { width:49%; }


	.sec-contents .btn-seminar { margin:0; }
	.sec-contents .btn-seminar li { width:100%; margin:0 0 20px; }
	.sec-contents .btn-seminar li:last-child { margin:0; }
	.sec-contents .btn-seminar li .inner { margin:0; }

	.sec-contents .btn-seminar a { width:240px; margin:0 auto; }

.sec-contents .btn-seminar .arw { position:absolute; top:50%; right:20px; margin:-5px 0 0; }
	
	.sec-contents .btn-seminar span { font-size:11px; line-height:1.4; margin:5px 0 0; }


	/* -- MOVIE -- */
	.mov { position:relative; width:100%; padding-top:56.25%; margin-bottom:100px; }
	.mov iframe { position:absolute; top:0; right:0; width:100%; height:100%; }


 /* --- ▼各ページstyle-- */

	/* トップページ */
	#main {}
	#main .sec-inner { padding: 0 }
	#main .slider { position: relative; width: 100vw; height: 56.3vw }
	#main .slider .bullets { bottom: 0; }
	#main .slider .arw-prev, #main .slider .arw-next { width: 30px; margin-top: -15px }
	.sec-top-intro { padding:40px 0; margin:0 0 100px; }
	.sec-top-intro h2 { font-size:18px;  margin:0 0 20px; text-align:left; }
	.sec-top-intro p { text-align:left; }
	.sec-top-intro ul { margin:30px 0 0; }
	.sec-top-intro ul li { display:block; margin:0 0 10px; }
  .sec-top-intro .mov { width: 100%; height: 0; position: relative; padding-top: 56.25%; overflow: hidden; }
  .sec-top-intro .mov iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }
  	.sec-top-service { margin:0 0 100px; }
	.sec-top-service .big-tit { width:auto; margin:0 auto; padding:0 20px; }
	.sec-top-service .block { margin:0 0 50px; background:none; padding:0; }
	.sec-top-service .block .block-inner { width:auto; }
	.sec-top-service .block .block-inner .fltL { width:auto; padding:20px; }
	.sec-top-service .block .block-inner .fltR { width:auto; padding:20px; }
	.sec-top-service .block .block-inner .fltL h4 span { font-size:12px; }
	.sec-top-service .block .block-inner .fltR h4 span { font-size:12px; }
	.sec-top-service .block .block-inner .fltL .cir img { margin:0 0 10px; width:80px; }
	.sec-top-service .block .block-inner .fltR .cir img { margin:0 0 10px;  width:80px; }
	.sec-top-service .block .block-inner h4 { font-size:18px; margin:0 0 20px; }
	.sec-top-service .block .block-inner p { margin:0 0 20px; }
	.sec-top-service .block .block-inner ul { margin:0 0 15px -8px; }
	.sec-top-service .block .block-inner ul li a { padding:10px 5px; font-size:11px; }
	.sec-top-service .block .block-inner ul li span { width:65%; }
	.sec-top-service .block .block-inner ul li .ico { width:35px; }
	.sec-top-service .btn-mail-magazine { padding:0 20px; }
  /*追加*/
  .sec-top-intro h3 { font-size:15px;  margin:0 0 40px; text-align:left; }

	/* センターの紹介 */
	.sec-intro { margin:0 0 100px; }
	.sec-intro .sec-inner { padding:0; }
	.sec-intro .pic { padding:0; }
	.sec-intro .pic img { width:100%; }
	.sec-intro .box { width:auto; text-align:left; position:static; top:0; left:0; padding:20px; }
	.sec-intro .box h3 { font-size:18px; margin:0 0 20px; }
	.sec-intro .box p { font-size:14px; }
	.sec-intro .block-company { margin:50px 0 0; padding:0 20px; }
	.sec-intro .block-company h5 { color:#ff6600; font-size:18px; line-height:1; margin:20px 0 15px; }
	.sec-intro .block-worker { margin:50px 0 0; padding:0 20px; }
	.sec-intro .block-worker h5 { color:#006600; font-size:18px; line-height:1; margin:20px 0 15px; }
	.sec-intro .clm-3 p { margin:0 0 20px; }
	.sec-floor-guide { margin:0 0 100px; }
	.sec-floor-guide .read { font-size:15px; margin:0 0 20px; }
	.sec-floor-guide ul li { margin:0 0 40px; }
	.sec-floor-guide ul li .box { width:auto; margin:-30px 20px 0; padding:20px; }
	.sec-floor-guide ul li .box h4 { font-size:18px; margin:0 0 10px; }
	.sec-floor-guide ul li .box p { font-size:13px; }


	/* 企業様向けサービス */
	#company .sec-service-idx ul li .ico { height: inherit; }


	/* 企業様向けサービス - 一般相談 */
	#general .lower-service-menu { padding:30px 0 0; }


	/* 企業様向けサービス - 専門家相談 */
	#expert .lower-service-menu { padding:30px 0 0; }
	#expert .tbl03 td span { font-size:18px; }


	/* 企業様向けサービス - セミナー */
	#seminar .box { margin:0; }
	#seminar .box .inner { margin:0; }


	/* 企業様向けサービス - セミナー一覧 */
	#seminar-all .sec-event ul li { margin:0 0 40px; }


	/* 企業様向けサービス - 合同企業説明会 */
	.sec-result { margin:0 0 70px; padding:0;  }
	.sec-result h3 { font-size:18px; }
	.sec-result h3 span { display:block; }
	.sec-result ul { width:auto; }
	.sec-result ul li { width:100%; margin:0 0 20px; }
	.sec-result ul li:last-child { margin:0; }
	.sec-result ul li .inner { margin:0; padding:0 30px;}
	#session .sec-voice ul { margin:30px 0 0; }
	#session .sec-voice ul li { width:100%; margin:0 0 30px; }
	#session .sec-voice ul li:last-child { margin:0; }
	#session .sec-voice ul li .inner { margin:0; }
	#session .sec-voice .worker-box { margin:0 0 20px; }
	#session .sec-voice .worker-box ul li .ico { height:inherit; }
	#session .sec-voice .campany-box ul li .ico { height:inherit; }
	#session .sec-voice ul li .ico img { position:static; width:50px; }


	/* 企業様向けサービス - インターンシップ */
	#intern .notes { font-size:11px; margin:10px 0 0; }
	#intern .btn-A { margin:40px 0 0; }
	#intern .sec-service .box { margin:0; padding:0 ; }
	#intern .sec-service .box li .inner { margin:0; }
	#intern .sec-service .box li:last-child { margin:0; }
	#intern .sec-service h4 { margin:40px 0 10px; }
	#intern .sec-step .flow { padding:10px 0 0; }
	#intern .sec-step .flow li { padding:0 0 20px 50px; margin:0 0 20px; }
	#intern .sec-voice .campany-box { margin:0 0 20px; }
	#intern .sec-voice ul li .ico img { position:static; width:50px; }

  #intern .note-red {
      width: inherit;
      font-size: 15px;
      margin: 0 20px 40px;
      text-align: left;
      padding: 20px;
  }

	/* 企業様向けサービス - コンサルティング */
	#consulting .read { font-size:15px; }
	#consulting .notes { font-size:11px; margin:10px 0 0; line-height:1.6; }
	#consulting .sec-step .notes { margin:10px 0 0; }
	#consulting .btn-A { margin:40px 0 0; }
	#consulting .tit-tx20-bl { margin:0 0 15px; }
	#consulting .list-left-square li { font-size:14px; margin:0; }
	#consulting .sec-service .box { padding:0; margin:0 0 20px; }
	#consulting .sec-service .box .inner { margin:0; }
	.sec-visual { padding:30px 0; margin:0 0 70px; }
	.sec-visual h3 { font-size:24px; margin:0 0 15px; }
	.sec-visual h4 { font-size:12px; padding:0 0 10px; margin:0 0 10px; line-height:2; }
	.sec-visual h4 span { font-size:18px; display:inline-block; line-height:1.4; margin:5px 0 0; }
	.sec-visual ul { font-size:0; margin:0 0 10px -5px; }
	.sec-visual ul li { font-size:14px; padding:6px; margin:0 5px;}
	.sec-visual ul li span { font-size:9px; }
	.sec-visual .parts { position:static; text-align:center; margin:20px 0 0; padding:0 70px; }
	.sec-visual .parts img { width:100%; height:auto; }
	#consulting .sec-case .box { padding:20px; margin:20px 0 0; }
	#consulting .sec-case h4 { font-size:16px; padding:0 0 5px 0; margin:0 0 15px; }
	#consulting .sec-case h4 span { font-size:11px; padding:6px;  position:static; display:inline-block; margin:0 0 10px; }
	#consulting .sec-case .flow { margin:30px 0 0; }
	.sec-consultant { margin:0 0 100px; }
	.sec-consultant .block { padding:25px 0 20px; margin:20px 0 0; text-align:center; }
	.sec-consultant h4 { font-size:14px;  position:static; margin:0 0 20px; text-align:left; }
	.sec-consultant .ico img { width:50px; }
	.sec-consultant ul li { margin:0 0 20px; text-align:left; }
	.sec-consultant ul li:last-child { margin:0; }
	.sec-consultant ul li span { padding:8px 6px 6px; margin:0 0 10px; }
	.sec-consultant .ico { margin:0 auto 10px; }


	/* 企業様向けサービス - お役立ち情報 */
	#useful h3 { font-size:17px; margin:0 0 20px; }
	.sec-manual-dl { margin:0 0 50px; }
	.sec-manual-dl ul li { margin:0 0 15px; }
	.sec-manual-dl ul li:last-child { margin:0; }
	.sec-manual-dl ul li a { font-size:13px; padding:0 20px 0 0; }
	.sec-manual-dl ul li a .ico { position:absolute; bottom:-1px; right:0; height:16px; }
	.sec-manual-dl .sec-manual-dl-flexbox .inner-right p strong { font-size:16px; }
	.sec-accepting-info { margin:0 0 100px; }
	.sec-accepting-info ul li { margin:0 0 40px; }
	.sec-accepting-info ul li .pic { margin:0 20px; }
	.sec-accepting-info ul li h4 { font-size:15px; margin:0 0 5px; }
		/* 追記 */
		.sec-manual-dl-flexbox { display: block; }
		.sec-manual-dl-flexbox .inner-left { width: 100%;}
		.sec-manual-dl-flexbox .inner-left img { display: block; margin: 0 auto; }
		.sec-manual-dl-flexbox .inner-left p { margin-bottom: 40px;}
		.sec-manual-dl-flexbox .inner-right { width: 100%;}
	


	/* 働きたい外国籍の方向けサービス */
	#worker .sec-service-idx ul li .ico { height: inherit; }
	#worker .sec-service-idx li:last-child { width:auto; margin:0; }
	#worker .sec-service-idx li:last-child .btn-B a { width:100%; line-height:1.4; padding:15px 0 10px; }
	#worker .sec-service-idx li:last-child ol.flow li:last-child { width:auto; }
	#worker .sec-service-idx li:last-child ul { margin:15px 0 160px; }
	#worker .sec-service-idx li:last-child iframe { margin:20px 0 0; width:100%; height:500px; }
	#worker .tit-tx20-bl { margin:40px 0 0 ; }
	#worker ol.flow { margin:20px 0 0; }
	#worker ol.flow li { width:auto; }
	
	
	/* 働きたい外国籍の方向けサービス - 相談デスク */
	#consultation .sec-case ul { margin:0 0 0 -10px; }
	#consultation .sec-case ul li { width:50%; margin:0 0 10px; }
	#consultation .sec-case ul li .inner { margin:0 0 0 10px; }
	#consultation .sec-case .kazari { position:static; width:90%; height:auto; }
	#consultation .sec-info .inner { margin:0 0 40px; }
	#consultation .sec-info p { font-size:13px; }
	#consultation .sec-info .cfix { margin:0 0 30px; }
	#consultation .sec-info .map { float:none; margin:0 0 15px; }
	#consultation .sec-info .map img { width:100%; }
	#consultation .sec-info .btn-A { margin:10px 0 30px; }
	#consultation .sec-info .btn-D { margin:10px 0 0; }


	/* ニュース */
	.pager { width: auto; margin: 30px auto 80px; }
	.pager ol li { font-size:12px; margin:0 5px 10px; }


	/* リンク集 */
	#link ul { margin:0 0 30px; }
	#link ul li { margin:0 0 15px; }
	.sec-link-company { margin:0 0 50px; }
	.sec-link-company h4 { font-size:16px;  margin:0 0 20px; }
	.sec-link-worker { margin:0 0 100px; }
	.sec-link-worker h4 { font-size:16px; margin:0 0 20px; }


	/* プライバシーポリシー */
	.sec-policy { margin:0 0 100px; }
	.sec-policy h3 { margin:0 0 20px; }
	.sec-policy h4 { margin:0 0 5px; }
	.sec-policy p { margin:0 0 30px; }
	.sec-policy ol li { margin:0 0 40px; }


	/* センター利用規約 */
	.sec-center_terms { margin:0 0 100px; }
	.sec-center_terms h3 { margin:0 0 20px; }
	.sec-center_terms ul { margin:0 0 0 13px; }
	.sec-center_terms ul li { margin:0 0 10px; text-indent:-13px; }


	/* サイトポリシー */
	.sec-sitepolicy { margin:0 0 100px; }
	.sec-sitepolicy h3 { margin:0 0 5px; }
	.sec-sitepolicy p { margin:0 0 30px; }
	.sec-sitepolicy ul li { margin:0 0 40px; }
	.sec-sitepolicy .box { padding:10px 15px 10px 25px; }
	.sec-sitepolicy .box ul li { margin:0; text-indent:-13px; }
	.sec-sitepolicy .box p { margin:0 0 0 -13px; }


	/* お問い合わせ */
	#contact h3 { font-size:16px; padding:10px; margin:0 0 20px; }
	#contact .box { padding: 30px 20px 40px; margin: 0 }
	#contact dt { font-size:14px; line-height:1; padding: 0 0 0 40px; }
	#contact dt span { font-size:10px; position:relative; top: inherit; left: inherit; margin-right: 0.4em  }
	#contact dd { margin:0 0 25px; }
	#contact dd input { width: 80%; border:0;  background:#fff; padding:10px;}
	#contact dd textarea  { width: 80%; border:0;  background:#fff; padding:10px;}
	#contact dd select { padding:10px;}
	#contact dt.non { padding:0 !important; }
	#contact  #form_submit { width:100%; }


	 /*  記事詳細ページ */
	.detail { margin:40px 0 0; }
	.detail-inner { width: inherit; padding:0 20px; }
	.detail .sec { width: inherit; margin:0 auto 60px; }
	.detail .btn-A { margin:60px 0 0; }
	.detail .img-bottom { margin:20px 0 0; }

	#service-detail .tit { padding:0 0 30px; margin:0 0 40px; }
	#service-detail .tit .tit-inner { position:static; }
	#service-detail .tit .tit-inner .accepting,#service-detail .tit .tit-inner .closed,#service-detail .tit .tit-inner .finished { font-size:10px; width:130px; text-align:center; position:absolute; top:0; left:135px; }
	#service-detail .tit .tit-inner h3 { font-size:16px; line-height:1.6; }
	#service-detail .tit .tit-inner .date { margin:10px 0 0; }
	#service-detail .tit .tit-inner .ico { margin:0 0 15px; }
	#service-detail .tit .tit-inner .seminar-cate { font-size:10px; width:130px; }
	#service-detail .tit .pic { margin:15px 0 0; }
	#service-detail .tit .pic img { width:100%; }

	#service-detail .instructor li { border-bottom:1px solid #dcdcdc; padding:0 0 30px; margin:0 0 40px; }
	#service-detail .instructor li:last-child { border-bottom:none; padding:0; margin:0; }
	#service-detail .instructor li .pic { float:none; margin:0 0 20px; text-align:center; }
	#service-detail .instructor li h5 { font-size:14px; margin:0 0 10px; }
	#service-detail .instructor li .profile { width:auto; float:left; }

	#news-detail .tit { padding:0 0 10px; margin:0 0 40px; }
	#news-detail .tit h3 { color:#336633; font-size:20px; margin:10px 0 0; }
	#news-detail .tit .date { font-size:16px; }
	#news-detail .tit .cate { font-size:10px; width:130px; padding:5px 0; }
	#news-detail .btn-back { margin:30px 0 0; }

	#service-detail .lower-service-menu { padding:30px 0 10px; }
}




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


	/* header */
	#header-sp .sp-menu .upper a  { font-size:13px; }
	#header-sp .sp-menu .lower li a { font-size:9px; }


	 /* --- ▼各ページstyle-- */

	/* トップページ */
	.sec-top-service .block .block-inner h4 { font-size:17px; }
	.sec-top-service .block .block-inner ul li a { font-size:10px; }
}

.wd800 p.contact_call {
    text-align: center;
    font-size: 1.3em;
}

p.contact_call a {
    color: green;
    text-decoration: underline;
    font-weight: 500;
}

/*20220520追加*/
h3.bordernone {
    border: none;
}

/* SNSシェアボタン */
.sns-share-parts{
	margin-top: 30px;
	width: 100%;
	display: flex;
	align-items: top;
	justify-content: flex-end;
}
.sns-share-parts li {
	line-height: 1;
}

.sns-share-parts li + li {
	margin-left: 7px;
}

/* 23-05
外国人材向けイベント*/

/* 外国人材向けイベント　一覧 */
.sec-tab{
	width: 1000px;
	margin: 0 auto 60px;
}
@media screen and (max-width: 780px){
	.sec-tab{
		width: 100%;
    padding: 0 20px;
		box-sizing: border-box;
	}
}
.sec-tab .tab-list{
	display: flex;
	justify-content: space-between;
}
.sec-tab .tab-list-item{
	width: calc(25% - 15px);
}
@media screen and (max-width: 570px){
	.sec-tab .tab-list{
		flex-wrap: wrap;
	}
	.sec-tab .tab-list-item{
		width: calc(50% - 10px);
		margin-bottom: 10px;
	}
}
.sec-tab .tab-list-item a{
	background: #fff;
	color: #336633;
	font-weight: bold;
	border: 1px solid #336633;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px;
	transition: .4s;
}
.sec-tab .tab-list-item a:hover{
	opacity: .7;
}
.sec-tab .tab-list-item.active a{
	background: #336633;
	color: #fff;
	position: relative;
}
.sec-tab .tab-list-item.active a::after{
	content: "";
	position: absolute;
	bottom: -25px;
	left: 0;
	right: 0;
	margin: auto;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 25px 10px 0 10px;
	border-color: #336633 transparent transparent transparent;
}
@media screen and (max-width: 570px){
	.sec-tab .tab-list-item a{
	}
	.sec-tab .tab-list-item.active a{
		position: static;
	}
	.sec-tab .tab-list-item.active a::after{
		content:none;
	}
}


/* 外国人材向けイベント　詳細 */
.fe-logoimg_wrap{
	display: flex;
	justify-content:start;
	align-items: start;
	flex-wrap: wrap;
}
.fe-logoimg_item{
	width:calc(25% - 11.5px);
	margin-right: 15px;
	display: block;
	margin-top: 15px;
	transition: .4s;

}
.fe-logoimg_item:hover{
	opacity: .7;
}

.fe-logoimg_item:nth-child(-n+4){
	margin-top: 0;
}
.fe-logoimg_item:nth-child(4n){
	margin-right: 0;
}
.fe-logoimg_item img{
	max-width: 100%;
	height: auto;
}
.fe-logoimg_title{
	margin-top: 5px;
	text-align: center;
}