p.exp01 {color: #333;font-size: 100%;line-height: 1.5em;}
p.exp02 {color: #333;font-size: 95%;line-height: 1.5em;margin-bottom: 10px;margin-right: 10px;margin-left: 10px;}

p.exp03 {color: #333;font-size: 95%;line-height: 1.5em;margin-right: auto;margin-left: auto;width: 800px;margin-bottom: 10px;}


section#nextlink {width: 960px;margin-right: auto;margin-left: auto;padding-top: 30px;}
section#nextlink ul {overflow: hidden;margin-left: -30px;}
section#nextlink ul li {float: left;margin-left: 30px;margin-bottom: 30px;}

dl.company {width: 760px;margin-right: auto;margin-left: auto;border-bottom: 1px dotted #ccc;margin-bottom: 20px;}
dl.company dt {color: #333;font-size: 90%;line-height: 1.5em;width: 7em;border-top: 1px dotted #ccc;padding-top: 0.5em;padding-bottom: 0.5em;}
dl.company dd {color: #333;font-size: 90%;line-height: 1.5em;margin-left: 7em;border-top: 1px dotted #ccc;margin-top: -2.5em;padding-top: 0.5em;padding-bottom: 0.5em;}
dl.company dd a {color: #0068a2;}
dl.company dd a:hover {text-decoration: underline;}
iframe.company {width: 760px;margin-right: auto;margin-left: auto;} 

img.otherp {width: 750px;padding: 5px;background-color: #fff;border: 1px solid #ccc;box-shadow: 0px 0px 3px rgba(0,0,0,0.25);margin-bottom: 10px;}

h2.h2other {background: url(../img/bg_h2other.gif) no-repeat 0 0;padding: 12px;color: #333;font-size: 20px;margin-bottom: 10px;}

ul.otherbtm {overflow: hidden;border-left: 1px solid #999;margin-top: 20px;}
ul.otherbtm li {float: left;border-right: 1px solid #999;}
ul.otherbtm li a {display: block;color: #333;font-size: 85%;padding: 5px;}
ul.otherbtm li a:hover {text-decoration: underline;} 
ul.otherbtm li.now a {color: #333;background-color: #e0d9cb;}ul.otherbtm li.now a:hover {cursor:default;text-decoration: none;}


section#nextlink2 {width: 960px;margin-right: auto;margin-left: auto;padding-top: 30px;}
section#nextlink2 ul {overflow: hidden;margin-left: -30px;}
section#nextlink2 ul li {float: left;margin-left: 30px;color: #333;font-size: 90%;line-height: 1.5em;width: 465px;display: table-cell;vertical-align: middle;margin-bottom: 30px;height: 200px;text-align: left;}
section#nextlink2 ul li img {float: left;margin-right: 10px;}


ul.showlist {overflow: hidden;width: 820px;margin-left: auto;margin-right: auto;}
ul.showlist li {text-align: center;float: left;margin-left: 10px;color: #333;font-size: 80%;line-height: 1.25em;}
ul.showlist li a {color: #333;font-size: 80%;width: 260px;height: 260px;display: block;margin-bottom: 5px;
box-shadow: #ccc 0px 0px 5px;
border-radius:5px;
}
ul.showlist li a img {
	opacity:1;
filter: alpha(opacity=100);
-ms-filter: "alpha(opacity=100)";
-moz-opacity:1;
-khtml-opacity: 1;
transition: opacity 0.2s ease-in-out;
-moz-transition: opacity 0.2s ease-in-out;
-webkit-transition: opacity 0.2s ease-in-out;
-o-transition: opacity 0.2s ease-in-out;
-ms-transition: opacity 0.2s ease-in-out;padding: 4px;border: 1px solid #ccc;background-color: #fff;
border-radius:5px;
}
ul.showlist li a img:hover {
	opacity:0.75;
filter: alpha(opacity=75);
-ms-filter: "alpha(opacity=75)";
-moz-opacity:0.75;
-khtml-opacity: 0.75;
transition: opacity 0.2s ease-in-out;
-moz-transition: opacity 0.2s ease-in-out;
-webkit-transition: opacity 0.2s ease-in-out;
-o-transition: opacity 0.2s ease-in-out;
-ms-transition: opacity 0.2s ease-in-out;
	}
	
	
ul.showlist2 {overflow: hidden;width: 820px;
	display:flex;
justify-content:space-between;
flex-wrap: wrap;
margin-right: auto;
	margin-left: auto;
}
ul.showlist2 li {text-align: center;float: left;
color: #333;font-size: 80%;line-height: 1.25em;
margin-bottom: 40px;
}
ul.showlist2 li a {color: #333;font-size: 80%;width: 380px;
display: block;margin-bottom: 5px;
box-shadow: #ccc 0px 0px 5px;
border-radius:5px;
}
ul.showlist2 li a img {
	opacity:1;
filter: alpha(opacity=100);
-ms-filter: "alpha(opacity=100)";
-moz-opacity:1;
-khtml-opacity: 1;
transition: opacity 0.2s ease-in-out;
-moz-transition: opacity 0.2s ease-in-out;
-webkit-transition: opacity 0.2s ease-in-out;
-o-transition: opacity 0.2s ease-in-out;
-ms-transition: opacity 0.2s ease-in-out;padding: 4px;border: 1px solid #ccc;background-color: #fff;
border-radius:5px;
width: 100%;
height: auto;
}
ul.showlist2 li a img:hover {
	opacity:0.75;
filter: alpha(opacity=75);
-ms-filter: "alpha(opacity=75)";
-moz-opacity:0.75;
-khtml-opacity: 0.75;
transition: opacity 0.2s ease-in-out;
-moz-transition: opacity 0.2s ease-in-out;
-webkit-transition: opacity 0.2s ease-in-out;
-o-transition: opacity 0.2s ease-in-out;
-ms-transition: opacity 0.2s ease-in-out;
	}

	
	
div.refmap {position: relative;}

li.refmap01 a {display: block;position: absolute;top: 10px;left: 80px;}
li.refmap02 a {display: block;position: absolute;top: 110px;left: 40px;}
li.refmap03 a {display: block;position: absolute;top: 350px;left: 60px;}
li.refmap04 a {display: block;position: absolute;top: 10px;left: 580px;}
li.refmap05 a {display: block;position: absolute;top: 120px;left: 680px;}
li.refmap06 a {display: block;position: absolute;top: 330px;left: 620px;}

li.refmap07 a {display: block;position: absolute;top: 10px;left: 300px;}
li.refmap08 a {display: block;position: absolute;top: 80px;left: 30px;}
li.refmap09 a {display: block;position: absolute;top: 300px;left: 50px;}
li.refmap10 a {display: block;position: absolute;left: 280px;top: 410px;}
li.refmap11 a {display: block;position: absolute;top: 0;left: 600px;}
li.refmap12 a {display: block;position: absolute;top: 100px;left: 730px;}
li.refmap13 a {display: block;position: absolute;top: 380px;left: 580px;}

h2.h2refcont {}
p.exp_refcont img {float: left;}
p.exp_refcont {color: #333;font-size: 15px;line-height: 1.5em;}
p.nav_refcont {text-align: center;}
p.nav_refcont a {color: #333;font-size: 12px;}
p.nav_refcont a:hover {color: #0068a2;text-decoration: underline;}

p.nav_refcont2 a {color: #333;font-size: 15px;text-decoration: underline;}
p.nav_refcont2 a:hover {color: #0068a2;text-decoration: underline;}

div.refcont {margin-right: auto;margin-left: auto;}

p.nav_refcont2 {margin-right: auto;margin-left: auto;text-align: center;width: 100%;}

p.nav_refcont2 a.now {font-weight: bold;cursor:default;text-decoration: none;color: #333;} 

p.nav_refcont2 a.now:hover {color: #333;}


div.comment {position: relative;}
img.txt01 {position: absolute;top: 220px;left: 0;}
img.txt02 {position: absolute;top: 240px;left: 100px;}
img.txt03 {position: absolute;top: 300px;left: 210px;}
img.txt04 {position: absolute;top: 290px;left: 330px;}
img.txt05 {position: absolute;top: 230px;left: 450px;}
img.txt06 {position: absolute;top: 200px;left: 560px;}


ul.showcaselink {overflow: hidden;width: 820px;margin-right: auto;margin-left: auto;margin-bottom: 30px;}
ul.showcaselink li {float: left;margin-right: 10px;}
ul.showcaselink li a {color: #333;font-size: 15px;display: block;padding: 10px;
border-radius:5px;background-color: #efefef;}
ul.showcaselink li a:hover {text-decoration: underline;}
h2.showcaselink {color: #fff;font-size: 20px;font-weight: bold;width: 800px;padding: 10px;background-color: #666;margin-bottom: 20px;margin-right: auto;margin-left: auto;
border-radius:5px;
}




ul.utility {}
ul.utility li {color: #333;font-size: 100%;line-height: 1.5em;list-style-position: outside;
	margin-left: 1.5em;
list-style-type: decimal;
}


div.balance {padding-top: 50px;}
div.balance dl {}
div.balance dl dt {color: #fff;font-size: 20px;font-weight: bold;background-color: #da7492;padding: 10px;text-align: center;margin-bottom: 20px;border-radius:5px;}
div.balance dl dd {color: #333;font-size: 15px;text-align: center;margin-bottom: 20px;}
div.balance img {margin-right: auto;margin-left: auto;border: 1px solid #ccc;
width: 100%;
height: auto;
}


/*recruit2023*/
.h3-rec23 {
	border-bottom: 3px solid #666;
	margin-bottom: 20px;
	margin-right: auto;
	padding-bottom: 5px;
	width: 640px;
	margin-left: auto;
}
.tab-rec23 {
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 75px;
	border-top: 1px solid #ccc;
}
.tab-rec23 th {
	width: 10em;
	color: #333;
	font-size: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
	text-align: left;
	vertical-align: top;
	line-height: 1.75em;
	font-weight: bold;
}
.tab-rec23 td {
	color: #333;
	font-size: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
	text-align: left;
	vertical-align: top;
	line-height: 1.75em;
}
.tab-rec23 caption {
	color: #333;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	margin-bottom: 20px;
}
.tab-rec23 caption b {
	background-color: #666;
	color: #fff;
	font-size: 14px;
	padding: 5px;
	font-weight: bold;
	margin-right: 5px;
}
.btn-rec23 {
	        background-color: transparent;
        border: none;
        cursor: pointer;
        outline: none;
		padding-top: 10px;
	padding-bottom: 10px;
		appearance: none;
	color: #fff;
	font-size: 25px;
	font-weight: bold;
	text-align: center;
	background-color: #2675f8;
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	border-radius: 10px;
	display: block;
transition: all 0.2s ease-in-out 0s!important;
}

/*recform20223*/
div.contact {
	width: 600px;
	margin-right: auto;
	margin-left: auto;
}
div.contact input,div.contact textarea,div.contact select {

border-radius: 5px;

        outline: none;

        appearance: none;
}
div.contact input::placeholder {
	color: #ccc;
	font-size: 15px;
}

.contact03 dt {
	color: #333;
	font-size: 15px;
	margin-bottom: 5px;
}

.contact03 dt b {
	color: #c00;
	font-size: 14px;
}
.contact03 dd {
	margin-bottom: 30px;
}

.contact03 {
	width: 600px;
	margin-right: auto;
	margin-left: auto;
}
.contact03 {
	
}
.contact03 {
	
}
.ipt01 {
	border: 1px solid #ccc;
	padding: 5px;
	width: 100%;
	color: #333;
	font-size: 15px;
	line-height: 1.5em;
}
.ipt05 {
	border: 1px solid #ccc;
	padding: 5px;
	width: 100%;
	color: #333;
	font-size: 15px;
	line-height: 1.5em;
}
.ipt0121 {
	border: 1px solid #ccc;
	padding: 5px;
	width: 100%;
	color: #333;
	font-size: 15px;
	line-height: 1.5em;
}
.ipt0101 {
	border: 1px solid #ccc;
	padding: 5px;
	width: 100%;
	color: #333;
	font-size: 15px;
	line-height: 1.5em;
}
.ipt06 {
	border: 1px solid #ccc;
	padding: 5px;
	width: 100%!important;
	color: #333;
	font-size: 15px;
	line-height: 1.5em;
	height: 20em!important;
}
.subminb {
	outline: none;
    appearance: none;
	color: #fff;
	font-size: 25px;
	font-weight: bold;
	text-align: center;
	background-color: #2675f8;
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius: 10px;
	display: block;
	border-style: none;
	cursor: pointer;
transition: all 0.2s ease-in-out 0s!important;
}

#mfp_phase_confirm_inner h4 {
	color: #333;
	font-size: 20px!important;
	font-weight: bold;
	text-align: center;
	margin-bottom: 25px;
}
#mfp_confirm_table {
	margin-bottom: 25px;
	border-bottom: 1px solid #ccc;
}

#mfp_confirm_table th {
	color: #333!important;
	font-size: 15px!important;
	line-height: 1.5em!important;
	padding: 10px!important;
}
#mfp_confirm_table td {
	color: #333!important;
	font-size: 15px!important;
	line-height: 1.5em!important;
	padding: 10px!important;
}
#mfp_button_send {
	outline: none;
    appearance: none;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	background-color: #2675f8!important;
	padding-top: 10px;
	border-radius: 10px;
	display: block;
	border-style: none;
	cursor: pointer;
	padding-bottom: 10px;
	float: left;
	width: 47.5%;
transition: all 0.2s ease-in-out 0s;
}
#mfp_button_cancel {
		outline: none;
    appearance: none;
	background-color: #efefef;
	color: #333;
	font-size: 20px;
	width: 47.5%;
	padding-top: 10px;
	padding-bottom: 10px;
	display: block;
	text-align: center;
	border-radius: 10px;
	float: right;
	border: 1px solid #ccc;
	cursor: pointer;
transition: all 0.2s ease-in-out 0s;
}
#mfp_button_send:hover,.btn-rec23:hover,.subminb:hover {
transition: all 0.2s ease-in-out 0s!important;
background-color: #89b3fa !important;
}

#mfp_button_cancel:hover {
transition: all 0.2s ease-in-out 0s!important;
background-color: #d2d2d2 !important;
}

.h4-rec23 {
	color: #2675f8!important;
	font-size: 30px!important;
	font-weight: bold!important;
	text-align: center!important;
	padding-top: 35px !important;
	padding-bottom: 35px !important;
}
.div-youtube {
	width: 600px;
	height: 360px;
	margin-bottom: 50px;
	margin-right: auto;
	margin-left: auto;
}

.div-youtube iframe {
	width: 600px;
	height: 338px;
}

.art-balance {
display:flex;
justify-content:space-between;
flex-wrap: wrap;
width: 1000px;
margin-right: auto;
	margin-left: auto;
}
.dl-balance {
	width: calc(100% / 3 - 20px);
}

.dl-balance dt {
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-bottom: 10px;
}
.dt-balance01 {
	background-color: #e51174;
}
.dt-balance02 {
	background-color: #1e1f87;
}
.dt-balance03 {
	background-color: #49aa36;
}
.dl-balance dd {
	color: #333;
	font-size: 11px;
	line-height: 1.5em;
	text-align: center;
}
.img-balanceimg {
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}

.img-rec25 {
	width: 760px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 25px;
}



.h2-rec25 {
	text-align: center;
	color: #000;
	font-size: 40px;
	margin-bottom: 50px;
	font-weight: bold;
}
.h3-rec25 {
	text-align: center;
	color: #c00;
	font-weight: bold;
	font-size: 35px;
	margin-bottom: 25px;
}
.p-rec25 {
	text-align: center;
	color: #000;
	font-size: 22px;
	line-height: 1.75em;
	margin-bottom: 50px;
	font-weight: bold;
}
.p-rec25 b {
	color: #c00;
	font-size: 22px;
	font-weight: bold;
}





/* ==========================
  タブ
========================== */

.bl_tabContainer + * {
  margin-top: 30px;
}
/* タブリスト */
.bl_tabList {
  display: flex;
  justify-content: space-between;
  width: 760px;
  margin-right: auto;
	margin-left: auto;
  margin-bottom: 25px;
  border-bottom: 5px solid #19317b;
}
.bl_tabList li {
  width: 32%;
}
.bl_tabList li a {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #19327c;
  padding: 20px 10px;
  transition: 0.3s;
  color: #fff;
  border-radius: 20px 20px 0px 0px;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.2em;
}
.bl_tabList li a:hover {
	background-color: #6e88dc !important;
}

.bl_tabList li a.active {
  background-color: #C00;
  cursor: text;
  color: #fff;
  border-radius: 20px 20px 0px 0px;
}
.bl_tabList li a.active:hover {
	background-color: #c00!important;
	cursor: default;
}


/* タブコンテンツ */
.bl_tabContent > div {
  background-color: #fff;
  padding: 20px;
  display: none;
  width: 760px;
  margin-right: auto;
	margin-left: auto;
}
.bl_tabContent > div.active {
  display: block;
}
.bl_tabContent > div > * + * {
  margin-top: 10px;
}

/* ==========================
  タブ以外のコンテンツの中身
========================== */
.ly_inner {
  width: 100%;
  max-width: 1080px;
  margin: 100px auto;
  padding: 30px;
  background-color: #ccc;
}
.ly_inner h2 {
  font-size: 150%;
  font-weight: bold;
  margin-bottom: 30px;
}
.md_textblock > * + * {
  margin-top: 10px;
}

/* ====================================
  ここからPC幅
==================================== */
@media screen and (min-width: 768px) {
  .hp_displaySP {
    display: none !important;
  }

  .bl_tabList li a:not(.active):hover {
    background-color: #fff;
  }
}

/* ====================================
  ここからスマホ幅
==================================== */
@media screen and (max-width: 767px) {
  .hp_displayPC {
    display: none !important;
  }
}
.tab-recinfo {

	border-top: 1px solid #ccc;

}

.tab-recinfo th {
	padding: 20px;
	color: #000;
	font-size: 16px;
	line-height: 1.5em;
	text-align: left;
	border-bottom: 1px solid #ccc;
	width: 10em;
}

.tab-recinfo td {
	padding: 20px;
	color: #000;
	font-size: 16px;
	line-height: 1.5em;
	text-align: left;
	border-bottom: 1px solid #ccc;
}


.a-gotorecform {
	background-color: #19327c;
	padding-top: 20px;
	padding-bottom: 20px;
	width: 720px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 100px;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	border-radius: 10px;
	display: block;
}
.a-gotorecform:hover {
	background-color: #6e88dc;
}


.recform25 {
	width: 600px!important;
	margin-right: auto!important;
	margin-left: auto!important;
}
.recform25 th {
	display: block!important;
	background-color: #fff!important;
	text-align: left!important;
	border-bottom-style: none!important;
	padding-top: 20px !important;
	padding-bottom: 10px!important;
	color: #000!important;
	font-size: 16px!important;
	line-height: 1.5em!important;
	overflow: hidden;
}

.recform25 td {
	display: block!important;
	background-color: #fff!important;
	text-align: left!important;
	padding-bottom: 20px!important;
	color: #000!important;
	font-size: 16px!important;
	line-height: 1.5em!important;
	overflow: hidden;
}
.recform25 th img {
	display: inline!important;
}
.recform25 td input,.recform25 td textarea {
	padding: 10px !important;
	color: #000!important;
	font-size: 16px!important;
	width: 90%!important;
}

.dl-recform25 {
display:flex;
justify-content:left;
width: 760px;
margin-right: auto;
	margin-left: auto;
}
.dt-recform25 {
	background-color: #666;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	width: max-content;
	display: block;
	letter-spacing: 0.2px;
	text-align: center;
	    white-space: nowrap;
	padding: 10px 10px 8px;
}
.dd-recform25 {
	color: #000;
	padding: 10px;
	width: 760px;
	margin-right: auto;
	margin-left: auto;
	font-size: 20px;
	font-weight: bold;
}

.h3-recform25 {
	color: #000;
	font-size: 20px;
	font-weight: bold;
	border-bottom: 3px solid #000;
	margin-bottom: 25px;
	margin-right: auto;
	padding-bottom: 10px;
	text-align: left;
	width: 760px;
	margin-left: auto;
}

.h4-recform25 {
	color: #0f3d63;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	margin: 50px auto;
	width: 760px;
}

select.mfp {
	border: 1px solid #ccc;
	padding: 10px;
}