@charset "utf-8";

:root{
	--mainColor: #009900;
	--subColor: #d8d8e1;
	--subSecondColor: #c7e7c7;
	--accentColor: #d10505;
	--mFontColor: #333;
}


@media screen and (max-width: 1024px){
	div#container{
		width: 100%;
		max-width: 750px;
		min-width: unset;
		margin: 0 auto;
		box-sizing: border-box;
	}

	div#staticbox{
		width: 100%;
		max-width: 750px;
		box-sizing: border-box;
	}

	div#container div#staticbox div.staticmain{
		width: 100%;
		max-width: 750px;
		float: none;
	}

	.staticside{
		display: none;
	}
}

@media screen and (max-width: 768px){
	#container h1,
	#container h2,
	#container h3{
		background-image: unset;
		border: none;
	}

	#container h1,
	#container h2{
		background-color: transparent;
	}
}

div#container .staticmain .pc_none{
	display: none;
}

div#container .staticmain section:not(.section001) h2,
div#container .staticmain h3,
div#container .staticmain p,
div#container .staticmain span{
	text-box: trim-end cap alphabetic;
}

div#container .staticmain img{
	width: 100%;
}

div#container .staticmain p{
	font-size: 14px;
	line-height: 1.5;
	color: #333;
}

div#container .staticmain .main_title {
	position: relative;
	display: inline-block;
	width: 100%;
	padding-left: 30px;
	font-size: 20px;
	color: var(--mFontColor);
	font-weight: bold;
	line-height: 1;
	box-sizing: border-box;
	background-color: transparent;
}

div#container .staticmain .main_title::before {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 7.5px;
	width: 15px;
	height: 15px;
	border: 3px solid var(--accentColor);
	background: transparent;
	box-sizing: border-box;
}

div#container .staticmain .main_title span{
	display: inline-block;
	margin-left: 2%;
	font-size: 16px;
	color: var(--accentColor);
}

div#container .staticmain .sub_title{
	padding: 10px 0;
	font-size: 14px;
	color: #fff;
	text-align: center;
	background: #333;
}

@media screen and (max-width: 768px){
	div#container .staticmain{
		padding: 0 2%;
		box-sizing: border-box;
	}

	div#container .staticmain .pc_none{
		display: block;
	}

	div#container .staticmain p{
		font-size: calc(1vw * calc(12 / 3.75));
	}

	div#container .staticmain .main_title{
		padding-left: 6%;
		font-size: calc(1vw * calc(18 / 3.75));
	}

	div#container .staticmain .main_title::before{
		left: 0;
	}

	div#container .staticmain .main_title span{
		margin-left: 0;
		font-size: calc(1vw * calc(14 / 3.75));
		line-height: 1.5;
	}

	div#container .staticmain .sub_title{
		font-size: calc(1vw * calc(14 / 3.75));
	}
}


/*▼ section001*/
div#container .staticmain .section001{
	margin-top: 20px;
	margin-bottom: 30px;
}

div#container .staticmain .section001 > div{
	position: relative;
	width: 100%;
	max-width: 650px;
	margin: -20px auto 30px;
	padding: 20px;
	box-sizing: border-box;
	background: #333;
	z-index: 10;
}

div#container .staticmain .section001 > div h3{
	margin-bottom: 40px;
	color: #fff;
}

div#container .staticmain .section001 > div p{
	line-height: 2;
	color: #fff;
}

div#container .staticmain .section001 > p{
	position: relative;
	padding: 20px 20px 20px 150px;
	box-sizing: border-box;
	border: 1px solid var(--mainColor);
	border-width: 1px 0 1px 0;
}

div#container .staticmain .section001 > p::before{
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 20px;
	width: 120px;
	height: 80px;
	background: url(https://www.gmt-j.com/html/gmt/html/anshin/images/ansin_05.png) no-repeat center center / contain;
	z-index: -1;
}

@media screen and (max-width: 768px){
	div#container .staticmain .section001{
		margin-top: 4%;
		margin-bottom: 6%;
	}

	div#container .staticmain .section001 > div{
		width: 90%;
		margin: -4% auto 6%;
		padding: 4%;
	}

	div#container .staticmain .section001 > div h3{
		margin-bottom: 8%;
	}

	div#container .staticmain .section001 > p{
		padding: 4% 4% 4% calc(1vw * calc(150 / 7.68));
	}

	div#container .staticmain .section001 > p::before{
		left: calc(1vw * calc(20 / 7.68));
		width: calc(1vw * calc(120 / 7.68));
		height: calc(1vw * calc(80 / 7.68));
	}
}

/*▲ section001*/


/*▼ section002*/
div#container .staticmain .section002{
	margin-bottom: 30px;
}

div#container .staticmain .section002 h2{
	margin-bottom: 20px;
}

div#container .staticmain .section002 ul{
	display: -webkit-flex;
    display: flex;
    -webkit-align-items: stretch;
    align-items: stretch;
    margin-bottom: 10px;
}

div#container .staticmain .section002 ul li{
	width: calc(97% / 4);
	max-width: calc(720px / 4);
	background: var(--subColor);
}

div#container .staticmain .section002 ul li:not(:last-of-type){
	margin-right: 10px;
}

div#container .staticmain .section002 ul li img{
	width: 100%;
}

div#container .staticmain .section002 ul li p{
	padding: 20px;
	box-sizing: border-box;
	font-size: 12px;
}

div#container .staticmain .section002 > p{
	font-size: 12px;
}

div#container .staticmain .section002 > p span{
	font-weight: bold;
	color: var(--accentColor);
}

@media screen and (max-width: 768px){
	div#container .staticmain .section002{
		margin-bottom: 6%;
	}

	div#container .staticmain .section002 h2{
		margin-bottom: 4%;
	}

	div#container .staticmain .section002 ul{
		flex-wrap: wrap;
	}

	div#container .staticmain .section002 ul li{
		width: calc(98% / 2);
		max-width: none;
	}

	div#container .staticmain .section002 ul li:not(:last-of-type){
		margin-right: 0;
	}

	div#container .staticmain .section002 ul li:nth-of-type(2n+1){
		margin-right: 2%;
	}

	div#container .staticmain .section002 ul li:nth-last-of-type(n+3){
		margin-bottom: 2%;
	}

	div#container .staticmain .section002 ul li p{
		padding: 6%;
	}
}
/*▲ section002*/


/*▼ section003*/
div#container .staticmain .section003{
	margin-bottom: 30px;
}

div#container .staticmain .section003 h2{
	margin-bottom: 20px;
}

div#container .staticmain .section003 ul{
	display: -webkit-flex;
    display: flex;
    -webkit-align-items: stretch;
    align-items: stretch;
}

div#container .staticmain .section003 ul li{
	width: calc(96% / 5);
	max-width: calc(710px / 5);
	padding: 10px;
	box-sizing: border-box;
}

div#container .staticmain .section003 ul li:not(:last-of-type){
	margin-right: 10px;
}

div#container .staticmain .section003 ul li:nth-of-type(2n+1){
	background: var(--subColor);
}

div#container .staticmain .section003 ul li:nth-of-type(2n){
	background: var(--mainColor);
}

div#container .staticmain .section003 ul li > div:first-of-type{
	position: relative;
	margin-bottom: 30px;
	text-align: center;
}

div#container .staticmain .section003 ul li > div:first-of-type::after{
	content: "";
    position: absolute;
    bottom: -27.5px;
    left: 50%;
    transform: translateX(-50%);
    width: 0px;
    height: 0px;
    border: 8px solid var(--mainColor);
    border-color: var(--mainColor) transparent transparent;
}

div#container .staticmain .section003 ul li:nth-of-type(2n) > div:first-of-type::after{
   border-color: #fff transparent transparent;
}

div#container .staticmain .section003 ul li > div:first-of-type span{
	display: inline-block;
	width: 100%;
	padding: 10px;
	font-size: 18px;
	color: #fff;
	background: var(--mainColor);
	line-height: 1;
	box-sizing: border-box;
	font-weight: bold;
}

div#container .staticmain .section003 ul li:nth-of-type(2n) > div:first-of-type span{
	background: #fff;
	color: var(--mainColor);
}

div#container .staticmain .section003 ul li > div:last-of-type h3{
	margin-bottom: 20px;
	font-size: 12px;
	text-align: center;
	line-height: 1.3;
}

div#container .staticmain .section003 ul li > div:last-of-type h3 span{
	font-size: 20px;
}

div#container .staticmain .section003 ul li:nth-of-type(2n) > div:last-of-type h3 span{
	color: #fff;
}

div#container .staticmain .section003 ul li:nth-of-type(2n+1) > div:last-of-type h3 span{
	color: var(--mainColor);
}

div#container .staticmain .section003 ul li > div:last-of-type p{
	font-size: 12px;
}

div#container .staticmain .section003 ul li:nth-of-type(2n) > div:last-of-type p{
	color: #fff;
}

@media screen and (max-width: 768px){
	div#container .staticmain .section003{
		margin-bottom: 6%;
	}

	div#container .staticmain .section003 h2{
		margin-bottom: 4%;
	}

	div#container .staticmain .section003 ul{
		flex-wrap: wrap;
	}

	div#container .staticmain .section003 ul li{
		width: calc(96% / 3);
		max-width: none;
		padding: 2%;
	}

	div#container .staticmain .section003 ul li:not(:last-of-type){
		margin-right: 0;
	}

	div#container .staticmain .section003 ul li:nth-of-type(4){
		margin-left: calc(calc(96% / 3) / 2);
	}

	div#container .staticmain .section003 ul li:nth-of-type(5){
		margin-right: calc(calc(96% / 3) / 2);
	}

	div#container .staticmain .section003 ul li:nth-of-type(1),
	div#container .staticmain .section003 ul li:nth-of-type(2),
	div#container .staticmain .section003 ul li:nth-of-type(4){
		margin-right: 2%;
	}

	div#container .staticmain .section003 ul li:nth-last-of-type(n+3){
		margin-bottom: 2%;
	}

	div#container .staticmain .section003 ul li > div:first-of-type{
		margin-bottom: 20px;
	}

	div#container .staticmain .section003 ul li > div:first-of-type::after{
		bottom: -23px;
	}

	div#container .staticmain .section003 ul li > div:first-of-type span{
		padding: 10%;
		font-size: calc(1vw * calc(14 / 3.75));
	}

	div#container .staticmain .section003 ul li > div:last-of-type h3{
		font-size: calc(1vw * calc(12 / 3.75));
		margin-bottom: 8%;
	}

	div#container .staticmain .section003 ul li > div:last-of-type h3 span{
		font-size: calc(1vw * calc(16 / 3.75));
	}

	div#container .staticmain .section003 ul li > div:last-of-type p{
		font-size: calc(1vw * calc(10 / 3.75));
	}
}

/*▲ section003*/


/*▼ section004*/
div#container .staticmain .section004{
	margin-bottom: 30px;
}

div#container .staticmain .section004 h2{
	margin-bottom: 20px;
}

div#container .staticmain .section004 h3{
	margin-bottom: 10px;
	box-sizing: border-box;
}

div#container .staticmain .section004 table{
	width: 100%;
	border-collapse: collapse;
}

div#container .staticmain .section004 table:first-of-type{
	margin-bottom: 20px;
}

div#container .staticmain .section004 table thead{
	background: var(--subSecondColor);
	font-weight: bold;
	font-size: 14px;
}

div#container .staticmain .section004 table th{
	padding: 15px 0;
	border: 1px solid #fff;
	box-sizing: border-box;
}

div#container .staticmain .section004 table tbody{
	background: var(--subColor);
	font-size: 14px;
}

div#container .staticmain .section004 table td{
	padding: 10px;
	border: 1px solid #fff;
	box-sizing: border-box;
	text-align: right;
}

div#container .staticmain .section004 table:last-of-type + p{
	font-size: 12px;
}

@media screen and (max-width: 768px){
	div#container .staticmain .section004{
		margin-bottom: 6%;
	}

	div#container .staticmain .section004 h2{
		margin-bottom: 4%;
	}

	div#container .staticmain .section004 h3{
		margin-bottom: 2%;
	}

	div#container .staticmain .section004 table:first-of-type{
		margin-bottom: 4%;
	}

	div#container .staticmain .section004 table th{
		padding: 2% 0;
	}

	div#container .staticmain .section004 table thead{
		font-size: 12px;
	}

	div#container .staticmain .section004 table tbody{
		font-size: 12px;
	}

	div#container .staticmain .section004 table td{
		padding: 2%;
	}
}

/*▲ section004*/


/*▼ section005*/
div#container .staticmain .section005 > div{
	width: 100%;
	max-width: 350px;
	margin: 0 auto 20px;
}

div#container .staticmain .section005 > div a{
	position: relative;
	display: block;
	padding: 15px;
	text-align: center;
	font-size: 20px;
	text-decoration: none;
	background: #000;
	color: #fff;
	font-weight: bold;
	line-height: 1.3;
	transition: .4s all;
}

div#container .staticmain .section005 > div a::after{
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%) rotate(45deg);
	right: 10px;
	width: 8px;
	height: 8px;
	border: 3px solid #fff;
	border-width: 3px 3px 0 0;
}

div#container .staticmain .section005 > div a:hover{
	opacity: .8;
}

div#container .staticmain .section005 > div span{
	font-size: 12px;
}

@media screen and (max-width: 768px){
	div#container .staticmain .section005 > div{
		margin-bottom: 4%;
	}

	div#container .staticmain .section005 > div a{
		font-size: 16px;
	}
}

/*▲ section005*/