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

/* ==============
base@smacss
============== */
img {
	max-width: 100%;
	height: auto;
}
.clearfix::after {
	content:"";
	display:block;
	clear:both;
}
.activationWrapper {
	max-width: 730px;
	width: 100%;
	margin: 0 auto;
	color:#333333;
	font-weight: 500;
	font-size: 15px;
	font-family: 'Noto Sans JP', sans-serif;
	line-height:1.6;
	letter-spacing:.1em;
}
/*既存CSS上書き*/
h2 {
    border-left: none;
    color: #333;
    font-size: 23px;
    margin: 0;
    padding: 0;
}
h3 {
    margin: 0;
}
.topImage.large > img {
    max-width: 100%;
	height: auto;
    width: 100%;
    vertical-align: auto;
}
/* ==============
lauout@smacss
============== */

/*余白*/
.l-section-l + .l-section-l {
	margin-top: 72px;
}
.l-section-m + .l-section-m {
	margin-top: 32px;
}
.l-section-s + .l-section-s {
	margin-top: 16px;
}

/*flex*/
.l-flex {
	display: flex;
}
.l-flex-2col_item {
	padding: 8px;
}

/*グリッド*/
.l-grid-has-gutter {
	display: flex;
	margin-left: -8px;
	margin-right: -8px;
	flex-wrap: wrap;
}
.l-grid_item-1 {
	width: 8.333%;
}
.l-grid_item-2 {
	width: 16.667%;
}
.l-grid_item-3 {
	width: 25%;
}
.l-grid_item-4 {
	width: 33.333%;
}
.l-grid_item-5 {
	width: 41.666%;
}
.l-grid_item-6 {
	width: 50%;
}
.l-grid_item-7 {
	width: 58.333%;
}
.l-grid_item-8 {
	width: 66.666%;
}
.l-grid_item-9 {
	width: 75%;
}
.l-grid_item-10 {
	width: 83.33%;
}
.l-grid_item-11 {
	width: 91.666%;
}
.l-grid_item-12 {
	width: 100%;
}
.has-gutter {
	padding-left: 8px;
	padding-right: 8px;
	display: flex;
}
@media screen and (max-width:599px) {
	.l-responsive-grid_item-1 {
		width: 8.333%;
	}
	.l-responsive-grid_item-2 {
		width: 16.667%;
	}
	.l-responsive-grid_item-3 {
		width: 25%;
	}
	.l-responsive-grid_item-4 {
		width: 33.333%;
	}
	.l-responsive-grid_item-5 {
		width: 41.666%;
	}
	.l-responsive-grid_item-6 {
		width: 50%;
	}
	.l-responsive-grid_item-7 {
		width: 58.333%;
	}
	.l-responsive-grid_item-8 {
		width: 66.666%;
	}
	.l-responsive-grid_item-9 {
		width: 75%;
	}
	.l-responsive-grid_item-10 {
		width: 83.33%;
	}
	.l-responsive-grid_item-11 {
		width: 91.666%;
	}
	.l-responsive-grid_item-12 {
		width: 100%;
	}
	.l-responsive-grid_item-12 + .l-responsive-grid_item-12 {
		margin-top: 16px;
	}
}

/* ==============
module@smacss
============== */

/*見出し*/
.heading-primary {
	font-size: 23px;
	font-weight: 700;
	line-height: 1.3;
	position: relative;
	padding: 0 0 4px 24px;
	margin-bottom: 28px;
	display: inline-block;
}
.heading-primary::before {
	position: absolute;
	content: "";
	bottom: -3px;
	left: -3px;
	width: 0;
	height: 0;
	border: none;
	border-left: solid 15px transparent;
	border-bottom: solid 15px #ff931e;
}
.heading-primary::after {
	position: absolute;
	content: "";
	bottom: -3px;
	left: 0;
	width : 100% ;
	border-bottom: solid 3px #ff931e;
}
.heading-secondary {
	font-size: 17px;
	font-weight: 700;
	margin-bottom: 20px;
}
.heading-tertiary {
	font-size: 17px;
	font-weight: 700;
	color: #ff931e;
    margin-bottom: 4px;
}
.heading-sample {
	font-size: 14px;
	color: #ff931e;
	font-weight: 700;
	min-width: 100px;
	height: 100px;
	border: solid 2px #ff931e;
	display: flex;
	align-items: center;
	justify-content: center;
}
@media screen and (max-width:599px){
	.heading-sample {
		min-width: 80px;
		height: 80px;
	}
}
	
/*アイコン*/
.has-icon {
	position: relative;
}
.has-icon::before,
.has-icon::after {
	content: "";
	position: absolute;
}
.has-icon-square {
	padding-left: 24px;
}
.has-icon-square::before {
	width: 20px;
	height: 20px;
	background-color: #ff931e;
	top: 4px;
	left: 0;
}

/*ボックス*/
.box-cornerPoint {
	padding: 16px;
	position: relative;
	width: 100%;
}
.box-cornerPoint::after,
.box-cornerPoint::before {
	content: "";
	position: absolute;
	width: 20px;
	height: 20px;
}
.box-cornerPoint::after {
	border-left: solid 2px #ff931e;
	border-top: solid 2px #ff931e;
	top: 0;
	left: 0;
}
.box-cornerPoint::before {
	border-right: solid 2px #ff931e;
	border-bottom: solid 2px #ff931e;
	bottom: 0;
	right: 0;
}
.box-bgColor {
	padding: 16px;
	background-color: #fffae6;
}
.box-merit {
	background-color: #f7f7f7;
	border-bottom: solid 4px #ff931e;
	width: 100%;
}
.heading-merit {
	padding: 8px;
	background-color: #ff931e;
	color: #fff;
	font-weight: 700;
	text-align: center;
	letter-spacing: 0;
}
.des-merit {
	padding: 16px;
}
.box-flow {
	border: solid 2px #ff931e;
}
.box-flow + .box-flow {
	margin-top: 72px;
	position: relative;
}
.box-flow + .box-flow::after {
	margin-top: 64px;
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border: solid 100px transparent;
	border-top: solid 32px #ff931e;
	top: -114px;
	left: 50%;
	margin-left: -100px;
}
.heading-flow {
	background-color: #ff931e;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40%;
}
.des-flow {
	width: 60%;
}

/*テーブル*/
.caption-table-mainColor {
	background-color: #fff;
	text-align: left;
	font-size: 17px;
	font-weight: 700;
	color: #ff931e;
	margin-bottom: 8px;
}
.table-mainColor {
	background-color: #f7f7f7;
}
.table-mainColor th,
.table-mainColor td {
	border: solid 2px #fff;
	padding: 8px;
}
.table-mainColor_th {
	background-color: #ff931e;
	color: #fff;
	font-size: 17px;
	text-align: center;
}
.table-mainColor_col-threeSkills {
	width: 20%;
}
.table-mainColor_col-programTtl {
	width: 35%;
}
.table-mainColor_col-programGoal {
	width: 45%;
}
.table-mainColor_th-threeSkills {
	background-color: #fffae6;
	color: #ff931e;
	vertical-align: middle;
}
@media screen and (max-width:599px) {
    .table-mainColor_col-programTtl {
	    width: 35%;
    }
    .table-mainColor_col-programGoal {
	    width: 65%;
    }
}

/*矢印*/
.arrow-withText {
	font-size: 14px;
	color: #fff;
	background-color: #ff931e;
	width: 200px;
	height: 40px;
	text-align: center;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	margin-bottom: 36px;
}
.arrow-withText::after {
	content: "";
	width: 0;
	height: 0;
	border: 100px solid transparent;
	border-top: 20px solid #ff931e;
	position: absolute;
	bottom: -120px;
	left: 0;
}

/*リスト*/
.has-listMark-disc {
	position: relative;
	padding-left: 1em;
}
.has-listMark-disc::before {
	content: "・";
	position: absolute;
	left: -4px;
	top: 0;
}

/* ==============
state@smacss
============== */
.is-responsive-appear {
	display: none;
}
@media screen and (max-width:599px) {
	.is-responsive-hidden {
		display: none;
	}
	.is-responsive-appear {
		display: block;
	}
    .is-responsive-wd-35 {
	    width: 35%;
    }
    .is-responsive-wd-65 {
	    width: 65%;
    }
}
/* ==============
utility
============== */

/*配置*/
.position-center {
	display: flex;
	justify-content: center;
	align-items: center;
}
.mb-8 {
	margin-bottom: 8px;
}
.mb-16 {
	margin-bottom: 16px;
}
.mb-24 {
	margin-bottom: 24px;
}
.mb-32 {
	margin-bottom: 32px;
}
.mb-40 {
	margin-bottom: 40px;
}
.mb-48 {
	margin-bottom: 48px;
}
.mb-56 {
	margin-bottom: 56px;
}
.mb-64 {
	margin-bottom: 64px;
}
.mb-72 {
	margin-bottom: 72px;
}
.same-height {
	display: flex;
	flex-direction: row;
}
.ta-left {
	text-align: left;
}
.ta-right {
	text-align: right;
}
.ta-left {
	text-center: center;
}
.va-middle {
	vertical-align: middle;
}

/*フォント*/
.text-red {
	color: red;
}
.text-bold {
	font-weight: bold;
}