@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; }
.defs { display:none; }
img { max-width:100%; height:auto; }

p { word-break: break-all; }

	/* block */
	body > section { width:100%; padding:2.5em 1em; position:relative; }
	body > section:nth-of-type(2n) { background:#F3F3F3; }
	body > section:after { content:""; display:block; clear:both; }

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


/* header
------------------------------------------------------------------- */
body > header { width:100%; background:url(../images/nav_icon.png) left 1.3em top 1.3em no-repeat #004699; }
body > header a { color:#FFF; text-decoration:none; }
body > header p a { text-align:center; color:#FFF; text-transform:uppercase; font-size:1.6rem; letter-spacing:1px; display:block; padding:1em; }
body > header nav { display:none; }
body > header nav li a { display:block; padding:1em; border-bottom:1px solid #336BAD; letter-spacing:1px; position:relative; }
body > header nav li.ac a { background:#00387A; }
body > header nav li:last-child a { padding-left:35px; }
body > header nav li:last-child a .sv02 { width:20px; height:14px; fill:#FFF; position:absolute; left:10px; top:18px; }


/* fv
------------------------------------------------------------------- */
.home .fv { position:relative; text-align:center; height:30em; background:url(../images/fv.jpg) center center no-repeat; background-size:cover; padding:3em 2em 0; }
.home .fv h1 { margin-bottom:3em; }
.home .fv h1 img { max-width:60%; height:auto; }
.home .fv h2 { margin-bottom:2em; }
.home .fv h2 img { max-width:70%; height:auto; }
.home .fv p { color:#FFF; font-size:1.6rem; text-shadow:0px 0px 5px rgba(0,0,0,0.9); line-height:1.8; margin-bottom:2em; }
.home .fv > a { display:block; width:80%; height:58px; line-height:58px; text-align:center; color:#FFF; background:#0A1A7B; font-weight:bold; font-size:1.4rem; border-radius:8px; letter-spacing:1px; margin:0 auto; -moz-box-shadow:5px 5px 5px rgba(0,0,0,0.5); -webkit-box-shadow:5px 5px 5px rgba(0,0,0,0.5); -o-box-shadow:5px 5px 5px rgba(0,0,0,0.5); box-shadow:5px 5px 5px rgba(0,0,0,0.5); }


/* news
------------------------------------------------------------------- */
.home > .news { color:#FFF; background:#333; width:100%; height:44px; line-height:44px; padding:0 1em; }
.home > .news dt { float:left; margin-right:1em; }
.home > .news dt h2 { font-weight:bold; text-transform:uppercase; font-size:1.2rem; }
.home > .news dd { float:left; font-size:1rem; }
.home > .news dd:after { content:""; display:block; clear:both; }
.home > .news dd time { float:left; margin-right:1em; }
.home > .news dd .cat { display:none; }
.home > .news dd q a { float:left; text-decoration:underline; color:#FFF; }



/* news_n 20200804変更
------------------------------------------------------------------- */
.home > .news_n { width:100%; background:#333; padding:20px 0; }
.home > .news_n .news_n_inner {
	width:95%;
	color:#FFF;
	margin:0 auto;
}
.home > .news_n .news_n_inner .news_n_l { width:100%; text-align:center; }
.home > .news_n .news_n_inner .news_n_l h2 { font-weight:bold; text-transform:uppercase; font-size:1.2rem; margin-bottom:10px; }
.home > .news_n .news_n_inner .news_n_r { width:100%; }
.home > .news_n .news_n_inner .news_n_r ul { font-size:1rem; }
.home > .news_n .news_n_inner .news_n_r ul li { letter-spacing:1px; padding:7px; text-align:left; }
.home > .news_n .news_n_inner .news_n_r ul li a { text-decoration:none; color:#fff; }
.home > .news_n .news_n_inner .news_n_r ul li a p:hover { opacity:0.6; transition: 0.3s ease-in-out; }
.home > .news_n .news_n_inner .news_n_r ul li .info_date { margin-right:3%; }

.home > .news_n .news_n_inner .news_n_r ul li span.new {font-size: 0.9rem; color: #fff; background-color: red; padding: 1px 5px 0px; margin-right: 2px; vertical-align: middle; }


/* video 20200805変更
------------------------------------------------------------------- */
.home > .video { margin:20px auto; text-align:center; }
.home > .video p { font-size:1.4rem; font-weight:bold; letter-spacing:1px; }
.home > .video iframe { width:95%; height:200px; }


/* table */
.table-txt01 { width: 40%; text-align: center; height: 60px; font-size: 32px; background-color: #B3C6E7; color: #ffffff; }
.table-txt02 { width: 60%; text-align: center; font-size: 32px; background-color: #B3C6E7; color: #ffffff; }
.table { border-collapse: collapse; margin: 0 auto; }
.table-img .box-txt { vertical-align: top; }
.box02-img .box-text{ display: inline-block; vertical-align: top; }
.box02-img > img { width: 400px; }
.box-txt { text-align: left; padding: 10px; }
.box02 { text-align: left; padding: 10px; }
table, td, th { border: 2px black solid; }

.case { margin-top: 30px; margin-bottom: 30px; text-align: left; width: 100%;}
.case01 { font-weight: bold; text-align: left; }
.case02 { text-align: center; border-bottom: 1px solid #a0a0a0; }
.case03 { width: 80%; margin: 0 auto; }
.case03 > img { margin: 50px 0 10px; }
.sdgs_case { text-align: center; font-size: 18px; padding: 30px; font-weight: bold; display: inline-block; }


/* s1
------------------------------------------------------------------- */
.home .s1 p { margin-bottom:30px; }
.home .s1 p.eng_tit{text-align: left; color: #7baed8; font-size: 0.5rem;margin-bottom:0px;}
.home .s1 ul { margin-bottom:1em; }
.home .s1 ul:after { content:""; display:block; clear:both; }
.home .s1 ul li { float:left; width:50%; padding:5px; }
.home .s1 ul li a { display:block; width:100%; padding-bottom:1em; }
.home .s1 ul li a dt { height:7em; background-position:center center; background-repeat:no-repeat; background-size:100%; margin-bottom:0.5em;
	-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; }
.home .s1 ul li a dd h2 { font-size:1.8rem; }

.home .s1 a.btn { display:block; width:80%; height:50px; line-height:50px; text-align:center; color:#FFF; background:#1B639E; font-size:1.5rem; border-radius:8px; letter-spacing:1px; margin:0 auto; }


/* s2
------------------------------------------------------------------- */
.home .s2 ul { margin:0 auto 40px; font-size:1.2rem; }
.home .s2 ul li a { display:block; padding:10px 0; border-bottom:1px solid #CCC; }
.home .s2 ul li a:after { content:""; display:block; clear:both; }
.home .s2 ul li a time { float:left; margin-right:1em; }
.home .s2 ul li a .cat { display:none; }
.home .s2 ul li a .c1 { background:#699; }
.home .s2 ul li a .c2 { background:#F63; }
.home .s2 ul li a .c3 { background:#AC9668; }
.home .s2 > a { display:block; width:80%; height:50px; line-height:50px; text-align:center; color:#FFF; background:#1B639E; font-size:1.5rem; border-radius:8px; letter-spacing:1px; margin:0 auto; }


/* s3
------------------------------------------------------------------- */
.home .s3 > p { margin-bottom:30px; }
.home .s3 ul.n1 { text-align:center; margin-bottom:20px; }
.home .s3 ul.n1 li { display:inline-block; width:32%; }
.home .s3 ul.n1 li a { display:block; }

	/* modal */
	#lean_overlay { position: fixed; z-index:100;  top: 0px; left: 0px; height: 100%; width: 100%; background: #000; display: none; }
	.modal { background:#FFF; box-shadow: 0 0 4px rgba(0, 0, 0, 0.7); display: none; padding:20px; width: 94%; text-align:center; }
	.modal img { margin-bottom:10px; width:40%; height:auto; }
	.modal dl { text-align:left; font-size:1rem; line-height:1.4; }
	.modal dl dt { font-weight:bold; font-size:1.2rem; margin-bottom:20px; color:#183F9B; }
	.modal dl dd p { margin-bottom:15px; }
	.modal dl dd a { display:block; width:80%; height:40px; line-height:40px; text-align:center; color:#FFF; background:#1B639E; font-size:1.3rem; border-radius:8px; letter-spacing:1px; margin:0 auto; }

.home .s3 ul.n2 li { padding:1.5em 0; }
.home .s3 ul.n2 li:after { content:""; display:block; clear:both; }
.home .s3 ul.n2 li dl:after { content:""; display:block; clear:both; }
.home .s3 ul.n2 li dt { float:left; width:50%; padding-right:1em; }
.home .s3 ul.n2 li dd { float:left; width:50%; overflow:hidden; }
.home .s3 ul.n2 li dd h2 { font-size:1.6rem; color:#183F9B; margin-bottom:10px; font-weight:bold; }
.home .s3 ul.n2 li dd p { text-align:left; margin-bottom:20px; font-size:1.1rem; }
.home .s3 ul.n2 li dd a { display:block; width:100%; height:40px; line-height:40px; text-align:center; color:#FFF; background:#18409C; font-size:1.3rem; border-radius:8px; letter-spacing:1px; }


/* grp
------------------------------------------------------------------- */
.home > .grp { padding:1.5em 0; text-align:center; background:#DDD; color:#333; }
.home > .grp h1 { font-size:1.8rem; font-weight:bold; margin-bottom:10px; text-transform:uppercase; letter-spacing:1px; }
.home > .grp ul { text-align:center; }
.home > .grp ul li { display:inline-block; width:20%; margin:5px 0; }
.home > .grp ul li a { display:block; }


/* footer
------------------------------------------------------------------- */
body > footer { padding:40px 0 0; background:#0A1A7B; color:#FFF; }
body > footer .logo { text-align:center; margin-bottom:20px; font-size:1.1rem; }
body > footer .logo h1 { margin-bottom:15px; text-align:center; }
body > footer .logo h1 img { width:50%; }
body > footer .logo address {  }

body > footer nav { width:80%; margin:0 auto 20px; }

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:90%; margin:0 auto 30px; }
body > footer .add ul:after { content:""; display:block; clear:both; }
body > footer .add ul li { 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: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 small { display:block; width:100%; height:40px; text-align:center; line-height:40px; color:#FFF; background:#061253; font-size:1.1rem; }


/* title
------------------------------------------------------------------- */
body > .title { height:13em; background-position:center center; background-repeat:no-repeat; background-size:cover; padding-top:1.5em; text-align:center; }
body > .title h1 { font-size:2.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); }
body > .title h1 span { display:block; font-size:1.2rem; letter-spacing:0; text-transform:uppercase; }
body > .title h1:after { content:""; height:2px; width:100px; background:#18409C; position:absolute; left:50%; margin-left:-50px; bottom:30px; }


/* com
------------------------------------------------------------------- */
/* s1 */
.com .s1 { }
.com .s1 h1 { margin-bottom:20px; 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 { margin:0 auto; text-align:left; }
.com .s1 p:first-of-type { margin-bottom:30px; font-weight:bold; }
/* pnav */
.com .pnav { padding-bottom:20px; }
.com .pnav ul { text-align:center; }
.com .pnav ul:after { content:""; display:block; clear:both; }
.com .pnav ul li { display:inline-block; width:32%; margin-bottom:5px; }
.com .pnav ul li a { display:block; width:100%; height:40px; line-height:40px; font-size:1.3rem; font-weight:bold; text-align:center; background:#E0E0E0; position:relative; }
.com .pnav ul li.ui-tabs-selected a { background:#18409C; color:#FFF; }
/* s2 */
.com .s2 h1 { margin-bottom:40px; text-align:left; font-weight:bold; font-size:2rem; 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.2rem; }
.com .s2 table { width:100%; border-top:1px solid #CCC; font-size:1.1rem; margin-bottom:30px; }
.com .s2 table th,
.com .s2 table td { padding:10px; border-bottom:1px solid #CCC; }
.com .s2 table th { padding-left:20px; width:30%; }
.com .s2 table td img { margin:1em 0.5em; }
.com .s2 table td ul:after { content:""; display:block; clear:both; }
.com .s2 table td ul.n1 li { list-style:none; }
.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 { list-style:none; }
.com .s2 table td ul.n3 { padding-bottom:20px; margin-bottom:20px; border-bottom:1px dotted #CCC; }
.com .s2 table td ul.n3 li { list-style:none; }
.com .s2 table td ul.n4 li { list-style:none; }
.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:3px 35px 3px 25px; margin-left:10px; 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 table td ul.n5 h3 { margin-top:10px; }

.com .s2 ul.ea { margin-bottom: 20px; }

/* s3 */
.com .s3 { background:#F3F3F3; }
.com .s3 h1 { margin-bottom:40px; text-align:left; font-weight:bold; font-size:2rem; 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.2rem; }
.com .s3 ul { margin:0 auto 30px; }
.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:2rem; 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.2rem; }
.com .s4 .box { position:relative; }
.com .s4 table { width:100%; border-top:1px solid #CCC; margin-bottom:30px; font-size:1.2rem; }
.com .s4 table th,
.com .s4 table td { padding:10px; border-bottom:1px solid #CCC; }
.com .s4 table th { padding-left:20px; width:30%; }
.com .s4 .box img { margin-bottom:1em; }
/* s5 */
.com .s5 { background:#F3F3F3; }
.com .s5 h1 { margin-bottom:40px; text-align:left; font-weight:bold; font-size:2rem; 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.2rem; }
.com .s5 dl:after { content:""; display:block; clear:both; }
.com .s5 dl dt { margin-bottom:1em; }
.com .s5 dl dd { overflow:hidden; }
.com .s5 dl dd p:first-of-type { margin-bottom:30px; }
.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:2rem; 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.2rem; }
.com .s6 .box { position:relative; width:100%; margin:0 auto; }
.com .s6 .box p { margin-bottom:20px; font-size:1.1rem; }
.com .s6 .box h2 { font-weight:bold; font-size:1.2rem; margin-bottom:10px; }
.com .s6 .box address { margin-bottom:10px; }
.com .s6 .box iframe { margin:0 auto; width:100% !important; text-align:center; }
.com .s6 .box #map_canvas2 { width:100%; height:420px; overflow:hidden; position:relative; }
.com .s6 .box .box_wrap + .box_wrap {	margin-top: 20px; }
.com .s6 .box .box_wrap iframe { width: 100%; height: 280px;}
/* s7 */
.com .s7 { background:#F3F3F3; }
.com .s7 h1 { margin-bottom:40px; text-align:left; font-weight:bold; font-size:2rem; 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.2rem; }
.com .s7 ul { width:100%; margin:0 auto -2em; }
.com .s7 ul:after { content:""; display:block; clear:both; }
.com .s7 ul li { float:left; width:50%; padding:5px; height:15em; }
.com .s7 ul li a { display:block; }
.com .s7 ul li:nth-child(2n) { margin-right:0; }
.com .s7 ul li a dt { /*height:7em;*/ background-position:center center; background-repeat:no-repeat; background-size:cover; margin-bottom:10px; }
.com .s7 ul li a dd h2 { font-weight:bold; font-size:1.2rem; margin-bottom:10px; }
.com .s7 ul li a dd p { font-size:1rem; }
.com .s7 ul li a:hover dt img { opacity:0; }


/* works
------------------------------------------------------------------- */
/* index */
.index .s1 .container { width:100%; }
.index .s1 ul { text-align:center; margin-left:10px !important; }
.index .s1 ul li { display:block; }
/* s1 */
.works .s1 { text-align:center; }
.works .s1 p { font-size:1.2rem; }
/* s1 追加*/
.works .s1 ul li {
    float: left;
    width: 50%;
    padding: 5px;
}
.works .s1 ul li a {
    display: block;
    width: 100%;
    padding-bottom: 1em;
}
.works .s1 ul li a dt {
    height: 7em;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    margin-bottom: 0.5em;
    -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;
}
.works .s1 ul li a dd h2 {
    font-size: 1.8rem;
	text-align: left;
}
.works .s1 p.eng_tit {
    text-align: left;
    color: #7baed8;
    font-size: 0.5rem;
    margin-bottom: 0px;
}
/* pnav */
.works .pnav { padding-bottom:10px; }
.works .pnav ul { text-align:center; }
.works .pnav ul:after { content:""; display:block; clear:both; }
.works .pnav ul li { display:inline-block; width:17%; }
.works .pnav ul li a { display:block; position:relative; padding:3px; margin-bottom:10px; }
.works .pnav ul li.ui-tabs-selected a { background:#18409C; border-bottom:3px solid #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:40px 0; background:#FFF; width:100%; 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:2rem; 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.2rem; }
.works1 .s2 h2 { margin-top:20px; font-size:1.5rem; }
.works1 .s2 .box { width:100%; margin:0 auto 20px; }
.works1 .s2 ul { width:100%; margin:0 auto 40px; }
.works1 .s2 ul:after { content:""; display:block; clear:both; }
.works1 .s2 ul li { display: inline-block; width:18%; margin-bottom: 5px; }
.works1 .s2 table { width:100%; border-top:1px solid #CCC; font-size:1.1rem; }
.works1 .s2 table th,
.works1 .s2 table td { padding:10px; border-bottom:1px solid #CCC; }
.works1 .s2 table th { padding-left:20px; width:30%; }
/* cat_btm */
.works .cat_btm{background:rgba(96, 97, 97, 0.88);}
.works .cat_btm ul { text-align:center; }
.works .cat_btm ul:after { }
.works .cat_btm ul li { width:50%; float:left; color: #fff; line-height: 2.5em;}
.works .cat_btm ul li a {padding:6px 20px; color:#FFF; font-size:1.4rem; letter-spacing:1px; border-radius:5px;}
.works .cat_btm ul li a:hover { background-color:rgba(0,0,0,0.3); }
/*.works .cat_btm ul li.ac a { background-color:rgba(0,0,0,0.6); } */

/* rec
------------------------------------------------------------------- */
/* s1 */
.rec .s1 { text-align:center; }
.rec .s1 h1 { margin-bottom:30px; 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:20px; text-align:left; }
.rec .s1 ul:after { content:""; display:block; clear:both; }
.rec .s1 ul li { float:left; width:33.3333%; padding:0 5px; }
.rec .s1 ul li h2 { margin-bottom:15px; }
.rec .s1 ul li p { font-size:1rem; }
.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:2rem; 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.2rem; }
.rec .s2 table { width:100%; border-top:1px solid #CCC; font-size:1.1rem; margin-bottom:30px; }
.rec .s2 table th,
.rec .s2 table td { padding:10px; border-bottom:1px solid #CCC; }
.rec .s2 table th { padding-left:20px; width:30%; }
.rec .s2 table td span { color:#900; }
.rec .s2 p { margin-bottom:30px; text-align:center; }
/*.rec .s2 a { display:block; width:80%; height:50px; line-height:50px; text-align:center; color:#FFF; background:#1B639E; font-size:1.5rem; border-radius:8px; letter-spacing:1px; margin:0 auto; }*/
.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 { display:block; text-align:center; }
.rec .s2 ul li { margin-bottom:20px; }


/* s3 */
.rec .s3 h1 { margin-bottom:40px; text-align:left; font-weight:bold; font-size:2rem; 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.2rem; }
.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.1rem; margin-bottom:30px; }
.rec .s3 table th,
.rec .s3 table td { padding:10px; border-bottom:1px solid #CCC; }
.rec .s3 table th { padding-left:20px; width:30; }
.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 { margin-bottom:10px; }
/*.rec .s3 a { display:block; width:80%; height:50px; line-height:50px; text-align:center; color:#FFF; background:#1B639E; font-size:1.5rem; border-radius:8px; letter-spacing:1px; margin:0 auto; }*/
.rec .s3 .rikunabi { text-align:center; margin-bottom: 30px;}
.rec .s3 .rikunabi a { border:2px solid #FF0000; padding:20px; }
.rec .s3 .doda { text-align:center; margin-bottom: 30px; }
.rec .s3 .doda a { border:2px solid #00A2E8; padding:20px; }
.rec .s3 a.medatu { display:block; width:80%; height:50px; line-height:50px; text-align:center; color:#FFF; background:#FF9800; font-size:1.5rem; border-radius:8px; letter-spacing:1px; margin:0 auto; }
.rec .s3 a.more_btn  { display:block; width:80%; height:50px; line-height:50px; text-align:center; color:#FFF; background:#1B639E; border:2px solid #1B639E; font-size:1.5rem; border-radius:8px; letter-spacing:1px; margin:0 auto;}
.rec .s3 a.more_btn:hover { background:#FFF; color:#1B639E; }

/* s4 */
.rec .s4 ul:after { content:""; display:block; clear:both; }
.rec .s4 ul li { float:left; width:100%; margin-bottom: 30px;}
.rec .s4 ul li br {display: none;}
.rec .s4 ul li img { float:left; width: 48%; margin: 1%;}
/*.rec .s4 ul li:last-child { padding-left:10px; }*/
.rec .s4 ul li h2 { font-size:1.8rem; margin-bottom:20px; font-weight:bold; }
.rec .s4 ul li p { font-size:1.1rem; margin-bottom:30px; }


/* crs
------------------------------------------------------------------- */
/* s1 */
.crs .s1 { text-align:center; }
.crs .s1 h1 { margin-bottom:20px; 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 { text-align:left; }
.crs .s1 p.tit { text-align:center; }
.crs .s1 .case h2 { margin:0 0 5px; }
.crs .s1 .case h2 span { background: #e6e6e6; padding: 2px 10px; font-size: 0.8em; }
/* s2 */
.crs .s2 h1 { margin-bottom:20px; text-align:left; font-weight:bold; font-size:2rem; 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 { margin-bottom: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; width:31%; margin-left:10px; }
.crs .s2 dl dd ul li:first-child { margin-left:0; }
/* s3 */
.crs .s3 h1 { margin-bottom:20px; text-align:left; font-weight:bold; font-size:2rem; 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 { margin-bottom: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; width:31%; margin-left:10px; }
.crs .s3 dl dd ul li:first-child { margin-left:0; }
/* s4 */
.crs .s4 h1 { margin-bottom:20px; text-align:left; font-weight:bold; font-size:2rem; 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 { margin-bottom:20px; }
.crs .s4 dl dt ul:after { content:""; display:block; clear:both; }
.crs .s4 dl dt ul li { float:left; width:46%; margin-left:20px; }
.crs .s4 dl dt ul li:first-child { margin-left:0; }
/* s5 */
.crs .s5 h1 { margin-bottom:20px; text-align:left; font-weight:bold; font-size:2rem; 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 { margin-bottom:20px; }
.crs .s5 dl dt ul:after { content:""; display:block; clear:both; }
.crs .s5 dl dt ul li { float:left; width:46%; margin-left:20px; }
.crs .s5 dl dt ul li:first-child { margin-left:0; }


/* Contact us
------------------------------------------------------------------- */
/* s1 */
.con .s1 { text-align:center; }
.con .s1 h1 { margin-bottom:20px; 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:100%; margin:0 auto; margin-bottom:30px; text-align:left; }
.con .s1 address { font-size:3.2rem; 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:40px; text-align:left; font-weight:bold; font-size:2rem; position:relative; line-height:1.4; }
.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.2rem; color:#183F9A; }
.con .s2 .chk1 { text-align:right; margin-bottom:10px; }
.con .s2 .chk1 span { color:#900; }
.con .s2 .chk2 { text-align:center; font-size:1.2rem; margin:0 auto 50px; padding:25px; width:90%; border:2px solid #CCC; background:#FAFAFA; }
.con .s2 .chk3 { width:100%; margin:0 auto 30px; text-align:left; font-size:1.2rem; }

.con .s2 table { width:100%; margin:0 auto 30px; font-size:1.1rem; }
.con .s2 table th,
.con .s2 table td { padding:10px; border-top:1px solid #CCC; }
.con .s2 table th { width:34%; }
.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:100%; 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:100%; }
.con .s2 table td.short2 input { width:35%; 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:80%; height:50px; line-height:50px; text-align:center; color:#FFF; background:#1B639E; font-size:1.5rem; border-radius:8px; letter-spacing:1px; margin:0 auto; border:none; -webkit-appearance:none;  }

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

.con .s2 a { display:block; width:80%; height:50px; line-height:50px; text-align:center; color:#FFF; background:#1B639E; font-size:1.5rem; border-radius:8px; letter-spacing:1px; margin:0 auto; }



/* Privacypolicy
------------------------------------------------------------------- */
/* s1 */
.pp .title h1 { font-size:2.4rem; letter-spacing:0; }
.pp .s1 { text-align:center; }
.pp .s1 h1 { font-size:2rem; margin-bottom:20px; }
.pp .s1 p { text-align:left; }
/* s2 */
.pp .s2 h2 { font-size:1.8rem; font-weight:bold; margin-bottom:30px; }
.pp .s2 p { padding-left:20px; padding-bottom:40px; border-bottom:1px solid #CCC; margin-bottom:40px; }



/* Sitemap
------------------------------------------------------------------- */
/* s1 */
.sm .s1 div { width:100%; }
.sm .s1 ul { width:80%; margin:0 auto; }
.sm .s1 .type1 { margin-bottom:40px; }
.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 { }
.sm .s1 .type2 li a { display:block; width:100%; height:80px; line-height:80px; text-align:center; color:#1B639E; background:#FFF; border:2px solid #1B639E; font-size:1.5rem; border-radius:8px; letter-spacing:1px; margin-bottom:20px; 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; }



/* re
------------------------------------------------------------------- */
/* s1 */
.re .title h1 { font-size:2.3rem; letter-spacing:0; }
.re .s1 { text-align:center; }
.re .s1 h1 { margin-bottom:20px; 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 { margin-bottom:30px; text-align: left;}
/* s2 */
.re .s2 h1 { margin-bottom:20px; text-align:left; font-weight:bold; font-size:2.4rem; 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:30px; }
.re .s2 ul:after { content:""; display:block; clear:both; }
.re .s2 div > ul > li { margin-bottom:30px; }
.re .s2 div > ul > li img { margin-bottom:20px; }
.re .s2 div > ul > li h2 { text-align:center; font-weight:bold; font-size:1.6rem; margin-bottom:20px; }
.re .s2 div > ul > li p { font-size:1.1rem; }
.re .s2 div > ul > li dl { margin-top:30px; font-size:1rem; }
.re .s2 div > ul > li dl:after { content:""; display:block; clear:both; }
.re .s2 div > ul > li dl dt { float:left; margin-right:1em; 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; margin-right:1em; }
.re .s2 div > ul > li dl dd ul li:last-child { margin-right:0; }
/* s3 */
.re .s3 h1 { margin-bottom:20px; text-align:left; font-weight:bold; font-size:2.4rem; 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:40px; }
.re .s3 h2 { font-size:1.8rem; margin-bottom:20px; font-weight:bold; }
.re .s3 dl { margin-bottom:40px; }
.re .s3 dl:after { content:""; display:block; clear:both; }
.re .s3 dl dt { margin-bottom:20px; }
.re .s3 dl dd { overflow:hidden; }
.re .s3 dl dd ul { margin:20px 0; }
.re .s3 dl dd ul li { list-style:inside disc; margin-bottom:5px; }
.re .s3 div > p:last-of-type { margin-bottom:0; }


/* soil
------------------------------------------------------------------- */
/* s1 */
.soil .s1 { text-align:center; }
.soil .s1 h1 { margin-bottom:20px; 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 { margin-bottom:30px; text-align: left; }
.soil .s1 .box { height:24em; background:url(../../images/soil_s1_ph.jpg) right top no-repeat; background-size:cover; padding-right:20%; padding-top:20px; padding-left:1em; line-height:1.3;
text-shadow:1px 1px 0px rgba(255,255,255,1); font-weight:bold; }
.soil .s1 .box h2 { margin-bottom:20px; text-align:left; font-weight:bold; font-size:2rem; letter-spacing:1px; position:relative; line-height:1.3; }
.soil .s1 .box p { text-align:left; margin:0; font-size:1.1rem; }
/* s2 */
.soil .s2 dl:after { content:""; display:block; clear:both; }
.soil .s2 dl dt { margin-bottom:30px; }
.soil .s2 dl dd { overflow:hidden; }
.soil .s2 dl dd h2 { font-size:1.8rem; font-weight:bold; letter-spacing:1px; margin-bottom:30px; }
.soil .s2 dl dd p { font-size:1.1rem; }
/* s3 */
.soil .s3 dl:after { content:""; display:block; clear:both; }
.soil .s3 dl dt { margin-bottom:30px; }
.soil .s3 dl dd { overflow:hidden; }
.soil .s3 dl dd h2 { font-size:1.8rem; font-weight:bold; letter-spacing:1px; margin-bottom:30px; }
.soil .s3 dl dd p { font-size:1.2rem; margin-bottom:30px; }
.soil .s3 dl dd ul:after { content:""; display:block; clear:both; }
.soil .s3 dl dd ul li { width:100%; margin-bottom:5px; }
.soil .s3 dl dd ul li:before { content:"●"; }
/* s4 */
.soil .s4 h1 { margin-bottom:20px; text-align:left; font-weight:bold; font-size: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 img { margin-bottom:20px; }
.soil .s4 .box p { font-size:1.1rem; }


/* new
------------------------------------------------------------------- */
/* s1 */
.new .s1 { text-align:center; }
.new .s1 h1 { margin-bottom:20px; 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 { margin-bottom:30px; text-align:left; }
/* s2 */
.new .s2 ul:after { content:""; display:block; clear:both; }
.new .s2 ul li { width:50%; float:left; padding-right:10px; padding-bottom:40px; height:30em; }
.new .s2 ul li:nth-child(2n) { padding-right:0; }
.new .s2 ul li h2 { margin-bottom:20px; }
.new .s2 ul li p { font-size:1.1rem; }
.new .s2 ul li:nth-child(5),
.new .s2 ul li:nth-child(6) { height:22em; }
/* s3 */
.new .s3 h1 { margin-bottom:20px; text-align:left; font-weight:bold; font-size:2rem; 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 { margin-bottom:20px; }
.new .s3 img { margin-bottom:40px; }
.new .s3 a { display:block; width:80%; height:50px; line-height:50px; text-align:center; color:#FFF; background:#1B639E; font-size:1.5rem; border-radius:8px; letter-spacing:1px; margin:0 auto; }
/* s4 */
.new .s4 { padding:0; }
.new .s4 .box { height:20em; background:url(../../images/new_s4_ph.jpg) right top no-repeat; background-size:cover; padding:3em 1em 0; }
.new .s4 .box h1 { margin-bottom:20px; text-align:left; font-weight:bold; font-size:1.6rem; 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:100%; font-size:1.1rem; }





/* coop
------------------------------------------------------------------- */
.coop .s1 p, .coop .s1 a, .coop .s1 ul li {  }
.coop .s1 ul li { margin-bottom: 5px; }
.coop .s1 .bb { border-bottom: 1px solid #666; margin: 30px auto; }
.coop .s1 .mb { margin-bottom: 30px; }
.coop .s1 h2 { font-size: 1.8rem; font-weight: bold; margin-bottom: 30px; }
.coop .s1 .bg_gray { margin: 30px auto; background-color: #f2f3f2; padding: 15px;}
.coop .s1 .bg_gray h3 { font-size: 1.4rem; border-bottom: 1px solid #666; padding-bottom: 5px; margin-bottom: 15px; }
.coop .s1 .bg_gray ul li { margin: 6px 0 6px 10px; }
.coop .s1 a.icon img { width: 20px; height: auto; margin-right: 10px; filter: drop-shadow(1px 1px 1px #666); vertical-align: sub;}