@charset "UTF-8";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul {  list-style: none; }
blockquote, q {  quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
img {
vertical-align: bottom;
max-width: 100%;
}
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
body {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
}
body {
position: relative;
width: 100%;
color:#000000;
text-align: left;
font-size:18px;
line-height: 2;
background:#EEEEEE;
font-family: sans-serif;
}
/* link */
a { 
color: inherit;
transition: color 0.3s;
text-decoration: none;
}
a:hover{ color:#1C9ED3;}

/* border_btn */
.btn {
    font-size:18px;
    font-weight: bold;
    border: solid 1px #009AD1;
    margin: 0 auto;
    text-align: center;
}
@media screen and (max-width: 896px) {
    .btn {
        font-size: 3.8vw;
    }
	.pc {
		display: none;
	}
}
@media screen and (max-width: 520px) {
    .btn {
        font-size: 5vw;
    }
}
.btn a {
    padding:.5em 3em;
    color: #009AD1;
	display: block;
    transition: background .4s ease;
}
.btn a:hover {
    background: #009AD1;
    transition: background .4s ease;
	color: #fff;
}
/*link_btn */
.link_btn {
    margin: 0 auto 0.98vw;
    font-size:24px;
	font-weight: bold;
    background-color: #0B0A49;
    text-align: center;
    transition: opacity .4s ease;
}
.link_btn:hover {
    opacity: 0.8;
    transition: opacity .4s ease;
}
.link_btn a { 
    padding:0.98vw 1.38vw;
    color: #FFFFFF;
	display: block;
}
.link_btn a i { 
    color: #FFFFFF;
    padding-left:1vw;
}
@media screen and (max-width: 896px) {
    .link_btn {
        font-size: 3.8vw;
        padding: 4vw 0;
    }
}
@media screen and (max-width: 520px) {
    .link_btn {
        font-size: 5.77vw;
        padding: 4vw 0;
    }
}
/* common */
#wrapper {
    position: relative;
    width: 100%; 
}
#header {
    width: 100%;
    background-color: #FFFFFF;
}
#header #header-inner{
    position: relative;
    width: 100%;
    height: 100px;
    margin: 0 auto;
}

#header #header-inner h1 {
    position: absolute;
    top: 15px;
    left: 10px;
}
#header h1 img {
    width:300px;
    height: auto;
}
.menu-header_menu-container {
    padding-top: 30px;
    margin-left: 300px;
    margin-right: 20vw;
}
@media screen and (max-width: 1350px) {
.menu-header_menu-container {
    margin-right: 22.22vw;
}
}
.menu-header_menu-container ul {
	text-align: right;
}
.menu-header_menu-container ul li {
   padding-left: 1.3em;
	display: inline-block;
	position:relative;
	line-height:1.2;
	margin:8px 20px 8px 0; 
}
.menu-header_menu-container ul li.arrow_company:before {
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:1em;
	height:1em;
  background-image: url(../images/header/arrow_company.png);
  background-size: contain;
	background-repeat:no-repeat;
}
 .menu-header_menu-container ul li.arrow_staff:before {
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:1em;
	height:1em;
  background-image: url(../images/header/arrow_staff.png);
  background-size: contain;
	background-repeat:no-repeat;
}
@media screen and (max-width: 1140px) {
.menu-header_menu-container {
    padding-top: 10px;
    margin-right: 26.32vw;
}
}
.info{
    position: absolute;
    right: 70px;
    top: 20px;
    background-color: #1C9ED3;
    border-radius: 100px;
    }
.info a{
    display:block;
    color:#FFFFFF;
    padding: 0.64vw 4.03vw;
    }
@media screen and (max-width: 896px) {
     #header {
         align-items: inherit;
     }
     #header #header-inner{
         height: auto;
     }
     #header #header-inner h1 {
       position:static;
        width:55%;
		padding: 1% 0 0 0;
    }
    #header h1 img {
        width:100%;
        height: auto;
    }
.menu-header_menu-container {
    padding-top: 0;
    margin-left: 0;
    margin-right: 0;
}
   .menu-header_menu-container ul{
	   text-align: left;
        display:block;
		padding: 3% 0 1% 2%;
    }
    .menu-header_menu-container ul li {
        display:block;
        margin-right: 0;
        font-size:3.35vw;
    }
    .menu-header_menu-container ul li.arrow_company,
     .menu-header_menu-container ul li.arrow_staff {
       background-size: auto 3vw;
        padding-left:3.5vw;
     }
     .info{
    width: auto;
		 margin-top: 1%;
		 text-align: center;
        font-size:3.35vw;
		 font-weight: 500;
		 font-weight:bold;
        }
}

@media screen and (max-width: 520px) {
 .info{
    right: 15.38vw;
    top: 1.92vw;
    }
}
/*menu*/
.header_menu{
    display: block;
    position: absolute;
    right: 20px;
    top: 35px;
    width: 30px;
    height: 20px;
    z-index: 99;
}
@media screen and (max-width: 520px) {
.header_menu{
    right: 3.85vw;
    top: 3.85vw;
}
}
@media screen and (max-width: 360px) {
.header_menu{
    width: 8.33vw;
}
}
.menu__line{
    background: #000;
    display: block;
    height: 2px;
    position: absolute;
    transition:transform .3s;
    width: 100%;
}
.menu__line.active{
    background: #fff;
}
.menu__line--top{
    top: 0;
}
.menu__line--center{
    top: 9px;
}
.menu__line--bottom{
    bottom: 0;
}
.menu__line--top.active{
    top: 8px;
    transform: rotate(45deg);
}
.menu__line--center.active{
    transform:scaleX(0);
}
.menu__line--bottom.active{
    bottom: 10px;
    transform: rotate(135deg);
}
/*gnav*/
.gnav{
    background: rgba(0,128,182,0.9);
    display: none;
    position: fixed;
	top: 0;
    height: 100%;
    width: 100%;
    z-index: 98;
}
#wrapper.active{
    position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	}
@media screen and (max-width: 896px) {
.gnav{
    height: 100%;
    width: 100%;
	overflow-y: auto;
	padding: 5vw 5vw 15vw;
}
}
#header #menu{
    margin: 0 auto;
    padding : 4.44vw 0;
    width:1240px;
    font-size:18px;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    justify-content: space-between;
}
@media screen and (max-width: 1240px) {
#header #menu{
    width:100%;
}
}
#header #menu .nav {
    margin: 1% auto;
    text-align: left;
}
#header #menu .nav h3{
    font-weight: bold;
    line-height: 1.6;
    color:#FFFFFF;
    border-bottom: solid 1px #ffffff;
    margin-bottom: 0.81vw;
}
#header #menu ul li ul.sub-menu h3{
    font-weight: normal;
    border-bottom: none;
    margin-bottom: 0;
}
#header #menu .nav ul {
    color:#FFFFFF;
}
#header #menu a:hover{
    color:#0B0A49 ;
}
#header .link_btn {
    margin: 3% auto 0;
    width:29.84vw;
    font-size:18px;
}
#header .link_btn a { 
    padding:10px;
}
@media screen and (max-width: 896px) {
#header #menu{
    display:block;
}
#header #menu .nav h3{
   font-size: 3.13vw;
	line-height: 2;
	margin-top : 2.23vw;
}
#header #menu ul li ul.sub-menu h3{
	margin-top : 0;
}
#header #menu .nav ul li{
  font-size: 3.6vw;
	line-height: 2.5;
}
#header .link_btn {
    margin: 3% auto;
    width:50vw;
   font-size: 3.13vw;
    padding: 1.12vw 0;
}
}
@media screen and (max-width: 520px) {
#header #menu .nav h3{
   font-size: 4.62vw;
}
#header #menu ul li ul.sub-menu h3{
	line-height: 1.6;
}
#header #menu .nav ul li{
   font-size: 4.62vw;
	line-height: 2.5;
}
#header .link_btn {
    width:65vw;
   font-size:3.85vw;
}
}

picture {
	display: block;
}
.mt10{ margin-top: 10px; }
.mt20{ margin-top: 20px; }
.mt30{ margin-top: 30px; }
.mt70{ margin-top: 70px; }
.mt50{ margin-top: 50px; }
.mb30{ margin-bottom: 30px; }

@media screen and (max-width: 896px) {
.mt30{ margin-top: 3.38vw; }
.mt70{ margin-top: 7.81vw !important; }
}
.slider{
    margin: 0 auto;
    width: 100%;
	max-width: 1400px;
}
.slider img{
    width: 100%;
    height: auto;
}
.slick-prev,
.slick-prev:hover,
.slick-prev:focus {
    left:1%;
    background: url(../images/common/prev.png) no-repeat left top;
    background-size:contain;
    z-index:2;
}
.slick-next,
.slick-next:hover,
.slick-next:focus{
    right:1%;
    background: url(../images/common/next.png) no-repeat right top;
    background-size:contain;
    z-index:2;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    opacity: 0.25;
    transition: opacity .4s ease;
}

.slick-prev, .slick-next,
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus{
    width: 3.18vw;
    height: 3.18vw;
}
.slick-prev:before, .slick-next:before {
    color: inherit;
}
.slick-dots li button:before{
    font-size: 18px;
    line-height: 30px;
    transition: opacity .4s ease;
}
@media screen and (max-width: 896px) {
    .slick-prev, .slick-next {
        display: none !important;
       }
}

#main {
    position: relative;
    width:1240px;
    margin: 0 auto;
    z-index:5;
}
.main-inner {
    width:1240px;
    margin: 0 auto;
}
@media screen and (max-width: 1240px) {
    #main,
.main-inner{
        width:100%;
    }
}
.title{
	position:relative;
	font-family: serif;
	font-size:34px;
	font-weight: 500;
	color: #19004b;
	line-height: 1.4;
	padding-left:1em;
}
.title:before {
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:1em;
	height:1em;
  background-image: url(../images/common/icon.gif);
  background-size: contain;
	background-repeat:no-repeat;
  vertical-align: middle;
	margin-top:0.2em;
}
@media screen and (max-width: 896px) {
.title{
    line-height: 1.4;
    font-size:5.02vw;
    padding-left:1em;
    margin-top:0;
}
}
@media screen and (max-width: 520px) {
.title{
    font-size:6.35vw;
	font-weight:bold;
    line-height: 1.4;
}
}
.box {
    margin: 4.84vw auto;
}
#servis {
    padding: 47px;
    background-color: #FFFFFF;
}
#servis .title{
    margin: 0 auto 4.03vw;
}
#servis .servisContents{
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    justify-content: space-between;
    -webkit-flex-wrap: wrap; 
    -ms-flex-wrap    : wrap;
    flex-wrap        : wrap;
}
#servis .servisContents .photo,
#servis .movie{
    width:508px;
}
#servis .movie ul{
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    justify-content: space-between;
    margin: 47px auto;
}
#servis .movie ul li{
    width:47%;
    border: solid 1px #009AD1;
    text-align: center;
    font-weight: bold;
}
#servis .movie ul li a{
    padding:0.65vw;
    display:block;
    color: #009AD1;
    transition: background .4s ease;
}
#servis .movie ul li a:hover {
    background: #009AD1;
    transition: background .4s ease;
	color: #fff;
}
#servis .servisContents .text{
    width:566px;
}
#servis .btn{
    width:30%;
}
@media screen and (max-width: 1240px) {
#servis {
	padding:3.79vw;
}
#servis .servisContents .photo,
#servis .movie{
    width:46%;
}
#servis .movie ul{
    margin: 3.79vw auto;
}
#servis .servisContents .text{
    width:50%;
	line-height:1.6;
}
}
@media screen and (max-width: 896px) {
    #servis {
        width:100%;
        background-color: #eeeeee;
    }
    #servis .title{
        font-size:6.7vw;
    }
    #servis .servisContents{
        display:block;
    }
    #servis .servisContents .photo,
    #servis .movie{
        width:100%;
        margin: 0 auto;
    }
    #servis .movie ul{
        display:block;
        margin: 3.79vw auto 0;
    }
    #servis .movie ul li{
        width:50%;
		font-size: 100%;
        font-size: 3.8vw;
        margin: 0 auto 2.23vw;
    }
    #servis .movie ul li a{
		padding: .5em 3em;
	}
    #servis .servisContents .text{
        width:100%;
		margin-top: 5.5vw;
    }
    #servis .btn {
        width:50%;
        font-size: 3.8vw;
        margin: 0 auto 2%;
    }
}
@media screen and (max-width: 520px){
    #servis .movie ul li,
	  #servis .btn {
     width:57.61vw;
    font-size: 4.62vw;
}
}
#join {
    margin: 4.84vw auto;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    justify-content: space-between;
}
#join h2 {
    font-size:24px;
    line-height: 2;
    border-bottom: solid 1px #000000;
    font-family: sans-serif;
    font-weight:bold;
    margin-bottom: 3em;
}
#join .join_consideration_contents{
    width:715px;
    background-color: #FFFFFF;
    padding:45px;
	margin:0 auto;
}
#join .join_consideration_contents ul{
    margin: 0 auto;
}
#join .join_consideration_contents ul li{
    margin-bottom: 1.33em;
    margin-right: 89px;
    margin-top:-2em;
}
#join .join_consideration_contents ul li img{
	width:524px;
	height:auto;
}
#join .join_consideration_contents ul li:nth-child(even){
    margin-left: 85px;
    margin-right: 0;
    margin-top:-2em;
}
#join .join_consideration_contents ul li:nth-child(even) img{
	width:534px;
	height:auto;
}
#join .joinContents{
    width:495px;
    background-color: #FFFFFF;
    padding:3.47vw;
}
#join .joinContents ul{
    margin: -2em auto 1.25em;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-flex-wrap: wrap; 
    -ms-flex-wrap    : wrap;
    flex-wrap        : wrap;
    justify-content: space-between;
}
#join .joinContents ul li{
    width:48%;
    margin-bottom: 0.5em;
}
#join .joinContents ul li:nth-child(even){
    margin-right: 0;
    margin-left: 3.5em;
}
#join .joinContents ul li:nth-child(even){
    margin: 0;
}
#join .em{
    font-size:84px;
    line-height: 1.8;
    text-align: center;
    color: #EEEEEE;
    font-weight: bold;
    font-family: serif;
	letter-spacing: -0.05em;
}
#join .btn{
    width:240px;
}
@media screen and (max-width: 896px) {
#join {
   width:100%;
   display:block;
	margin: 0 auto 6.7vw;
}
#join h2 {
   font-size: 3.38vw;
}
#join .join_consideration_contents,
#join .joinContents{
    width:94%;
    padding: 3vw 3vw 8vw;
    margin: 0 auto 3%;
}
#join .joinContents ul{
    margin: 0 auto 1.25em;
}
#join .joinContents ul li{
    width:100%;
    margin-bottom: 1.33em;
    margin-right: 89px;
    margin-top:-2em;
}
#join .joinContents ul li:nth-child(even){
    margin-left: 70px;
    margin-right: 0;
    margin-left: 3.5em;
}
#join .joinContents ul li.box01{
	order:1;
    margin-bottom: 1.33em;
    margin-right: 89px;
    margin-top:-1em;
}
#join .joinContents ul li.box02{
	order:3;
    margin-left: 0;
    margin-right: 70px;
    margin-top: -2em;
}
#join .joinContents ul li.box03{
	order:2;
    margin-left: 85px;
    margin-right: 0;
}
#join .joinContents ul li.box04{
	order:4;
   margin-left: 85px;
    margin-right: 0;
    margin-top: -.5em;
}
#join .em{
    font-size:12.28vw;
    line-height: 1;
    margin: .4em auto;
}
#join .btn{
    width: 50vw;
     font-size: 3.8vw;
}
}
@media screen and (max-width: 640px) {
    #join h2 {
        font-size: 5.32vw;
    }
}
@media screen and (max-width: 520px) {
#join .em{
    font-size:16.15vw;
    margin: .2em auto;
}
#join .btn{
     width:57.61vw;
    font-size: 4.62vw;
}
#join .link_btn {
    font-size: 5vw;
}
}

#other .otherContents{
    margin: 2% 1% 0 0;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    justify-content: center;
}
#other .otherContents div{
    width:39%;
    border: solid 1px #0B0A49;
    padding:2em 0 3em;
    text-align: center;
	margin: 0 1em;
}
#other .otherContents div:last-child{
    margin-right: 0;
}
#other .otherContents div h3{
    margin: 0 auto 7%;
    font-size:30px;
    font-weight: bold;
    color: #0B0A49;
}
#other .otherContents .btn{
    width:70%;
}
@media screen and (max-width: 896px) {
#other {
   width:90%;
	margin-bottom:12vw;
}
#other .otherContents{
   display:block;
   margin: 2.79vw auto 3.35vw;
}
 #other .otherContents div{
   width:100%;
	padding:4.46vw 0 6vw;
	margin: 0 0 3vw;
}
#other .otherContents div h3{
    margin: 0 auto 3vw;
    font-size:4.69vw;
}
}
@media screen and (max-width: 520px) {
	#other .otherContents div h3{
    font-size:5.77vw;
}
}
#about div{
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    justify-content: space-between;
    margin: 3em auto 5em;
}
#about div dl{
    width:24%;
    margin: 2% 1% 0 0;
    font-size:20px;
    background-color: #FFFFFF;
    text-align: center;
}
#about div dl>dt{
    background-color: #d7ebf6;
    min-height: 180px;
}
#about div dl dt img{
    width:100%;
    height: auto;
}
#about div dl:nth-child(3) dt img{
    margin-top: 20%;
    width:85%;
}
#about div dl:last-child{
    margin-right: 0;
}
#about .btn{
    display:none;
}
@media screen and (max-width: 896px) {
#about {
   width:90%;
	margin-bottom:12vw;
}
#about div{
        -webkit-flex-wrap: wrap; 
        -ms-flex-wrap    : wrap;
        flex-wrap        : wrap;
        justify-content: space-between;
   margin: 2.79vw auto 3.35vw;
 }
    #about div dl{
		background-color: #d7ebf6;
        width:48%;
		display: flex;
		flex-wrap: wrap;
		font-size:2.23vw;
    }
    #about div dl>dt{
		width: 100%;
        background-color: none;
        min-height: inherit;
		min-height: 20.09vw;
    }
    #about div dl dd {
		width: 100%;
		height: 2em;
		background: #fff;
		margin: auto 0 0 0;
		font-size: 3.8vw;
    }
    #about div dl:nth-child(3)>dt{
        min-height: inherit;
    }
	#about div dl:nth-child(2),
	#about div dl:last-child{
    margin-right: 0;
}
#about .btn{
	display:block;
    width: 50vw;
    font-size: 4vw;
}
}

#news{
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    justify-content: space-between;
}
#news div {
    width:960px;
}
#news div dl {
    margin: 0 auto 2% ;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-flex-wrap: wrap; 
    -ms-flex-wrap    : wrap;
    flex-wrap        : wrap;
}
#news div dl dt {
    width: 20%;
	margin-bottom: 30px;
}
#news div dl dd {
    width: 80%;
	margin-bottom: 30px;
}
#news .btn{
    width:25%;
	margin:0;
}
@media screen and (max-width: 896px) {
    #news{
        width:90%;
        display:block;
		padding-bottom: 4.84vw;
    }
    #news div {
        width:100%;
		margin:2em auto;
    }
    #news div dl {
        display:block;
    }
	#news div dl dt {
    width: 100%;
	margin-bottom: 0;
}
#news div dl dd {
    width: 100%;
}
	#news .btn{
    width:60vw;
	margin:0 auto;
}
}
#footer{
    margin: 0 auto;
    background-color: #1C9ED3;
}
#footer #sitemap{
    margin: 0 auto;
    padding : 4.44vw 0;
    width:1050px;
    font-size:18px;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    justify-content: space-between;
}
#footer #sitemap .footer-nav{
    margin: 1% auto;
    text-align: left;
}
#footer #sitemap .menu-footer_menu-container{
    margin: 1% auto;
    text-align: left;
}
#footer #sitemap h3{
    font-weight: bold;
    line-height: 1.6;
    color:#FFFFFF;
    border-bottom: solid 1px #ffffff;
    margin-bottom: 0.81vw;
}
#footer #sitemap ul li ul.sub-menu h3{
    font-weight: normal;
    border-bottom: none;
    margin-bottom: 0;
}
#footer #sitemap a{
    color:#FFFFFF;
}
#footer #sitemap a:hover{
    color:#0B0A49 ;
}
#footer #sitemap .link_btn {
    margin: 10% auto 0;
    font-size: 18px;
}
#footer #sitemap .link_btn a i {
    padding-left: 1vw;
}
#footer #sitemap .link_btn a:hover {
    color:#FFFFFF !important;
}
#footer #fInner {
    margin: 0 auto;
    padding:2.02vw;
    color: #FFFFFF;
    background-color: #0B0A49;
}
#footer #fInner .privacy{
    margin: 0 auto;
    width:1240px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    justify-content: space-between;
	font-size:14px;
}
@media screen and (max-width: 1100px) {
	#footer #sitemap{
    width:100%;
}
}
@media screen and (max-width: 1240px) {
#footer #fInner .privacy{
    width:100%;
}
}
#footer #fInner .privacy ul{
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
}
#footer #fInner .privacy ul li + li {
    margin-left: 15px;
}

@media screen and (max-width: 896px) {
#footer #sitemap{
    width:90%;
     display:block;
    }
#footer #sitemap h3{
   font-size: 3.13vw;
	line-height: 2;
	margin-top : 2.23vw;
}
#footer #sitemap ul li ul.sub-menu h3{
	margin-top : 0;
}
#footer #sitemap ul li{
  font-size: 3.6vw;
	line-height: 2.5;
}
#footer #sitemap .link_btn {
   margin: 10% auto 0;
   font-size: 3.13vw;
}
#footer #fInner {
    font-size:2.5vw;
}
#footer #fInner .privacy{
   width:96%;
   display:block;
	font-size:2.23vw;
}
#footer #fInner .privacy ul{
  display:block;
   margin: 0 auto 5em;
}
#footer #fInner .privacy ul li{
   margin: 1.45vw auto;
}
#footer #fInner .privacy ul li + li {
    margin-left: 0;
}
#footer #fInner .copyright {
    text-align:center;	
	line-height:1.4;
}
}

@media screen and (max-width: 520px) {
#footer #sitemap h3{
   font-size: 4.62vw;
}
#footer #sitemap ul li{
   font-size: 4.62vw;
	line-height: 2.5;
}
#footer #sitemap ul li ul.sub-menu h3{
	line-height: 1.6;
}
#footer #sitemap .link_btn {
   font-size: 4.62vw;
}
#footer #fInner {
    font-size:2.5vw;
}
#footer #fInner .privacy{
   font-size: 3.85vw;
}
}

/* モーダルウィンドウ */
.modal{display:none;}
.modalBody{position: fixed; z-index:10000 !important;padding:15px;left:60%; top:50%;
background:#fff;
/* box-shadow */
box-shadow:0px 0px 6px 3px #e0e0e0;
-moz-box-shadow:0px 0px 6px 3px #e0e0e0;
-webkit-box-shadow:0px 0px 6px 3px #e0e0e0;

/* border-radius */
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;

/* border */
border:1px solid #cccccc;
}
.modalBK{position: fixed; z-index:999; height:100%; width:100%;}
.btns{cursor: pointer;}
.close{text-align:right;cursor: pointer;}

/* NTT
--------------------------------- */
#cboxOverlay {
    background: rgba(0,0,0,0.8) !important;
}
#cboxContent {
    background: transparent !important;
	padding: 0 10px;
}
#cboxClose {
    background: url(../images/parts/icon_close.png) !important;
	top: 0;
	width: 30px !important;
	height: 30px !important;
}
section.ntt{
margin:10px 0;
	width: 500px;
}


section.ntt h2,
section.welfare h2{
background-image:url(../images/top/ntt-arrow.png),linear-gradient(#ec8596, #e06a7a) ;
background-repeat: no-repeat, /* 最前面の背景レイヤーに対応 */
repeat;
background-position: top right, /* 最前面の背景レイヤーに対応 */
0 0;
-webkit-border-top-left-radius:10px;
moz-border-radius-topleft:10px;
border-radius-topleft:10px;
border:none;
padding:15px 0;
margin:0;
text-align:center;
font-size: 20px;
color:#FFF;
}
section .loginBox {
position:relative;
padding:25px;
background-color:#f9e6e5;
-webkit-border-bottom-right-radius:10px;  
-webkit-border-bottom-left-radius:10px;  
-moz-border-radius-bottomright:10px;  
moz-border-radius-bottomleft:10px;  	
}
section.loginBox .error { color:#ee0000;position:absolute;top:10px;left:100px;}
section .loginBox p { margin-top: 10px;font-size: 16px;}
section .loginBox input[type=text],
section .loginBox input[type=password] { 
border:none;
background-color:#fff;
width:75%;
padding: 5px 10px;
line-height:22px;
/* border-radius */
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}
section .loginBox .submit input[type=submit],
section .loginBox .submit input[type=button]{
border:1px solid #f9e6e5;
background: linear-gradient(#ec8596, #e06a7a);
padding: 5px 15px;
color:#fff;
/* border-radius */
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
cursor: pointer;
}
section .loginBox .submit {text-align:center;}
section .loginBox .submit input[type=submit]:hover,
section .loginBox .submit input[type=button]:hover {opacity: 0.7;}

/* 厚生
--------------------------------- */
section.welfare{
margin:10px 0;
	width: 500px;
}
section.welfare h2 {
background-image:url(../images/top/welfarearrow.png),linear-gradient(#00bba7, #008975) ;
background-repeat: no-repeat, /* 最前面の背景レイヤーに対応 */
repeat;
background-position: top right, /* 最前面の背景レイヤーに対応 */
0 0;
}

section.welfare .loginBox {
background-color:#d0f2ef;	
}
section.welfare .loginBox .submit input[type=submit]{
border:1px solid #d0f2ef;
background: linear-gradient(#00bba7, #008975);
}

/* botton */

.btn_detail {
    font-size: 0.8em;
text-decoration:none !important;
color:#000 !important;
position: relative;
display:inline-block;
border-radius: 3px;        /* CSS3草案 */  
-webkit-border: 3px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 3px;   /* Firefox用 */
margin:10px 0;  
padding: 5px 15px 5px 25px;
border:1px solid #e9e9e9;
background: rgb(254,254,254); /* Old browsers */
background: -moz-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(236,235,231,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(254,254,254,1) 0%,rgba(236,235,231,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(254,254,254,1) 0%,rgba(236,235,231,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#ecebe7',GradientType=0 ); /* IE6-9 */
}
.btn_detail::before {
position: absolute;
content: "";
top: 4px;
left: 8px;
width:15px;
height:20px;
background: url(../images/parts/icon_arrow.png) no-repeat left 8px;
}
.btn_detail:hover {
color:#005fb4 !important;
border:1px solid #005fb4;
}
#inline_content01,#inline_content02 { text-align: center;}
@media screen and (max-width: 500px) {
    
section.ntt,section.welfare{
	width: 100%;
    }
    section.ntt h2,section.welfare h2{
	font-size: 0.8em;
    }
}



/* nextpage */
body.page-template-default:not(.home) #main,
body.archive #main,
body.single #main,
body.error404 #main{
	width:100%;
}
body.page-template-default:not(.home) .main-inner,
body.archive .main-inner,
body.single .main-inner,
body.error404 .main-inner{
	width:1240px;
	min-height:800px;
	margin-bottom:10vw;
}
body.page-template-default:not(.home) #main .head_title,
body.archive #main .head_title,
body.single #main .head_title,
body.error404 #main .head_title{
	background-color: #1C9ED3;
}
body.page-template-default:not(.home) #main h2,
body.archive #main h2,
body.single #main h2,
body.error404 #main h2{
	width:1240px;
	margin: 0 auto;
	color:#FFFFFF;
	padding: 2.18vw 0;
	font-size:28px;
	font-weight:bold;
}
body.error404 #main h2{
	margin: 0 auto;
	color:#000000;
	padding: 2.18vw 0;
	font-size:28px;
}
body.page-template-default:not(.home) #main .title,
body.archive #main .title,
body.single #main .title,
body.error404 #main .title{
	margin-bottom:30px;
}
@media screen and (max-width: 1240px) {
	body.page-template-default:not(.home) .main-inner,
	body.archive .main-inner,
	body.single .main-inner,
	body.error404 .main-inner{
	width:100%;
}
body.page-template-default:not(.home) #main h2,
body.archive #main h2,
body.single #main h2,
body.error404 #main h2{
	width:100%;
}
}
@media screen and (max-width: 896px) {
	body.page-template-default:not(.home) #main h2,
	body.archive #main h2,
	body.single #main h2,
	body.error404 #main h2{
	width:98%;
	font-size:3.54vw;
}
body.page-template-default:not(.home) #main .title,
body.archive #main .title,
body.single #main .title,
body.error404 #main .title{
	margin-bottom:7.81vw;
}
body.page-template-default:not(.home) .main-inner,
body.archive .main-inner,
body.single .main-inner,
body.error404 .main-inner {
	width:98%;
	min-height: inherit;
	margin-bottom:5vw;
}
}
@media screen and (max-width: 520px) {
	body.page-template-default:not(.home) #main h2,
	body.archive #main h2,
	body.single #main h2,
	body.error404 #main h2{
	font-size:5.38vw;
}
}
/* topicpathArea */
body.page-template-default:not(.home) .main-inner #topicpathArea,
body.archive #topicpathArea,
body.single #topicpathArea,
body.error404 #topicpathArea{
	margin: 35px auto;
	width:1240px;
	}
@media screen and (max-width: 1240px) {
body.page-template-default:not(.home) .main-inner #topicpathArea,
body.archive #topicpathArea,
body.single #topicpathArea,
body.error404 #topicpathArea{
	width:100%;
}
}
@media screen and (max-width: 896px) {
body.page-template-default:not(.home) .main-inner #topicpathArea,
body.archive #topicpathArea,
body.single #topicpathArea,
body.error404 #topicpathArea{
	margin: 3.91vw auto;
	width:96%;
	font-size: 2.01vw;
	line-height:1.4;
	}
}
@media screen and (max-width: 520px) {
body.page-template-default:not(.home) .main-inner #topicpathArea,
body.archive #topicpathArea,
body.single #topicpathArea,
body.error404 #topicpathArea{
	font-size: 3.46vw;
	}
}
body.page-template-default:not(.home) .main-inner #topicpathArea ul,
body.archive .main-inner #topicpathArea ul,
body.single #topicpathArea ul,
body.error404 #topicpathArea ul {
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
    -webkit-flex-wrap: wrap; 
    flex-wrap  : wrap;
	}
body.page-template-default:not(.home) .main-inner #topicpathArea ul li,
body.archive .main-inner #topicpathArea ul li,
body.single #topicpathArea ul li,
body.error404 #topicpathArea ul li {
position: relative;
  display: inline-block;
  padding-right: 20px;
  padding-left: 10px;
	}
@media screen and (max-width: 520px) {
body.page-template-default:not(.home) .main-inner #topicpathArea ul li,
body.archive .main-inner #topicpathArea ul li,
body.single #topicpathArea ul li,
body.error404 #topicpathArea ul li {
  padding-right: 1em;
  padding-left: .5em;
	}
}
body.page-template-default:not(.home) .main-inner #topicpathArea ul li:first-child,
body.archive .main-inner #topicpathArea ul li:first-child,
body.single #topicpathArea ul li:first-child,
body.error404 #topicpathArea ul li:first-child {
  padding-left: 0;
	}
body.page-template-default:not(.home) .main-inner #topicpathArea ul li::after,
body.archive .main-inner #topicpathArea ul li::after,
body.single #topicpathArea ul li::after,
body.error404 #topicpathArea ul li::after{
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #5bc0de;
  border-right: solid 2px #5bc0de;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -4px;
}
body.page-template-default:not(.home) .main-inner #topicpathArea ul li:last-child::after,
body.archive .main-inner #topicpathArea ul li:last-child::after,
body.single #topicpathArea ul li:last-child::after,
body.error404 #topicpathArea ul li:last-child::after{
  content: none;
}
body.page-template-default:not(.home) .main-inner #Contents,
body.archive .main-inner #Contents,
body.single #Contents,
body.error404 #Contents{
  margin: 60px auto;
}
@media screen and (max-width: 896px) {
	body.page-template-default:not(.home) .main-inner #Contents,
	body.archive .main-inner #Contents,
	body.single #Contents,
	body.error404 #Contents{
  margin: 11.16vw auto;
		width:96%;
}
}
/* info */
body.archive .main-inner #Contents{
    display:-webkit-flex;
    display:flex;
	flex-direction: row-reverse;
    justify-content: space-between;
	margin: 100px auto 35px;
}
body.archive .main-inner #Contents #mainContents{
	width:80%;
}
body.archive .main-inner #Contents #mainContents>dl {
    margin: 0 auto 25px ;
	padding-bottom:25px ;
    display:-webkit-flex;
    display:flex;
	border-bottom: 1px solid #000000;
}
body.archive .main-inner #Contents #mainContents>dl:first-child {
	border-top: 1px solid #000000;
	padding-top:25px ;
}
body.archive .main-inner #Contents #mainContents>dl>dt{
	width:20%;
}
body.archive .main-inner #Contents #mainContents>dl>dd{
	width:70%;
}
body.archive .main-inner #Contents #side{
	width:10%;
}

@media screen and (max-width: 896px) {
body.archive .main-inner #Contents{
    display:block;
	margin-top: 10vw;
}
body.archive .main-inner #Contents #mainContents,
body.archive .main-inner #Contents #side{
	width:100%;
	margin-bottom:5vw;
}
body.archive .main-inner #Contents #mainContents>dl {
    display:block;
    margin: 0 auto 2.5vw;
	padding-bottom:2.5vw;
}
body.archive .main-inner #Contents #mainContents>dl:first-child {
	padding-top:2.5vw;
}
body.archive .main-inner #Contents #mainContents>dl>dt,
body.archive .main-inner #Contents #mainContents>dl>dd{
	width:100%;
}
}
@media screen and (max-width: 520px) {
body.archive .main-inner #Contents #mainContents>dl {
	font-size:5vw;
	line-height:1.6;
}
}	
body.archive .main-inner #Contents #side ul>li{
position: relative;
display: inline-block;
padding-left:20px;
margin-bottom:1vw ;
}
body.archive .main-inner #Contents #side ul>li::before{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
    box-sizing: border-box;
    width: 4px;
    height: 4px;
    border: 8px solid transparent;
    border-left: 12px solid #000;
}
.pageNav{
	margin-top:6.45vw;
}
.pageNav .page-numbers {
    font-size:18px;
    font-weight: bold;
    border: solid 1px #009AD1;
    margin: 0 auto;
    text-align: center;
    color: #009AD1;
    padding: 1em 1.2em;
	margin:0 1em 0 0;
}
.pageNav a .page-numbers {
    font-size:18px;
    font-weight: bold;
    border: solid 1px #009AD1;
    margin: 0 auto;
    text-align: center;
    color: #009AD1;
    padding: 1em 1.2em;
    color: #009AD1;
	display: block;
    transition: background .4s ease;
}
.pageNav .page-numbers:hover {
    background: #009AD1;
    transition: background .4s ease;
	color: #fff;
}
.pageNav .next{
    padding: 1em 2em;
}
@media screen and (max-width: 896px) {
.pageNav{
	margin-top:8.93vw;
}
.pageNav .page-numbers {
    font-size:3.13vw;
    padding: 3.13vw 3.35vw;
	margin:0 3.13vw 0 0;
}
.pageNav a .page-numbers {
    font-size:3.13vw;
    padding: 3.13vw 3.35vw;
}
.pageNav .next{
    padding: 3.13vw 3.35vw;
}
}
/* company */
body.page-template-default:not(.home) .company-contents  {
    width:1240px;
    margin: 0 auto;
    display:-webkit-flex;
    display:flex;
    -webkit-flex-wrap: wrap; 
    flex-wrap        : wrap;
    justify-content: space-between;
}
@media screen and (max-width: 1240px) {
body.page-template-default:not(.home) .company-contents  {
    width:100%;
}
}
body.page-template-default:not(.home) .company-contents dl {
	display:flex;
	width:600px;
	margin-bottom:30px;
	background-color:#FFFFFF;
	align-items: center;
}
body.page-template-default:not(.home) .company-contents dl dt {
	width:50%;
}
body.page-template-default:not(.home) .company-contents dl　dt　img {
	position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
  width: auto;
}
body.page-template-default:not(.home) .company-contents dl dd {
	width:342px;
	padding : 0 37px;
	position:relative;
}
body.page-template-default:not(.home) .company-contents dl dd　.box {
	position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
@media screen and (max-width: 1240px) {
body.page-template-default:not(.home) .company-contents dl {
	display:flex;
	width:48%;
}
body.page-template-default:not(.home) .company-contents dl dd {
	width:50%;
}
}
@media screen and (max-width: 896px) {
	body.page-template-default:not(.home) .company-contents  {
    display:block;
	}
	body.page-template-default:not(.home) .company-contents dl {
    width:100%;
    margin-bottom:3vw;
}
body.page-template-default:not(.home) .company-contents dl dd {
	width:50%;
	background-color:#FFFFFF;
}
body.page-template-default:not(.home) .company-contents .btn {
    font-size: 3vw;
}
body.page-template-default:not(.home) .company-contents .btn a {
    padding: .5em 1em;
}
}
@media screen and (max-width: 520px) {
body.page-template-default:not(.home) .company-contents dl dd {
	padding : 0 7.12vw;
}
body.page-template-default:not(.home) .company-contents dl dd .box {
	font-size: 3vw;
}
body.page-template-default:not(.home) .company-contents .btn {
    font-size: 3vw;
}
}

body.page-template-default:not(.home) .company_img{
	margin: 70px auto 70px;
	text-align:center;
}
@media screen and (max-width: 896px) {
body.page-template-default:not(.home) .company_img{
    margin: 6vw auto;
}
}
body.page-template-default:not(.home) .head_Text{
	margin-bottom:30px;
}
body.page-template-default:not(.home) .Text{
	text-indent:1rem;
	margin-bottom:30px;
}
/* company_summary */
body.page-template-default:not(.home) .company .company_summary{
	border-top: 1px solid #000000;
	padding-top:30px ;
}
body.page-template-default:not(.home) .company dl {
    margin: 0 auto 30px ;
    display:-webkit-flex;
    display:flex;
	border-bottom: 1px solid #000000;
	padding-bottom:30px ;
	line-height:1.6;
}
body.page-template-default:not(.home) .company dl dt {
	width:20%;
}
body.page-template-default:not(.home) .company dl dd span {
	padding-right:3em ;
}

@media screen and (max-width: 896px) {
body.page-template-default:not(.home) .company .company_summary{
	padding-top:5vw ;
}
body.page-template-default:not(.home) .company dl {
    margin: 0 auto 5vw  ;
	padding-bottom:5vw ;
}
}
@media screen and (max-width: 600px) {
body.page-template-default:not(.home) .company dl {
    display:block;
}
body.page-template-default:not(.home) .company dl dt {
	width:100%;
	font-size: 5.05vw;
position: relative;
}
body.page-template-default:not(.home) .company dl dt:before {
	 content: '\25A0';
	color: #19004B;
}
}
body.page-template-default:not(.home) h4 {
	font-size:24px;
	line-height:2;
	font-weight:bold;
	border-bottom: 1px solid #000000;
	margin: 40px auto 20px;
}
@media screen and (max-width: 896px) {
body.page-template-default:not(.home) h4 {
	font-size: 3.5vw;
	line-height:1.6;
	padding-bottom:2vw;
}
}
@media screen and (max-width: 520px) {
body.page-template-default:not(.home) h4 {
	font-size: 6.35vw;
}
}
.text_right{
	text-align:right;
}
/*service*/
.service>.image{
	margin: 50px auto 40px;
	text-align:center;
}
.service>.link-btn{
	width:20%;
	margin-top:50px;
}
@media screen and (max-width: 1024px) {
.service>.link-btn{
	width:29.3vw;
}
}
@media screen and (max-width: 896px) {
.service>.link-btn{
	width:60vw;
	margin: 5vw auto;
}
}
/*salary-deduction*/
.salary-sub-title {
	font-weight:bold;
}
@media screen and (max-width: 1240px) {
.service>.image img{
	width:auto;
	height:auto;
}
}
@media screen and (max-width: 896px) {
.service>.image{
	margin: 3vw auto;
}
}

/*documents*/
.documents {
	margin: 40px 0 100px;
}
.documents>dl {
    margin: 0 auto 20px ;
    display:-webkit-flex;
    display:flex;
	border-bottom: 1px solid #000000;
	padding-bottom:20px ;
    justify-content: space-between;
	align-items:center;
}
.documents>dl:first-child {
	border-top: 1px solid #000000;
	padding-top:20px ;
}
.documents>dl>dd>.btn a {
    padding: .5em 2em;
}
@media screen and (max-width: 896px) {
.documents>dl {
    display:block;
	text-align:center;
	font-size:3.35vw;
}
.documents>dl>dd>.btn {
	width:50%;
	margin: 2vw auto 0;
}
}
@media screen and (max-width: 520px) {
.documents>dl {
	font-size: 5.77vw;
	line-height:1.4;
}
.documents>dl>dd>.btn {
	margin: 3vw auto 0;
	font-size: 4.62vw;
}
}

/*privacy*/
.privacy_info {
	margin: 40px 0 100px;
	width:50%;
}
.privacy_info-title {
	border-bottom: 1px solid #000000;
	line-height:2.4;
	margin-bottom:1vw;
}
@media screen and (max-width: 896px) {
 .privacy_info {
	width:100%;
	line-height:1.8;
	margin: 4.46vw 0 12vw;
}
}
/*info*/
.info-data .info-box {
	background-color: #FFFFFF;
	padding : 70px;
	margin: 0 auto 25px;
}
@media screen and (max-width: 896px) {
	.info-data .info-box {
	padding:7.81vw;
}
}
@media screen and (max-width: 520px) {
	.info-data .info-box {
	padding:4.81vw;
}
}
.info-data>.info-box>dl {
    display:-webkit-flex;
    display:flex;
    align-items:center;
    margin-top:50px;
}
.info-data .info-box>dl>dd{
    margin-right:30px;
    margin-left:30px;
}
.info-data .info-box>dl>dd .btn a {
    padding: .3em 1.5em;
}
.info-data .info-box .link-btn{
	margin-top:40px;
	width:35%;
}
.info-data .info-box .link-btn .btn a {
    padding: .5em 1.5em;
}
@media screen and (max-width: 896px) {
.info-data .info-box .title br{
	display:none;
}
.info-data .info-box .link-btn{
	margin-top:40px;
	width:80vw;
}
}
.contact-imformaiton {
	margin:100px auto;
}
.contact-person {
    display:-webkit-flex;
    display:flex;
	align-items:center;
	margin:40px auto;
}
.contact-person .tel {
	font-size:65px;
	width:50%;
}
.contact-person .tel>i {
	padding-right:.3em;
	font-size:80%;
}
@media screen and (max-width: 896px) {
.contact-imformaiton {
	margin:10vw auto;
}
.contact-person {
    display:block;
	text-align:center;
	margin:5vw auto;
}
.contact-person .tel {
	font-size:10vw;
	width:100%;
}
}
/* from */
.red {
	color:#ED5A24;
}
.error {
    display: none;
}
#mw_wp_form_mw-wp-form-614 {
	width:100%;
}
body.page-template-default:not(.home) #mw_wp_form_mw-wp-form-614 h4 {
    margin: 40px auto 60px;
}
.privacy_box {
    height: 300px;
    margin-bottom: 15px;
    overflow-y: scroll;
    border: 1px solid #cccccc;
    background: #ffffff;
    padding: 15px;
    text-align: left;
}
@media screen and (max-width: 896px) {
body.page-template-default:not(.home) #mw_wp_form_mw-wp-form-614 h4 {
    margin: 4.46vw auto 6.7vw;
}
}
#mw_wp_form_mw-wp-form-614 dl{
	display:-webkit-flex;
	display:flex;
	margin-bottom:2vw;
}
#mw_wp_form_mw-wp-form-614 dt{
	width:25%;
}
#mw_wp_form_mw-wp-form-614 dd{
	width:75%;
}
#mw_wp_form_mw-wp-form-614 dd>dl{
	display:-webkit-flex;
	display:flex;
	align-items:center;
	margin-bottom:0;
}
#mw_wp_form_mw-wp-form-614 dd>dl>dt{
	width:10%;
}

@media screen and (max-width: 896px) {
	#mw_wp_form_mw-wp-form-614 dl{
	display:block;
}
	#mw_wp_form_mw-wp-form-614 dt,
	#mw_wp_form_mw-wp-form-614 dd{
	width:100%;
	margin-bottom:1vw;
}
	#mw_wp_form_mw-wp-form-614 dd>dl{
	display:block;
}
#mw_wp_form_mw-wp-form-614 dd>dl>dt{
	width:100%;
}
}
#mw_wp_form_mw-wp-form-614 .small{
	font-size:16px;
	line-height:1.4;
	margin-top: 10px;
}
@media screen and (max-width: 896px) {
#mw_wp_form_mw-wp-form-614 .small{
	font-size:2.01vw;
	margin-top: 1.12vw;
}
}
@media screen and (max-width: 520px) {
#mw_wp_form_mw-wp-form-614 .small{
	font-size:3.46vw;
	margin-top: 1.91vw;
}
}
#mw_wp_form_mw-wp-form-614 .Box{
	text-align:center;
	margin:0 auto;
}
input[type="submit"],
input[type="text"],
input[type="email"],
select,
textarea,
button {
  -moz-appearance: none;
  -webkit-appearance: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
  border: none;
}
input[type="text"],
input[type="email"],
select,
textarea {
  background: #FFFFFF;
	border: solid 1px #000000 ;
	width:100% ;
  font-size: 16px;
  padding: 15px ;
  transition: 0.8s;
}
@media screen and (max-width: 600px) {
input[type="text"],
input[type="email"],
select,
textarea {
	border-radius:0;
}
}
@media screen and (max-width: 600px) {
input[type="text"],
input[type="email"],
select,
textarea {
  font-size: 3.33vw;
}
}
input[type="text"] {
	width:90% ;
}
@media screen and (max-width: 896px) {
	input[type="text"] {
	width:100% ;
	border-radius:0;
}
}
input[type="text"]:focus,
input[type="email"]:focus,
select:focus,
textarea:focus {
  background: #EEEEEE;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.cp_ipselect {
	overflow: hidden;
	width: 300px;
	margin-bottom:1vw;
	text-align: center;
}
@media screen and (max-width: 520px) {
.cp_ipselect {
	width: 57.69vw;
	width: 100%;
}
}
.cp_ipselect select {
	width: 100%;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}
.cp_ipselect select::-ms-expand {
    display: none;
}
.cp_ipselect.cp_sl01 {
	position: relative;
	border: 1px solid #000000;
	background: #ffffff;
}
.cp_ipselect.cp_sl01::before {
	position: absolute;
	top: 1em;
	right: 0.9em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 12px solid #000000;
	pointer-events: none;
}
.mwform-tel-field input[type="text"] {
    width: 180px !important;
	margin-bottom:10px;
}
@media screen and (max-width: 896px) {
.mwform-tel-field input[type="text"] {
    width: 20.09vw !important;
}
}
.cp_sl02 input[type="text"],
.cp_info input[type="text"] {
	width:100% ;
}
/* enquete */
.enquete .sp {
	display: none;
}
.line {
font-weight: bold;
text-decoration: underline;
}
.right{
text-align: right;
}
.mw_wp_form .enquete .horizontal-item {
margin-right: 10px;
}
.mw_wp_form .enquete .horizontal-item + .horizontal-item {
margin-left: 0;
}
@media screen and (max-width: 896px) {
.enquete p {
line-height:1.5;
}
.enquete .sp {
	display: block;
}
.enquete .mwform-radio-field {
	display: block;
}
.enquete textarea + .error {
margin-top: 5px !important;
}
.enquete .error {
margin-bottom: 5px;
}
}
.mw_wp_form .error {
margin-top: 5px;
background-color: rgba(237,0,0,0.2);
padding: 0 10px;
}
.mw_wp_form .error.displaynone {
display:none;
}
body.page-template-default:not(.home) .enquete h4 {
font-size: 1.2rem;
line-height: 1.5;
}
.enquete .mwform-radio-field-text,.enquete .mwform-checkbox-field-text {
font-size: 1rem;
padding: 0 0 0 36px;
}
.enquete .blue {
color: #009AD1;
font-size: 0.9rem;
}
.enquete .selectBox {
margin-left: 30px;
}
.enquete .selectBox:not(.active),
.enquete .q02-box:not(.active){
display:none;
}
.enquete .selectBox:not(.active) textarea,
.enquete .q02-box:not(.active) textarea{
pointer-events : none;
background: #eee;
}
.enquete .selectBox:not(.active) label,
.enquete .q02-box:not(.active) label{
pointer-events : none;
}
.enquete .selectBox:not(.active) .mwform-radio-field-text::before,
.enquete .q02-box:not(.active) .mwform-radio-field-text::before {
pointer-events : none;
background: #eee;
}
.question input.open:checked ~ .q01-1-select{
background: #e00;
display: none;
}

/* テキストエリア */
.enquete textarea {
margin-top: 10px;
}
.enquete textarea:focus,
.enquete input[type=text]:focus {
background-color: #d8f6ff;
}
.enquete textarea + .error {
margin-top: -9px;
}
input[type="text"].size_code {
width: 250px;
}

/*　ラジオボタン　*/
input[type="radio"] {
display: none;
}
.mwform-radio-field-text {
display: inline-block;
position: relative;
padding: 0 36px 0 36px;
}
.mwform-radio-field-text::before,
.mwform-radio-field-text::after {
content: "";
position: absolute;
display: block;
}
.mwform-radio-field-text::before {
background: #fff;
border: 2px solid #000;
width: 20px;
height: 20px;
border-radius: 15px;
top: 50%;
left: 0;
transform: translateY(-50%);
}
.mwform-radio-field-text::after {
width: 12px;
height: 12px;
background: #5bc0de;
top: 50%;
border-radius: 15px;
left: 6px;
transform: translateY(-50%);
opacity: 0;
}
input[type="radio"]:checked + .mwform-radio-field-text::after {
opacity: 1;
}

/* チェックボックス */
input[type="checkbox"] {
    display: none;
}
.mwform-checkbox-field-text {
    display: inline-block;
    position: relative;
    padding: 0 36px 0 36px;
}
.mwform-checkbox-field-text::before,
.mwform-checkbox-field-text::after {
    content: "";
    position: absolute;
    display: block;
}
.mwform-checkbox-field-text::before {
    background: #fff;
    border: 2px solid #000;
    width: 20px;
    height: 20px;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.mwform-checkbox-field-text::after {
    border-width: 3px;
    border-color: transparent transparent #5bc0de #5bc0de;
    border-style: solid;
    width: 20px;
    height: 10px;
    margin-top: -0.3em;
    top: 50%;
    left: 0;
    transform: translateY(-50%) rotate(-45deg);
    opacity: 0;
}
input[type="checkbox"]:checked + .mwform-checkbox-field-text::after {
    opacity: 1;
}
.info-data input[type=submit]{
    display: block;
	width:100%;
    padding: 25px 0;
    font-size: 1.2em;
    font-weight: bold;
    color: #009AD1;
    text-decoration: none !important;
	background-color:#ffffff;
    text-align: center;
    border: none;
    outline: none;
    cursor: pointer;
}
@media screen and (max-width: 896px) {
.info-data input[type=submit]{
    padding: 2.79vw 0;
}
}
.info-data input[type=submit] a{
    color: #009AD1;
	display: block;
    transition: background .4s ease;
	}
.info-data input[type=submit]:hover {
    background: #009AD1;
    transition: background .4s ease;
	color: #fff;
}
.outline img{
	width:420px;
	height:auto;
}
@media screen and (max-width: 896px) {
	.outline img{
	width:80%;
}
}


.info-data .info-box .link-btn{
	margin:40px auto;
	width:50%;
    display:-webkit-flex;
    display:flex;
    justify-content: space-between;
	align-items:center;
}
.info-data .info-box .contactus_infobox .link-btn{
	margin:40px 0 0;
	width:40%;
   display:block;
}

@media screen and (max-width: 896px) {
	.info-data .info-box .contactus_infobox{
		margin-left: 25px;
	}
	.info-data .info-box .contactus_infobox .link-btn{
		margin:40px auto 0;
		width:85%;
	}

}
@media screen and (max-width: 520px) {
	.info-data .info-box .contactus_infobox .link-btn{
font-size: 5vw;

	}
}
.mw_wp_form_input .link-btn input[type=submit],
.mw_wp_form_preview input[type=submit],
.mw_wp_form_preview input + input[type=submit]{
    font-weight: bold;
    border: solid 1px #009AD1;
    margin: 0 10px;
}

/* from index */
.info-top dl{
	display:-webkit-flex;
	display:flex;
	align-items:center;
}
.info-top dt{
	margin-right:10px;
	white-space: nowrap;
}
#Contents > section > div:nth-child(1) > form > dl > dd{
	flex-grow:1
}
.info-top dd>dl{
	width: 100%;
}
.info-top dd>dl>dt{
	flex-grow:1
}
.info-top dd>dl>dt{
	margin-right:30px;
}
.info-top dd>dl>dd{
	width:30%;
	white-space: nowrap;
}
.info-top input[type="text"] {
    width: 100%;
}
.info-top input[type=submit]{
    padding: 10px 0;
    width:auto;
    font-size:18px;
    font-weight: bold;
    border: solid 1px #009AD1;
    margin: 0 auto;
    text-align: center;
	white-space: nowrap;
    padding: 0.5em 1.5em;
}
/* border_btn */
@media screen and (max-width: 896px) {
.info-top input[type=submit]{
	border-radius:0;
	margin-top: 2vw;
    width:auto;
	font-size: 3.8vw;
    padding: 0.8em 3.3em;
}
.info-top .btn {
    font-size: 3.8vw;
}
}
.info-top .btn a {
    padding:.5em 3em;
    color: #009AD1;
	display: block;
    transition: background .4s ease;
}
.info-top .btn a:hover {
    background: #009AD1;
    transition: background .4s ease;
	color: #fff;
}
@media screen and (max-width: 896px) {
.info-top dl{
	display:block;
	margin:0 auto;
	margin-left:25px;
}
.info-top dl dt{
	text-align:left;
	margin-right:0;
}
.info-top dd{
	width:100%;
}
.info-top dd>dl {
	margin-left:0;
}
.info-top dd>dl>dt{
	width:100%;
}
.info-top dd>dl>dd{
	width:100%;
}
}

.mw_wp_form_preview .btn {
	width:100%;
    display:-webkit-flex;
    display:flex;
    justify-content: space-between;
	border:none;
}
.mw_wp_form_preview .btn input,
.mw_wp_form_preview .btn input + input{
	width:100%;
	border:1px solid #009AD1;
	margin: 0 1%;
}

/* anq 2022 */

.question table {
	width: 100%;
}
.question table .mwform-radio-field-text {
	font-size: 0;
}
.question table thead th {
	text-align:center;
	line-height: 1.1;
}
.question table tbody th {
	vertical-align: middle;
	padding-left: 10px;
}
.question table tbody td {
	padding-bottom:8px;
		width: 5%;
	text-align:center;
}
.question table tbody td .mwform-radio-field-text::before {
    left: 22%;
}
.question table tbody td .mwform-radio-field-text::after {
	left: 14px;
}
.question table tbody tr:nth-of-type(odd) th,.question table tbody tr:nth-of-type(odd) td{
	background-color:#efefef;
}
.question.no-2 table tbody td:nth-last-of-type(2),.question.no-3 table tbody td:last-of-type{
	pointer-events: none;
}
.question.no-2 table tbody td:nth-last-of-type(2) .mwform-radio-field-text::before,.question.no-3 table tbody td:last-of-type .mwform-radio-field-text::before{
    background-color: #ccc;
}


tr:not(.especially).selected td,tr:not(.especially).selected2 td,tr:not(.especially).selected3 td {
	pointer-events: none;
}
.question table tbody tr:not(.especially).selected td:nth-child(3) .mwform-radio-field-text::before,.question table tbody tr:not(.especially).selected td:nth-child(4) .mwform-radio-field-text::before,.question table tbody tr:not(.especially).selected2 td:nth-child(2) .mwform-radio-field-text::before,.question table tbody tr:not(.especially).selected2 td:nth-child(4) .mwform-radio-field-text::before,.question table tbody tr:not(.especially).selected3 td:nth-child(2) .mwform-radio-field-text::before,.question table tbody tr:not(.especially).selected3 td:nth-child(3) .mwform-radio-field-text::before {
    background-color: #ccc;
}

#q1-other.disabled,#q4-other.disabled {
	background: #ccc;
	pointer-events:none;
}















/*real-estate*/
.real-estate{
	background-color: #FFFFFF;
	margin: 50px auto 0;
	padding: 0 70px 70px;
    display:-webkit-flex;
    display:flex;
    justify-content: space-between;
}
@media screen and (max-width: 896px) {
	.real-estate{
    display:block;
    padding: 3vw 3vw 6vw;
	margin-top: 3vw;
	margin-bottom: 3vw;
}
body.page-template-default:not(.home) .real-estate h4 {
	margin: 2vw auto 3vw;
}
}
.real-estate>.real-estateBox{
	width:480px;
}
.real-estate>.real-estateBox>.real-estatelist>dl {
    display:-webkit-flex;
    display:flex;
}
.real-estate>.real-estateBox>.real-estatelist>dl>dt {
	width:30%;
}
.real-estate>.real-estateBox>.real-estatelist>dl>dt>span.blue {
	color:#11a5e2;
    padding-right :3px;
    font-size:0.9em;
}
.real-estate>.real-estateBox>.real-estatelist>dl>dt>span.yellow {
    color: #f9df05;
    padding-right :3px;
    font-size:0.9em;
}
.real-estate>.real-estateBox>.real-estatelist>dl>dt>span.green {
    color: #169e0f;
    padding-right :3px;
    font-size:0.9em;
}
.real-estate>.map { 
	position: relative; 
	width:632px; 
	margin-top:50px;
}

@media screen and (max-width: 896px) {
.real-estate>.real-estateBox{
	width:100%; 
	text-align:center;
}
.real-estate>.real-estateBox>.real-estatelist>dl {
	justify-content:center;
}
.real-estate>.real-estateBox>.real-estatelist>dl>dt {
	text-align:left;
}
.real-estate>.map { 
	width:100%; 
}
.real-estate>.map img { 
	width:100%; 
}
}
@media screen and (max-width: 414px) {
.real-estate>.real-estateBox>.real-estatelist>dl>dt {
	width:45%;
}
}
.list  { cursor: pointer; width:15px; position: absolute; font-size:30px; line-height:0; }
@media screen and (max-width: 1240px) {
	.list  { 
		font-size: calc(30 / 1240 * 100vw);
	}
	.list  { 
		width: calc(15 / 1240 * 100vw);
	}
}	
@media screen and (max-width: 896px) {
.list {font-size:3.6vw; }
}
.list.parking:hover  { 
	cursor:default;
	opacity: 1;
}
.pop { 
	display: none; 
	position: absolute; 
	padding:12px; 
	width: 140px; 
	border-radius: 5px; 
	text-align:center;
	z-index:100;
}
@media screen and (max-width: 1240px) {
.pop { 
		width: calc(140 / 1240 * 100vw);
		padding: calc(12 / 1240 * 100vw);
	}
}
@media screen and (max-width: 896px) {
.pop { 
		width: calc(240 / 1240 * 100vw);
		padding: calc(18 / 1240 * 100vw);
	}
}
.pop span { 
	display: block; 
	font-weight: bold; 
	color:#000; 
	font-size:14px;
	line-height:18px; 
	padding-top:5px;
}
@media screen and (max-width: 1240px) {
.pop span { 
		font-size: calc(14 / 1240 * 100vw);
		line-height: calc(18 / 1240 * 100vw);
		padding-top: calc(5 / 1240 * 100vw);
	}
}
@media screen and (max-width: 896px) {
.pop span { 
		font-size: calc(20 / 1240 * 100vw);
		line-height: calc(30 / 1240 * 100vw);
		padding-top: calc(10 / 1240 * 100vw);
	}
}
@media screen and (max-width: 414px) {
.pop span { 
		font-size: calc(14 / 1240 * 100vw);
		line-height: calc(30 / 1240 * 100vw);
	}
}
.pop:after { position: absolute; width: 0; height: 0; pointer-events: none; content: " ";z-index:100; }
.office  { color:#11a5e2; }
.apartment  { color:#f9df05; }
.officebg  { background: #c2e0ed; }
.apartmentbg {background: #ffcc00;}
.office:hover  { color:#c2e0ed;  }
.parking{ color: #169e0f; }
.apartment:hover { color:#ffcc00 !important; }

.hokkaidou { top:0; right:0;}
.hokkaidou01_list { top:108px; right:195px; }
.hokkaidou01_list2 { top:82px; right:205px; }
@media screen and (max-width: 1240px) {
.hokkaidou01_list { 
		top: calc(108 / 1240 * 100vw);
		right: calc(195 / 1240 * 100vw);
	}
.hokkaidou01_list2 { 
		top: calc(82 / 1240 * 100vw);
		right: calc(205 / 1240 * 100vw);
	}
}
@media screen and (max-width: 896px) {
.hokkaidou01_list { 
		top: calc(185 / 1240 * 100vw);
		right: calc(345 / 1240 * 100vw);
	}
.hokkaidou01_list2 { 
		top: calc(140 / 1240 * 100vw);
		right: calc(355 / 1240 * 100vw);
	}
}
.hokkaidou01_pop { top: 12px; right: 228px; }
@media screen and (max-width: 1240px) {
.hokkaidou01_pop { 
		top: calc(12 / 1240 * 100vw);
		right: calc(228 / 1240 * 100vw);
	}
}
@media screen and (max-width: 896px) {
.hokkaidou01_pop { 
		top: calc(25 / 1240 * 100vw);
		right: calc(380 / 1240 * 100vw);
	}
}
.hokkaidou01_pop:after {
right: 0;
right: -10px;
top:50%;
margin-left: 0;
border-top: 10px solid transparent;
border-left: 10px solid #c2e0ed;
 border-bottom: 10px solid transparent;
}
.hokkaidou02_list { top:85px; right:175px; }
@media screen and (max-width: 1240px) {
.hokkaidou02_list { 
		top: calc(85 / 1240 * 100vw);
		right: calc(175 / 1240 * 100vw);
	}
}
@media screen and (max-width: 896px) {
.hokkaidou02_list { 
		top: calc(150 / 1240 * 100vw);
		right: calc(310 / 1240 * 100vw);
	}
}
.hokkaidou02_pop { top: 0; right:8px; }
@media screen and (max-width: 1240px) {
.hokkaidou02_pop { 
		top: calc(0 / 1240 * 100vw);
		right: calc(8 / 1240 * 100vw);
	}
}
@media screen and (max-width: 896px) {
.hokkaidou02_pop { 
		top: calc(6 / 1240 * 100vw);
		right: calc(20 / 1240 * 100vw);
	}
}
.hokkaidou02_pop:after {
left: 0;
left: -10px;
top:50%;
margin-left: 0;
border-top: 10px solid transparent;
border-right: 10px solid #ffcc00;
 border-bottom: 10px solid transparent;  
}

.sendai01_list { 
	top: 210px; 
	right:220px; 
}
@media screen and (max-width: 1240px) {
.sendai01_list { 
		top: calc(210 / 1240 * 100vw);
		right: calc(220 / 1240 * 100vw);
	}
}
@media screen and (max-width: 896px) {
.sendai01_list { 
		top: calc(365 / 1240 * 100vw);
		right: calc(370 / 1240 * 100vw);
	}
}
.sendai01_pop { 
	top: 126px; 
	right:242px; 
}
@media screen and (max-width: 1240px) {
.sendai01_pop { 
		top: calc(126 / 1240 * 100vw);
		right: calc(242 / 1240 * 100vw);
	}
}
@media screen and (max-width: 896px) {
.sendai01_pop { 
		top: calc(222 / 1240 * 100vw);
		right: calc(398 / 1240 * 100vw);
	}
}
.sendai01_pop:after {
right: 0;
right: -10px;
top:50%;
margin-left: 0;
border-top: 10px solid transparent;
border-left: 10px solid #c2e0ed;
 border-bottom: 10px solid transparent;
}
.sendai02_list { 
	top: 238px; 
	right:205px; 
}
@media screen and (max-width: 1240px) {
.sendai02_list { 
		top: calc(238 / 1240 * 100vw);
		right: calc(205 / 1240 * 100vw);
	}
}
@media screen and (max-width: 896px) {
.sendai02_list { 
		top: calc(410 / 1240 * 100vw);
		right: calc(355 / 1240 * 100vw);
	}
}
.sendai02_pop { 
    top: 155px;
    right: 42px;
}
@media screen and (max-width: 1240px) {
.sendai02_pop { 
		top: calc(160 / 1240 * 100vw);
		right: calc(40 / 1240 * 100vw);
	}
}
@media screen and (max-width: 896px) {
.sendai02_pop { 
		top: calc(280 / 1240 * 100vw);
		right: calc(70 / 1240 * 100vw);
	}
}
.sendai02_pop:after {
left: 0;
left: -10px;
top:50%;
margin-left: 0;
border-top: 10px solid transparent;
border-right: 10px solid #c2e0ed;
 border-bottom: 10px solid transparent;  
}
.sendai03_list { 
	top: 210px; 
	right:190px; 
}
@media screen and (max-width: 1240px) {
.sendai03_list { 
		top: calc(210 / 1240 * 100vw);
		right: calc(190 / 1240 * 100vw);
	}
}
@media screen and (max-width: 896px) {
.sendai03_list { 
		top: calc(365 / 1240 * 100vw);
		right: calc(325 / 1240 * 100vw);
	}
}
.sendai03_pop { 
	top: 88px; 
	right:25px; 
}
@media screen and (max-width: 1240px) {
.sendai03_pop { 
		top: calc(88 / 1240 * 100vw);
		right: calc(25 / 1240 * 100vw);
	}
}
@media screen and (max-width: 896px) {
.sendai03_pop { 
		top: calc(150 / 1240 * 100vw);
		right: calc(45 / 1240 * 100vw);
	}
}
.sendai03_pop:after {
left: 0;
left: -10px;
top:50%;
margin-left: 0;
border-top: 10px solid transparent;
border-right: 10px solid #c2e0ed;
 border-bottom: 10px solid transparent;  
}

.tokyo {
	position:absolute;
	top:300px; 
	right:210px; 
}
@media screen and (max-width: 1240px) {
.tokyo { 
		top: calc(300 / 1240 * 100vw);
		right: calc(210 / 1240 * 100vw);
	}
}
@media screen and (max-width: 896px) {
.tokyo { 
		top: calc(520 / 1240 * 100vw);
		right: calc(350 / 1240 * 100vw);
	}
}
.tokyo_area {
	position: relative;
}
.tokyo_area > span { 
	font-size: 45px;
	color:#e00;
	opacity: 0.3;
	line-height:1;
}
@media screen and (max-width: 1240px) {
.tokyo_area > span { 
		font-size : calc(45 / 1240 * 100vw);
	}
}
@media screen and (max-width: 896px) {
.tokyo_area > span { 
		font-size : calc(80 / 1240 * 100vw);
	}
}
.tokyo_area::before { 
	content:"";
	position:absolute;
	top: -2px;
	left:25px;
	display:inline-block;
	width:100px;
	height:1px;
	border-top: 1px dotted rgba(238,0,0,0.3);
	transform:rotate(-5deg);
}
.tokyo_area::after { content:"";position:absolute;top: 63px;left:25px;display:inline-block;width:90px;height:1px;border-top: 1px dotted rgba(238,0,0,0.3);transform:rotate(25deg);}

.tokyo01_list { 
	top: 17px;
	left:105px; 
}
@media screen and (max-width: 1240px) {
.tokyo01_list { 
		top: calc(17 / 1240 * 100vw);
		left: calc(105 / 1240 * 100vw);
	}
}
@media screen and (max-width: 896px) {
.tokyo01_list { 
		top: calc(25 / 1240 * 100vw);
		left: calc(170 / 1240 * 100vw);
	}
}
.tokyo01_pop { 
	top: -80px; 
	left: 143px; display:none;
}
@media screen and (max-width: 1240px) {
.tokyo01_pop { 
		top: calc(-80 / 1240 * 100vw);
		left: calc(143 / 1240 * 100vw);
	}
}
@media screen and (max-width: 896px) {
.tokyo01_pop { 
		top: calc(-140 / 1240 * 100vw);
		left: calc(230 / 1240 * 100vw);
	}
}
.tokyo01_pop:after {
left: -10px;
top:43%;
margin-left: 0;
border-top: 10px solid transparent;
border-right: 10px solid #c2e0ed;
 border-bottom: 10px solid transparent;
}
.tokyo02_list { 
	top: 17px;
	left : 74px; 
}
@media screen and (max-width: 1240px) {
.tokyo02_list { 
		top: calc(17 / 1240 * 100vw);
		left: calc(74 / 1240 * 100vw);
	}
}
@media screen and (max-width: 896px) {
.tokyo02_list { 
		top: calc(25 / 1240 * 100vw);
		left: calc(125 / 1240 * 100vw);
	}
}
.tokyo02_pop { 
	top: -255px; 
	right: -20px; 
}
@media screen and (max-width: 1240px) {
.tokyo02_pop { 
		top: calc(-255 / 1240 * 100vw);
		right: calc(-20 / 1240 * 100vw);
	}
}
@media screen and (max-width: 896px) {
.tokyo02_pop {  
		top: calc(-445 / 1240 * 100vw);
		right: calc(-30 / 1240 * 100vw);
	}
}
.tokyo02_pop:after {
right: 0;
right: -10px;
bottom:5%;
margin-left: 0;
border-top: 10px solid transparent;
border-left: 10px solid #c2e0ed;
 border-bottom: 10px solid transparent;  
}
.tokyo03_list { 
	top: 43px;
	left:90px; 
}
@media screen and (max-width: 1240px) {
.tokyo03_list { 
		top: calc(43 / 1240 * 100vw);
		left: calc(90 / 1240 * 100vw);
	}
}
@media screen and (max-width: 896px) {
.tokyo03_list { 
		top: calc(70 / 1240 * 100vw);
		left: calc(137 / 1240 * 100vw);
	}
}
.tokyo03_pop { 
	top: -48px; 
	left: 130px; 
}
@media screen and (max-width: 1240px) {
.tokyo03_pop { 
		top: calc(-48 / 1240 * 100vw);
		left: calc(130 / 1240 * 100vw);
	}
}
@media screen and (max-width: 896px) {
.tokyo03_pop { 
		top: calc(-58 / 1240 * 100vw);
		left: calc(195 / 1240 * 100vw);
	}
}
.tokyo03_pop:after {
left: 0;
left: -10px;
top:50%;
margin-left: 0;
border-top: 10px solid transparent;
border-right: 10px solid #c2e0ed;
 border-bottom: 10px solid transparent;  
}
.tokyo04_list { 
	top: 43px;
	left:59px; 
}
@media screen and (max-width: 1240px) {
.tokyo04_list { 
		top: calc(43 / 1240 * 100vw);
		left: calc(59 / 1240 * 100vw);
	}
}
@media screen and (max-width: 896px) {
.tokyo04_list { 
		top: calc(70 / 1240 * 100vw);
		left: calc(93 / 1240 * 100vw);
	}
}
.tokyo04_pop { 
	top: -106px; 
	right: 0; 
}
@media screen and (max-width: 1240px) {
.tokyo04_pop { 
		top: calc(-106 / 1240 * 100vw);
		right: calc(0 / 1240 * 100vw);
	}
}
@media screen and (max-width: 896px) {
.tokyo04_pop { 
		top: calc(-156 / 1240 * 100vw);
		right: calc(0 / 1240 * 100vw);
	}
}
.tokyo04_pop:after {
right: -10px;
bottom:5%;
margin-left: 0;
border-top: 10px solid transparent;
border-left: 10px solid #ffcc00;
 border-bottom: 10px solid transparent;  
}
.tokyo05_list { 
	top: 17px;
	left : 43px; 
}
@media screen and (max-width: 1240px) {
.tokyo05_list { 
		top: calc(17 / 1240 * 100vw);
		left: calc(43 / 1240 * 100vw);
	}
}
@media screen and (max-width: 896px) {
.tokyo05_list { 
		top: calc(25 / 1240 * 100vw);
		left: calc(80 / 1240 * 100vw);
	}
}
.tokyo05_pop { 
	top: -195px; 
	right: 10px; 
}
@media screen and (max-width: 1240px) {
.tokyo05_pop { 
		top: calc(-195 / 1240 * 100vw);
		right: calc(10 / 1240 * 100vw);
	}
}
@media screen and (max-width: 896px) {
.tokyo05_pop { 
		top: calc(-335 / 1240 * 100vw);
		right: calc(15 / 1240 * 100vw);
	}
}
.tokyo05_pop:after {
right: -10px;
bottom:5%;
margin-left: 0;
border-top: 10px solid transparent;
border-left: 10px solid #ffcc00;
 border-bottom: 10px solid transparent;  
}
.tokyo06_list { 
	top: 43px;
	left:120px; 
}
@media screen and (max-width: 1240px) {
.tokyo06_list { 
		top: calc(43 / 1240 * 100vw);
		left: calc(120 / 1240 * 100vw);
	}
}
@media screen and (max-width: 896px) {
.tokyo06_list { 
		top: calc(70 / 1240 * 100vw);
		left: calc(180 / 1240 * 100vw);
	}
}
.tokyo06_pop { 
	top: -50px; 
	left: 160px; 
}
@media screen and (max-width: 1240px) {
.tokyo06_pop { 
		top: calc(-50 / 1240 * 100vw);
		left: calc(160 / 1240 * 100vw);
	}
}
@media screen and (max-width: 896px) {
.tokyo06_pop { 
		top: calc(-58 / 1240 * 100vw);
		left: calc(238 / 1240 * 100vw);
	}
}
.tokyo06_pop:after {
left: 0;
left: -10px;
top:50%;
margin-left: 0;
border-top: 10px solid transparent;
border-right: 10px solid #c2e0ed;
 border-bottom: 10px solid transparent;  
}


.kanagawa01_list { 
	top:355px; 
	right:255px;
}
@media screen and (max-width: 1240px) {
.kanagawa01_list { 
		top: calc(355 / 1240 * 100vw);
		right: calc(255 / 1240 * 100vw);
	}
}
@media screen and (max-width: 896px) {
.kanagawa01_list { 
		top: calc(610 / 1240 * 100vw);
		right: calc(450 / 1240 * 100vw);
	}
}
.kanagawa01_pop { 
	top: 160px; 
	right: 185px;
}
@media screen and (max-width: 1240px) {
.kanagawa01_pop { 
		top: calc(160 / 1240 * 100vw);
		right: calc(185 / 1240 * 100vw);
	}
}
@media screen and (max-width: 896px) {
.kanagawa01_pop { 
		top: calc(316 / 1240 * 100vw);
		right: calc(320 / 1240 * 100vw);
	}
}
.kanagawa01_pop:after {
left: 43%;
right: -10px;
bottom:-11%;
margin-left: 0;
border: 10px solid #ffcc00;
 border-left-color: transparent;
border-bottom-color: transparent;
border-right-color: transparent;
}

.kanazawa_list { 
	top:309px; 
	right:323px; 
}
@media screen and (max-width: 1240px) {
.kanazawa_list { 
		top: calc(309 / 1240 * 100vw);
		right: calc(323/ 1240 * 100vw);
	}
}
@media screen and (max-width: 896px) {
.kanazawa_list { 
		top: calc(530 / 1240 * 100vw);
		right: calc(555 / 1240 * 100vw);
	}
}
.kanazawa .list  { cursor: default; }
.kanazawa .office:hover  { color:#11a5e2;  }


.nagoya01_list { 
	top:353px; 
	right:295px; 
}
@media screen and (max-width: 1240px) {
.nagoya01_list { 
		top: calc(353/ 1240 * 100vw);
		right: calc(295 / 1240 * 100vw);
	}
}
@media screen and (max-width: 896px) {
.nagoya01_list { 
		top: calc(600 / 1240 * 100vw);
		right: calc(515 / 1240 * 100vw);
	}
}
.nagoya01_pop { 
	top: 177px; 
	right: 226px; 
}
@media screen and (max-width: 1240px) {
.nagoya01_pop { 
		top: calc(177/ 1240 * 100vw);
		right: calc(226 / 1240 * 100vw);
	}
}
@media screen and (max-width: 896px) {
.nagoya01_pop { 
		top: calc(310 / 1240 * 100vw);
		right: calc(390 / 1240 * 100vw);
	}
}
.nagoya01_pop:after {
left: 43%;
right: -10px;
bottom:-12%;
margin-left: 0;
border: 10px solid #c2e0ed;
 border-left-color: transparent;
border-bottom-color: transparent;
border-right-color: transparent;
}
.nagoya02_list { 
	top:380px; 
	right:310px; 
}
@media screen and (max-width: 1240px) {
.nagoya02_list { 
		top: calc(380 / 1240 * 100vw);
		right: calc(310 / 1240 * 100vw);
	}
}
@media screen and (max-width: 896px) {
.nagoya02_list { 
		top: calc(640 / 1240 * 100vw);
		right: calc(535 / 1240 * 100vw);
	}
}
.nagoya03_list { 
	top:380px; 
	right:281px;
}
@media screen and (max-width: 1240px) {
.nagoya03_list { 
		top: calc(380 / 1240 * 100vw);
		right: calc(280 / 1240 * 100vw);
	}
}
@media screen and (max-width: 896px) {
.nagoya03_list { 
		top: calc(640 / 1240 * 100vw);
		right: calc(493 / 1240 * 100vw);
	}
}
.nagoya04_list { 
	top:323px; 
	right:282px;
}
@media screen and (max-width: 1240px) {
.nagoya04_list { 
		top: calc(323/ 1240 * 100vw);
		right: calc(282 / 1240 * 100vw);
	}
}
@media screen and (max-width: 896px) {
.nagoya04_list { 
		top: calc(545 / 1240 * 100vw);
		right: calc(480 / 1240 * 100vw);
	}
}
.nagoya .list  { cursor: default; }
.nagoya .office2:hover  { color:#11a5e2;  }


.osaka01_list { 
	top:363px; 
	right:358px; 
}
@media screen and (max-width: 1240px) {
.osaka01_list { 
		top: calc(363 / 1240 * 100vw);
		right: calc(358 / 1240 * 100vw);
	}
}
@media screen and (max-width: 896px) {
.osaka01_list { 
		top: calc(630 / 1240 * 100vw);
		right: calc(630 / 1240 * 100vw);
	}
}
.osaka01_list2 { 
	top:388px; 
	right:374px; 
}
@media screen and (max-width: 1240px) {
.osaka01_list2 { 
		top: calc(388 / 1240 * 100vw);
		right: calc(374 / 1240 * 100vw);
	}
}
@media screen and (max-width: 896px) {
.osaka01_list2 { 
		top: calc(670 / 1240 * 100vw);
		right: calc(650 / 1240 * 100vw);
	}
}
.osaka01_pop {
	top: 185px; 
	right: 290px; 
}
@media screen and (max-width: 1240px) {
.osaka01_pop { 
		top: calc(170 / 1240 * 100vw);
		right: calc(374 / 1240 * 100vw);
	}
}
@media screen and (max-width: 896px) {
.osaka01_pop { 
		top: calc(337 / 1240 * 100vw);
		right: calc(502 / 1240 * 100vw);
	}
}
.osaka01_pop:after {
left: 43%;
right: -10px;
bottom:-12%;
margin-left: 0;
border: 10px solid #c2e0ed;
 border-left-color: transparent;
border-bottom-color: transparent;
border-right-color: transparent;
}
.osaka02_list { top: 388px; right:345px; }
@media screen and (max-width: 1240px) {
.osaka02_list { 
		top: calc(388 / 1240 * 100vw);
		right: calc(345 / 1240 * 100vw);
	}
}
@media screen and (max-width: 896px) {
.osaka02_list { 
		top: calc(660 / 1240 * 100vw);
		right: calc(600 / 1240 * 100vw);
	}
}
.osaka02_pop { 
	top: 410px; 
	right:275px; 
}
@media screen and (max-width: 1240px) {
.osaka02_pop { 
		top: calc(410 / 1240 * 100vw);
		right: calc(275 / 1240 * 100vw);
	}
}
@media screen and (max-width: 896px) {
.osaka02_pop { 
		top: calc(690 / 1240 * 100vw);
		right: calc(472 / 1240 * 100vw);
	}
}
.osaka02_pop:after {
left: 43%;
top:-12%;
margin-left: 0; 
border: 10px solid #ffcc00;
 border-left-color: transparent;
border-top-color: transparent;
border-right-color: transparent;
}
.ehime_list { 
	top:400px; 
	right:420px;
}
.ehime .list  { cursor: default; }
.ehime .office:hover  { color:#11a5e2;  }
@media screen and (max-width: 1240px) {
.ehime_list { 
		top: calc(400 / 1240 * 100vw);
		right: calc(420 / 1240 * 100vw);
	}
}
@media screen and (max-width: 896px) {
.ehime_list { 
		top: calc(685 / 1240 * 100vw);
		right: calc(715 / 1240 * 100vw);
	}
}

.kumamoto01_list { 
	top:440px; 
	right:470px;
}
@media screen and (max-width: 1240px) {
.kumamoto01_list { 
		top: calc(440 / 1240 * 100vw);
		right: calc(470 / 1240 * 100vw);
	}
}
@media screen and (max-width: 896px) {
.kumamoto01_list { 
		top: calc(744 / 1240 * 100vw);
		right: calc(822 / 1240 * 100vw);
	}
}
.kumamoto01_pop { 
	top: 355px; 
	right: 490px; 
}
@media screen and (max-width: 1240px) {
.kumamoto01_pop { 
		top: calc(355 / 1240 * 100vw);
		right: calc(490 / 1240 * 100vw);
	}
}
@media screen and (max-width: 896px) {
.kumamoto01_pop { 
		top: calc(600 / 1240 * 100vw);
		right: calc(860 / 1240 * 100vw);
	}
}
.kumamoto01_pop:after {
right: 0;
right: -10px;
top:50%;
margin-left: 0;
border-top: 10px solid transparent;
border-left: 10px solid #c2e0ed;
 border-bottom: 10px solid transparent;
}
.hokkaidou01_list:hover + .hokkaidou01_list2 + .hokkaidou01_pop,
.hokkaidou01_list + .hokkaidou01_list2:hover + .hokkaidou01_pop,
.hokkaidou02_list:hover + .hokkaidou02_pop,
.hokkaidou03_list:hover + .hokkaidou03_pop,
.sendai01_list:hover + .sendai01_pop,
.sendai02_list:hover + .sendai02_pop,
.sendai03_list:hover + .sendai03_pop,
.tokyo01_list:hover + .tokyo01_pop,
.tokyo02_list:hover + .tokyo02_pop,
.tokyo03_list:hover + .tokyo03_pop,
.tokyo04_list:hover + .tokyo04_pop,
.tokyo05_list:hover + .tokyo05_pop,
.tokyo06_list:hover + .tokyo06_pop,
.kanagawa01_list:hover + .kanagawa01_pop,
.nagoya01_list:hover + .nagoya01_pop,
.osaka01_list:hover + .osaka01_list2 + .osaka01_pop,
.osaka01_list + .osaka01_list2:hover + .osaka01_pop,
.osaka02_list:hover + .osaka02_pop,
.kumamoto01_list:hover + .kumamoto01_pop   {
display: block;
}
.hokkaidou01_pop img,
.hokkaidou02_pop img,
.sendai01_pop img,
.sendai02_pop img,
.sendai03_pop img,
.tokyo01_pop img,
.tokyo02_pop img,
.tokyo03_pop img,
.tokyo04_pop img,
.tokyo05_pop img,
.tokyo06_pop img,
.kanagawa01_pop img,
.nagoya01_pop img,
.osaka01_pop img,
.osaka02_pop img,
.kumamoto01_pop img {
width: 120px;
}

.slider .separate {
    display: flex;
}
.slider .separate div img {
    width: auto;
    height: 100%;

}
@media screen and (max-width: 896px) {
.slider .separate {
    display: block;
}
.slider .separate div img {
    width: 100%;
    height: auto;

}
}