@charset "utf-8";
/*------------------------------------------------------------
	index
------------------------------------------------------------*/
#container {
	padding-top: 109px;
}
#main .main-visual {
	margin-bottom: 30px;
}
#main .main-visual .list {
	margin-right: -15px;
	display: grid;
    grid-template-columns: 9.1% 9.1% 9.1% 9.1% 9.1% 9.1% 18.15% 18.15% 9.1%;
    grid-template-areas: 
    'a b c d d e l m n'
    'f f g g g g l p p'
    'f f g g g g o p p'
    'h h i j k k o p p';
}
#main .main-visual .list li {
	padding: 0 15px 15px 0;
	box-sizing: border-box;
}
#main .main-visual .list li:nth-child(1) {
	grid-area:a;
}
#main .main-visual .list li:nth-child(2) {
	grid-area:b;
}
#main .main-visual .list li:nth-child(3) {
	grid-area:c;
}
#main .main-visual .list li:nth-child(4) {
	grid-area:d;
}
#main .main-visual .list li:nth-child(5) {
	grid-area:e;
}
#main .main-visual .list li:nth-child(6) {
	grid-area:f;
}
#main .main-visual .list li:nth-child(7) {
	grid-area:g;
}
#main .main-visual .list li:nth-child(8) {
	grid-area:h;
}
#main .main-visual .list li:nth-child(9) {
	grid-area:i;
}
#main .main-visual .list li:nth-child(10) {
	grid-area:j;
}
#main .main-visual .list li:nth-child(11) {
	grid-area:k;
}
#main .main-visual .list li:nth-child(12) {
	grid-area:l;
}
#main .main-visual .list li:nth-child(13) {
	grid-area:m;
}
#main .main-visual .list li:nth-child(14) {
	grid-area:n;
}
#main .main-visual .list li:nth-child(15) {
	grid-area:o;
}
#main .main-visual .list li:nth-child(16) {
	grid-area:p;
}
#main .main-visual .list li img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}


.main-visual_new{
width:97%;
margin:0 auto 40px auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.main-visual_new .left_block{
width:50%;
	background: url("../images/index/main_new_img01.jpg") no-repeat center center / cover;
position: relative;
}
.main-visual_new .right_block{
width:49.85%;
    display: flex;
flex-flow: column;
}
.main-visual_new .right_block ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.main-visual_new .right_block ul li.small{
width:36.65%;
}
.main-visual_new .right_block ul li.large{
width:63%;
}
.main-visual_new .right_block .block01{
    margin-bottom: 3px;
}

.main-visual_new .left_block h1{
background:#064099;
color:#fff;
    display: inline-block;
    position: absolute;
    right: 0;
    bottom: 11%;
padding: 3% 7% 3% 7%;
    font-size: 2.0rem;
max-width:85%;
}
/*.main-visual_new.en .left_block h1{
display:none;
}
*/




@media all and (min-width: 897px) and (max-width: 1120px) {
	#main .main-visual .list {
		grid-template-columns: 8.25% 8.25% 8.25% 8.25% 8.25% 8.25% 16.6% 33.9%;
		grid-template-areas: 
		'a b c d d e l p p'
		'f f g g g g l p p'
		'f f g g g g o p p'
		'h h i j k k o p p';
	}
	#main .main-visual .list li:nth-child(13) {
		display: none;
	}
	#main .main-visual .list li:nth-child(14) {
		display: none;
	}
	#main .main-visual .list li {
		padding: 0 10px 10px 0;
	}
}
@media all and (max-width: 896px) {
	#container {
		padding-top: 88px;
	}
	#main .main-visual .list {
		margin-right: -6px;
	}
	#main .main-visual .list {
		grid-template-columns: 16.66% 16.66% 16.66% 16.66% 16.66% 16.66% 33.32% 66.6%;
		grid-template-areas: 
		'a b c d d e'
		'f f g g g g'
		'f f g g g g'
		'h h i j k k'
		'l l p p p p'
		'l l p p p p'
		'o o p p p p'
		'o o p p p p'
	}
	#main .main-visual .list li:nth-child(13) {
		display: none;
	}
	#main .main-visual .list li:nth-child(14) {
		display: none;
	}
	#main .main-visual .list li {
		padding: 0 6px 6px 0;
	}
	#main .main-visual {
		margin-bottom: 64px;
	}
}


#main .news-box {
	margin-bottom: 91px;
}
#main .news-box .title {
	margin-bottom: 25px;
	color: #2D466C;
	font-size: 2.2rem;
	text-align: center;
	font-weight: 500;
}
#main .news-box .tab-box {
	display: block;
}
@media all and (max-width: 896px) {
	#main .news-box {
		margin: 0 -20px 55px;
		position: relative;
	}
	#main .com-type-ul li {
		width: calc(25% - 2px);
	}
}


#main .page-box {
	margin: 75px auto 0;
	max-width: 640px;
}
#main .page-box .title {
	margin-bottom: 13px;
	color: #2D466C;
	font-size: 2.2rem;
	font-weight: 500;
}
#main .page-box .title .sml {
	font-size: 1.5rem;
}
#main .page-box .image {
	height: 100px;
	border: 1px solid #D5DAE1;
	background: url("../images/index/banner_img01.jpg") no-repeat center center / cover;
	box-sizing: border-box;
}
#main .page-box .flex-box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: #EA5404;
}
#main .page-box .flex-box .photo {
	width: 320px;
}
#main .page-box .flex-box .photo img {
	width: 100%;
}
#main .page-box .flex-box .txt {
	flex: 1;
	color: #fff;
	font-weight: bold;
	font-size: 1.8rem;
	text-align: center;
}
#main .page-box .sub-box {
	margin-bottom: 24px;
}
#main .page-box .sub-box:last-child {
	margin-bottom: 0;
}
@media all and (max-width: 896px) {
	#main .page-box {
		margin-top: 47px;
		max-width: inherit;
	}
	#main .page-box .image {
		height: 130px;
		background-image: url("../images/index/banner_img01_sp.jpg");
	}
	#main .page-box .com-btn02 {
		margin-top: -20px;
	}
	#main .page-box .sub-box {
		margin-bottom: 47px;
	}
	#main .page-box .flex-box {
		display: block;
	}
	#main .page-box .flex-box .photo {
		width: auto;
	}
	#main .page-box .flex-box .txt {
		font-size: 1.8rem;
		padding: 36px 15px 37px;
		letter-spacing: -0.05em;
	}


.main-visual_new {
    flex-flow: column;
}

.main-visual_new .left_block,
.main-visual_new .right_block{
    width: 100%;
}

.main-visual_new .left_block{
height: 38vh;
    margin-bottom: 3px;
}

.main-visual_new .left_block h1 {
    font-size: 1.5rem;
bottom: 7%;
    padding: 2% 5%;
    max-width: 80%;
}
.main-visual_new.en .left_block h1 {
    font-size: 1.35rem;
}





}