@charset "UTF-8";
/* CSS Document  ------------------
 * 170123
 * /coop_ch/jigyo/food_chain/css/style.css
 * -------------------------------- */

/* 汎用 */
.taC{
	text-align: center;
}
.mb10{
	margin-bottom: 10px !important;
}
.mb20{
	margin-bottom: 20px !important;
}
.mb30{
	margin-bottom: 30px !important;
}
.mb40{
	margin-bottom: 40px !important;
}
.mb50{
	margin-bottom: 50px !important;
}
.mb70{
	margin-bottom: 70px !important;
}
.pb50{
	padding-bottom: 50px !important;
}

/* 見出し */
/* h1 */
.splitContent__main h1{
	font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
	color: #333;
	font-size: 2.6em;
	text-align: center;
	line-height: 1.8;
	padding: 15px 0 20px;
}
.splitContent__main h1 span{
	font-size: 1.2em;
}

/* h2 */
h2.ttl_h2{
	/* font-family:"メイリオ","Meiryo", "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";*/
	border-bottom: none !important;
	position: relative;
	font-size: 1.8em;
	font-weight: normal;
	margin-bottom: 10px;
	text-align: center;
}

h2.ttl_h2:after{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	content: '';
	border-radius: 3px;
	background-image: -webkit-gradient(linear, right top, left top, from(#2af598), to(#009efd));
	/* background-image: -webkit-linear-gradient(right, #2af598 0%, #009efd 100%);
	background-image: linear-gradient(to left, #2af598 0%, #009efd 100%);*/

	background-image: -webkit-linear-gradient(right, #edbcd8 0%, #ddbced 25%, #93a9ed 50%, #93dced 75%, #93edb7 100%);
	background-image: linear-gradient(to left,  #edbcd8 0%, #ddbced 25%, #93a9ed 50%, #93dced 75%, #93edb7 100%);
}

/* 文字サイズ */
p.txt_lead{
	font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	font-size: 1.4em;
	margin: 0 auto 50px;
	text-align: center;
	line-height: 1.8;
}
p,
p.mod__imgblockText{
	font-size: 1.2em;
}

/* 余白 */
.splitContent__second{
	margin-bottom: 50px;
}

/* ブロック幅 80％ */
.clmWrap {
	width: 80%;
	margin: auto;
	overflow: hidden;
}
.clmWrap .commonPage__img__default{
	max-width: 100%;
}
	.clmWrap .commonPage__img__default img{
		width: 100%;
	}
/* 箱イメージ */
.commonPage__img__default.img_box{
	width: 50%;
	margin: auto;
}

/* 画像ホバー */
.commonPage__img__default a{
	transition: 0.5s;
}
	.commonPage__img__default a:hover{
		opacity: 0.5;
	}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 62.5%;/*rem算出をしやすくするために*/
}

/* 詳しくはこちらボタン */
.page-list section splitContent__second *,
.page-list section splitContent__second *:before,
.page-list section splitContent__second *:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

.btn,
a.btn,
button.btn {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #078cf5;
  border-radius: 0.5rem;
}
/*その他と主な共通部分は省略*/
a.btn-border {
  border-radius: 0;
}

a.btn-border:before,
a.btn-border:after {
  position: absolute;

  width: 100%;
  height: 2px;

  content: '';
  -webkit-transition: all .3s;
  transition: all .3s;

  background: #078cf5;
}

a.btn-border:before {
  top: 0;
  left: 0;
}

a.btn-border:after {
  right: 0;
  bottom: 0;
}

a.btn-border:hover:before,
a.btn-border:hover:after {
  width: 0;
}

@media screen and (max-width: 640px) {
	/*見出し */
	/* h1 */
	.splitContent__main h1{
		font-size: 1.8em;
		line-height: 1.6;
		padding-bottom: 10px;
	}

	/* h2 */
	h2.ttl_h2{
		font-size: 1.5em;
		margin-top: 20px;
	}
	.commonPage__img__default{
		max-width: 100%;
 	}
	.commonPage__img__default.mb50{
		margin-bottom: 30px !important;
	}
		.commonPage__img__default img{
			width: 100%;
		}
	.commonPage__img__default img.pb50{
		padding-bottom: 30px !important;
	}

	/* 文字サイズ */
	p.txt_lead{
		text-align: left;
		font-size: 1.3em;
		margin-bottom: 30px !important;
	}
	p.txt_lead.sub{
		font-size: 1.2em;
	}
	/* 余白 */
	.splitContent__second{
		margin-bottom: 40px;
	}

	p,
	p.mod__imgblockText{
		margin:0 3.125% !important;
	}
	.mod__fieldwrap_mgL{
		margin:auto 3.125% 30px !important;
	}
	.socialInclude:last-child{
		margin:auto 3.125% !important;
	}

	.commonPage__img__default{
		margin: auto 3.125%;
	}

	/* ブロック幅 80％→100％ */
	.clmWrap {
		width: 100%;
	}
}

/*-----------------------------------
各エリアページ
-----------------------------------*/
	/* ロゴ */
	.commonPage__img__default.logo_box{
		width: 40% !important;
		margin: auto !important;
		margin-bottom: 50px;
	}
		.commonPage__img__default.logo_box img{
			width: 100%;
		}

	/* 応募ボタン */
	a.btn-border02 {
		border: 2px solid #f3565d;
		border-radius: 0;
		background: #f3565d;
		font-size: 1.4em;
		color: #FFF;
		border-radius: 8px;
		width: 45%;
	}

	a.btn-border02:hover {
	  color: #f3565d;
	  background: #FFF;
	}
		/* ボタン注記 */
		.chuki_btn{
			margin-top:5px;
			font-size: 0.9em;
		}
	p.mod__imgblockText.taC{
		text-align: center !important;
	}

.box_chuki {
    padding: 1.5em 1em;
    margin: 2em 0;
    border: double 5px #93c8ed;
}
.box_chuki p {
    margin: 0; 
    padding: 0;
}

@media screen and (max-width: 640px) {
	/* ロゴ */
	.commonPage__img__default.logo_box{
		width: 50%;
		margin: auto auto 30px !important;
	}
	/* 応募ボタン */
	a.btn-border02 {
		width: 60%;
	}
		/* ボタン注記 */
		.chuki_btn{
			margin-top:10px;
			font-size: 0.95em !important;
		}
		p.mod__imgblockText.taC{
			text-align: left !important;
		}
	.box_chuki {
		margin: 0 3.125%;
	}
}