html { font:16px Meiryo, sans-serif, "ＭＳ Ｐゴシック"; font-weight:300; color:#262626; line-height:27px; height: 100%;}
body { margin:0; height: 100%; background:#fff; }
a {cursor:pointer; color:#0071BA; }
a:hover { text-decoration:underline; }
dl, dt, dd, ul, ol, li, div, h1, h2, h3, h4, h5, h6, p { padding:0; margin:0; }
li{ list-style-type:none; }
hr{ clear:both; border:0; margin:0; }
img{vertical-align:middle;}
button{cursor:pointer;}
button:hover { opacity:.8; }
.pc_only{ visibility:visible; }
.sp_only{ display:none; }

h2{ padding:44px 0; text-align:center; font-weight:bold; }

@media screen and (max-width: 768px) {
	html { font-size:4.0vw; line-height:6vw; }
	body{background-image:none;}
	div#main{width:auto; padding:14vw 0 0 0;}
	h2{ padding:6vw 0; text-align:center; }
	h2>img{height:5vw;}
	h3>img{height:22.8vw;}
	button{font-size:3.0vw;}
	.pc_only{ display:none; }
	.sp_only{ visibility:visible; }
}

/* header */
header>div#nav-toggle{display: none; }
header h1{ border-bottom: 1px solid #0071BA; }
header h1>a{ display:block; margin:0 auto; height:65px; width:550px; background:url("/common/img/logo.png") no-repeat center center; }
header nav a{ text-decoration:none; }
header nav a:hover{ text-decoration:none; }
header nav>ul{ width:1000px; margin:0 auto; display:table; position:relative; }
header nav>ul>li{ display:table-cell; text-align:center; }
header nav>ul>li:nth-of-type(1){ width:280px; }
header nav>ul>li:nth-of-type(2){ width:160px; }
header nav>ul>li>a{ display:block; padding:15px 0; font-weight:bold; font-size:1.1em; color:#0071ba; border-bottom: 5px solid #fff; }
header nav>ul>li>a:hover{ border-color: #0071ba; }

header nav>ul>li>ul{ visibility: hidden; perspective: 400px; position:absolute; width:inherit; }
header nav>ul>li:hover ul{ visibility: visible; }
header nav>ul>li li{ background:rgba( 0, 77, 126, .9 ); transform: rotateY(90deg); transform-origin: 50% 0; }
header nav>ul>li li>a{ color:#fff; text-align:left; font-size:.8em; font-weight:bold; display:block; padding:5px 10px; }
header nav>ul>li li>a:hover{ background:rgba( 255, 255, 255, .6 ); color:#000; }
header nav>ul>li:hover li{ transform: rotateY(0); transition: .3s; }
header nav>ul>li:hover li:nth-child(2){ transition-delay: .05s; }
header nav>ul>li:hover li:nth-child(3){ transition-delay: .1s; }
header nav>ul>li:hover li:nth-child(4){ transition-delay: .15s; }
header nav>ul>li:hover li:nth-child(5){ transition-delay: .2s; }
header nav>ul>li:hover li:nth-child(6){ transition-delay: .25s; }
header nav>ul>li:hover li:nth-child(7){ transition-delay: .3s; }
header nav>ul>li:hover li:nth-child(8){ transition-delay: .35s; }
header nav>ul>li:hover li:nth-child(9){ transition-delay: .4s; }
header nav>ul>li:hover li:nth-child(10){ transition-delay: .45s; }
header nav>ul>li:hover li:nth-child(11){ transition-delay: .5s; }
header nav>ul>li:hover li:nth-child(12){ transition-delay: .55s; }
header nav>ul>li:hover li:nth-child(13){ transition-delay: .6s; }
header nav>ul>li:hover li:nth-child(14){ transition-delay: .65s; }
header nav>ul>li:hover li:nth-child(15){ transition-delay: .7s; }

header#page1{ z-index:99; position:absolute; width:100%;}
header#page1 h1{ border:0; }
header#page1 h1>a{ background:url("/common/img/top/logo.png") no-repeat center center; }
header#page1 nav{ background:rgba( 0, 113, 186, .6 ); }
header#page1 nav>ul>li>a{ border:0; padding:17px 0; color:#fff; }
header#page1 nav>ul>li>a:hover{ background:rgba( 20, 30, 60, .6 ); }
header#page1 nav>ul>li li{ background:rgba( 20, 30, 60, .6 ); }

.i4ewOd-pzNkMb-haAclf{display:none!important;}

@media screen and (max-width: 768px) {
	header{position:fixed; z-index:99; background:rgba(255, 255, 255, .8); width:100%;}
	header h1>a{ height:15vw; width:76vw; margin:0 2vw; background:url("/common/img/logo.png") no-repeat center center !important; background-size:contain !important; }
	header>div#nav-toggle {position:fixed; z-index:93; top:0; right:0; display: block; width: 10vw; height: 10vw; margin:2vw 2vw 0 0; border: 1px solid #0071ba; border-radius:4px; float:right; cursor: pointer; background:#fff;}
	header>div#nav-toggle div {position: relative; margin:2.7vw 2vw 0 2vw; width:6vw;}
	header>div#nav-toggle span {display: block; position: absolute; height: 2px; width: 100%; background: #0071ba; left: 0; -webkit-transition: .35s ease-in-out; -moz-transition: .35s ease-in-out; transition: .35s ease-in-out;}
	header>div#nav-toggle span:nth-child(1) {top: 0;}
	header>div#nav-toggle span:nth-child(2) {top: 2vw;}
	header>div#nav-toggle span:nth-child(3) {top: 4vw;}
	header.open>div#nav-toggle span:nth-child(1) {top: 2vw; -webkit-transform: rotate(315deg); -moz-transform: rotate(315deg); transform: rotate(315deg);}
	header.open>div#nav-toggle span:nth-child(2) {width: 0;}
	header.open>div#nav-toggle span:nth-child(3) {top: 2vw; -webkit-transform: rotate(-315deg); -moz-transform: rotate(-315deg); transform: rotate(-315deg);}

	header nav{position:fixed; z-index:99 !important; background:rgba( 0,0,0,.8 ) !important; display:block; width:100%; height:0; min-height:0; overflow:hidden; top:14vw; right:0; padding:0; text-align:right; overflow:auto; -webkit-overflow-scrolling: touch;}
	header nav>ul{ width:100%; margin:0 auto 4em auto; display:block; position:static; }
	header nav>ul>li{ display:block;}
	header nav>ul>li:nth-of-type(1){ width:auto; }
	header nav>ul>li:nth-of-type(2){ width:auto; }
	header nav>ul>li>ul{ visibility: visible; position:static; width:100%; }
	header nav>ul>li li{ background:none; transform: none; transform-origin:none; transition:none; }

	header#page1{ position:fixed; width:100%; }
	header#page1 nav{ background:none; }
	header#page1 nav>ul>li li{ background:none; }
	header nav>ul>li>a{ padding:3vw 0 3vw 1em !important; border:0; border-bottom: 1px solid #fff !important; color:#fff; text-align:left; font-size:1.0em; }
	header nav>ul>li li>a{ padding:3vw 0 3vw 2.5em !important; border:0; border-bottom: 1px solid #fff !important; font-size:1.0em; }
}

div#main{ padding:0; }
@media screen and (max-width: 768px) {
	div#main{ padding:15vw 0 0 0; }
}

/* トップページ */
section#top01 div.mainvisual{ width:100%; position:relative; max-width:1200px; margin:0 auto; }
section#top01 div.mainvisual>ul{ width:100%; margin:0 auto; padding:0 0 0 0; }
section#top01 div.mainvisual>ul li.slick-slide img{ margin:0 auto; width:100%; }
section#top01 button.slick-arrow{width:58px; height:96px; z-index:2; }
section#top01 button.slick-prev{ left:50%; margin-left:-50%; background:url("/common/img/top/arrow01.png") no-repeat center center !important; background-size:contain !important;}
section#top01 button.slick-next{ right:50%; margin-right:-50%; background:url("/common/img/top/arrow02.png") no-repeat center center !important; background-size:contain !important;}
section#top01 button.slick-prev:before{content:"";}
section#top01 button.slick-next:before{content:"";}
section#top01 div.mainvisual:after{ content:""; display:block; width:100%; height:50px; position:absolute; margin-top:-50px; background: url("/common/img/top/oval.png") no-repeat center bottom; background-size:contain; }
section#top01 div.mainvisual>div{ width:80%; margin:0 auto; top:0; left:0; right:0; bottom:0; text-align:center; position:absolute; z-index:2 !important; }
section#top01 div.mainvisual>div>img{ width:60%; max-width:605px; position:absolute; margin:auto; top:0; left:0; right:0; bottom:0; }
section#top01 button.slick-arrow{width:58px; height:96px; z-index:2; }
section#top01 button.slick-prev{ left:50%; margin-left:-50%; background:url("/common/img/top/arrow01.png") no-repeat center center !important; background-size:contain !important;}
section#top01 button.slick-next{ right:50%; margin-right:-50%; background:url("/common/img/top/arrow02.png") no-repeat center center !important; background-size:contain !important;}
section#top01 button.slick-prev:before{content:"";}
section#top01 button.slick-next:before{content:"";}
section#top01 div.mainvisual:after{ content:""; display:block; width:100%; height:50px; position:absolute; margin-top:-50px; background: url("/common/img/top/oval.png") no-repeat center bottom; background-size:contain; }
section#top01 div.mainvisual>div{ width:80%; margin:0 auto; top:0; left:0; right:0; bottom:0; text-align:center; position:absolute; z-index:2 !important; }
section#top01 div.mainvisual>div>img{ width:60%; max-width:605px; position:absolute; margin:auto; top:0; left:0; right:0; bottom:0; }
@media screen and (max-width: 768px) {
	section#top01 div.mainvisual{width:100%;}
	section#top01 button.slick-arrow{width:10vw; height:10vw; }
}

section#top02 { width:1000px; margin:0 auto; padding:30px 0 50px 0; }
section#top02 p img { width:100%; margin-bottom:30px; }
section#top02>dl{ display:table; }
section#top02>dl>dt{ display:table-cell; border-right:2px solid #0071ba; vertical-align:top; color:#0071ba; padding:30px; width:150px; }
section#top02>dl>dt>p{ font-size:1.7em; font-weight:bold; }
section#top02>dl>dt>span{ display:block; }
section#top02>dl>dt>a{ display:block; border: 1px solid #0071ba; text-align:center; color:#0071ba; padding:5px 0; margin-top:20px; position:relative; text-decoration:none; }
section#top02>dl>dt>a:before{ content:"\f0da"; font-family:FontAwesome; font-size:1.5em; position:absolute; left:0; }
section#top02>dl>dt>a:hover{ background:#0071ba; color:#fff; text-decoration:none; }
section#top02>dl>dd{ display:table-cell; vertical-align:top; padding:30px 10px; }
section#top02>dl>dd a { display:block; padding:5px 20px; text-decoration:none; }
section#top02>dl>dd a:hover { background:#eee; }
section#top02>dl>dd a span.update{ display:inline-block; width:150px; vertical-align:middle; font-weight:bold; }
section#top02>dl>dd a span.new{ display:inline-block; width:40px; height:14px; margin-right:10px; background:url("/common/img/icon_new.png") no-repeat center center !important; }
section#top02>dl>dd a span.new.blank{ background:none !important; }
section#top02>dl>dd a p{ display:inline-block; width:510px; vertical-align:middle; white-space:nowrap; overflow: hidden; text-overflow: ellipsis; }
@media screen and (max-width: 768px) {
	section#top02 { width:95%; padding:6vw 0 8vw 0; }
	section#top02 p img { margin-bottom:2vw; }
	section#top02>dl{ display:block; }
	section#top02>dl>dt{ display:block; padding:5vw 0; width:100%; border-right:0; border-bottom:2px solid #0071ba; text-align:center; }
	section#top02>dl>dt>p{ display:inline-block; vertical-align:bottom; }
	section#top02>dl>dt>span{ display:inline-block; vertical-align:bottom;  padding:0 2vw; }
	section#top02>dl>dt>a{ display:inline-block; vertical-align:bottom;  width:45%; }
	section#top02>dl>dd{ display:block; padding:5vw 0; }
	section#top02>dl>dd a { display:block; padding:2vw 0; }
	section#top02>dl>dd a span.update{ display:inline-block; vertical-align:middle; width:40%; }
	section#top02>dl>dd a span.new{ display:inline-block; vertical-align:middle; width:50%; height:5vw; margin-right:0; background:url("/common/img/icon_new_sp.png") no-repeat left center !important; background-size:contain !important; }
	section#top02>dl>dd a span.new.blank{ background:none !important; }
	section#top02>dl>dd a p{ display:block; width:100%; }
}

section#top03>ul{ color:#fff; font-size:1.5vw; line-height:2.4vw;  display:table; table-layout:fixed; width:100%; }
section#top03>ul>li{ display:table-cell; vertical-align:middle; text-align:center; height:25vw; background-size:contain !important; }
section#top03>ul>li:nth-of-type(1){ background:url("/common/img/top/pick01_bg.jpg") no-repeat center bottom; }
section#top03>ul>li:nth-of-type(2){ background:url("/common/img/top/pick02_bg.jpg") no-repeat center bottom; }
section#top03>ul>li:nth-of-type(3){ background:url("/common/img/top/pick03_bg.jpg") no-repeat center bottom; }
section#top03>ul>li>img{ width:6vw; }
section#top03>ul>li>p{ font-weight:bold; height:5vw; vertical-align:middle; padding:2vw 0; font-size:1.2em; }
section#top03>ul>li>a{ display:block; border: 1px solid #fff; width:50%; text-align:center; color:#fff; padding:0.5vw 0; margin:0 auto; position:relative; }
section#top03>ul>li>a:before{ content:"\f0da"; font-family:FontAwesome; font-size:1.5em; position:absolute; left:0; }
section#top03>ul>li>a:hover{ background:rgba(215, 192, 35, .6); text-decoration:none; }
section#top03>dl{ width:1000px; margin:0 auto; display:table; }
section#top03>dl>dt{ width:280px; display:table-cell; vertical-align:top; }
section#top03>dl>dt>p{ color:#0071ba; font-size:1.2em; font-weight:bold; padding:50px 0 20px 0; border-bottom: 2px solid #0071ba;}
section#top03>dl>dt>span{ display:block; padding:10px 0; }
section#top03>dl>dt>span>span{ color:#0071ba; font-size:1.2em; font-weight:bold; }
section#top03>dl>dt>a{ display:block; font-size:0.9em; border: 1px solid #0071ba; width:90%; text-align:center; color:#0071ba; padding:0.5vw 0; position:relative; text-decoration:none; }
section#top03>dl>dt>a:before{ content:"\f0da"; font-family:FontAwesome; font-size:1.5em; position:absolute; left:0;  }
section#top03>dl>dt>a:hover{ background:#0071ba; color:#fff; text-decoration:none; }
section#top03>dl>dd>iframe{ width:100%; height:420px; margin-bottom:-9px; }
@media screen and (max-width: 768px) {
	section#top03>ul{ display:block; font-size:4vw;  line-height:5vw;}
	section#top03>ul>li{ display:block; height:68vw; padding:0; }
	section#top03>ul>li:nth-of-type(1){ background:url("/common/img/top/pick01_bg.jpg") no-repeat center top; }
	section#top03>ul>li:nth-of-type(2){ background:url("/common/img/top/pick02_bg.jpg") no-repeat center top; }
	section#top03>ul>li:nth-of-type(3){ background:url("/common/img/top/pick03_bg.jpg") no-repeat center top; }
	section#top03>ul>li>img{ width:18vw; padding-top:10vw; }
	section#top03>ul>li>p{ height:10vw; padding:5vw 0; font-size:1.4em; }
	section#top03>ul>li>a{ width:80%; padding:3vw 0; }

	section#top03>dl{ width:100%; display:block; }
	section#top03>dl>dt{ width:100%; display:block; padding:10vw 0 5vw 0; }
	section#top03>dl>dt>p{ padding:0 0 4vw 0; }
	section#top03>dl>dt>p>br{ display:none; }
	section#top03>dl>dt>span{ display:block; padding:2vw 0; }
	section#top03>dl>dt>a{ width:80%; margin:0 auto; padding:3vw 0; position:relative; }
	section#top03>dl>dt>a:before{ content:"\f0da"; font-family:FontAwesome; font-size:1.5em; position:absolute; }
	section#top03>dl>dt>a:hover{ background:#0071ba; color:#fff; text-decoration:none; }
	section#top03>dl>dd>iframe{ width:100%; height:60vw;  margin-bottom:0px;}
}

/* アスファルト防水工事とは */
section#asphalt h2{ background:#0071ba; color:#fff; }
section#asphalt h2:before{ content:""; display:block; margin:0 auto 20px auto; width:81px; height:80px; background:url("/common/img/asphalt/ico_h2.png") no-repeat center bottom; }
section#asphalt h3{ font-size:1.4em; font-weight:bold; text-align:center; border-bottom: 1px solid #CCCCCC; padding:50px 0 20px 0; }
section#asphalt ul{ display:table; border-spacing:20px; width:960px; padding:10px 0 30px 0; margin:0 auto; }
section#asphalt ul li{ display:table-cell; width:300px; vertical-align:top; }
section#asphalt ul li p{ color:#0171bb; font-weight:bold; padding-top:10px; }
section#asphalt ul li img{ width:100%; }
section#asphalt ol{ display:table; border-spacing:20px; width:960px; padding:10px 0 30px 0; margin:0 auto; }
section#asphalt ol li{ display:table-cell; vertical-align:top; }
section#asphalt ol li p{ color:#0171bb; font-weight:bold; padding-bottom:10px; }
section#asphalt ol li img{ width:380px; }

@media screen and (max-width: 768px) {
	section#asphalt h2:before{ content:""; display:block; margin:0 auto 4vw auto; width:14vw; height:14vw; background-size:contain; }
	section#asphalt h3{ font-size:1.2em; width:95%; margin:0 auto; padding:10vw 0 4vw 0; }
	section#asphalt ul{ display:block; width:95%; padding:2vw 0 5vw 0; }
	section#asphalt ul li{ display:block; width:100%; margin-bottom:5vw; }
	section#asphalt ul li p{ padding-top:2vw; }
	section#asphalt ol{ display:block; width:95%; padding:2vw 0 5vw 0; }
	section#asphalt ol li{ display:block; width:100%; margin-bottom:5vw; }
	section#asphalt ol li p{ padding-bottom:2vw; }
	section#asphalt ol li img{ width:100%; }
}


/* 組合概要 */
section#about01{ background:#0071ba; color:#fff; }
section#about01 h2:before{ content:""; display:block; margin:0 auto 20px auto; width:81px; height:80px; background:url("/common/img/about/ico_h2.png") no-repeat center bottom; }
section#about01 div{ background:#E6E6E6; }
section#about01 ul{ width:1000px; margin:0 auto; display:table; table-layout:fixed; border-spacing:15px; }
section#about01 ul>li{ display:table-cell; }
section#about01 ul>li.current>a{ background:#141E3C; color:#fff; }
section#about01 li>a{ background:#fff; border-radius:5px; display:block; padding:12px 0; text-align:center; font-size:.9em; }
section#about01 li>a:hover{ background:#141E3C; color:#fff; text-decoration:none; }
@media screen and (max-width: 768px) {
	section#about01 h2:before{ content:""; display:block; margin:0 auto 4vw auto; width:14vw; height:14vw; background-size:contain; }
	section#about01 ul{ width:100%; margin:0 auto; display:block; text-align:center; padding:2vw 0; }
	section#about01 ul>li{ display:inline-block; width:20vw; margin:1vw; }
	section#about01 li>a{ border-radius:1vw; padding:2vw 0; font-size:.6em; }
}

section#about02 h3{ font-size:1.4em; font-weight:bold; text-align:center; border-bottom: 1px solid #CCCCCC; padding:50px 0 20px 0; }
section#about02 div{ width:800px; margin:0 auto; padding:30px 0; }
section#about02 div ol{ display:table; width:100%; }
section#about02 div ol>li{ display:table-cell; vertical-align:top; }
section#about02 div ol>li>img{ padding-right:30px; }
section#about02 div ol>li>span{ font-weight:bold; display:block; text-align:right; margin-top:20px; }
section#about02 table.outline{ width:100%; margin:20px auto; border-collapse:collapse; }
section#about02 table.outline th{border: 1px solid #ccc; padding:20px 30px; text-align:left; vertical-align:top; background:#f2f2f2; white-space:nowrap; }
section#about02 table.outline td{border: 1px solid #ccc; padding:20px 30px; text-align:left; vertical-align:top; }
section#about02 div>p{ text-align:center; padding-top:20px; }

section#about02 table.list{ width:100%; margin:20px auto; border-collapse:collapse; }
section#about02 table.list th{border: 1px solid #ccc; padding:10px 0; text-align:center; color:#fff; background:#0171bb; white-space:nowrap; }
section#about02 table.list td{border: 1px solid #ccc; padding:10px 20px; text-align:left; }
/*section#about02 table.list td{border: 1px solid #ccc; padding:20px 30px; text-align:left; }*/
section#about02 table.list td:nth-last-of-type(3){ background:#f2f2f2; }
section#about02 div>p.winner{ text-align:center; color:#0171bb; font-weight:bold; font-size:1.2em; }
section#about02 table.winner{ width:100%; margin:20px auto; border-collapse:collapse; }
section#about02 table.winner th{border: 1px solid #ccc; padding:10px 0; text-align:center; color:#fff; background:#0171bb; white-space:nowrap; }
section#about02 table.winner td{border: 1px solid #ccc; padding:20px 30px; text-align:left; }
section#about02 table.winner td:nth-last-of-type(4){ background:#f2f2f2; }

section#about02 div>p.meister{ text-align:left; }
section#about02 table.meister{ width:100%; margin:20px auto; border-collapse:collapse; }
section#about02 table.meister th{border: 1px solid #ccc; padding:10px 0; text-align:center; color:#fff; background:#0171bb; white-space:nowrap; }
section#about02 table.meister td{border: 1px solid #ccc; padding:10px 15px; text-align:left; vertical-align:top; }
section#about02 table.meister td:nth-last-of-type(5){ background:#f2f2f2; }
section#about02 table.officer{ width:100%; margin:20px auto; border-collapse:collapse; }
section#about02 table.officer th{border: 1px solid #ccc; padding:10px 0; text-align:center; color:#fff; background:#0171bb; white-space:nowrap; }
section#about02 table.officer td{border: 1px solid #ccc; padding:10px 15px; text-align:left; }
section#about02 table.officer td:nth-last-of-type(4){ background:#f2f2f2; }

@media screen and (max-width: 768px) {
	section#about02 h3{ font-size:1.2em; width:95%; margin:0 auto; padding:10vw 0 4vw 0; }
	section#about02 div{ width:95%; margin:0 auto; padding:5vw 0; }
	section#about02 div ol{ display:block; }
	section#about02 div ol>li{ display:block; }
	section#about02 div ol>li>img{ padding-right:0; display:block; margin:0 auto 5vw auto; }
	section#about02 div ol>li>span{ margin-top:4vw; }
	section#about02 div#organization img{ width:100%; }
	section#about02 table.outline{ width:100%; margin:4vw auto; }
	section#about02 table.outline th{ padding:2vw; font-size:.9em; }
	section#about02 table.outline td{ padding:2vw; font-size:.9em; }
	section#about02 table.list{ width:100%; margin:4vw auto; }
	section#about02 table.list th{ padding:2vw; font-size:.8em; }
	section#about02 table.list td{ padding:2vw; font-size:.8em; }
	section#about02 table.winner{ width:100%; margin:4vw auto; }
	section#about02 table.winner th{ padding:2vw; font-size:.8em; }
	section#about02 table.winner td{ padding:2vw; font-size:.8em; }
	section#about02 table.meister{ width:100%; margin:4vw auto; }
	section#about02 table.meister th{ padding:1vw; font-size:.8em; }
	section#about02 table.meister td{ padding:1vw; font-size:.8em; }
	section#about02 table.officer{ width:100%; margin:4vw auto; }
	section#about02 table.officer th{ padding:1vw; font-size:.8em; }
	section#about02 table.officer td{ padding:1vw; font-size:.8em; }
}

/* 技能検定試験について  */
section.exam{ text-align:center; }
section.exam h2{ background:#0071ba; color:#fff; }
section.exam h2:before{ content:""; display:block; margin:0 auto 20px auto; width:81px; height:80px; background:url("/common/img/exam/ico_h2.png") no-repeat center bottom; }
section.exam h3{ font-size:1.4em; font-weight:bold; text-align:center; border-bottom: 1px solid #CCCCCC; padding:50px 0 20px 0; }
section#exam01>div{ background:#141E3C; color:#fff; font-weight:bold; font-size:1.1em; padding:20px 0; width:500px; margin:20px auto 0 auto; }
section#exam01>p{ padding:20px; }
section#exam01>ul{ display:table; margin:0 auto; border-spacing:5px; }
section#exam01>ul>li{ display:table-cell; font-size: 0.9em; }
section#exam01>ul>li>img{ display:block; margin-bottom:0.25em; }
section#exam02 dl{ padding:30px 0; }
section#exam02 dl>dt{ color:#fff; font-weight:bold; font-size:1.1em; padding:20px 0; width:500px; margin:0 auto; }
section#exam02 dl>dt>span{ font-weight:normal; font-size:0.9em; }
section#exam02 dl>dt:nth-of-type(1){ background:#3af23a; }
section#exam02 dl>dt:nth-of-type(2){ background:#37e537; }
section#exam02 dl>dt:nth-of-type(3){ background:#34d934; }
section#exam02 dl>dt:nth-of-type(4){ background:#32cd32; }
section#exam02 dl>dt:nth-of-type(5){ background:#2ebf2e; }
section#exam02 dl>dt:nth-of-type(6){ background:#2bb32b; }
section#exam02 dl>dt:nth-of-type(7){ background:#28a628; }
section#exam02 dl>dt:nth-of-type(8){ background:#259925; }
section#exam02 dl>dd:after{ content:""; display:block; width:40px; height:33px; margin:0 auto; background:url("/common/img/exam/arrow.png") no-repeat center center; }
@media screen and (max-width: 768px) {
	section.exam h2:before{ content:""; display:block; margin:0 auto 4vw auto; width:14vw; height:14vw; background-size:contain; }
	section.exam h3{ font-size:1.2em; width:95%; margin:0 auto; padding:10vw 0 4vw 0; }
	section#exam01>div{ padding:4vw 0; width:95%; margin:4vw auto 0 auto; }
	section#exam01>p{ padding:4vw; }
	section#exam01>ul{ display:block; width:60%; }
	section#exam01>ul>li{ display:block; padding-bottom:2vw; }
	section#exam01>ul>li img{ width:100%; }
	section#exam02 dl{ padding:6vw 0; }
	section#exam02 dl>dt{ padding:4vw 0; width:95%; }
	section#exam02 dl>dt>span{ display:block; }
}


/* 関連リンク  */
section#links h2{ background:#0071ba; color:#fff; }
section#links h2:before{ content:""; display:block; margin:0 auto 20px auto; width:81px; height:80px; background:url("/common/img/links/ico_h2.png") no-repeat center bottom; }
section#links div{ display:table; width:800px; margin:0 auto; padding:70px 0; }
section#links div>dl{ display:table-row;}
section#links div>dl>dt{ display:table-cell; padding:5px; color:#0071ba; font-weight:bold; }
section#links div>dl>dd{ display:table-cell; padding:5px; }
section#links div>dl>dd>a{ text-decoration:underline; display:inline-block; }
section#links div>dl>dd>a:hover{ text-decoration:underline; background:#eee; }
@media screen and (max-width: 768px) {
	section#links h2:before{ content:""; display:block; margin:0 auto 4vw auto; width:14vw; height:14vw; background-size:contain; }
	section#links div{ display:block; width:95%; padding:5vw 0; }
	section#links div>dl{ display:block; padding:5vw 0;}
	section#links div>dl>dt{ display:block; padding:1vw; }
	section#links div>dl>dd{ display:block; padding:1vw; }
}


/* 新着情報　・　会員専用ページ  */
section.info h2{ background:#0071ba; color:#fff; }
section.info h2:before{ content:""; display:block; margin:0 auto 20px auto; width:81px; height:80px; }
section.info#news h2:before{ background:url("/common/img/news/ico_h2.png") no-repeat center bottom; }
section.info#member h2:before{ background:url("/common/img/member/ico_h2.png") no-repeat center bottom; }

section.info h3{ font-size:1.4em; font-weight:bold; text-align:center; border-bottom: 1px solid #CCCCCC; padding:50px 0 20px 0; width:800px; margin:0 auto; }
section.info h3>span{ display:block; padding:10px 0; }
section.info ul{ width:800px; margin:0 auto; padding:70px 0 0 0; }
section.info ul>li>a{ display:block; padding:10px 20px; }
section.info ul>li>a:hover{ background:#eee; }


section.info ul>li span.update{ display:inline-block; width:160px; }
section.info ul>li span.new{ display:inline-block; width:40px; height:14px; margin-right:10px; background:url("/common/img/icon_new.png") no-repeat center center !important; }
section.info ul>li span.new.blank{ background:none !important; }

section.info ul>li p{ display:inline-block; text-decoration:underline; width:550px; vertical-align:middle; white-space:nowrap; overflow: hidden; text-overflow: ellipsis; }
section.info>div{ width:800px; margin:0 auto; padding:50px 0 50px 0; /*overflow:auto;*/ line-height:1.6; border-bottom:solid 1px #cccccc; overflow:hidden; }
section.info>div img{ margin:20px; }
section.info>p{ text-align:center; padding:30px 0 50px 0; clear:both; }
section.info>p>a{ display:inline-block; color:#0071ba; font-weight:bold; }

section#member form>ul{ border: 1px solid #ccc; margin:100px auto; width:600px; padding:50px; border-radius:10px; }
section#member form>ul>li{ text-align:center; padding:20px; }
section#member form>ul>li>span{ display:inline-block;  }
section#member form>ul>li input{ width:400px; padding:10px 20px; border: 1px solid #ccc; font-size:1.2em;  }
section#member form>ul>li button{ display:block; width:200px; margin:0 auto; border:0; background:#0071ba; color:#fff; font-size:1.2em; font-weight:bold; padding:10px 20px; }

section#member div.download_box{ text-align:center; height:80px; border-bottom:none;}
section#member div a.c-btn2 { position:relative; display:inline-flex; justify-content:center; align-items:center; min-width:300px; padding:7px 20px 5px; background:#0071ba; border:none; border-radius:10px; color:#fff; font-size:1.2em; font-weight:bold; line-height:1.33333; text-align:center; -webkit-user-select:none; user-select:none; transition:opacity 0.3s ease-in-out; cursor:pointer; }
section#member div a.c-btn2::before { display:block; content: ""; min-height: 58px; }
section#member div a.c-btn2::after { position:relative; display:inline-block; font-family:'icomoon' !important; speak:none; font-size:inherit; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; line-height:1; letter-spacing:normal; position:absolute; top:50%; right:12px; margin-top:-7px; font-size:1.2rem;}
section#member div a.c-btn2:hover { opacity:0.6;}
section#member div a.c-btn2.is-small { width:300px; font-size:1.2rem; }
section#member div a.c-btn2.is-small::before { display: block; content: ""; min-height: 40px; }

section#member div a.c-btn3 { position:relative; display:inline-flex; justify-content:center; align-items:center; min-width:300px; padding:7px 20px 5px; background:#1f900e; border:none; border-radius:10px; color:#fff; font-size:1.2em; font-weight:bold; line-height:1.33333; text-align:center; -webkit-user-select:none; user-select:none; transition:opacity 0.3s ease-in-out; cursor:pointer; }

@media screen and (max-width: 768px) {
	section.info h2:before{ content:""; display:block; margin:0 auto 4vw auto; width:14vw; height:14vw; background-size:contain; }
	section.info h3{ font-size:1.2em; width:95%; padding:10vw 0 4vw 0; }
	section.info h3>span{ padding:2vw 0; }
	section.info ul{ width:95%; padding:10vw 0 0 0; }
	section.info ul>li>a{ padding:2vw 4vw; }

	section.info ul>li span.update{ display:inline-block; vertical-align:middle; width:40%; }
	section.info ul>li span.new{ display:inline-block; vertical-align:middle; width:50%; height:5vw; margin-right:0; background:url("/common/img/icon_new_sp.png") no-repeat left center !important; background-size:contain !important; }
	section.info ul>li span.new.blank{ background:none !important; }

	section.info ul>li p{ display:block; width:auto; }
	section.info>div{ width:95%; padding:10vw 0; }
	section.info>div img{ margin:4vw; width : -webkit-calc(100% - 4vw) ;width : calc(100% - 20px) ; height:auto; }
	section.info>p{ text-align:center; padding:0px 0 30px 0; clear:both; }
	section.info>p>a{ margin-top:10vw; }
	
	section#member form>ul{ margin:15vw auto; width:70%; padding:5vw; border-radius:2vw; }
	section#member form>ul>li{ text-align:center; padding:4vw; }

	section#member form>ul>li>span.update{ display:inline-block; vertical-align:middle; width:40%; }
	section#member form>ul>li>span.new{ display:inline-block; vertical-align:middle; width:50%; height:5vw; margin-right:0; background:url("/common/img/icon_new_sp.png") no-repeat left center !important; background-size:contain !important; }
	section#member form>ul>li>span.new.blank{ background:none !important; }

	section#member form>ul>li input{ width:100%; padding:2vw 0; }
	section#member form>ul>li button{ display:block; width:100%; padding:2vw 0; }
	section#member div a.c-btn2. {width:400px; min-width: 0; padding: 7px 30px 5px 15px;}
	section#member div a.c-btn2.is-small { width:400px; font-size:0.9rem; }
}

ul.pagenation{ text-align:center; padding:35px 0 70px 0; }
ul.pagenation>li{ display:inline-block; }
ul.pagenation>li>a{ display:block; min-width:36px; line-height:36px; border: 1px solid #A6A6A6; border-radius:19px 19px 19px 19px; color:#A6A6A6; text-decoration:none; }
ul.pagenation>li>a:hover{ background:#0071ba; color:#fff; text-decoration:none; }
ul.pagenation>li>a.current{ background:#0071ba; color:#fff; }
@media screen and (max-width: 768px) {
	ul.pagenation{ padding:10vw 0; }
	ul.pagenation>li>a{ min-width:10vw; line-height:10vw; border: 1px solid #A6A6A6; border-radius:5.1vw 5.1vw 5.1vw 5.1vw; color:#A6A6A6  }
}


/* お問い合せ  */
section.contact h2{ background:#0071ba; color:#fff; }
section.contact h2:before{ content:""; display:block; margin:0 auto 20px auto; width:81px; height:80px; background:url("/common/img/contact/ico_h2.png") no-repeat center bottom; }
section.contact h3{ font-size:1.4em; font-weight:bold; text-align:center; border-bottom: 1px solid #CCCCCC; padding:50px 0 20px 0; }
section.contact h3>br{ display:none; }
section.contact form{ text-align:center; }
section.contact form>p{ padding:40px 0; }
section.contact form>div{ display:table; width:800px; margin:0 auto; border-collapse:collapse; }
section.contact form>div>dl{ display:table-row; }
section.contact form>div>dl>dt{ display:table-cell; text-align:left; vertical-align:top; border: 1px solid #ccc; padding:30px 20px; background:#F2F2F2; width:30%; }
section.contact form>div>dl>dd{ display:table-cell; text-align:left; vertical-align:top; border: 1px solid #ccc; padding:20px 20px; }
section.contact form>div>dl>dd input[type=text]{ width:450px; padding:10px 20px; border: 1px solid #ccc; font-size:1.2em;  }
section.contact form>div>dl>dd textarea{ width:450px; height:100px; padding:10px 20px; border: 1px solid #ccc; font-size:1.2em; }
section.contact form p.error{ width:450px; padding:10px 20px; background:#f00; color:#fff; }
section.contact button{ display:inline-block; width:200px; margin:30px auto; border:0; background:#0071ba; color:#fff; font-size:1.2em; font-weight:bold; padding:10px 20px; }
section.contact>p{ width:800px; margin:0 auto; padding:30px 0 50px 0; }
section.contact>p>span{ display:block; color:#0071ba; font-weight:bold; padding-top:30px; }
@media screen and (max-width: 768px) {
	section.contact h2:before{ content:""; display:block; margin:0 auto 4vw auto; width:14vw; height:14vw; background-size:contain; }
	section.contact h3{ font-size:1.2em; width:95%; margin:0 auto; padding:10vw 0 4vw 0; }
	section.contact h3>br{ display:inline; }
	section.contact form>p{ text-align:left; padding:5vw 2vw; }
	section.contact form>div{ display:block; width:95%; }
	section.contact form>div>dl{ display:block; }
	section.contact form>div>dl>dt{ display:block; padding:5vw 4vw; width:auto; }
	section.contact form>div>dl>dd{ display:block; padding:5vw 4vw; }
	section.contact form>div>dl>dd input[type=text]{ width:100%; padding:3vw 0; }
	section.contact form>div>dl>dd textarea{ width:100%; height:30vw; padding:3vw 0; }
	section.contact button{ width:45%; margin:5vw auto; padding:3vw 4vw; }
	section.contact>p{ width:95%; margin:0 auto; padding:5vw 0 10vw 0; }
	section.contact>p>span{ padding-top:5vw; }
}

/* footer */
footer{ background:#0071ba; color:#fff; font-size:0.9em;}
footer a{ color:#fff; }
footer>div{ width:1000px; margin:0 auto; display:table; table-layout:fixed; padding:50px 0; }
footer>div dl{ display:table-cell; vertical-align:top; }
footer>div dt{ font-weight:bold; font-size:1.1em; padding:10px; }
footer>div dt:before { content:"\f0da"; font-family:FontAwesome; font-size:1.2em; padding-right:0.5em; }
footer>div dd{ padding:5px 10px 15px 3em; line-height:1.2; }
footer>div dd:before { content:"└"; font-size:1.2em; padding-right:0.5em; margin-left:-1.5em; }
footer>div dl:nth-of-type(3){ padding-top:51px;}
footer>dl{ border-top: 1px solid #fff; text-align:center; padding:20px 0;}
footer>dl>dt{ font-weight:bold; font-size:1.2em; }
footer>dl>dd br{ display:none; }
footer>p{ background:#141e3c; text-align:center; padding:10px 0;}
@media screen and (max-width: 768px) {
	footer{ font-size:0.7em;}
	footer>div{ width:90%; display:block; padding:8vw 0; }
	footer>div dl{ display:block; }
	footer>div dt{ font-weight:bold; font-size:1.1em; padding:2vw; }
	footer>div dd{ padding:1vw 2vw 3vw 3em; }
	footer>div dl:nth-of-type(3){ padding-top:0;}
	footer>dl>dd br{ display:inline; }
}