@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/* CSS Document */

/* ==============
base@smacss
============== */

#cont .container .wrapper-offTimeBiz {
	max-width: 730px;
	width: 100%;
	color:#333333;
	font-size: 16px;
	font-family: "Noto Sans Japanese", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	line-height:1.6;
	letter-spacing:0.05em;
}
.clearfix::after {
	content:"";
	display:block;
	clear:both;
}

/*既存ＣＳＳ上書き*/
body {
    line-height: 1.6;
    font-weight: 400;
}
.wrapper-offTimeBiz h2 {
    color: #333333;
    border-left: none;
    margin: 0;
    padding: 0;
}
.container .wrapper-offTimeBiz p {
    line-height:1.6;
	letter-spacing:0.05em;

}
h3 {
    margin: 0;
}
.topImage.large {
    width: 100%;
    margin-bottom: 8px;
}
/* ==============
lauout@smacss
============== */
/*章*/
.mb-48 {
	margin-bottom: 48px;
}
.mb-40 {
	margin-bottom: 40px;
}
.mb-32 {
	margin-bottom: 32px;
}
.mb-24 {
	margin-bottom: 24px;
}
.mb-16 {
	margin-bottom: 16px;
}
.mb-8 {
	margin-bottom: 8px;
}
/*フレックス*/
.flex {
	display: flex;
	justify-content: space-between;
}
.section-left {
	width: 66.666%;
}
.section-right {
	width: 33.333%;
	margin-left: 16px;
}
.flex-problemList,
.flex-problemList_item {
	align-items: center;
}
/*写真部分*/
.section-figure-about,
.section-figure-voice{
	margin-top: 30px;
}
.section-figure-why {
	margin-top: 56px;
}
/* 動画 */
.iframe-container {
    width: 100%;
    height: 100%;
    aspect-ratio: 16 / 9;
}
.iframe-video {
    width: 100%;
    height: 100%;
}

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

/*見出し*/
h1 {
    margin-bottom: 12px;
}
.wrapper-offTimeBiz .heading-primary {
	font-size: 28px;
	line-height: 1.3;
	padding-left: 48px;
	margin-bottom: 24px;
	font-weight: bold;
}
.wrapper-offTimeBiz .heading-secondary {
	font-size: 20px;
	line-height: 1.3;
	position: relative;
	padding-bottom: 8px;
	margin-bottom: 16px;
	font-weight: bold;

	}
.wrapper-offTimeBiz .heading-secondary::after {
	content: "";
	display: block;
	background: linear-gradient(to right, #BE272D 0%, #BE272D 13%, #0B368C 13%,#0B368C 100%);
	width: 100%;
	height: 4px;
	position: absolute;
	bottom: 0;
	left: 0;
}

/*アイコン*/
.hasIcon {
	position: relative;
}
.hasIcon::before,
.hasIcon::after {
	display: block;
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
}
.hasIcon-blueAndRed::before {
	content: url("/common/img/set/icon-blueAndRed.png");
	top: 2px;
}
.problemList_item-icon {
	width: 20%;
	padding-right: 8px;
}
.hasIcon-word {
	padding-left: 28px;
}
.hasIcon-word::before {
	content: url("/common/img/set/icon-word.png");
	top: 2px;
}
.link-forCsr::after {
	content: "";
	width: 8px;
	height: 8px;
	border-top: 2px solid #052674;
	border-right: 2px solid #052674;
	transform: rotate(45deg);
	top: 7px;
}
.wrapper-link-forPdf::before {
	content: url("/common/img/set/icon-download-pdf.png");
	top: 1px;
}
/*フォント*/
.fs-11 {
	font-size: 11px;
}
.fs-23 {
	font-size: 23px;
}
.fw-bold {
	font-weight: bold;
}
.fc-red {
	color: #BE272D;
}
.fc-blue {
	color: #0B368C;
}
.ls-0 {
	letter-spacing: 0;
}
.link-forCsr {
	color: #052674;
	padding-left: 20px;
	line-height: 1.3;
}
.link-forCsr:hover,
.link-forPdf:hover {
	text-decoration: underline;
}
.link-forPdf {
	color: #052674;
}
.wrapper-link-forPdf {
	padding-left: 40px;
}
.wrapper-offTimeBiz figcaption {
   display: block;
   text-align: right;
}

/*リスト*/
.problemList .flex-problemList {
	border-bottom: 1px solid #999999;
	padding: 8px 0;
	font-weight: bold;
}
.problemList .flex-problemList:first-child {
	border-top: 1px solid #999999;
}
.problemList_left,
.problemList_right {
	width: 48%;
}
.problemList_item-arrow {
	width: 5%;
	padding: 0 8px;
}
.problemList_item-prblem,
.problemList_item-counterPlan {
	width: 80%;
}
.list-word_item+.list-word_item {
	margin-top: 24px;
}
/*画像スクロール*/
.img-sevenNotice,
.img-program120minutes {
	overflow: auto;
	}
.img-sevenNotice img,
.img-program120minutes img{
	min-width: 599px;
}
.container .wrapper-offTimeBiz .caption-scroll {
	font-size: 13px;
	display: none;
	letter-spacing: 0;
}
@media screen and (max-width: 599px) {
/* ==============
lauout@smacss
============== */

	.flex-2col,
	.flex-problemList,
	.container .wrapper-offTimeBiz .caption-scroll {
		display: block;
	}
	.section-left,
	.problemList_left, .problemList_right,
	.problemList_item-arrow {
		width: 100%;
	}
	.section-right {
		display: none;
	}
	.problemList .flex-problemList {
		padding: 16px 0;
	}
	.problemList_item-arrow {
		text-align: center;
		margin-top: 12px;
	}
	.problemList_item-arrow img {
		transform: rotate(90deg);
	}
}

/*ページ内リンク追加設定*/
.flex-pageLink {
	flex-wrap: wrap;
}
.flex-pageLink_item {
	width: 33%;
	margin-top: 0.4%;
}
.flex-pageLink_item a {
	display: block;
	height: 100%;
	color: #052674;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0;
	background-color: #EBF8FF;
	padding: 12px 4px 12px 28px;
}
.flex-pageLink_item a:hover {
	color: #FFFFFF;
	background-color: #052674;
    text-decoration: none;
}
.hasIcon-arrowBottom::before {
	font-family: "Font Awesome 5 Free";
	content: '\f078';
	font-weight: 900;
	top: 14px;
	left: 8px;
}
@media screen and (max-width: 768px) and (min-width: 598px){
    .flex-pageLink_item a {
    font-size: 13px;
    }
}
@media screen and (max-width: 599px){
	.flex-pageLink_item {
		width: 100%;
		margin-top: 2px;
	}
	.flex-pageLink_item a {
		padding: 8px 4px 8px 38px;
　　　　font-size: 16px;
	}
	.hasIcon-arrowBottom::before {
		top: 10px;
		left: 12px;
	}
}