@media print{
	.mv_box{
		margin-top: 0 !important;
	}
	#second .mv_text {
	    font-size: 40px !important;
	}
}


#second{
	background-color: #f5f5f5;
	line-height: 1.7;
}


#second .second_inner{
	width: 1200px;
	max-width: 100%;
	margin: 50px auto;
	background-color: #fff;
	padding: 40px 0 0;
}


#second .second_contents_in_container{
	padding: 0 40px;
}
#second .second_contents{
	padding: 0 50px 30px;
}
#second.thema_large_space .second_contents{
	padding: 0 50px 50px;
}
@media print and (max-width: 1299px), screen and (max-width: 1299px) {

	#second .second_outer{
		padding: 0 30px;
	}
	#second .second_contents,
	#second.thema_large_space .second_contents{
		padding: 0 30px 30px;
		margin: 0;
	}
}
@media print and (max-width: 991px), screen and (max-width: 991px) {
	#second .second_outer{
		padding: 0 20px;
	}
	#second .second_contents,
	#second.thema_large_space .second_contents{
		padding: 0 20px 20px;
	}
	#second .second_inner {
		margin: 45px auto;
		padding: 35px 0 0;
	}

}
@media screen and (min-width: 768px) {
	.only_sp{
		display: none;
	}

}


@media screen and (max-width: 767px) {

	#second .only_pc{
		display: none;
	}

	#second .second_outer{
		padding: 0 10px;
	}
	#second .second_contents,
	#second.thema_large_space .second_contents{
		padding: 0 15px 20px;
	}
	#second .second_inner {
	    margin: 25px auto;
	    padding: 20px 0 0;
	}
	#second .second_contents_in_container{
		padding: 0 5px;
	}
}



/* @group ================= mv ===================== */


	#second .mv{
	    position: relative;
	    padding-bottom: 10%;
		height: 0;
		background-color: #063391;
		overflow: hidden;
	}

	#second .mv_img{
		width: 100%;
		opacity: 0.2;
		position: absolute;
	    top: 50%;
	    left: 50%;
	    transform: translate(-50%,-50%);
	}


	#second .mv_text{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		font-size: 45px;
		color: #fff;
		font-weight: bold;
		white-space: nowrap;
	}
	#second .second_box_title{
		position: relative;
		margin: 0 0 65px;
		overflow: hidden;
	}
	#second .second_box_title::before{
	    content: '';
	    background-image: url(/assets/images/second_title_company_logo.png);
	    -webkit-background-size: 100% 100%;
	    background-size: 100%;
	    background-repeat: no-repeat;
	    width: 20%;
	    height: 100%;
	    position: absolute;
	    top: 10px;
	    right: 70px;
	}
	#second .second_box_title::after{
	    content: '';
	    width: 30px;
	    height: 0;
	    border-bottom: 130px solid #fff;
	    border-left: 85px solid transparent;
	    border-right: 0px solid transparent;
	    position: absolute;
	    top: -1px;
	    right: 0px;
	}
	#second .second_title{
	    background-color: #063391;
	    display: block;
	    width: 99%;
	    color: #fff;
	    font-size: 30px;
	    padding: 20px 80px 20px 50px;
	    line-height: 1.2;
	    font-weight: bold;
	}
	@media print and (max-width: 1600px), screen and (max-width: 1600px) {
		#second .mv_text {
			/* viewportとfon-sizeが、1600pxで45pxから991pxで30pxになるようにリサイズさせる */
		    font-size: calc( 30px + ( (1vw - (991px / 100)) * ( (45 - 30) / (1600 - 991) * 100) ) );
		}
	}
	@media print and (max-width: 991px), screen and (max-width: 991px) {

		#second .mv{
			padding-bottom: 11%;
		}
		#second .mv_text {
		    font-size: 30px;
		}
		#second .second_title{
		    font-size: 25px;
		    padding: 20px 80px 20px 30px;
		}
		#second .second_box_title::after{
		    width: 20px;
		    border-bottom: 90px solid #fff;
		    border-left: 60px solid transparent;

		}
		#second .second_box_title::before{
		    right: 45px;
		    top: 6px;
		}

		#second .second_box_title {
			margin: 0 0 40px;
		}
	}
	@media screen and (max-width: 767px) {

		#second .mv_text{
			font-size: 22px;
		}
		#second .second_title{
		    font-size: 18px;
		    padding: 15px 40px 15px 20px;
		}
		#second .second_title .small_size_only_sp{
		    font-size: 14px;
		}
		#second .second_box_title::before {
		    right: 35px;
		    width: 20%;
		}
		#second .second_box_title::after{
		    width: 15px;
		    border-bottom: 75px solid #fff;
		    border-left: 50px solid transparent;

		}
		#second .second_box_title {
		    margin: 0 0 30px;
		}
	}
	@media screen and (max-width: 575px) {
		#second .mv{
			padding-bottom: 16%;
		}
	}

	@media screen and (max-width: 340px) {
		#second .mv{
			padding-bottom: 18%;
		}
		#second .second_title{
		    font-size: 16px;
		    padding: 15px 30px 15px 15px;
		}
	}
/* @end */



/* @group ===== ユーティリティ ===== */
/* ================================================================= */
	#second .mb10{
		margin-bottom: 10px !important;
	}

	#second .mt0{
		margin-top: 0px !important;
	}

	#second .pt0{
		padding-top: 0!important;
	}

	#second .pb0{
		padding-bottom: 0!important;
	}
	#second .pb10{
		padding-bottom: 10px !important;
	}
	#second .pt10{
		padding-top: 10px !important;
	}
	#second .pb20{
		padding-bottom: 20px !important;
	}
	#second .pt20{
		padding-top: 20px !important;
	}
	#second .pb30{
		padding-bottom: 30px !important;
	}
	#second .pt30{
		padding-top: 30px !important;
	}
	@media print and (min-width: 768px), screen and (min-width: 768px) {

		#second .pl30_only_pc{
			padding-left: 30px !important;
		}
		#second .pr30_only_pc{
			padding-right: 30px !important;
		}
	}
	@media screen and (max-width: 767px) {

		#second .pt20_only_sp{
			padding-top: 20px !important;
		}
		#second .pb10_only_sp{
			padding-bottom: 10px !important;
		}
	}

/* @end */

/* @group ===== テキストモジュール ===== */
/* ================================================================= */


	#second .big_title{
		font-size: 25px;
		line-height: 1.2;
		text-align: center;
		padding: 0 0 10px;
		letter-spacing: normal;
		font-weight: bold;
	}

	#second .bold_title{
		font-size: 18px;
		font-weight: bold;
		color: #122a88;
		margin: 0 0 10px;
		line-height: 1.4;
		letter-spacing: normal;
		position: relative;
	}

	/* @media print {
		#second .border_separate_col .bold_title{
			height: auto !important;
		}
	} */
	#second .bold_title.second_title_middle{
		padding-left: 13px;
		font-size: 21px;
	}

	#second .bold_title.second_title_middle::before{
		content: '';
		position: absolute;
		width: 4px;
		top: 0;
		left: 0;
		bottom: 0;
		background-color: #122a88;

	}
	#second .title_bar{
		background-color: #063391;
		color: #fff;
		width: 100%;
		padding: 3px 10px 3px 10px;
		margin: 10px 0;
		letter-spacing: normal;
	}
	#second .title_bar.top_title_bar{
		margin: 0 0;
	}

	#second .title_bar.top{
		margin: 0 0 10px 0;
	}


	#second .lead{
		font-size: 20px;
		font-weight: bold;
		letter-spacing: normal;
		padding: 10px 0;
	}
	#second .second_lead{
		font-size: 18px;
		line-height: 1.7;
	}


	#second .caption{
		font-size: 14px;
		padding-top: 5px;
	}

	#second .text_left{
		text-align: left;
	}
	#second .text_center{
		text-align: center;
	}


	@media screen and (max-width: 767px) {
		#second .big_title {
		    font-size: 16px;
		}
		#second .bold_title.second_title_middle{
			font-size: 17px;
		}
		#second .caption{
			font-size: 13px;
		}
		#second .bold_title{
			font-size: 16px;
		}
		#second .lead{
			font-size: 18px;
		}
	}

/* @end */






/* @group ===== 横並び3つのブロック と　タイトル　テキスト===== */
/* ================================================================= */
	#second .base_section{
	    padding: 0 0 40px;
	}


	#second .base_section_list{
		letter-spacing: -0.4em;
		/* text-align: center; */
	}

	#second .base_section_item{
		letter-spacing: normal;
		display: inline-block;
		width: calc((99.9% - 40px) / 3  );
		vertical-align: top;
		margin-bottom: 10px;
		/* text-align: left; */
	}
	#second .base_section_item .title_bar{
		display: table;
	}
	#second .base_section_item .title_bar_text{
		display: table-cell;
		vertical-align: middle;
		line-height: 1.4;
	}
	#second .base_section_item dd{
		padding: 0 10px;
	}
	#second .base_section_item:nth-of-type(2),
	#second .base_section_item:nth-of-type(5){
		margin-left: 20px;
		margin-right: 20px;
	}
	@media print and (max-width: 991px), screen and (max-width: 991px) {
		/* #second .base_section_item{
			width: calc((99.9% - 20px) / 3  );

		} */
		#second .base_section_item{
			width: calc((99.9% - 15px) / 2  );

		}
		#second .base_section_item:nth-of-type(even){
			margin-left: 15px;
			margin-right: 0;
		}
		#second .base_section_item:nth-of-type(odd){
			margin-left: 0;
			margin-right: 0;
		}
	}
	@media screen and (max-width: 767px) {

		#second .base_section_inner {
		    padding-left: 0;
		}


		#second .base_section {
		    position: relative;
		    padding: 0 0 25px;
		}
		#second .base_section_item:nth-of-type(1) .title_bar,
		#second .base_section_item:nth-of-type(2) .title_bar{
			margin-top: 0;
		}
	}

	@media screen and (max-width: 575px) {
		#second .base_section_item{
			width: 100%;

		}
		#second .base_section_item:nth-of-type(odd),
		#second .base_section_item:nth-of-type(even){
			margin: 0;
		}
		#second .base_section_item:nth-of-type(2) .title_bar{
			margin-top: 10px;
		}

	}

/* @end */



/* @group ===== 新着情報の一覧ページ ===== */
/* ================================================================= */

.news{
	background-color: #f3f3f3;
    padding: 50px 0;
}

.news .news_title_box{
	display: inline-block;
	vertical-align: middle;
}
.news .news_list_box{
	/*display: inline-block;*/
	vertical-align: middle;
	font-size: 16px;
	/*padding-left: 62px;*/
}
.news .news_list{
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	width: 100%;
}
.news .news_item{
	border-bottom: 1px dotted #000;
    padding: 19px 62px 19px 26px;
	width: 100%;
}
.news .news_item:nth-of-type(1){
	border-top: 1px dotted #000;
}
.news .news_title{
	font-size: 20px;
	font-weight: bold;
	position: relative;
}

.news .news_subtitle{
	font-size: 15px;
    font-weight: normal;
    padding: 0 0 0 19px;
    letter-spacing: -0.07em;
}
.news .news_title:after{
	content: '';
    background-color: #132f7a;
    height: 3px;
    width: 20px;
    position: absolute;
    bottom: -9px;
    left: 0;
}

.news .news_info{
	display: inline-block;
}
.news .news_tag{
	width: 98px;
    display: inline-block;
    background-color: #132f7a;
    color: #fff;
    text-align: center;
    padding: 2px 10px;
    margin: 0 25px 0 14px;
}
.news .news_text{
	display: inline-block;
}
.news .more_view_btn_box{
	text-align: center;
	margin: 30px auto 0;
	position: relative;
	width: 218px;
}
.news .more_view_btn{
	border-color: #132f7a;
	background-color: #fff;
    padding: 14px 10px;
    width: 218px;
    color: #132f7a;
}

.news .more_view_btn_text:after{
	content: '';
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	right: 12px;
	top: 50%;
	transform:translate(0, -50%);
	width: 9px;
	height: 10px;
	background-image: url(/assets/images/btn_arrow_orangi.png);
}
.news .more_view_btn_box::before,
.news .more_view_btn_box::after,
.news .more_view_btn::before,
.news .more_view_btn::after{
	background-color: #ea5413;
	content: '';
	display: block;
	position: absolute;
	z-index: 10;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
}


.news .more_view_btn_box::before{
  bottom: 0px;
  height: 1px;
  right: 0px;
  width: 0px;
}
.news .more_view_btn_box::after{
    height: 1px;
    left: 0px;
    top: 0px;
    width: 0px;
}
.news .more_view_btn::before{
  height: 0px;
  right: -1px;
  top: 0px;
  width: 1px;
}
.news .more_view_btn::after{
  bottom: 0px;
  height: 0px;
  left: -1px;
  width: 1px;
}
/*hover*/
.news .more_view_btn_box:hover::before,
.news .more_view_btn_box:hover::after{
  width: 100%;
  /*width: calc(100% + 1px);*/
}

.news .more_view_btn:hover::before,
.news .more_view_btn:hover::after{
  height: 100%;
  height: calc(100% + 1px);
}
@media print and (max-width: 1000px), screen and (max-width: 1000px) {
	.news .news_title {
	    font-size: 18px;
	}
	.news .news_list_box {
	    padding-left: 5%;
	    width: 80%;
	}

	.news .news_list {
	    font-size: 15px;
	}
	.news .news_item {
	    padding: 19px 10px;
	}
	.news .news_tag {
	    margin: 0 15px 0 14px;
	}
}
@media print and (max-width: 865px), screen and (max-width: 865px) {

	.news .news_list_box {
	    padding: 30px 0;
	    width: 100%;
	}
	.news .more_view_btn_box {
	    text-align: center;
	    margin-top: 20px;
	}
	.news .news_item:nth-of-type(1){
		border-top: none;
	}
	.news .news_item {
	    padding: 15px 0px;
	}
}
@media screen and (max-width: 767px) {

	.news .news_item {
	    letter-spacing: -0.4em;
	}
	.news .news_tag {
	    display: none;
	}
	.news .news_text {
	    padding: 0 0 0 15px;
	    width: calc(100% - 70px);
	    letter-spacing: normal;
	    vertical-align: top;
	}
	.news .news_info {
	    /*width: 15.3%;*/
	    letter-spacing: normal;
	}
}


/* @group ===== 新着情報の詳細ページ ===== */
/* ================================================================= */


.news_article .news{
	background-color: #fff;
	padding: 0;
}
.news_article h1{
	font-size: 30px;
    text-align: center;
    line-height: 1.65;
    color: #053290;
    font-weight: bold;
    margin-bottom: 50px;
}
.news_article p{
	margin-bottom: 25px;
	line-height: 1.8;
}
.news_article figure{
	text-align: center;
	margin-top: 60px;
	margin-bottom: 40px;
}
.news_article figure img{
	max-width: 100%;
	margin-bottom: 15px;

}
.news_article figcaption{
	color: #053290;
	line-height: 1.4;
	font-size: 0.9em;
}
#second .news_article_content_box{
	padding: 30px 100px 50px;
}


/*一覧へもどるボタン*/

.btn_back_newslist_box{
	text-align: center;
	margin: 30px auto 70px;
	position: relative;
}
.btn_back_newslist{
	border-color: #132f7a;
	border-color: transparent;
	background-color: #fff;
    padding: 8px 10px;
    width: 160px;
    font-size: .9em;
    color: #132f7a;
}

.btn_back_newslist:after{
	content: '';
	position: absolute;
	left: 12px;
	top: 50%;
	-webkit-transform:translate(0, -50%);
	    -ms-transform:translate(0, -50%);
	        transform:translate(0, -50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width:4px 7px 4px 0;
	border-color: transparent #132f7a transparent transparent;
}


@media print and (max-width: 1299px), screen and (max-width: 1299px) {
	#second .news_article_content_box{
		padding: 20px 8% 40px;
	}
	.news_article h1{
	    margin-bottom: 40px;
	}
}
@media print and (max-width: 991px), screen and (max-width: 991px) {
	.news_article h1{
		font-size: 25px;
		margin-bottom: 30px;
	}
	.news_article p{
		margin-bottom: 20px;
	}
	#second .news_article_content_box{
		padding: 10px 8% 40px;
	}
	.news_article figure {
	    margin-top: 45px;
	    margin-bottom: 30px;
	}
	.btn_back_newslist_box {
		margin: 30px auto 60px;
	}
}

@media screen and (max-width: 767px) {
	.news_article h1{
		font-size: 20px;
		margin-bottom: 20px;
	}
	#second .news_article_content_box{
		padding: 10px 40px 30px;
	}
	.news_article p{
		margin-bottom: 15px;
	}
	.btn_back_newslist_box {
		margin: 30px auto 40px;
	}
}
@media screen and (max-width: 576px) {
	.news_article h1{
		font-size: 20px;
		margin-bottom: 15px;
	}

	.news_article p{
		margin-bottom: 10px;
	}
	.news_article figure{
		margin-top: 30px;
		margin-bottom:25px;
	}
	.news_article figure img{
		margin-bottom: 10px;
	}
	#second .news_article_content_box{
		padding: 10px 20px 20px;
	}
}

/* @end */
