@charset "UTF-8";
@import url(https://use.fontawesome.com/releases/v5.0.11/css/all.css);
/*PCPCPCPCPCPCPCPCPCPCPCPCPCPCPCPCPCPC*/

@font-face {
    font-family: 'alte_din_1451_mittelschriftRg';
    src: url('https://www.maeda-gr.co.jp/medg2024/wp-content/themes/atarasi2024/css/din1451alt.woff2') format('woff2'),
         url('https://www.maeda-gr.co.jp/medg2024/wp-content/themes/atarasi2024/css/din1451alt.woff2') format('woff');
    font-weight: normal;
    font-style: normal;

}

a.hover:hover {
opacity: 0.5;
transition: opacity 0.2s ease-in-out 0s;	
}
a {
opacity: 1;
transition: opacity 0.2s ease-in-out 0s;	
}

/*tothetopfixed*/
div.tothetopfixed {
	position: fixed;
	bottom: 0;
	z-index: 1500;right: 0;}	
div.tothetopfixed a  {float: right;}
 
div.tothetopfixed a {
	display: block;}
 
div.tothetopfixed a:hover {
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;
opacity:0.5;
filter: alpha(opacity=50);
-ms-filter: "alpha(opacity=50)";
-moz-opacity:0.5;
-khtml-opacity: 0.5;
}

div.tothetopfixed a {
    display: block;
    color: #fff;

    font-size: 0.8em;width: 60px;height: 60px;background: url(../img/b_gototop.png) no-repeat 0 0;margin: 0 20% 20% 0;text-indent: -9999px;
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;
opacity:1;
filter: alpha(opacity=100);
-ms-filter: "alpha(opacity=100)";
-moz-opacity:1;
-khtml-opacity: 1;}

.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 24;
    font-size: 1.25rem;
  position: relative;
  top: 3px;
  margin-right: 0.25em;
}

#ui-datepicker-div * {
	font-size: 1rem;
}
#ui-datepicker-div {
	width: 300px;
}
/*———ANIMATION———*/

/*NOMAL*/
.slidein {
	opacity: 0;
}
.slidein.fire {
	margin-top: 0;
	opacity: 1;	
	transition: opacity 0.5s ease-in-out 0.5s
}
.img-rectogether.fire {
	margin-top: 0;
	opacity: 1;	
	transition: margin-top 0.5s ease-in-out 0.5s,
				opacity 0.5s ease-in-out 0.5s;
}
/*UP*/
.slidein_up {
	margin-top: 5%;
	opacity: 0;
}
.slidein_up.fire_up {
	margin-top: 0;
	opacity: 1;	
	transition: margin-top 0.5s ease-in-out 0.5s,
				opacity 0.5s ease-in-out 0.5s;
}
.slidein_dwn {
	margin-top: -5%;
	opacity: 0;
}
.slidein_dwn.fire_dwn {
	margin-top: 0;
	opacity: 1;	
	transition: margin-top 0.5s ease-in-out 0.5s,
				opacity 0.5s ease-in-out 0.5s;
}
/*L→R*/
.slidein_lr {
opacity: 0;
margin-left: -50%;
}
.slidein_lr.fire_lr {
	opacity: 1;	
	margin-left: 0;
	transition: margin-left 0.5s ease-in-out 0.5s,
				opacity 0.5s ease-in-out 0.5s;
}
/*R→L*/
.slidein_rl {
opacity: 0;
margin-right: -50%;
}
.slidein_rl.fire_rl {
	opacity: 1;	
	margin-right: 0;
	transition: margin-right 0.5s ease-in-out 0.5s,
				opacity 0.5s ease-in-out 0.5s;
}
/*EXPANSION*/
.slidein_exp {
transform: scale(0.9);
	opacity: 0;
}
.slidein_exp.fire_exp {
	transform: scale(1);
	opacity: 1;	
	transition: transform 0.5s ease-in-out 0.5s,
				opacity 0.5s ease-in-out 0.5s;
}
/*EXPANSION*/
.slidein_red {
transform: scale(1.1);
	opacity: 0;
}
.slidein_red.fire_red {
	transform: scale(1);
	opacity: 1;	
	transition: transform 0.5s ease-in-out 0.5s,
				opacity 0.5s ease-in-out 0.5s;
}


















img {
	display: block;
}
.nopc {
	display: none!important;	
}

body {
	min-width: 1200px;
}
.mostop {
	padding-top: 100px;
}
.header-top {
	position: fixed;
	width: 100%;
	min-width: 1200px;
	z-index: 20;
	
		background-color: rgba(255, 255, 255, 0);
	transition: all 0.5s ease-in-out 0.5s;
}
.header-top.change-color {
	background-color: rgba(255, 255, 255, 1);
	transition: all 0.5s ease-in-out 0.5s;/*
	box-shadow: 0px 1px 10px #ccc;*/
	border-bottom: 1px solid #ddd;
}
.h1-top {

}

.a-h1top {
    background: url(../img/f_headtitle.svg) 25px center no-repeat #fff;
    background-size: auto 50px;
    display: block;
    height: 74px;
    width: 350px;
    text-indent: -9999px;
    clip-path: polygon(0 0, 100% -15%, 85% 100%, 0% 100%);
}

.nav-top {
	
}

.ul-navtop1 {
position: absolute;
top: 25px;
right: 220px;	
}

.ul-navtop2 {
position: absolute;
top: 7px;
right: 220px;	
}

.ul-navtop3 {
position: absolute;
top: 41px;
right: 230px;	
}

.ul-navtop {
display:flex;
justify-content:right;
flex-wrap: wrap;

}
.li-navtop {
	margin-right: 2rem;
}
.a-navtop{
	color: #fff;
	font-size: 1rem;
	font-weight: bold;
		transition: all 0.25s ease-in-out 0s;
}
.a-navtop:hover{
	color: #63c2f3;
	font-size: 1rem;
	font-weight: bold;
		transition: all 0.25s ease-in-out 0s;
}


.a-navtop i {
	color: #fff;
	font-size: 1rem;
	margin-right: 5px;
		transition: all 0.5s ease-in-out 0.5s;
}
.header-top.change-color .a-navtop{
	color: #000;
	font-size: 1rem;
	font-weight: bold;
	transition: all 0.5s ease-in-out 0.5s;
}

.change-color .a-navtop:hover {

	color: #3176c9;	
		transition: all 0.25s ease-in-out 0s;
}


.header-top.change-color .a-navtop i {
	color: #000;
	font-size: 1rem;
	margin-right: 5px;
		transition: all 0.5s ease-in-out 0.5s;
}

.header-top .ul-navrec .a-navtop {
	color: #333;
	font-size: 1rem;
	margin-right: 5px;
		transition: all 0.5s ease-in-out 0.5s;
}

html#page55 .a-navtop   {
	color: #333;
	font-size: 1rem;
	margin-right: 5px;
		transition: all 0.5s ease-in-out 0.5s;	
}


.ul-contop{
	position: absolute;
	top: 0;
	right: 0;
}


.li-contop1{
	
}


.li-contop2{
	
}


.a-contop1 span {
    clip-path: polygon(5% 0, 100% 0, 100% 100%, 0% 100%);
    display: block;
    background-color: #17385f;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: bold;
    color: #fff;
    width: 219px;
    text-align: center;
    position: absolute;
    right: 0;
    top: 0;
    font: 22px alte_din_1451_mittelschriftRg;
}

.a-contop1 .fa-phone {
	transform: rotate(90deg);
	display: inline-block;
	position: relative;
	top: -3px;
}

.a-contop2 span {
    clip-path: polygon(5% 0, 100% 0, 100% 100%, 0% 100%);
    display: block;
    background-color: #000;
    padding-top: 5px;
    padding-bottom: 5px;
    font: 15px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    font-weight: bold;
    color: #fff;
    width: 230px;
    text-align: center;
    right: 0;
    position: absolute;
    top: 35px;
    padding-left: 10px;
}
.a-contop2 i,.a-contop1 i {
	font-weight: bold;
	color: #fff;
	font-size: 15px;
	margin-right: 10px;
	line-height: 1.25em;
}

.sec-topimg{
	width: 100%;
	height: 100vh;
	position: relative;
	z-index: 0;
	display:flex;
justify-content:center;
align-items: center;
overflow: hidden;
}
.img-topimg {
position: absolute;
    height: 100vh;
    width: 100%;
    object-fit: cover;
}

.slider {
  height: 100vh;
  margin-inline: auto;
  overflow: hidden; /* 画像がはみ出ないようにする */
  width: 100vw;
}
.slick-img img {
  object-fit:cover;
  max-width: 100%;
  max-height: 100vh;
  width: 100%;
  height: 100vh;
}
@keyframes zoomUp {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1); /* 拡大率 */
  }
}
.add-animation {
  animation: zoomUp 10s linear 0s normal both;
}

.art-topresult .add-animation {
transform: scale(1)!important;
}


/*TOPTEXT&IMG*/






/*.div-topimgbg-top {
	position: absolute;
	display: block;
	background-color: #0564cb;
	width: 100%;
	height: 50vh;
	top: 0;
	left: 0;
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
transition: all 0.5s ease-in-out 0s;
}
.div-topimgbg-btm {
	position: absolute;
	display: block;
	background-color: #0564cb;
	width: 100%;
	height: 50vh;
	right: 0;
	bottom: 0;
clip-path: polygon(0 100%, 100% 100%, 100% 0%, 0 0%);
transition: all 0.5s ease-in-out 0s;
}



.div-topimgbg-top.fire {
transition: all 0.5s ease-in-out 0s;
	clip-path: polygon(0 0, 0% 100%, 100% 0);
width: 30%;
height: 50vh;
}
.div-topimgbg-btm.fire {
transition: all 0.5s ease-in-out 0s;
	clip-path: polygon(100% 0, 0% 100%, 100% 100%);
width: 30%;
height: 50vh;
}*/

.div-topimgbg-top {
	position: absolute;
	display: block;
	background-color: #0564cb;
	width: 100%;

	top: 0;
	left: 0;

z-index: 50;
    animation: topimgbgtop 2s ease-out 0s 1 forwards;
}
@keyframes topimgbgtop {
  0% {
	height: 50vh;
  }

  100% {
	height: 0vh;
  }
}
   


.div-topimgbg-btm {
	position: absolute;
	display: block;
	background-color: #0564cb;
	width: 100%;
	height: 50vh;
	right: 0;
	bottom: 0;

z-index: 50;
    animation: topimgbgbtm 2s ease-out 0s 1 forwards;
}

@keyframes topimgbgbtm {
  0% {
	height: 50vh;
  }

  100% {
	height: 0vh;
  }
}
   



/*.div-toptext {
	position: absolute;
	display: block;
	color: #fff;
	font-size: 3vw;
	font-weight: bold;
	line-height: 1.3em;
	top: calc(5% + 70px);
	left: 5%;
}*/
.div-toptext {
	position: absolute;
	display: block;
	color: #fff;
	font-size: 4rem;
	font-weight: bold;
	line-height: 1.3em;/*
  top: 50%;
  left: 50%;*/
  text-align: center;
}
.div-toptext i {
	display: block;
	color: #fff;
	font-size:1rem;
	line-height: 1.5em;
} 





.img-topill {
	position: absolute;
	display: block;
	width: 30%;
	height: auto;
	right: 2.5%;
	bottom: 2.5%;
}





.sec-topclmn1{
	
}

.a-toplink1 {
	width: 200px;
	height: 200px;
	bottom: 10px;
	left: 10px;
	position: absolute;
	display: block;
}
.a-toplink2 {
	width: 200px;
	height: 200px;
	bottom: 10px;
	position: absolute;
	display: block;
	left: 220px;
}
.a-toplink1 img,.a-toplink2 img {
	width: 100%;
	height: auto;
}



.art-topcopy{
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	display:flex;
justify-content:space-between;
flex-wrap: wrap;
background-color: #fff;
position: relative;
flex-direction: row-reverse;
align-items: center;
}


.img-topjo{
	position: absolute;
	top: -40px;
	right: -20px;
	width: 250px;
	height: auto;
}


.ifra-topmovie{
	width: 600px;
	height: 340px;
}


.p-topcopy{
	width: 540px;
	margin-right: auto;
	margin-left: auto;
	color: #000;
	font-size: 1.25rem;
	line-height: 1.5em;
	font-weight: bold;
}


.a-link01{
	display: block;
	padding-top: 15px;
	padding-bottom: 15px;
	color: #fff;
	font-size: 1rem;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	margin-top: 25px;
	background-color: #2967af;
}
.a-link01 i{
	color: #fff;
	font-weight: bold;
	display: inline-block;
	margin-left: 10px;
	font-size: 1.25rem;
}

.a-link02{
	display: block;
	padding-top: 15px;
	padding-bottom: 15px;
	color: #fff;
	font-size: 1rem;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	width: 25%;
	margin-top: 25px;
	background-color: #2967af;
}
.a-link02 i{
	color: #fff;
	font-weight: bold;
	display: inline-block;
	margin-left: 10px;
	font-size: 1.25rem;
}


.sec-topclmn1{
	background-color: #f9f9f9;
	padding-top: 150px;
	padding-bottom: 150px;
	
}


.sec-topintro{
display:flex;
flex-wrap: wrap;
align-items: center;
justify-content:center;
	height: 500px;
position: relative;
}


.sec-topintro-l{
display:flex;
flex-wrap: wrap;
align-items: center;
justify-content:center;
	height: 500px;
position: relative;
flex-direction: row;
overflow: hidden;
}



.sec-topintro-r{
display:flex;
flex-wrap: wrap;
align-items: center;
justify-content:center;
	height: 500px;
position: relative;
flex-direction: row-reverse;
}






.a-toint {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: block;
	z-index: 5;
transition: all 0.25s ease-in-out 0s;
}

.sec-topintro .img-toint-img{

transition: all 0.5s ease-in-out 0s;
}

.sec-topintro:hover .img-toint-img{
transform:scale(1.05,1.05);	
transition: all 0.5s ease-in-out 0s;
}

.div-toint-img1{
clip-path: polygon(0 0, 80% 0, 100% 100%, 0% 100%);
width: 60%;
height: 500px;
overflow: hidden;
}
.div-toint-img2{
clip-path: polygon(20% 0, 100% 0, 100% 100%, 0% 100%);
width: 60%;
height: 500px;
overflow: hidden!important;
position: relative;
}



.slider-item1 {

    inset: 0;
    opacity: 0;
    z-index: 0;
    animation: slideShow1 5s linear infinite 0s;    object-fit: cover;
	height: 100%!important;
	width: auto;
}

.slider-item2 {
        position: absolute;
        opacity: 0;
        z-index: 0;
        animation: slideShow2 5s linear infinite 0s;
        object-fit: cover;
        height: auto;
        width: 100% !important;
		top: 0;
		right: 0;
}




.slider-item img {
 

}


@keyframes slideShow2 {
    0% {
        opacity: 1;
        animation-timing-function: ease-in;
    }

    10% {
        opacity: 0;
    }
    50% {
        opacity: 0;
    } 
    60% {
        opacity: 1;
    }  
   100% {
        opacity: 1;
    }
     
}
















.img-toint-img{
 width: 100%;
 margin-right: auto;
	margin-left: auto;
 object-fit: cover;
 height: 100%;
}


.div-toint-tit{
	width: 40%;
	display:flex;
align-items: center;
flex-direction:column;
}
.img-topyessrogo {
	margin-top: 35px;
	margin-right: auto;
	margin-left: auto;
	width: 400px;
	height: auto;
	display: block;
	
}
.div-toint-l {
	position: relative;
	right: -7%;
}
 
.div-toint-r {
	position: relative;
	left: -7%;
}

.h2-topintro{
	color: #000;
	font-size: 2.25rem;
	font-weight: bold;
	text-align: center;
	background: url(../img/icon_h2.svg) left center no-repeat;
	background-size: 2.25rem auto;
	padding-left: 3rem;
	padding-top: 0.5rem;
}


.img-topyessrogo{
	
}


.p-topintro{
	color: #035cac;
	line-height: 1.75em;
	font-weight: bold;
	font-size: 1.25rem;
	margin-top: 15px;
	text-align: center;
}



.sec-topintro01{
}

.sec-topintro00{
	
}

.sec-topcolmn {
	padding-top: 100px;
	padding-bottom: 100px;
}
.div-topcolmn {
	text-align: center;
}
.sec-topcolmn1 {
	background-color: #f9f9f9;
}

.sec-topcolmn0 {
	background-color: #fff;
}

.h2-topnomal {
	color: #000;
	font-size: 2rem;
	text-align: center;
	font-weight: bold;
	padding: 5px 20px;
	background: url(../img/icon_h22l.svg) left center no-repeat, url(../img/icon_h22r.svg) right center no-repeat;
	display: inline-block;
	margin-bottom: 25px;
}

.p-topnomal {
	color: #000;
	text-align: center;
	font-size: 0.85rem;
	margin-bottom: 25px;
}
.p-topnomal2 {
	color: #000;
	text-align: center;
	margin-bottom: 25px;
	font-size: 1.25rem;
	font-weight: bold;
}
.img-smime {
	width: 400px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
}
.art-topresult{
	overflow: hidden;
	position: relative;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 50px;
}

.div-toreunit{
	width: 90%!important;
}

.a-toreunit{
	
}

.img-toreunit{
	margin-bottom: 5px;
	margin-right: auto;
	width: 100%;
	height: auto;
	margin-left: auto;
	aspect-ratio: 1 / 1;
	display: block;
	object-fit:cover;
}



.p-toreunit{
	color: #000;
	font-size: 1rem;
	text-align: center;
	line-height: 1.5em;
}

.p-toreunit b{
	color: #000;
	font-size: 1.5rem;
	text-align: center;
	line-height: 1.5em;
	display: block;
	font-weight: bold;
}
.art-topresult {
	overflow: hidden;
}

/*NEWS*/
.ul-topnews {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	border-top: 1px dotted #ccc;
	margin-bottom: 50px;
}
.li-topnews {
	text-align: left;
	padding-top: 25px;
	padding-bottom: 25px;
	border-bottom: 1px dotted #ccc;
}
.a-topnews {
	text-align: left;
	display: block;
}
.a-topnews:hover .spn-tntitle {
	text-decoration: underline;
	color: #245ca6;
}
.spn-tndate {
	color: #666;
	font-size: 0.75rem;
	margin-right: 10px;
}
.spn-tndate i {
	color: #666;
	font-size: 0.75rem;
	margin-right: 5px;
}
.spn-tncat {
	color: #fff;
	font-size: 0.75rem;
	text-align: center;
	display: inline-block;
	padding: 5px 10px;
	margin-right: 10px;
}
.cat-event {
	background-color: #ed7e6d;
}
.cat-recruit {
	background-color: #00ab95;
}
.cat-news {
	background-color: #0089d2;
}
.cat-recnews {
	background-color: #00ab95;
}



.spn-tntitle {
	color: #000;
	font-size: 1rem;
}

/*FOOTCONT*/
	
.ul-footcont {
	width: 400px;
	margin-right: auto;
	margin-left: auto;
}
.li-footcont1 {
	
}
.a-footcont1 {

display: block;
background-color: #17385f;
font-weight: bold;
color: #fff;
text-align: center;
font-size: 0.85rem;
padding-top: 20px;
	padding-bottom: 15px;
line-height: 1.5em;
}
.a-footcont1 b {
font: 40px alte_din_1451_mittelschriftRg;
margin-top: 5px;
}
.a-footcont1 i {


font-weight: bold;
color: #fff;
font-size: 0.85rem;	
}



.a-footcont2 {

display: block;
background-color: #000;
padding-top: 25px;
	padding-bottom: 25px;
font: 20px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
font-weight: bold;
color: #fff;
text-align: center;
right: 0;
}




.a-contop1{

}
.a-footcont1 .fa-phone {
	transform: rotate(90deg);
	display: inline-block;
	position: relative;
	top: -3px;
	font-size: 30px;
	margin-right: 10px;
}

.a-contop2{

}
.a-footcont2 i,.a-footcont1 i {
	font-weight: bold;
	color: #fff;
	font-size: 20px;
	margin-right: 5px;
}


/*FOOTER*/
.foot-nomal {
	background-color: #fff;
	padding-top: 50px;
}
.div-foot {
display:flex;
justify-content:space-between;
flex-wrap: wrap;
width: 1200px;
margin-right: auto;
	margin-left: auto;
}

.dl-foot {
	
}
.dt-foot {
	margin-bottom: 1rem;
}
.dd-foot {
	margin-bottom: 1rem;
}
.dt-foot .a-foot {
	color: #333;
	font-size: 1rem;
	font-weight: bold;
}
.dd-foot .a-foot {
	color: #333;
	font-size: 0.85rem;
	margin-left: 0.5rem;
}
.dt-foot .a-foot:before {
content: '・';
color: #333;
	font-size: 1rem;
	font-weight: bold;
}
.dd-foot .a-foot:before {
content: '・';
color: #333;
	font-size: 0.85rem;
}
.dt-foot .a-foot:hover,.dd-foot .a-foot:hover {
	text-decoration: underline;
}


.dd-footadd {
	color: #333;
	line-height: 1.5em;
	font-size: 0.85rem;
}
.p-copyright {
	color: #fff;
	font-size: 0.75em;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #333;
	margin-top: 50px;
}

.dl-foot1 {
	
}
.dl-foot2 {
	
}
.dl-foot3 {
	
}
.dl-foot4 {
	
}

/*BUSINESS*/
.ul-busitopmenu {

	margin-right: auto;
	margin-left: auto;
	display:flex;
justify-content:space-between;
flex-wrap: wrap;
width: 1200px;
}
.li-busitopmenu {
	position: relative;
	height: 400px;
	margin-bottom: 100px;
	width: 600px;
}
.a-busitopmenu {
	
}
.img-busitopmenu {
	width: 450px;
	height: auto;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	transition: all 0.5s ease-in-out 0s;
	transform: scale(1);
	  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}
.a-busitopmenu span {
        background-color: rgba(250, 250, 250, 1);
        color: #18375e;
		line-height: 1.5em;
        font-weight: bold;
        display: block;
        position: absolute;
		bottom: 0;
        width: 520px;
		text-align: center;
 
		padding-top: 30px;
	padding-bottom: 30px;
	font-size: 1.5rem;

  left: 60%;
  transform: translateX(-50%);
}
/*.a-busitopmenu:hover .img-busitopmenu {
	transition: all 0.5s ease-in-out 0s;
	transform: scale(1.1);
}*/
/*.a-busitopmenu span:before {
		content: '';
	width: 50%;
	height: 50%;
	position: absolute;
	left: 0px;	
	top: 0px;
	border-left: 1px solid #0066aa;
	border-top: 1px solid #0066aa;
		transition: all 0.5s ease-in-out 0s;
}*/
.a-busitopmenu span:after {
		content: '';
		width: 25%;
	height: 15%;
	position: absolute;
	right: 20px;
	bottom: 10px;
		border-right: 2px solid #c00;
	border-bottom: 2px solid #c00;
		transition: all 0.5s ease-in-out 0s;
		
		transform: skewX(45deg);
}
.a-busitopmenu:hover span:after {
	right:-10px;	
} 

/*.a-busitopmenu:hover span:before {
	left: -20px;	
	top: -20px;
		transition: all 0.5s ease-in-out 0s;
}
.a-busitopmenu:hover span:after {
	right: -20px;
	bottom: -20px;
		transition: all 0.5s ease-in-out 0s;
}*/








/*YESS*/

.ul-yesslink {
display:flex;
justify-content:space-between;
flex-wrap: wrap;
width: 1200px;
margin-right: auto;
	margin-left: auto;
}
.ul-yesslink li {
	
}

.ul-yesslink li a {
	
}
.ul-yesslink li a img {
	
}

.sec-bizcol {
	width: 100%;
		padding-top: 50px;
	padding-bottom: 50px;
}
.sec-bizcol0 {

}

.sec-bizcol1 {
	background-color: #f9f9f9;
}

.div-bizcolmn {
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}


.sec-yesstop {
	position: relative;
	width: 100%;
	background: url(../img/p_estate_top01.jpg) center center no-repeat;
	background-size: cover;
}


.div-yesstop{
	width: 100%;
	position: relative;
	height: 80vh;
	overflow: hidden;
}


.sec-yesstop2 {
	position: relative;
	width: 100%;
	background: url(../img/p_general_top01.jpg) center center no-repeat;
	background-size: cover;
}


.div-yesstop2{
	width: 100%;
	position: relative;
	height: 80vh;
	overflow: hidden;
}

.sec-yesstop3 {
	position: relative;
	width: 100%;
	background: url(../img/p_bridge_top01.jpg) center center no-repeat;
	background-size: cover;
}


.div-yesstop3{
	width: 100%;
	position: relative;
	height: 80vh;
	overflow: hidden;
}









.sec-yesstop0 {
	position: relative;
	width: 100%;
	background: url(../img/p_yess_top01.jpg) center center no-repeat;
	background-size: cover;
	padding-top: 100px;
	padding-bottom: 100px;
}


.div-yesstop0{
	width: 100%;
	position: relative;
	overflow: hidden;
}


.art-yesstop0 {
 display: flex;
	  flex-direction: column;
}



.img-yesstop01 {

}
.img-yesstop02 {
	height: 600px;
	width: auto;
	margin-right: auto;
	margin-left: auto;
	color: #333;
	font-size: 1.5em;
	line-height: 2em;
	font-weight: bold;
	margin-bottom: 25px;
}

.p-img-yesstop {
	width: 500px;
	background-color: #fff;
	margin-right: auto;
	margin-left: auto;
	padding: 20px;
	color: #333;
	font-size: 1rem;
	line-height: 2em;
	font-weight: bold;
}

.p-img-yesstop2 {
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	color: #fff;
	line-height: 2em;
	font-weight: bold;
	font-size: 1.25rem;
	margin-bottom: 25px;
}







.p-img-yesstop b {
	color: #a9181e;
	font-size: 1.25rem;
	font-weight: bold;
}
.slick-list {
	margin-bottom: 0px!important;
}
.div-yesslick {
	overflow: hidden;
}
.ul-yesslick {
	overflow: hidden;
	padding-top: 50px;
	padding-bottom: 100px;
}
.ul-yesslick li {
	overflow: hidden;
}
.ul-yesslick li img {

	width: 100%;
	object-fit: cover;
	width: 100%;
}

.art-yessintro{
	width: 600px;
	margin-right: auto;
	margin-left: auto;
}
.h3-yessintro {
	color: #004984;
	font-size: 1.5rem;
	line-height: 1.5em;
	font-weight: bold;
	text-align: left;
	position: relative;
	margin-bottom: 25px;
}
.h3-yessintro:after {
	content: '';
	display: block;
	background-color: #f9f9f9;
	position: absolute;
	right: -10px;
	width: 600px;
	z-index: -1;
	bottom: -10px;
	height: 2.5em;
}
.p-yessintro01 {
	color: #333;
	font-size: 1rem;
	text-align: left;
	line-height: 1.75em;
}
.btm-yessintro01 {
	margin-bottom: 50px;
}
.h4-yessmenu {
	color: #004984;
	background-color: #fff;
	display: block;
	padding: 10px;
	width: 300px;
	margin-right: auto;
	margin-left: auto;
	font-weight: bold;
	font-size: 1.25rem;
}

.ul-yessmenu {
	border: 1px solid #ccc;
	background-color: #f9f9f9;
	display:flex;
justify-content:space-between;
width: 900px;
margin: -20px auto 50px;
padding: 30px 20px 20px;
}
.ul-yessmenu li {

}

.ul-yessmenu li a {
	color: #004984;
	font-size: 1rem;
}
.ul-yessmenu li a:before {
content: '▼';
	color: #004984;
font-size: 0.75rem;
margin-right: 5px;
position: relative;
top: -2px;
}

.p-yessintro02 {
	color: #333;
	font-size: 1rem;
	line-height: 1.75em;
	text-align: center;
	margin-bottom: 25px;
}

.jel360 {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	height: 600px;
}



.art-yessfeatre {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	height: 400px;
	position: relative;
}

.div-yessfeatre-exp {
	background-image: linear-gradient(to bottom, #096cc2 0%, #012355 100%);
	padding: 20px 20px 40px;
	width: 600px;
}
.div-yessfeatre-expl {
	background-image: linear-gradient(to bottom, #096cc2 0%, #012355 100%);
	width: 600px;
	float: right;
	padding: 20px 40px 40px 180px;
}
.div-yessfeatre-exp01 {
	
}
.h5-yessfeatre {

}
.h5-yessfeatre span {
	color: #fff;
	font-size: 2rem;
	font-weight: bold;
	text-align: left;
	display: block;
	padding-top: 20px;
	padding-left: 80px;
}



.div-yessno {
clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
background-color: #e50112;
width: 75px;
height: 75px;
float: left;
}

.div-yessfeatre-exp02 {
	position: absolute;
	top: 0;
	right: 0;
}



.div-yessno i {
	color: #fff;
	font-size: 0.85rem;
	font-weight: bold;
	text-align: center;
	display: block;
	padding-top: 20px;
}
.div-yessno b {
	color: #fff;
	font-size: 1.75rem;
	font-weight: bold;
	text-align: center;
	display: block;
}
.p-yessfeatre {
	color: #fff;
	font-size: 1rem;
	line-height: 1.75em;
	text-align: left;
	display: block;
	clear: both;
	width: 400px;
	padding-top: 20px;
}
.spn-yessfeatrel {
	position: relative;
	right: -450px;
	top: -175px;
	width: 450px;
	height: auto;
	display: block;
}
.spn-yessfeatrel img {
height: auto;
width: 450px;
}
.spn-yessfeatrer {
	position: relative;
	top: -175px;
	width: 450px;
	height: auto;
	display: block;
	left: 0;
}
.spn-yessfeatrer img {
height: auto;
width: 450px;
}


.img-yessfeatrel {

}

.art-yessitem {
	width: 840px;
	margin-right: auto;
	margin-left: auto;
	display:flex;
justify-content:space-between;
flex-wrap: wrap;
}

.div-yessitem {
	width: 47.5%;
	margin-bottom: 50px;
}

.spn-yessitem {
	width: 100%;
	position: relative;
}
.img-yessitem {
	width: 100%;
	height: auto;
}

.a-yessitem {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 2;
	background-color: #e50112;

	padding: 10px;
}
.a-yessitem b {
	color: #fff;
	font-size: 1rem;
	font-weight: bold;	
}
.a-yessitem:after {
content: '▶';
color: #fff;
font-size: 0.75rem;
font-weight: bold;
padding-left: 5px;
line-height: 1.5em;
}
.h3-yessitem {
	color: #2967af;
	font-size: 1.5rem;
	line-height: 1.5em;
	text-align: left;
	font-weight: bold;
	margin-top: 10px;
}
.p-yessitem {
	color: #333;
	font-size: 0.75rem;
	line-height: 1.5rem;
	text-align: left;
}

.dl-yessfaq {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}

.dt-yessfaq {
	color: #2967af;
	text-align: left;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1.5em;
	margin-bottom: 15px;
}

.dd-yessfaq {
	color: #333;
	font-size: 1rem;
	line-height: 1.75em;
	text-align: left;
	margin-bottom: 50px;
	padding-left: 35px;
}
.dt-yessfaq:before {
content: 'Q.';
	color: #2967af;
	text-align: left;
	font-size: 1.5rem;
	font-weight: bold;
margin-right: 10px;
}

.dd-yessfaq:before {
content: 'A.';
color: #e50112;
	text-align: left;
	font-size: 1.5rem;
	font-weight: bold;
margin-left: -35px;
	margin-right: 10px;
}


.art-yesslick02 {
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	display:flex;
justify-content:space-between;
flex-wrap: wrap;
}

.div-yesslick02 {
	width: calc(100% / 3 - 10px);
	margin-bottom: 50px;
}

.a-yesslick02 {
	width: 100%;
	position: relative;
}

.img-yesslick02 {
	width: 100%;
	height: auto;
}

.spn-yesslick02 {
	background-color: rgba(0, 0, 0, .75);
	padding: 10px;
	color: #fff;
	position: absolute;
	bottom: 0;
	z-index: 5;
	display: block;
	line-height: 1.5em;
	font-size: 0.85rem;
	width: 200%;
	text-align: left;
}	

/*ESTATE*/
.img-eatatop01 {
	
}
.h2-biztop {
	position: absolute;
	  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  z-index: 5;
  border-style: solid;
  background-color: rgba(0, 0, 0, .75);
  padding-top: 20px;
	padding-bottom: 20px;
  width: 800px;
}
.h2-biztop b {
	display: block;
	color: #fff;
	font-size: 3rem;
	text-align: center;
	margin-bottom: 10px;
}
.h2-biztop i {
	display: block;
	color: #fff;
	font-size: 1rem;
	text-align: center;
}

.art-estateintro {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	background-color: #fff;
	position: relative;
	z-index: 3;
	top: -120px;
	padding: 30px;
	text-align: center;
	margin-bottom: -120px;
}

.ul-estateintro {
display:flex;
justify-content:space-between;
flex-wrap: wrap;
margin-bottom: 25px;
}
.ul-estateintro li {
	width: calc(100% / 4 - 10px);
	display: block;
	background-color: #1299A9;
	color: #fff;
	font-size: 1.25rem;
	font-weight: bold;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}

.art-estateintro2 {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	background-color: #fff;
	position: relative;
	z-index: 3;
	top: -120px;
	padding: 30px;
	text-align: center;
	margin-bottom: -120px;
}

.ul-estateintro2 {
display:flex;
justify-content:space-between;
flex-wrap: wrap;
margin-bottom: 25px;
}
.ul-estateintro2 li {
	width: calc(100% / 3 - 10px);
	display: block;
	background-color: #1299A9;
	color: #fff;
	font-size: 1.25rem;
	font-weight: bold;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}


.art-estatexp {
	width: 800px;
	padding: 30px;
	background-color: #fff;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 125px;
	display: block;
	height: 300px;
	position: relative;
}
.art-estatexp:before {
	content: '';
	display: block;
	background-color: #e50112;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 0;
	left: 0;
	clip-path: polygon(0 0, 0% 100%, 100% 0);
}

.h3-estatexp {
	color: #333;
	font-weight: bold;
	font-size: 1.5rem;
	line-height: 1.5em;
	text-align: left;
	margin-bottom: 25px;
}

.div-estatexp {
display:flex;
justify-content:space-between;
flex-wrap: wrap;
width: 800px;
margin-right: auto;
	margin-left: auto;
}


.p-estatexp {
	width: 47.5%;
	color: #333;
	font-size: 1rem;
	line-height: 1.75em;
	text-align: left;
}

.spn-estatexp {
	width: 47.5%;
}
.spn-estatexp img {
	width: 100%;
	height: auto;
}


.ul-eatateplan {
display:flex;
justify-content:space-between;
flex-wrap: wrap;
width: 800px;
margin-right: auto;
	margin-left: auto;
margin-bottom: 10px;
}
.ul-eatateplan li {

	width: calc(100% / 2 - 5px);
}
.ul-eatateplan li img {

	top: 0;
	left: 0;
	width: 100%;
	height: auto;
}
.ul-eatateplan li b {

	color: #47a9b6;
	font-size: 1.25rem;
	font-weight: bold;
	text-align: center;
	position: relative;
	top: 2.5em;
}

.div-estateother {
	background-color: #f9f9f9;
	margin-right: auto;
	margin-left: auto;
	width: 800px;
	padding: 20px;
}


.h3-estateother {
	color: #333;
	font-size: 1.25rem;
	font-weight: bold;
	text-align: left;
	margin-bottom: 25px;
}

.ul-estateother {
	overflow: hidden;
}

.ul-estateother li {
	float: left;
	text-align: left;
	margin-left: 1em;
	margin-right: 1.8em;
	list-style-type: disc;
	width: calc(100% / 4 - 40px);
	font-size: 0.85rem;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}


/*GENERAL*/
.sec-generesult {
	margin-bottom: 100px;
	width: 100%;
	margin-top: 25px;
}
.div-generesult{

	width: 960px;
	margin-right: auto;
	margin-left: auto;}	
.art-generesult{

	margin-right: auto;
	margin-left: auto;		
	display:flex;
justify-content:space-between;
flex-wrap: wrap;
width: 100%;
}		
	
	
.div-geneimg {
	width: 47.5%;
}		
	
.img-generesult {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
}	
.tab-generesult {
	width: 47.5%;
}	
.h4-generesult {
	color: #2966af;
	font-weight: bold;
	font-size: 1.75rem;
	margin-bottom: 10px;
}
.tab-generesult {
	border-top: 1px dotted #ccc;
}	
.tab-generesult th {
	color: #333;
	font-size: 1rem;
	line-height: 1.5em;
	border-bottom: 1px dotted #ccc;
	padding: 10px;
	width: 8em;
	text-align: left;
}	
.tab-generesult td {
	color: #333;
	font-size: 1rem;
	line-height: 1.5em;
	border-bottom: 1px dotted #ccc;
	padding: 20px;
	text-align: left;
}	
.a-generesult {
        display: block;
        padding-top: 15px;
        padding-bottom: 15px;
        color: #fff;
        font-size: 1rem;
        text-align: center;
		margin: 25px auto 100px;
		width: 25%;
	background-color: #2967af;		
	}	


/*REC-WORKEXP*/
.sec-rectop {
clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);

	background-image: linear-gradient(to right, #0594d7 0%, #0271b2 100%);
margin-bottom: 50px;
}
.div-rectop {
display:flex;
align-items: center;
justify-content:center;
margin-right: auto;
	margin-left: auto;
width: 960px;
}
.h2-rectop {
	background: url(../img/f_staff01.svg) 0 100px no-repeat;
	background-size: 250px auto;
	padding-top: 150px;
	padding-bottom: 100px;
	padding-left: 250px;
}

.h2-rectop2 {
	background: url(../img/f_staff05.svg) 0 100px no-repeat;
	background-size: 250px auto;
	padding-top: 150px;
	padding-bottom: 100px;
	padding-left: 250px;
}

.h2-rectop2 b {
	color: #fff;
	text-align: left;
	display: block;
	font-size: 3rem;
	font-weight: bold;
	letter-spacing: 0.2em;
}
.h2-rectop2 i {
	color: #fff;
	text-align: left;
	display: block;
	font-size: 1.5rem;
	margin-bottom: 10px;
}

.h2-rectop3 {
	background: url(../img/f_staff04r.svg) -20px 100px no-repeat;
	background-size: 250px auto;
	padding-top: 150px;
	padding-bottom: 100px;
	padding-left: 250px;
}

.h2-rectop3 b {
	color: #fff;
	text-align: left;
	display: block;
	font-size: 3rem;
	font-weight: bold;
	letter-spacing: 0.2em;
}
.h2-rectop3 i {
	color: #fff;
	text-align: left;
	display: block;
	font-size: 1.5rem;
	margin-bottom: 10px;
}

.h2-rectop b {
	color: #fff;
	text-align: left;
	display: block;
	font-size: 3rem;
	font-weight: bold;
	letter-spacing: 0.2em;
}
.h2-rectop i {
	color: #fff;
	text-align: left;
	display: block;
	font-size: 1.5rem;
	margin-bottom: 10px;
}

.sec-rec-comln {
	width: 100%;
	margin-bottom: 50px;
}
.div-rec-comln {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
.ul-rec-howork {
display:flex;
justify-content:center;


width: 960px;
margin-right: auto;
	margin-left: auto;
margin-bottom: 50px;
overflow: hidden;
}

.li-rec-howork {
	width:calc(100% / 4 - 2px);
	margin-right: 1px;
	margin-left: 1px;
}
.li-rec-howork:nth-last-child(1) {
	border-right-width: 0;
	border-right-style: none;
}
.howork4 li {
	width: calc(100% / 4);
}
.li-rec-howork a {
	color: #0167aa;
	font-size: 1rem;
	text-align: center;
	display: block;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #f9f9f9;
}
.li-rec-howork a:hover
 {
	background-color: #007cbe;
	color: #fff;
}
.a-rec-howork {

	margin-right: auto;
	margin-left: auto;
}
.slickhowork {
	margin-bottom: 100px;
}

.ul-recexp-slick {
	
}

.li-recexp-slick {
	
}

.img-recexp-slick {
	
}
.ul-howorktop {
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 100px;
}
.ul-howorktop li {
	margin-bottom: 10px;
}
.ul-howorktop li a {
	background-color: #0565a6;
	color: #fff;
	font-weight: bold;
	text-align: left;

font-size: 1.25rem;
padding: 20px;
display: block;
}
.ul-howorktop li a:after
	
 {
	content: '▶';
	color: #fff;
	font-size: 0.85rem;
	float: right;
}

.a-gotohwtop {
	background-color: #0565a6;
	color: #fff;
	font-weight: bold;
	text-align: center;

font-size: 1.25rem;
padding: 20px;
display: block;
margin-right: auto;
	margin-left: auto;
margin-bottom: 100px;
width: 400px;
}
.a-gotohwtop:before {
	content: '◀';
		color: #fff;
	font-size: 0.85rem;
	margin-right: 10px;
}

.a-gotohwnext {
	background-color: #0565a6;
	color: #fff;
	font-weight: bold;
	text-align: center;

font-size: 1.25rem;
padding: 20px;
display: block;
margin-right: auto;
	margin-left: auto;
margin-bottom: 100px;
width: 400px;
}
.a-gotohwnext:after {
	content: '▶';
		color: #fff;
	font-size: 0.85rem;
	margin-left: 10px;
}

.art-rec-colmn01 {
	width: 960px;
	position: relative;
	padding-bottom: 100px;
	left: 0;
}
.art-rec-colmn02 {
	width: 960px;
	position: relative;
	padding-bottom: 100px;
}
.art-rec-colmn01:after {
	content: '';
	display: block;
	background-color: #f6f0e3;
	width: 300px;
	height: 300px;
	position: absolute;
	top: 30px;
	left: 0;
	z-index: -2;
	overflow: hidden;
	border-radius: 100%;
}




.art-rec-colmn02:after {
	content: '';
	display: block;
	background-color: #f6f0e3;
	width: 300px;
	height: 300px;
	position: absolute;
	z-index: -2;
	overflow: hidden;
	right: 0;
	top: 30px;
	border-radius: 100%;
}

/*staff1*/
.bg_staff1l{
     background: url(../img/p_staff04_l.png) 5px 0 no-repeat;
     background-size: 300px auto;
     padding-left: 320px;
}
.bg_staff1r {
    background: url(../img/p_staff04_r.png) right 0 no-repeat;
	background-size: 300px auto;
}


/*staff2*/
.bg_staff2l{
     background: url(../img/p_staff06_l.png) 5px 0 no-repeat;
     background-size: 300px auto;
     padding-left: 320px;
}
.bg_staff2r {
    background: url(../img/p_staff06_r.png) right 0 no-repeat;
	background-size: 300px auto;
}



/*staff3*/
.bg_staff3l{
     background: url(../img/p_staff01_l.png) 5px 0 no-repeat;
     background-size: 300px auto;
     padding-left: 320px;
}
.bg_staff3r {
    background: url(../img/p_staff01_r.png) right 0 no-repeat;
	background-size: 300px auto;
}



/*staff4*/
.bg_staff4l{
     background: url(../img/p_staff02_l.png) 5px 0 no-repeat;
     background-size: 300px auto;
     padding-left: 320px;
}
.bg_staff4r {
    background: url(../img/p_staff02_r.png) right 0 no-repeat;
	background-size: 300px auto;
}



/*staff5*/
.bg_staff5l{
     background: url(../img/p_staff04_l.png) 5px 0 no-repeat;
     background-size: 300px auto;
     padding-left: 320px;
}
.bg_staff5r {
    background: url(../img/p_staff04_r.png) right 0 no-repeat;
	background-size: 300px auto;
}



/*staff6*/
.bg_staff6l{
     background: url(../img/p_staff05_l.png) 5px 0 no-repeat;
     background-size: 300px auto;
     padding-left: 320px;
}
.bg_staff6r {
    background: url(../img/p_staff05_r.png) right 0 no-repeat;
	background-size: 300px auto;
}

/*staff7*/
.bg_staff7l{
     background: url(../img/p_staff03_l.png) 5px 0 no-repeat;
     background-size: 300px auto;
     padding-left: 320px;
}
.bg_staff7r {
    background: url(../img/p_staff03_r.png) right 0 no-repeat;
	background-size: 300px auto;
}

/*staff7*/
.bg_staff8l{
     background: url(../img/p_staff07_l.png) 5px 0 no-repeat;
     background-size: 300px auto;
     padding-left: 320px;
}
.bg_staff8r {
    background: url(../img/p_staff07_r.png) right 0 no-repeat;
	background-size: 300px auto;
}



.h3-rec-exp1 {

	position: relative;
	padding-bottom: 5px;
	margin-bottom: 25px;
}


.h3-rec-exp1 span {
		color: #2967af;
	font-size: 2rem;
	font-weight: bold;
}


.h3-rec-exp1:before {
	content: '';
	position: absolute;
	display: block;
	background-color: #EADDBD;
	height: 20px;
	bottom: -5px;
	width: 80%;
	z-index: -1;
	left: 10px;
}

.h3-rec-exp2 {

	position: relative;
	padding-bottom: 5px;
	margin-bottom: 25px;
}


.h3-rec-exp2 span {
		color: #2967af;
	font-size: 2rem;
	font-weight: bold;
	text-align: right;
	width: 100%;
}


.h3-rec-exp2:before {
	content: '';
	position: absolute;
	display: block;
	background-color: #EADDBD;
	height: 20px;
	bottom: -5px;
	width: 70%;
	z-index: -1;
	left: 10px;
}


.h3-rec-exp {

	position: relative;
	padding-bottom: 5px;
	margin-bottom: 25px;
}


.h3-rec-exp span {
		color: #2967af;
	font-size: 2rem;
	font-weight: bold;
}


.h3-rec-exp:before {
	content: '';
	position: absolute;
	display: block;
	background-color: #EADDBD;
	height: 20px;
	bottom: -5px;
	width: 80%;
	z-index: -1;
	left: 10px;
}

.p-rec-exp {
	background-color: #fff;
/*	border: 1px solid #ccc;*/
/*	border-radius: 10px;*/
	padding: 30px;
	color: #333;
	font-size: 1rem;
	line-height: 1.75em;
	font-weight: bold;
	box-shadow: 2px 2px 5px #999;
}
.p-rec-exp i {
    background: linear-gradient(transparent 60%, #EADDBD 60%);
	color: #333;
	font-size: 1rem;
	font-weight: bold;
}
.p-rec-exp b {
	color: #2967af;
	font-size: 1rem;
	font-weight: bold;
}
.p-rec-exp b i {
    background: linear-gradient(transparent 60%, #EADDBD 60%);
	color: #2967af;
	font-size: 1rem;
	font-weight: bold;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

.ul-rec-list {
	margin-left: 20px;
	width: 600px;
}


.li-rec-list {
	margin-bottom: 10px;
	background-color: #fff;
	color: #333;
	font-size: 1.25rem;
	
/*	border-left: 5px solid #2967af;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;*/
	line-height: 1.5em;
		box-shadow: 2px 2px 5px #999;
position: relative;
padding: 15px 20px;
font-weight: bold;
}

.li-rec-list i {
	font-size: 1rem;
	font-weight: normal;
	font-style: normal;
}




.li-rec-list:before {
content:'';
clip-path: polygon(0 0, 0% 100%, 100% 0);
position: absolute;
top: 0;
left: 0;
width: 15px;
height: 15px;
background-color: #2966af;
}


.li-rec-list i {
	font-size: 1rem;
	margin-left: 1rem;
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 1.5em;
}


.ul-rec-flow {
	width: 500px;
	margin-left: 50px;
}


.li-rec-flow {
	background-image: linear-gradient(to right, #0594d7 0%, #0271b2 100%);
	color: #fff;
	font-weight: bold;
	text-align: center;
	display: block;
	margin-bottom: 10px;
	position: relative;
	font-size: 1.5rem;
		box-shadow: 2px 2px 5px #999;
	line-height: 1.5em;
	padding: 25px;
}

.ul-rec-flow2 .li-rec-flow {
	font-size: 1.25rem!important;
	line-height: 1.5em;
}


.li-rec-flow:after {
  font: 1.5rem "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f13a";
	position: absolute;
	left: 50%;
  transform: translateY(-50%) translateX(-50%);
  bottom: -30px;
  color: #EADDBD;
  z-index: 5;
}
.li-rec-flow:before	 {
  font: 1.5rem "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f111";
	position: absolute;
	left: 50%;
  transform: translateY(-50%) translateX(-50%);
  bottom: -30px;
  color: #2967af;
  z-index: 4;
}
.li-rec-flow:nth-last-child(1):after,
.li-rec-flow:nth-last-child(1):before{
  content: ""!important;	
}


.div-rec-career {
display:flex;
justify-content:space-between;
flex-wrap: wrap;
width: 650px;
margin-bottom: 50px;
}
.careerbg {
	background-color: #f6f6f6;
	width: 550px;
	padding: 20px 20px 20px 50px;
	z-index: 4;
	position: relative;
	left: -30px;
	top: 30px;
}

.h4-rec-year {

display:flex;
justify-content:center;
flex-wrap: wrap;
align-items: center;
text-align: center;
width: 100px;
height: 100px;
border-radius: 100%;
z-index: 5;
position: relative;
}



.h4-rec-year span {
	
}

.h4-rec-year span b {
	color: #fff;
	font-size: 2rem;
	font-weight: bold;
	display: inline-block;
	text-align: center;
}

.h4-rec-year span i {
	color: #fff;
	font-size: 1rem;
	font-weight: bold;
	display: inline-block;
	text-align: center;
}


.tab-rec-career {
	width: 470px;
	    border-collapse:collapse;
}

.tab-rec-career th {
	color: #0068B7;
	font-size: 1rem;
	line-height: 1.5em;
	text-align: left;
	width: 6em;
	font-weight: bold;
	padding: 15px;
}

.tab-rec-career td {
	color: #333;
	font-size: 1rem;
	line-height: 1.5em;
	text-align: left;
	padding: 15px;
}
.tab-rec-career tr {
	border-bottom: 1px dotted #ccc;
}

.year-entry {
	background-color: #7ECEF4;
}
.year-2 {
	background-color: #65BAE8;
}
.year-4 {
	background-color: #4CA5DC;
}

.year-6 {
	background-color: #3291CF;
}

.year-8 {
	background-color: #197CC3;
}

.year-10 {
	background-color: #0068B7;
}


/*COMPANY*/
.sec-comptop {
	width: 100%;
	height: 500px;
		background: url(../img/bg_companytop.jpg) no-repeat;
	background-size: cover;
}

.div-comptop {
	height: 500px;
	display:flex;
justify-content:center;
align-items: center;
}

.sec-comptop2 {
	width: 100%;
	height: 350px;
		background: url(../img/bg_companytop.jpg) no-repeat;
	background-size: cover;
}

.div-comptop2 {
	height: 350px;
	display:flex;
justify-content:center;
align-items: center;
position: relative;
}
.h2-comptop {
	background-color: rgba(0, 0, 0, .5);
	padding: 20px 50px;
}
.h2-comptop span {

}

.ul-chmenu {
	position: absolute;
	bottom: 0;
	display:flex;
justify-content:space-between;
flex-wrap: wrap;
}
.ul-chmenu li {
	margin-left: 1px;
	margin-right: 1px;
}
.ul-chmenu li a {
		background-color: #f9f9f9;
	display: block;
	text-align: center;
	color: #333;
	font-size: 1rem;
	padding: 20px 30px;
}
.chnow a {
	background-color: #fff!important;
	margin-top: -5px;
	padding-top: 25px!important;
}


.h2-comptop b {
	color: #fff;
	text-align: center;
	display: block;
	font-size: 2.5rem;
	letter-spacing: 0.4em;
	margin-bottom: 10px;
}
.h2-comptop i {
	color: #fff;
	text-align: center;
	display: block;
	font-size: 1rem;
}

.sec-comp-comln {
	
}

.div-comp-comln {
	text-align: center;
}
.img-shaze {
	width: 200px;
	height: auto;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
}

.img-shakun {
	width: 600px;
	height: auto;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
}

.ul-complink {
display:flex;
justify-content:space-between;
flex-wrap: wrap;
width: 1200px;
margin-right: auto;
	margin-left: auto;
}
.ul-complink li {
	width:calc(100% / 4 - 10px);
	margin-bottom: 50px;
}

.ul-complink li a {
	display: block;
	position: relative;
	width: 100%;
}

.ul-complink li a b {
	display: block;
	position: absolute;
	bottom: 0;
	text-align: center;
	width: 100%;
	background-color: rgba(0, 0, 0, .50);
	padding-top: 20px;
	padding-bottom: 20px;
	color: #fff;
	font-size: 1.25rem;
	font-weight: bold;
}

.ul-complink a img {
	width: 100%;
}

.div-compmovie {
	display: block;
	width: 400px;
	margin-right: auto;
	margin-left: auto;
}

.ifra-compmovie {
	display: block;
	width: 100%;
height: auto;
aspect-ratio: 16 / 9;
}

.art-compnews {
display:flex;
justify-content:space-between;
flex-wrap: wrap;
width: 860px;
margin-right: auto;
	margin-left: auto;
}
.div-compnews {
	width: 400px;
}
.ul-compnews {
	border-top: 1px dotted #ccc;
}
.li-compnews {
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #ccc;
}
.li-compnews i {
	color: #666;
	font-size: .85rem;
	display: block;
	text-align: left;
	margin-bottom: 10px;
}
.a-compnews {
	color: #17375e;
	font-size: 1rem;
	line-height: 1.5em;
	display: block;
	text-align: left;
	padding-left: 1rem;
}


.art-comgreet {
display:flex;
justify-content:space-between;
flex-wrap: wrap;
width: 800px;
margin-right: auto;
	margin-left: auto;
}

.art-comgreet span {
	width: 300px;
}
.art-comgreet span {
	color: #333;
	font-weight: bold;
	font-size: 1.25rem;
}
.img-comgreet {
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}

.p-comgreet {
	width: 480px;
	color: #333;
	font-size: 1rem;
	text-align: left;
	line-height: 1.75em;
}
.p-comgreet b {
	color: #2967af;
	font-size: 1.5rem;
	font-weight: bold;
	margin-bottom: 20px;
	display: block;
	float: none;
}

.tab-company {
    border-collapse:collapse;
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	border-top: 1px dotted #ccc;
}

.tab-company tr {
	border-bottom: 1px dotted #ccc;
}
.tab-company th {
	color: #333;
	font-size: 1rem;
	text-align: left;
	line-height: 1.75em;
	padding: 20px 50px;
	width: 13em;
}
.tab-company td {
	color: #333;
	font-size: 1rem;
	text-align: left;
	line-height: 1.75em;
	padding: 20px 50px;
}
.tab-company td a {
	padding: 20px;
	color: #2967af;
	font-size: 1rem;
	line-height: 1.5em;
	text-align: left;	
}

.art-office {
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 100px;
}
.img-office {
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}
.ul-office {
	margin-bottom: 20px;
	border-top: 1px dotted #ccc;
}
.ul-office li {
	color: #333;
	font-size: 1rem;
	line-height: 1.5em;
	text-align: left;
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #ccc;
} 
.map-office {
	width: 100%;
	height: 400px;
}



.div-clip {

position: absolute;
width: 100%;
height: 100vh;
right: -50vw;
animation-name: topimg;
animation-fill-mode:backwards;/*2で解説*/
animation-duration:10s;/*3で解説*/
animation-iteration-count:infinite;/*4で解説*/
animation-timing-function:ease;/*5で解説*/
/*animation-delay: 5s;6で解説*/
animation-direction:alternate;/*7で解説*/
}
/*1で解説*/
@keyframes topimg{
  0% {
clip-path: polygon(0 0, 100% 0%, 100% 100%, 20% 100%);
  }
  45% {
clip-path: polygon(0 0, 100% 0%, 100% 100%, 20% 100%);
  }
  55% {
clip-path: polygon(20% 0, 100% 0%, 100% 100%, 0 100%);
  }


 100% {
clip-path: polygon(20% 0, 100% 0%, 100% 100%, 0 100%);
  }

 
}

/*RECRUITTOP*/

.sec-rechead {
	width: 100%;
	padding-top: 100px;
}
.div-rechead {
display:flex;
justify-content:center;
flex-wrap: wrap;
margin-right: auto;
	margin-left: auto;
width: 1200px;
}

.h2-rechead {
display:flex;
align-items: center;
text-align: center;
display:flex;
justify-content:center;
width: 500px;
}
.h2-rechead span {
	text-align: center;
	display: inline-block;
}
.h2-rechead span b {
	display: block;
	color: #333;
	font-size: 4vw;
	letter-spacing: 0.1em;
}
.h2-rechead span i {
	display: block;
	color: #333;
	font-size: 1vw;
	letter-spacing: 0.2em;
}

.sec-recbody01 {
	text-align: center;
	position: relative;
	z-index: 1;
}
.sec-recbody02 {
	text-align: center;
		clip-path: polygon(0 20%, 100% 0, 100% 100%, 0 80%);
	background-color: #deebfe;
	position: relative;
	z-index: 2;
	margin-top: -75px;
}
.sec-recbody03 {
	text-align: center;
	position: relative;
	z-index: 3;
}
.sec-recbody04 {
	text-align: center;
	position: relative;
	z-index: 4;
	
}
.sec-recbody05 {
	text-align: center;
clip-path: polygon(0 0, 100% 20%, 100% 100%, 0% 100%);
	background-color: #deebfe;
	position: relative;
	z-index: 5;
	margin-top: -75px;
	padding-top: 50px;
	padding-bottom: 50px;
	
}
.sec-recbody06 {
	text-align: center;

	background-color: #deebfe;
	position: relative;
	z-index: 6;
	margin-top: -75px;
	padding-top: 50px;
	padding-bottom: 50px;
}
.sec-recbody07 {
	text-align: center;
	position: relative;
	z-index: 7;
	background: #0167a7;
	padding-top: 130px;
	clip-path: polygon(0 20%, 100% 0, 100% 100%, 0% 100%);
	margin-top: -125px;
	margin-bottom: 100px;
}

.div-recbody01 {
display:flex;
flex-direction: row-reverse;
justify-content:space-between;
flex-wrap: wrap;
width: 550px;
margin-right: auto;
	margin-left: auto;
	align-items: center;
padding-top: 100px;
}

.div-recbody03 {
display:flex;
flex-direction: row;
justify-content:space-between;
flex-wrap: wrap;
width: 700px;
margin-right: auto;
	margin-left: auto;
align-items: center;
	margin-top: -125px;
}

.div-recbody02 {
	background: url(../img/bg_rectop01.svg) center bottom repeat-x;
	background-size: auto 40%;
	width: 100%;
	animation: bgloop 30s linear infinite; /*秒数等はお好きな数値に、infiniteは残す*/
	padding-bottom: 250px;
	padding-top:250px;
}
@keyframes bgloop {
  from {
      background-position: 0 center;
  }
  to {
      background-position: -1000px center; /*-1000px部分は画像の横幅と同じ数値*/
  }
}
.div-recbody03 {
	width: 750px;
	
}

.div-recbody04 {
display:flex;
flex-direction: row-reverse;
justify-content:space-between;
flex-wrap: wrap;
width: 650px;
margin-right: auto;
	margin-left: auto;
	align-items: center;
padding-top: 100px;	
}

.div-recbody05 {
	background: url(../img/bg_rectop02.svg) center center repeat-x;
	background-size: auto 50%;
	width: 100%;
	height: 500px;	
	animation: bgloop2 30s linear infinite; /*秒数等はお好きな数値に、infiniteは残す*/
}
@keyframes bgloop2 {
  from {
      background-position: 0 center;
  }
  to {
      background-position: -1000px center; /*-1000px部分は画像の横幅と同じ数値*/
  }
}
.div-recbody06 {
	width: 600px;
display:flex;
justify-content:space-between;
flex-wrap: wrap;
margin-right: auto;
	margin-left: auto;
	
	align-items: center;
}

.div-recbody07 {
background: url(../img/bg_rectop03.svg) center bottom repeat-x;
width: 100%;
	background-size: auto 75%;
		height: 560px;	
			animation: bgloop3 30s linear infinite; /*秒数等はお好きな数値に、infiniteは残す*/
}
@keyframes bgloop3 {
  from {
      background-position: 0 bottom;
  }
  to {
      background-position: -1000px bottom; /*-1000px部分は画像の横幅と同じ数値*/
  }
}
.img-recbody01 {
	width: auto;
	height: 230px;
	margin-bottom: -25px;
}

.img-recfamily {
	height: 380px;
	width: auto;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	bottom: -50px;
}
.img-rectogether {
	width: 1000px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	margin-top: -50px;
}
.p-rectopexp {
	color: #2967af;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.5em;
	display: block;
	position: relative;
	z-index: 10;
}

.p-rectopexp2 {
	color: #fff;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.5em;
	display: block;
	position: relative;
	z-index: 10;
	margin-bottom: 50px;
}	



.sec-rectopmenu {
	padding-bottom: 100px;
	padding-top: 100px;
	background-color: #f9f9f9;
}

.div-rectopmenu {
	text-align: center;
}


.sec-rectopnews {
	text-align: center;
	background-color: #0366a6;
	padding-top: 100px;
	padding-bottom: 100px;
}
.div-rectopnews{

	
}
.ul-rectopmenu {
display:flex;
justify-content:center;
flex-wrap: wrap;	width: 960px;
	margin-right: auto;
	margin-left: auto;
margin-top: 50px;
}
.ul-rectopmenu li {
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom: 20px;
}
.ul-rectopmenu li a {
	background-color: #0565a6;


aspect-ratio: 1 / 1;
width: 220px;/*
border-radius: 100%;*/
transition: all 0.2s ease-in-out 0s;
position: relative;
display: block;

}
.ul-rectopmenu li a .spn-rectopmenu {
	color: #fff;
	position: absolute;
	z-index: 6;
	  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  line-height: 1.5em;
  font-weight: bold;
  font-size: 1.25rem;
  width: 100%;
}
.ul-rectopmenu li a .material-symbols-outlined {
	color: #0470ba;
	position: absolute;
	z-index: 5;
	  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  font-size: 10rem;
  line-height: 1.5em;
  font-weight: bold;
  width: 100%;
}



.ul-rectopmenu li a:hover {
	transition: all 0.2s ease-in-out 0s;
	transform: scale(1.05,1.05);
	background-color: #0998fa;
}

.a-rectopmenu {

}
.art-rectopnews {
	background-color: #fff;
	text-align: center;
	padding: 50px;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}

/*RECKNOWCOMPANY*/
.sec-recnexthead {
	background-color: #0167aa;

	position: relative;
}
/*.sec-recnexthead:after {
	content: '';
	width: 100%;
	background-color: #fff;
clip-path: polygon(0 50%, 100% 0, 100% 100%, 0% 100%);
	height: 150px;
	display: block;
	position: absolute;
	bottom: 0;
}*/
.div-recnexthead {
display:flex;
justify-content:center;
flex-wrap: wrap;
	height: 350px;

align-items: end;
margin-bottom: 50px;
}
.div-recnexthead2 {
display:flex;
justify-content:center;
flex-wrap: wrap;

align-items: center;
padding-top: 150px;
	padding-bottom: 50px;
margin-bottom: 50px;
}


.div-knowcomphead {
display:flex;
justify-content:space-between;
flex-wrap: wrap;

flex-direction: row-reverse;
}

.div-knowcomphead_top {
display:flex;
justify-content:space-between;
flex-wrap: wrap;
width: 600px;
margin-right: auto;
	margin-left: auto;
flex-direction: row-reverse;
padding-top: 150px;
margin-bottom: 50px;
}

.div-knowcomphead2 {
display:flex;
justify-content:center;
flex-wrap: wrap;
align-items: center;
}


.spn-nch-l {
	width: 200px;
}
.img-knowcomphead {
	width: 200px;
	height: auto;
}
.spn-nch-r {

	width: 400px;
}
.h2-knowcomp {
	color: #fff;
	font-size: 2.5rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 15px;
}
.h2-knowcomp2 {
	color: #fff;
	font-size: 2.5rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 15px;
	letter-spacing: 0.1em;
	line-height: 1.25em;
}
.h2-knowcomp2 i {
	color: #fff;
	font-size: 1.25rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
	display: block;
	letter-spacing: 0;
}
.p-knowcomphead {
	background-color: #fff;
	padding: 20px;
	color: #333;
	font-size: 1rem;
	line-height: 1.5em;
	border-radius: 10px;
	position: absolute;
width: 400px;
}
.p-knowcomphead:before {
content: '◀';
color: #fff;
font-size: 40px;
position: absolute;
top: 25%;
left: -20px;
}
.sec-recnext {
	padding-bottom: 100px;
}
.div-recnext {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	background: url(../img/f_recontbg.svg) no-repeat;
	background-size: 300px auto;
	text-align: center;
}
.h3-ncn-top {
	font-size: 1.5rem;
	line-height: 1.5em;
		color: #2967af;
	font-weight: bold;
	padding-top: 30px;
	padding-left: 30px;
	margin-bottom: 20px;
}
.art-ncn-top {
display:flex;
justify-content:space-between;
flex-wrap: wrap;flex-direction: row-reverse;
margin-bottom: 50px;
}
.art-ncn-top span {
	width: 300px;
	text-align: center;
	color: #333;
	font-size: 0.85rem;
	font-weight: bold;
}
.art-ncn-top span img {
	width: 100%;
	height: auto;
	margin-bottom: 5px;
}
.p-ncn-top {
	width: 570px;
	color: #333;
	font-size: 1rem;
	line-height: 1.75em;
	margin-left: 30px;
	text-align: left;
}
.p-ncn-top b {
	font-size: 1.25rem;
	font-weight: bold;
	line-height: 2em;
}

.ul-ncn-menutop {
display:flex;
justify-content:space-between;
flex-wrap: wrap;
width: 660px;
margin-right: auto;
	margin-left: auto;
}
.ul-ncn-menutop li {

	margin-right: 10px;
	margin-left: 10px;
	width: 200px;
}
.ul-ncn-menutop li a {
	display: block;
	
display:flex;
justify-content:space-between;
flex-wrap: wrap;
align-items: center;
background-color: #0565a6;
height: 200px;
}
.ul-ncn-menutop li a b {
	color: #fff;
	font-size: 1.5rem;
	font-weight: bold;
	text-align: center;
	display: block;
	width: 100%;
}









.ul-ncn-menunext {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	display:flex;
justify-content:space-between;
flex-wrap: wrap;
}
.ul-ncn-menunext li {
	width: calc(100% / 4);
}
.ul-ncn-menunext li a {
	display: block;
	color: #0764a6;
	font-size: 1rem;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}
.ul-ncn-menunext li:nth-child(1) {
	border-right: 1px solid #0764a6;
	border-left: 1px solid #0764a6;
	border-top: 1px solid #0764a6;
	border-bottom: 1px solid #0764a6;
	border-radius: 50px 0 0 50px ;
	overflow: hidden;
}
.ul-ncn-menunext li:nth-child(2) {
	border-right: 1px solid #0764a6;
	border-top: 1px solid #0764a6;
	border-bottom: 1px solid #0764a6;
}
.ul-ncn-menunext li:nth-child(3) {
	border-right: 1px solid #0764a6;
	border-top: 1px solid #0764a6;
	border-bottom: 1px solid #0764a6;
}
.ul-ncn-menunext li:nth-child(4) {
	border-right: 1px solid #0764a6;
	border-top: 1px solid #0764a6;
	border-bottom: 1px solid #0764a6;
		border-radius: 0 50px 50px  0 ;
	overflow: hidden;
}
.a-ncnow {
	background-color: #0764a6;
	color: #fff!important;
}

.ul-ncn-menunextop {
	margin-bottom: 50px;
}
.ul-ncn-menunexbtm {
	margin-bottom: 100px;
}

.art-ncn-feature {
display:flex;
justify-content:space-between;
flex-wrap: wrap;
width: 800px;
margin-right: auto;
	margin-left: auto;
margin-bottom: 25px;
}
.art-ncn-feature span {
	width: 200px;
}
.art-ncn-feature div {
	width: 580px;
}


.fig-ncn-feature {
	
}

.h3-ncn-feature {
	font-size: 1.5rem;
	line-height: 1.5em;
		color: #2967af;
	font-weight: bold;
}

.h3-ncn-feature:before {

}


.p-ncn-feature {
	color: #333;
	font-size: 1rem;
	line-height: 1.75em;
}

.img-ncn-feature {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 100px;
}

.p-ncn-exp {
	color: #333;
	font-size: 1.5rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 50px;
	line-height: 1.5em;
}



.art-recnext-biz {
display:flex;
justify-content:space-between;
flex-wrap: wrap;
width: 800px;
margin-right: auto;
	margin-left: auto;
background: url(../img/f_recontbg.svg) right top no-repeat;
background-size: 300px auto;
}
.h3-recnext-biz {

	position: relative;
	margin-bottom: 15px;
}
.h3-recnext-biz b {
	font-size: 1.5rem;
	color: #2967af;
	font-weight: bold;
	position: relative;
	z-index: 1;
	margin-left: 0.5em;
	display: block;
	line-height: 1.25em;
}
.h3-recnext-biz:after {
	content: '';
	background-color: #eadcbc;
	height: 10px;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 0;
}
.p-recnext-biz {
	color: #333;
	font-size: 1rem;
	line-height: 1.75em;
	padding: 10px;
}
.art-recnext-biz div {
	width: 580px;
}
.art-recnext-biz span {
	width: 200px;
}

.fig-recnext-biz {

}
.fig-rnbiz01 {
	width: 150px;
	height: auto;
clip-path: polygon(0 0, 100% 0, 100% 75%, 0 75%);
margin-bottom: -70px;
}
.fig-rnbiz02 {
	width: 150px;
	height: auto;
clip-path: polygon(0 0, 100% 0, 100% 75%, 0 75%);
margin-bottom: -70px;
}
.fig-rnbiz03 {
	width: 200px;
	height: auto;
clip-path: polygon(0 0, 100% 0, 100% 90%, 0 90%);
}
.img-recnext-biz {
	width: 800px;
	margin-right: auto;
	margin-bottom: 100px;
	margin-left: auto;
	position: relative;
	z-index: 3;
}


.dl-recnext-history {
	background-color: #fff;
	border-radius: 10px;
	border: 1px solid #ccc;
	padding: 30px;
	width: 600px;
	position: absolute;
	top: 70px;
	left: 130px;
}
.dl-recnext-history dt {
	font-size: 1rem;
		color: #2967af;
	font-weight: bold;
	letter-spacing: 0.1em;
	margin-bottom: 10px;
}
.dl-recnext-history dt b {
	font-size: 1.5rem;
		color: #2967af;	
}
.dl-recnext-history dd {
	color: #333;
	font-size: 1rem;
	line-height: 1.5em;
	margin-bottom: 2em;
}

.fig-shain-l {
	width: 120px;
	height: auto;
	position: absolute;
	top: 30px;
	left: 30px;
}
.fig-shain-r {
	width: 120px;
	height: auto;
	position: absolute;
	right: 30px;
	top: 30px;
}
.fig-number-pc {
	width: 800px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	position: absolute;
}
.fig-rec-map {
	width: 650px;
	height: auto;
	top: 100px;
	position: absolute;
	left: 90px;
}
.art-recfeat-l {
background: url(../img/f_recontbg.svg) left top no-repeat;
	background-size: 300px auto;
position: relative;
width: 800px;
margin-right: auto;
	margin-left: auto;
}
.art-recfeat-r {
background: url(../img/f_recontbg.svg) right top no-repeat;
background-size: 300px auto;
position: relative;
width: 800px;
margin-right: auto;
	margin-left: auto;
}
.art-recfeat01 {
	height: 450px;
}
.art-recfeat02 {
	height: 650px;
}
.art-recfeat03 {
	height: 750px;
	margin-bottom: 100px;
}

.p-recfeat-l {
	color: #333;
	font-size: 1rem;
	text-align: left;
	line-height: 1.5em;
	position: absolute;
	left: 130px;
	top: 30px;
}
.p-recfeat-r {
	color: #333;
	font-size: 1rem;
	text-align: right;
	line-height: 1.5em;
	position: absolute;
	right: 150px;
	top: 30px;
}

.fig-number-pc {
	width: 680px;
	position: absolute;
	top: 70px;
}

.sec-recreqhead {
	background-color: #0167aa;
	position: relative;
	margin-bottom: 100px;
}

.div-recreqhead {
display:flex;
justify-content:center;
flex-wrap: wrap;
	height: 450px;

align-items: end;
}

.sec-recreqhead3 {
	background-color: #0167aa;
	position: relative;
	margin-bottom: 50px;
}

.div-recreqhead3 {
display:flex;
justify-content:center;
flex-wrap: wrap;

align-items: center;
padding-top: 150px;
	padding-bottom: 75px;
}



.img-knowreqhead {
	height: 250px;
	width: auto;
}

.art-recreq {
display:flex;
justify-content:space-between;
flex-wrap: wrap;
width: 800px;
margin-right: auto;
	margin-left: auto;
margin-bottom: 100px;
}
.img-recreq {
	width: 200px;
	height: auto;
}
.art-recreq div {
	width: 560px;
}
.art-recreq span {
	width: 200px;
}
/*
.h3-recreq {
	font-size: 1rem;
		color: #2967af;
	font-weight: bold;
	letter-spacing: 0.1em;
	margin-bottom: 10px;	
}
.h3-recreq:after {
	
}*/

.dl-recreq {
	padding-top: 50px;
	padding-bottom: 50px;
}
.dl-recreq dt {
	color: #333;
	font-size: 2.5rem;
	line-height: 1.5em;
	margin-bottom: 5px;
}
.dl-recreq dt:before {
	content: '── ';
}
.dl-recreq dd {
	color: #333;
	font-size: 1rem;
	line-height: 2em;
}
.dl-recreq dd b {
	color: #2966af;
	font-size: 1.5rem;
	font-weight: bold;
	padding: 5px;
}

.ul-yokolist {
display:flex;
justify-content:space-between;
flex-wrap: wrap;
width: 800px;
margin-right: auto;
	margin-left: auto;
}
.ul-yokolist li {
	width: calc(100% / 2 - 2px);
	margin-right: 1px;
	margin-left: 1px;
}

.ul-yokolist li a {
	color: #2967af;
	font-size: 1rem;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	display: block;
	transition: all 0.2s ease-in-out 0s;
	background-color: #f9f9f9;
	width: 100%;
	margin-bottom: 50px;
}
.a-yokonow {
	background-color: #2967af;
	color: #fff!important;
}
.ul-yokolist li a:hover {
	background-color: #d1ebfd;
	transition: all 0.2s ease-in-out 0s;
}
.art-yoko {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}

.h3-yoko {
	font-size: 1.5rem;
	color: #2967af;
	font-weight: bold;
	background-color: #f9f9f9;
	padding: 30px;
	text-align: center;
}

.tab-yoko {
	margin-bottom: 100px;
	
}
.tab-yoko td.column-1 {
	color: #333;
	font-size: 1rem;
	line-height: 1.5em;
	text-align: left;
	width: 10em;
	padding: 15px;
	border-bottom: 1px dotted #ccc;
	vertical-align: top;
}
.tab-yoko td.column-2 {
	color: #333;
	font-size: 1rem;
	line-height: 2em;
	text-align: left;
	padding: 15px;
	border-bottom: 1px dotted #ccc;
	vertical-align: top;
}


/*RESULT*/
.art-result {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
.ul-resultlist {
display:flex;
justify-content:space-between;
flex-wrap: wrap;
width: 1200px;
margin-right: auto;
	margin-left: auto;
}
.ul-resultlist li {
	width: calc(100% / 7 - 2px);
	margin-right: 1px;
	margin-left: 1px;
}

.ul-resultlist li a {
	color: #2967af;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	display: block;
	transition: all 0.2s ease-in-out 0s;
	background-color: #f7f7f7;
	width: 100%;
	margin-bottom: 50px;
	font-size: 0.9rem;
	font-weight: bold;
}

.ul-resultlist li a:hover {
	background-color: #d1ebfd;
	transition: all 0.2s ease-in-out 0s;
}

.h3-result {
	margin-bottom: 25px;
}
.h3-result i {
	color: #fff;
	background-color: #333;
	display: inline-block;
	font-weight: bold;
	padding: 10px;
	font-size: 0.75rem;
}

.h3-result b {
	font-weight: bold;
	text-align: center;
	display: block;
		background-color: #2967af;
	padding: 20px 10px;
	font-size: 1.5rem;
	color: #fff;
}
.tab-result {
	width: 100%;
	margin-bottom: 50px;
	border-top: 1px dotted #ccc;
}
.tab-result th {
	color: #333;
	font-size: 1rem;
	line-height: 1.5em;
	padding: 15px;
	border-bottom: 1px dotted #ccc;
	width: 10em;
	text-align: left;
}
.tab-result td {
	color: #333;
	font-size: 1rem;
	line-height: 1.5em;
	padding: 15px;
	border-bottom: 1px dotted #ccc;
	text-align: left;
}
.flexslider {
	margin-bottom: 50px!important;
}

.sec-recnext21 {

	background-color: #fff;
}
.div-recnext21{
	
}

.ul-resultcat{
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	display:flex;
justify-content:left;
flex-wrap: wrap;
}

.ul-resultcat li{
	width: calc(100% / 4 - 10px);
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 10px;
	background-color: #fff;
}

.ul-resultcat li a{
	display: block;
	padding: 10px;
transition: all 0.25s ease-in-out 0s;
}
.ul-resultcat li a:hover{
transition: all 0.25s ease-in-out 0s;
opacity: 0.6;
}
.ul-resultcat li a b{
	color: #333;
	font-size: 0.85rem;
	line-height: 1.25em;
	text-align: center;
	display: block;
}

.ul-resultcat li a img{
	width: 100%;
	height: auto;
	object-fit:cover;
	margin-bottom: 10px;
	aspect-ratio: 1 / 1;
}
.ul-result-archnav {
display:flex;
justify-content:space-between;
flex-wrap: wrap;
margin-bottom: 100px;
	margin-right: auto;
	margin-left: auto;
width: 800px;
}
.ul-result-archnav li {
	
}
.ul-result-archnav li a {
	display:flex;	
	align-items: center;
	background-color: #999;
	padding: 10px 20px;
}
.ul-result-archnav li a i {
	color: #fff;
	display: block;
	font-size: 0.85rem;
	margin-top: 3px;
	margin-right: 3px;
	margin-left: 3px;
}
.ul-result-archnav li a b {
		color: #fff;
	font-size: 1rem;
		display: block;
}

.h4-result {
	color: #333;
	font-size: 1.5rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 25px;
}





/*showcase*/

.art-sctopcat {
	padding-top: 50px;
	padding-bottom: 50px;
}
.art-sctopcat:nth-child(odd) {
	background-color: #f9f9f9;
}

.art-sctopcat:nth-child(even) {

}




.div-showtube {
	width: 100%;
	margin-bottom: 50px;
}
.div-showtube iframe {
aspect-ratio: 16 / 9;
width: 100%;
height: auto;
}


ul.showicon {overflow: hidden;}
ul.showicon li {display: block;padding: 3px 10px;float: left;margin-right: 5px;margin-bottom: 10px;}
li.sta-already {color: #fff;font-size: 12px;background-color: #999;padding: 3px 10px;border: 1px solid #999;margin-right: 5px;margin-bottom: 10px;}

li.sta-out {color: #fff;font-size: 12px;background-color: #999;padding: 3px 10px;border: 1px solid #333;margin-right: 5px;margin-bottom: 10px;}


li.sta-undreno {color: #fff;font-size: 12px;background-color: #999;padding: 3px 10px;border: 1px solid #999;margin-right: 5px;margin-bottom: 10px;}

li.sta-yet {color: #999;font-size: 12px;background-color: #fff;padding: 3px 10px;border: 1px solid #999;margin-right: 5px;margin-bottom: 10px;}
li.sta-sale {color: #000;font-size: 12px;background-color: #fff;padding: 3px 10px;border: 1px solid #000;margin-right: 5px;margin-bottom: 10px;}
li.sta-rent {color: #fff;font-size: 12px;background-color: #000;padding: 3px 10px;border: 1px solid #000;margin-right: 5px;margin-bottom: 10px;}

li.sta-on {color: #000;font-size: 12px;background-color: #ccc;padding: 3px 10px;border: 1px solid #000;margin-right: 5px;margin-bottom: 10px;}
li.sta-off {color: #000;font-size: 12px;background-color: #ccc;padding: 3px 10px;border: 1px solid #000;margin-right: 5px;margin-bottom: 10px;}
li.sta-sell {color: #000;font-size: 12px;background-color: #ccc;padding: 3px 10px;border: 1px solid #000;margin-right: 5px;margin-bottom: 10px;}
li.sta-sold {color: #000;font-size: 12px;background-color: #ccc;padding: 3px 10px;border: 1px solid #000;margin-right: 5px;margin-bottom: 10px;}

li.sta-in {color: #000;font-size: 12px;background-color: #ccc;padding: 3px 10px;border: 1px solid #000;margin-right: 5px;margin-bottom: 10px;}


div.stasusicon {overflow: hidden;}
div.stasusicon div {display: block;padding: 3px 10px;float: left;margin-right: 5px;margin-bottom: 10px;}
div.stasusicon div.sta-already {color: #fff;font-size: 12px;background-color: #999;padding: 3px 10px;border: 1px solid #999;margin-right: 5px;margin-bottom: 10px;}
div.stasusicon div.sta-undreno {color: #fff;font-size: 12px;background-color: #999;padding: 3px 10px;border: 1px solid #999;margin-right: 5px;margin-bottom: 10px;}

div.stasusicon div.sta-out {color: #fff;font-size: 12px;background-color: #999;padding: 3px 10px;border: 1px solid #333;margin-right: 5px;margin-bottom: 10px;}




div.stasusicon div.sta-yet {color: #999;font-size: 12px;background-color: #fff;padding: 3px 10px;border: 1px solid #999;margin-right: 5px;margin-bottom: 10px;}
div.stasusicon div.sta-sale {color: #000;font-size: 12px;background-color: #fff;padding: 3px 10px;border: 1px solid #000;margin-right: 5px;margin-bottom: 10px;}
div.stasusicon div.sta-rent {color: #fff;font-size: 12px;background-color: #000;padding: 3px 10px;border: 1px solid #000;margin-right: 5px;margin-bottom: 10px}

div.stasusicon div.sta-on {color: #000;font-size: 12px;background-color: #ccc;padding: 3px 10px;border: 1px solid #000;margin-right: 5px;margin-bottom: 10px}
div.stasusicon div.sta-off {color: #000;font-size: 12px;background-color: #ccc;padding: 3px 10px;border: 1px solid #000;margin-right: 5px;margin-bottom: 10px}
div.stasusicon div.sta-sell {color: #000;font-size: 12px;background-color: #ccc;padding: 3px 10px;border: 1px solid #000;margin-right: 5px;margin-bottom: 10px}
div.stasusicon div.sta-sold {color: #000;font-size: 12px;background-color: #ccc;padding: 3px 10px;border: 1px solid #000;margin-right: 5px;margin-bottom: 10px}
div.stasusicon div.sta-in {color: #000;font-size: 12px;background-color: #ccc;padding: 3px 10px;border: 1px solid #000;margin-right: 5px;margin-bottom: 10px}



article.shoecase1 {overflow: hidden;width: 960px;margin-bottom: 50px;}
div.shoecase1l {float: left!important;width: 800px !important;}

div.shoecase1r {width: 330px!important;float: right!important;}
ul.showphoto {width: 800px;}
ul.showphoto li {}
ul.showphoto li img {max-width: 800px !important;max-height: 600px !important;margin-right: auto!important;margin-left: auto!important;width: auto!important;}

ol.flex-control-thumbs {}
ol.flex-control-thumbs li {
    overflow: hidden;
    width: 130px;
    height: 130px;
    position: relative;
	margin-bottom: 2px;
	margin-right: 1px;
	margin-left: 1px;
	background-color: #000;
}
 
ol.flex-control-thumbs li img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);height: 100%!important;width: auto!important;}

h3.showtit {color: #000;font-size: 18px;font-weight: bold;line-height: 1.5em;clear: both;margin-bottom: 5px;padding-bottom: 3px;border-bottom: 1px dotted #ccc;}

div.exp-show2 {color: #000;font-size: 12px;line-height: 1.5em;margin-bottom: 10px;text-align: right;}
div.exp-show1 p {color: #000;font-size: 13px;line-height: 1.5em;margin-bottom: 50px;text-align: left;}

div.gotoprint a {display: block;clear: both;border: 1px solid #000;padding: 5px 20px;width: 200px;text-align: center;font-size: 12px;margin-bottom: 10px;color: #000;margin-right: auto;margin-left: auto;}
div.gotocont a {display: block;clear: both;border: 1px solid #000;padding: 5px 20px;width: 200px;text-align: center;font-size: 12px;margin-bottom: 10px;color: #fff;background-color: #000;margin-right: auto;margin-left: auto;}

article.shoecase2 {overflow: hidden;margin-bottom: 50px;}
div.shoecase2l {width: 465px;float: left;}

div.shoecase2r {width: 465px;float: right;}
div.shoecase2r img {margin-right: auto;margin-left: auto;
max-width: 100%;
max-height: auto;
}

.ul-entry-flow {
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 100px;
}

/*CONTACT*/
/*contact*/
.agree {
	color: #000;
	font-size: 1rem;
	text-align: center;
	display: inline-block !important;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	line-height: 1.5em;
}
.agree a {
	color: #3963b5;
	font-size: 1rem;
	text-decoration: underline;
	line-height: 1.5em;
}
.agree input {
        display: inline !important;
        margin-right: 10px;
        width: 1rem;
        height: 1rem;
        float: none !important;
}
p.thanks {color: #333;font-size: 15px;line-height: 1.5em;text-align: center;margin-top: 50px;}
div.contact {margin-right: auto;margin-left: auto;margin-bottom: 50px;
width: 800px;
}
form#mailformpro {margin-right: auto;margin-left: auto;border-top: 1px dotted #ccc;margin-top: 25px;
}
form#mailformpro button{color: #333;font-size: 20px;width: 10em;padding-top: 20px;padding-bottom: 20px;margin-right: auto;margin-left: auto;display: block;
border-radius:5px;}
dl.contact {overflow: hidden;}
dl.contact dt {color: #333;font-size: 80%;}
dl.contact dt b {color: #c00;font-size: 12px;}
dl.contact dd {padding-top: 5px;padding-bottom: 5px;}

dl.contact03 input,dl.contact03 textarea {background-color: #fff;padding: 10px;border: 1px solid #ccc;border-radius:0px;color: #333;font-size: 1rem;margin-right: auto;margin-left: auto;}

input[type="text"]:focus,
input[type="email"]:focus,d
l.contact03 textarea:focus,
dl.contact03 dd select:focus,button[type="submit"]:focus,
input[type="checkbox"]:focus,
input[type="tel"]:focus,
input[type="radio"]:focus
 {
  outline: 0;
  border-color: orange;
}

dd.contac	t03rb input[type="checkbox"], dd.contact03rb input[type="radio"] {width: 15px;height: 15px;}
.ipt01 {color: #333;font-size: 15px;width: 100%;}
.ipt02 {color: #333;font-size: 15px;width: 50%;}
.ipt03 {color: #333;font-size: 15px;height: 1em;width: 100%;}
.ipt04 {color: #333;font-size: 15px;width: 50%;}
.ipt05 {color: #333;font-size: 15px;width: 100%;}
.ipt07 {color: #333;font-size: 15px;width: 20px;}
.ipt06 {color: #333;font-size: 15px;height: 20em!important;width: 100% !important;}
.contselect {
        background-color: #fff;
        padding: 10px;
        border: 1px solid #ccc;
        border-radius: 0px;
        color: #333;
        font-size: 1rem;
        margin-right: auto;
        margin-left: auto;	
}

p.contactexp {color: #333;font-size: 15px;line-height: 1.5em;text-align: center;margin-bottom: 20px;margin-left: auto;margin-right: auto;}
p.contactexp a {text-decoration: underline;color: #333;}
p.contactexp a:hover {color: #bea934;}

textarea.ipt06 {color: #333;font-size: 1rem;height: 20em!important;
}

dl.contact03 {overflow: hidden;
margin-right: auto;margin-left: auto;}
dl.contact03 dt {color: #333;font-size: 15px;line-height: 1.5em;margin-top: 30px;margin-bottom: 5px;font-weight: 500;}
dl.contact03 dt b {color: #c00;font-size: 12px;}
dl.contact03 dt i {color: #333;font-size: 12px;margin-left: 1em;}
dl.contact03 dd {color: #333;font-size: 15px;line-height: 2.5em;border-bottom: 1px dotted #ccc;padding-bottom: 25px;}
dd.contact03cap {color: #333;font-size: 75%;line-height: 1.5em;}

dl.contact03 dd.contact03rb {margin-top: 10px;}

table#mfp_confirm_table {
	margin-bottom: 25px;
}

table#mfp_confirm_table tr th {
	white-space: nowrap;
}
table#mfp_confirm_table tr td {
	color: #000!important;
	font-size: 1rem!important;
	line-height: 1.5em!important;
	padding: 15px !important;
}

label {
    display: inline-block;
}
.reqbox {}

.reqbox + img {
    border: 2px solid rgba( 0, 0, 0, 0 );
}
.reqbox:checked + img {
    border: 2px solid #e892b4;
}

input[type="radio"],input[type="checkbox"]  {border: 0!important;}

input.reqbox {-webkit-appearance: none;border-style: none;}
input.reqbox:before {content:'\f10c';color: #ccc;font: 25px FontAwesome;}
input.reqbox:checked:before {content:'\f058';color: #0083be;font:25px FontAwesome;}

div.specialterm {width: 500px;color: #333;font-size: 20px;line-height: 2em;background-color: #fef7f8;padding: 20px;margin-bottom: 50px;margin-right: auto;margin-left: auto;}
div.specialterm b {color: #db5f83;font-size: 25px;}

/*20180216*/
/*ul.ul-reqbox {overflow: hidden;width: 740px;margin-left: auto;margin-right: auto;}*/

.ddcap {color: #333!important;font-size: 12px;display: block;line-height: 1.5em;}

div.reqshop {width: 600px;margin-right: auto;margin-left: auto;margin-bottom: 50px;}

ul.ul-reqbox {overflow: hidden;margin-left: auto;margin-right: auto;width: 380px;}

ul.ul-reqbox li {float: left;margin-bottom: 20px;width: 165px;text-align: center;line-height: 1.5em;margin-right: 10px;margin-left: 10px;color: #333;font-size: 15px;}
ul.ul-reqbox li i {color: #fff;font-size: 10px;background-color: #c00;padding: 2px;display: inline-block;}

ul.ul-reqbox li img {width: 100%;height: auto;margin-bottom: 10px;border: 2px solid #fff;}


h3.h3cont {color: #333;font-size: 25px;text-align: center;border-bottom: 1px dotted #ccc;margin-bottom: 20px;padding-bottom: 20px;font-weight: 300;clear: both;}

button.subminb {cursor:pointer;color: #fff!important;font-size: 20px;background-color: #2a8ec1;display: block;padding: 10px 20px;transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;margin-top: 25px;}
button.subminb:hover {background-color: #002e62;transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;}

div.daytime {width: 600px;margin-right: auto;margin-left: auto;margin-bottom: 50px;}
div.daytime i {color: #333;font-size: 15px;margin-left: 20px;}
input.hasDatepicker {
    background-color: #fff;
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 5px;
    color: #333;
    font-size: 100%;
    margin-right: auto;
    margin-left: auto;}
    

select.restime {fff;
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 5px;
    color: #333;
    font-size: 100%;
    margin-right: auto;
    margin-left: auto;}

p.caupri {text-align: center;color: #333;font-size: 15px;font-weight: 400;
line-height: 1.5em;
}
p.caupri a {text-align: center;color: #333;font-size: 15px;font-weight: 400;
line-height: 1.5em;
}
.mfp_element_checkbox , .mfp_element_radio {
	display: inline-block !important;
}

#mfp_phase_confirm_inner h4 {
	color: #2f517c;
	font-size: 1.5rem!important;
	font-weight: bold;
	display: block;
	margin-bottom: 15px;
	text-align: center;
	margin-top: 50px;
}


/*VOICE*/

.sec-recvoicehead {
	background-color: #0167aa;
	position: relative;
}

.div-recvoicehead {
display:flex;
justify-content:center;
flex-wrap: wrap;

align-items: center;
padding-top: 150px;
	padding-bottom: 300px;
}



.div-voicehead {
	position: relative;
	margin: -250px auto 100px;
	height: 536px;
	width: 1000px;
	display:flex;
flex-wrap: wrap;
align-items: center;
}
.div-voiceheadl {
justify-content:left;
position: relative;
}
.div-voiceheadr {
justify-content:right;
position: relative;
}

.div-nomargin {
	margin: 0;
}


.img-voicehead {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	position: absolute;
}
.dl-voiceheadl {
	background-color: rgba(255, 255, 255, .75);
	padding: 20px;
	position: relative;
	margin-left: -50px;
}
.dl-voiceheadr {
	background-color: rgba(255, 255, 255, .75);
	padding: 20px;
	position: relative;
	margin-right: -50px;
}

.dl-voiceheadl:before,
.dl-voiceheadr:before {
	content: '';
	width: 50%;
	height: 50%;
	position: absolute;
	left: -20px;	
	top: -20px;
	border-left: 1px solid #0066aa;
	border-top: 1px solid #0066aa;

} 
.dl-voiceheadl:after,
.dl-voiceheadr:after {
	content: '';
		width: 50%;
	height: 50%;
	position: absolute;
	right: -20px;
	bottom: -20px;
		border-right: 1px solid #0066aa;
	border-bottom: 1px solid #0066aa;

} 


.dt-voicehead {
	color: #333;
	font-size: 2.5rem;
	font-weight: bold;
	line-height: 1.25em;
	margin-bottom: 10px;
}
.dd-voicehead {
	color: #333;
	font-size: 1rem;
	line-height: 1.75em;
}
.dd-voicehead i:after {
content: '　─';
transform: scale(5,1);
display: inline-block;
text-align: left;
}
.dd-voicehead i {
	color: #333;
	font-size: 0.85rem;
	line-height: 1.75em;
	font-style: italic;
	margin-left: 1em;
}
.dd-voicehead b {
	color: #333;
	font-size: 1.25rem;
	line-height: 1.75em;
	font-weight: bold;
}
.dl-voice {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}
.dl-voice dt {
	color: #2f517c;
	font-size: 1.25rem!important;
	font-weight: bold;
	margin-bottom: 10px;
}
.dl-voice dt:before {
	content: '────';
	color: #2f517c;
	font-size: 1.25rem;
	font-weight: normal;
	font-style: normal;
	letter-spacing: -0.2em;
	margin-right: 1rem;
}
.dl-voice dd {
	color: #333;
	font-size: 1rem;
	line-height: 1.75em;
	margin-bottom: 50px;
}
.ifra-voicemovie {
	width: 800px;
	margin-bottom: 100px;
	margin-right: auto;
	margin-left: auto;
	display: block;
height: auto;
aspect-ratio: 16 / 9;
}

.spn-voice-title {
	color: #333;
	font-size: 1.5rem;
	font-weight: bold;
	margin-bottom: 10px;
	text-align: center;
	display: block;
}

.img-voice {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	height: auto;
}

.dd-voiceno {
	position: absolute;
	right: 5px;
	bottom: 0;
	color: #f9f9f9;
	font: 7rem/1em alte_din_1451_mittelschriftRg;
	font-weight: bold;
}

.a-voicehead {
	transform: scale(0.85,0.85);
	display: block;
}
.a-voicehead img {
	transform: scale(1);
	transition: transform 0.5s ease-in-out 0s;
}

.a-voicehead:hover img {
	transform: scale(1.05);
	transition: transform 0.5s ease-in-out 0s;
}


/*SCHOLARSHIP*/
.p-scholar2 {
	color: #333;
	font-size: 1.25rem;
	line-height: 1.5em;
	text-align: center;
	margin-bottom: 100px;
}
.img-scholar  {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 25px;
}
.p-scholar1  {

        font-weight: bold;

		font-size: 1.5rem;
		color: #333;
		text-align: center;
		line-height: 2em;
		font-variant: small-caps;
		margin-bottom: 50px;
}


.p-scholar1 b {
        background: linear-gradient(transparent 60%, #EADDBD 60%);
        font-weight: bold;
        padding-right: 5px;
        padding-bottom: 5px;
        padding-left: 5px;
		font-size: 1.5rem;
		color: #333;
}
.p-scholar1 i {
        font-weight: bold;	
		font-size: 2rem;
		color: #333;
}


/*INTERN*/

.div-internblock {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}

.h3-interncont {
	
}

.p-interncont {
	color: #333;
	font-size: 1.15rem;
	line-height: 2em;
	text-align: left;
	margin-bottom: 50px;
}
.p-interncont b {
	font-weight: bold;
	font-size: 1.15rem;
}

.ul-interncont {
	margin-bottom: 50px;
}
.ul-interncont li {
	color: #333;
	font-size: 1.25rem;
	line-height: 1.5em;
	font-weight: bold;
	list-style-type: disc;
	margin-left: 2em;
	margin-bottom: 0.5em;
}

.art-internevent {
display:flex;
justify-content:space-between;
flex-wrap: wrap;	
}

.dl-internevent {
	width: calc(100% / 3 - 5px);
	background-color: #f9f9f9;
	padding: 15px;
	margin-bottom: 50px;
}
.dl-internevent dt {
	color: #2767af;
	font-size: 1.25rem;
	line-height: 1.5em;
	text-align: center;
	margin-bottom: 10px;
	font-weight: bold;
}
.dl-internevent dt:after {
	content: '▼';
	width: 1rem;
	text-align: center;
	display: block;
	margin-right: auto;
	margin-left: auto;
	font-size: 0.85rem;
}
.dl-internevent dd {
	color: #333;
	font-size: 1rem;
	line-height: 1.5em;
	font-weight: bold;
	display: list-item;
	list-style-type: disc;
	margin-left: 1rem;
}
.img-interncont {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 50px;
}

.div-topmenu {
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
}

.ul-topmenu {
display:flex;
justify-content:left;
flex-wrap: wrap;
width: 1200px;
margin-right: auto;
	margin-left: auto;
}
.ul-topmenu li {
	margin-bottom: 50px;
	overflow: hidden;
}
.ul-topmenu3 li {
	width: calc(100% / 3 - 40px);
	margin-right: 20px;
	margin-left: 20px;
}
.ul-topmenu4 li {
	width: calc(100% / 4 - 40px);	
}
.ul-topmenu li a {
	display: block;
	width: 100%;
	aspect-ratio: 1 / 1;
	position: relative;
}
.ul-topmenu li a img {
	width: 100%;
	height: auto;
transition: transform 0.5s ease-in-out 0s;
}
.ul-topmenu li a i {
	overflow: hidden;
	display: block;
}
.ul-topmenu li a b {
	width: 100%;


	z-index: 5;

	color: #fff;
	text-align: center;
	bottom: 0;
	left: 0;
	display: block;
	padding-top: 25px;
	padding-bottom: 25px;
	font-size: 1.25rem;
	background-color: #2767af;
}
.ul-topmenu li a:hover img {
transform: scale(1.05,1.05);
transition: transform 0.5s ease-in-out 0s;
}






/*wp-pagenavi*/
.pages {color: #333;font-size: 15px;margin-right: 2em;}
ul.bread_crumb li.current {color: #fff;font-size: 12px;display: inline-block;text-align: center;font-weight: 200;}
ul.bread_crumb li.current a {color: #fff;font-weight: 200;}

a.nextpostslink,a.previouspostslink {color: #333;font-size: 15px;display: inline-block;padding: 5px;text-align: center;
}

a.last,a.first  {color: #333;font-size: 15px;display: inline-block;text-align: center;margin-left: 0.5px;margin-right: 0.5em;padding: 0.5em;}


div.blog-other {width: 100%;height: 3px;margin-bottom: 20px;}

div.wp-pagenavi {width: 100%;text-align: center;display: block;margin-top: 50px;margin-bottom: 50px;}
.pages {}
a.page {color: #666;font-weight: normal;font-style: normal;font-size: 1rem;
border: 3px solid #fff;
margin-left: -1px;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
padding: 10px;
background-color: #f9f9f9;
}
span.current {color: #fff;font-weight: normal;font-style: normal;font-size: 1rem;padding: 10px;background-color: #999; position: relative;border: 3px solid #fff;z-index: 10;margin-left: -1px;}
a.page:hover {background-color: #f9f9f9;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
}

a.previouspostslink {border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;border-left: 1px solid #ddd;color: #666;font-size: 1rem;padding: 10px;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
border: 3px solid #fff;
background-color: #f9f9f9;
}
a.nextpostslink {border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;color: #666;font-size: 1rem;border-right: 1px solid #ddd;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
padding: 10px;
background-color: #f9f9f9;
border: 3px solid #fff;
}
a.nextpostslink:hover,a.previouspostslink:hover {
	transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;background-color: #f9f9f9;}

.sec-bloghead {
	display: block;
	background-color: #2767af;
	width: 100%;
	height: 100px;
	padding-top: 100px;
	padding-bottom: 100px;
}
.div-bloghead {

}

.sec-blogbody {
	
}
.div-blogbody {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}



.sec-conthead {

}

.ul-topnews {
	margin-top: 50px;
	position: relative;
	z-index: 1;
}
div.wp-pagenavi {width: 100%;text-align: center;display: block;margin-top: 50px;margin-bottom: 50px;}
.pages {}

.art-blogbody {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 50px;
	padding-bottom: 50px;
}
.h2-blogbody {
	color: #333;
	font-size: 1.5rem;
	line-height: 1.5rem;
	font-weight: bold;
	text-align: left;
	border-bottom: 1px solid #4ca234;
	margin-bottom: 25px;
	padding-bottom: 15px;
}
.h2-blogbody b {
	color: #fff;

	font-size: 0.85rem;
	font-weight: bold;
	padding: 5px 10px;
	display: inline-block;
	margin-bottom: 10px;
	text-align: left;
}


.div-blogbody {
	margin-bottom: 50px;
}
.div-blogbody p {
	color: #333;
	font-size: 16px;
	line-height: 1.75em;
	margin-bottom: 1.5em;
}
.div-blogbody p a {
	color: #0b57d0;
	font-size: 16px;
	line-height: 1.75em;
	text-decoration: underline;
}
.div-blogbody p img {

	height: auto;
	margin-bottom: 10px;
	max-width: 100%;
}
.archnav {
	
}
.blog-archnav {
display:flex;
justify-content:center;
}
.archnav li {
	margin-right: 10px;
	margin-left: 10px;
}

.archnav-p a {
	display: block;
	background-color: #999;
	color: #fff;
	text-align: center;
	font-size: 0.85rem;
	padding: 10px 20px;
}

.archnav-i a {
	display: block;
	background-color: #999;
	color: #fff;
	text-align: center;
	font-size: 0.85rem;
	padding: 10px 20px;
}
.archnav-n a {
	display: block;
	background-color: #999;
	color: #fff;
	text-align: center;
	font-size: 0.85rem;
	padding: 10px 20px;
}
.h2-cont {
	font-weight: bold;
	font-style: italic;
}


.div-blogbody p span,.div-blogbody p b span,.div-blogbody p i span 
.div-blogbody span p,.div-blogbody p span b,.div-blogbody p span i 


{
	font-size: 100%;
}

.div-blogbody p b span, 
.div-blogbody p span b 
{
	font-weight: bold;
}

.div-recmov {
	width: 700px;
	height: 700px;
	overflow: hidden;
	display: flex;
	justify-content:center;
	align-items: center;
}

.movrectop {
	margin-right: auto;
	margin-left: auto;
	height: 100%;
}



/*privacy*/

.dl-privacychack {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
.dl-privacychack dt {
	color: #333;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.75em;
}

.dl-privacychack dd {
	color: #333;
	font-size: 14px;
	line-height: 1.75em;
	margin-bottom: 1em;
	margin-left: 1em;
}

.dl-privacychack dd a {
	color: #59a5cc;
	font-size: 1rem;
	text-decoration: underline;
}

.a-privacychek {
	color: #006495;
	text-decoration: underline;
	font-size: 1rem;
}



/*privacy*/
.dl-privacychack {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 100px;
}
.dl-privacychack dt {
	color: #333;
	font-size: 1rem;
	font-weight: bold;
	line-height: 1.75em;
}

.dl-privacychack dd {
	color: #333;
	font-size: 1rem;
	line-height: 1.75em;
	margin-bottom: 1em;
	margin-left: 1em;
}
.dl-privacychack dd a {
	color: #59a5cc;
	font-size: 1rem;
	text-decoration: underline;
}

.a-privacychek {
	color: #006495!important;
	text-decoration: underline!important;
}

/*mail-confirm*/
.formTable {
    border-collapse:collapse;
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	border-top: 1px dotted #ccc;
}

.formTable tr {
	border-bottom: 1px dotted #ccc;
}
.formTable th {
	color: #333;
	font-size: 1rem;
	text-align: left;
	line-height: 1.75em;
	padding: 20px 50px;
	width: 13em;
}
.formTable td {
	color: #333;
	font-size: 1rem;
	text-align: left;
	line-height: 1.75em;
	padding: 20px 50px;
}


		

.btnform {
		width: 8em;
		padding-top: 15px;
		padding-bottom: 15px;
			border-style: none;
	margin-right: 10px;
		margin-left: 10px;
}
.btnform1 {
	color: #fff;
	font-size: 16px;
	text-align: center;
	background-color: #0066aa;

}
.btnform0 {
	color: #333;
	font-size: 16px;
	text-align: center;
	background-color: #efefef;
	border: 1px solid #ccc;
}
.btnform:hover {
	cursor: pointer;
}

    .confirm,.btn-confirm {
        display: inline-block;
        width: 700px;
        margin-right: auto;
        margin-left: auto;
        margin-top: 50px;
    }
.p-confirm {
	        color: #333;
        font-size: 1.25rem;
        font-weight: bold;
        text-align: center;
        margin-bottom: 25px;
	
}


/*CONTACTFORM*/
.privacyok {
    width: 30px !important;
    height: 30px !important;
	border-style: none!important;
	margin-right: 10px;
}
.privacyok:before {
	content: '\f0c8';
	font: 20px 'Font Awesome 6 Free';
	color: #2170b1;
}
.privacyok:checked:before {
	content: '\f14a';
	font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  	color: #2170b1;
}

.a-privacyok {
	color: #2170b1;
	font-size: 1.75rem;
	text-decoration: underline;
	display: inline-block;
}

.div-contact {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}
.div-offcontact {

}

.div-offcontact label {
	margin-bottom: 25px;
	display: block;
}
.div-offcontact label b {
	color: #000;
	text-align: left;
	font-size: 1.75rem;
	display: block;
	margin-bottom: 5px;
}
.div-offcontact input {
	color: #000;
	text-align: left;
	border: 1px solid #ccc;
	padding: 5px 10px;
	width: 100%;
	font-size: 2rem;
	line-height: 1.5em;
}
.div-offcontact textarea {
	width: 100%;
	font-size: 2rem;
	line-height: 1.5em;
	border: 1px solid #ccc;
	padding: 5px 10px;
	height: 300px;
} 

.cm4cf7-message-for-confirmation {
	color: #000;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.5em;
	border-style: none;
	border-width: 0;
}

.cm4cf7-confirm-view .wpcf7-acceptance {
	display: none;
}

.wpcf7-submit {
	display: block!important;
	width: 10em!important;
	padding: 20px!important;
	background-color: #16357e!important;
	color: #fff!important;
	font-size: 2rem!important;
	font-weight: bold!important;
	text-align: center!important;
	transition: all .2s ease-in-out 0s;
}
.wpcf7-submit:hover {
	cursor: pointer!important;
	display: block!important;
	transition: all .2s ease-in-out 0s;
	opacity: 0.5;
}
.wpcf7-submit:disabled,.wpcf7-submit:disabled {
	display: block!important;
	margin-right: auto!important;
	margin-left: auto!important;
	width: 10em!important;
	padding: 20px!important;
	background-color: #ccc !important;
	color: #fff!important;
	font-size: 2rem!important;
	font-weight: bold!important;
	text-align: center!important;
	cursor: default!important;
		opacity: 1!important;
	transition: all .2s ease-in-out 0s;
}
.cm4cf7-return-button {
	display: block!important;
	width: 10em!important;
	padding: 20px!important;
	background-color: #999 !important;
	color: #fff!important;
	font-size: 2rem!important;
	font-weight: bold!important;
	text-align: center!important;
	transition: all .2s ease-in-out 0s;
	margin-right: 10px;
}
.cm4cf7-return-button:hover {
	cursor: pointer!important;
	display: block!important;
	transition: all .2s ease-in-out 0s;
	opacity: 0.5;	
}
.div-formbtn {
display:flex;
justify-content:center;
width: 100%;
}