@charset "utf-8";

/*====================================
ヘッダー
====================================*/
header{
	width: 100%;
	height: auto;
	background-color: #FFF;
	padding: 0 0;
	margin: 0 auto;}

.header-box{
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	padding: 0 0;}

.header-logo{
	display: inline-block;
	padding: 0 0 0 80px;
	margin: 0 auto;}

.header-logo img{
	aspect-ratio:188 / 44;
	width: 188px;
	height: auto;}

.notonav-header{
	padding: 18px 0;}

.header-right{
	display: flex;
	align-items: flex-end;}

.header-navigation{
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(0,-50%);}

#menu-icon{
	background-color: #003D88;
	width: 56px;
	height: 56px;
	cursor: pointer;
	position: relative;
	z-index: 9999;
	padding: 12px 12px;}

.menu-icon:after{
	content: "menu";
	font-size: 13px;
	font-weight: 600;
	text-align: center;
	line-height: 1;
	letter-spacing: 0.05em;
	color: #FFF;
	position: absolute;
	bottom: 10px;
	left: 50%;
	transform: translate(-50%,0);}

.menu-icon span{
	display: block;
	height: 2px;
	width: 56px;
	border-radius: 3px;
	background: #FFF;
	position: absolute;
	transition: 0.3s;}

.menu-icon span:nth-child(1) {
	transform-origin: bottom left;
	top: 12px;}

.menu-icon span:nth-child(2){
	top: 26px;
	transform: translate(0,-50%);}

.menu-icon span:nth-child(3) {
	transform-origin: top left;
	top: 38px;}

.clause-icon:after{
	content: "clause";
	font-size: 13px;
	font-weight: 600;
	text-align: center;
	line-height: 1;
	letter-spacing: 0.05em;
	color: #FFF;
	position: absolute;
	bottom: 10px;
	left: 50%;
	transform: translate(-50%,0);}

.clause-icon span{
	content: '';
	display: block;
	height: 2px;
	width: 56px;
	border-radius: 3px;
	background: #FFF;
	position: absolute;
	transition: 0.3s;}

.clause-icon span:nth-child(1) {
	top: 24px;
	transform: translate(0,-50%);
	transform: rotate(32deg);}

.clause-icon span:nth-child(2){
	width: 0;
	top: 24px;
	transform: translate(0,-50%);}

.clause-icon span:nth-child(3) {
	top: 24px;
	transform: translate(0,-50%);
	transform: rotate(-32deg);}

.header-nav{
	font-size: 0;
	background-color: #FFF;
	width: 300px;
	height: 100dvh;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 100%;
	transition: 0.3s;
	z-index: 9990;
	padding: 80px 0 15px 0;}

.header-nav-open{
	opacity: 1;
	left: calc(100% - 300px);}

.header-nav li{
	border-bottom: 1px #999999 solid;}

.header-nav li:first-child{
	border-top: 1px #999999 solid;}

.header-nav li a{
	font-size: 22px;
	font-weight: 500;
	text-decoration: none;
	line-height: 1.1;
	color: #333333;
	display: block;
	transition: 0.3s;
	padding: 20px 15px;}

.header-nav li a:hover{
	color: #003D88;}

.header-nav li.language{
	border: 0;
	margin: 10px 10px;}

.header-nav li.language a{
	font-size: 22px;
	font-weight: 500;
	text-decoration: none;
	line-height: 1.1;
	vertical-align: middle;
	color: #333333;
	background-color: #FFF;
	display: inline-block;
	aspect-ratio: 1 / 1;
	transition: 0.3s;
	padding: 10px 8px 6px 8px;
	border: 1px #999999 solid;
	border-radius: 100%;
	margin: 0 20px 0 0;}

.header-nav li.language a:hover{
	color: #FFF;
	background-color: #003D88;
	border: 1px #003D88 solid;}

.menu-clausearea{
	display: none;
	position:fixed;
	background: rgba(0,0,0,0.5);
	width: 100%;
	height:100dvh;
	top: 0;
	left: 0;
	z-index:980;}

.menu-clausearea-open{
	display: block;}
	
.no-scroll{
  overflow: hidden;}

@media only screen and (max-width: 1200px) {
}

@media only screen and (max-width: 750px) {
.header-logo{
	padding: 0 0 0 9.6rem;}

.header-logo img{
	width: 22.56rem;}

.notonav-header{
	padding: 2.15rem 0;}

#menu-icon{
	width: 6.72rem;
	height: 6.72rem;
	padding: 1.44rem 1.44rem;}

.menu-icon:after{
	font-size: 1.56rem;
	bottom: 1.2rem;}

.menu-icon span{
	height: 0.24rem;
	width: 6.72rem;
	border-radius: 0.36rem;}

.menu-icon span:nth-child(1) {
	top: 1.44rem;}

.menu-icon span:nth-child(2){
	top: 3.12rem;}

.menu-icon span:nth-child(3) {
	top: 4.56rem;}

.clause-icon:after{
	font-size: 1.56rem;
	bottom: 1.2rem;}

.clause-icon span{
	height: 0.24rem;
	width: 6.72rem;
	border-radius: 0.36rem;}

.clause-icon span:nth-child(1) {
	top: 2.88rem;}

.clause-icon span:nth-child(2){
	top: 2.88rem;}

.clause-icon span:nth-child(3) {
	top: 2.88rem;}

.header-nav{
	width: 100%;
	padding: 9.6rem 0 1.8rem 0;}

.header-nav-open{
	left: 0;}

.header-nav li{
	border-bottom: 0.12rem #999999 solid;}

.header-nav li:first-child{
	border-top: 0.12rem #999999 solid;}

.header-nav li a{
	font-size: 2.64rem;
	padding: 2.4rem 1.8rem;}

.header-nav li.language{
	margin: 1.0rem 1.0rem;}

.header-nav li.language a{
	font-size: 2.2rem;
	padding: 1.0rem 0.8rem 0.6rem 0.8rem;
	border: 0.1rem #999999 solid;
	margin: 0 2.0rem 0 0;}

.header-nav li.language a:hover{
	border: 0.1rem #003D88 solid;}

}



/*====================================
フッター
====================================*/
footer{
	width: 100%;
	height: auto;
	background: linear-gradient(180deg,#03499D 0%,#017BC6 100%);
	padding: 60px 0 100px 0;
	margin: 0 auto;}

.footer_contact-box{
	background-color: #FFF;
	padding: 20px 0 0 0;
	border: 2px #034EA1 solid;
	border-radius: 15px;
	margin: 0 auto;}

.top_contact02-ttl{
	text-align: center;
	padding: 0 0 26px 0;
	margin: 0 auto;}

.top_contact02-ttl img{
	aspect-ratio:1000 / 149;
	max-width: 1000px;
	width: 100%;
	height: auto;}

.footer_contact-repetitions01_g2 > .grid_container {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 45% 55%;
	grid-template-columns: 45% 55%;
	-ms-grid-rows:  auto;
	grid-template-rows:  auto;}

.footer_contact-repetitions01_g2 > .grid_container > .grid_item {
	text-align: center;
	margin: 0 15px 24px 15px;}

.top_contact02-tel{
	margin: 0 auto;}

.top_contact02-tel img{
	aspect-ratio:340 / 91;
	max-width: 340px;
	width: 100%;
	height: auto;}

.top_contact02-mail{
	margin: 0 auto;}

.top_contact02-mail img{
	aspect-ratio:400 / 91;
	max-width: 400px;
	width: 100%;
	height: auto;}

.footer_nav-area{
	font-size: 0;
	margin: 70px auto 0 auto;}

.footer_logo{
	vertical-align: middle;
	display: inline-block;
	margin: 0 20px 0 0;}

.footer_logo img{
	aspect-ratio:188 / 44;
	max-width: 188px;
	width: 100%;
	height: auto;}

.footer_nav-list{
	vertical-align: middle;
	display: inline-block;
	padding: 0 0;
	margin: 0 auto;}

.footer_nav-list li{
	display: inline-block;
	padding: 0 0;
	border-right: 1px #FFF solid;
	margin: 0 0;}

.footer_nav-list li:first-child{
	border-left: 1px #FFF solid;}

.footer_nav-list li a{
	font-size: 16px;
	font-weight: 500;
	text-decoration: none;
	line-height: 1.2;
	letter-spacing: 0.05em;
	color: #FFF;
	padding: 0 10px;}

.footer_tx01{
	font-size: 16px;
	font-weight: 500;
	line-height: 1.45;
	letter-spacing: 0.05em;
	color: #FFF;
	padding: 20px 0 30px 0;
	margin: 0 auto;}

.footer_copyright{
	font-size: 12px;
	font-weight: 500;
	line-height: 1.45;
	color: #FFF;
	padding: 0 0;
	margin: 0 auto;}

@media only screen and (max-width: 1200px) {
footer{
	padding: 6.0rem 0 10.0rem 0;}

.footer_contact-box{
	padding: 2.0rem 0 0 0;
	border: 0.2rem #034EA1 solid;
	border-radius: 1.5rem;}

.top_contact02-ttl{
	padding: 0 0 2.6rem 0;}

.footer_contact-repetitions01_g2 > .grid_container > .grid_item {
	margin: 0 1.5rem 2.4rem 1.5rem;}

.top_contact02-tel img{
	aspect-ratio:340 / 91;
	max-width: 34.0rem;}

.top_contact02-mail img{
	max-width: 40.0rem;}

.footer_nav-area{
	margin: 7.0rem auto 0 auto;}

.footer_logo{
	margin: 0 2.0rem 0 0;}

.footer_logo img{
	max-width: 18.8rem;}

.footer_nav-list li{
	border-right: 0.1rem #FFF solid;}

.footer_nav-list li:first-child{
	border-left: 0.1rem #FFF solid;}

.footer_nav-list li a{
	font-size: 1.6rem;
	padding: 0 1.0rem;}

.footer_tx01{
	font-size: 1.6rem;
	padding: 2.0rem 0 3.0rem 0;}

.footer_copyright{
	font-size: 1.2rem;}
}

@media only screen and (max-width: 750px) {
footer{
	padding: 7.5rem 0 25.0rem 0;}

.footer_contact-box{
	padding: 3.5rem 0 0 0;
	border: 0.2rem #034EA1 solid;
	border-radius: 1.5rem;}

.top_contact02-ttl{
	padding: 0 0 3.5rem 0;}

.top_contact02-ttl img{
	aspect-ratio:1380 / 371;}

.footer_contact-repetitions01_g2 > .grid_container {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 100%;
	grid-template-columns: 100%;
	-ms-grid-rows:  auto;
	grid-template-rows:  auto;}

.footer_contact-repetitions01_g2 > .grid_container > .grid_item {
	margin: 0 0 3.5rem 0;}

.top_contact02-tel img{
	aspect-ratio:1380 / 263;
	max-width: none;}

.top_contact02-mail img{
	aspect-ratio:1380 / 234;
	max-width: none;}

.footer_nav-area{
	margin: 8.0rem auto 0 auto;}

.footer_logo{
	margin: 0 2.0rem 0 0;}

.footer_logo img{
	max-width: 26.2rem;}

.footer_nav-list li{
	border-right: 0.1rem #FFF solid;}

.footer_nav-list li:first-child{
	border-left: 0.1rem #FFF solid;}

.footer_nav-list li a{
	font-size: 2.0rem;
	padding: 0 1.0rem;}

.footer_tx01{
	font-size: 2.0rem;
	padding: 2.0rem 0 4.0rem 0;}

.footer_copyright{
	font-size: 1.5rem;}
}



/*====================================
追従バナーここから
====================================*/
.on_banner01{
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 900;}

.on_banner01 img{
	aspect-ratio:600 / 190;
	width: 600px;
	height: auto;}

@media only screen and (max-width: 1200px) {
.on_banner01 img{
	width: 60.0rem;}
}

@media only screen and (max-width: 750px) {
.on_banner01 img{
	aspect-ratio:1500 / 406;
	width: 100%;}
}



/*====================================
サイトここから
====================================*/
.m-lr100-30{
	margin: 0 100px;}

@media only screen and (max-width: 1200px) {
.m-lr100-30{
	margin: 0 10.0rem;}
}

@media only screen and (max-width: 750px) {
.m-lr100-30{
	margin: 0 3.0rem;}
}

.top_main_bg01{
	width: 100%;
	overflow: hidden;
	background-color:#0097DC;
	margin: 0 auto;}

.top_main_bg02{
	width: 100%;
	overflow: hidden;
	background-image: url(../images/top-p/top_main_bg02.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: auto;
	margin: 0 auto;}

.top_mainimg{
	text-align: center;
	padding: 0 0;
	margin: 0 auto;}

.top_mainimg img{
	aspect-ratio:1200 / 571;
	max-width: 1200px;
	width: 100%;
	height: auto;
	vertical-align: bottom;}

@media only screen and (max-width: 1200px) {
}

@media only screen and (max-width: 750px) {
.top_mainimg img{
	aspect-ratio:750 / 1092;}
}


.top_c01_bg01{
	width: 100%;
	overflow: hidden;
	background: linear-gradient(180deg,#03499D 0%,#017BC6 100%);
	padding: 44px 0 55px 0;
	margin: 0 auto;}

.top_c01-ttl{
	padding: 0 0 45px 0;
	margin: 0 auto;}

.top_c01-ttl img{
	aspect-ratio:1000 /129;
	max-width: 1000px;
	width: 100%;
	height: auto;}

.top_c01-contentsbox{
	background-color: #FFF;
	max-width: 1000px;
	width: 100%;
	border-radius: 15px;
	margin: 0 auto;}

.top_c01-contentsbox img{
	display: block;}

.top_c01-contentsbox div{
	padding: 0 0;
	margin: 0 auto;}

.top_c01-contentsbox h3{
	padding: 0 0;
	margin: 0 auto;}

.top_c01-subttl01 img{
	aspect-ratio: 1000 /127;
	max-width: 1000px;
	width: 100%;
	height: auto;}

.top_c01-img01 img{
	aspect-ratio: 1000 / 368;
	max-width: 1000px;
	width: 100%;
	height: auto;}

.top_c01-subttl02 img{
	aspect-ratio: 1000 / 78;
	max-width: 1000px;
	width: 100%;
	height: auto;}

.top_c01-img02 img{
	aspect-ratio: 1000 / 349;
	max-width: 1000px;
	width: 100%;
	height: auto;}

@media only screen and (max-width: 1200px) {
.top_c01_bg01{
	padding: 4.4rem 0 5.5rem 0;}

.top_c01-ttl{
	padding: 0 0 4.5rem 0;}

.top_c01-contentsbox{
	border-radius: 1.5rem;}
}

@media only screen and (max-width: 750px) {
.top_c01_bg01{
	padding: 4.9rem 0 3.0rem 0;}

.top_c01-ttl{
	padding: 0 0 5.0rem 0;}

.top_c01-ttl img{
	aspect-ratio:1380 /858;}

.top_c01-contentsbox{
	border-radius: 1.5rem;}

.top_c01-subttl01 img{
	aspect-ratio: 1380 /331;}

.top_c01-img01 img{
	aspect-ratio: 1380 / 1928;}

.top_c01-subttl02 img{
	aspect-ratio: 1380 / 379;}

.top_c01-img02 img{
	aspect-ratio: 1380 / 2638;}
}


.top_c02_bg01{
	width: 100%;
	overflow: hidden;
	background-color: #FFF;
	padding: 110px 0 120px 0;
	margin: 0 auto;}

.top_c02-img01{
	text-align: center;
	padding: 0 0;
	margin: 0 auto 105px auto;}

.top_c02-img01 img{
	aspect-ratio:1000 / 610;
	max-width: 1000px;
	width: 100%;
	height: auto;}

.top_c02-ttl{
	text-align: center;
	padding: 0 0;
	margin: 0 auto 44px auto;}

.top_c02-ttl img{
	aspect-ratio:1000 / 77;
	max-width: 1000px;
	width: 100%;
	height: auto;}

.top_c02-img02{
	text-align: center;
	padding: 0 0;
	margin: 0 auto 104px auto;}

.top_c02-img02 img{
	aspect-ratio:1000 / 300;
	max-width: 1000px;
	width: 100%;
	height: auto;}

.top_c02-ttl02{
	text-align: center;
	padding: 0 0;
	margin: 0 auto;}

.top_c02-ttl02 img{
	aspect-ratio:1000 / 66;
	max-width: 1000px;
	width: 100%;
	height: auto;}

.top_c02-img03{
	text-align: center;
	position: relative;
	padding: 0 0;
	margin: 0 auto;}

.top_c02-img03 img{
	aspect-ratio:1000 / 360;
	max-width: 1000px;
	width: 100%;
	height: auto;}

.top_c02-btn01{
	text-align: center;
	max-width: 594px;
	width: 59.4%;
	position: absolute;
	left: 50%;
	bottom: 37px;
	transform: translate(-50%,0);
	padding: 0 0;
	margin: 0 auto;}

.top_c02-btn01 img{
	aspect-ratio:594 / 84;
	max-width: 594px;
	width: 100%;
	height: auto;}

.top_c02-video{
	max-width: 1000px;
	width: 100%;
	height: auto;
	margin: 50px auto 80px auto;}

.top_c02-video iframe{
	aspect-ratio:16 / 9;
	width: 100%;
	height: auto;}

@media only screen and (max-width: 1200px) {
.top_c02_bg01{
	padding: 11.0rem 0 12.0rem 0;}

.top_c02-img01{
	margin: 0 auto 10.5rem auto;}

.top_c02-ttl{
	margin: 0 auto 4.4rem auto;}

.top_c02-img02{
	margin: 0 auto 10.4rem auto;}

.top_c02-btn01{
	bottom: 3.7rem;}

.top_c02-video{
	margin: 5.0rem auto 8.0rem auto;}
}

@media only screen and (max-width: 750px) {
.top_c02_bg01{
	padding: 6.0rem 0;}

.top_c02-img01{
	margin: 0 auto 11.5rem auto;}

.top_c02-img01 img{
	aspect-ratio:1380 / 1674;}

.top_c02-ttl{
	margin: 0 auto 4.3rem auto;}

.top_c02-ttl img{
	aspect-ratio:1380 / 318;}

.top_c02-img02{
	margin: 0 auto 7.0rem auto;}

.top_c02-img02 img{
	aspect-ratio:1380 / 1286;}

.top_c02-ttl02 img{
	aspect-ratio:1380 / 133;}

.top_c02-img03 img{
	aspect-ratio:1380 / 944;}

.top_c02-btn01{
	max-width: none;
	width: 100%;
	bottom: 5.05rem;}

.top_c02-btn01 img{
	aspect-ratio:1380 / 234;
	max-width: none;}

.top_c02-video{
	margin: 4.0rem auto 7.0rem auto;}
}


.top_c03_bg01{
	width: 100%;
	overflow: hidden;
	background-color: #E9E9F2;
	padding: 60px 0 70px 0;
	margin: 0 auto;}

.top_c03-ttl01{
	text-align: center;
	padding: 0 0;
	margin: 0 auto;}

.top_c03-ttl01 img{
	aspect-ratio:1000 / 92;
	max-width: 1000px;
	width: 100%;
	height: auto;}

.top_c03-box01{
	font-size: 0;
	padding: 0 0;
	margin: 0 auto;}

.top_c03-tx01{
	font-size: 14px;
	text-align: center;
	max-width: 500px;
	width: 50%;
	display: inline-block;
	padding: 0 0;
	margin: 0 auto;}

 .top_c03-tx01 img{
	aspect-ratio:500 / 325;
	max-width: 500px;
	width: 100%;
	height: auto;}

.top_c03-graph01{
	font-size: 14px;
	text-align: center;
	max-width: 500px;
	width: 50%;
	display: inline-block;
	padding: 0 0;
	margin: 0 auto;}

.top_c03-graph01 img{
	aspect-ratio:500 / 325;
	max-width: 500px;
	width: 100%;
	height: auto;}

.top_c03-graph02{
	text-align: center;
	padding: 0 0;
	margin: 0 auto;}

.top_c03-graph02 img{
	aspect-ratio:1000 / 483;
	max-width: 1000px;
	width: 100%;
	height: auto;}

.top_c03-graph03{
	text-align: center;
	padding: 0 0;
	margin: 0 auto;}

.top_c03-graph03 img{
	aspect-ratio:1000 / 521;
	max-width: 1000px;
	width: 100%;
	height: auto;}

@media only screen and (max-width: 1200px) {
.top_c03_bg01{
	padding: 6.0rem 0 7.0rem 0;}
}

@media only screen and (max-width: 750px) {
.top_c03_bg01{
	padding: 3.0rem 0 1.0rem 0;}

.top_c03-ttl01 img{
	aspect-ratio:1380 / 290;}

.top_c03-tx01{
	max-width: none;
	width: 100%;
	display: block;}

.top_c03-tx01 img{
	aspect-ratio:1380 / 817;
	max-width: none;}

.top_c03-graph01{
	max-width: none;
	width: 100%;
	display: block;}

.top_c03-graph01 img{
	aspect-ratio:1380 / 991;
	max-width: none;}

.top_c03-graph02 img{
	aspect-ratio:1380 / 750;}

.top_c03-graph03 img{
	aspect-ratio:1380 / 1637;}
}


.top_c04_bg01{
	width: 100%;
	overflow: hidden;
	background-color: #FFF;
	padding: 70px 0 50px 0;
	margin: 0 auto;}

.top_c04-ttl{
	text-align: center;
	padding: 0 0 28px 0;
	margin: 0 auto;}

.top_c04-ttl img{
	aspect-ratio:1000 / 60;
	max-width: 1000px;
	width: 100%;
	height: auto;}

.top_c04-leadtx01{
	text-align: center;
	padding: 0 0 48px 0;
	margin: 0 auto;}

.top_c04-leadtx01 img{
	aspect-ratio:1000 / 63;
	max-width: 1000px;
	width: 100%;
	height: auto;}

.top_c04-contents01-img01{
	text-align: center;
	padding: 0 0;
	margin: 0 auto;}

.top_c04-contents01-img01 img{
	aspect-ratio:1000 / 115;
	max-width: 1000px;
	width: 100%;
	height: auto;}

.top_c04-contents01-img02{
	text-align: center;
	padding: 0 0;
	margin: 0 auto;}

.top_c04-contents01-img02 img{
	aspect-ratio:1000 / 91;
	max-width: 1000px;
	width: 100%;
	height: auto;}

.top_c04-contents01-img03{
	text-align: center;
	padding: 0 0 26px 0;
	margin: 0 auto;}

.top_c04-contents01-img03 img{
	aspect-ratio:1000 / 454;
	max-width: 1000px;
	width: 100%;
	height: auto;}

.top_c04-contents02-img01{
	text-align: center;
	padding: 0 0;
	margin: 0 auto;}

.top_c04-contents02-img01 img{
	aspect-ratio:1000 / 115;
	max-width: 1000px;
	width: 100%;
	height: auto;}

.top_c04-contents02-img02{
	text-align: center;
	padding: 0 0 54px 0;
	margin: 0 auto;}

.top_c04-contents02-img02 img{
	aspect-ratio:1000 / 551;
	max-width: 1000px;
	width: 100%;
	height: auto;}

.top_c04-img01{
	text-align: center;
	padding: 0 0;
	margin: 0 auto;}

.top_c04-img01 img{
	aspect-ratio:1000 / 878;
	max-width: 1000px;
	width: 100%;
	height: auto;}
	
	
	
.top_sdgs-img01{
	text-align: center;
	padding: 0 0;
	margin: 0 auto;}

.top_sdgs-img01 img{
	aspect-ratio:1000 / 660;
	max-width: 1000px;
	width: 100%;
	height: auto;}
	
	

@media only screen and (max-width: 1200px) {
.top_c04_bg01{
	padding: 7.0rem 0 5.0rem 0;}

.top_c04-ttl{
	padding: 0 0 2.8rem 0;}

.top_c04-leadtx01{
	padding: 0 0 4.8rem 0;}

.top_c04-contents01-img03{
	padding: 0 0 2.6rem 0;}

.top_c04-contents02-img02{
	padding: 0 0 5.4rem 0;}
}

@media only screen and (max-width: 750px) {
.top_c04_bg01{
	padding: 6.0rem 0;}

.top_c04-ttl{
	padding: 0 0 4.4rem 0;}

.top_c04-ttl img{
	aspect-ratio:1380 / 167;}

.top_c04-leadtx01{
	padding: 0 0 4.9rem 0;}

.top_c04-leadtx01 img{
	aspect-ratio:1380 / 227;}

.top_c04-contents01-img01 img{
	aspect-ratio:1380 / 374;}

.top_c04-contents01-img02 img{
	aspect-ratio:1380 / 314;}

.top_c04-contents01-img03{
	padding: 0 0 3.5rem 0;}

.top_c04-contents01-img03 img{
	aspect-ratio:1380 / 2026;}

.top_c04-contents02-img01 img{
	aspect-ratio:1380 / 374;}

.top_c04-contents02-img02{
	padding: 0 0 3.0rem 0;}

.top_c04-contents02-img02 img{
	aspect-ratio:1380 / 2296;}

.top_c04-img01 img{
	aspect-ratio:1380 / 4188;}
	

.top_sdgs-img01 img{
	aspect-ratio:1380 / 1672;}
	
}


.top_contact01_bg01{
	width: 100%;
	overflow: hidden;
	background-color: #FFF;
	padding: 50px 0;
	margin: 0 auto;}

.top_contact01-box{
	overflow: hidden;
	padding: 30px 0 0 0;
	border: 2px #034EA1 solid;
	border-radius: 15px;
	margin: 0 auto;}

.top_contact01-ttl{
	padding: 0 0 40px 0;
	margin: 0 auto;}

.top_contact01-ttl img{
	aspect-ratio:1000 / 68;
	max-width: 1000px;
	width: 100%;
	height: auto;}

.top_contact01-repetitions01_g3{
	margin: 0 15px;}

.top_contact01-repetitions01_g3 > .grid_container {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 40% 30% 30%;
	grid-template-columns: 40% 30% 30%;
	-ms-grid-rows:  auto;
	grid-template-rows:  auto;}

.top_contact01-repetitions01_g3 > .grid_container > .grid_item {
	text-align: center;
	margin: 0 15px 20px 15px;}

.top_contact01-tel{
	margin: 0 auto;}

.top_contact01-tel img{
	aspect-ratio:340 / 91;
	max-width: 340px;
	width: 100%;
	height: auto;}

.top_contact01-commonbtn{
	margin: 0 auto;}

.top_contact01-commonbtn img{
	aspect-ratio:260 / 91;
	max-width: 340px;
	width: 100%;
	height: auto;}

@media only screen and (max-width: 1200px) {
.top_contact01_bg01{
	padding: 5.0rem 0;}

.top_contact01-box{
	padding: 3.0rem 0 0 0;
	border: 0.2rem #034EA1 solid;
	border-radius: 1.5rem;}

.top_contact01-ttl{
	padding: 0 0 4.0rem 0;}

.top_contact01-repetitions01_g3{
	margin: 0 1.5rem;}

.top_contact01-repetitions01_g3 > .grid_container > .grid_item {
	margin: 0 1.5rem 2.0rem 1.5rem;}
}

@media only screen and (max-width: 750px) {
.top_contact01_bg01{
	padding: 2.5rem 0;}

.top_contact01-box{
	padding: 4.5rem 0 0 0;
	border: 0.2rem #034EA1 solid;
	border-radius: 1.5rem;}

.top_contact01-ttl{
	padding: 0 0 4.5rem 0;}

.top_contact01-ttl img{
	aspect-ratio:1380 /183;}

.top_contact01-repetitions01_g3{
	margin: 0 0;}

.top_contact01-repetitions01_g3 > .grid_container {
	-ms-grid-columns: 100%;
	grid-template-columns: 100%;}

.top_contact01-repetitions01_g3 > .grid_container > .grid_item {
	margin: 0 0 4.5rem 0;}

.top_contact01-tel img{
	aspect-ratio:1380 / 262;
	max-width: none;}

.top_contact01-commonbtn img{
	aspect-ratio:1380 / 324;
	max-width: none;}
}



.top_sdgs_bg01{
	width: 100%;
	overflow: hidden;
	background-color: #EFF8F9;
	padding: 0px 0;
	margin: 0 auto;}



/*代理店ページ*/
.agency_main_bg01{
	width: 100%;
	overflow: hidden;
	background-image: url(../images/agency-p/agency_main-bg01.jpg);
	background-position: top center;
	background-repeat: repeat-x;
	margin: 0 auto;}

.agency_main_bg02{
	width: 100%;
	overflow: hidden;
	background-image: url(../images/agency-p/agency_main-bg02.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: auto 100%;
	margin: 0 auto;}

.agency_mainimg{
	text-align: center;
	padding: 0 0;
	margin: 0 auto;}

.agency_mainimg img{
	aspect-ratio:1200 / 612;
	max-width: 1200px;
	width: 100%;
	height: auto;
	vertical-align: bottom;}

.agency_main-onbtn{
	position: absolute;
	bottom: 64px;
	left: 100px;
	z-index: 10;}

.agency_main-onbtn img{
	aspect-ratio:449 / 93;
	width: 449px;
	height: auto;}

@media only screen and (max-width: 1200px) {
.agency_main-onbtn{
	bottom: 6.4rem;
	left: 10.0rem;}

.agency_main-onbtn img{
	width: 44.9rem;}
}

@media only screen and (max-width: 750px) {
.agency_mainimg img{
	aspect-ratio:1040 / 1582;}

.agency_main-onbtn{
	bottom: 8.0rem;
	left: 0;}

.agency_main-onbtn img{
	aspect-ratio:1040 / 187;
	width: 100%;}
}


.agency_c01_bg01{
	width: 100%;
	overflow: hidden;
	background: linear-gradient(180deg,#03499D 0%,#017BC6 100%);
	padding: 60px 0;
	margin: 0 auto;}

.agency_c01-img01{
	overflow: hidden;
	padding: 0 0;
	border-radius: 15px;
	margin: 0 auto;}

.agency_c01-img01 img{
	aspect-ratio:1000 / 573;
	max-width: 1000px;
	width: 100%;
	height: auto;}

@media only screen and (max-width: 1200px) {
.agency_c01_bg01{
	padding: 6.0rem 0;}

.agency_c01-img01{
	border-radius: 1.5rem;}
}

@media only screen and (max-width: 750px) {
.agency_c01_bg01{
	padding: 11.0rem 0;}

.agency_c01-img01{
	border-radius: 1.5rem;}

.agency_c01-img01 img{
	aspect-ratio:922 / 2664;}
}


.agency_c02_bg01{
	width: 100%;
	overflow: hidden;
	background-color: #FFF;
	padding: 80px 0;
	margin: 0 auto;}

.agency_c02-ttl{
	text-align: center;
	padding: 0 0;
	margin: 0 auto;}

.agency_c02-ttl img{
	aspect-ratio:1000 / 101;
	max-width: 1000px;
	width: 100%;
	height: auto;}

.agency_c02-img01{
	text-align: center;
	padding: 0 0;
	margin: 0 auto;}

.agency_c02-img01 img{
	aspect-ratio:1000 / 156;
	max-width: 1000px;
	width: 100%;
	height: auto;}

.agency_c02-img02{
	text-align: center;
	padding: 0 0;
	margin: 0 auto;}

.agency_c02-img02 img{
	aspect-ratio:1000 / 140;
	max-width: 1000px;
	width: 100%;
	height: auto;}

.agency_c02-img03{
	text-align: center;
	padding: 0 0;
	margin: 0 auto;}

.agency_c02-img03 img{
	aspect-ratio:1000 / 97;
	max-width: 1000px;
	width: 100%;
	height: auto;}

.agency_c02-img04{
	text-align: center;
	padding: 0 0;
	margin: 0 auto;}

.agency_c02-img04 img{
	aspect-ratio:1000 / 207;
	max-width: 1000px;
	width: 100%;
	height: auto;}

.agency_c02-img05{
	text-align: center;
	padding: 0 0;
	margin: 0 auto;}

.agency_c02-img05 img{
	aspect-ratio:1000 / 126;
	max-width: 1000px;
	width: 100%;
	height: auto;}

@media only screen and (max-width: 1200px) {
.agency_c02_bg01{
	padding: 8.0rem 0;}
}

@media only screen and (max-width: 750px) {
.agency_c02_bg01{
	padding: 8.0rem 0;}

.agency_c02-ttl img{
	aspect-ratio:920 / 266;}

.agency_c02-img01 img{
	aspect-ratio:920 / 626;}

.agency_c02-img02 img{
	aspect-ratio:920 / 477;}

.agency_c02-img03 img{
	aspect-ratio:920 / 199;}

.agency_c02-img04 img{
	aspect-ratio:920 / 724;}

.agency_c02-img05 img{
	aspect-ratio:920 / 403;}
}


.agency_c03_bg01{
	width: 100%;
	overflow: hidden;
	background-color: #E1E1ED;
	padding: 80px 0 10px 0;
	margin: 0 auto;}

.agency_c03-contents01{
	text-align: center;
	position: relative;
	padding: 0 0;
	margin: 0 auto 70px auto;}

.agency_c03-contents01 img{
	aspect-ratio:1000 / 542;
	max-width: 1000px;
	width: 100%;
	height: auto;}

.agency_c03-contents01-ontbn{
	text-align: center;
	position: absolute;
	bottom: 35px;
	left: 35px;
	z-index: 10;
	padding: 0 0;
	margin: 0 auto;}

.agency_c03-contents01-ontbn img{
	aspect-ratio:415 / 104;
	width: 415px;
	height: auto;}

.agency_c03-contents02-03-ttl{
	text-align: center;
	position: relative;
	padding: 0 0;
	margin: 0 auto;}

.agency_c03-contents02-03-ttl img{
	aspect-ratio:1000 / 275;
	max-width: 1000px;
	width: 100%;
	height: auto;}

.agency_c03-contents02-03-img01{
	text-align: center;
	position: relative;
	padding: 0 0;
	margin: 0 auto;}

.agency_c03-contents02-03-img01 img{
	aspect-ratio:1000 / 542;
	max-width: 1000px;
	width: 100%;
	height: auto;}

.agency_c03-contents02-03-img02{
	text-align: center;
	position: relative;
	padding: 0 0;
	margin: 0 auto;}

.agency_c03-contents02-03-img02 img{
	aspect-ratio:1000 / 542;
	max-width: 1000px;
	width: 100%;
	height: auto;}

.agency_c03-contents02-03-img03{
	text-align: center;
	position: relative;
	padding: 0 0;
	margin: 0 auto;}

.agency_c03-contents02-03-img03 img{
	aspect-ratio:1000 / 542;
	max-width: 1000px;
	width: 100%;
	height: auto;}

.agency_c03-contents02-03-img04{
	text-align: center;
	position: relative;
	padding: 0 0;
	margin: 0 auto;}

.agency_c03-contents02-03-img04 img{
	aspect-ratio:1000 / 512;
	max-width: 1000px;
	width: 100%;
	height: auto;}

.agency_c03-contents02-03-img05{
	text-align: center;
	position: relative;
	padding: 0 0;
	margin: 0 auto 70px auto;}

.agency_c03-contents02-03-img05 img{
	aspect-ratio:1000 / 557;
	max-width: 1000px;
	width: 100%;
	height: auto;}

.agency_c03-contents04{
	text-align: center;
	position: relative;
	padding: 0 0;
	margin: 0 auto 70px auto;}

.agency_c03-contents04 img{
	aspect-ratio:1000 / 487;
	max-width: 1000px;
	width: 100%;
	height: auto;}

.agency_c03-contents05{
	text-align: center;
	position: relative;
	padding: 0 0;
	margin: 0 auto 0px auto;}

.agency_c03-contents05 img{
	aspect-ratio:1000 / 542;
	max-width: 1000px;
	width: 100%;
	height: auto;}

.agency_c03-contents05-onbtn01{
	position: absolute;
	bottom: 105px;
	left: 305px;
	z-index: 10;}

.agency_c03-contents05-onbtn01 img{
	aspect-ratio:120 / 36;
	width: 120px;
	height: auto;}

.agency_c03-contents05-onbtn02{
	position: absolute;
	bottom: 60px;
	left: 305px;
	z-index: 10;}

.agency_c03-contents05-onbtn02 img{
	aspect-ratio:120 / 37;
	width: 120px;
	height: auto;}

@media only screen and (max-width: 1200px) {
.agency_c03_bg01{
	padding: 8.0rem 0 1.0rem 0;}

.agency_c03-contents01{
	margin: 0 auto 7.0rem auto;}

.agency_c03-contents01-ontbn{
	bottom: 3.5rem;
	left: 3.5rem;}

.agency_c03-contents01-ontbn img{
	width: 41.5rem;}

.agency_c03-contents02-03-img05{
	margin: 0 auto 7.0rem auto;}

.agency_c03-contents04{
	margin: 0 auto 7.0rem auto;}

.agency_c03-contents05{
	margin: 0 auto 7.0rem auto;}

.agency_c03-contents05-onbtn01{
	bottom: 10.5rem;
	left: 30.5rem;}

.agency_c03-contents05-onbtn01 img{
	width: 12.0rem;}

.agency_c03-contents05-onbtn02{
	bottom: 6.0rem;
	left: 30.5rem;}

.agency_c03-contents05-onbtn02 img{
	width: 12.0rem;}
}

@media only screen and (max-width: 750px) {
.agency_c03_bg01{
	padding: 5.0rem 0;}

.agency_c03-contents01{
	margin: 0 auto 5.0rem auto;}

.agency_c03-contents01 img{
	aspect-ratio:920 / 1686;}

.agency_c03-contents01-ontbn{
	bottom: 6.0rem;
	left: 0;}

.agency_c03-contents01-ontbn img{
	aspect-ratio:920 / 211;
	width: 100%;}

.agency_c03-contents02-03-ttl img{
	aspect-ratio:920 / 856;}

.agency_c03-contents02-03-img01 img{
	aspect-ratio:920 / 1670;}

.agency_c03-contents02-03-img02 img{
	aspect-ratio:920 / 1706;}

.agency_c03-contents02-03-img03 img{
	aspect-ratio:920 / 1652;}

.agency_c03-contents02-03-img04 img{
	aspect-ratio:920 / 1642;}

.agency_c03-contents02-03-img05{
	margin: 0 auto 5.0rem auto;}

.agency_c03-contents02-03-img05 img{
	aspect-ratio:920 / 2164;}
	
	

.agency_c03-contents04{
	margin: 0 auto 5.0rem auto;}

.agency_c03-contents04 img{
	aspect-ratio:920 / 1076;}

.agency_c03-contents05{
	margin: 0 auto 5.0rem auto;}

.agency_c03-contents05 img{
	aspect-ratio:920 / 1749;}

.agency_c03-contents05-onbtn01{
	bottom: 7.6rem;
	left: 0;
	width: 50%;}

.agency_c03-contents05-onbtn01 img{
	aspect-ratio:460 / 123;
	width: 100%;}

.agency_c03-contents05-onbtn02{
	bottom: 7.6rem;
	left: inherit;
	right: 0;
	width: 50%;}

.agency_c03-contents05-onbtn02 img{
	aspect-ratio:460 / 123;
	width: 100%;}
}


.agency_c04_bg01{
	width: 100%;
	overflow: hidden;
	background-color: #FFF;
	padding: 80px 0 80px 0;
	margin: 0 auto;}

.agency_c04-ttl{
	text-align: center;
	padding: 0 0;
	margin: 0 auto 50px auto;}

.agency_c04-ttl img{
	aspect-ratio:1000 / 99;
	max-width: 1000px;
	width: 100%;
	height: auto;}

.agency_c04-img01{
	text-align: center;
	padding: 0 0;
	margin: 0 auto;}

.agency_c04-img01 img{
	aspect-ratio:1000 / 396;
	max-width: 1000px;
	width: 100%;
	height: auto;}

.agency_c04-img02{
	text-align: center;
	padding: 0 0;
	margin: 0 auto;}

.agency_c04-img02 img{
	aspect-ratio:1000 / 610;
	max-width: 1000px;
	width: 100%;
	height: auto;}

@media only screen and (max-width: 1200px) {
.agency_c04_bg01{
	padding: 8.0rem 0 8.0rem 0;}

.agency_c04-ttl{
	margin: 0 auto 5.0rem auto;}
}

@media only screen and (max-width: 750px) {
.agency_c04_bg01{
	padding: 6.0rem 0;}

.agency_c04-ttl{
	margin: 0 auto 4.0rem auto;}

.agency_c04-ttl img{
	aspect-ratio:920 / 280;}

.agency_c04-img01 img{
	aspect-ratio:920 / 808;}

.agency_c04-img02 img{
	aspect-ratio:920 / 1463;}
}


.agency_c05_bg01{
	width: 100%;
	overflow: hidden;
	background-color: #FFF;
	padding: 80px 0;
	border-top: 1px #999 solid;
	margin: 0 auto;}

.agency_c05-linkarea{
	font-size: 0;
	text-align: center;}

.agency_c05-linkarea-btn01{
	font-size: 22px;
	font-weight: 600;
	text-align: center;
	text-decoration: none;
	color: #FFF;
	background: linear-gradient(90deg,#0052A4 0%,#007FB8 100%);
	display: inline-block;
	position: relative;
	width: 300px;
	padding: 30px 30px;
	border-radius: 50px;
	margin: 0 15px;}

.agency_c05-linkarea-btn01:after{
	content: "";
	background-color: #FFF;
	width: 10px;
	height: 14px;
	clip-path: polygon(0 0, 0% 100%, 100% 50%);
	position: absolute;
	top: 50%;
	right: 30px;
	transform: translate(0,-50%);
	z-index: 10;}

@media only screen and (max-width: 1200px) {
.agency_c05_bg01{
	padding: 8.0rem 0;
	border-top: 0.1rem #999 solid;}

.agency_c05-linkarea-btn01{
	font-size: 2.2rem;
	width: 30.0rem;
	padding: 3.0rem 3.0rem;
	border-radius: 5.0rem;
	margin: 0 1.5rem;}

.agency_c05-linkarea-btn01:after{
	width: 1.0rem;
	height: 1.4rem;
	right: 3.0rem;}
}

@media only screen and (max-width: 750px) {
.agency_c05_bg01{
	padding: 6.0rem 0 2.0rem 0;
	border-top: 0.2rem #999 solid;}

.agency_c05-linkarea-btn01{
	font-size: 4.0rem;
	width: 54.0rem;
	padding: 3.0rem 3.0rem;
	border-radius: 5.0rem;
	margin: 0 auto 4.0rem auto;}

.agency_c05-linkarea-btn01:after{
	width: 1.5rem;
	height: 2.1rem;
	right: 3.0rem}
}



/*====================================
販促系追加ここから
====================================*/
.agency_c03-contents06{
	margin: 70px 0;}

.agency_hansoku-img01{}

.agency_hansoku-img01 img{
	aspect-ratio:1000 / 1165;
	width: 100%;
	height: auto;}

.agency_hansoku-img02{}

.agency_hansoku-img02 img{
	aspect-ratio:1000 / 1260;
	width: 100%;
	height: auto;}

.agency_hansoku-img03{
	background-color: #FFF;}

.agency_hansoku-img03 img{
	aspect-ratio:1000 / 220;
	width: 100%;
	height: auto;}

.agency_hansoku-img04 img{
	aspect-ratio:1000 / 78;
	width: 100%;
	height: auto;}

@media only screen and (max-width: 1200px) {
.agency_c03-contents06{
	margin: 7.0rem 0;}}

@media only screen and (max-width: 750px) {
.agency_c03-contents06{
	margin: 5.0rem 0;}

.agency_hansoku-img01 img{
	aspect-ratio:920 / 3810;}

.agency_hansoku-img02 img{
	aspect-ratio:920 / 4152;}

.agency_hansoku-img03{
	padding: 0 3.0rem 3.0rem 3.0rem;}

.agency_hansoku-img03 img{
	aspect-ratio:920 / 249;}

.agency_hansoku-img04{
	display: none;}
}





/*====================================
共通ここから
====================================*/
.common_main_bg01{
	width: 100%;
	overflow: hidden;
	background-color:#0097DC;
	margin: 0 auto;}

.common_main_bg02{
	background-image: url(../images/common-p/common_main_bg.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 300px;
	position: relative;
	margin: 0 auto;}

.common_main-tx{
	font-size: 40px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 0.06em;
	text-align: center;
	color: #FFF;
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	margin: 0 auto;}

@media only screen and (max-width: 1200px) {
.common_main_bg02{
	height: 30.0rem;}
	
.common_main-tx{
	font-size: 4.0rem;}
}

@media only screen and (max-width: 750px) {
.common_main_bg02{
	height: 40.0rem;}
	
.common_main-tx{
	font-size: 6.0rem;}
}


.common_c00_bg01{
	width: 100%;
	overflow: hidden;
	background-color: #FFF;
	padding: 80px 0;
	margin: 0 auto;}

.common_c00-ttl{
	font-size: 32px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 0.06em;
	text-align: center;
	color: #024EA1;
	padding: 0 0 40px 0;
	margin: 0 auto;}

@media only screen and (max-width: 1200px) {
.common_c00_bg01{
	padding: 8.0rem 0;}

.common_c00-ttl{
	font-size: 3.2rem;
	padding: 0 0 4.0rem 0;}
}

@media only screen and (max-width: 750px) {
.common_c00_bg01{
	padding: 12.0rem 0;}

.common_c00-ttl{
	font-size: 4.8rem;
	padding: 0 0 6.0rem 0;}
}


.thanks_contents-box{
	background-color: #FFF;
	max-width: 920px;
	width: calc(100% - 80px);
	box-shadow: 0px 0 10px 0px rgba(0, 0, 0, 0.1);
	padding: 40px 40px 20px 40px;
	border-radius: 15px;
	margin: 0 auto;}

.thanks_contents-box h2{
	font-size: 26px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 0.02em;
	color: #024EA1;
	padding: 0 0 20px 0;
	border-bottom: 1px #024EA1 solid;
	margin: 0 auto 20px 0;}

.thanks_contents-box p{
	font-size: 16px;
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: 0.02em;
	color: #000;
	padding: 0 0 20px 0;
	margin: 0 auto;}

.thanks_contents-box-btn{
	font-size: 16px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background: #024EA1;
	transition: 0.3s;
	display: block;
	width: 100px;
	padding: 10px 30px;
	border: 1px solid #024EA1;
	border-radius: 3px;
	margin: 40px auto 20px auto;}

.thanks_contents-box-btn:hover{
	color: #024EA1;
	background: #FFF;}

@media only screen and (max-width: 1200px) {
.thanks_contents-box{
	width: calc(100% - 6.0rem);
	box-shadow: 0px 0 1.0rem 0px rgba(0, 0, 0, 0.1);
	padding: 3.0rem 3.0rem 1.0rem 3.0rem;
	border-radius: 1.5rem;}

.thanks_contents-box h2{
	font-size: 2.6rem;
	padding: 0 0 2.0rem 0;
	border-bottom: 0.1rem #024EA1 solid;
	margin: 0 auto 2.0rem 0;}

.thanks_contents-box p{
	font-size: 1.6rem;
	padding: 0 0 2.0rem 0;
	margin: 0 auto;}

.thanks_contents-box-btn{
	font-size: 1.6rem;
	width: 10.0rem;
	padding: 1.0rem 3.0rem;
	border: 0.1rem solid #024EA1;
	border-radius: 0.3rem;
	margin: 4.0rem auto 2.0rem auto;}
}

@media only screen and (max-width: 750px) {
.thanks_contents-box{
	width: calc(100% - 12.0rem);
	box-shadow: 0px 0 1.5rem 0px rgba(0, 0, 0, 0.1);
	padding: 6.0rem 6.0rem 4.0rem 6.0rem;
	border-radius: 2.25rem;}

.thanks_contents-box h2{
	font-size: 3.9rem;
	padding: 0 0 3.0rem 0;
	border-bottom: 0.15rem #024EA1 solid;
	margin: 0 auto 3.0rem 0;}

.thanks_contents-box p{
	font-size: 2.4rem;
	padding: 0 0 3.0rem 0;
	margin: 0 auto;}

.thanks_contents-box-btn{
	font-size: 2.4rem;
	width: 15.0rem;
	padding: 1.5rem 4.5rem;
	border: 0.15rem solid #024EA1;
	border-radius: 0.45rem;
	margin: 6.0rem auto 3.0rem auto;}
}


.top_c00_bg01{
	width: 100%;
	overflow: hidden;
	background-image: url(../xxxx-p/xxxxxx_bg.jpg);
	margin: 0 auto;}

@media only screen and (max-width: 1200px) {
}

@media only screen and (max-width: 750px) {
}
	

.top_repetitions00_g2 > .grid_container {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 33.33% 33.33% 33.33%;
	grid-template-columns: 33.33% 33.33% 33.33%;
	-ms-grid-rows:  auto;
	grid-template-rows:  auto;}

.top_repetitions00_g2 > .grid_container > .grid_item {
	margin: 0 15px 30px 15px;}

@media only screen and (max-width: 812px) {
.top_repetitions00_g2 > .grid_container {
	-ms-grid-columns: 50% 50%;
	grid-template-columns: 50% 50%;}

.top_repetitions00_g2 > .grid_container > .grid_item {
	 margin: 0 15px 30px 15px;}
}

@media only screen and (max-width: 520px) {
.top_repetitions00_g2 > .grid_container {
	-ms-grid-columns: 100%;
	grid-template-columns: 100%;}

.top_repetitions00_g2 > .grid_container > .grid_item {
	 margin: 0 2.88vw 5.77vw 2.88vw;}
}


.top_contents00_g2 > .grid_container {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 50% 50%;
	grid-template-columns: 50% 50%;
	-ms-grid-rows:  auto;
	grid-template-rows:  auto;}

.top_contents00_g2 > .grid_container > .grid_item {
	margin: 0 15px 30px 15px;}

.top_contents00_g2 > .grid_container > .grid_item_01 {
	-ms-grid-column: 1; /* 横のスタート位置(IE用) */
	-ms-grid-column-span: 1; /* 横のマス数(IE用) */
	grid-column: 1 / 2; /* 横位置 */
	-ms-grid-row: 1; /* 縦のスタート位置(IE用) */
	-ms-grid-row-span: 1; /* 縦のマス数(IE用) */
	grid-row: 1 / 2; /* 縦位置 */}
	
.top_contents00_g2 > .grid_container > .grid_item_02 {
	-ms-grid-column: 2;
	-ms-grid-column-span: 1;
	grid-column: 2 / 3;
	-ms-grid-row: 1;
	grid-row: 1;}

@media only screen and (max-width: 520px) {
.top_contents00_g2 > .grid_container {
	-ms-grid-columns: 100%;
	grid-template-columns: 100%;}

.top_contents00_g2 > .grid_container > .grid_item {
	 margin: 0 2.88vw 5.77vw 2.88vw;}

.top_contents00_g2 > .grid_container > .grid_item_01 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	-ms-grid-row: 1;
	grid-row: 1;}
	
.top_contents00_g2 > .grid_container > .grid_item_02 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	-ms-grid-row: 2;
	grid-row: 2;}
}