@charset "utf-8";
/* CSS Document */

/*　共通設定--------------------------------　*/

:root {
    --main-color: #002870;
	--link-color: #00b0f0;
}

*{
	box-sizing: border-box;
}

html {
	/* reset-min設定の打ち消し
	background-color:transparent; */
}
body {
	margin:0 ;
	padding: 0 ;
/*	background: url(https://ugs-recruit.jp/yagilab/lp/img/common_body.gif) left top repeat-x;*/
	font-size: 17px;
	font-family: "ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	}

/*　背景のボックスが必要な場合のみ設定  */
#back {
}

p {font-size:100%;
	line-height:1.8;
	margin:0;
	}

ul{
	padding: 0;
}

strong {font-weight:bold}

img {
	border:0;
	vertical-align: top;
	max-width: 100%;
}

hr{
	margin: 0 0 2em 0;
    border: 0;
    height: 1px;
    clear: both;
	background: #bbb;
	/*　hr 左右グラデ表示用設定
	background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc);
	background-image:    -moz-linear-gradient(left, #ccc, #333, #ccc);
	background-image:     -ms-linear-gradient(left, #ccc, #333, #ccc);
	background-image:      -o-linear-gradient(left, #ccc, #333, #ccc);　*/
	}

table td hr {
	margin:0 0 1em 0;
    border: 0;
    height: 1px;
    background: url(https://ugs-recruit.jp/yagilab/lp/img/hr.gif) repeat-x ;
}


figure{
	margin: 0;
	padding: 0;
}
figcaption {
    font-size: 70%;
    margin-top: 5px;
}
/*独自クラス*/
.pc-only{
	display: block;
}
.sp-only{
	display: none;
}
.tb-only{
	display: none;
}

.sptb-none{
	display: block;
}

#contents-main .tac{
	text-align: center;
	margin-bottom: 30px;
}
#contents-main .tac01{
	text-align: center;
}

.vam{
	vertical-align: middle;
}
.vatt{
	vertical-align: text-top;
}
.vatb{
	vertical-align: text-bottom;
}
.tal{
	text-align: left !important;
}

.tar{
	text-align: right !important;
}
.mb-1em {
	margin-bottom: 1em !important;
}
.mb-2em {
	margin-bottom: 2em !important;
}
.mb-3em {
	margin-bottom: 3em !important;
}
.mb-5em {
	margin-bottom: 5em !important;
}

.mb-6em {
	margin-bottom: 6em !important;
}
.mb-7em {
	margin-bottom: 7em !important;
}

.mb-8em {
	margin-bottom: 8em !important;
}
.mb-9em {
	margin-bottom: 9em !important;
}
.mb-10em {
	margin-bottom: 10em !important;
}
.mb-11em {
	margin-bottom: 11em !important;
}
.mb-12em {
	margin-bottom: 12em !important;
}




.mb-0 {
	margin-bottom: 0 !important;
}
.mb-10 {
	margin-bottom: 10px !important;
}

.mb-72 {
	margin-bottom: 72px !important;
}
.mb-64 {
	margin-bottom: 64px !important;
}
.mb-40 {
	margin-bottom: 40px !important;
}
.mr-1em{
	margin-right: 1em!important;
}
.mr-2em{
	margin-right: 2em!important;
}
.mt-0{
	margin-top: 0!important;
}
.mt-auto{
	margin-top: auto!important;
}
.mt-3em{
	margin-top: 3em !important;
}
.pt-0{
	padding-top: 0 !important;
}
.pb-0{
	padding-bottom: 0 !important;
}
.pb-1em{
	padding-bottom: 1em !important;
}


.lh-large {
	line-height: 1.8 !important;
}

.text-main {
	color: #002870;
}
.text-yellow {
	color: #ffe100;
}
.text-green {
	color: #02AB76;
}

.float-l{
	float: left;
}
.float-r{
	float: right;
}

.fwb{
	font-weight: bold;
}
.fs-large{
	font-size: 150%;
}
.fs-small{
	font-size: 80%;
}

.fs-note{
	font-size: 12px;
}

#contents-main .sp-none{
	display: inline-block !important;
}
 

/*flex*/
.flex {
	display:-ms-flexbox;
	display:flex;
}
.flex01 {
	display:-ms-flexbox;
	display:flex;
}
.flex-jcsb{
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.flex-jcc{
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.flex-jcsa {
	display:-ms-flexbox;
	display:flex;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}

.flex-jcfe{
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.flex-aifs{
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}
.flex-aic{
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.flex-aife{
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}
.flex-wrap{
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
}
.flex-drr{
-webkit-box-orient: horizontal;
  	-webkit-box-direction: reverse;
  	-ms-flex-direction: row-reverse;
  	flex-direction: row-reverse;
}

.flex-half > * {
    flex: 0 0 50%;
    max-width: 50%;
}
.flex-half > .half-img{
	padding-left: 4%;
	position: relative;
}
.flex-tri > * {
    flex: 0 0 32%;
    max-width: 32%;
	margin: 0;
}
.flex-tetra > * {
    flex: 0 0 23%;
    max-width: 23%;
	margin: 0;
}


.gradation{
	background-image: linear-gradient(166deg, rgb(137 213 72) 1%, rgba(64, 147, 191, 1) 70%);
}





/*　ヘッダー--------------------------------　*/

#head {
	/* height: 120px; */
    width: 100%;
    max-width: 100%;
    margin: 0 auto 0;
    padding: 14px 0;
    position: relative;
	background-image: linear-gradient(166deg, rgb(137 213 72) 1%, rgba(64, 147, 191, 1) 70%);
}
#head .header{
	display:-ms-flexbox;
  	display:flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
/* logo */
#head h1 {
	margin:0;
	/*width:470px;
	height:82px;
	float:none; */
	text-align:left;
	width: 34%;
	margin-right: 2%;
}
#head h1 a {
	display:block;
	margin:0px auto 0px auto;
	position:relative;/* h1が下に重なるのを防ぐ */
	z-index:1 ;
	text-decoration: none;
}
#head h1 a span{
	display:none;
}
#head strong .sub{
	font-size: 120%;
    line-height: 1.7;
    letter-spacing: 0.02em;
    color: #fff;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 4px;
}
#head strong .en{
	display: inline-block;
    text-shadow: 0 0 12px #1e6ddd;
    color: #1e6ddd;
}

.header{
	width: 96%;
	max-width: 1128px;
    margin: 0 auto;
	clear: both;
	position: relative;
}

/* ヘッダー電話番号 */
#head .tel span {
	display:none;
}

/* ヘッダーナビ */
#head #head-navi ul li span{
	display:none;
}


#head #head-navi{
	/* float:right;
	height:41px;
	width:338px; */
	margin:0px 0px 0 0;
	text-align:left;
}
#head #head-navi ul {
	margin:0 auto;
	padding:0 ;
	}
#head #head-navi ul li {
	float:left;
	list-style:none;
}

#head #head-navi a{
	display: block;
	color: #002870;
	text-decoration: none;
	margin-left: 2em;
    font-weight: bold;
	font-family: YuGothic,'Yu Gothic','Yu Gothic UI','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ',sans-serif!important;;
}
#head #head-navi a img{
	opacity: 1;
	transition: 0.2s ease;
}
#head #head-navi a:hover{
	text-decoration: underline;
}
#head #head-navi a:hover img{
	opacity: 0.7;
}
#head #head-navi a span{
	display:none;
}




/*　ナビ表示--------------------------------　*/

#navi-box {
	width:100%;
	height:65.7px;
	position:relative;
	z-index:100;
	}

/*　スクロール時のナビ固定　jquery連動*/
.fixed {
	position: fixed;
	top: -1px;}


#navi {
	width:100%;
	height:65.7px;
	padding:0px 0 0 0 ;
	margin:0px auto 0px auto;
	clear:both;
	background: #0c4095;
    border-bottom: 3px solid #b2b2b2;
    background-clip: padding-box;
	box-sizing: content-box;
}

#navi ul {
	width: 100%;
    max-width: 1128px;
	height:65.7px;
	margin:0 auto;
	padding:0 ;
	/* background:url(https://ugs-recruit.jp/yagilab/lp/img/common_navi.png) no-repeat center; */
	background-size: contain;
	text-align: center;
	display:-ms-flexbox;
	display:flex;
}

#navi li {
	display: inline-block;
	list-style:none;
	padding: 0;
	width: 14.285%;
	position: relative;
}
/* #navi-index{
	width: 11.7%;
}
#navi-message{
	width: 17%;
}
#navi-person{
	width: 11.34%;
}
#navi-keibiin{
	width: 17%;
}
#navi-setsubiin{
	width: 17%;
}
#navi-treatment{
	width: 12.76%;
}
#navi-recruit{
	width: 13.2%;
} */


#navi li:last-child{
	-webkit-box-flex:1;
	-ms-flex-positive:1;
	flex-grow:1;
}

#navi li a {
	display: block;
	margin:0 auto 0;
	height:65.7px;
	text-align:center;
	/* color: #002870; */
	color: #fff;
	font-size: 16px;
	text-decoration: none;
	transition: .3s ease;
	/* border-bottom: 2px solid transparent; */
	position: relative;
	font-weight: 600;
	font-family: YuGothic,'Yu Gothic','Yu Gothic UI','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ',sans-serif;
	width: 100%;
	}

#navi li a:hover {
	background: #456496;
	background-clip: padding-box;
	/* color: #00b0f0; */
}

body.index #navi #navi-index a,
body.message #navi #navi-message a,
body.person #navi #navi-person a,
body.keibiin #navi #navi-keibiin a,
body.setsubiin #navi #navi-setsubiin a,
body.employee-benefits #navi #navi-treatment a{
	background: #456496;
	background-clip: padding-box;
}

body.setsubiin #navi #navi-setsubiin .subnavi li a,
body.keibiin #navi #navi-keibiin .subnavi li a{
	background: none;
}
body.setsubiin #navi #navi-setsubiin .subnavi li a:hover,
body.keibiin #navi #navi-keibiin .subnavi li a:hover{
	background: #456496;
}



#navi li a::after{
	content: "";
	display: inline-block;
	width: 1px;
	height: 60px;
	position: absolute;
	top: 2px;
	right: 0;
	z-index: 1;
	background:url(https://ugs-recruit.jp/yagilab/lp/img/navi-line_b.png) no-repeat center;
}
#navi li#navi-index a::before{
	content: "";
	display: inline-block;
	width: 1px;
	height: 60px;
	position: absolute;
	top: 2px;
	left: 0;
	z-index: 1;
	background:url(https://ugs-recruit.jp/yagilab/lp/img/navi-line_b.png) no-repeat center;
}

/* #navi li a:hover::after{
	content: "";
	display: inline-block;
	width: 1px;
	height: 60px;
	position: absolute;
	top: 2px;
	right: 0;
	z-index: 1;
	background:linear-gradient(to top, transparent 0,#2dad8d 20%, #2dad8d 50%, #2dad8d 80%, transparent 100%);
} */




#navi li a span {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	width: 100%;
}

#navi .sp-only{
	display: none;
}

/*スマホ用ボタン非表示*/
.drawer_menu .drawer_button{
	display: none;
}





/* サブナビ ドロップダウン時 */


#navi li .subnavi{
	visibility: hidden;
    opacity: 0;
    z-index: 1;
    list-style: none;
    padding: 0 4px 4px;
    border-top: 3px solid rgba(0,0,0,0.3);
    background-clip: padding-box;
	background: #f2f1ee;
	-webkit-transition: .2s ease;
	transition:  .2s ease;
	display: block;
	position: absolute;
    top: 66px;
    width: 200%;
	height: auto;
	color: #002870;
}
#navi li:hover .subnavi{
    visibility: visible;
    opacity: 1;
}
#navi li .subnavi::before{
	border: solid transparent;
    content: '';
    height: 0;
    width: 0;
    pointer-events: none;
    position: absolute;
    border-color: rgba(0, 153, 255, 0);
    border-top-width: 8px;
    border-bottom-width: 8px;
    border-left-width: 8px;
    border-right-width: 8px;
    margin-left: -8px;
    border-top-color: rgba(0,0,0,0.3);
    top: 0;
    left: 25%;
    z-index: 30;
}

#navi li .subnavi li {
	width: 100%;
	display: block;
	border-top: 1px solid #CCC;
}
#navi li .subnavi li:first-child {
	border-top: none;
}

#navi li .subnavi li a{
    position: relative;
    z-index: 20;
    display: block;
    padding: 10px;
	height: auto;
	text-align: left;
	font-size: 90%;
	color: #002870;
}
#navi li .subnavi li a:hover{
	color: #fff;
}
#navi li .subnavi li:first-child a {
    padding: 20px 10px 10px;
}
#navi li .subnavi li a::before {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 8px;
    border-color: transparent transparent transparent #002870;
	margin-right: 5px;
}
#navi li .subnavi li a:hover::before {
    border-color: transparent transparent transparent
	#fff;
}
#navi li .subnavi li a span{
    position: relative;
    top: inherit;
    left: inherit;
    transform: inherit;
    -webkit-transform: inherit;
}
#navi li .subnavi li a::after{
	display: none;
}



#navi li .submenu {
	margin-left:0px;
	height:auto;
	background: url(https://ugs-recruit.jp/yagilab/lp/img/common_submenu.png) ;
	visibility: hidden;
	position: absolute;
	z-index: 3;
	}
#navi li .submenu li {
	width:100%;
/*	float:left; margin-right:0.5em;*/
	}
#navi li#navi-school .submenu a ,
#navi li#navi-popularity .submenu a ,
#navi li#navi-guidance .submenu a ,
#navi li#navi-price .submenu a ,
#navi li#navi-course .submenu a {
	white-space:nowrap;
	display: block;
	font-family:sans-serif;
	text-align: center;
	text-decoration: none;
	margin:0;
	padding: 9px 0;
	height:auto;
	width:100%;
	color: #000;
	float : none;
	background: none ;
/*	background-image:none;
background: #fff; */
	/* 透過設定 */
	filter: alpha(opacity=90);
	  -moz-opacity:0.9;
	opacity:0.90;
	}

#navi li#navi-school .submenu a:hover ,
#navi li#navi-popularity .submenu a:hover ,
#navi li#navi-guidance .submenu a:hover ,
#navi li#navi-price .submenu a:hover ,
#navi li#navi-course .submenu a:hover {
	background: url(https://ugs-recruit.jp/yagilab/lp/img/common_submenu_hover.png) ;
/*		background-image:none;
background-color: #FF7DA7;*/
	color: #FFF;
	height:auto;
	}



/*　ビジュアル--------------------------------　*/

#visual {
	width: 100%;
	/* max-width: 940px; */
	clear:both;
	margin:0px auto ;
	padding: 0 0 0 0;
/*	background-color:#F5F1E9;*/
	position:relative;
	z-index:1; /* naviが下に重なるのを防ぐ */
	/* overflow: hidden; */
}
/* box-shadow,border設定を無効化 */
#visual .bx-viewport {
	box-shadow:none !important;
	border:none !important;
	background:none !important;
	left:0;
	top: -2px;
	}
#visual ul li{
	text-align: center;
}
#visual ul li img.pc-only{
	max-width: 1280px;
	max-height: 560px;
	margin: 0 auto;
}
#visual ul li:nth-child(1){
	background: url(https://ugs-recruit.jp/yagilab/lp/img/top_visual_senior_01_bg.jpg) no-repeat top center;
	background-size: 100% 100%;
}
#visual ul li:nth-child(2){
	background: url(https://ugs-recruit.jp/yagilab/lp/img/top_visual_senior_02_bg.jpg) no-repeat top center;
	background-size: 100% 100%;
}
#visual ul li:nth-child(3){
	background: url(https://ugs-recruit.jp/yagilab/lp/img/top_visual_senior_03_bg.jpg) no-repeat top center;
	background-size: 100% 100%;
}
#visual ul li:nth-child(4){
	background: url(https://ugs-recruit.jp/yagilab/lp/img/top_visual_senior_04_bg.jpg) no-repeat top center;
	background-size: 100% 100%;
}
#visual ul li:nth-child(5){
	background: url(https://ugs-recruit.jp/yagilab/lp/img/top_visual_senior_05_bg.jpg) no-repeat top center;
	background-size: 100% 100%;
}



.bx-wrapper img {
	width: 100%;
}
.bx-wrapper .sp-only {
	display: none !important;
}



/* 画像の位置調整（画像サイズにより変更する） */
/* #slider img {margin-left:18%} */

/* 左右ナビゲーターを表示する場合の設定
.bx-wrapper .bx-prev {
	left: -50px !important;
}
.bx-wrapper .bx-next {
	right: -50px !important;
}
 */



/*bxsliderカスタマイズ*/
#visual .bx-wrapper .bx-controls-direction a {
	opacity: 0.5;
}
/*ビジュアルした*/
.visual_bottom{
	padding:8px;
	text-align: center;
	margin-top: -2px;
	font-weight: 600;
	letter-spacing: 0.05em;
	color: #fff;
	font-size: 160%;
	font-size:min(2vw,160%);
    white-space: nowrap;
}

/*　コンテンツ背景--------------------------------　*/

/* #contents-back {
	background: url(https://ugs-recruit.jp/yagilab/lp/img/top_catch_bg.png) no-repeat top -1px center;
	margin: 0 auto;
	background-size: 1280px;
} */




/*　パンくずリスト--------------------------------　*/
.bread{
	background: #ddd;
}
.bread div{
	max-width: 1100px;
    width: 96%;
    margin: 0 auto;
	font-size: 70%;
	padding: 3px 0;
}
/* #bread {
	width:100%;
	padding:0px 0 0 0;
	height:40px;
	clear:both;
	background: url(https://ugs-recruit.jp/yagilab/lp/img/common_bread_bg.png) repeat-x ;
	}
#bread p {
	width:880px;
	margin:0px auto 0px auto ;
	font-size:90%;
	color:#fff;
	line-height:40px;
	}
#bread a {
	color:#fff;
	text-decoration:none;
	}
#bread a:hover {
	text-decoration:underline;
	}
 */



/*　コンテンツ外枠--------------------------------　*/

#contents {
	width:100%;
	margin:0 auto 0 auto;
	}

#contents::after, .cf::after {
	content:".";
	height:0;
	clear:both;
	visibility:hidden;
	display:block;
	}



/*　コンテンツ　バナー--------------------------------　*/

#contents-banner{
	clear:both;
	height:auto;
	max-width:1128px;
	width:100%;
	padding:0px;
	margin:30px auto 30px auto;
	}

#contents-banner p{
	margin:0 0 0px 0;
	text-align:center;
	line-height:0;
	}
#contents-banner img{
	margin:0 12px 0 12px ;
	border:0;
}




/*　コンテンツ　メインカラム--------------------------------　*/

#contents-main {
	width:100%;
	height:auto;
	padding: 0;
	margin:0px auto ;
	overflow: hidden;
	}
/*一番右端にきた要素　右マージン０*/
#contents-main .last{
	margin-right: 0;
}



/*　見出し　--------------------------------　*/

#contents-main h2 {
	margin: 40px auto;
	padding:0px 0 0px 0px;
	text-align:center;
	font-size: 200%;
	font-weight:400;
	color: #333;
	/* letter-spacing: 0.1em; */
	clear:both;
	font-family: 'Noto Serif JP', serif;
	}
#contents-main h2 a {
	color: #002870;
	text-decoration:none;
}
#contents-main h2 img {
	/* margin-right:10px; */
	vertical-align:middle;
	margin: 0 auto;
	}



#contents-main h3 {
	margin: 30px 0 30px 0;
    padding: 0 0 10px 0;
    line-height: 1.6;
    font-size: 150%;
    font-weight: 600;
    color: #333333;
    clear: both;
    text-align: left;
	position: relative;
    }
#contents-main h3.f-small {
    font-size: 130%;
}





#contents-main h3 img{
	margin: 0 auto;
	vertical-align:top;
	}

/* #contents-main h3 span {
	display: block;
    font-size: 70%;
	color: #999;
	letter-spacing: .05em;
	}
 */
#contents-main h3 a {
	color:#333;
	text-decoration:none;
	}
/* #contents-main h3 a:hover {
	text-decoration:underline;
} */
#contents-main h3.o-maru{
	font-size: 135%;
    margin: 2em 0 0;
    padding-bottom: 0;
    margin-bottom: 10px;
	padding-left: 28px;
}
#contents-main h3.o-maru::before{
	position: absolute;
    top: 5px;
    left: 0;
}


#contents-main h4 {
	font-size: 130%;
    text-align: center;
	/* border-bottom: 2px solid #fff23f; */
	margin-bottom: 2.5em;
	font-weight: 600;
}
#contents-main h4.o-maru::before{
	vertical-align: middle;
}



/*回りより小さい文字　small-text 80％*/
#contents-main span.small-t{
	font-size: 80%;
	display: inline;
}
#contents-main .xbig-t{
	font-size: 200%;
}

#contents-main .big-t{
	font-size: 150%;
}
#contents-main .smbig-t{
	font-size: 130%;
}





/*　本文　--------------------------------　*/

/*　文字色・サイズ　共通　*/
#contents-main p,
#contents-main table,
#contents-main ul ,
#contents-main ol {
	color:#333;
	font-size:100%;
	line-height:1.8;
}
/*　文字serif　*/
#contents-main .serif {
	font-family: 'Noto Serif JP', serif;
}
/*Yu Gothic*/
#contents-main .f-yugo {
	font-family: YuGothic,'Yu Gothic','Yu Gothic UI','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ',sans-serif!important;;
}
/*やや大きい*/
#contents-main .fs-lbig {
	font-size: 110%;
}


/*　段落　*/
#contents-main p {
	margin:0 0 1em 0 ;
	}

#contents-main p.indent {
	text-indent: -1em;
	padding-left: 1em;
	padding-bottom: 1em;
	font-size: 96%;
}

#contents-main p img{
	margin:0;
/*	background:#FFF;
	padding:2px;
	border: #CC9 solid 1px; */
	}

#contents-main p a:hover img {
/*	border: #2A5050 solid 1px;*/
}


/*　iframe　*/
#contents-main iframe{
	margin:0px 0px 30px 0px;
/*	padding:2px;
	border: #CC9 solid 1px;*/
	}



/* リンク文字色 */
#contents-main a {
	color:#00B0F0;
	text-decoration:none;
	transition: 0.2s ease color;
}

#contents-main a:hover {
	text-decoration:underline;
}

/* リンク文字色 */
#contents-main a:hover img {
	/* border: 1px solid #00cca3; */
}

/* リンク 画像 */
#contents-main li a img,
#contents-main div a img{
	opacity: 1;
	transition: 0.3s ease opacity;
}

#contents-main li a:hover img,
#contents-main div a:hover img {
    opacity: 0.6;
}





/*　リスト　*/

#contents-main ul , #contents-main ol{
	margin: 2em 0;
}
#contents-main ul li{
	/* list-style:disc outside; */
	margin-bottom:0.5em;
}
#contents-main ol li{
	/* list-style:decimal outside ; */
	margin-bottom:0.5em;
}

#contents-main ul.indent li,
#contents-main ol.indent li{
	text-indent: -1em;
	padding-left: 1em;
}


/* リスト内のテーブル設定 */
#contents-main ol li table,
#contents-main ul li table {
	width:auto;
	font-size:100%;
	margin:0;
	}
#contents-main ol li table td,
#contents-main ul li table td {
	vertical-align:top;
	}




/*　テーブル　*/

#contents-main table {
	width:100%;
	border-collapse:collapse;
/*		border-collapse:separate;
	border-spacing : 5px 5px;*/
	margin:25px 0 15px 0;
	}
#contents-main table th {
	/* background:#eae3dd; */
	text-align:center;
	white-space:nowrap;
	vertical-align:middle;
	font-weight:600;
	padding: 8px;
	/* width: 15%; */
	border: 1px solid #ded2c3;
	background-color: #bfdcee;
}
#contents-main table th {
	vertical-align: top;
}


#contents-main table td {
	/* background:#fff; */
	padding:10px;
	border: 1px solid #ded2c3;
	vertical-align: baseline;
}

/* #contents-main table tr:nth-child(odd) td {
	background: #f5f5f5;
} */


/* テーブル内 p ol ul設定 */
#contents-main table p,
#contents-main table ol,
#contents-main table ul {
	font-size:100%;
	}
#contents-main table ol ,
#contents-main table ul {
	margin-bottom:0;
	}
#contents-main table ol li,
#contents-main table ul li {
	margin-bottom:0;
	}

/* テーブル内のテーブル設定 */
#contents-main table td table {
	width:auto;
	font-size:100%;
	margin:0;
	border:none;
	}
#contents-main table td table th,
#contents-main table td table td {
	border:none;
}

/* th グレー１ */
#contents-main table th.th-color01 {
	background:#F7F7F7;
	}

/* th グレー２ */
#contents-main table th.th-color02 {
	background:#F7F7F7;
	}







/* ★タブの設定-------------------------------- */

#contents-main #tabArea {
/*	background:#FFF;*/
	/* border-top:1px solid #999; */
	height:auto;
	/* padding:30px 0; */
	margin:0 0 0px 0;
	/* overflow-y:auto; */
	clear:both;
	}

/*　タブ切り替えの設定　--------------------------------　*/
#contents-main #tab {
	clear: both;
	overflow: hidden;
	margin: 0;
	width: 100%;
}

#contents-main #tab li{
	list-style: none;
    width: 50%;
    float: left;
    text-align: center;
    box-sizing: border-box;
	margin-bottom: 0;
}

#contents-main #tab li a{
	width: 100%;
	display: block;
	background: #999;
	color: #fff;
	padding: 1em 2%;
	transition: 0.5s ease;
	height: auto;
	border: none;
}
#contents-main #tab li a.active{
	background: #efefef;
	color: #333;
	text-decoration: none;
}
#contents-main #tab li a:hover {
	background: #efefef;
	color: #999;
	text-decoration: none;
}

/* 下部コンテンツ--------------------------------　*/

/*下部メニュー*/
#contents #bottom-contents {
    background: #ebf3ff;
}
#contents #bottom-contents h2{
	font-size: 110%;
	margin: 0 0 1em;
	color: #002870;
	letter-spacing: -0.08rem;
	line-height: 1.2;
	font-weight: 600;
	text-align: left;
	font-family: YuGothic,'Yu Gothic','Yu Gothic UI','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ',sans-serif;
}
#contents #bottom-contents h3{
	font-size: 100%;
	font-weight: 600;
	margin: 0 0 0.5em;
	color: #002870;
	padding: 0;
	letter-spacing: -0.08rem;
	line-height: 1.2;
}


#contents-main .ft-navi li{
	display: inline-block;
	padding-left: 2em;
}
#contents-main .ft-navi li a{
	color: #002870;
	font-weight: bold;
}
/*所在地*/
body #contents-main .location {
	padding: 40px 0 0;
}
#bottom-contents .gradation{
	padding: 12px;
	text-align: center;
}
#bottom-contents .sub{
	font-size: 15px;
    letter-spacing: 0.02em;
    color: #fff;
    display: inline-block;
    vertical-align: top;
}
/* #bottom-contents .sub .en{
	display: inline-block;
    text-shadow: 0 0 12px #1e6ddd;
    color: #1e6ddd;
} */

body #contents-main .location .con-main-box {
    margin: 0 auto !important;
	padding-bottom: 0;
}
#contents  #bottom-contents .location-ttl{
	font-size: 150%;
	color: #fff;
	text-align: center;
	background-color: #456496;
	padding: 8px 0;
	font-family: 'Noto Serif JP', serif;
	letter-spacing: 0.04em;
	margin-bottom: 40px;
}
#contents #bottom-contents .location p strong{
	font-size: 110%;
}
#contents  #bottom-contents .location-item{
	margin-bottom: 3em;
}
.location section.ml-p {
    margin-left: 6.5%;
}




/* フッター--------------------------------　*/

#footer {
	margin:0px auto 0px auto;
	padding: 0 0;
	width:100%;
	clear:both;
	background:#002870;
	color: #fff;
/*	background:url(https://ugs-recruit.jp/yagilab/lp/img/common_footer_bg.png) top center #fff;
	background-size: cover;*/
	}

#footer .box {
	width: 96%;
	max-width: 1128px;
	margin: 0 auto 0;
}

/*googlemap*/
#footer .gmap iframe{
	width: 100%;
	max-width: 1128px;
	max-height: 450px;
}

/* ページトップ */
p.pagetop {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 10;
	}
p.pagetop a {
	display: block;
	width: 50px;
	height: 50px;
	background-color:#002870;
	text-align: center;
	color: #fff;
	font-size: 14px;
	text-decoration: none;
	line-height: 50px;

	}
p.pagetop a:hover {
	background-color:#002870;
	filter: alpha(opacity=85); /* 透過設定 */
	-moz-opacity:0.85;
	opacity:0.85;
}
/*フッターロゴ*/
#footer #footer_inner .flogo {
	text-align: center;
	width: 100%;
	margin: 0 auto 30px;
}

/* フッターナビ */
#footer #footer-navi {
	max-width:1128px;
	width: 96%;
	padding-top:0px;
	margin:0 auto 5px auto;
	}
#footer #footer-navi::after {
	content:".";
	height:0;
	clear:both;
	visibility:hidden;
	display:block;
	}

#footer #footer-navi ul{
	margin-bottom:20px;
	padding:0 34px 0 14px;
	float:left;
	border-left:1px solid #fff;
	text-align:left;
	font-size:94%;
	color:#fff;
	}
#footer #footer-navi ul a{
	color:#fff;
	text-decoration:none;
	}
#footer #footer-navi ul a:hover{
	text-decoration:underline;
	}

/* 左ボーダーなしbox */
#footer #footer-navi .noborder {
	border:none;
	}


/* コピーライト */
#footer #footer_inner {
	margin:0px auto 0px auto;
	padding:0px 0px;
	position: relative;
	}
#footer #footer_inner p{
	margin:0;
	text-align:center;
	font-size: 100%;
	color:#fff;
	}
#footer #footer_inner a{
	color: #fff;
	text-decoration: none;
}
#footer #footer_inner a:hover{
	text-decoration: none;
}
#footer #footer_inner a img{
	vertical-align: text-bottom;
	margin-right: 0.3em;
}

#footer #footer_inner address{
	text-align: center;
}
#footer #footer_inner address p{
	display: inline-block;
	margin: 0 2% 20px;
	color: #fff;
	font-size: 87.5%;
	vertical-align: top;
}
#footer #footer_inner p.copyright{
	background: #fff;
	color: #002870;
	padding: 10px;
	letter-spacing: -0.08rem;
	font-weight: 700;
	font-size: 90%;
}

/*fixedbtn*/
.fixedbtn{
	width: 100px;
    height: 120px;
    position: fixed;
    bottom: 130px;
    right: 0;
    z-index: 4;
    text-align: center;
	display: none;
}
.fixedbtn a{
    color: #002870;
	display: block;
	background: -moz-linear-gradient(166deg, rgb(255 255 0) 1%, rgba(2, 171, 118, 1) 70%);
	background: -webkit-linear-gradient(166deg, rgb(255 255 0) 1%, rgba(2, 171, 118, 1) 70%);
	background: linear-gradient(166deg, rgb(255 255 0) 1%, rgba(2, 171, 118, 1) 70%);	
	font-size: 16px;
	width: 100%;
	height: 100%;
	border-radius: 20px 0 0 20px;
	text-align: center;
	padding: 10px;
	text-decoration: none;
	font-weight: bold;
	opacity: 1;
	transition: 0.3s ease opacity;
}
.fixedbtn a:hover{
	opacity: 0.7;
}
.fixedbtn a img{
	margin-top: 8px;
}


/* ★追記の設定-------------------------------- */

.tuiki{
	display:none;
	color: #333;
    padding-left: 1em;
    line-height: 1.8;
    margin: 1em 0;
}

.read_open_close{
	cursor:pointer;
}

#contents-main h4.active {
	border-bottom: 1px solid #ddd;
	display: inline-block;
}


/* ★各ページ共通--------------------------------　*/

/*タイトル------------------------------------*/
#contents-main #title{
	max-width: 1128px;
	width: 100%;
	height: 75px;
	margin: 30px auto 40px auto;
}




/* 背景色あり　共通ボックス */
#contents-main .con-main-bg {
	width:100%;
	margin: 0;
	padding: 10px 0 10px;
	background:#EEDED7;
}
#contents-main .con-main-bg h2 {
	margin-top: 30px;
}



/* コンテンツ枠 */
#contents-main .con-main-box {
	width: 96%;
	max-width: 1108px;
	margin: 0 auto 80px;
    padding: 0;
}
#contents-main .manager {
	margin-bottom: -50px;
}
#contents-main .con-main-box .inner{
	max-width: 930px;
	margin: 0 auto;
}
#contents-main .con-main-box .text {
	max-width: 930px;
	margin: 0 auto;
	font-size: 110%;
}
#contents-main .front-mds {
	margin: 0 auto 124px;
}

#contents-main .box {
	width: 96%;
	max-width: 1108px;
	margin: 0 auto 0;
}
#contents-main .ct-box .inner {
	max-width: 930px;
	margin: 0 auto;
}





#contents-main .btn {
	text-align: center;
	clear: both;
}
#contents-main .btn a {
    color: #fff;
	background: -moz-linear-gradient(135deg, #4FBDA2, #00AEEB);
	background: -webkit-linear-gradient(135deg, #4FBDA2, #00AEEB);
	background: linear-gradient(135deg, #4FBDA2, #00AEEB);
	font-size: 16px;
	border: 1px solid #00AEEB;
	width: 220px;
	height: 50px;
	line-height: 50px;
	transition: 0.2s;
	text-decoration: none;
	margin: 1em auto;
	display: inline-block;
	transition: 0.2s ease;
	position: relative;
	letter-spacing: .2em;
}
#contents-main .btn a:hover {
	color: #00AEEB;
	background: transparent;
}

#contents-main .linkbtn a{
	border: 1px solid #555;
	padding: 10px;
	transition: ease 0.2s;
	display: block;
    text-align: center;
}
#contents-main .linkbtn a:hover {
	background: #000;
	color: #fff;
}



/* ★トップページ--------------------------------　*/
#contents-main .big-mds {
	padding: 20px 0 30px;
	background: url(https://ugs-recruit.jp/yagilab/lp/img/common_big_mds_s.png) no-repeat top center;
	background-size: 65% auto;
}
#contents-main .big-mds.cover {
	background-size: 100% 100%;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    padding: 1em 12%;
}
#contents-main .big-mds.cover-sp {
	background-size: 100% 100%;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    padding: 1em 12%;
}
#contents-main .big-mds h2 {
	font-size: 200%;
	font-family: 'Noto Serif JP', serif;
	font-weight: 600;
	line-height: 1.6;
	margin: 0 auto;
}
#contents-main .big-mds h2 span{
	font-size: 56.25%;
	display: block;
}
#contents-main .mds-bg{
	background: url(https://ugs-recruit.jp/yagilab/lp/img/common_h1_mds_bg.jpg) no-repeat center;
	background-size: 100% auto;
}
#contents-main .mds-bg h1,
#contents-main .mds-bg h2 {
	color: #002870;
	max-width: 1128px;
    margin: 0 auto;
    text-align: center;
    padding: 0 10px;
    font-size: 250%;
	font-weight: 600;
	font-family: 'Noto Serif JP', serif;
}
#contents-main h2.green-mds {
	font-size: 150%;
	font-family: 'Noto Serif JP', serif;
	margin: 72px 0 40px;
	padding-bottom: 0;
	text-align: left;
}
#contents-main h2.green-mds::before {
	content: "";
    border-left: 18px solid #02AB76;
    padding-left: 8px;
}


#contents-main h3.green-mds {
	font-size: 150%;
	font-family: 'Noto Serif JP', serif;
	margin: 90px 0 40px;
	padding-bottom: 0;
}
#contents-main h3.green-mds::before {
	content: "";
    border-left: 18px solid #02AB76;
    padding-left: 8px;
}
#contents-main .mds{
	font-size: 125%;
	font-family: 'Noto Serif JP', serif;
}
#contents-main .mds-l {
    font-size: 170%;
    line-height: 2;
    text-align: center;
	letter-spacing: 0.1em;
}
#contents-main .mds-n {
    font-size: 160%;
    line-height: 2;
    text-align: center;
}
#contents-main .shadow {
	background: #fff;
	box-shadow: 0px 3px 6px #d6d4cf;
	padding: 30px;
}
#contents-main .o-maru::before {
	content: "";
    width: 20px;
    background-color: #f36f15;
    height: 20px;
    border-radius: 50%;
    display: inline-block;
    margin: 0 5px 5px 0;
}

#contents-main .link-box {
	display: inline-block;
	margin: 0 auto;
}
/*共通*/
.sp-toggle,.sp-close {
	display: none;
}
#contents-main .pc-tac {
	text-align: center;
}
#contents-main .flex-28 .shift-img {
	width: 10%;
}

#contents-main .flex-28 .with-text {
	width: 90%;
	padding-right: 0;
}
#contents-main .interval > * {
    flex: 0 0 50%;
}



/* simple tickerの枠box */
body.index #top-ticker-box {
	width:900px;
	margin:7px auto 6px auto ;
	}
body.index #top-ticker-box::after {
	content:".";
	height:0;
	clear:both;
	visibility:hidden;
	display:block;
	}

/* 共通設定のulマージンを削除 */
body.index #top-ticker-box ul {
	margin:0;
	}

/* 新着情報 タイトル */
body.index #top-ticker-box #top-ticker-ti {
	float:left;
	margin-right:1em;
	}
body.index #top-ticker-box #top-ticker-ti img {
	margin-right:8px;
	margin-top:-4px;
	vertical-align:middle;
	}
body.index #top-ticker-box #top-ticker-ti strong {
	color:#00529B;
}

/* 新着情報 ticker件名 */
.ticker ul {
	font-size:90%;
	line-height:1.8;
	}
.ticker a {
color:#0088B5}

.ticker a:hover {
text-decoration:none;
color:#ff6600}



/*はじめに　first*/
/* .first-bg{
	background: url(https://ugs-recruit.jp/yagilab/lp/img/top_first_logomark.png) no-repeat center center;
	background-size: 270px auto;
} */

.first{
	padding: 64px 0 34px;
	/* background: url(https://ugs-recruit.jp/yagilab/lp/img/top_first_line.png) repeat-x bottom left; */
}
.kazarikei {
	height: 160px;
	width: 90%;
    background: url(https://ugs-recruit.jp/yagilab/lp/img/kazari_line.png) no-repeat bottom center;
	margin-top: -170px;
}
.welcome-box {
	background-color: rgba(14, 171, 118, 0.12);
    padding: 72px 0 1px;
    margin: 0 0 90px;
}
/*ページリンク　page-link*/
#contents-main .page-link ul li {
	width: 29.33%;
	margin: 0 2% 4%;
	min-height: 150px;
}

#contents-main .page-link a {
	color: #000;
	font-weight: 600;
	width: 100%;
	height: 100%;
	background: url(https://ugs-recruit.jp/yagilab/lp/img/top_pagelink_bg.png) no-repeat top center;
	background-size: 100% 100%;
	display: flex;
    -webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
    -webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
  	flex-direction: column;
	text-align: center;
	padding-top: 2em;
	transition: 0.2s ease opacity;
	opacity: 1;
}
#contents-main .page-link a:hover {
	text-decoration: none;
	opacity: 0.7;
}
#contents-main .page-link ul {
	position: relative;
}
#contents-main .page-link ul::before {
	content: "";
	width: 100%;
	height: 50px;
	background: url(https://ugs-recruit.jp/yagilab/lp/img/top_pagelink_stick_s.png) no-repeat top center;
	background-size: 100% 100%;
	margin: 0 auto;
    margin-bottom: -20px;
    max-width: 850px;
}

/*シニアの方へ*/
/* .forwoman-bg{
	background: url(https://ugs-recruit.jp/yagilab/lp/img/top_forwoman_bg.jpg) no-repeat top center;
	background-size: cover;
	padding: 72px 0 72px;
    margin-bottom: 141px;
} */

#contents-main .blue-list li {
	width: 46%;
	margin: 0 0 2em;
}

#contents-main .blue-ttl{
	font-size: 100%;
    background: url(https://ugs-recruit.jp/yagilab/lp/img/top_ttl_blueliine_s.png) no-repeat top center;
    text-align: center;
    background-size: 100% 100%;
    height: 4em;
    padding: 1.2em 0;
    margin-bottom: 10px;
}
#contents-main .blue-ttl.line2{
	line-height: 1.2;
	padding-top: 1em;
}

#contents-main .w-keibi{
	position: relative;
}
#contents-main .w-keibi .pink-maru{
	position: absolute;
    top: 30%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    line-height: 2;
    width: 40%;
}
#contents-main .w-keibi .pink-maru h3{
	background: url(https://ugs-recruit.jp/yagilab/lp/img/top_pinkmaru.png) no-repeat top center;
    background-size: 80% 100%;
    margin: 0;
    padding: 27% 5%;
    text-align: center;
}

/*一言*/
#contents-main .hitokoto {
	margin: 0 0 6em;
}
#contents-main .hitokoto .bg-cream {
	padding: 0;
	background: linear-gradient(transparent 50%, #ffffe1 50%);
	margin-top: 0;
}
#contents-main .hitokoto .box {
	padding: 0 6.5% 5%;
}
#contents-main .person-box {
	position: relative;
	width: 49%;
}
#contents-main .main-img {
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
#contents-main .main-img img{
	width: 60%;
	
}
#contents-main .person-box .hukidasi-shiro {
    position: absolute;
	top:0;
	right: 0;
    width: 53%;
}
#contents-main .sub-img {
	width: 46%;
}
#contents-main .person-box .hukidasi-shiro {
    background-color: #fff;
}
#contents-main .person-box .hukidashi-reverse.hukidasi-shiro::after {
    border-right: 15px solid #fff;
}


/*スタッフ紹介*/
.img-ct2 > *{
	width: 48%;
	text-align: center;
}
#contents-main .w70{
	width: 68%;
}

.si-member {
	width: 96%;
	max-width: 1108px;
	margin: 0 auto;
}
#contents-main .si-member-box{
	border: 1px solid #eee;
    border-radius: 30px;
    padding: 4% 3%;
    margin-bottom: 2em;
}
#contents-main .si-member-box.noborder {
	border: none;
}
#contents-main .staff-info .si-member-box{
    padding: 8% 5% 5%;
}
#contents-main .si-member_ttl{
	font-family: 'Noto Serif JP', serif;
	margin-top: 8px;
	padding: 0;
	color: #333;
	font-size: 100%;
	margin-bottom: 0;
	text-align: center;
	position: relative;
	z-index: 1;
}
#contents-main .si-member_ttl strong{
	font-size: 150%;
	margin-bottom: 10px;
    display: inline-block;
}
#contents-main .staff-info .si-member_img{
	position: relative;
	width: 100%;
	margin-top: 2em;
}
#contents-main .staff-info .si-member_img figure{
	margin: 2% 2% 20px;
	width: 30%;
}
#contents-main .staff-info .si-member_text{
	padding: 1em 3.5em 0;
	width: 100%;
}
#contents-main .staff-info .si-member_text .m_txt {
	margin: 0;
}
#contents-main .si-member_img .motto {
	width: 60%;

    text-align: center;
	position: relative;
}
#contents-main .si-member_img .motto_wrap {
	background-color: #fff;
	margin-top: 1.5em;
    padding: 2% 4%;
	box-shadow: 4px 3px 15px 5px rgba(0, 0, 0, 0.05);
    position: relative;
}
#contents-main .si-member_img .motto .motto_ttl {
	position: absolute;
    top: -1em;
    left: 1em;
    width: 70%;
}
#contents-main .si-member_img .motto img{
	width: 90%;
    object-fit: contain;
}
/*
#contents-main .si-member_img .motto.right-side::before {
	content: "";
    width: 30%;
    height: 100%;
    background: url(https://ugs-recruit.jp/yagilab/lp/img/staff_motto_maru_orange.png) no-repeat top left;
    background-size: contain;
    display: block;
    position: absolute;
    right: 85%;
    top: -35%;
    z-index: 0;
}
*/

#contents-main .staff-info .bg-green{
	background: url(https://ugs-recruit.jp/yagilab/lp/img/frame_green_top.png) no-repeat top left, url(https://ugs-recruit.jp/yagilab/lp/img/frame_green_bottom.png) no-repeat bottom left;
	background-size: 100% auto,100% auto;
}	
#contents-main .staff-info .bg-orange{
	background: url(https://ugs-recruit.jp/yagilab/lp/img/frame_orange_top.png) no-repeat top left, url(https://ugs-recruit.jp/yagilab/lp/img/frame_orange_bottom.png) no-repeat bottom left;
	background-size: 100% auto,100% auto;
}

.orange-ttl{
	position: relative;
}
.orange-ttl::before{
	content: "";
	width: 80%;
	height: 100%;
	background: url(https://ugs-recruit.jp/yagilab/lp/img/top_orange-ttl_bg.png) no-repeat top center;
	background-size: 100% 100%;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	z-index: -1;
}
.hanakan-bg{
	background: url(https://ugs-recruit.jp/yagilab/lp/img/top_hanakanmuri_bg.jpg) no-repeat center center;
    background-size: auto 100%;
    position: relative;
    padding-top: 10%;
}
#contents-main .hanakan-bg .mds{
	margin-bottom: -8%;
}



/*質問*/
#shitsumon {
	margin-top: 2em;
}
.shitsumon_q .img-tt {
	text-align: center;
	margin-bottom: 3em;
}
#shitsumon .shitsumon_img {
	position: relative;
	margin-bottom: 25em;
}
#shitsumon .con-main-box .shitsumon_img .faq_bg {
	position: absolute;
	top: 0;
    left: 0;
}
#shitsumon .con-main-box .shitsumon_img .img-ct {
	position: absolute;
	top: 150px;
    left: 0;
}

/*はじめてでも大丈夫！*/
.o-maru {
	text-align: left !important;
	margin-top: 3em;
}

/*教育体制*/
#contents-main .mt-list {
	margin-top: 0;
}
#contents-main .mds-shikaku{
	font-size: 150%;
	font-family: 'Noto Serif JP', serif;
	margin: 40px -10px 40px;
	padding-bottom: 0;
	text-align: left;
}
#contents-main .mds-shikaku::before{
	content: "◼︎";
	font-size: 150%;
    display: inline-block;
    color: #02AB76;
    vertical-align: middle;
    margin: 0 0 0.2em;
}
#contents-main .manager_ttl {
    top: -60px;
	left: 260px;
}
#contents-main .content-box {
	margin: 0 -3%;
}
#contents-main .content-box4 {
	margin: 0;
}
#contents-main .content-box .ct {
	margin-bottom: 2em;
	padding: 0 3%;
}
.tobiginner {
	position: relative;
	padding: 4em 0 0;
}
#contents-main .tobiginner h3{
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
#contents-main .tobiginner h3::after{
	content: "";
    width: 43%;
    height: 1.5em;
    display: inline-block;
    background: url(https://ugs-recruit.jp/yagilab/lp/img/common_maru_line_short.png) no-repeat top left;
    background-size: 100% auto;
    margin-left: 2em;
	order: 2;
}
#contents-main .tobiginner h3 > img{
	position: absolute;
    width: 25%;
    top: -100px;
    right: 0;
}
#contents-main .tobiginner .maru-line{
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
#contents-main .tobiginner .maru-line img{
	width: 13%;	
}
#contents-main .tobiginner .maru-line::after{
	content: "";
    width: 85%;
    height: 2.5em;
    display: inline-block;
    background: url(https://ugs-recruit.jp/yagilab/lp/img/common_maru_line.png) no-repeat bottom left;
    background-size: 100% auto;
    margin-left: 1em;
	order: 2;
}
#contents-main .si-member_img {
    position: relative;
	padding-right: 4%;
}
#contents-main .si-member_img figure {
    margin: 2% 2% 20px;
}
#contents-main .si-member_text {
    width: 63%;
}
#contents-main .si-member_text.m_txt {
    margin-left: 10px;
	width: 100%;
}
.green-ttl{
	position: relative;
}
.green-ttl::before{
	content: "";
	width: 100%;
	height: 100%;
	background: url(https://ugs-recruit.jp/yagilab/lp/img/top_green-ttl_bg.png) no-repeat top center;
	background-size: 100% 100%;
	display: inline-block;
	position: absolute;
	top: 90%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	z-index: -1;
}


/*３−３−３巡察*/
.zyunsatsu_333{
    background: rgba(18, 178, 237, 0.2);
    padding: 90px 0 50px;
	margin-bottom: 90px;
}
.ikisatsu {
	margin-bottom: 2em;
}
.bg_brush_white {
	background: url(https://ugs-recruit.jp/yagilab/lp/img/zyunsatsu3_bg_white.png) no-repeat center center;
	background-size: 100% 100%;
	width: 40%;
	margin-bottom: 0;
	padding: 5%;
}
.ikisatsu_arrow{
    width: 20%;
}
.zyunsatsu_comment{
	background-color: #fff;
    border-radius: 30px;
    padding: 4% 4%;
	margin-top: 5%;
}
#contents-main .zyunsatsu_comment  .with-text{
	width: 70%;
    padding: 0;
    margin-right: 5%;
}
#contents-main .zyunsatsu_comment  .img-ct {
	width: 25%;
	margin-top: -17%;
}
#contents-main .person-box_half .main-img img {
    width: 50%;
}
#contents-main .main-img.noflex {
	display: block;
}
#contents-main .interval .ct-img.pd-r {
    padding-right: 5%;
}
#contents-main .interval .ct-img.pd-l {
    padding-left: 5%;
}
#contents-main .with-text.hukidasi {
    padding: 10px 1em;
    margin: 0;
}


/*質問２*/
.shitsumon_q .shitsumon_img.left-side {
    position: absolute;
    bottom: 0;
    z-index: 0;
    width: 19%;
    right: inherit;
    left: 0;
}
/*運動量　表*/
#contents-main .momentum table th{
	background: #fff;
	padding: 0;
	border: 5px solid #fff;
	width: 33.3%;
}
#contents-main .momentum table th h4{
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
	background: rgba(14,171,117,0.4);
}
#contents-main .momentum table .bg-g td{
	background: rgba(14,171,117,0.15);
	border: 5px solid #fff;
}
#contents-main .momentum table .bg-o td{
	background: rgba(245,110,18, 0.15);
	border: 5px solid #fff;
}
/*現場の声*/
#contents-main .bg_brush_green{
	background: url(https://ugs-recruit.jp/yagilab/lp/img/genbanokoe_ttl_bg01.png) no-repeat top 10px center;
	background-size: 100% 100%;
	margin: 5em auto 1em;
	width: fit-content;
	padding: 2em 6em;	
}
#contents-main .ct-text.mt-ttl {
	margin-top: 50px;
	padding-right: 40px;
}

/*エリア*/
#contents-main h4.blue-line {
	margin-bottom: 0.5em;
	text-align: left;
}
#contents-main h4.blue-line::before {
    vertical-align: middle;
    content: "";
    width: 0.8em;
    height: 0.8em;
    background-color: #4c689b;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 4px;
}
.syutoken{
	background: url(https://ugs-recruit.jp/yagilab/lp/img/area_img_bg.png) no-repeat top center;
	background-size: contain;
	padding: 4em 0 6em;
	position: relative;
}
.syutoken::after{
	content: "";
    width: 15%;
    height: 150px;
    background: url(https://ugs-recruit.jp/yagilab/lp/img/area_img_tori.png) no-repeat top center;
    background-size: contain;
    position: absolute;
    top: -60px;
    right: 0;
    display: inline-block;
    z-index: 0;
}
#contents-main .syutoken .tac {
    position: relative;
    z-index: 1;
}

/*主な現場*/
#contents-main .clm4 > * {
    width: 25%;
    padding-left: 1%;
}
#contents-main #keibii-genba .content-box .ct {
    padding: 0 1%;
}

/*教育*/
#contents-main .waku {
    border: 1px solid #00AA75;
    padding: 1em 3em 1em 1em;
    display: inline-block;
}
.bg-cream{
    background: #ffffe1;
	position: relative;
	padding: 4% 4% 4%;
	margin-top: 2em;
}
.bg-cream.round{
	border-radius: 30px;
}
.bg-cream .img-ct{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 25%;
}


/*月給例*/
#contents-main #eb-salary .bgbl-mds {
    background-color: #00AF7D;
    color: #fff;
    font-size: 110%;
    padding: 0.5em;
}
#contents-main .blue-bd {
    border-left: 8px solid #00AF7D;
    padding-left: 8px;
}
#contents-main .cl-inner{
    border: 1px solid #ccc;
    padding: 1em 10px 0;
	border-radius: 10px;
	margin-bottom: 1em;
}
#contents-main .img-salary::before{
	content: "";
    display: inline-block;
    width: 16%;
    height: 60px;
    background: url(https://ugs-recruit.jp/yagilab/lp/img/benefits_salary_icon.png) no-repeat center;
    background-size: contain;
    vertical-align: bottom;
    margin-left: -16%;
}

/*福利厚生*/
#contents-main .text-welfare {
	padding: 6% 10%;
	background: url(https://ugs-recruit.jp/yagilab/lp/img/welfare_img_bg.jpg) no-repeat top center;
	background-size: 100% 100%;
	position: relative;
	margin-top: 3em;
}
#contents-main .text-welfare ul{
	padding-left: 1em;
    text-indent: -1em;
}
#contents-main .text-welfare .col02{
	margin-left: 12%;
}
#contents-main .text-welfare ul{
	margin-bottom: 0;
}
.bg-tree{
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
  	flex-direction: column;
	background: url(https://ugs-recruit.jp/yagilab/lp/img/welfare_img_tree.jpg) no-repeat top center;
	background-size: auto 65%;
}
.bg-tree .tar{
	margin-top: auto;
}

/*理念*/
#rinen .inner {
	background: url(https://ugs-recruit.jp/yagilab/lp/img/rinen_bg.png) no-repeat top left;
	background-size: cover;
	padding: 30px 0;
}
#rinen .rinen_box{
	width: 70%;
    margin: 0 auto 80px;
}
#rinen .interview-ttl {
	background: url(https://ugs-recruit.jp/yagilab/lp/img/rinen_interview_ttl_left.png) no-repeat top left,url(https://ugs-recruit.jp/yagilab/lp/img/rinen_interview_ttl_right.png) no-repeat top right;
	background-size: 20% auto, 20% auto;
	margin-bottom: 4em;
}
#rinen .interview-ttl h2 {
	width: 74%;
    margin: .5em auto;
    padding-top: 12px;
}
#rinen .sub-ttl {
    background: url(https://ugs-recruit.jp/yagilab/lp/img/rinen_sub-ttl_bg.png) no-repeat top center;
    background-size: 90% 100%;
    padding: 0.5em;
	width: 74%;
	margin: 0 auto;
}
#contents-main .comment-hito {
	max-width: 18%;
}
#contents-main .comment-hito.w-img {
	margin-left: 80px;
}
#contents-main .hukidasi-box {
	width: 80%;
}
#contents-main .hukidasi-box.left-side {
	padding-right: 30px;
	text-align: right;
}
#contents-main .hukidasi-box.right-side {
	padding-left: 0;
	text-align: left;
}

#contents-main .top-faq .hukidasi {
	width: 50%;
	padding: 30px;
}
#contents-main .hukidasi {
	display: inline-block;
	position: relative; 
	margin: 5px 0 0 105px;
	padding: 17px 26px;
	border-radius: 12px;
	background: #e0f5ef;
}
#contents-main .hukidasi p {
	margin-bottom: 0;
}

#contents-main .hukidasi::after {
	content: "";
	position: absolute;
	top: 3px; 
	right: -19px;
	border: 8px solid transparent;
	border-left: 18px solid #e0f5ef;
	-webkit-transform: rotate(-35deg);
	transform: rotate(-35deg);
}

#contents-main .fukidashi-img {
	width: 27%;
    margin-left: 5%;
}
.hukidashi-reverse + .fukidashi-img {
    margin-right: 5%;
    margin-left: 0;
}
#contents-main .top-faq .hukidashi-reverse {
	width: 50%;
	padding: 30px;
}
#contents-main .hukidashi-reverse {
	display: inline-block;
	position: relative; 
	margin: 5px 0 0 35px;
	padding: 17px 26px;
	border-radius: 12px;
	background: #e0f5ef;
}
#contents-main .hukidashi-reverse p {
	margin-bottom: 0;
}
#contents-main .hukidashi-reverse::before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 3px; 
	left: -19px;
	border: 8px solid transparent;
	border-right: 18px solid #e0f5ef;
	-webkit-transform: rotate(35deg);
	transform: rotate(35deg);
}


/*message*/
.message_profile{
	background: url(https://ugs-recruit.jp/yagilab/lp/img/message_name_bg.png) no-repeat center left;
	background-size: 50% auto;
}
.message_box {
	padding: 0 10px;
}
/*interview*/
#contents-main .comment {
	margin: 0 auto;
	max-width: 980px;
}
#contents-main .s_interview {
	font-size: 170%;
	line-height: 2em;
	letter-spacing: 0.1em;
} 
#contents-main .in-view_img {
	max-width: 20%;
	justify-content: space-between;
}
#contents-main .interview-box {
	margin: 0 auto;
	max-width: 860px;
	justify-content: space-between;
}
/*Q&A*/

#contents-main .qa .read_open_close{
	color: #002870;
    transition: .3s;
    cursor: pointer;
    background: #FDEADA;
    line-height: 1.2em;
	padding: 1em 1em;
    margin-bottom: 3px;
	font-weight: 600;
}
#contents-main .qa .read_open_close::after {
    content: '';
    display: inline-block;
    float: right;
    min-width: 16px;
    height: 16px;
    background: url(https://ugs-recruit.jp/yagilab/lp/img/common_menu_open.png) no-repeat;
    background-size: contain;
    margin-top: 3px;
}
#contents-main .qa .read_open_close.active::after {
	transform: rotate(45deg);
}

/*リラックス面接*/
#contents-main .manager .si-member-box .bg-gmaru{
    background: url(https://ugs-recruit.jp/yagilab/lp/img/mensetsu_manager_bg01.png) no-repeat center center;
	background-size: 100% 100%;
}
#contents-main .manager .si-member-box .bg-omaru{
    background: url(https://ugs-recruit.jp/yagilab/lp/img/mensetsu_manager_bg02.png) no-repeat center center;
	background-size: 100% 100%;
}

#contents-main .si-manager_img {
    width: 35%;
    position: relative;
}
#contents-main .si-manager_img figure {
    margin: 10% 2% 20px;
}

.momentum {
	margin-top: 50px;
}

/*一日の様子*/
/* #contents-main .work-type-box .type {
    margin: 0 5%;
}
.mds-middle{
    background: #fcf1fb;
    padding: 0.5em 1em;
    border-radius: 20px;
    border: 2px dashed #f7bde4;
    font-weight: 600;
    font-size: 120%;
}
#contents-main .timeline {
	list-style: none;
  }
#contents-main .timeline > li {
	margin: 0;
	position: relative;
	width: 8%;
	-webkit-box-flex:2;
	-ms-flex-positive:2;
	flex-grow:2;
	max-height: 320px;
}
#contents-main .timeline-time {
	margin-top: 1em;
    text-align: left;
    padding-right: 2%;
    font-weight: bold;
    margin-bottom: 0;
    margin-left: -20px;
	color: #5d97e2;
	font-size: 80%;
}
#contents-main .timeline-ct {
	border-left: 2px #ccc solid;
    border-bottom: 2px #ccc solid;
    border-top: 2px #ccc solid;
	padding: 1em 4px;
    min-height: 10em;
	height: 90%;
}
#contents-main li:last-child .timeline-ct {
	border-right: 2px #ccc solid;
}
#contents-main .timeline-ct h3{
	margin: 0 auto;
    padding-bottom: 0;
	font-size: 100%;
	line-height: 1.2;
	writing-mode: vertical-rl;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: vertical-rl;
}
#contents-main .timeline li.fg-l{
	-webkit-box-flex:4;
	-ms-flex-positive:4;
	flex-grow:4;
	width: 16%;
}
#contents-main .timeline li.fg-ml {
    -webkit-box-flex: 5;
    -ms-flex-positive: 5;
    flex-grow: 5;
    width: 32%;
}
#contents-main .timeline li.fg-s{
	-webkit-box-flex:1;
	-ms-flex-positive:1;
	flex-grow:1;
	width: 4%;
}
#contents-main .timeline-bg01 {
	background: #F4F8FD;
}
#contents-main .timeline-bg02 {
	background: #E8EFFB;
}
#contents-main .timeline-bg03 {
    background: #D6E4F8;
}
#contents-main .timeline-bg04 {
	background: #C6DAF4;
}
#contents-main .timeline-bg05 {
	background: #B1CDF1;
}
#contents-main .timeline-bg06 {
	background: #9DBFEE;
}
#contents-main .timeline-bg07 {
	background: #85AFE9;
}
#contents-main .timeline-bg08 {
	background: #669BE3;
}
#contents-main .timeline li .fs-note{
	display: block;
	padding-top: 1em;
	text-indent: -1em;
	margin-top: 1em;
} */




/*警備一日　スケジュール*/
/* #contents-main .bgbl-mds{
	color: #fff;
    padding: 0.2em 0.5em;
    background-color: #a5a7b4;
    margin: 1em 0 1em;
}
#contents-main .bgpk-mds{
	font-size: 100%;
    text-align: left;
    margin: 1em 0 2em;
    padding: 8px;
    background: #ffe4fd;
    font-weight: 600;
}

#contents-main .keibi-member h4 {
    font-size: 100%;
    text-align: left;
    margin: 1em 0;
	padding: 8px;
    background: #ffe4fd;
    font-weight: 600;
}
#contents-main .keibi-member h4 .maru {
	background: #ff99c8;
    padding: 16px 10px;
    text-align: center;
    border-radius: 50%;
    margin-left: -20px;
    color: #fff;
    font-size: 85%;
    margin-right: 10px;
}
#contents-main .keibi-member .si-member_img {
	width: 45%;
}
#contents-main  .keibi-member .si-member_text {
    width: 52%;
}
#contents-main .keibi-member .si-member_img figure {
    margin-bottom: 0;
}
#contents-main .keibi-member .si-member_ttl{
	padding: 1em;
    background: #ffd994;
	background: url(https://ugs-recruit.jp/yagilab/lp/img/top_m_ttl_orange.jpg)no-repeat top center;
	background-size: cover;
    width: 80%;
    margin: 0 auto;
} */


/* #contents-main table.cal th{
	background-color:#d5e3f6;
	padding: 3px 5px;
	text-align: center;
	font-size: 80%;
}
#contents-main table.cal td{
	padding: 0;
	font-size: 80%;
}
#contents-main table.cal td .day{
	text-align: right;
    padding: 5px 10px;
    font-size: 80%;
    line-height: 1;
}
#contents-main table.cal td .ari,
#contents-main table.cal td .nasi{
	padding: 15px 2px;
	text-align: center;
}
#contents-main table.cal td .ari{
	background-color: #fff0f7;
}

.with-flower::before{
	content: "";
    width: 19%;
    height: 340px;
    background: url(https://ugs-recruit.jp/yagilab/lp/img/top_kinmu_bg01.png) no-repeat top left;
    background-size: contain;
    display: inline-block;
    transform: rotate(-25deg);
}
.with-flower::after{
	content: "";
    width: 19%;
    height: 340px;
    background: url(https://ugs-recruit.jp/yagilab/lp/img/top_kinmu_bg02.png) no-repeat top right;
    background-size: contain;
    display: inline-block;
    transform: rotate(25deg);
}
.flower02::before{
    height: 210px;
    background: url(https://ugs-recruit.jp/yagilab/lp/img/top_kinmu_bg03.png) no-repeat top left;
    background-size: contain;
    transform: rotate(0deg);
}
.flower02::after{
    height: 210px;
    background: url(https://ugs-recruit.jp/yagilab/lp/img/top_kinmu_bg04.png) no-repeat top right;
    background-size: contain;
    transform: rotate(0deg);
} */


/*チェックポイント*/




/*
#contents-main .pr-2p{
	padding-right: 2%;
}
#contents-main .check-point{
	background: #f4f8fd;
    border-radius: 20px;
}
#contents-main .inner-text{
	margin: 0 2%;
    padding-bottom: 2%;
}

#contents-main .check-point .bgpk-mds{
	border-radius: 20px 20px 0 0;
	background: #b1cdf0;
} */

/*制服*/
#contents-main .with-text{
	padding: 0 4%;
	margin: 0;
}
#contents-main .with-text.bg{
	background-color: #f5f5f5;
}

#contents-main .flex-37 .img-ct{
	width: 30%;
}

#contents-main .flex-37 .img-ct img{
	object-fit: cover;
    height: 100%;
    width: 100%;
	border-radius: 30px 0 0 30px ;
}
#contents-main .flex-37 .text-ct{
	width: 65%;
}

#contents-main .flex-37.flex-drr .with-text{
	border-radius: 30px 0 0 30px;
}
#contents-main .flex-37.flex-drr .img-ct img{
	border-radius:  0 30px 30px 0;
}

#contents-main .flex-37 .with-text{
	width: 70%;
	border-radius: 0px 30px 30px 0;
}



/*応募*/

#contents-main .ouboe {
	position: relative;
}
#contents-main .oubo {
	position: relative;
	text-align: center;
	display: block;
    margin: 0 auto 5em;
}
/* .oubo-hitokoto{
    margin-bottom: 2em;
	padding-top: 2em;
}
#contents-main .oubo-hitokoto > div{
	font-size: 15px;
	text-align: left;
	padding: 0 5%;
} */
#contents-main .oubo-bg {
	display: block;
	width: 80%;
    max-width: 800px;
	margin: 8% auto 0;
	position: relative;
	z-index: 0;
	padding: 3em 1em;
	min-height: 280px;
	border-radius: 16px;
	background-image: linear-gradient(166deg, rgb(255 255 0) 1%, rgba(2, 171, 118, 1) 70%);
	background-size: cover;
}

#contents-main .oubo-bg::before{
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	z-index:-1;
	top:0;
	left:0;
	transition:0.5s;
	border-radius: 16px;
}
/*
#contents-main .oubo-bg::after{
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	z-index:-2;
	top:0;
	left:0;
	background: -moz-linear-gradient(166deg, rgb(255 108 14) 1%, rgba(2, 171, 118, 1) 70%);
	background: -webkit-linear-gradient(166deg, rgb(255 108 14) 1%, rgba(2, 171, 118, 1) 70%);
    background: linear-gradient(166deg, rgb(255 108 14) 1%, rgba(2, 171, 118, 1) 70%);
	border-radius: 16px;
} */

#contents-main .oubo-bg:hover::before{
	opacity:0;
}

/* #contents-main .oubo::before{
	content: "";
	width: 22%;
	height: 280px;
	position: absolute;
	left:5%;
	top: 0;
	background: url(https://ugs-recruit.jp/yagilab/lp/img/top_oubo_woman01.png) no-repeat bottom center;
	background-size: contain;
	display: inline-block;
	z-index:2;
}
#contents-main .oubo::after{
	content: "";
	width: 22%;
	height: 280px;
	position: absolute;
	right:5%;
	top: 0;
	background: url(https://ugs-recruit.jp/yagilab/lp/img/top_oubo_woman02.png) no-repeat bottom center;
	background-size: contain;
	display: inline-block;
	z-index:2;
} */
#contents-main .oubo .oubo-ttl{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	color: #002870;
    display: block;
    font-size: 170%;
    white-space: nowrap;
    letter-spacing: 0.1em;
	line-height: 1.6;
	transition: 0.3s ease ;
}
#contents-main .oubo .oubo-ttl img.link{
	width: 1em;
    vertical-align: top;
    margin-top: 10px
}
#contents-main .oubo .oubo-text{
	display: block;
    font-size: 16px;
    margin-top: 2em;
}
#contents-main .wp-bottom .mds-oubo{
	font-size: 150%;
	text-align: center;
	margin-top: 1.5em;
}
#contents-main .mds-oubo{
	position: relative;
	background: url(https://ugs-recruit.jp/yagilab/lp/img/common_maru_line.png) no-repeat top left;
	background-size: 100% auto,100% auto;
	padding: 4em 1em 0;
}
#contents-main .mds-oubo::before {
	content: "";
	width: 40%;
	height: 100%;
	display: inline-block;
	background: url(https://ugs-recruit.jp/yagilab/lp/img/mds-oubo_left.png) no-repeat center left;
	background-size: 100% auto;
	position: absolute;
    top: 250px;
    left: 0;
	z-index: -1;
}
#contents-main .mds-oubo::after {
	content: "";
    width: 30%;
    height: 100%;
    background: url(https://ugs-recruit.jp/yagilab/lp/img/mds-oubo_right.png) no-repeat center right;
    background-size: 100% auto;
    position: absolute;
    top: -70px;
    right: 0;
	display: inline-block;
	z-index: -1;
}

#contents-main .wp-bottom .shadow{
	display: inline-block;
	background-color: #FDEADA;
}
#contents-main .wp-info strong{
	font-size: 150%;
}
#contents-main .wp-info .info-shadow {
	background: #FDEADA;
    box-shadow: 0px 3px 6px #d6d4cf;
	max-width: 600px;
    padding: 30px;
    margin: 0 auto;
}
.oubo_com01,.oubo_com02{
	position: relative;
}
.oubo_com01::before{
	content: "";
	width: 100%;
	height: 12em;
	background: url(https://ugs-recruit.jp/yagilab/lp/img/top_oubo_hukidasi01_n.png) no-repeat center center;
	background-size: contain;
	display: inline-block;
	position:absolute;
	top: -4.5em;
	left: 0;
	z-index: -1
}
.oubo_com02::before{
	content: "";
	width: 100%;
	height: 12em;
	background: url(https://ugs-recruit.jp/yagilab/lp/img/top_oubo_hukidasi02_n.png) no-repeat center center;
	background-size: contain;
	display: inline-block;
	position:absolute;
	top: -3.5em;
	right:0;
	z-index: -1
}

/*応募　写真*/
.oubo-photo {
	margin-top: -50px;
}
.oubo-photo-img img {
	margin: auto 0;
}
.oubo-photo-img img:nth-child(2){
	margin-top: 10%;
}
#contents-main .finish-mds {
	margin: 0 auto;
    max-width: 860px;
    justify-content: center;
}
#contents-main .in-finish_img {
	max-width: 20%;
	margin-right: 2%;
}


/*共通 page*/

.anchor03 {
	margin-top: -90px;
}
.anchor04 {
	margin-top: -90px;
}
#contents-main .w-ct {
	width: 32%;
	margin-right: 2%;
	margin-bottom: 40px;
}
#contents-main .w-ct_img {
	margin-bottom: 1em;
}
#contents-main .b-ct_img {
	margin-top: -1em;
}

#contents-main .w-ct:nth-of-type(3n){
	margin-right: 0;
}
#contents-main .w-ct_text h4{
	font-weight: bold;
    font-size: 100%;
    margin: 1em 0 0.25em;
}
#contents-main .cl3 {
    width: 33.3333%;
    padding: 10px;
}

#contents-main .img-okane{
	max-width: 150px;
	margin-left: 2em;
}






/* ★お問い合わせ--------------------------------　*/

#contents-main .pp{
	margin-bottom: 0;
	background: #eee;
}
#contents-main .pp h3{
	text-align: left;
	border: none;
	padding: 0;
	margin: 2em 0 1em;
}
#contents-main .pp h3::after{
	border-bottom: none;
}

#contents-main table.soy_inquiry_message {
	border:0;
	background:none;
	margin:0;
	}
#contents-main table.soy_inquiry_message td , #contents-main table.soy_inquiry_message th {
	border:0;
	background:none;
	padding:0;
	}

span.error_message {
	color:#900}

/* お問い合わせ　テーブル設定 */
#contents-main table#inquiry_form {
	}
#contents-main table#inquiry_form th {
	background:#F8F8F6;
	text-align:center;
	padding:10px ;
	white-space:nowrap;
	vertical-align:middle;
	font-weight:400;
	border:2px solid #fff;
}

#contents-main table#inquiry_form td {
	background:#fff;
	padding:10px;
	border:2px solid #fff;
	text-align: left;
	}

body.contact #contents-main table tr:nth-child(odd) td {
	background: #fff;
}

#contents-main table input[name="confirm"] {
	font-size: 18px;
}

/* 住所　nest table用 */
#contents-main table#inquiry_form table {
	width:100%;
}
#contents-main table#inquiry_form table td {
	border:0;
	white-space:nowrap;
}


/* テキストボックスなどの長さ */

#contents-main table#inquiry_form  td input.name{
	width:200px}
#contents-main table#inquiry_form  td input.mail{
	width:350px}
#contents-main table#inquiry_form  td input.subject{
	width:300px}
#contents-main table#inquiry_form  td textarea {
	width:100%;}
@media screen and (min-width: 800px) and (max-width: 1100px) {
	#head {
	padding: 15px 0;
	}
}
@media screen and (min-width: 800px) and (max-width: 1128px) {

	#contents-main .si-member {
		margin-bottom: 2em;
	}
}

@media screen and (min-width: 800px) and (max-width: 1024px) {
	#head {
		height: auto;
	}
	#head h1 a strong {
		line-height: 1.4;
		font-size: 120%;
	}

	#navi li a{
		font-size: 80%;
	}
	#head #head-navi a {
		margin-left: 1em;
		font-size: 90%;
	}
	#contents-main .mds {
		font-size: 110%;
	}
	.tb-only{
		display: block;
	}
	.sptb-none{
		display: none;
	}

	.tb-width{
		width: 25%;
	}
	.top-logo img{
		width: 50%;
	}
	#contents-main .big-mds h2 {
		font-size: 170%;
	}
	#contents-main .shadow {
		padding: 1em;
	}
	#contents-main .text-welfare ul {
		margin-left: 2%;
	}
	#contents-main .text-welfare .ml-12 {
		margin-left: 6%;
	}
	#contents-main .top-faq .hukidasi {
		width: 54%;
		padding: 20px;
		top: 35%;
		left: 2%;
	}
	#contents-main .wp-middle figure .shadow {
		padding: 3% 3%;
	}
	/*メッセージ*/
	#contents-main .si-member_ttl {
		font-size: 14px;
	}
}


/* 印刷用設定　ここから */
@media print {


/* JSナビ固定の解除 */
.fixed {
	position:relative ;
	}


}
/* 印刷用設定　ここまで */