@charset "UTF-8";
@import url("grid.css");



img {
	max-width:100%;
	height: auto;/*高さ自動*/
}

img[src$=".svg"] { width: 100%; }

a {
    display:block;
    color: #666;
    text-decoration-line: none;
}
a:hover { 
    color: #999;
}

.ryumin{
font-family: a-otf-ryumin-pr6n, serif;
font-style: normal;
}

.mb20{margin-bottom: 20px;}
.mb40{margin-bottom: 40px;}



@media screen and (min-width: 768px){   
  .pc { display:block; }
  .sp { display:none; }
}
@media screen and (max-width: 768px){   
  .pc { display:none; }
  .sp { display:block; }
}

.main_ttl{
font-weight: bold;
letter-spacing: .24rem;	
}

.main_come {
    line-height: 1.5;
    letter-spacing: 0.5rem;
}

.gray-area{
	position: relative;
}
.triangle{
	position: absolute;
    top: -1px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}



/*ヘッダー
-------------------------------------*/
.header {
	display: flex;
    flex-direction: row;
    padding: 2rem 0 0 0;
}

.header-box {
	margin-left: auto;
	margin-top: 8px;
}

h1 img{
	width: 26.4rem;
	max-width: 264px;
}

.contact-button {
	padding: 1rem;
	border: 2px solid #000;
}

.sp-menu{display: none;}

ul, li {
	padding: 0px;
	margin: 0px;
	list-style: none;
}
 
/* -------------------- */
/* ▼メニューバーの装飾 */
/* -------------------- */
ul.ddmenu {
   margin: 0px;              /* メニューバー外側の余白(ゼロ) */
   padding: 0px 0px 0px 15px; /* メニューバー内側の余白(左に15px) */
   background-color: #fff; /* バーの背景色(濃い赤色) */
}

ul.ddmenu {
	display: flex;
    flex-direction: row;
    justify-content: space-around;
    list-style: none;
	margin: 1rem 0 0 0;
	z-index: 100;
    position: relative;
}

/* -------------------------- */
/* ▼メインメニュー項目の装飾 */
/* -------------------------- */
ul.ddmenu li {
   /*width: 165px; */          /* メニュー項目の横幅(125px) */
   display: inline-block;  /* ★1:横並びに配置する */
   list-style-type: none;  /* ★2:リストの先頭記号を消す */
   position: relative;     /* ★3:サブメニュー表示の基準位置にする */
   border-left: 1px solid #9fa0a0;	
}

ul.ddmenu li {
	flex: 1 0 auto;
}

ul.ddmenu a {
   background-color: #fff; /* メニュー項目の背景色(濃い赤色) */
   color: #666;              /* メニュー項目の文字色(白色) */
   line-height: 40px;         /* メニュー項目のリンクの高さ(40px) */
   text-align: center;        /* メインメニューの文字列の配置(中央寄せ) */
   text-decoration: none;     /* メニュー項目の装飾(下線を消す) */
   /*font-weight: bold; */        /* 太字にする */
   display: block;            /* ★4:項目内全域をリンク可能にする */
}

.employment{
	background-color: #fff; /* メニュー項目の背景色(濃い赤色) */
   color: #666;              /* メニュー項目の文字色(白色) */
   line-height: 40px;         /* メニュー項目のリンクの高さ(40px) */
   text-align: center;        /* メインメニューの文字列の配置(中央寄せ) */
   text-decoration: none;     /* メニュー項目の装飾(下線を消す) */
   /*font-weight: bold; */        /* 太字にする */
   display: block;  
}

ul.ddmenu a:hover {
   background-color: #efefef; /* メニュー項目にマウスが載ったときの背景色(淡いピンク) */
   color: #666;            /* メニュー項目にマウスが載ったときの文字色(濃い赤色) */
}

/* ▼サブメニューは、とりあえず非表示にしておく */
ul.ddmenu ul {
   display: none;         /* ★5:非表示にする */
}

/* -------------------- */
/* ▼サブメニューの装飾 */
/* -------------------- */
ul.ddmenu ul {
   display: none;       /* ★1:標準では非表示にする */
   margin: 0px;         /* ★2:サブメニュー外側の余白(ゼロ) */
   padding: 0px;        /* ★3:サブメニュー内側の余白(ゼロ) */
   position: absolute;  /* ★4:絶対配置にする */
}

/* ---------------------------------- */
/* ▼サブメニューがある場合に開く処理 */   /* ※サブメニューが1階層しか存在しない場合の記述 */
/* ---------------------------------- */
ul.ddmenu li:hover ul {
   display: block;      /* ★5:マウスポインタが載っている項目の内部にあるリストを表示する */
}

/* ------------------------ */
/* ▼サブメニュー項目の装飾 */
/* ------------------------ */
ul.ddmenu ul li {   /* ※A */
   width: 100%;               /* サブメニュー1項目の横幅(135px) */
   border-top: 1px solid #666; /* 項目上側の枠線(ピンク色で1pxの実線) */
	border-left: 0;
}
ul.ddmenu ul li a {   /* ※B */
   line-height: 35px;   /* サブメニュー1項目の高さ(35px) */
   text-align: center;    /* 文字列の配置(左寄せ) */
   padding-left: 5px;   /* 文字列前方の余白(5px) */
   font-weight: normal; /* 太字にはしない */
}
ul.ddmenu ul li a:hover {   /* ※C */
   background-color: #efefef; /* サブメニュー項目にマウスが載ったときの背景色(淡い黄色) */
   color: #666;            /* サブメニュー項目にマウスが載ったときの文字色(濃い緑色) */
} 

@media screen and (min-width: 769px){
/* PC時はMENUボタンを非表示 */
#open,#close {
    display: none !important;
}

#navi {
    display: block !important;
}
}

@media screen and (max-width: 769px){
.header {
	flex-direction: column;
    margin-bottom: 10px;
}
.header #open,#close  {
    position: absolute;
    top: 20px;
    right: 12px;
}
nav ul {
	flex-direction: column;
}
.header li {
	padding-top: 0;
}
/* スマホ時はMENUボタンを表示 */
#open,#close  {
    display: block;
    width: 50px;
    border: none;
    position: absolute;
    top: 20px;
    right: 12px;
}
/* スマホ時はメニューを非表示 */
#navi {
    display: none;
}
	
ul.ddmenu{
	display: none;
	}

.sp-menu{
	display: block;	
	}	
.sp-menu li a {
    text-decoration: none;
    text-align: center;
    width: 100%;
	padding: 10px 0;
}
	
.sp-menu a:hover {
   background-color: #efefef; /* メニュー項目にマウスが載ったときの背景色(淡いピンク) */
   color: #666;            /* メニュー項目にマウスが載ったときの文字色(濃い赤色) */
}
	
	/*.child-menu a {
		font-size:14px;
	} 	*/
	
}
    
/*メイン画像
-------------------------------------*/
.mainimg img {
    width: 100vw;
}

/*メインコンテンツ
-------------------------------------*/
main {
    margin: 5rem 0 0 0;
}
section {
	margin: 5rem 0;
	padding: 3rem 0;
}
.gray-back {
	background-color: #efefef;
}

/*キャッチコピー
-------------------------------------*/
.catch {
    text-align: center;
	margin-bottom: 5em;
}
.catch h2 {
    padding-bottom: 1rem;
}
.under {
    border-bottom: 0.4rem solid #000;
    padding:0 1rem 1rem 1rem;
}
.center {
	text-align: center;
	margin-bottom: 4rem;
}



.flow.row {
	margin-bottom: 3rem;
}

.menu-area{
	padding: 60px 60px 20px 60px;
}

.news-area{
	margin: 0 auto;
    max-width: 864px;
    padding: 0 2.0rem;
}

.news-ttl{
	font-size:33px;
	color: #1d2087;
}

.news-link{
	font-size:17px;
	color: #1d2087;
	text-align: right;
}

.news-link a{
	color: #1d2087;
	}

.link_bn{
	margin: 5rem 0;
}

.flex{
	display: flex;
	justify-content: space-between;
}

.one-stop{
	text-align: center;
	padding: 2rem 0;
	flex-basis: 48%;
}

@media screen and (max-width:769px) {
.menu-area {
    padding: 40px 20px 20px 20px;
}
}

/*お問い合わせ*/

.conta_ttl{
	font-weight: bold;
    letter-spacing: .24rem;
	color: #1d2087;
}

.form_ttl{
	color:#fff;
	background-color:#1d2087;
	padding: 10px;
	text-align: center;
	letter-spacing: .24rem;
}

#formWrap {
	width:100%;
	margin:0 auto;
	line-height:120%;
	font-size:90%;
}

#formWrap-r {
	width:80%;
	margin:0 auto;
	line-height:120%;
	font-size:90%;
	padding: 40px 0;
}


table.formTable{
	width:100%;
	margin: 40px auto;
}

table.formTable {
	border-collapse: collapse; }
.formTable th,
.formTable td {
  padding: 12px 15px;
  text-align: left;
  border-bottom: 1px solid #E1E1E1; }
.formTable th:first-child,
.formTable td:first-child {
  padding-left: 0;
}
.formTable th:last-child,
.formTable td:last-child {
  padding-right: 0; }
.formTable tr:first-child{
	border-top: 1px solid #E1E1E1;
}

table.formTable .w_100{
  width:100%!important;
}
@media screen and (max-width:769px) {
#formWrap {
	width:100%;
	margin:0 auto;
}
table.formTable th, table.formTable td {
	width:auto;
	display:block;
}
table.formTable th {
	margin-top:5px;
	border-bottom:0;
}
  
table.formTable td {
	padding: 0 0;
}
input[type="text"], textarea {
	width:80%;
	padding:5px;
	font-size:110%;
	display:block;
}
input[type="submit"], input[type="reset"], input[type="button"] {
	display:block;
	width:100%;
	height:40px;
}
}

/*フッター
-------------------------------------*/
footer {
    background-color: #f7f7f7;
    padding: 5rem 0;
}
footer h4 {
    border-bottom: 3px solid #ccc;
}

/*お問い合わせ
-------------------------------------*/
.contact-box {
	border: 1px solid #ccc;
	text-align: center;
	padding: 2rem 0;
}
.table {
	margin: 4rem 0;
}
.table th {
	width: 250px;
}

/*コピーライト
-------------------------------------*/
.copyright {
    text-align: center;
    padding: 1rem 0;
    background-color: #1d2087;
}
.copyright a {
    color: #fff;
	font-size: 14px;
    text-decoration: none;
	display: inline;
}

/*ページトップへ戻るボタン
-------------------------------------*/
#pagetop {
    position: fixed;
    bottom: 15px;
    right: 15px;
}
#pagetop a {
    display: block;
    background: #1d2087;
    color: #fff;
    width: 50px;
    padding: 10px 5px;
    text-align: center;
}
#pagetop a:hover {
    background: #1d2087;
}

/* 幅768px以下の表示
-------------------------------------*/
@media screen and (max-width: 769px){
	
/*ヘッダー
-------------------------------------*/
.header-box {
	display: none;
}	
/*お問い合わせ
-------------------------------------*/
.table th {
	width: 100%;
	display: block;
}	
.table td {
	display: block;
}
}

/*採用情報
-------------------------------------*/
.slide-area{
	position: relative;
}

.int-com img{
	position: absolute;
    bottom: 15%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

.int-com img{
	width: 60rem;
	max-width: 600px;
}

.slider{
    margin: 0 auto;
    width: 100%;
}
.slider img{
    height: auto;
    width: 100%;
}
/*slick setting*/
/*.slick-prev:before,
.slick-next:before {
    color: #000;
}*/

.interview-bc{
	background: -webkit-repeating-linear-gradient(-45deg,#f5f5f5 0,#f5f5f5 10px,#fff 10px,#fff 20px);
    background: -o-repeating-linear-gradient(-45deg,#f5f5f5 0,#f5f5f5 10px,#fff 10px,#fff 20px);
    background: repeating-linear-gradient(-45deg,#f5f5f5 0,#f5f5f5 10px,#fff 10px,#fff 20px);
}

.interview-area{
	padding: 100px 0;
}

/* 幅1024px以下の表示
-------------------------------------*/
@media screen and (max-width: 1024px){

.int-com img{
	width: 50%;
	}
	
.int-com img{
	bottom: 5px;
    }	
	
}

/*キャリア採用
-------------------------------------*/
.boshu{
	margin: 0 auto;
    max-width: 1015px;
    padding: 0 1.0rem;
}

.recruit-ttl{
	font-size: 3.2rem;
	font-weight: bold;
	letter-spacing: .24rem;
}

.head-bn img{
	z-index: -999;
}

/* 幅768px以下の表示
-------------------------------------*/
@media screen and (max-width: 768px){
.recruit-ttl{
	font-size: 2.7rem;
	font-weight: bold;
	letter-spacing: .24rem;
}
}
/*プライバシーポリシー
-------------------------------------*/
.pp-area{
	padding: 0 7.5rem;
}

.pp_ttl {
    font-weight: bold;
    letter-spacing: .24rem;
    color: #000;
	font-size: 4.6rem;
}

.day-text{
	text-align: right;
	font-size:1.8rem;
	margin-bottom: 6rem;
}

.pp-com1{
	font-size: 1.6rem;
	text-align: left;
	margin-bottom: 6rem;
}

.pp-ttl{
	font-size: 2.2rem;
	text-align: left;
	margin-bottom: 3rem;
}

.pp-com2{
	font-size: 1.6rem;
	text-align: left;
	margin-bottom: 6rem;
}

/* 幅768px以下の表示
-------------------------------------*/
@media screen and (max-width: 768px){
	
	.pp_ttl {
    font-size: 2.7rem;
}
	
	.day-text{
	text-align: right;
	font-size:1.6rem;
	margin-bottom: 3rem;	
}
	
	.pp-area {
    padding: 0 1.5rem;
}
		
	.pp-ttl{
	font-size: 1.9rem;
	}
	
}

/* 幅560px以下の表示
-------------------------------------*/
@media screen and (max-width: 560px){
	
	.day-text{
	text-align: right;
	font-size:1.2rem;
	margin-bottom: 3rem;	
}
	
	.pp-com1{
	font-size: 1.2rem;
	}
	
	.pp-com2{
	font-size: 1.2rem;
	}
	
}

/* 会社概要
-------------------------------------*/
.company-ttl{
	background: #231815;
  padding: 0.5em;
	color:#fff;
	font-size:2.1rem;
}

.main-visual {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	margin: 0 auto;	
}

.main-visual-bg{
	background: url('../images/company/main.png')no-repeat 0 0;
	background-size: 100%;
}

.album {
	margin: auto;
	/*background-color: white;*/
	position: relative;
}

.album img {
	width: 100%;
	animation-name: album;
	-webkit-animation-name: album;
	animation-duration: 10s;
	-webkit-animation-duration: 10s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	opacity: 0;
}

.album .img1 {
	display: block;
	margin: 0 auto;
}

.album .img2 {
	animation-delay:5s;
	-webkit-animation-delay:5s;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}



@keyframes album {
	0% {
		opacity: 0;
	}
	
	12.5% {
		opacity: 1;
	}

	37.5% {
		opacity: 1;

	}
	50% {
		opacity: 1;
	}
	
	
}

@-webkit-keyframes album {
	0% {
		opacity: 0;
	}
	
	12.5% {
		opacity: 1;
	}

	37.5% {
		opacity: 1;
	}
	50% {
		opacity: 1;
	}
	
	
}



.massage-area{
	padding: 40px 132px;
	margin: 0 auto;
}

.overview{
	margin: 20rem auto;
	text-align: center;
}
.overview img{
	width: 101.2rem;
	max-width: 1012px;
}

.company-add{
	padding: 0 1rem;
}

.cp_table *, .cp_table *:before, .cp_table *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.cp_table {
	width: 100%;
	border-collapse: collapse;
}
.cp_table th, .cp_table  td {
	/*padding: 10px;*/
	/*border: 1px solid #dddddd;*/
	font-size: 2.5rem;
	font-weight: 400;
	letter-spacing: 1.6;
}
.cp_table th {
	width: 25%;
	text-align: right;
	/*background: #f4f4f4;*/
	
}

.cp_table  td{
	letter-spacing: 1.6;
}

/* 幅768px以下の表示
-------------------------------------*/
@media screen and (max-width: 768px){

.massage-area{
	padding: 10px 50px;
	margin: 0 auto;
}
	
.overview{
	margin: 4rem auto;
	text-align: center;
}
.overview img{
	width: 100%;
		}
	
.company-add{
	padding: 0;
}	
	
.cp_table th, .cp_table  td {
	font-size: 1.9rem;
	}	
	
}
@media screen and (max-width: 560px){
.cp_table th, .cp_table td {
    font-size: 1.1rem;
}
	
.cp_table th {
	width: 15%;
	
}	
	
	}
	
/* 業務案内
-------------------------------------*/	
.business-ttl-1{
	position: relative;
}

.business-ttl-1 p{
	position: absolute;
  top: 50%;
  left: 55%;
  -ms-transform: translate(-50%,-45%);
  -webkit-transform: translate(-50%,-45%);
  transform: translate(-50%,-45%);
  margin:0;
  padding:0;
  font-family: a-otf-ryumin-pr6n, serif;
font-style: normal;
  font-size: 50px;
  color: #fff;
  font-weight: bold;
  letter-spacing: 0.2em;	 
}

.business-ttl-1 img{
	width: 100%;
}

.business-ttl-2{
	position: relative;
}

.business-ttl-2 p{
	position: absolute;
  top: 50%;
  left: 57%;
  -ms-transform: translate(-50%,-43%);
  -webkit-transform: translate(-50%,-43%);
  transform: translate(-50%,-43%);
  margin:0;
  padding:0;
  font-family: a-otf-ryumin-pr6n, serif;
font-style: normal;
  font-size: 50px;
  color: #fff;
  font-weight: bold;
  letter-spacing: 0.2em;	 
}

.business-ttl-2 img{
	width: 100%;
}

.business-ttl-3{
	position: relative;
}

.business-ttl-3 p{
	position: absolute;
    top: 50%;
    left: 30%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  font-family: a-otf-ryumin-pr6n, serif;
font-style: normal;
  font-size: 50px;
  color: #fff;
  font-weight: bold;
  letter-spacing: 0.2em;	 
}

.business-ttl-3 img{
	width: 100%;
}

.typing {
  opacity: 0;
  }
.typing span {
  opacity: 0;
  }


.b-nav{
	margin: 20px auto;
}

ul.b-nav-list {
   margin: 0px;              /* メニューバー外側の余白(ゼロ) */
   padding: 0px 0px 0px 15px; /* メニューバー内側の余白(左に15px) */
   background-color: #fff; /* バーの背景色(濃い赤色) */
}

ul .b-nav-list{
	display: flex;
    flex-direction: row;
    justify-content: space-around;
    list-style: none;
    margin: 1rem 0 0 0;
    position: relative;
}

ul.b-nav-list li {
    flex: 1 0 auto;
}

ul.b-nav-list li {
    /* width: 165px; */
    display: inline-block;
    list-style-type: none;
    position: relative;
    border-left: 1px solid #9fa0a0;
	padding: 0 10px;
}

ul.b-nav-list li:last-child{border-right: 1px solid #9fa0a0;}

ul.b-nav-list a {
    background-color: #fff;
    color: #666;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
    /* font-weight: bold; */
    display: block;
	padding: 0 10px;
	font-size: 20px;
}

ul.b-nav-list a:hover {
   background-color: #efefef; /* メニュー項目にマウスが載ったときの背景色(淡いピンク) */
   color: #666;            /* メニュー項目にマウスが載ったときの文字色(濃い赤色) */
}

.section-1 img{
	width: 78.6rem;
	max-width: 786px;
	padding: 3rem 0;
}

.b-area{
	padding: 3rem 14rem;
}

.busi-outer{
	display: flex;
    justify-content: space-between;
    margin-bottom: 40px;	
	}
	
	.busi-l{
	flex-basis: 78%;	
	}	
	.busi-r{
	flex-basis: 28%;	
	}

.green-ttl{
	font-size: 34px;
	color: #0e9b94;
	text-align: left;
	font-weight: 700;
}

.red-ttl{
	font-size: 34px;
	color: #db3b2a;
	text-align: left;
	font-weight: 700;
}

.brown-ttl{
	font-size: 34px;
	color: #673a1b;
	text-align: left;
	font-weight: 700;
}

.perple-ttl{
	font-size: 34px;
	color: #88157b;
	text-align: left;
	font-weight: 700;
}

.b-text{
	text-align: left;
	font-size: 20px;
}

/* 幅768px以下の表示
-------------------------------------*/
@media screen and (max-width: 768px){

ul.b-nav-list a {
    font-size: 16px;
}	
	
.business-ttl-1 p{
	  font-size: 30px;
    }
	
.business-ttl-2 p{
	  font-size: 30px;
    }
	
.business-ttl-3 p{
	  font-size: 30px;
    }	
	
.section-1 img{
	width: 80%;	
	}
	
.b-area{
	padding: 3rem;
}
	
.busi-l{
	flex-basis: 60%;	
	}	
	.busi-r{
	flex-basis: 28%;	
	}
	
.green-ttl{
	font-size: 22px;
	}
	
.red-ttl{
	font-size: 22px;
	}
	
.brown-ttl{
	font-size: 22px;
	}
	
.perple-ttl{
	font-size: 22px;
	}	
	
.b-text{
	text-align: left;
	font-size: 18px;
}	
}

/* 幅560px以下の表示
-------------------------------------*/
@media screen and (max-width: 560px){

ul.b-nav-list li {
     display: block;
	border-left: 0px ;
	}
	
ul.b-nav-list li:last-child{border-right: 0px}	
	
.business-ttl-1 p{
	  font-size: 14px;
    }
	
.business-ttl-2 p{
	  font-size: 14px;
    }
	
.business-ttl-3 p{
	  font-size: 14px;
    }	

.busi-outer{
	display: block;
    margin-bottom: 20px;	
	}
	
	.busi-l{
	max-width: 480px;
    padding-left: 0;
    margin: auto;	
	}	
	.busi-r{
	text-align: center;	
	}	
	
}

/* 新卒採用
-------------------------------------*/
.newgrad-bn{
	position: relative;
}

.newgrad-ttl{
	position: absolute;
	bottom: 20%;
	left: 20%;
	
}

.newgrad-ttl img{
	width: 34.6rem;
	max-width: 346px;
}

.message-ttl img{
	width: 62.5rem;
	max-width: 625px;
}

.message-text {
    text-align: left;
    margin: 5% 0 2% 20%;
}

.align-right{
	text-align: right;
}

.stripe-area{
	position: relative;
	margin: 0 auto;
	padding: 840px 0 0;
}

.stripe-bg{
	background: -webkit-repeating-linear-gradient(329deg,rgba(78,183,186,0.7) 0,rgba(78,183,186,0.7) 4.5px,#fff 4.5px,#fff 9px);
    background: -o-repeating-linear-gradient(329deg,rgba(78,183,186,0.7) 0,rgba(78,183,186,0.7) 4.5px,#fff 4.5px,#fff 9px);
    background: repeating-linear-gradient(329deg,rgba(78,183,186,0.7) 0,rgba(78,183,186,0.7) 4.5px,#fff 4.5px,#fff 9px);
	}

.works-ttl{
	position: absolute;
	top: 0%;
	z-index: 30;
	}

.sp-mt{
	margin-top: 0;
}

.work-pd20{
	padding: 20px 0;
}
.works-ttl-last{
	padding-top: 20px;
	
}

img{
	vertical-align:top;
}

.int-bg{
	background: url('../images/newgrad/interview_bg.jpg')no-repeat 0 0;
	background-size: 100%;
}

.new-int-area{
	padding: 55px 0 150px;
	position: relative;
}

.int-ttl{
	text-align: left;
	position: absolute;
	left: 0;
	top: -10%;
}

.int-ttl img{
	width: 58.3rem;
	max-width: 583px;
}

.icon-area{
	padding: 20rem 0;
}

.icon-img img{
	width: 65.4rem;
	max-width: 654px;
}

.recru_ttl img{
	width:31.4rem;
	max-width: 314px;
}

.stripe-area-g{
	position: relative;
	margin: 0 auto;
	padding: 100px 0;
}

.stripe-bg-g{
	background: -webkit-repeating-linear-gradient(329deg,rgba(244,244,244,0.7) 0,rgba(244,244,244,0.7) 4.5px,#fff 4.5px,#fff 9px);
    background: -o-repeating-linear-gradient(329deg,rgba(244,244,244,0.7) 0,rgba(244,244,244,0.7) 4.5px,#fff 4.5px,#fff 9px);
    background: repeating-linear-gradient(329deg,rgba(244,244,244,0.7) 0,rgba(244,244,244,0.7) 4.5px,#fff 4.5px,#fff 9px);
	}

.blue-bg{
	background-color: #4eb7ba;
}

.recru_form_ttl img{
	width: 64.8rem;
	max-width: 648px;
}

.recru_form_ttl{
	margin-bottom: 20px;
}

.form-bg{
	background-color: #fff;
	width: 90%;
    margin: 0 auto;
}

/* 幅769px以下の表示
-------------------------------------*/
@media screen and (max-width: 769px){

.sp-mt{
		margin-top: 150px;
	}
	
.stripe-bg{
	background: -webkit-repeating-linear-gradient(329deg,rgba(255,255,255,0.7) 0,rgba(255,255,255,0.7) 4.5px,#fff 4.5px,#fff 9px);
    background: -o-repeating-linear-gradient(329deg,rgba(255,255,255,0.7) 0,rgba(255,255,255,0.7) 4.5px,#fff 4.5px,#fff 9px);
    background: repeating-linear-gradient(329deg,rgba(255,255,255,0.7) 0,rgba(255,255,255,0.7) 4.5px,#fff 4.5px,#fff 9px);
	}
.stripe-bg-g{
	background: -webkit-repeating-linear-gradient(329deg,rgba(255,255,255,0.7) 0,rgba(255,255,255,0.7) 4.5px,#fff 4.5px,#fff 9px);
    background: -o-repeating-linear-gradient(329deg,rgba(255,255,255,0.7) 0,rgba(255,255,255,0.7) 4.5px,#fff 4.5px,#fff 9px);
    background: repeating-linear-gradient(329deg,rgba(255,255,255,0.7) 0,rgba(255,255,255,0.7) 4.5px,#fff 4.5px,#fff 9px);
	}

.message-text {
    text-align: left;
    margin: 5% 10%;
}
	
.newgrad-ttl img{
	width: 100%;
	}	


.message-ttl img{
	width: 100%;
}

.int-ttl img {
    width: 100%;
   }

.int-ttl {
    top: -5%;
}

.icon-img img {
    width: 100%;
    }

.icon-area {
    padding: 1rem 0;
}

.recru_ttl img {
    width: 184px;
   }

.recru_form_ttl img {
    width: 354px;
   }
	
	}

/* 幅560px以下の表示
-------------------------------------*/
@media screen and (max-width: 560px){
.newgrad-ttl {
    bottom: 10%;
    left: 10%;
}
	
.sp-mt {
    margin-top: -350px;
}	
	
.icon-area {
    padding: 0 0;
}	
}