@charset "UTF-8";

/* -----------------------------------------------
common css [Scalable and Modular Architecture for CSS]
0. Reset （リセット）
1. Base （ベース）
2. Layout（レイアウト）
3. Module（モジュール）
4. State （状態）
5. Theme （テーマ）
-------------------------------------------------- */


/* -----------------------------------------------
0. Reset （リセット）
-------------------------------------------------- */
html {
	font-family: sans-serif;
}
body{
	margin: 0;
	padding: 0;
	-webkit-text-size-adjust: none;
}
a{
	background: transparent;
}
a:focus{
	outline: thin dotted;
}
a:active,
a:hover{
	outline: 0;
}
html,div,span,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,code,del,em,img,strong,
dl,dt,dd,ol,ul,li,
fieldset,form,label,
table,caption,tbody,tfoot,thead,tr,th,td{
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
article,aside,footer,header,small,nav,section,figure,figcaption,main{
	margin: 0;
	padding: 0;
	display: block;
	vertical-align: baseline;
	list-style: none;
	background-color: transparent;
	outline: none;
}
audio,canvas,video{
	display: inline-block;
}
ul,ol{
	list-style-type: none;
}
table{
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
}
img{
	line-height: 1;
	vertical-align: baseline;
}
a img{
	border: none;
}
sub,sup{
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
hr{
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
}


dt,dd,li,
th,td,
input,textarea{
	text-align: left;
	vertical-align: top;
}
input,textarea,button{
	margin: 0;
	padding: 0;
}
button,label{
	background-color: transparent;
	cursor: pointer;
}
button,select{
	text-transform: none;
}
button,html input[type="button"],input[type="reset"],input[type="submit"]{
	-webkit-appearance: button;
	cursor: pointer;
}
button[disabled],html input[disabled]{
	cursor: default;
}
input[type="checkbox"],input[type="radio"]{
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	padding: 0;
}
input[type="search"]{
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{
	-webkit-appearance: none;
}
button::-moz-focus-inner,input::-moz-focus-inner{
	padding: 0;
	border: 0;
}
textarea{
	overflow: auto;
	vertical-align: top;
}




/* -----------------------------------------------
1. Base （ベース）
-------------------------------------------------- */
html{
	overflow-y: scroll;
	visibility: hidden;
}
html.wf-active{
	visibility: visible;
}
body{
	font-family: "Noto Sans JP", "游ゴシック","YuGothic", "ヒラギノ角ゴ ProN W3","HiraKakuProN-W3","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","helvetica","arial",sans-serif;
	font-size: 16px;
	color: #333;
}
@media (max-width: 767px){
	body{
		font-size: 13px;
	}
}
@media (min-width: 980px){
	body{
		min-width: 960px;
	}
}
h1,h2,h3,h4,h5,h6{
	line-height: 1.4;
	font-size: 100%;
	font-weight: bold;
}
p{
	line-height: 1.57;
}
dt,dd,li,
th,td,
input,
textarea{
	line-height: 1.3;
}
input,textarea,button{
	font-family:  "Noto Sans JP", "游ゴシック","YuGothic", "ヒラギノ角ゴ ProN W3","HiraKakuProN-W3","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","helvetica","arial",sans-serif;
	font-size: 100%;
}
strong{
	font-weight: bold;
	color: #ff3b3b;
}
em{
	font-weight: bold;
}
a,
a:link{
	color: #000;
	text-decoration: underline;
}
a:visited{
	color: #000;
}
a:hover,
a:active{
	color: #47aba9;
	text-decoration: none;
}
/* Clearfix [ModernType]
-------------------------------------------------- */
.clearfix:after,
#header:after,
#footer:after{
	display: block;
	clear: both;
	content: "";
}
/*  [Object-Oriented CSS]
-------------------------------------------------- */
.is_hidden{
	display: none!important;
}
.is_visible{
	display: block!important;
}
.pull_left{
	text-align: left!important;
}
.pull_right{
	text-align: right!important;
}
.pull_center{
	text-align: center!important;
}
.pull_top{
	vertical-align: top!important;
}
.pull_middle{
	vertical-align: middle!important;
}
.pull_bottom{
	vertical-align: bottom!important;
}
.fluid-image{
	max-width: 100%;
	height: auto;
}

/* Margin, Padding
-------------------------------------------------- */
.mt0	{ margin-top: 0px !important; }
.mt5	{ margin-top: 5px !important; }
.mt10	{ margin-top: 10px !important; }
.mt15	{ margin-top: 15px !important; }
.mt20	{ margin-top: 20px !important; }
.mt25	{ margin-top: 25px !important; }
.mt30	{ margin-top: 30px !important; }
.mt35	{ margin-top: 35px !important; }
.mt40	{ margin-top: 40px !important; }
.mt45	{ margin-top: 45px !important; }
.mt50	{ margin-top: 50px !important; }
.mt55	{ margin-top: 55px !important; }
.mt60	{ margin-top: 60px !important; }
.mt70	{ margin-top: 70px !important; }
.mt80	{ margin-top: 80px !important; }
.mt90	{ margin-top: 90px !important; }
.mt100	{ margin-top:100px !important; }
.mr0	{ margin-right: 0px !important; }
.mr5	{ margin-right: 5px !important; }
.mr10	{ margin-right: 10px !important; }
.mr15	{ margin-right: 15px !important; }
.mr20	{ margin-right: 20px !important; }
.mr25	{ margin-right: 25px !important; }
.mr30	{ margin-right: 30px !important; }
.mr35	{ margin-right: 35px !important; }
.mr40	{ margin-right: 40px !important; }
.mr45	{ margin-right: 45px !important; }
.mr50	{ margin-right: 50px !important; }
.mr60	{ margin-right: 60px !important; }
.mr70	{ margin-right: 70px !important; }
.mr80	{ margin-right: 80px !important; }
.mr90	{ margin-right: 90px !important; }
.mr100	{ margin-right:100px !important; }
.mb0	{ margin-bottom: 0px !important; }
.mb5	{ margin-bottom: 5px !important; }
.mb10	{ margin-bottom: 10px !important; }
.mb15	{ margin-bottom: 15px !important; }
.mb20	{ margin-bottom: 20px !important; }
.mb25	{ margin-bottom: 25px !important; }
.mb30	{ margin-bottom: 30px !important; }
.mb35	{ margin-bottom: 35px !important; }
.mb40	{ margin-bottom: 40px !important; }
.mb45	{ margin-bottom: 45px !important; }
.mb50	{ margin-bottom: 50px !important; }
.mb60	{ margin-bottom: 60px !important; }
.mb70	{ margin-bottom: 70px !important; }
.mb80	{ margin-bottom: 80px !important; }
.mb90	{ margin-bottom: 90px !important; }
.mb100	{ margin-bottom:100px !important; }
.ml0	{ margin-left: 0px !important; }
.ml5	{ margin-left: 5px !important; }
.ml10	{ margin-left: 10px !important; }
.ml15	{ margin-left: 15px !important; }
.ml20	{ margin-left: 20px !important; }
.ml25	{ margin-left: 25px !important; }
.ml30	{ margin-left: 30px !important; }
.ml35	{ margin-left: 35px !important; }
.ml40	{ margin-left: 40px !important; }
.ml45	{ margin-left: 45px !important; }
.ml50	{ margin-left: 50px !important; }
.ml60	{ margin-left: 60px !important; }
.ml70	{ margin-left: 70px !important; }
.ml80	{ margin-left: 80px !important; }
.ml90	{ margin-left: 90px !important; }
.ml100	{ margin-left:100px !important; }

.pt0	{ padding-top: 0px !important; }
.pt5	{ padding-top: 5px !important; }
.pt10	{ padding-top: 10px !important; }
.pt15	{ padding-top: 15px !important; }
.pt20	{ padding-top: 20px !important; }
.pt25	{ padding-top: 25px !important; }
.pt30	{ padding-top: 30px !important; }
.pt35	{ padding-top: 35px !important; }
.pt40	{ padding-top: 40px !important; }
.pt50	{ padding-top: 50px !important; }
.pt60	{ padding-top: 60px !important; }
.pt70	{ padding-top: 70px !important; }
.pt80	{ padding-top: 80px !important; }
.pt90	{ padding-top: 90px !important; }
.pt100	{ padding-top:100px !important; }
.pr0	{ padding-right: 0px !important; }
.pr5	{ padding-right: 5px !important; }
.pr10	{ padding-right: 10px !important; }
.pr15	{ padding-right: 15px !important; }
.pr20	{ padding-right: 20px !important; }
.pr25	{ padding-right: 25px !important; }
.pr30	{ padding-right: 30px !important; }
.pr35	{ padding-right: 35px !important; }
.pr40	{ padding-right: 40px !important; }
.pr50	{ padding-right: 50px !important; }
.pr60	{ padding-right: 60px !important; }
.pr70	{ padding-right: 70px !important; }
.pr80	{ padding-right: 80px !important; }
.pr90	{ padding-right: 90px !important; }
.pr100	{ padding-right:100px !important; }
.pb0	{ padding-bottom: 0px !important; }
.pb5	{ padding-bottom: 5px !important; }
.pb10	{ padding-bottom: 10px !important; }
.pb15	{ padding-bottom: 15px !important; }
.pb20	{ padding-bottom: 20px !important; }
.pb25	{ padding-bottom: 25px !important; }
.pb30	{ padding-bottom: 30px !important; }
.pb35	{ padding-bottom: 35px !important; }
.pb40	{ padding-bottom: 40px !important; }
.pb50	{ padding-bottom: 50px !important; }
.pb60	{ padding-bottom: 60px !important; }
.pb70	{ padding-bottom: 70px !important; }
.pb80	{ padding-bottom: 80px !important; }
.pb90	{ padding-bottom: 90px !important; }
.pb100	{ padding-bottom:100px !important; }
.pl0	{ padding-left: 0px !important; }
.pl5	{ padding-left: 5px !important; }
.pl10	{ padding-left: 10px !important; }
.pl15	{ padding-left: 15px !important; }
.pl20	{ padding-left: 20px !important; }
.pl25	{ padding-left: 25px !important; }
.pl30	{ padding-left: 30px !important; }
.pl35	{ padding-left: 35px !important; }
.pl40	{ padding-left: 40px !important; }
.pl42	{ padding-left: 42px !important; }
.pl50	{ padding-left: 50px !important; }
.pl60	{ padding-left: 60px !important; }
.pl70	{ padding-left: 70px !important; }
.pl80	{ padding-left: 80px !important; }
.pl90	{ padding-left: 90px !important; }
.pl100	{ padding-left:100px !important; }
/*  [config CSS]
-------------------------------------------------- */
/* list z-index master */


/* -----------------------------------------------
2. Layout（レイアウト）
-------------------------------------------------- */
/* #document
-------------------------------------------------- */
#document{
	margin: 0 auto;
}
/* #header
-------------------------------------------------- */
#sitelogo{
	padding: 17px 0 10px 0;
	text-align: center;
}
/* #footer
-------------------------------------------------- */

.footer-inner{
	background-color: #444;
	font-size: 14px;
}
.footer-inner__social{
	padding: 40px 0 55px;
	text-align: center;
}
.footer-inner__social li{
	display: inline-block;
	padding: 0 8px;
}
.footer-inner .fa:before{
	font-size: 20px;
	margin-right: 0.5em;
	position: relative;
	top: 2px;
}
.footer-inner__left,
.footer-inner__right{
	display: inline-block;
	width: 50%;
	position: relative;
	float: left;
}
.footer-inner__left:after{
	content: '';
	position: absolute;
	top: 50%;
	right: -1px;
	margin-top: -16px;
	width: 2px;
	height: 32px;
	background-color: #fff;
}
.footer-inner__left a,
.footer-inner__right a{
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 15px 45px;
}
@media (max-width: 767px){
	.footer-inner a {
		padding: 10px;
		font-size: 12px;
	}
}

/* -----------------------------------------------
3. Module（モジュール）
 * Wrap Module
 * Box Module
 * Table Module
 * Headings Module
 * Nav Module
 * List Module
 * Button Module
 * Anchor Module
 * Form Module
 * Text Module
 * Icon Module
 * UI Module
 -------------------------------------------------- */
/* Wrap Module
-------------------------------------------------- */
.wrp-content{
	max-width: 1100px;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 0 16px;
}
@media (max-width: 767px){
	.wrp-content{
		padding: 0 8px;
	}
}
.wrp-col{
	box-sizing: border-box;
	margin: 0 -10px;
}
.col-6{
	box-sizing: border-box;
	width: 50%;
	padding: 0 10px;
	float: left;
}
.col-3{
	box-sizing: border-box;
	width: 25%;
	padding: 0 10px;
	float: left;
}
.col-4{
	box-sizing: border-box;
	width: 33.33%;
	padding: 0 10px;
	float: left;
}
.wrp-col::after{
	content:"";
	clear: both;
	display: table;
	width: 100%;
}
@media (max-width: 767px){
	.col-6,
	.col-3{
		width: 100%;
	}
	.col-6_sp{
		width: 50%;
	}
}

/* Box Module
-------------------------------------------------- */


/* Headings Module
-------------------------------------------------- */
/* as h1 Element */
.hdg-lv1{
	font-size: 25px;
	line-height: 1.5;
	color: #1F468B;
	font-weight: bold;
	text-align: center;
}
@media (max-width: 767px){
	.hdg-lv1{
		font-size: 4vw;
	}
}
/* ----------------------------------------------- */
.hdg-lv2{
	font-size: 28px;
	font-weight: bold;
	margin-bottom: 30px;
	text-align: center;
	color: #3d6881;
}

/* Nav Module
-------------------------------------------------- */


/* List Module
-------------------------------------------------- */


/* Button Module
-------------------------------------------------- */
.box-btn{
	margin-top: 125px;
}
.btn{
	max-width: 350px;
	background: #1F478B;
	text-align: center;
	font-size: 20px;
	padding: 15px;
	box-sizing: border-box;
	margin: 0 auto;
}
.box-btn a{
	text-decoration: none;
	display: block;
	color: #fff;
}
@media (max-width: 767px){
	.box-btn{
		margin-top: 0;
	}
	.btn{
		max-width: 240px;
		font-size: 18px;
		padding: 10px;
	}
}

/* Anchor Module
-------------------------------------------------- */
.ie8 .rollover:hover,
.ie8 .rollover:hover img{
	-ms-filter: "alpha(opacity=60)";
}
.rollover{
	transition: opacity 0.3s;
}
.rollover:hover,
.rollover:hover img{
	opacity: 0.6;
}

/* Form Module
-------------------------------------------------- */



/* Text Module
-------------------------------------------------- */
.txt-note{
	font-size: 16px;
}
.txt-lead{
	text-align: center;
	padding: 0 0 30px;
}

/* ----------------------------------------------- */
.txt-center{
	text-align: center;
}
.txt-right{
	text-align: right;
}
.txt-copyright{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding: 15px 0 22px 0;
	font-size: 11px;
	color: #999999;
	background-color: #f4f4f4;
	line-height: 1.6;
	text-align: center;
}
.txt-copyright small{
	font-size: 100%;
}
.txt-caution{
	margin-bottom: 6px;
	color: #fff;
	font-size: 12px;
}
/* Icon Module
-------------------------------------------------- */
/* 2-2-5. WebFont [FontAwesome] */

@font-face{
	font-family: 'FontAwesome';
	src: url('/sp/social/fonts/fontawesome-webfont.eot?v=4.4.0');
	src: url('/sp/social/fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'),
	url('/sp/social/fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'),
	url('/sp/social/fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'),
	url('/sp/social/fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
.fa{
	font-style: normal;
}
.fa:before{
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	margin-right: 5px;
}
.fa-arrow-circle-right:before {
	content: "\f0a9";
}
.fa-angle-up:before {
	content: "\f106";
}
.fa-angle-left:before {
	content: "\f104";
}
.fa-angle-right:before {
	content: "\f105";
}
.fa-youtube-play:before {
	content: "\f16a";
}
/* UI Module
-------------------------------------------------- */


/* -----------------------------------------------
4. State （状態）
-------------------------------------------------- */
.word{
	display: inline-block;
}
.visible-pc{
	display: block!important;
}
.visible-sp{
	display: none!important;
}
@media (max-width: 767px){
	.visible-pc{
		display: none!important;
	}
	.visible-sp{
		display: block!important;
	}
}

/* -----------------------------------------------
5. Theme （テーマ）
-------------------------------------------------- */
/*main-visual*/
.main-visual{
	background: url("/sp/social/images/main.jpg") no-repeat center top;
	background-size: cover;
	padding-bottom: 40.06%;
	position: relative;
}
.main-visual__content{
	max-width: 613px;
	width: 100%;
	padding: 45px 67px 51px;
	margin: 0 auto;
	box-sizing: border-box;
	background: #fff;
	opacity: 0.87;
	border-radius: 15px;
	box-shadow: 0px 0px 15px #00000099;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
	text-align: center;

}
.main-visual__text{
	line-height: 2.125;
	color: #393939;
	font-weight: bold;
	margin-top: 35px;
	text-align: center;
}
@media (max-width: 1199px){
	.main-visual{
		height: 500px;
		padding-bottom: 0;
	}

}
@media (max-width: 767px){
	.main-visual{
		background: url("/sp/social/images/main_sp.jpg") no-repeat center top;
		padding-bottom: 125%;
		background-size: cover;
		height: auto;
	}
	.main-visual__content{
		padding: 25px 18px 35px;
		left: 23px;
		right: 23px;
		width: auto;
	}
	.main-visual__text{
		font-size: 3.235vw;
		line-height: 1.5;
		text-align: left;
		margin-top: 15px;
	}
}
@media (max-width: 374px){
	.main-visual__text{
		font-size: 3.750vw;
	}
}

/*box-sdgs*/
.box-sdgs{
	margin-top: 65px;
}
.box-sdgs img{
	margin: 0 auto;
}
@media (max-width: 767px){
	.box-sdgs {
		margin-top: 34px;
		padding: 0 38px;
		box-sizing: border-box;
	}
}

/*box-category*/
.lst-category{
	margin: 95px -5px 0;
	box-sizing: border-box;
}
.lst-category::after{
	content:"";
	clear: both;
	width: 100%;
	display: table;
}
.lst-category li{
	box-sizing: border-box;
	width: 33.33%;
	padding: 0 5px;
	float: left;
}
.lst-category a{
	text-decoration: none;
	display: block;
	overflow: hidden;
}
.lst-category__item__img{
	overflow: hidden;
	line-height: 1;
}
.lst-category__item__img__img{
	display: block;
	overflow: hidden;
	transition: all 0.5s ease-in-out;
}
.lst-category a:hover .lst-category__item__img__img{
	transform: scale(1.1);
}
.lst-category__theme_3{
	background: #1B973A;
}
.lst-category__theme_4{
	background: #C50E28;
}
.lst-category__theme_8{
	background: #970A31;
}
.lst-category__theme_9{
	background: #EC6A06;
}
.lst-category__theme_11{
	background: #F5A20B;
}
.lst-category__theme_13{
	background: #407936;
}
.lst-category__theme_14{
	background: #0075BA;
}
.lst-category__theme_15{
	background: #28A838;
}
.lst-category__item{
	padding: 10px;
	box-sizing: border-box;
	position: relative;
	margin-bottom: 10px;
}
.lst-category__special{
	background: #F7F6F6;
}
.lst-category__item__head{
	display: table;
	width: 100%;
	table-layout: fixed;
}
.lst-category__item__head__img{
	display: table-cell;
	font-size: 0;
	line-height: 0;
}
.lst-category__item__head__title{
	display: table-cell;
	font-size: 22px;
	line-height: 1.18;
	color: #fff;
	font-weight: bold;
	vertical-align: middle;
}
.lst-category__item__more{
	position: absolute;
	font-size: 21px;
	line-height: 1.2;
	color: #fff;
	right: 22px;
	bottom: 20px;
	font-weight: normal;
	font-family:"メイリオ",Meiryo,sans-serif;
	text-shadow: 0px 0px 7px #000000A8;
}
.lst-category__item__more .fa-arrow-circle-right{
	font-size: 15px;
	vertical-align: middle;
	text-shadow: 0px 0px 6px #00000087;
}
@media (max-width: 767px){
	.lst-category{
		margin-top: 43px;
	}
	.lst-category li{
		width: 50%;
	}
	.lst-category__item__head__title{
		font-size: 2.426vw;
		line-height: 1.4;
	}
	.lst-category__item__more{
		font-size: 2.767vw;
	}
	.lst-category__item__more .fa-arrow-circle-right{
		font-size: 2.635vw;
	}
}
@media (max-width: 374px){
	.lst-category__item__head__title{
		font-size: 2.813vw;
	}
}
.box-banner{
	margin-top: 105px;
	margin-bottom: 20px;
}
.lst-banner{
	margin: 0 -4px;
	box-sizing: border-box;
}
.lst-banner::after{
	content:"";
	clear: both;
	display: table;
	width: 100%;
}
.lst-banner li{
	width: 20%;
	float:left;
	padding: 0 4px;
	box-sizing: border-box;
	margin-bottom: 5px;
}
.lst-banner li a{
	display: block;
}
.lst-banner li a:hover{
	opacity: 0.7;
}
@media (max-width: 767px){
	.box-banner{
		padding: 0 30px;
		box-sizing: border-box;
		overflow: hidden;
		margin-top: 35px;
		margin-bottom: 0;
	}
	.list-banner__btnLeft{
		position: absolute;
		left: -25px;
		top:50%;
		transform: translateY(-50%);
		cursor: pointer;
	}
	.list-banner__btnLeft .fa-angle-left{
		font-size: 20px;
	}
	.list-banner__btnRight{
		position: absolute;
		right: -30px;
		top:50%;
		transform: translateY(-50%);
		cursor: pointer;
	}
	.list-banner__btnRight .fa-angle-right{
		font-size: 20px;
	}
}

/*box-heading*/
.box-heading{
	display: table;
	width: 100%;
	table-layout: fixed;
}
.box-heading .wrp-content{
	display: table;
	width: 100%;
	position: relative;
}
.box-heading__icntheme{
	width: 160px;
	display: table-cell;
	vertical-align: top;
}
.box-heading .wrp-content:before {
	content: "";
	display: block;
	position: absolute;
	width: 50%;
	top: 0;
	bottom: 0;
	left: calc(-50% + 20px);
}
/*box-heading-theme3*/
.box-heading-theme3 {
	background: #ddf0e2;
}
.box-heading.box-heading-theme3 .wrp-content:before {
	background: #1B973A;
}
.box-heading-theme3 .box-heading__icntheme{
	background: #1B973A;
}
/*box-heading-theme4*/
.box-heading-theme4{
	background: #f6dbdf;
}
.box-heading.box-heading-theme4 .wrp-content:before {
	background: #C50E28;
}
.box-heading-theme4 .box-heading__icntheme{
	background: #C50E28;
}
.box-heading-theme4 .box-heading__content{
	background: #f6dbdf;
}
.box-heading-theme4 .box-heading__title{
	color:#C50E28;
}
/*box-heading-theme8*/
.box-heading-theme8{
	background: #efdae0;
}
.box-heading.box-heading-theme8 .wrp-content:before {
	background: #970A31;
}
.box-heading-theme8 .box-heading__icntheme{
	background: #970A31;
}
.box-heading-theme8 .box-heading__content{
	background: #efdae0;
}
.box-heading-theme8 .box-heading__title{
	color:#970A31;
}
/*box-heading-theme9*/
.box-heading-theme9 {
	background: #fce9da;
}
.box-heading.box-heading-theme9 .wrp-content:before {
	background: #EC6A06;
}
.box-heading-theme9 .box-heading__icntheme{
	background: #EC6A06;
}
.box-heading-theme9 .box-heading__content{
	background: #fce9da;
}
.box-heading-theme9 .box-heading__title{
	color: #EC6A06;
}
/*box-heading-theme11*/
.box-heading-theme11{
	background: #fef1db;
}
.box-heading.box-heading-theme11 .wrp-content:before {
	background: #F5A20B;
}
.box-heading-theme11 .box-heading__icntheme {
	background: #F5A20B;
}
.box-heading-theme11 .box-heading__icntheme{
	background: #F5A20B;
}
.box-heading-theme11 .box-heading__content{
	background: #fef1db;
}
.box-heading-theme11 .box-heading__title{
	color: #F5A20B;
}
/*box-heading-theme13*/
.box-heading-theme13{
	background: #e3ebe1;
}
.box-heading.box-heading-theme13 .wrp-content:before {
	background: #407936;
}
.box-heading-theme13 .box-heading__icntheme{
	background: #407936;
}
.box-heading-theme13 .box-heading__content{
	background: #e3ebe1;
}
.box-heading-theme13 .box-heading__title{
	color: #407936;
}
/*box-heading-theme14*/
.box-heading-theme14{
	background: #d9eaf5;
}
.box-heading.box-heading-theme14 .wrp-content:before {
	background: #0075BA;
}
.box-heading-theme14 .box-heading__icntheme{
	background: #0075BA;
}
.box-heading-theme14 .box-heading__content{
	background: #d9eaf5;
}
.box-heading-theme14 .box-heading__title{
	color: #0075BA;
}
/*box-heading-theme15*/
.box-heading-theme15{
	background: #dff2e1;
}
.box-heading.box-heading-theme15 .wrp-content:before {
	background: #28A838;
}
.box-heading-theme15 .box-heading__icntheme{
	background: #28A838;
}
.box-heading-theme15 .box-heading__content{
	background: #dff2e1;
}
.box-heading-theme15 .box-heading__title{
	color: #28A838;
}
.box-heading__content{
	display: table-cell;
	background: #ddf0e2;
	vertical-align: middle;
	padding-left: 32px;
}
.box-heading__img{
	line-height: 1;
	font-size: 0;
}
.box-heading__img img{
	max-width: 160px;
	margin: -10px;
	border: 10px #fff solid;
	position: relative;
}
.box-heading__title{
	font-size: 30px;
	color: #1B973A;
	font-weight: bold;
	line-height: 1.5;
}


@media (max-width: 1100px) {
	.box-heading__img img {
		margin-left: -26px;
	}

	.box-heading__icntheme {
		width: 154px;
	}
}

@media (max-width: 767px){
	.box-heading{
		margin-bottom: 44px;
	}
	.box-heading__content{
		padding-left: 20px;
		padding-right: 20px;
		box-sizing: border-box;
	}
	.box-heading__icntheme{
		width: 113px;
	}
	.box-heading__img{
		margin-left: 5px;
	}
	.box-heading__img img{
		max-width: 110px;
		margin: 0;
		margin-left: -12px;
		border: none;
		border-right: 10px solid #fff;
	}
	.box-heading__title{
		font-size: 20px;
	}
}
/*box-media*/
.box-media{
	margin-top: 44px;
	display: flex;
}
.box-media__content{
	flex: 0 0 57.64%;
	padding-right: 45px;
	box-sizing: border-box;
	padding-top: 13px;
}
.box-media__image{
	flex: 0 0 42.36%;
}
.box-media__title{
	position: relative;
	font-size: 24px;
	font-weight: bold;
	color: #707070;
	line-height: 1.5;
	margin-left: 22px;
	margin-bottom: 30px;
}
.box-media__title::before{
	content:"";
	width: 5px;
	background: #1B973A;
	height: 100%;
	position: absolute;
	top:0;
	bottom: 0;
	margin-left: -22px;
}
.box-media-theme4 .box-media__title::before{
	background: #C50E28;
}
.box-media-theme8 .box-media__title::before{
	background: #970A31;
}
.box-media-theme9 .box-media__title::before{
	background: #EC6A06;
}
.box-media-theme11 .box-media__title::before{
	background: #F5A20B;
}
.box-media-theme13 .box-media__title::before{
	background: #407936;
}
.box-media-theme14 .box-media__title::before{
	background: #0075BA;
}
.box-media-theme15 .box-media__title::before{
	background: #28A838;
}
.box-media__subtitle{
	display: block;
	font-size: 16px;
	font-weight: normal;
}


.box-media__subtitle span{
	color: #fff;
	background-color: #ff3b19;
	font-size: 80%;
	font-weight: bold;
	padding: 2px 15px;
	margin-left: 0.5em;
	vertical-align: 1px;
	border-radius: 100px;
}


.box-media__text{
	margin-bottom: 35px;
}
.box-media__link{
	text-align: right;
}
.box-media__link a{
	text-decoration: none;
}
.box-media__link a:hover{
	color: #707070;
	opacity: 0.7;
}
.box-media--no-image .box-media__content{
	flex: 0 0 100%;
	padding-top: 0;
}
.box-media--no-image .box-media__link{
	text-align: left;
}
@media (max-width: 767px){
	.box-media{
		margin-bottom: 50px;
		margin-top: 0;
	}
	.box-media__content{
		flex: 0 0 100%;
		padding-right: 0;
	}
	.box-media__image{
		flex: 0 0 100%;
		margin-bottom: 15px;
	}
	.box-media__title{
		margin-bottom: 25px;
	}
	.box-media__text{
		font-size: 16px;
		line-height: 1.5;
	}
	.box-media__link{
		text-align: left;
		font-size: 16px;
	}
	.box-media__content.box-media__content--image{
		padding-right: 0;
	}
	.box-media__content--image .box-media__link{
		text-align: left;
	}
}