@charset "UTF-8";
/* CSS Document */

@media screen and (min-width: 768px) {
	section { margin-bottom: 40px; }

	section.block01 { padding: 30px 55px; background: url(/common/img/graph_bg.gif); text-align: center; }

	section.block02 { margin-bottom: 15px; background: #fff7c1; line-height: 1.4; }
	section.block02 div.inner { display: -webkit-flex; display: flex; padding: 20px 0;  }
	section.block02 div.inner div.left { float: left; width: 380px; padding: 0 20px; }
	section.block02 div.inner div.right { float: right; width: 380px; padding: 0 20px; border-left:2px solid #FFF; }
	section.block02 h2 { margin: 0; padding: 0.4em; border: none; background: rgb(10,79,160); background: -webkit-linear-gradient(90deg, rgba(10,79,160,1) 0%, rgba(43,188,241,1) 50%, rgba(10,79,160,1) 100%); background: linear-gradient(90deg, rgba(10,79,160,1) 0%, rgba(43,188,241,1) 50%, rgba(10,79,160,1) 100%); text-align: center; color: #fff; font-size: 2rem; }
	section.block02 h3 { margin: 0 0 10px; padding: 7px 9px; border: none; background: #0f5cad; color: #ffffff; font-weight: normal; font-size: 1.6rem; }
	section.block02 em { color: #ca3131; font-weight: bold; font-style: normal; }
	section.block02 table { margin-bottom: 15px; width: 100%; border-collapse: collapse; }
	section.block02 th,
	section.block02 td { padding: 5px; border: 1px solid #cccccc; text-align: center; font-size: 1.2rem; }
	section.block02 th { background: #dff6ff; }
	section.block02 td { background: #ffffff; }
	section.block02 td.left { text-align: left; }
	section.block02 dl.style01, section.block02 p.style01 { margin-bottom: 15px; padding: 12px; border: 1px solid #cccccc; background: #ffffff; }
	section.block02 dl.style01 dt { margin-bottom: 12px; padding-left: 1em; text-indent: -1em; }
	section.block02 dl.style01 dt:first-letter { color: #0d58a6;}
	section.block02 dd { font-size: 1.2rem; }
	section.block02 ol { margin-left: 20px; }
	section.block02 div.arrow { margin-bottom: 2px; padding-bottom: 17px; background: url(/common/img/counterplan_img06.png) no-repeat 50% 100%; }
	section.block02 div.arrow dl { margin-bottom: 2px; }

	section.block03 { padding-top: 55px; background: url(/common/img/counterplan_img04.png) no-repeat 50% 0; line-height: 1.4; }
	section.block03 div { background: #fff7c1; }
	section.block03 div.inner { padding: 25px 20px 5px; background: none; }
	section.block03 h2 { margin: 0; padding: 0.4em; border: none; background: rgb(255,80,0); background: -webkit-linear-gradient(90deg, rgba(255,80,0,1) 0%, rgba(254,138,17,1) 50%, rgba(255,80,0,1) 100%); background: linear-gradient(90deg, rgba(255,80,0,1) 0%, rgba(254,138,17,1) 50%, rgba(255,80,0,1) 100%); text-align: center; color: #fff; font-size: 2rem; }
	section.block03 h3 { margin: 0 0 10px; padding: 7px 9px; border: none; background: #ff6600; color: #ffffff; font-weight: normal; font-size: 1.6rem; }

	section.block04 { padding: 30px 55px 5px; background: url(/common/img/graph_bg.gif); text-align: center; }

	section.block05 table { margin-bottom: 15px; width: 100%; border-collapse: collapse; }
	section.block05 th,
	section.block05 td { border: 1px solid #cccccc; vertical-align: middle; }
	section.block05 th { padding: 8px 13px; text-align: center; }
	section.block05 td { padding: 13px; font-size: 1.2rem; }
	section.block05 thead th { background: #0d58a6; color: #ffffff; font-weight: normal; }
	section.block05 tbody th { background: #f0f0f0; }
	section.block05 th.arrow { border-top: none; border-bottom: none; background: none; }
	section.block05 td.arrow { width: 52px; border-top: none; border-bottom: none; background: url(/common/img/latest_img06.png) no-repeat 50% 50%; }

	dl.type02 { margin-bottom: 1.5em; margin-top: 20px; }
	dl.type02 dt { display: inline-block; padding: 5px 10px; width: 290px; background: #ff6600; color: #ffffff; }
	dl.type02 dd { padding: 13px; border: 1px solid #ff6600; background: #ffffff; }
	dl.type02 em { font-style: normal; font-weight: bold; margin-top: 5px; }
}



@media screen and (max-width: 767px) {
	section.block01 { padding: 5vw; margin-bottom: 5vw; background: url(/common/img/graph_bg.gif); text-align: center; }

	section.block02 { margin-bottom: 5vw; background: #fff7c1; line-height: 1.4; }
	section.block02 div.inner { padding: 3vw 3vw 0; }
	section.block02 div.inner div.left { padding: 3vw 0; }
	section.block02 div.inner div.right { padding: 3vw 0; border-top: 0.4vw solid #FFF; }
	section.block02 h2 { padding: 0.4em; background: rgb(10,79,160); background: -webkit-linear-gradient(90deg, rgba(10,79,160,1) 0%, rgba(43,188,241,1) 50%, rgba(10,79,160,1) 100%); background: linear-gradient(90deg, rgba(10,79,160,1) 0%, rgba(43,188,241,1) 50%, rgba(10,79,160,1) 100%); text-align: center; color: #fff; font-size: 4.2vw; }
	section.block02 h3 { margin: 0 0 3vw; padding: 0.4em; border: none; background: #0f5cad; color: #ffffff; font-weight: normal; font-size: 4.2vw; }
	section.block02 em { color: #ca3131; font-weight: bold; font-style: normal; }
	section.block02 table { margin-bottom: 3vw; width: 100%; }
	section.block02 th,
	section.block02 td { padding: 2vw; border: 0.2vw solid #cccccc; text-align: center; font-size: 3vw; }
	section.block02 th { background: #dff6ff; }
	section.block02 td { background: #ffffff; }
	section.block02 td.left { text-align: left; }
	section.block02 dl.style01,
	section.block02 p.style01 { margin-bottom: 3vw; padding: 3vw; border: 0.2vw solid #cccccc; background: #ffffff; }
	section.block02 dl.style01 dt { margin-bottom: 3vw; padding-left: 1em; text-indent: -1em; }
	section.block02 dl.style01 dt:first-letter { color: #0d58a6;}
	section.block02 dd { font-size: 3vw; }
	section.block02 div.arrow { margin-bottom: 1vw; padding-bottom: 5vw; background: url(/common/img/counterplan_img06.png) no-repeat 50% 100%; }
	section.block02 div.arrow dl { margin-bottom: 1vw; }

	section.block03 { margin-bottom: 5vw; padding-top: 12vw; background: url(/common/img/counterplan_img04.png) no-repeat 50% 0 / 7vw auto; line-height: 1.4; }
	section.block03 div { background: #fff7c1; }
	section.block03 div.inner { padding: 3vw 3vw 1vw; background: none; }
	section.block03 h2 { padding: 0.4em; background: rgb(255,80,0); background: -webkit-linear-gradient(90deg, rgba(255,80,0,1) 0%, rgba(254,138,17,1) 50%, rgba(255,80,0,1) 100%); background: linear-gradient(90deg, rgba(255,80,0,1) 0%, rgba(254,138,17,1) 50%, rgba(255,80,0,1) 100%); text-align: center; color: #fff; font-size: 4.2vw; }
	section.block03 h3 { margin: 0 0 3vw; padding: 0.4em; border: none; background: #ff6600; color: #ffffff; font-weight: normal; font-size: 4.2vw; }

	section.block04 { padding: 5vw 5vw 1vw; background: url(/common/img/graph_bg.gif); text-align: center; }

	section.block05 table { margin-bottom: 5vw; width: 100%; }
	section.block05 th,
	section.block05 td { border: 0.2vw solid #cccccc; vertical-align: middle; }
	section.block05 th { padding: 2vw; text-align: center; font-size: 2.8vw; }
	section.block05 td { padding: 2vw; font-size: 2.8vw; }
	section.block05 thead th { background: #0d58a6; color: #ffffff; font-weight: normal; }
	section.block05 tbody th { background: #f0f0f0; }
	section.block05 th.arrow { border-top: none; border-bottom: none; background: none; }
	section.block05 td.arrow { width: 10vw; border-top: none; border-bottom: none; background: url(/common/img/latest_img06.png) no-repeat 50% 50% / 6vw auto; }

	dl.type02 { margin-bottom: 1.5em; margin-top: 5vw; }
	dl.type02 dt { display: inline-block; padding: 0.4em 0.8em; background: #ff6600; color: #ffffff; }
	dl.type02 dd { padding: 3vw; border: 0.2vw solid #ff6600; background: #ffffff; }
	dl.type02 em { font-style: normal; font-weight: bold; margin-top: 2vw; }
}