@charset "UTF-8";

/* Setting
------------------------------------------------------------------- */
html,body { color:#333; background:#FFF; line-height:1.6; text-align:left; font-size:65.5%; }
body { font-size:1.35rem; font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro'; }

a { color:#333; text-decoration:none;
-webkit-transition:0.3s ease-in-out; -moz-transition:0.3s ease-in-out; -ms-transition:0.3s ease-in-out; -o-transition:0.3s ease-in-out; transition:0.3s ease-in-out; }
a img { -webkit-transition:0.3s ease-in-out; -moz-transition:0.3s ease-in-out; -ms-transition:0.3s ease-in-out; -o-transition:0.3s ease-in-out; transition:0.3s ease-in-out; }
a:hover { color:#999; }
.defs { display:none; }

	/* block */
	body > section { position:relative; width:100%; padding:80px 0 80px; }
	body > section:after { content:""; display:block; clear:both; }
	body > section:nth-of-type(2n) { background:#F3F3F3; }
	.container { width:1080px; margin:0 auto; position:relative; }
	.container:after { content:""; display:block; clear:both; }

	section h1 { margin-bottom:50px; text-align:center; font-weight:bold; font-size:3.5rem; letter-spacing:1px; position:relative; }
	section h1:after { content:""; width:100px; height:2px; background:#00F; position:absolute; left:50%; margin-left:-50px; bottom:-10px; }



/* header
------------------------------------------------------------------- */
body > header { padding:12px 30px; border-bottom:2px solid #1B639E; }
body > header:after { content:""; display:block; clear:both; }
body > header h1 { float:left; }
body > header nav { float:right; padding-top:5px; }
body > header nav ul:after { content:""; display:block; clear:both; }
body > header nav ul li { float:left; margin-left:30px; font-size:1.4rem; }
body > header nav ul li a { display:block; padding:2px 10px; position:relative; }
body > header nav ul li a:hover,
body > header nav ul li.ac a { color:#0A1A7B; }
body > header nav ul li a:before { content:""; height:1px; width:0%; background:#333; position:absolute; left:0; bottom:-5px;
-webkit-transition:0.3s ease-in-out; -moz-transition:0.3s ease-in-out; -ms-transition:0.3s ease-in-out; -o-transition:0.3s ease-in-out; transition:0.3s ease-in-out; }
body > header nav ul li a:hover:before,
body > header nav ul li.ac a:before { width:100%; }
body > header nav ul li:last-child { margin-left:30px; }
body > header nav ul li:last-child a { background:#0A1A7B; padding:2px 15px 0 35px; font-size:1.2rem; color:#FFF; border-radius:4px; letter-spacing:1px; border:2px solid #0A1A7B; }
body > header nav ul li:last-child a .sv02 { width:20px; height:14px; fill:#FFF; position:absolute; left:10px; top:4px; -webkit-transition:0.3s ease-in-out; -moz-transition:0.3s ease-in-out; -ms-transition:0.3s ease-in-out; -o-transition:0.3s ease-in-out; transition:0.3s ease-in-out; }
body > header nav ul li:last-child a:hover .sv02 { fill:#0A1A7B; }
body > header nav ul li:last-child a:hover { background:#FFF; border:2px solid #0A1A7B; color:#0A1A7B; }
body > header nav ul li:last-child a:before { content:""; height:0; }

body > header nav ul li.btn_coop a { background:#004699; padding:2px 15px 0 15px; font-size:1.2rem; color:#FFF; border-radius:4px; letter-spacing:1px; border:2px solid #004699; }
body > header nav ul li.btn_coop a:hover { background:#FFF; border:2px solid #004699; color:#004699; }
body > header nav ul li.btn_coop a:before { content:""; height:0; }

/* fx
------------------------------------------------------------------- */
.fx { position:fixed; left:0; top:0; width:100%; height:60px; background:#FFF; border-bottom:2px solid #1B639E; z-index:99999; display:none; }
.fx > header { padding:12px 30px; }
.fx > header:after { content:""; display:block; clear:both; }
.fx > header h1 { float:left; }
.fx > header nav { float:right; padding-top:5px; }
.fx > header nav ul:after { content:""; display:block; clear:both; }
.fx > header nav ul li { float:left; margin-left:30px; font-size:1.4rem; }
.fx > header nav ul li a { display:block; padding:2px 10px; position:relative; }
.fx > header nav ul li a:hover,
.fx > header nav ul li.ac a { color:#0A1A7B; }
.fx > header nav ul li a:before { content:""; height:1px; width:0%; background:#333; position:absolute; left:0; bottom:-5px;
-webkit-transition:0.3s ease-in-out; -moz-transition:0.3s ease-in-out; -ms-transition:0.3s ease-in-out; -o-transition:0.3s ease-in-out; transition:0.3s ease-in-out; }
.fx > header nav ul li a:hover:before,
.fx > header nav ul li.ac a:before { width:100%; }
.fx > header nav ul li:last-child { margin-left:30px; }
.fx > header nav ul li:last-child a { background:#0A1A7B; padding:2px 15px 0 35px; font-size:1.2rem; color:#FFF; border-radius:4px; letter-spacing:1px; border:2px solid #0A1A7B; }
.fx > header nav ul li:last-child a .sv02 { width:20px; height:14px; fill:#FFF; position:absolute; left:10px; top:4px; -webkit-transition:0.3s ease-in-out; -moz-transition:0.3s ease-in-out; -ms-transition:0.3s ease-in-out; -o-transition:0.3s ease-in-out; transition:0.3s ease-in-out; }
.fx > header nav ul li:last-child a:hover .sv02 { fill:#0A1A7B; }
.fx > header nav ul li:last-child a:hover { background:#FFF; border:2px solid #0A1A7B; color:#0A1A7B; }
.fx > header nav ul li:last-child a:before { content:""; height:0; }

.fx > header nav ul li.btn_coop a { background:#004699; padding:2px 15px 0 15px; font-size:1.2rem; color:#FFF; border-radius:4px; letter-spacing:1px; border:2px solid #004699; }
.fx > header nav ul li.btn_coop a:hover { background:#FFF; border:2px solid #004699; color:#004699; }
.fx > header nav ul li.btn_coop a:before { content:""; height:0; }



/* title
------------------------------------------------------------------- */
.title { height:265px; background-position:center center; background-repeat:no-repeat; background-size:cover; padding-top:50px; text-align:center; }
.title h1 { font-size:3.6rem; color:#FFF; font-weight:bold; letter-spacing:6px; position:relative; line-height:2; text-shadow:0px 0px 5px rgba(0,0,0,0.3); }
.title h1 span { display:block; font-size:1.4rem; letter-spacing:0; text-transform:uppercase; }
.title h1:after { content:""; height:2px; width:100px; background:#18409C; position:absolute; left:50%; margin-left:-50px; bottom:35px; }



/* footer
------------------------------------------------------------------- */
body > footer { padding:40px 0 0; background:#0A1A7B; color:#FFF; }
body > footer .flex { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
body > footer .flex_just-b { -webkit-box-pack: justify; -ms-flex-pack: justify;	justify-content: space-between; }
body > footer .logo { float:left; margin-right:105px; padding-top:10px; text-align:center; font-size:1.1rem; }
body > footer .logo h1 { margin-bottom:15px; }
body > footer .logo address { letter-spacing:1px; }

body > footer nav { float:left; width:140px; margin-left:10px; }
body > footer nav:first-of-type { margin-left:0; }

body > footer .type1 h2 { height:25px; line-height:25px; margin-bottom:10px; font-size:1.05rem; color:#FFF; background:#202E85; color:#DDD; }
body > footer nav:nth-of-type(3n) h2 { padding-left:10px; }
body > footer .type1 h2 a { display:block; color:#DDD; padding-left:10px; }
body > footer .type1 h2 a:hover { background:#35428F; }
body > footer .type1 ul { padding-left:10px; }
body > footer .type1 ul li { margin-bottom:4px; padding-left:12px; background:url(../images/btm_arw01.png) left center no-repeat; font-size:1rem; }
body > footer .type1 ul li a { color:#DDD; }
body > footer .type1 ul li a:hover { text-decoration:underline; }

body > footer .type2 ul li a { display:block; height:25px; line-height:25px; padding-left:10px; margin-bottom:10px; font-size:1.05rem; color:#FFF; background:#202E85; color:#DDD; }
body > footer .type2 ul li a:hover { background:#35428F; }

body > footer .add { width:440px; height:84px; position:absolute; right:0; top:160px; }
body > footer .add ul:after { content:""; display:block; clear:both; }
body > footer .add ul li { float:left; width:220px; height:84px; text-align:center; }
body > footer .add ul li a { display:block; height:100%; }
body > footer .add ul li:first-child a { background:#FACA10; border:5px solid #FACA10; padding-top:23px; }
body > footer .add ul li:first-child a:hover { background:#FCDF70; }
body > footer .add ul li:last-child { background:#FFF; padding-top:23px; color:#333; font-size:1.1rem; }
body > footer .add ul li:last-child address { margin-bottom:5px; }

body > footer > div { padding-bottom:70px; }
body > footer small { display:block; width:100%; height:40px; text-align:center; line-height:40px; color:#FFF; background:#061253; }


body > footer.coop_footer .logo { float:unset; margin-right: 0; width: 23%; padding-top:10px; text-align:center; font-size:1.1rem; }
body > footer.coop_footer .footer_r { width: 72%; }
body > footer.coop_footer nav { float:unset; width: 19%; margin-left:0; }



/* com
------------------------------------------------------------------- */
/* table */
.table-txt01 { width: 50%; text-align: center; background-color: #44649c; color: #ffffff; height: 40px; }
.table-txt02 { width: 50%; text-align: center; background-color: #44649c; color: #ffffff; border-left: 1px solid #a0a0a0; }
.table { border-collapse: collapse; margin: 0 auto; }
.table-img .box-txt { vertical-align: top; }
.box02-img .box-text{ display: inline-block; vertical-align: top; }
.box-text { margin-top: 10px; }
.box02-img { margin: 10px; }
.box02-img > img { width: 100px; }
.box-txt { text-align: left; padding: 10px; border-left: 1px solid #a0a0a0; }
.box02 { display: flex; text-align: left; padding: 20px 15px; }
tr { border-bottom: 1px #a0a0a0 solid; }
.sdgs_case { text-align: center; font-size: 30px; padding: 50px; font-weight: bold;}
/* s1 */
.com .s1 { text-align:center; }
.com .s1 h1 { margin-bottom:80px; text-align:center; font-weight:bold; font-size:3.5rem; letter-spacing:1px; position:relative; }
.com .s1 h1:after { content:""; width:100px; height:0; background:#00F; position:absolute; left:50%; margin-left:-50px; bottom:-10px; }
.com .s1 p { width:760px; margin:0 auto; font-size:1.4rem; text-align:left; }
.com .s1 p:first-of-type { text-align:center; margin-bottom:40px; font-weight:bold; }
/* pnav */
.com .pnav { padding-bottom:50px; }
.com .pnav ul:after { content:""; display:block; clear:both; }
.com .pnav ul li { float:left; }
.com .pnav ul li a { display:block; width:165px; height:52px; line-height:52px; margin-left:18px; font-size:1.6rem; font-weight:bold; letter-spacing:2px; text-align:center; background:#E0E0E0; position:relative; }
.com .pnav ul li:first-child a { margin-left:0; }
.com .pnav ul li a:hover { background:#18409C; color:#FFF; }
.com .pnav ul li.ui-tabs-selected a { background:#18409C; color:#FFF; }
.com .pnav ul li.ui-tabs-selected a:after { content:""; width:40px; height:29px; background:url(../images/com_arw.png) center center no-repeat; position:absolute; left:50%; margin-left:-20px; bottom:-40px; }
/* s2 */
.com .s2 h1 { margin-bottom:40px; text-align:left; font-weight:bold; font-size:3.5rem; letter-spacing:1px; position:relative; line-height:1.4; }
.com .s2 h1:after { content:""; width:100px; height:0; background:#00F; position:absolute; left:50%; margin-left:-50px; bottom:-10px; }
.com .s2 h1 span { display:block; color:#183F9A; font-size:1.4rem; }
.com .s2 table { width:100%; border-top:1px solid #CCC; font-size:1.4rem; margin-bottom:60px; }
.com .s2 table th,
.com .s2 table td { padding:20px; border-bottom:1px solid #CCC; }
.com .s2 table th { padding-left:80px; width:250px; }
.com .s2 table td ul:after { content:""; display:block; clear:both; }
.com .s2 table td ul.n1 li { width:50%; float:left; }
.com .s2 table td ul.n1 li p { font-size:1.1rem; line-height:2; }
.com .s2 table td ul.n1 li img { margin:20px 0; }
.com .s2 table td ul.n2 li { width:25%; float:left; }
.com .s2 table td ul.n3 { padding-bottom:20px; margin-bottom:20px; border-bottom:1px dotted #CCC; }
.com .s2 table td ul.n3 li { width:25%; float:left; }
.com .s2 table td ul.n4 li { width:50%; float:left; }
.com .s2 table td ul.n5 { padding-bottom:20px; margin-bottom:20px; border-bottom:1px dotted #CCC; }
.com .s2 table td h2 { margin-bottom:20px; color:#999; }
.com .s2 div > p { text-align:center; }
.com .s2 .iso:after { content:""; display:block; clear:both; }
.com .s2 .iso h2 { font-weight:bold; font-size:1.8rem; margin-bottom:20px; }
.com .s2 .iso dl { margin-bottom:30px; }
.com .s2 .iso dl:after { content:""; display:block; clear:both; }
.com .s2 .iso dl dt { float:right; width:60%; }
.com .s2 .iso dl dd { overflow:hidden; font-weight:bold; width:40%; }
.com .s2 .iso > div { padding:20px; margin:0 auto 40px; background:#F5F5F5; border:1px solid #DDD; color:#555; }
.com .s2 .iso > div:after { content:""; display:block; clear:both; }
.com .s2 .iso .inbox { width:50%; float:left; }
.com .s2 .iso .inbox h3 { font-weight:bold; margin-bottom:10px; }

.com .s2 .gallery a.no, .com .s2 .gallery_2 a.no, .com .s2 .gallery_3 a.no { display:none; }
.com .s2 .gallery a.btn, .com .s2 .gallery_2 a.btn, .com .s2 .gallery_3 a.btn { border:solid 1px #000; padding:7px 40px 7px 30px; margin-left:30px; color:#000; background-color:#e0e0e0; }
.com .s2 .gallery a:hover, .com .s2 .gallery_2 a:hover, .com .s2 .gallery_3 a:hover { color:#999; border-color:#999; }
.com .s2 .ea_pdf { font-size: 12px; text-decoration: underline; }

/* s3 */
.com .s3 { background:#F3F3F3; }
.com .s3 h1 { margin-bottom:40px; text-align:left; font-weight:bold; font-size:3.5rem; letter-spacing:1px; position:relative; line-height:1.4; }
.com .s3 h1:after { content:""; width:100px; height:0; background:#00F; position:absolute; left:50%; margin-left:-50px; bottom:-10px; }
.com .s3 h1 span { display:block; color:#183F9A; font-size:1.4rem; }
.com .s3 ul { width:970px; margin:0 auto 60px; font-size:1.5rem; }
.com .s3 ul li { margin-bottom:10px; padding-left:20px; background:url(../images/com_s3_arw.png) left center no-repeat; }
.com .s3 div > p { text-align:center; }
/* s4 */
.com .s4 h1 { margin-bottom:40px; text-align:left; font-weight:bold; font-size:3.5rem; letter-spacing:1px; position:relative; line-height:1.4; }
.com .s4 h1:after { content:""; width:100px; height:0; background:#00F; position:absolute; left:50%; margin-left:-50px; bottom:-10px; }
.com .s4 h1 span { display:block; color:#183F9A; font-size:1.4rem; }
.com .s4 .box { position:relative; }
.com .s4 table { width:100%; border-top:1px solid #CCC; font-size:1.4rem; margin-bottom:60px; }
.com .s4 table th,
.com .s4 table td { padding:20px; border-bottom:1px solid #CCC; }
.com .s4 table th { padding-left:80px; width:250px; }
.com .s4 .box img { position:absolute; right:0; top:0; }
/* s5 */
.com .s5 { background:#F3F3F3; }
.com .s5 h1 { margin-bottom:40px; text-align:left; font-weight:bold; font-size:3.5rem; letter-spacing:1px; position:relative; line-height:1.4; }
.com .s5 h1:after { content:""; width:100px; height:0; background:#00F; position:absolute; left:50%; margin-left:-50px; bottom:-10px; }
.com .s5 h1 span { display:block; color:#183F9A; font-size:1.4rem; }
.com .s5 dl:after { content:""; display:block; clear:both; }
.com .s5 dl dt { float:right; margin-left:49px; }
.com .s5 dl dd { overflow:hidden; }
.com .s5 dl dd p:first-of-type { margin-bottom:50px; font-size:1.4rem; }
.com .s5 dl dd p:last-of-type { text-align:right; }
/* s6 */
.com .s6 h1 { margin-bottom:40px; text-align:left; font-weight:bold; font-size:3.5rem; letter-spacing:1px; position:relative; line-height:1.4; }
.com .s6 h1:after { content:""; width:100px; height:0; background:#00F; position:absolute; left:50%; margin-left:-50px; bottom:-10px; }
.com .s6 h1 span { display:block; color:#183F9A; font-size:1.4rem; }
.com .s6 .box { position:relative; width:1000px; margin:0 auto; }
.com .s6 .box p { margin-bottom:20px; }
.com .s6 .box h2 { font-weight:bold; font-size:1.5rem; margin-bottom:10px; }
.com .s6 .box address { font-size:1.4rem; margin-bottom:10px; }
.com .s6 .box #map_canvas2 { width:1000px; height:420px; overflow:hidden; position:relative; }
.com .s6 .box .box_wrap + .box_wrap {	margin-top: 30px; }
.com .s6 .box .box_wrap iframe { width: 100%; height: 500px;}

/* s7 */
.com .s7 { background:#F3F3F3; }
.com .s7 h1 { margin-bottom:40px; text-align:left; font-weight:bold; font-size:3.5rem; letter-spacing:1px; position:relative; line-height:1.4; }
.com .s7 h1:after { content:""; width:100px; height:0; background:#00F; position:absolute; left:50%; margin-left:-50px; bottom:-10px; }
.com .s7 h1 span { display:block; color:#183F9A; font-size:1.4rem; }
.com .s7 ul { width:1000px; margin:0 auto; }
.com .s7 ul:after { content:""; display:block; clear:both; }
.com .s7 ul li { float:left; width:310px; margin-right:30px; padding-bottom:20px; margin-bottom:40px; }
.com .s7 ul li a { display:block; }
.com .s7 ul li:nth-child(3n) { margin-right:0; }
.com .s7 ul li a dt { height:225px; background-position:center center; background-repeat:no-repeat; background-size:cover; margin-bottom:20px; }
.com .s7 ul li a dd h2 { font-weight:bold; font-size:1.5rem; margin-bottom:10px; }
.com .s7 ul li a dd p { font-size:1.4rem; }
.com .s7 ul li a:hover dt img { opacity:0; }



/* works
------------------------------------------------------------------- */
/* index */
.index .s1 .container { width:1250px; }
.index .s1 ul { text-align:center; }
.index .s1 ul li { display:inline-block; }

	/* index holder */
	.index .holder{ float:left; position:relative; left:400px; margin-left:-400px; width: 100%; height:800px; overflow: hidden; }
	.index .inner{ width:3200px; height: 100%; }
	.index .box { float:left; width:400px; height:100%; background-position:center center; background-repeat:no-repeat;
		-webkit-transition:0.3s ease-in-out; -moz-transition:0.3s ease-in-out; -ms-transition:0.3s ease-in-out; -o-transition:0.3s ease-in-out; transition:0.3s ease-in-out; }
	.index .box a { display:block; height:100%; background-color:rgba(0,0,0,0.2); text-align:center; line-height:800px; }
	.index .box a:hover { background:none; }
	.index .box:hover { opacity:0.8; }


/* s1 */
.works .s1 { text-align:center; }
.works .s1 p { font-size:1.5rem; }
/* pnav */
.works .pnav { padding-bottom:50px; }
.works .pnav ul { text-align:center; }
.works .pnav ul:after { content:""; display:block; clear:both; }
.works .pnav ul li { display:inline-block; }
.works .pnav ul li a { display:block; width:106px; height:106px; padding-top: 3px; line-height:52px; margin-left:18px; font-size:1.4rem; font-weight:bold; letter-spacing:1px; text-align:center; background:#E0E0E0; position:relative; margin-bottom:60px; }
.works .pnav ul li a:hover { background:#18409C; color:#FFF; }
.works .pnav ul li.ui-tabs-selected a { background:#18409C; color:#FFF; }
.works .pnav ul li.ui-tabs-selected a:after { content:""; width:40px; height:29px; background:url(../images/com_arw.png) center center no-repeat; position:absolute; left:50%; margin-left:-20px; bottom:-40px; }
/* fx_btm */
.works .fx_btm { position:fixed; left:0; bottom:0; width:100%; padding:25px 0; background-color:rgba(0,0,0,0.7); z-index:99999; display:none; }
.works .fx_btm ul { text-align:center; }
.works .fx_btm ul:after { content:""; display:block; clear:both; }
.works .fx_btm ul li { display:inline-block; margin:0 5px; }
.works .fx_btm ul li a { display:block; padding:6px 20px; color:#FFF; font-size:1.4rem; letter-spacing:1px; border-radius:5px; }
.works .fx_btm ul li a:hover { background-color:rgba(0,0,0,0.3); }
.works .fx_btm ul li.ac a { background-color:rgba(0,0,0,0.6); }
/* cat */
.works .cat { padding:80px 0 20px; background:#FFF; width:1000px; margin:0 auto; }
.works .cat div { width:25%; float:left; }
.works .cat h2 { font-weight:bold; font-size:1.5rem; margin-bottom:20px; }
.works .cat ul { margin-bottom:60px; }
.works .cat:after { content:""; display:block; clear:both; }
/* works1 */
.works1 .s2 h1 { margin-bottom:40px; text-align:left; font-weight:bold; font-size:3.5rem; letter-spacing:1px; position:relative; line-height:1.4; }
.works1 .s2 h1:after { content:""; width:100px; height:0; background:#00F; position:absolute; left:50%; margin-left:-50px; bottom:-10px; }
.works1 .s2 h1 span { display:block; color:#183F9A; font-size:1.4rem; }
.works1 .s2 h2 { margin-top:20px; font-size:1.5rem; }
.works1 .s2 .box { width:1000px; margin:0 auto 40px; }
.works1 .s2 ul { width:1000px; margin:0 auto 80px; }
.works1 .s2 ul:after { content:""; display:block; clear:both; }
.works1 .s2 ul li { float:left; margin-right:25px; margin-bottom: 25px; width:18% }
.works1 .s2 ul li:nth-child(5) { margin-right:0; }
.works1 .s2 ul li a:hover img { opacity:0.6; }
.works1 .s2 ul li img{ width:100%; }
.works1 .s2 table { width:100%; border-top:1px solid #CCC; font-size:1.4rem; margin-bottom:60px; }
.works1 .s2 table th,
.works1 .s2 table td { padding:20px; border-bottom:1px solid #CCC; }
.works1 .s2 table th { padding-left:80px; width:250px; }



/* crs
------------------------------------------------------------------- */
/* s1 */
.crs .s1 { text-align:center; }
.crs .s1 h1 { margin-bottom:50px; text-align:center; font-weight:bold; font-size:3.5rem; letter-spacing:1px; position:relative; }
.crs .s1 h1:after { content:""; width:100px; height:0; background:#00F; position:absolute; left:50%; margin-left:-50px; bottom:-10px; }
.crs .s1 p { width:660px; margin:0 auto; font-size:1.4rem; text-align:left; }
/* s2 */
.crs .s2 h1 { margin-bottom:40px; text-align:left; font-weight:bold; font-size:3.5rem; letter-spacing:1px; position:relative; line-height:1.4; }
.crs .s2 h1:after { content:""; width:100px; height:0; background:#00F; position:absolute; left:50%; margin-left:-50px; bottom:-10px; }
.crs .s2 h1 span { display:block; color:#183F9A; font-size:1.4rem; }
.crs .s2 dl:after  { content:""; display:block; clear:both; }
.crs .s2 dl h2 { font-weight:bold; margin-top:10px; font-size:1.2rem; }
.crs .s2 dl dt { float:right; margin-left:20px; }
.crs .s2 dl dd { overflow:hidden; }
.crs .s2 dl dd p { margin-bottom:38px; }
.crs .s2 dl dd ul:after { content:""; display:block; clear:both; }
.crs .s2 dl dd ul li { float:left; margin-left:15px; }
.crs .s2 dl dd ul li:first-child { margin-left:0; }
/* s3 */
.crs .s3 h1 { margin-bottom:40px; text-align:left; font-weight:bold; font-size:3.5rem; letter-spacing:1px; position:relative; line-height:1.4; }
.crs .s3 h1:after { content:""; width:100px; height:0; background:#00F; position:absolute; left:50%; margin-left:-50px; bottom:-10px; }
.crs .s3 h1 span { display:block; color:#183F9A; font-size:1.4rem; }
.crs .s3 dl:after  { content:""; display:block; clear:both; }
.crs .s3 dl h2 { font-weight:bold; margin-top:10px; font-size:1.2rem; }
.crs .s3 dl dt { float:right; margin-left:20px; }
.crs .s3 dl dd { overflow:hidden; }
.crs .s3 dl dd p { margin-bottom:38px; }
.crs .s3 dl dd ul:after { content:""; display:block; clear:both; }
.crs .s3 dl dd ul li { float:left; margin-left:15px; }
.crs .s3 dl dd ul li:first-child { margin-left:0; }
/* s4 */
.crs .s4 h1 { margin-bottom:40px; text-align:left; font-weight:bold; font-size:3.5rem; letter-spacing:1px; position:relative; line-height:1.4; }
.crs .s4 h1:after { content:""; width:100px; height:0; background:#00F; position:absolute; left:50%; margin-left:-50px; bottom:-10px; }
.crs .s4 h1 span { display:block; color:#183F9A; font-size:1.4rem; }
.crs .s4 dl:after  { content:""; display:block; clear:both; }
.crs .s4 dl h2 { font-weight:bold; margin-top:10px; font-size:1.2rem; }
.crs .s4 dl dt { float:right; margin-left:40px; }
.crs .s4 dl dt ul:after { content:""; display:block; clear:both; }
.crs .s4 dl dt ul li { float:left; margin-left:20px; }
.crs .s4 dl dt ul li:first-child { margin-left:0; }
/* s5 */
.crs .s5 h1 { margin-bottom:40px; text-align:left; font-weight:bold; font-size:3.5rem; letter-spacing:1px; position:relative; line-height:1.4; }
.crs .s5 h1:after { content:""; width:100px; height:0; background:#00F; position:absolute; left:50%; margin-left:-50px; bottom:-10px; }
.crs .s5 h1 span { display:block; color:#183F9A; font-size:1.4rem; }
.crs .s5 dl:after  { content:""; display:block; clear:both; }
.crs .s5 dl h2 { font-weight:bold; margin-top:10px; font-size:1.2rem; }
.crs .s5 dl dt { float:right; margin-left:40px; }
.crs .s5 dl dt ul:after { content:""; display:block; clear:both; }
.crs .s5 dl dt ul li { float:left; margin-left:20px; }
.crs .s5 dl dt ul li:first-child { margin-left:0; }


/* rec
------------------------------------------------------------------- */
/* s1 */
.rec .s1 { text-align:center; }
.rec .s1 h1 { margin-bottom:80px; text-align:center; font-weight:bold; font-size:3.5rem; letter-spacing:1px; position:relative; }
.rec .s1 h1:after { content:""; width:100px; height:0; background:#00F; position:absolute; left:50%; margin-left:-50px; bottom:-10px; }
.rec .s1 ul { margin-top:60px; text-align:left; }
.rec .s1 ul:after { content:""; display:block; clear:both; }
.rec .s1 ul li { float:left; width:345px; margin-left:20px; }
.rec .s1 ul li:first-child { margin-left:0; }
.rec .s1 ul li h2 { margin-bottom:15px; }
.rec .s1 ul li p { font-size:1.4rem; margin-bottom:20px; }
.rec .s1 ul li:not(.ui-tabs-selected) a:hover { opacity:0.6; }
.rec .s1 ul li.ui-tabs-selected a { position:relative; }
.rec .s1 ul li.ui-tabs-selected a img { opacity:0.6; }
.rec .s1 ul li.ui-tabs-selected a:after { content:""; width:40px; height:29px; background:url(../images/com_arw.png) center center no-repeat; position:absolute; left:50%; margin-left:-20px; bottom:-170px; }
/* s2 */
.rec .s2 h1 { margin-bottom:40px; text-align:left; font-weight:bold; font-size:3.5rem; letter-spacing:1px; position:relative; line-height:1.4; }
.rec .s2 h1:after { content:""; width:100px; height:0; background:#00F; position:absolute; left:50%; margin-left:-50px; bottom:-10px; }
.rec .s2 h1 span { display:block; color:#183F9A; font-size:1.4rem; }
.rec .s2 table { width:100%; border-top:1px solid #CCC; font-size:1.4rem; margin-bottom:60px; }
.rec .s2 table th,
.rec .s2 table td { padding:20px; border-bottom:1px solid #CCC; }
.rec .s2 table th { padding-left:80px; width:250px; }
.rec .s2 table td span { color:#900; }
.rec .s2 p { margin-bottom:30px; text-align:center; }
/*.rec .s2 a { text-align:center; display:block; width:300px; height:60px; line-height:58px; color:#FFF; background:#1B639E; border:2px solid #1B639E; font-size:1.8rem; border-radius:8px; letter-spacing:1px; margin:0 auto; }
.rec .s2 a:hover { background:#FFF; border:2px solid #1B639E; color:#1B639E;}*/
.rec .s2 a.nabi{ display:block; width:300px; height:60px; line-height:58px; text-align:center; color:#FFF; background:#0068b6; border:2px solid #1B639E; font-size:1.8rem; border-radius:8px; letter-spacing:1px; margin:0 auto; }
.rec .s2 a.nabi:hover { background:#0068b6; border:2px solid #1B639E; color:#1B639E; }
/*マイナビ支給のバナーを使う場合は↓*/
.rec .s2 a { text-align:center; display:block; width:200px; margin:0 auto; }
.rec .s2 a:hover { opacity:0.6; }
.rec .s2 ul { text-align:center; }
.rec .s2 ul li { display:inline-block; margin:0 10px; }

/* s3 */
.rec .s3 h1 { margin-bottom:40px; text-align:left; font-weight:bold; font-size:3.5rem; letter-spacing:1px; position:relative; line-height:1.4; }
.rec .s3 h1:after { content:""; width:100px; height:0; background:#00F; position:absolute; left:50%; margin-left:-50px; bottom:-10px; }
.rec .s3 h1 span { display:block; color:#183F9A; font-size:1.4rem; }
.rec .s3 h1 span.medatu { display: inline; color:#E91E63; font-size:1.8rem; }
.rec .s3 table { width:100%; border-top:1px solid #CCC; font-size:1.4rem; margin-bottom:60px; }
.rec .s3 table th,
.rec .s3 table td { padding:20px; border-bottom:1px solid #CCC; }
.rec .s3 table th { padding-left:80px; width:250px; }
.rec .s3 table td span { color:#900; }
.rec .s3 p { margin-bottom:30px; text-align:center; }
.rec .s3 ul { text-align:center; }
.rec .s3 ul li { display:inline-block; margin:0 10px; }
.rec .s3 .flex {}
.rec .s3 .mainabi { text-align:center; }
.rec .s3 .mainabi a:hover { opacity:0.6; }
.rec .s3 .rikunabi { text-align:center; }
.rec .s3 .rikunabi a { border:2px solid #FF0000; padding:20px; }
.rec .s3 .rikunabi a:hover { opacity:0.6; }
.rec .s3 .doda { text-align:center; }
.rec .s3 .doda a { border:2px solid #00A2E8; padding:20px; }
.rec .s3 .doda a:hover { opacity:0.6; }
/*.rec .s3 a { display:block; width:300px; height:60px; line-height:58px; text-align:center; color:#FFF; background:#1B639E; border:2px solid #1B639E; font-size:1.8rem; border-radius:8px; letter-spacing:1px; margin: 0 auto;}
.rec .s3 a:hover { background:#FFF; border:2px solid #1B639E; color:#1B639E; }*/
.rec .s3 a.medatu { display:block; width:300px; height:60px; line-height:58px; text-align:center; color:#FFF; background:#FF9800; border:2px solid #1B639E; font-size:1.8rem; border-radius:8px; letter-spacing:1px; margin: 0 auto;}
.rec .s3 a.medatu:hover { background:#FFF; border:2px solid #1B639E; color:#1B639E; }
.rec .s3 a.more_btn  { display:block; width:300px; height:60px; line-height:58px; text-align:center; color:#FFF; background:#1B639E; border:2px solid #1B639E; font-size:1.8rem; border-radius:8px; letter-spacing:1px; margin: 0 auto;}
.rec .s3 a.more_btn:hover { background:#FFF; border:2px solid #1B639E; color:#1B639E; }


/* s4 */
.rec .s4 ul:after { content:""; display:block; clear:both; }
.rec .s4 ul li { float:left; width:50%; }
.rec .s4 ul li:last-child { padding-left:40px; }
.rec .s4 ul li h2 { font-size:3.6rem; margin-bottom:20px; font-weight:bold; }
.rec .s4 ul li p { width:96%; margin-bottom:60px; }




/* new
------------------------------------------------------------------- */
/* s1 */
.new .s1 { text-align:center; }
.new .s1 h1 { margin-bottom:50px; text-align:center; font-weight:bold; font-size:3.5rem; letter-spacing:1px; position:relative; }
.new .s1 h1:after { content:""; width:100px; height:0; background:#00F; position:absolute; left:50%; margin-left:-50px; bottom:-10px; }
.new .s1 p { width:800px; margin:0 auto; font-size:1.4rem; margin-bottom:50px; text-align:left; }
/* s2 */
.new .s2 ul:after { content:""; display:block; clear:both; }
.new .s2 ul li { width:350px; float:left; margin-right:15px; font-size:1.4rem; padding-bottom:40px; }
.new .s2 ul li:nth-child(3n) { margin-right:0; }
.new .s2 ul li h2 { margin-bottom:20px; }
/* s3 */
.new .s3 h1 { margin-bottom:20px; text-align:left; font-weight:bold; font-size:3.5rem; letter-spacing:1px; position:relative; line-height:1.4; }
.new .s3 h1:after { content:""; width:100px; height:0; background:#00F; position:absolute; left:50%; margin-left:-50px; bottom:-10px; }
.new .s3 p { font-size:1.4rem; margin-bottom:20px; }
.new .s3 img { margin-bottom:60px; }
.new .s3 a { display:block; width:300px; height:60px; line-height:58px; text-align:center; color:#FFF; background:#1B639E; border:2px solid #1B639E; font-size:1.8rem; border-radius:8px; letter-spacing:1px; margin:0 auto; }
.new .s3 a:hover { background:#FFF; border:2px solid #1B639E; color:#1B639E; }
/* s4 */
.new .s4 { padding:0; }
.new .s4 .box { height:346px; background:url(../images/new_s4_ph.jpg) right top no-repeat; padding-top:60px; }
.new .s4 .box h1 { margin-bottom:40px; text-align:left; font-weight:bold; font-size:3.5rem; letter-spacing:1px; position:relative; line-height:1.4; }
.new .s4 .box h1:after { content:""; width:100px; height:0; background:#00F; position:absolute; left:50%; margin-left:-50px; bottom:-10px; }
.new .s4 .box p { width:550px; font-size:1.4rem; }



/* re
------------------------------------------------------------------- */
/* s1 */
.re .s1 { text-align:center; }
.re .s1 h1 { margin-bottom:80px; text-align:center; font-weight:bold; font-size:3.5rem; letter-spacing:1px; position:relative; }
.re .s1 h1:after { content:""; width:100px; height:0; background:#00F; position:absolute; left:50%; margin-left:-50px; bottom:-10px; }
.re .s1 p { width:820px; margin:0 auto; font-size:1.4rem; margin-bottom:50px; text-align: left;}
/* s2 */
.re .s2 h1 { margin-bottom:40px; text-align:left; font-weight:bold; font-size:3.5rem; letter-spacing:1px; position:relative; line-height:1.4; }
.re .s2 h1:after { content:""; width:100px; height:0; background:#00F; position:absolute; left:50%; margin-left:-50px; bottom:-10px; }
.re .s2 div > p { margin-bottom:60px; font-size:1.4rem; }
.re .s2 ul:after { content:""; display:block; clear:both; }
.re .s2 div > ul > li { float:left; width:520px; margin-right:40px; padding-bottom:60px; }
.re .s2 div > ul > li:nth-child(2n) { margin-right:0; }
.re .s2 div > ul > li:nth-child(3),
.re .s2 div > ul > li:nth-child(4) { padding-bottom:0; }
.re .s2 div > ul > li img { margin-bottom:30px; }
.re .s2 div > ul > li h2 { text-align:center; font-weight:bold; font-size:1.8rem; margin-bottom:30px; }
.re .s2 div > ul > li p { font-size:1.4rem; }
.re .s2 div > ul > li dl { margin-top:40px; height:26px; line-height:28px; font-size:1.2rem; }
.re .s2 div > ul > li dl:after { content:""; display:block; clear:both; }
.re .s2 div > ul > li dl dt { float:left; margin-right:20px; width:80px; color:#FFF; background:#333; text-align:center; padding-top:2px; }
.re .s2 div > ul > li dl dd { border-bottom:1px solid #333; }
.re .s2 div > ul > li dl dd ul:after { content:""; display:block; clear:both; }
.re .s2 div > ul > li dl dd ul li { float:left; list-style:inside disc; margin-right:20px; }
.re .s2 div > ul > li dl dd ul li:last-child { margin-right:0; }
/* s3 */
.re .s3 h1 { margin-bottom:40px; text-align:left; font-weight:bold; font-size:3.5rem; letter-spacing:1px; position:relative; line-height:1.4; }
.re .s3 h1:after { content:""; width:100px; height:0; background:#00F; position:absolute; left:50%; margin-left:-50px; bottom:-10px; }
.re .s3 div > p:first-of-type { margin-bottom:60px; font-size:1.4rem; }
.re .s3 h2 { font-size:1.8rem; margin-bottom:20px; font-weight:bold; }
.re .s3 dl { margin-bottom:60px; }
.re .s3 dl:after { content:""; display:block; clear:both; }
.re .s3 dl dt { float:right; margin-left:40px; }
.re .s3 dl dd { overflow:hidden; }
.re .s3 dl dd ul { margin:20px 0; font-size:1.4rem; }
.re .s3 dl dd ul li { list-style:inside disc; margin-bottom:5px; }
.re .s3 div > p:last-of-type { margin-bottom:0; font-size:1.4rem; }



/* soil
------------------------------------------------------------------- */
/* s1 */
.soil .s1 { text-align:center; }
.soil .s1 h1 { margin-bottom:80px; text-align:center; font-weight:bold; font-size:3.5rem; letter-spacing:1px; position:relative; }
.soil .s1 h1:after { content:""; width:100px; height:0; background:#00F; position:absolute; left:50%; margin-left:-50px; bottom:-10px; }
.soil .s1 p { width:820px; margin:0 auto; font-size:1.4rem; margin-bottom:80px; text-align: left; }
.soil .s1 .box { height:486px; background:url(../images/soil_s1_ph.jpg) right top no-repeat; padding-top:80px; }
.soil .s1 .box h2 { margin-bottom:60px; text-align:left; font-weight:bold; font-size:3rem; letter-spacing:1px; position:relative; line-height:1.4; }
.soil .s1 .box p { font-size:1.4rem; width:550px; text-align:left; margin:0; }
/* s2 */
.soil .s2 dl:after { content:""; display:block; clear:both; }
.soil .s2 dl dt { float:left; margin-right:50px; }
.soil .s2 dl dd { overflow:hidden; padding-top:10px; }
.soil .s2 dl dd h2 { font-size:2.2rem; font-weight:bold; letter-spacing:1px; margin-bottom:30px; }
.soil .s2 dl dd p { font-size:1.4rem; }
/* s3 */
.soil .s3 dl:after { content:""; display:block; clear:both; }
.soil .s3 dl dt { float:right; margin-left:50px; }
.soil .s3 dl dd { overflow:hidden; padding-top:10px; }
.soil .s3 dl dd h2 { font-size:2.2rem; font-weight:bold; letter-spacing:1px; margin-bottom:30px; }
.soil .s3 dl dd p { font-size:1.4rem; margin-bottom:30px; }
.soil .s3 dl dd ul:after { content:""; display:block; clear:both; }
.soil .s3 dl dd ul li { width:50%; float:left; margin-bottom:5px; }
.soil .s3 dl dd ul li:before { content:"●"; }
/* s4 */
.soil .s4 h1 { margin-bottom:30px; text-align:left; font-weight:bold; font-size:3.2rem; letter-spacing:1px; position:relative; }
.soil .s4 h1:after { content:""; width:100px; height:0; background:#00F; position:absolute; left:50%; margin-left:-50px; bottom:-10px; }
.soil .s4 .box { height:486px; background:url(../images/soil_s4_ph.png) right top no-repeat #7A96B4; padding:100px 0 0 60px; color:#FFF; font-size:1.5rem; }
.soil .s4 .box p { width:550px; }



/* contact us
------------------------------------------------------------------- */
/* s1 */
.con .s1 { text-align:center; }
.con .s1 h1 { margin-bottom:80px; text-align:center; font-weight:bold; font-size:3.5rem; letter-spacing:1px; position:relative; }
.con .s1 h1:after { content:""; width:100px; height:0; background:#00F; position:absolute; left:50%; margin-left:-50px; bottom:-10px; }
.con .s1 p { width:820px; margin:0 auto; font-size:1.4rem; margin-bottom:50px; }
.con .s1 address { font-size:3.8rem; font-weight:bold; letter-spacing:1px; text-align:center; color:#000; }
.con .s1 address span { display:block; font-size:1.4rem; color:#183F9A; }
/* s2 */
.con .s2 h1 { margin-bottom:60px; text-align:left; font-weight:bold; font-size:3rem; letter-spacing:1px; position:relative; }
.con .s2 h1:after { content:""; width:100px; height:0; background:#00F; position:absolute; left:50%; margin-left:-50px; bottom:-10px; }
.con .s2 h1 span { display:block; font-size:1.4rem; color:#183F9A; }
.con .s2 .chk1 { position:absolute; right:40px; top:30px; font-size:1.5rem; }
.con .s2 .chk1 span { color:#900; }
.con .s2 .chk2 { text-align:center; font-size:1.4rem; margin:0 auto 50px; padding:25px; width:1000px; border:2px solid #CCC; background:#FAFAFA; }
.con .s2 .chk3 { width:1000px; margin:0 auto 60px; text-align:center; font-size:1.4rem; }

.con .s2 table { width:1000px; margin:0 auto 50px; font-size:1.4rem; }
.con .s2 table th,
.con .s2 table td { padding:25px; border-top:1px solid #CCC; }
.con .s2 table th { width:25%; }
.con .s2 table th span { color:#900; margin-left:10px; }
.con .s2 table tr:last-child th,
.con .s2 table tr:last-child td { border-bottom:1px solid #CCC; }

.con .s2 table td input[type="radio"] { margin:10px; }
.con .s2 table td input[type="text"] { width:100%; padding:5px 10px; border:1px solid #CCC; }
.con .s2 table td select { width:50%; padding:5px 10px; border:1px solid #CCC; }
.con .s2 table td textarea { width:100%; height:200px; padding:5px 10px; border:1px solid #CCC; }

.con .s2 table td.short input { width:60%; }
.con .s2 table td.short2 input { width:15%; margin-right:5px; margin-left:10px; }
.con .s2 table td.short2 input:first-of-type { margin-left:0; }

.con .s2 table td p { font-size:1.05rem; margin-top:10px; color:#888; }

.con .s2 input[type="submit"] { display:block; width:300px; height:60px; line-height:58px; text-align:center; color:#FFF; background:#1B639E; border:2px solid #1B639E; font-size:1.8rem; border-radius:8px; letter-spacing:1px; margin:0 auto; }
.con .s2 input[type="submit"]:hover { background:#FFF; border:2px solid #1B639E; color:#1B639E; }

.con .s2 table .close { display:none; }

.con .s2 a { display:block; width:300px; height:60px; line-height:58px; text-align:center; color:#FFF; background:#1B639E; border:2px solid #1B639E; font-size:1.8rem; border-radius:8px; letter-spacing:1px; margin:0 auto; }
.con .s2 a:hover { background:#FFF; border:2px solid #1B639E; color:#1B639E; }



/* Sitemap
------------------------------------------------------------------- */
/* s1 */
.sm .s1 div { width:1000px; }
.sm .s1 ul { width:50%; float:left; }
.sm .s1 .type1 { padding-right:80px; }
.sm .s1 .type1 li { list-style:inside disc; }
.sm .s1 .type1 li a { display:block; padding:20px; border-bottom:1px solid #CCC; font-size:1.5rem; }
.sm .s1 .type1 li.sml a { font-size:1.2rem; padding:10px; margin-left:40px; border-bottom:1px dotted #CCC; }
.sm .s1 .type1 li a:hover { background:#EEE; }
.sm .s1 .type2 { padding-right:100px; }
.sm .s1 .type2 li a { display:block; width:100%; height:100px; line-height:100px; text-align:center; color:#1B639E; background:#FFF; border:2px solid #1B639E; font-size:1.8rem; border-radius:8px; letter-spacing:1px; margin-bottom:40px; font-weight:bold; }
.sm .s1 .type2 li a:hover { background:#1B639E;; border:2px solid #1B639E; color:#FFF; }
.sm .s1 .type2 li:last-child a { padding:0; width:auto; height:auto; color:#333; border:none; font-size:1.5rem; border-radius:0; letter-spacing:0; background:none; font-weight:normal; border-top:1px solid #CCC; border-bottom:1px solid #CCC; }
.sm .s1 .type2 li:last-child a:hover { color:#999; background:#EEE; }



/* Privacypolicy
------------------------------------------------------------------- */
/* s1 */
.pp .s1 { text-align:center; }
.pp .s1 h1 { font-size:3rem; }
.pp .s1 p { font-size:1.4rem; }
/* s2 */
.pp .s2 h2 { font-size:2.2rem; font-weight:bold; margin-bottom:30px; }
.pp .s2 p { padding-left:20px; padding-bottom:40px; border-bottom:1px solid #CCC; margin-bottom:40px; }


/* coop
------------------------------------------------------------------- */
.coop .s1 p, .coop .s1 a, .coop .s1 ul li { font-size: 1.6rem; line-height: 1.8; letter-spacing: 1px; }
.coop .s1 .bb { border-bottom: 1px solid #666; margin: 50px auto; }
.coop .s1 .mb { margin-bottom: 50px; }
.coop .s1 h2 { font-size: 2.2rem; font-weight: bold; margin-bottom: 30px; }
.coop .s1 .bg_gray { margin: 50px auto; background-color: #f2f3f2; padding: 20px 30px;}
.coop .s1 .bg_gray h3 { font-size: 1.8rem; border-bottom: 1px solid #666; padding-bottom: 10px; margin-bottom: 20px; }
.coop .s1 .bg_gray ul li { margin: 6px 0 6px 20px; }
/*.coop .s1 a:hover { text-decoration: underline; transition: 0.3s ease-in-out; }*/
.coop .s1 a.icon img { width: 20px; height: auto; margin-right: 10px; filter: drop-shadow(1px 1px 1px #666); vertical-align: sub;}