:root {
	--sec-padding : 5px;
	--sec-fontsize: 18px;
	--sec-lineheight: 36px;
	--sec-imggap1: 10px;
	--sec-imggap2: 10px;
	--sec-margintop: 96px;
	--sec-imggap_sec2: 10px;

	--sec-merciwidth: 13%;
	--sec-mercimargintop: 32px;
	--sec-mercimargintop2: 8px;
	--sec-mercilinecolor: #999999;
}

@media screen and (max-width:900px) {	/*900px以下*/
	:root {
		--sec-padding : 5px;
		--sec-fontsize: 10px;
		--sec-lineheight: 28px;
		--sec-imggap_sec2: 5px;
		--sec-imggap1: 4px /*6px*/;
		--sec-imggap2: 4px /*6px*/;
		--sec-mercimargintop: 16px;
		--sec-margintop: 48px;
	}
}

.sec_all {
	width: 100%;
	padding: 0 var(--sec-padding);
	position: relative;
}
.sec_br {
	display: none;
}

@media screen and (max-width:900px) {	/*900px以下*/
/*
	.sec_all {
		width: 100%;
		padding: 0 var(--sec-padding);
		position: relative;
	}
*/
	.sec_br {
		display: inline;
	}
}


#sec_01 {
	width: 100%;
	margin-top: 60px /*120px*/;
	padding-top: var(--sec-padding);
	display: none;
}
@media screen and (max-width:900px) {	/*900px以下*/
	#sec_01 {
		margin-top: 36px /*60px*/;
	}
}
#sec_01_1 {
	margin: 0 auto;
	width: 100%;
}


#sec_02 {
/*	margin-top: var(--sec-margintop);*/
	margin-top: 64px;
}
#sec_02_1 {
	position: relative;
	width: 100%;
}
#sec_02_11 {
	width: 58%;
	position: relative;
	margin-left: 11% /*20%*/;
	padding-top: 60px /*78px*/;
}
#sec_02_12 {
	width: 20%;
	position: absolute;
	top: 0;
	right: 0;
}
#sec_02_2 {
	position: relative;
	width: 100%;
	display: flex;
	margin-top: 48px;
}
#sec_02_21 {
	position: relative;
	width: calc(22% - var(--sec-imggap_sec2));
}
#sec_02_22 {
	position: relative;
	width: calc(70% - var(--sec-imggap_sec2));
	margin-left: 156px /*128px*/ /*calc(var(--sec-imggap_sec2) * 2)*/;
	margin-top: 200px /*152px*/ /*200px*/;
}
@media screen and (max-width:900px) {	/*900px以下*/
	#sec_02 {
		margin-top: 40px;
	}
	#sec_02_11 {
		padding-top: 32px /*40px*/;
	}
	#sec_02_12 {
	}
	#sec_02_2 {
		margin-top: 32px;
	}
	#sec_02_21 {
		width: calc(22% - var(--sec-imggap_sec2));
	}
	#sec_02_22 {
		width: calc(67% - var(--sec-imggap_sec2));
		margin-left: 60px /*calc(var(--sec-imggap_sec2) * 2)*/;
		margin-top: 32px;
	}
}


#sec_03 {
	margin-top: calc(var(--sec-margintop) / 2);
	display: flex;
/*	align-items: flex-end;*/
}
#sec_03_1 {
	position: relative;
	width: 46%;
	margin-left: 10% /*8px*/;
}
#sec_03_02 {
	position: relative;
	width: 42%;
	margin-left: 8px /*12%*/;
/*	padding-bottom: 32px;*/
	margin-top: 4%;
}
@media screen and (max-width:900px) {
	#sec_03 {
		margin-top: calc(var(--sec-margintop) / 2);
	}
	#sec_03_1 {
		width: 50% /*63%*/;
		margin-left: 6%;
	}
	#sec_03_02 {
		position: relative;
		margin: 16px 4px 0 8px;
	}
}


#sec_04 {
	width: 100%;
/*	margin-top: calc(var(--sec-margintop) + 24px) !important;*/
	margin-top: calc(var(--sec-margintop) + 12px) !important;
    box-sizing: border-box;
}
#sec_04_1 {
	width: 100%;
	display: flex;
}
#sec_04_1 > div {
	width: calc(50% - calc(var(--sec-imggap1) / 2));
	margin-right: var(--sec-imggap1);
}
#sec_04_1 > div:nth-child(2) {
    margin-right: auto;
}
#sec_04_2 {
	width: 100%;
	display: flex;
	margin-top: var(--sec-imggap2);
}
#sec_04_2 > div {
	width: calc(33.3% - calc(var(--sec-imggap1) / 2));
	margin-right: var(--sec-imggap1);
}
#sec_04_2 > div:nth-child(3) {
    margin-right: auto;
}
#sec_04_3 {
	position: relative;
	width: var(--sec-merciwidth);
	margin: var(--sec-mercimargintop) 0 0 auto;
}
#sec_04_31 {
	position: relative;
	width: 100%;
}
#sec_04_32 {
	position: relative;
	height: 1px;
	width: 120%;
	margin-top: var(--sec-mercimargintop2);
	margin-left: -20%;
	background-color: var(--sec-mercilinecolor);
}
#sec_04_33 {
	position: relative;
	width: 100%;
	margin-top: var(--sec-mercimargintop2);
}
#sec_04_4 {
	position: relative;
	width: 44%;
	margin-left: 8px;
	margin-top: 32px;
}
#sec_04_5 {
	width: 100%;
	display: flex;
	margin-top: calc(var(--sec-mercimargintop) * 1.5);
}
#sec_04_5 > div {
	width: calc(50% - calc(var(--sec-imggap1) / 2));
	margin-right:  var(--sec-imggap1);
}
#sec_04_5 > div:nth-child(2) {
    margin-right: auto;
}
#sec_04_6 {
	width: 100%;
	display: flex;
	margin-top: var(--sec-imggap2);
;
}
#sec_04_6 > div {
	width: calc(33.3% - calc(var(--sec-imggap1) / 2));
	margin-right:  var(--sec-imggap1);
}
#sec_04_6 > div:nth-child(3) {
    margin-right: auto;
}
#sec_04_7 {
	position: relative;
	width: var(--sec-merciwidth);
	margin: var(--sec-mercimargintop) 0 0 auto;
}
#sec_04_71 {
	position: relative;
	width: 100%;
	margin-top: var(--sec-mercimargintop);
}
#sec_04_72 {
	position: relative;
	height: 1px;
	width: 120%;
	margin-top: var(--sec-mercimargintop2);
	margin-left: -20%;
	background-color: var(--sec-mercilinecolor);
}
#sec_04_73 {
	position: relative;
	width: 100%;
	margin-top: var(--sec-mercimargintop2);
}
#sec_04_8 {
	position: relative;
/*
	font-size: var(--sec-fontsize);
	line-height: var(--sec-lineheight);
	text-align: center;
	margin: 16px auto 0 auto;
*/
	width: 66%;
	margin: 16px auto 0 auto;
}
@media screen and (max-width:900px) {
	#sec_04 {
/*		margin-top: calc(30px + 12px);*/
		margin-top: 30px;
	}
	#sec_04_4 {
		margin-top: 16px;
	}
/*
	#sec_04_5 {
		margin-top: calc(var(--sec-mercimargintop) * 1.5);
	}
*/
	#sec_04_8 {
		margin-top: 0px;
		width: calc(50 / 46 * 66%) /*70%*/;
	}
}


#sec_05 {
	margin-top: calc(var(--sec-margintop) * 1.5);
}
#sec_05_0 {
	display: flex;
}
#sec_05_1 {
	width: calc(45% - calc(var(--sec-imggap1) / 2));
}
#sec_05_1 > div {
	width: 100%;
}
#sec_05_12 {
	margin-top: var(--sec-imggap2);
}
#sec_05_13 {
	position: relative;
	font-size: var(--sec-fontsize);
	line-height: var(--sec-lineheight);
	text-align: left;
	margin-top: 16px;
}
#sec_05_10 {
	position: relative;
	width: 101% !important;
	margin-top: 56px;
	margin-left: 16px;
}

#sec_05_2 {
	width: calc(55% - calc(var(--sec-imggap1) / 2));
	margin-left: var(--sec-imggap1);
}
#sec_05_2 > div {
	width: 100%;
}
#sec_05_22 {
	margin-top: var(--sec-imggap2);
}
#sec_05_3 {
	display: none;
}
@media screen and (max-width:900px) {	/*900px以下*/
/*
	#sec_05_13 {
		display: none;
	}
*/
	#sec_05_3 {
		display: block;
		position: relative;
		font-size: var(--sec-fontsize);
		line-height: var(--sec-lineheight);
		text-align: left;
		margin-top: 0px;
	}
	#sec_05_10 {
		margin-top: 24px;
		width: calc(50 / 46 * 101%) /*105%*/ !important;
	}
}


#sec_06 {
	margin-top: calc(var(--sec-margintop) * 1.5);
}
#sec_06_1 {
	width: 100%;
	display: flex;
}
#sec_06_1 > div {
	width: calc(33.3% - calc(var(--sec-imggap1) / 2));
	margin-right: var(--sec-imggap1);
}
#sec_06_1 > div:nth-child(3) {
    margin-right: auto;
}
#sec_06_2 {
	width: 100%;
	display: flex;
	margin-top: var(--sec-imggap2);
	position: relative;
}
#sec_06_21 {
	width: calc(400% / 13 - calc(var(--sec-imggap1) / 2));
	margin-right: var(--sec-imggap1);
	object-fit: cover;
}
#sec_06_22 {
	width: calc(900% / 13 - calc(var(--sec-imggap1) / 2));
	margin-right: auto;
	object-fit: cover;
}
#sec_06_23 {
	position: absolute;
	right: 8px;
	bottom: 24px;
	width: 30% /*20%*/;
}
#sec_06_3 {
	position: relative;
/*
	font-size: var(--sec-fontsize);
	line-height: var(--sec-lineheight);
	text-align: center;
	margin: 16px auto 0 auto;
*/
	width: 60%;
	margin: 60px /*32px*/ auto 0 auto;
}
@media screen and (max-width:900px) {	/*900px以下*/
	#sec_06_23 {
		bottom: 12px;
	}
	#sec_06_3 {
		margin-top: 30px;
		width: calc(50 / 46 * 60%) /*64%*/;
	}
}


#sec_07 {
	margin-top: calc(var(--sec-margintop) * 1.5);
}
#sec_07_1 {
	position: relative;
	margin-top: 0;
	display: flex;
}
#sec_07_11 {
	width: calc(20% - calc(var(--sec-imggap1) / 2));
	margin-top: 13%;
}
#sec_07_12 {
	width: calc(26% - calc(var(--sec-imggap1) / 2));
	margin-top: 13%;
	margin-left: var(--sec-imggap1);
	object-fit: cover;
}
#sec_07_13 {
	width: calc(54% - calc(var(--sec-imggap1) / 2) - 5px);
	margin-top: 0;
	margin-left: var(--sec-imggap1);
}
#sec_07_2 {
	position: absolute;
	top: 8px;
	left: calc(var(--sec-padding) + 2%);
	width: 40%;
}
#sec_07_3 {
	position: relative;
/*
	font-size: var(--sec-fontsize);
	line-height: var(--sec-lineheight);
	text-align: center;
	margin: 16px auto 0 auto;
*/
	width: 40%;
	margin: 60px/*32px*/ auto 0 auto;
}
#sec_07_4 {
	position: relative;
	margin-top: 56px /*48px*/;
	display: flex;
}
#sec_07_41 {
	width: calc(30% - calc(var(--sec-imggap1) / 2));
	margin-top: 0;
	object-fit: cover;
}
#sec_07_42 {
	width: calc(40% - calc(var(--sec-imggap1) / 2));
	margin-top: 0;
	margin-left: var(--sec-imggap1);
	object-fit: cover;
}
#sec_07_43 {
	width: calc(30% - calc(var(--sec-imggap1) / 2) - 5px);
	margin-top: 0;
	margin-left: var(--sec-imggap1);
	object-fit: cover;
}

@media screen and (max-width:900px) {	/*900px以下*/
	#sec_07_2 {
		left: calc(var(--sec-padding) + 2%);
	}
	#sec_07_3 {
		margin-top: 30px;
		width: calc(50 / 46 * 40%) /*44%*/;
	}
	#sec_07_4 {
		margin-top: 36px;
	}
}


#sec_08 {
	margin-top: calc(var(--sec-margintop) * 1.5);
}
#sec_08_1 {
	position: relative;
	width: 100%;
}
#sec_08_2 {
	position: relative;
	margin: 72px auto 0 auto;
	width: 42% /*36%*/;
}
#sec_08_3 {
	position: relative;
	font-size: var(--sec-fontsize);
	line-height: var(--sec-lineheight);
	text-align: center;
	margin: 72px auto 0 auto;
}
#sec_08_3 a {
	color: #444444;
}

@media screen and (max-width:800px) {	/*800px以下*/
	#sec_08_2 {
		margin-top: 36px;
	}
	#sec_08_3 {
		margin-top: 36px;
	}
}
