@charset "utf-8";
/* ===================================================================
CSS information

 file name  : sp.css
 style info : スマートフォン用
=================================================================== */

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

/* -----------------------------------------------------------
    toggle-panel
----------------------------------------------------------- */
#panel-btn {
	display: block;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 50%;
	right: 5%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	cursor: pointer;
	z-index: 1000;
}

#panel-btn:after {
	content: "MENU";
	position: absolute;
	bottom: -1.5em;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	font-size: 0.9rem;
	font-weight: bolder;
	color: #fcb800;
	letter-spacing: 0.15em;
}

.open #panel-btn:after {
	content: "CLOSE";
	position: absolute;
	bottom: -1.5em;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	font-size: 0.9rem;
	font-weight: bolder;
	color: #fcb800;
	letter-spacing: 0.15em;
}

#panel-btn:hover {
	opacity: 1;
}

#panel-btn-icon {
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	width: 30px;
	height: 2px;
	margin: -1px 0 0 -7px;
	background: #ffffff;
	transition: .2s;
}

#panel-btn-icon:before,
#panel-btn-icon:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	width: 30px;
	height: 2px;
	margin-left: 0;
	background: #ffffff;
	transition: .3s;
}

#panel-btn-icon:before {
	margin-top: -10px;
}

#panel-btn-icon:after {
	margin-top: 8px;
}

#panel-btn .close {
	background: transparent;
}

#panel-btn .close:before,
#panel-btn .close:after {
	margin-top: 0;
	background: #ffffff;
}

#panel-btn .close:before {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}

#panel-btn .close:after {
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
}

#g_nav {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	flex-direction: column;
	-webkit-flex-direction: column;
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	color: #ffffff;
	background: rgba(7,66,154,.9);
	-webkit-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
	visibility: hidden;
    opacity: 0;
	z-index: 999;
	padding: 15%;
}

.open #g_nav {
	-webkit-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
    visibility: visible;
    opacity: 1;
}

#g_nav a:link,
#g_nav a:visited,
#g_nav a:hover,
#g_nav a:active {
	color: #ffffff;
}


/* -----------------------------------------------------------
    header
----------------------------------------------------------- */

header > .header_up {
	padding: 10px 5%;
	background: #ededed;
}

header > .header_up > .inner > div {
	text-align: right;
}

header > .header_inner .inner {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}

header > .header_inner {
	background: #07429a;
	color: #fff;
	padding: 20px 5%;
	position: relative;
}


header > .header_inner .inner h1 a > span {
	display: block;
}

header > .header_inner .inner h1 a > span:first-child {
	font-size: 31px;
	font-size: 3.1rem;
	font-weight: bold;
	color: #fff;
}

header > .header_inner .inner h1 a > span:nth-child(2) {
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	color: #fff;
}

header > .header_inner .inner > div p {
	display: none;
}

header > .header_inner .inner > div p a:before {
	font-family: FontAwesome;
    content: " \f003";
    padding-right: 0.8em;
}

/* -----------------------------------------------------------
    グローバルナビゲーション
----------------------------------------------------------- */

header > .header_inner .inner > div nav {
	margin-top: 0;
}

header > .header_inner .inner > div nav > p {
	display: block;
	margin: 60px auto 0;
}

header > .header_inner .inner > div nav ul {
	flex-direction: column;
	-webkit-flex-direction: column;
	justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
}

header > .header_inner .inner > div nav ul li:not(:first-child) {
	margin-left: 0;
	margin-top: 40px;
}

/* -----------------------------------------------------------
    下層ページ メイン　共通
----------------------------------------------------------- */

#lower .main h2 {
	font-size: 30px;
	font-size: 3rem;
}

#lower .main > div {
	padding: 0 5%;
}


/* -----------------------------------------------------------
    下層ページ パンくず
----------------------------------------------------------- */
.Breadcrumbs ul {
	width: 100%;
	padding: 0 5%;
}

.Breadcrumbs ul li a {
	font-size: 12px;
}


/* -----------------------------------------------------------
    #lower　contents共通　padding
----------------------------------------------------------- */
#lower main #contents {
	padding: 6% 5%;
}



/* -----------------------------------------------------------
    footer
----------------------------------------------------------- */
footer .fNav {
	background: #383838;
	padding: 20px 5%;
}
footer .fNav .inner ul{
	display: flex;
	display: -webkit-flex;
	align-items: stretch;
	-webkit-align-items: stretch;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}
footer .fNav .inner ul li {
	flex: 0 1 calc(50% - 10px);
	-webkit-flex: 0 1 calc(50% - 10px);
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	padding: 10px;
	border: 1px solid #fff;
}
footer .fNav .inner ul li:not(:first-child) {
	margin-left: 0;
}
footer .fNav .inner ul li:nth-child(2n) {
	margin-left: 20px;
}
footer .fNav .inner ul li:nth-child(n+3) {
	margin-top: 20px;
}

footer .fFoot {
	padding: 20px 5%;
	background: #4d4d4d;
}
footer .fFoot .inner > div {
	display: block;
}
footer .fFoot .inner > div:first-child p span {
	display: block;
	text-align: center;
}
footer .fFoot .inner > div:first-child p span:first-child {
    font-size: 31px;
    font-size: 3.1rem;
    font-weight: bold;
    color: #fff;
}
footer .fFoot .inner > div:first-child p span:nth-child(2) {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    color: #fff;
}
footer .fFoot .inner > div:first-child > div {
    width: 100%;
	margin-top: 20px;
}
footer .fFoot .inner > div:nth-child(2) {
    margin-top: 5%;
}
footer .fFoot .inner > div:nth-child(2) > dl:nth-of-type(n+2) {
    margin-top: 5%;
}

/* -----------------------------------------------------------
    .tit_01　見出し　共通
----------------------------------------------------------- */
.tit_01 {
	font-size: 25px;
	font-size: 2.5rem;
}

.tit_01:before , .tit_01:after {
	content: '';
	width: 8%;
}

.tit_01:before {
	left: -30px;
}

.tit_01:after {
	right: -30px;
}


#top main #contents > section:nth-of-type(3) .tit_01 {
	font-size: 25px;
	font-size: 2.5rem;
}

#top main #contents > section:nth-of-type(3) .tit_01:before , #top main #contents > section:nth-of-type(3) .tit_01:after {
	content: '';
	width: 8%;
}


/* -----------------------------------------------------------
    inner
----------------------------------------------------------- */
.inner {
	max-width: 100%;
	min-width: 0;
	width: 100%;
	margin: 0 auto;
}

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

/*　メイン画像　*/

#top .main .slider article {
	height: 70vh;
}

#top .main .slider article h2 {
	font-size: 40px;
	font-size: 4rem;
}

#top .main .slider article p {
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
}

#top .main .slider article section {
	width: 100%;
	margin: 0;
	padding: 0 5%;
}

/*　ニュースボックス　*/
#top .news_box {
	padding: 20px 5%;
	background: #07429a;
}

#top .news_box dl {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	width: 100%;
	margin: 0 auto;
	color: #fff;
}

#top .news_box dl dt {
	font-size: 20px;
	font-size: 2rem;
	font-weight: bold;
}

#top .news_box dl dd {
	padding-left: 20px;
	margin-left: 20px;
	border-left: 1px dotted #ffffff;
	font-size: 14px;
	font-size: 1.4rem;
}

#top .news_box dl dd a {
	color: #fff !important;
	text-decoration: underline;
	margin-left: 0;
	margin-top: 20px;
	display: block;
}


#top main #contents > section:first-of-type .inner > div {
	display: block;
	margin-top: 5%;
}

#top main #contents > section:first-of-type .inner > div article p {
	color: #fff;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1.6;
	text-align: justify;
	text-justify: inter-ideograph;
}

#top main #contents > section:first-of-type .inner > div article p:nth-child(2) {
	margin-top: 5%;
}

#top main #contents > section:first-of-type .inner > div figure {
	display: none;
}

#top main #contents > section:first-of-type .inner h2 {
	font-size: 25px;
	font-size: 2.5rem;
}

/*　トップ　secondセクション　*/
#top main #contents > section:nth-of-type(2) .inner > div {
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}

#top main #contents > section:nth-of-type(2) .inner > div article {
	width: calc(100% / 2 - 2vw);
	margin-left: 2vw;
	padding: 30px;
	border-radius: 30px;
}
#top main #contents > section:nth-of-type(2) .inner > div article:nth-of-type(2n+1) {
	margin-left: 0;
}
#top main #contents > section:nth-of-type(2) .inner > div article:nth-of-type(n+3) {
	margin-top: 2vw;
}


/* -----------------------------------------------------------
    外国人技能実習制度とは
----------------------------------------------------------- */

#lower.training main #contents > .inner > section > section > dl dt h3 {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.2;
	position: relative;
	padding: 0 0 0 0.75em;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	color: #07429a;
}

#lower.training main #contents > .inner > section > section > dl dt h3:before {
    content: "";
    background: #07429a;
    width: 3px;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

#lower.training main #contents > .inner > section > section > dl dd {
    margin-top: 5%;
	font-size: 14px;
	font-size: 1.4rem;
}

#lower.training main #contents > .inner > div {
    margin: 6% 0;
}

#lower.training main #contents > .inner > section:first-of-type p {
    margin-top: 2.5%;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.5;
}

#lower.training main #contents > .inner > section:first-of-type p:first-of-type {
    margin-top: 0;
}

#lower.training main #contents > .inner > div.page_nav {
   background: #f8f8f8;
   padding: 5%;
}
#lower.training main #contents > .inner > div.page_nav > ul {
   background: #fff;
   border: 1px solid #333333;
   padding: 3%;
   display: block;
}

#lower.training main #contents > .inner > div.page_nav > ul li:nth-of-type(2n) {
   margin-left: 0;
}

#lower.training main #contents > .inner > div.page_nav > ul li:nth-of-type(n+2) {
   margin-top: 3%;
}

#lower.training main #contents > .inner > div.page_nav > ul li a {
   font-size: calc(1.2vw + 5px);
}

#lower.training main #contents > .inner > div.page_nav > ul li:last-of-type a:after {
    transform: scale(0.96,0.8);
    -webkit-transform: scale(0.96,0.8);
}

#lower.training main #contents > .inner > section > section.flex_box {
    display: flex;
    display: -webkit-flex;
	flex-direction: column-reverse;
	-webkit-flex-direction: column-reverse;
	align-items: center;
	-webkit-align-items: center;
}

#lower.training main #contents > .inner > section > section.flex_box > picture {
    width: 100%;
    margin-left: 0;
}

#lower.training main #contents > .inner > section > section.flex_box > div {
    flex: 1 1;
   -webkit-flex: 1 1;
}
#lower.training main #contents > .inner > section > section.flex_box > div p {
    font-size: 14px;
    font-size: 1.4rem;
	line-height: 1.8;
	margin-top: 2.5%;
}

#lower.training main #contents > .inner > section:nth-of-type(2) > p {
     font-size: 14px;
    font-size: 1.4rem;
	line-height: 1.8;
	margin-top: 2.5%;
}

#lower.training main #contents > .inner > section:nth-of-type(2) > ol {
    margin-top: 6%;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	color: #0aa8bf;
	counter-reset: my-counter;
  	list-style: none;
  	padding: 0;
}
#lower.training main #contents > .inner > section:nth-of-type(2) > ol li {
  	position: relative;
	display: flex;
	display: -webkit-flex;
	align-items: flex-start;
	-webkit-align-items: flex-start;
}
#lower.training main #contents > .inner > section:nth-of-type(2) > ol li:nth-of-type(n+2) {
	margin-top: 4%;
}
#lower.training main #contents > .inner > section:nth-of-type(2) > ol li:before {
  	content: counter(my-counter);
  	counter-increment: my-counter;
  	border:1px solid #0aa8bf;
  	color: #0aa8bf;
  	display: block;
  	text-align: center;
  	height: 20px;
  	width: 20px;
  	border-radius: 50%;
  	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	margin-right: 10px;
	margin-top: 2px;
	flex: 0 0 auto;
	-webkit-flex: 0 0 auto;
}

#lower.training main #contents > .inner > section:nth-of-type(4) > section > dl dd ol {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	counter-reset: my-counter;
  	list-style: none;
  	padding: 0;
}
#lower.training main #contents > .inner > section:nth-of-type(4) > section > dl dd ol > li {
  	position: relative;
	display: flex;
	display: -webkit-flex;
	align-items: flex-start;
	-webkit-align-items: flex-start;
}
#lower.training main #contents > .inner > section:nth-of-type(4) > section > dl dd ol > li:before {
	flex: 0 0 auto;
	-webkit-flex: 0 0 auto;
}
#lower.training main #contents > .inner > section:nth-of-type(5) > section > dl dd ol > li:before {
	flex: 0 0 auto;
	-webkit-flex: 0 0 auto;
}

#lower.training main #contents > .inner > section:nth-of-type(5) > section > .tbl {
  	margin-top: 5%;
}

#lower.training main #contents > .inner > section:nth-of-type(5) > section > .tbl table {
  	border-collapse: collapse;
	table-layout: fixed;
	border: 2px solid #ededed;
}

#lower.training main #contents > .inner > section:nth-of-type(5) > section > .tbl table th ,
#lower.training main #contents > .inner > section:nth-of-type(5) > section > .tbl table td {
  	text-align: center;
    padding: 10px;
    border: 2px solid #ededed;
    font-size: 14px;
    font-size: 1.4rem;
    vertical-align: middle;
}

#lower.training main #contents > .inner > section:nth-of-type(5) > section > .tbl table th {
  	font-weight: bold;
}

#lower.training main #contents > .inner > section:nth-of-type(6) > section > dl {
  	margin-top: 6%;
}

#lower.training main #contents > .inner > section:nth-of-type(6) > section > dl dd {
  	margin-top: 4%;
	display: block;
}

#lower.training main #contents > .inner > section:nth-of-type(6) > section > dl dd picture {
	width: 100%;
}

#lower.training main #contents > .inner > section:nth-of-type(6) > section > dl dd picture:nth-of-type(2) {
	margin-top: 5%;
}

/* -----------------------------------------------------------
    無料査定 / 資料請求・お問い合わせ
----------------------------------------------------------- */


.contact main .inner section > ol {
	display: none;
}

.contact main .inner > ol li {
  flex: 0 1 31%;
  -webkit-flex: 0 1 31%;
	min-height: 60px;
	padding: 0 3% 0 2%;
}

.contact main .inner > ol li:after {
	border-width: 30px 0 30px 25px;
}

.contact main .inner > ol li p:nth-child(1) {
	font-size: 1.4rem;
}

.contact main .inner > ol li p:nth-child(2) {
	font-size: 2.8rem;
}

.contact main .inner > ol li p:nth-child(3) {
	font-size: 1.3rem;
}

.contact main #formBox {
	font-size: 1.6rem;
}

.contact main #formBox dl {
	align-items: flex-start;
	-webkit-align-items: flex-start;
  flex-direction: column;
  -webkit-flex-direction: column;
}

.contact main #formBox dl.fs dt {
	margin: 0;
}

.contact main #formBox dl dt {
	flex: 0 1 100%;
	-webkit-flex: 0 1 100%;
}

.contact main #formBox dl dd {
	flex: 0 1 100%;
	-webkit-flex: 0 1 100%;
  width: 100%;
  margin: 1rem 0 0;
}

/*   トップ
----------------------------------------------------------- */
.contact main #formBox input,
.contact main #formBox textarea,
.contact main #formBox select {
	font-size: 1.6rem;
}

.contact main #formBox input[type="email"] {
	width: 100%;
}

.contact main #formBox input[type="tel"] {
	width: 100%;
}

.contact main #formBox input#postal {
	width: 11.5rem;
}

.contact main #formBox textarea {
    padding: 0.5rem 1rem;
    width: 100%;
}

/*    送信完了ページ
----------------------------------------------------------- */
.complete main #formBox h2 {
	font-size: 2.4rem;
}

.complete main #formBox .completeBox {
	font-size: 1.5rem;
	margin: 2.5% 0 0;
}

}

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

/* -----------------------------------------------------------
    .tit_01　見出し　共通
----------------------------------------------------------- */
.tit_01 {
	font-size: 25px;
	font-size: 2.5rem;
}

.tit_01:before , .tit_01:after {
	content: '';
	display: none;
}

#top main #contents > section:nth-of-type(3) .tit_01 {
	font-size: 25px;
	font-size: 2.5rem;
}

#top main #contents > section:nth-of-type(3) .tit_01:before , #top main #contents > section:nth-of-type(3) .tit_01:after {
	content: '';
	display: none;
}

/* -----------------------------------------------------------
    .btn　共通
----------------------------------------------------------- */
.wid20 {
	width: 100%;
}

.wid30 {
	width: 100%;
}

.wid30 > .btn {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	height: 30px\0;
	min-height: 30px;
	padding: 1em;
}

.more {
	width: 100%;
	margin: 5% auto 0;
	min-height: 30px;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	color: #8e6800 !important;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
    border-bottom: solid 3px #694d00;
    border-radius: 3px;
    font-weight: bold;
	background: #fcb800;
	padding: 1em;
	font-size: 14px;
	font-size: 1.4rem;
	transition: all 0 ease;
	-webkit-transition: all 0 ease;
	cursor: pointer;
	text-align: center;
}

/*　トップ　secondセクション　*/

#top main #contents > section:first-of-type .inner h2 {
    font-size: 25px;
    font-size: 2.5rem;
    text-align: justify;
}

#top main #contents > section:first-of-type .inner h2 br {
   display: none;
}

#top main #contents > section:nth-of-type(2) .inner > div {
	display: block;
}

#top main #contents > section:nth-of-type(2) .inner > div article {
	width: 100%;
	margin-left: 0;
	padding: 30px;
	border-radius: 30px;
}
#top main #contents > section:nth-of-type(2) .inner > div article:nth-of-type(2n+1) {
	margin-left: 0;
}
#top main #contents > section:nth-of-type(2) .inner > div article:nth-of-type(n+2) {
	margin-top: 5%;
}

.content > div {
	display: block;
	width: 100%;
}

.content > div:nth-of-type(n+2) {
	margin-top: 5%;
}

.content > div picture {
	width: 100%;
	margin-left: 0;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	position: relative;
	cursor: pointer;
}
.content > div picture > a {
	width: 100%;
	height: 100%;
}
.content > div picture:nth-of-type(n+2) {
	margin-top: 5%;
}

#top main #contents > section:nth-of-type(3) .inner > div:nth-of-type(odd) {
	margin-top: 5%;
}

/* -----------------------------------------------------------
   タブ
----------------------------------------------------------- */

.tab li { 
	font-size: calc(1vw + 5px);
}

.tab li.select:after { 
	content: "";
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top: 10px solid #07429a;
    position: absolute;
    top: 95%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    z-index: 10;
}

#lower.flow .tab li:first-child.select:after { 
	content: "";
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top: 10px solid #0cd264;
    position: absolute;
	top: 95%;
	left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    z-index: 10;
}

.tab li:nth-child(2).select:after { 
	content: "";
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top: 10px solid #0aa8bf;
    position: absolute;
 	top: 95%;
 	left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    z-index: 10;
}

.tab li:nth-child(2).select:after { 
	content: "";
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top: 10px solid #0aa8bf;
    position: absolute;
	top: 95%;
	left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    z-index: 10;
}
.tab li:nth-child(3).select:after { 
	content: "";
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top: 10px solid #0cd264;
    position: absolute;
    top: 95%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    z-index: 10;
}

.tab_contents div > dl { 
	display: block;
	padding: 30px 0;
	border-bottom: 1px dotted #ededed;
}

.tab_contents div > dl:first-of-type { 
	padding: 0 0 30px 0;
}

.tab_contents div > dl:last-of-type { 
	border-bottom: 2px solid #ededed;
}

.tab_contents div > dl dt { 
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	min-width: 100px;
	min-height: 30px;
	height: 30px\0;
	color: #fff;
	font-size: 14px;
	font-size: 1.4rem;
}

.tab_contents div > dl dd { 
	margin-left: 0;
	margin-top: 5%;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
}

.tab_contents div > dl dd a { 
	margin-left: 5%;
	text-decoration: underline;
	color: #0000ff !important;
}

/* -----------------------------------------------------------
    技能性導入までの流れ
----------------------------------------------------------- */

#lower.flow .tab_contents > div > article {
    padding: 5%;
    border-radius: 30px;
}

#lower.flow .tab_contents > div > article > dl dd > section {
    display: block;
    margin-top: 5%;
}

#lower.flow .tab_contents > div > article > dl dd > section picture:nth-of-type(2) {
    margin-top: 5%;
	margin-left: 0;
}

#lower.flow .tab_contents > div > article > dl dd {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 5%;
    border-radius: 0 0 20px 20px;
}

/* -----------------------------------------------------------
    組合について
----------------------------------------------------------- */
#lower.company main #contents > .inner > section > dl {
	display: block; 
}

#lower.company main #contents > .inner > section > dl:first-of-type {
	margin-top: 6%;
}

#lower.company main #contents > .inner > section > dl:last-of-type {
	border-bottom: 1px solid #ededed;
}

#lower.company main #contents > .inner > section > dl > dt {
	padding: 5%;
	font-size: 14px;
	font-size: 1.4rem;
}

#lower.company main #contents > .inner > section > dl > dd {
	padding: 5%;
	font-size: 14px;
	font-size: 1.4rem;
}

#lower.company main #contents > .inner > section > dl > dd > dl {
	margin-top: 1%;
}

#lower.company main #contents > .inner > section > div {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	margin-top: 4%;
}

#lower.company main #contents > .inner > section > div > picture {
	flex-grow: 0;
	-webkit-flex-grow: 0;
	flex-shrink: 1;
	-webkit-flex-shrink: 1;
	flex-basis: calc(50% - 2.5%);
	-webkit-flex-basis: calc(50% - 2.5%);
}


#lower.company main #contents > .inner > section > div > picture p {
	font-size: 12px;
	font-size: 1.2rem;
	text-align: center;
	margin-top: 1.5%;
}


/* -----------------------------------------------------------
    外国人技能実習制度とは
----------------------------------------------------------- */

#lower.training main #contents > .inner > section:nth-of-type(5) > section > .tbl {
  	overflow-x: auto;
}
#lower.training main #contents > .inner > section:nth-of-type(5) > section > .tbl::-webkit-scrollbar {
  	height: 5px;
}
#lower.training main #contents > .inner > section:nth-of-type(5) > section > .tbl::-webkit-scrollbar-track {
	margin: 0 2px;
	background: #ffe8a8;
    border-radius: 10px;
}
#lower.training main #contents > .inner > section:nth-of-type(5) > section > .tbl::-webkit-scrollbar-thumb {
    background: #ffb800;
    border-radius: 10px;
}

#lower.training main #contents > .inner > section:nth-of-type(5) > section > .tbl table {
  	width: 600px;
}

/* -----------------------------------------------------------
    無料査定 / 資料請求・お問い合わせ
----------------------------------------------------------- */
.inq main .lead {
	margin: 0;
}

.inq main .inner > ol {
	display: none;
}

.inq main #formBox dl {
	padding: 3.5% 0;
}

.inq main #formBox dl:first-child {
	padding: 0 0 3.5%;
}

.inq main #formBox dl:last-child {
	padding: 3.5% 0 0;
}

.inq main #formBox dl dd {
	flex: 0 1 100%;
	-webkit-flex: 0 1 100%;
  margin: 0.5rem 0 0;
}

.inq main #formBox dl dd ul {
	align-items: flex-start;
	-webkit-align-items: flex-start;
  flex-direction: column;
  -webkit-flex-direction: column;
}

.inq main #formBox dl.radio dd ul li {
	margin: 1.5% 0 0;
}

.inq main #formBox dl.horiz dd ul li {
	margin: 1.5% 0 0;
  width: 100%;
}

#btnBox #btn_wrap {
  margin: 5vw 0 0;
}

/*   トップ
----------------------------------------------------------- */
.select_01 {
	width: 100%;
}

.select_02 {
	width: 100%;
}

.select_03 {
	width: 100%;
}

.select_04 {
	width: 100%;
}

.select_05 {
	width: 100%;
}

.txtarea {
	width: 100%;
}

.txtarea_01 {
	width: 100%;
}

.txtarea_03 {
	width: 100%;
}

.txtarea_04 {
	width: 100%;
}

.txtarea_05 {
	width: 100%;
}

.txtarea_06 {
	width: 100%;
}

.txtarea_07 {
	width: 100%;
}


#lower.flow .tab_contents > div > article > dl dt {
    padding: 5%;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    border-radius: 20px 20px 0 0;
}

#lower.flow .tab_contents > div > article > p {
    padding: 10px 5%;
    width: 100%;
}

#lower.training main #contents > .inner > section:nth-of-type(2) > ol {
    font-size: 14px;
    font-size: 1.4rem;
}

#lower.training main #contents > .inner > section:nth-of-type(4) > section > dl dd ol {
    font-size: 14px;
    font-size: 1.4rem;
}

#lower.training main #contents > .inner > section:nth-of-type(5) > section > dl dd ol {
    font-size: 14px;
    font-size: 1.4rem;
}


}