@charset "UTF-8";
@import url(css/slick.css);
@import url(css/animate.css);
@import url('https://fonts.googleapis.com/css?family=Abel|Josefin+Sans:600|Noto+Sans+JP:100,300,400&display=swap');
@import url("https://use.typekit.net/lhn0kwl.css");

@font-face{
	font-family: 'DIN Alternate Bold';
font-style: normal;
font-weight: normal;
	src:url(fonts/DINAlternate-Bold.woff) format('woff');
}

html {
  visibility: hidden;
}
html.wf-active {
  visibility: visible;
}

body{
	font-family: 'Noto Sans JP', sans-serif;
}
p{
	line-height: 1;
}
.inner {
    width: 90%;
    margin: 0 auto;
}
.inner:after {
    content: "";
    clear: both;
    display: block;
}
 
/* header */
#top-head {
    top: -100px;
    position: absolute;
    width: 100%;
    margin: 100px auto 0;
    padding: 30px 0 0;
    line-height: 1;
    z-index: 999;
}
#top-head a,
#top-head {
    color: #fff;
    text-decoration: none;
}
#top-head .inner {
    position: relative;
}
#top-head .logo {
    float: left;
}
#top-head .logo img{
	width:150px;
	height:auto;
}
@media screen and (max-width:899px){
#top-head .logo img{
	height:40px;
	width:auto;
}	
}
#global-nav ul {
    list-style: none;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 10px;
}
#global-nav ul li {
    float: left;
	text-align: center;
	letter-spacing: 0.15em;
	line-height: 1.3;
}
#global-nav ul li a {
    padding: 0 20px;
	display:block;
}
#global-nav ul li a span{
	font-family: din-condensed, sans-serif;
font-weight: 400;
font-style: normal;
	font-size:17px;
}
#global-nav ul li a:hover{color:#E17B2B;}
	
 
/* Fixed */
#top-head.fixed {
    margin-top: 0;
    top: 0;
    position: fixed;
    padding-top: 10px;
    height: 55px;
    background: #fff;
    background: rgba(255,255,255,.8);
    transition: top 0.65s ease-in;
    -webkit-transition: top 0.65s ease-in;
    -moz-transition: top 0.65s ease-in;
}
#top-head.fixed .logo img{
    height:40px;
	width:auto;
}
#top-head.fixed #global-nav ul li a {
    color: #333;
    padding: 0 20px;
}
 
/* Toggle Button */
#nav-toggle {
    display: none;
    position: absolute;
    right: 20px;
    top: 18px;
    width: 34px;
    height: 36px;
    cursor: pointer;
    z-index: 101;
}
#nav-toggle div {
    position: relative;
}
#nav-toggle span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #666;
    left: 0;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
    top: 0;
	width: 80%;
}
#nav-toggle span:nth-child(2) {
    top: 8px;
}
#nav-toggle span:nth-child(3) {
    top: 16px;
	width: 60%;
}

@media screen and (max-width: 899px) {
    #top-head,
    .inner {
        width: 100%;
        padding: 0;
    }
    #top-head {
        top: 0;
        position: fixed;
        margin-top: 0;
    }
    /* Fixed reset */
    #top-head.fixed {
        padding-top: 0;
        background: transparent;
    }
    #mobile-head {
        background: #fff;
        width: 100%;
        height: 56px;
        z-index: 999;
        position: relative;
    }
    #top-head.fixed .logo,
    #top-head .logo {
        position: absolute;
        left: 13px;
        top: 10px;
        color: #333;
        font-size: 26px;
    }
    #global-nav {
        position: absolute;
        /* 開いてないときは画面外に配置 */
        top: -500px;
        background: #333;
        width: 100%;
        text-align: center;
        padding: 10px 0;
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
    }
    #global-nav ul {
        list-style: none;
        position: static;
        right: 0;
        bottom: 0;
        font-size: 14px;
    }
    #global-nav ul li {
        float: none;
        position: static;
    }
    #top-head #global-nav ul li a,
    #top-head.fixed #global-nav ul li a {
        width: 100%;
        display: block;
        color: #fff;
        padding: 18px 0;
    }
    #nav-toggle {
        display: block;
    }
    /* #nav-toggle 切り替えアニメーション */
    .open #nav-toggle span:nth-child(1) {
        top: 11px;
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        transform: rotate(315deg);
		width:100%;
    }
    .open #nav-toggle span:nth-child(2) {
        width: 0;
        left: 50%;
    }
    .open #nav-toggle span:nth-child(3) {
        top: 11px;
        -webkit-transform: rotate(-315deg);
        -moz-transform: rotate(-315deg);
        transform: rotate(-315deg);
		width:100%;
    }
    /* #global-nav スライドアニメーション */
    .open #global-nav {
        /* #global-nav top + #mobile-head height */
        -moz-transform: translateY(556px);
        -webkit-transform: translateY(556px);
        transform: translateY(556px);
    }
}

.sp{
	display: none;
}
.tab{
	display: none;
}
.pc{
	display: block;
}
@media screen and (max-width:899px){
	.tab{
	display: block;
}
}
@media screen and (max-width:599px){
	.sp{
		display: block;
	}
	.pc{
		display: none;
	}
	
}


.f-v{
	position:relative;
	width:100%;
	height:100vh;
}
.f-v img{
	width:100%;
	height:100vh;
	object-fit: cover;
}
@media screen and (max-width:599px){
.f-v{
	margin-top:55px;
	position:relative;
	width:100%;
	height:calc(100vh - 55px);
}	
	.f-v img{
	width:100%;
	height:100vh;
}
}

.fv-content{
	position:absolute;
	top:50%;
	left:10%;
	transform: translate(-10%,-50%);
	width:60%;
	z-index:1;
}
.fv-content p{
	padding-bottom:5%;
}
@media screen and (max-width:599px){
	.fv-content{
	width:80%;
}
}
.scrl a {
  position: absolute;
  bottom: 120px;
  left: 50%;
  z-index: 10;
  display: inline-block;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-decoration: none;
}

.scrl a {
  padding-top: 0px;
	padding-left:0.5em;
  color:#fff;
  font-family: 'Abel', sans-serif;
	letter-spacing: 0.8em
}
.scrl a span {
  position: absolute;
  top: 20px;
  left: 50%;
  width: 30px;
  height: 30px;
  margin-left: -15px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: sdb 2s infinite;
  animation: sdb 2s infinite;
  opacity: 0;
  box-sizing: border-box;
}
.scrl a span:nth-of-type(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.scrl a span:nth-of-type(2) {
  top: 36px;
  -webkit-animation-delay: .15s;
  animation-delay: .15s;
}
.scrl  a span:nth-of-type(3) {
  top: 52px;
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
}
@-webkit-keyframes sdb {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.container{
	width:1080px;
	margin:0 auto;
	padding:30px 0;
}
@media screen and (max-width:899px){
	.container{
		width:85%;
	}
}
.headline{
	line-height: 5;
}
.headline img{
	height:45px;
	width:auto;
}
@media screen and (min-width:600px) and (max-width:899px){
	.headline{
	line-height: 3;
}
	.headline img{
	height:23px;
	width:auto;
}
}
@media screen and (max-width:599px){
	.headline{
	line-height: 2;
		margin-top:40px;
}
	.headline img{
	height:15px;
	width:auto;
}
}
@-webkit-keyframes fadeInLeftMin {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-5%, 0, 0);
    transform: translate3d(-5%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeftMin {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-5%, 0, 0);
    transform: translate3d(-10%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.wrapper{
	width:100%;
	background:#fff;
}
.fadeInLeftMin {
  -webkit-animation-name: fadeInLeftMin;
  animation-name: fadeInLeftMin;
}

.fl-wrap1{
	display: flex;
	display : -webkit-box;    
    display : -webkit-flex;    
    display : -ms-flexbox;
	margin:80px 0 40px;
}
.fl-box1{
	width:50%;
	position:relative;
}
@media screen and (max-width:599px){
	.fl-wrap1{
		display: block;
		margin:50px 0;
	}
	.fl-box1{
		width:100%;
	}
}
.fl-box1 img{
	width:100%;
	height:auto;
	margin:40px 0;
}
.min-title1{
	font-family: a-otf-ryumin-pr6n, serif;
font-weight: 300;
font-style: normal;
	font-size:220%;
	line-height: 1.8;
	letter-spacing: 0.1em;
}
.fl-box1 p{
	font-size:150%;
	color:#444241;
	font-weight:300;
	line-height: 1.8;
	letter-spacing: 0.1em;
}
.btn1 img{
	width:80%;
	margin:40px auto 0;
	display: block;
}
@media screen and (min-width:600px) and (max-width:899px){
		.min-title1{
	font-size:130%;
}
	.fl-box1 p{
		font-size:80%;
	}
}
@media screen and (max-width:599px){
	.fl-box1 img{
	width:100%;
	height:auto;
	margin:40px auto;
		display: block;
}
	.fl-box1 p{
	font-size:90%;
	color:#444241;
	font-weight:300;
	line-height: 1.8;
	letter-spacing: 0.1em;
}
	.min-title1{
	font-size:130%;
}
}
.pd-0-3-0-0{
	padding:0 3% 0 0;
}
.pd-0-0-0-3{
	padding:0 0 0 3%;
}
.pd-0-5-0-0{
	padding:0 5% 0 0;
}
.pd-0-0-0-5{
	padding:0 0 0 5%;
}
.pd-0-3{
	padding:0 3%;
}
@media screen and (max-width:599px){
	.pd-0-3-0-0,.pd-0-0-0-3,.pd-0-5-0-0,.pd-0-0-0-5,.pd-0-3{
		padding:0;
	}
}
.perspective1{
	position: absolute;
	bottom:110px;
	left:-50px;
	width:120%;
	z-index: 0
}
@media screen and (max-width:599px){
	.perspective1{
	position: relative;
	width:100%;
	bottom:0;
		left:0;
}
}
.headline2{
	line-height: 5;
}
.headline2 img{
	height:45px;
	width:auto;
		margin:0;
}
@media screen and (min-width:600px) and (max-width:899px){
	.headline2{
	line-height: 3;
}
	.headline2 img{
	height:22px;
	width:auto;
		margin:0;
}
}
@media screen and (max-width:599px){
	.headline2{
	line-height: 1.5;
}
	.headline2 img{
	height:15px;
}
}

#nums{
	 font-family: 'DIN Alternate Bold';
	font-size:2000%;
	transform: scale(0.8, 1);
	letter-spacing: -0.05em;
	line-height: 1;
	text-align: center;
	color:#000;
	margin-right: 800px
}
span.slash{
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:100;
	font-size:80%;
	vertical-align: top;
}
@media screen and (min-width:600px) and (max-width:899px){
	#nums{
	 font-family: 'DIN Alternate Bold';
	font-size:1200%;
	transform: scale(0.8, 1);
	letter-spacing: -0.05em;
	line-height: 1;
	text-align: center;
	color:#000;
	margin-right: 800px
}
}
@media screen and (max-width:599px){
	#nums{
	 font-family: 'DIN Alternate Bold';
	font-size:1300%;
	transform: scale(0.8, 1);
	letter-spacing: -0.05em;
	line-height: 1;
		margin-right: 0
}
}
.fl-wrap2{
	display: flex;
	display : -webkit-box;    
    display : -webkit-flex;    
    display : -ms-flexbox;
	margin:80px 0 40px;
}
@media screen and (max-width:599px){
	.fl-wrap2{
	display: block;
	margin:80px 0 40px;
}
}
.headline-txtimg{
	width:75%;
}
.headline-txtimg img{
	width:100%;
	height:auto;
}
.headline-txtimg2{
	width:61%;
}
.headline-txtimg2 img{
	width:100%;
	height:auto;
}

.sub-title{
	font-size:200%;
	letter-spacing: 0.15em;
	font-weight:300;
	margin-top:0.5em;
	margin-bottom:1em;
}
@media screen and (min-width:600px) and (max-width:899px){
.sub-title{
	font-size:160%;
	letter-spacing: 0.15em;
	line-height: 1.5
}
}
@media screen and (max-width:599px){
	.sub-title{
	font-size:160%;
		line-height: 1.4;
}
}
#fixedBox{
	width:100%;
	height:100vh;
	background:url(img/jpg/landscape.jpg) no-repeat bottom center;
	background-size:cover;
	position:fixed;
	z-index: -10;
	top:0;
	left:0;
}
.infoWrap{
	width:1080px;
	margin:80px auto 0;
	background:#fff;
	padding:60px;
	position:relative;
}
@media screen and (max-width:899px){
	.infoWrap{
	width:90%;
}
}
.infoBox{
	padding:110px 0;
}
.infoTitle{
	text-align: center;
}
.infoTitle img{
	width:400px;
	height:auto;
}

.info{
	padding:0 20px;
}
.info-contents{
	padding:1.5em 1em 1em 1em;
}
.info a:hover{
	color:#00AAE8;
}
.info a:hover img{
	opacity:0.8;
}
@media screen and (max-width:599px){
	.infoBox{
	padding:60px 0;
}
	.infoWrap{
		padding:5%;
		margin:40px auto 0;
	}
.infoTitle img{
	width:80%;
}	
	.info{
	padding:0;
}
}
.cat{
	text-align: center;
	font-family: 'Abel', sans-serif;
	color:#fff;
	font-size:130%;
	letter-spacing: 0.1em;
	padding:0.6em 0
}
.cat a{color:#fff;}
.cat-info{
	background:#ED6C00;
}
.cat-semi{
	background:#00AAE8;
}
.cat-works{
	background:#e3be87;
}
.date{
	font-family: 'Abel', sans-serif;
	font-size:125%;
	margin-bottom:0.6em;
}
.post-title{
	line-height: 1.8;
}
@media screen and (max-width:599px){
	.date{
	font-size:110%;
	margin-bottom:0.6em;
}
	.post-title{
		font-size:90%;
	}
}
.infoimg img{
	width:100%;
	height:145px;
	object-fit:cover;
}

.slick-prev img,.slick-next img{
	width:30px;
	height:auto;
}
.slick-prev{
	position:absolute;
	top:50%;
	right:1.5%;
	transform: translateY(-50%);
}
.slick-next{
	position:absolute;
	top:50%;
	left:1.5%;
	transform: translateY(-50%);
}
.companyLogo{
	margin:110px 0;
	width:100%;
}
.companyLogo img{
	width:100%;
	height:auto;
}
@media screen and (max-width:599px){
	.slick-prev,.slick-next{
		display: none;
	}
.companyLogo{
	margin:60px 0;
}
	.sp-m-b{
		margin-bottom:30px;
	}
}
.m-none{
	margin:0 !important;
}

#footer{
	width:100%;
	position:relative;
	padding:60px 0;
	z-index: 1;
	color:#fff;
}
#footer:before{
	content:'';
	width:82%;
	height:100%;
	background:#00AAE8;
	position:absolute;
	top:0;
	left:0;
	z-index: -1;
}
#footer:after{
	content:'';
	width:18%;
	height:100%;
	background:#E17B2B;
	position:absolute;
	top:0;
	right:0;
	z-index: -1;
}
@media screen and (max-width:599px){
	#footer{
	padding:30px 0;
		margin-bottom:40px;
}
	#footer:before{
		width:65%;
	}
	#footer:after{
		width:35%;
	}
}
#footer.container{
	width:80%;
	margin:0 auto;
	color:#fff;
	position:relative;
	z-index:1;
}
.footertxt1{
	width:90%;
	position:relative;
}
@media screen and (max-width:599px){
	.footertxt1{
	width:100%;
	position:relative;
}
	#footer.container{
		width:90%;
	}
}
.footertxt1 span{
	border-bottom:solid 1px #fff;
	padding-bottom:12px;
}

.footertxt1 img{
	width:90%;
	height:auto;
}

#footer nav ul {
    list-style: none;
    font-size: 10px;
	margin-top:40px;
	
}
#footer nav ul li {
    display: inline-block;
	text-align: center;
	letter-spacing: 0.15em;
	line-height: 1.3;
}

#footer nav ul li a {
    padding: 0 16px;
	display:block;
	color:#fff;
}
#footer nav ul li a span{
	font-family: din-condensed, sans-serif;
font-weight: 400;
font-style: normal;
	font-size:17px;
}
#footer a:hover{color:#E17B2B;}
#footer p{
	line-height:1.5;
}
@media screen and (max-width:599px){
	#footer nav ul {
		text-align: center;
		margin-top:20px;
		font-size:8px;
	}
	#footer nav ul li {
		width:31%;
		vertical-align: top;
	}
	#footer nav ul li a {
    padding: 15px 5px;
	display:block;
	color:#fff;
}
	#footer nav ul li a span{
	font-size:12px;
}
}
.ft-wrap{
	width:100%;
	display: flex;
	-webkit-align-items: flex-end;    
    -ms-align-items    : flex-end;   
    align-items        : flex-end;
}
@media screen and (max-width:599px){
.ft-wrap{
	display: block;
	}
}
.foot-box1{
	flex: 3;
}
.foot-box2{
	flex:2;
}
.footer-sub-nav{
	margin:50px 0 50px 200px;
	position:relative;
}
.footer-sub-nav:before{
	content:'';
	width:181px;
	height:75px;
	background:url(img/png/footerLogo.png) no-repeat center center;
	background-size:contain;
	position:absolute;
	top:0;
	left:-200px;
}
.footer-sub-nav li a img{
	height:80px;
	width:auto;
}
.footer-sub-nav li{
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	line-height: 1.5;
	font-size:80%;
}
.footer-sub-nav li a{
	color:#fff;
	padding:20px 25px;
	display: block;
	border-left:dashed 1px #fff;
}
.footer-sub-nav li:last-child a{
	padding:10px ;
}
.footer-sub-nav li:last-child {
	
}
@media screen and (max-width:899px){
	.footer-sub-nav:before{
	content:'';
	width:181px;
	height:75px;
	background:url(img/png/footerLogo.png) no-repeat center center;
	background-size:contain;
	position:absolute;
	top:-100px;
	left:50%;
		transform: translateX(-50%);
}
	.footer-sub-nav li{
	font-size:60%;
		width:30%;
}
	.footer-sub-nav{
	margin:120px auto 20px;
	position:relative;
		text-align: center;
}
	.footer-sub-nav li a{
		border-left:none;
		padding:15px 0px;
	}
	.footer-sub-nav li:last-child a{
	border-right:none;
}
}
@media screen and (max-width:599px){
	.footer-sub-nav li:last-of-type{
		width:100%;
	}
		.footer-sub-nav li a img{
width:100%;
			height:auto;
}
}
.lead{
	font-size:180%;
	letter-spacing: 0.1em;
	font-weight:100;
}
.tel{
	width:96%;
	margin:30px 0 ;
}
.tel img{
	width:100%;
	height:auto;
}

.copyright{
	font-family: 'Josefin Sans', sans-serif;
	font-size:100%;
	letter-spacing: 0.12em;
	margin-top:2em;
	line-height: 1.5;
}
.foot-box2{
	text-align: right;
}
.foot-box2 img{
	width:80%;
	height:auto;
}
@media screen and (max-width:599px){
	.lead{
		font-size:100%;
		line-height: 1.5;
	}
	.foot-box2{
	text-align: center;
	margin-top:50px;
}
.foot-box2 img{
	width:50%;
	height:auto;
}
	.copyright{
		font-size:80%;
	}
	.biz{
		font-size:80%;
	}
}

/*-----------下層ページ------------*/

.blk a{
	color:#000 !important;
}
.blk a:hover{
	color:#E17B2B !important;
}
@media screen and (max-width:899px){
	.blk a{
	color:#fff !important;
}
}
.con-m-t{
	margin-top:30px;
}
.headline3{
	margin:80px 0;
}

.min-title2{
	font-family: a-otf-ryumin-pr6n, serif;
font-weight: 300;
font-style: normal;
	font-size:220%;
	line-height: 1.8;
	letter-spacing: 0.1em;
	text-align: center;
}
@media screen and (max-width:599px){
	.headline3{
	margin:20px 0;
}
	.min-title2{
		font-size:140%;
	}
}
.fl-wrap3{
	display: flex;
	display : -webkit-box;    
    display : -webkit-flex;    
    display : -ms-flexbox;
	margin:80px 0;
}
@media screen and (max-width:599px){
	.fl-wrap3{
	display: block;
	margin:30px 0 40px;
}
}
.fl-box2{
	width:50%;
	position:relative;
}
@media screen and (max-width:599px){
	.fl-box2{
		width:100%;
	}
}
.fl-box2 p{
	font-size:150%;
	color:#444241;
	font-weight:300;
	line-height: 2.2;
	letter-spacing: 0.1em;
	text-align: justify;
	text-jusify: inter-ideograph;
}
.fl-box2 img{
	width:100%;
	height:auto;
	margin:0;
}
@media screen and (min-width:600px) and (max-width:899px){
	.fl-box2 p{
		font-size:80%;
	}
}
@media screen and (max-width:599px){
	.fl-box2 img{
	width:100%;
	height:auto;
	margin:40px auto;
		display: block;
}
	.fl-box2 p{
	font-size:90%;
	color:#444241;
	font-weight:300;
	line-height: 1.8;
	letter-spacing: 0.1em;
}
}
#fixedBox{
	width:100%;
	height:100vh;
	background:url(img/jpg/landscape.jpg) no-repeat bottom center;
	background-size:cover;
	position:fixed;
	z-index: -10;
	top:0;
	left:0;
}
.fixedBox2{
	width:100%;
	height:100vh;
	position:fixed;
	bottom:0;
	left:0;
	z-index:-10;
}
@media screen and (max-width:599px){
	.fixedBox2{
	height:100vh;
}
}
.rooms{
	background:url(img/jpg/rooms.jpg) no-repeat center center;
	backcground-size:cover;
}
.couple{
	background:url(img/jpg/couple.jpg) no-repeat center center;
	background-size:cover;
}

.break{
	width:100%;
	height:400px;
}
@media screen and (max-width:599px){
	.rooms{
	background:url(img/jpg/rooms.jpg) no-repeat center left;
	backcground-size:50%;
}
.couple{
	background:url(img/jpg/couple.jpg) no-repeat center left;
	background-size:cover;
}
	.break{
display: none;
}
}
.min-title3{
	font-family: a-otf-ryumin-pr6n, serif;
font-weight: 300;
font-style: normal;
	font-size:300%;
	line-height: 1.8;
	letter-spacing: 0.2em;
	text-align: center;
	padding:80px 0;
	color:#444241;
}
@media screen and (max-width:599px){
	.min-title3{
		font-size:120%;
		padding:40px 0;
	}
}

.valueWrap{
	display: flex;
	display : -webkit-box;    
    display : -webkit-flex;    
    display : -ms-flexbox;
	padding:110px 0 0;
	position:relative;
	flex-wrap:wrap;
	border-top:solid 1px #F1BE91;
	border-bottom:solid 1px #9FD6F4;
}
.valueWrap:before{
	content:'';
	width:1px;
	height:30px;
	position:absolute;
	top:-15px;
	left:50%;
	transform:translateX(-50%);
	background:#444241;
}
.valueWrap:after{
	content:'';
	width:1px;
	height:30px;
	position:absolute;
	bottom:-15px;
	left:50%;
	transform:translateX(-50%);
	background:#444241;
}
.valueBox{
	width:50%;
	margin-bottom:110px;
}

.valueBox:nth-child(odd){
	padding-right:8%;
}
.valueBox:nth-child(even){
	padding-left:8%;
}
.valueBox p{
	font-size:115%;
	font-weight:100;
	line-height: 2;
	letter-spacing: 0.1em;
	text-align: justify;
	text-justify:inter-ideograph;
}
.valTitle{
	margin-bottom:40px;
}
.valTitle img{
	height:160px;
	width:auto;
}
@media screen and (max-width:599px){
	.valueWrap{
		display: block;
	}
	.valueBox{
	width:100%;
	margin-bottom:50px;
}
	.valueBox:nth-child(odd){
		padding-right:0;
}
	.valueBox:nth-child(even){
	padding-left:0;
}
.valueBox p{
	font-size:90%;
	}
	.valTitle img{
	height:100px;
	width:auto;
}
}
@media screen and (min-width:600px){
	.sp_break{
		display: none;
	}
}
@media screen and (max-width:599px){
	.sp_break{
		width:100%;
	}
	.sp_break img{
		width:100%;
		height:auto;
	}
}

.con-m-t2{
	margin-top:100px;
}
.stnd-top{
	text-align: center;
	background:url(img/png/people.png) no-repeat bottom center;
	background-size:contain;
	height:600px;
}
.stnd-top h2{
	width:550px;
	margin:40px auto;
}
@media screen and (max-width:599px){
	.stnd-top{
	background-size:contain;
	height:380px;
}
	.stnd-top h2{
	width:90%;
	margin:40px auto;
}
}
.stnd-top h2 img{
	width:100%;
	height:auto;
}
.stnd-top #nums{
	 font-family: 'DIN Alternate Bold';
	font-size:1800%;
	transform: scale(0.8, 1);
	letter-spacing: -0.05em;
	line-height: 1;
	color:#000;
	margin:0 auto;
}
.stnd-top span.slash{
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:100;
	font-size:80%;
	vertical-align: top;
}
@media screen and (min-width:600px) and (max-width:899px){
	.stnd-top #nums{
	 font-family: 'DIN Alternate Bold';
	font-size:1200%;
	transform: scale(0.8, 1);
	letter-spacing: -0.05em;
	line-height: 1;
	color:#000;
}
}
@media screen and (max-width:599px){
	.stnd-top #nums{
	 font-family: 'DIN Alternate Bold';
	font-size:1300%;
	transform: scale(0.8, 1);
	letter-spacing: -0.05em;
	line-height: 1;
		margin-right: 0
}
}
.b-g-fff{
	background:#fff;
}

.mainTitle-c{
	width:100%;
	margin:40px 0;
}
.mainTitle-c img{
	width:100%;
	height:auto;
}
.explain{
	margin:40px 0;
}
.explain p{
	font-size:123%;
	line-height: 2.5;
	letter-spacing: 0.15em;
	font-weight:100;
	margin-bottom:1.5em;
	text-align: justify;
	text-justify:inter-ideograph;
}
@media screen and (max-width:599px){
	.explain{
	margin:20px 0;
}
.explain p{
	font-size:100%;
	line-height: 1.8;
}
}
.sub-title2{
	width:65%;
	margin:20px auto 50px;
}
.ask{
	width:65%;
	margin:0 auto -40px;
	text-align: center;
}
.ask p{
	font-size:130%;
	line-height: 2;
	letter-spacing: 0.15em;
	font-weight:300;
}
@media screen and (max-width:599px){
.sub-title2{
	width:80%;
	margin:20px auto 30px;
}
	.ask{
	width:100%;
	margin:0 auto -40px;
	text-align: center;
}
	.ask p{
	font-size:95%;
	line-height: 2;
	letter-spacing: 0.15em;
	font-weight:400;
}
}
.t-a-c{
	text-align:center;
}
.t-a-c-mid{
	text-align: center;
	font-size:230%;
	letter-spacing: 0.1em;
	margin:0 0 60px;
}
@media screen and (max-width:599px){
	.t-a-c-mid{
	text-align: center;
	font-size:180%;
	line-height: 1.5;
	margin:0 0 20px;
}
}
.sub-title3{
	width:55%;
	margin:80px auto 50px;
}
.sub-title2 img,.sub-title3 img{
	width:100%;
	height:auto;
}
@media screen and (max-width:599px){
	.sub-title3{
	width:80%;
	margin:50px auto 20px;
}
}
.min-title4{
	font-family: a-otf-ryumin-pr6n, serif;
font-weight: 300;
font-style: normal;
	font-size:160%;
	line-height: 1.8;
	letter-spacing: 0.6em;
	text-align: center;
	padding:0;
	color:#444241;
}
@media screen and (max-width:599px){
	.min-title4{
		font-size:120%;
		padding:40px 0;
	}
}

.fl-wrap4{
	display: flex;
	display : -webkit-box;    
    display : -webkit-flex;    
    display : -ms-flexbox;
	margin:60px 0;
}
.fl-box3{
	flex:1;
}
.fl-box4{
	flex:2;
}

.fl-box3 img{
	width:80%;
	height:auto;
}
@media screen and (max-width:599px){
	.fl-wrap4{
	display: block;
	margin:20px 0;
}
	.fl-box3,.fl-box4{
	width:100%;
		text-align: center;
		padding:20px 0;
}
	.fl-box3 img{
		width:50%;
		height:auto;
	}
}
.pd-0-10-0-0{
	padding:0 10% 0 0;
}

.min-title5{
	font-family: a-otf-ryumin-pr6n, serif;
font-weight: 300;
font-style: normal;
	font-size:260%;
	line-height: 2;
	letter-spacing: 0.6em;
	text-align: center;
	padding:0;
	color:#444241;
	margin:50px 0;
}
.min-title5 span{
	font-size:70%;
	line-height: 2;
}
@media screen and (max-width:599px){
	.min-title5{
		font-size:120%;
		padding:20px 0;
		line-height: 1.5;
		margin:20px 0;
	}
	.min-title5 span{
	font-size:70%;
	line-height: 2;
		display: block;
}
}
.str-top{
	width:100%;
	height:685px;
	margin-top:120px;
	position:relative;
}
.str-top:after{
	content:'';
	width:100%;
	height:340px;
	position:absolute;
	left:0;
	bottom:0;
	background: url(img/jpg/city.jpg)no-repeat bottom center;
	background-size:cover;
	z-index: 0;
}
@media screen and (max-width:599px){
.str-top{
	width:100%;
	height:400px;
	margin-top:70px;
	position:relative;
}
	.str-top:after{
		height:170px;
	}
}
.str-1{
	width:453px;
	position:absolute;
	left:calc(50% - 226px);
	top:180px;
	z-index:10;
}
.str-1 img{
	width:100%;
	height:auto;
}
.str-2{
	height:100%;
	width:auto;
	position:absolute;
	bottom:0;
	left:calc(50% - 95px);
	z-index: 1;
}
.str-2 img{
	height:100%;
	width:auto;
}
.str-3{
	width:417px;
	position:absolute;
	bottom:100px;
	right:3%;
	z-index: 1;
}
.str-3 img{
	width:100%;
	height:auto;
}
@media screen and (max-width:599px){
	.str-1{
	width:270px;
	position:absolute;
	left:calc(50% - 135px);
	top:135px;
	z-index:10;
}
	.str-2{
	height:70%;
	position:absolute;
	bottom:50px;
	left:calc(50% - 40px);
	z-index: 1;
}
	.str-3{
	width:280px;
	position:absolute;
	bottom:0;
	right:3%;
	z-index: 1;
}
}
.greybase{
	background:#898989;
	color:#fff;
	text-align: center;
	font-size:180%;
	font-weight:100;
	padding:1em 0;
	letter-spacing: 0.1em
}
@media screen and (max-width:599px){
.greybase{
	font-size:100%;
	font-weight:100;
	padding:1em 0;
	letter-spacing: 0.1em
}	
}
.merWrap{
	display: flex;
	display : -webkit-box;    
    display : -webkit-flex;    
    display : -ms-flexbox;
	background:#F3F3F3;
	position:relative;
}
@media screen and (max-width:599px){
	.merWrap{
		display: block;
	}
}
.merBox{
	width:33.3%;
	margin-top:100px;
	margin-bottom:180px;
	padding:0 70px;
	border-right:dashed 1px #010005;
}
.merBox:last-child{
	border-right:none;
}
@media screen and (max-width:599px){
	.merBox{
		width:100%;
		margin-top:0;
		border-right:none;
		padding:30px 10px;
		margin-bottom:0;
	}
}
.merBox h3{
	text-align: center;
	font-size:200%;
	font-weight: 100;
	color:#010005;
	line-height: 1.5;
	margin-bottom:0.8em
}
.merBox h3 span img{
	height:60px;
	width:auto;
	display: block;
	margin:0 auto -20px
}
@media screen and (max-width:599px){
	.merBox h3{
		font-size:140%;
		font-weight: 300;
	}
	.merBox h3 span img{
		height:40px;
	}
}
.merBox p{
	font-size:120%;
	line-height: 1.8;
	font-weight:100;
	text-align: justify;
	text-justify:inter-ideograph;
}
.plus{
	text-align: center;
	margin-top:-80px;
	position:relative;
	z-index: 10;
}
.plus img{
	width:160px;
	height:auto;
}
@media screen and (max-width:599px){
	.plus{
	text-align: center;
	margin-top:10px;
	position:relative;
	z-index: 10;
}
.plus img{
	width:60px;
	height:auto;
}
}
.w90{
	width:90%;
	margin:0 auto;
	display: block;
}
.c-f-v{
	width:100%;
	height:100vh;
	background:url(img/jpg/company-top.jpg) no-repeat bottom center;
	background-size:cover;
	position:relative;
}
.large-b{
	display: none;
}
.large{
	display: block;
}
@media screen and (max-width:899px){
	.large{
		display: none;
	}
	.c-f-v{
	width:100%;
	height:calc(100vh - 100px);
}
}
.d-n{
	display: none;
}
.d-b{
	display: block;
}

.ab-l-t-50{
	position:absolute;
	width:100px;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
.ab-l-t-50 img{
	width:100%;
	height:auto;
}
@media screen and (max-width:599px){
	.ab-l-t-50{
	width:60px;
}
}
.devide{
	position:relative;
	margin-bottom:220px;
}
.devide:before{
	content:'';
	width:100%;
	height:1px;
	background:#444241;
	position:absolute;
	left:0;
	bottom:-110px;
}
.devide:after{
	content:'';
	width:1px;
	height:30px;
	background:#444241;
	position:absolute;
	left:50%;
	bottom:-125px;
}
.fl-wrap5{
	display: flex;
	display : -webkit-box;    
    display : -webkit-flex;    
    display : -ms-flexbox;
	align-items: center;
}
@media screen and (max-width:599px){
	.fl-wrap5{
	display: block;
}
	.devide{
	position:relative;
	margin-bottom:110px;
}
	.devide:before{
	bottom:-55px;
}
.devide:after{
	bottom:-70px;
}
}
.name{
	font-size:110% !important;
	font-weight:300 !important;
}
.outline{
	width:90%;
	margin:80px auto;
}
.outline dt,.outline dd{
	font-weight: 100;
	font-size:150%;
	letter-spacing: 0.1em;
	color:#444241;
	padding-bottom:2em ;
	line-height: 1.8;
}
.outline dt{
	float:left;
	clear:both;
	width:20%;
}
.outline dd{
	width:80%;
	float:right;
	border-left:solid 1px #444241;
	padding-left:10%
}
.outline dd:last-child{
	font-size:130%;
}

address{
	text-align: center;
	font-size:150%;
	font-weight: 100;
	margin:2.5em 0 3em;
}
@media screen and (max-width:599px){
	.outline{
	margin:40px auto;
}
	.outline dt,.outline dd{
		padding-bottom:0;
	}
	.outline dt{
	float:none;
	clear:both;
	width:100%;
		font-weight:300;
		font-size:130%;
}
	.outline dd{
	width:100%;
	float:none;
	border-left:none;
	padding-left:0;
		margin-bottom:1.5em;
		font-size:100%;
}
	.outline dd:last-child{
	font-size:100%;
}
	address{
	font-size:110%;
		line-height: 1.5
}
	iframe{
		height:300px;
	}
}

.ppTop{
	width:100%;
	height:600px;
	margin-top:100px;
	position:relative;
}
.ppLogo{
	width:370px;
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
}
.ppLogo img{
	width:100%;
	height:auto;
}
@media screen and (max-width:599px){
	.ppTop{
	width:100%;
	height:400px;
	margin-top:50px;
	position:relative;
}
.ppLogo{
	width:280px;
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
}
.ppLogo img{
	width:100%;
	height:auto;
}
}
.narrow{
	width:80%;
	margin:0 auto 110px;
}
.narrow h2{
	width:60%;
	margin:0 auto 50px;
}
.narrow h2 img{
	width:100%;
	height:auto;
}
.narrow p{
	line-height: 1.8;
	text-align: center;
	color:#444241;
	font-size:110%;
	letter-spacing: 0.1em;
}
.pptitle{
	font-family: a-otf-ryumin-pr6n, serif;
font-weight: 300;
font-style: normal;
	font-size:160%;
	letter-spacing: 0.2em;
	border-bottom:solid 1px #444241;
	padding-bottom:1em;
	color:#444241;
	margin-top:80px;
	margin-bottom:1em;
}
@media screen and (max-width:599px){
	.narrow{
	width:90%;
	margin:0 auto 60px;
}
	.narrow h2{
	width:80%;
	margin:0 auto 50px;
}
	.pptitle{
	font-family: a-otf-ryumin-pr6n, serif;
font-weight: 300;
font-style: normal;
	font-size:130%;
	margin-top:60px;
	margin-bottom:1em;
		line-height: 1.5;
}
}


.newsfv{
	width:100%;
	height:100vh;
	position:relative;
}
.newsfv a{color:#fff;}
	
.newsfv img{
	width:100%;
	height:100%;
	object-fit: cover;
}
.newsBox{
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	text-align: center;
	border-width: 10px;
	border-style: solid;
	padding:5%
}

.newsCat,.newsDate{
	font-family: din-condensed, sans-serif;
font-weight: 400;
font-style: normal;
	font-size:1.5vw;
	letter-spacing: 0.2em;
}
	
.newsTitle{
	font-size:2vw;
	line-height: 1.4;
	width:70%;
	margin:1em auto;
	font-family: a-otf-ryumin-pr6n, serif;
font-weight: 300;
font-style: normal;
	letter-spacing: 0.15em;
	text-align: justify;
	text-justify:inter-ideograph;
}
@media screen and (max-width:599px){
	.newsBox{
		padding:10% 5%;
	}
	.newsfv{
		margin-top:56px;
	height:80vh;
}
	.newsCat,.newsDate{
		font-size:150%;
	}
	.newsTitle{
	font-size:130%;
		width:250px;
	}
}
.wrapper2{
	background:#f5f5f5;
	padding:80px 0;
}
.news-container{
	width:calc(100% - 160px);
	background:#fff;
	padding:80px;
	margin:0px auto;
}
.news-container-inner{
	width:60%;
	margin:0 auto;
}
.news-container-inner2{
	width:80%;
	margin:0 auto;
}
.news-container-inner2 img{
	width:100%;
	height:auto;
	margin:30px 0;
}
.news-container-inner .newsCat,.news-container-inner .newsDate{
	font-size:100%;
}
.news-container-inner .newsDate{
	margin-right:1.5em;
}
.news-container-inner .newsCat a{
	color:#00AAE8;
	font-size:100%;
}
.newsTitle2{
	margin:3em 0 3em;
	font-size:110%;
	letter-spacing: 0.3em;
	line-height: 2
}
.worksTitle{
	font-family: a-otf-ryumin-pr6n, serif;
font-weight: 300;
font-style: normal;
	font-size:180%;
	margin:0.5em 0;
	line-height:1.5;
}
.worksArchiveTitle{
	font-family: a-otf-ryumin-pr6n, serif;
font-weight: 300;
font-style: normal;
	font-size:250%;
	margin:180px 0 30px;
	line-height:1.5;
	text-align:center;
	letter-spacing:0.15em;
}
.worksExcerpt{
	margin:60px 0;
}
.worksExcerpt p{
	font-weight:300;
	line-height:1.8;
}
@media screen and (max-width:599px){
	.wrapper2{
	padding:20px 0;
}
	.worksArchiveTitle{
		font-size:200%;
	}
	.news-container{
	width:calc(100% - 10%);
	background:#fff;
	padding:40px 20px;
	margin:0px auto;
}
	.news-container-inner,.news-container-inner2{
	width:100%;
}
	.worksTitle{
		font-size:130%;
	}
}

.article{
	margin-bottom:160px;
	line-height: 2;
	color:#444231;
	letter-spacing: 0.1em;
	margin-bottom:3em;
	font-size:90%;
	font-weight:300;
}
.article p{
	line-height: 2;
	color:#444231;
	letter-spacing: 0.1em;
	margin-bottom:3em;
	font-size:90%;
	font-weight:300;
}
.article img{
	width:100%;
	height:auto;
	margin:5px auto;
	display: block;
}

.article h2{
	font-size:110%;
	line-height: 1.8;
	letter-spacing: 0.1em;
	margin:3em 0 1.5em;
	position:relative;
}
.article h2:after{
	content:'';
	position:absolute;
	width:50px;
	height:1px;
	background:#000;
	bottom:-10px;
	left:0
}
.article h3{
	font-size:100%;
	line-height: 1.5;
	letter-spacing: 0.1em;
	margin:2em 0 1em;
	position:relative;
}
.article h3:before{
	content:'■';
}
@media screen and (max-width:599px){
	.article{
	margin-bottom:120px;
}
	.newsTitle2{
	margin:2em 0 2em;
	font-size:110%;
	letter-spacing: 0.3em;
	line-height: 1.6
}
	.article h2{
		margin:2em 0 1.5em;
		line-height: 1.5;
	}
}
.goArchive{
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 600;
	text-align: center;
	z-index:10;
}
.goArchive a{
	position:relative;
	display: block;
	color:#3A89AB;
	z-index:10;
}

.goArchive a:after{
	content:'';
	width:100px;
	height:100px;
	border:solid 3px #3A89AB;
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	z-index: 0;
	-webkit-transition: all .3s;
	transition: all .3s;
}
@media screen and (max-width:599px){
	.goArchive{
	margin-bottom:20px
}
}
.archiveTop{
	width:100%;
	height:450px;
	position:relative;
}
.archiveTop:before{
	content:'';
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.4);
	position:absolute;
	z-index: 1
}

.ar-titleBox{
	width:100%;
	height:100%;
	color:#fff;
	position:relative;
}
.archiveTop > .cat-semi{
	background: url(img/jpg/ar-semi-top.jpg) no-repeat center center;
	background-size:cover;
}
.archiveTop > .cat-info{
	background: url(img/jpg/fv-1.jpg)no-repeat bottom center;
	background-size:cover;
}
.archiveTitle{
	font-family: din-condensed, sans-serif;
font-weight: 400;
font-style: normal;
	font-size:300%;
	text-align: center;
	letter-spacing: 0.15em;
	line-height: 1.3;
}
.archiveTitleBox{
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	z-index: 10
}
.archiveTitleBox p{
	font-size:90%;
	text-align: center;
}

.archiveListBox{
	display: flex;
	display : -webkit-box;    
    display : -webkit-flex;    
    display : -ms-flexbox;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
  align-items: stretch;
}
.archiveBox:first-child,.archiveBox:nth-child(2){
	width:46%;
}
.archiveBox {
	margin:0 2% 5%;
	width:29.3%;
	display: flex;
	display : -webkit-box;    
    display : -webkit-flex;    
    display : -ms-flexbox;
	flex-direction: column;
}
.archiveBox img{
	width:100%;
	height:auto;
}
.archiveListTitle{
	font-size:110%;
	margin:1em 0;
	line-height: 1.5;
}
.archiveListTitle2{
	font-size:100%;
	margin:1em 0;
	line-height: 1.5;
	font-weight:300;
}
.archiveBox2{
	margin:0 2% 5%;
	width:29.3%;
	display: flex;
	display : -webkit-box;    
    display : -webkit-flex;    
    display : -ms-flexbox;
	flex-direction: column;
}
.archiveBox2 img{
	width:100%;
	height:auto;
}




.eventExcerpt{
	margin-bottom:20px
}
.eventExcerpt p{
	font-weight:100;
	line-height:1.5;
}
.archive-container-inner{
	width:90%;
	margin:0 auto;
}
@media screen and (max-width:599px){
	.archive-container-inner{
	width:100%;
	margin:0 auto;
}
	.archiveBox:first-child,
	.archiveBox:nth-child(2){
	width:100%;
}
	.archiveBox,.archiveBox2 {
		margin:0 1% 5%;
	width:98%;
}
	.archiveListTitle{
	}
	.eventExcerpt p{
		font-size:90%;
	}
}
.item-btn{
	text-align: center;
	margin-top: auto;
}
.item-btn a{
	display: block;
	padding:1em;
	border:solid 1px #000;
}
.item-btn a:hover{
	background:#000;
	color:#fff;
}
.archiveImg{
	position:relative;
	width:100%;
	padding-top:55%;
	overflow:hidden;
}
.archiveImg img{
	position:absolute;
	width:100%;
	height:auto;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
}

/*Contact Form 7カスタマイズ*/
/*スマホContact Form 7カスタマイズ*/
@media(max-width:500px){
.inquiry th,.inquiry td {
 display:block!important;
 width:100%!important;
 border-top:none!important;
 -webkit-box-sizing:border-box!important;
 -moz-box-sizing:border-box!important;
 box-sizing:border-box!important;
}
.inquiry tr:first-child th{
 border-top:1px solid #d7d7d7!important;
}
/* 必須・任意のサイズ調整 */	
.inquiry .haveto,.inquiry .any {	
font-size:10px;
}}

.inquiry{
	width:100%;
	margin:0 auto;
}
/*見出し欄*/
.inquiry th{
 text-align:left;
 font-size:14px;
 color:#444;
	padding:2em 5px 2em 1em;
 width:30%;
 background:#f7f7f7;
 border:solid 1px #d7d7d7;
	vertical-align:middle;
}
/*通常欄*/
.inquiry td{
 border:solid 1px #d7d7d7;	
	padding:2em 1em;
}
.inquiry td input[type=text],.inquiry td input[type=email],.inquiry td input[type=tel],.inquiry td textarea{
	font-size:18px;
	padding:0.5em;
	 border:solid 1px #d7d7d7;	
	width:100%;
	-webkit-appearance: none;
	border-radius:0;
}
.inquiry td textarea{
	width:100%;
}
/*横の行とテーブル全体*/
.entry-content .inquiry tr,.entry-content table{
 border:solid 1px #d7d7d7;	
}
/*必須の調整*/
.haveto{
 font-size:7px;
 padding:5px;
 background:#ff9393;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*任意の調整*/
.any{
 font-size:7px;
 padding:5px;
 background:#93c9ff;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*ラジオボタンを縦並び指定
.verticallist .wpcf7-list-item{
 display:block;
}*/
/*送信ボタンのデザイン変更*/
#formbtn{
 display: block;
 padding:15px;
 width:350px;
 background:#00AAE8;
 color:#fff;
 font-size:16px;
 font-weight:bold;	 
 margin:25px auto 0;
	 border:2px solid #00AAE8;
	letter-spacing:0.1em;
	 -webkit-appearance: none;
  border-radius: 0;
}
@media screen and (max-width:599px){
	#formbtn{
		width:100%;
	}
}
/*送信ボタンマウスホバー時*/
#formbtn:hover{
 background:#fff;
 color:#00AAE8;
}
.p-confirm{
	width:90%;
	margin:30px auto;
	padding:1em;
	border:solid 1px #444241;
}
.p-confirm p{
	font-size:95%;
	line-height:1.5;
	font-weight:300;
}
.p-confirm2{
	width:90%;
	margin:30px auto;
	padding:1em;
}
.p-confirm2 p{
	font-size:95% !important;
	line-height:1.5;
	font-weight:300;
}

/*---ここから---*/
.premium-top{
	width:100%;
	height:100vh;
	margin:70px 0 0;
	background:url(img/jpg/premiumtopbg.jpg) no-repeat top center;
	background-size:cover;
	position:relative;
}
.premium img,.service img{
	height:30px;
	width:auto;
}
.premium {
	position: absolute;
	top:calc(40% - 30px);
	left:20%;
}
.service {
	position: absolute;
	top:calc(40% - 30px);
	right:20%;
}
@media screen and (max-width:599px){
	.premium img,.service img{
	height:20px;
	width:auto;
}
	.premium {
		top:calc(40% - 30px);
		left:5%;
	}
	.service {
		top:calc(50% - 30px);
		right:5%;
	}
}
.headline4{
	width:50%;
	margin:110px auto 80px;
}
.headline4 img{
	width:100%;
	height:auto;
}
.premium-explain p{
	font-family: a-otf-ryumin-pr6n, serif;
font-weight: 300;
font-style: normal;
	font-size:220%;
	text-align: center;
	color:#444241;
	line-height: 2.2;
	letter-spacing: 0.1em;
	margin-bottom:1.5em;
}
.premium-explain p.sm-p{
	font-size:120% !important;
}
@media screen and (max-width:599px){
	.premium-explain p{
		font-size:110%;
	}
	.premium-explain p.sm-p{
		font-size:80% !important;
	}
}
.premium-explain p span{
	background:url(img/png/namisen.png) bottom repeat-x;
	background-size:20px;
	padding-bottom:0.1em;
}
.form-premium{
	margin:50px auto;
	position: relative;
}


.premium-explain2 p{
	font-family: a-otf-ryumin-pr6n, serif;
font-weight: 300;
font-style: normal;
	font-size:150%;
	text-align: center;
	color:#444241;
	line-height: 2.2;
	letter-spacing: 0.1em;
	margin-bottom:1.5em;
}
@media screen and (max-width:599px){
	.premium-explain2 p{
		font-size:100%;
	}
}

.premium-explain2 p span{
	background:url(img/png/namisen.png) bottom repeat-x;
	background-size:20px;
	padding-bottom:0.1em;
}

.mtbplus{
    margin:80px 0 !important;
}

.shiryo1{
    border-top:dashed 1px #000;
    border-bottom:dashed 1px #000;
    padding:90px 0;
}
.shiryo1 h2{
    font-family: a-otf-ryumin-pr6n, serif;
font-weight: 300;
font-style: normal;
	font-size:220%;
    text-align: center;
    margin-bottom:50px;
}
.shiryo2{
    padding:90px 0;
}
.shiryo2 h2{
    font-family: a-otf-ryumin-pr6n, serif;
font-weight: 300;
font-style: normal;
	font-size:220%;
    text-align: center;
    margin-bottom:50px;
}
.choiceWrap{
    display: -webkit-box;
display: -ms-flexbox;
display: flex;
	margin-bottom:40px;
}
.choiceBox{
    flex:1;
    font-size:115%;
    line-height: 2;
}
.choiceBox h3{
	line-height:1;
	margin-bottom:1em;
}
.choiceBox p{
    font-family: a-otf-ryumin-pr6n, serif;
font-weight: 300;
font-style: normal;
    line-height: 1.5;
}
@media screen and (max-width:599px){
  .choiceWrap{
      flex-direction: column;
    }
    .shiryo1 h2,.shiryo2 h2{
        font-size:6vw;
        line-height: 1.5;
    }
    .shiryo1,.shiryo2{
    padding:40px 0;
}
}

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

.seminarDetail{
	display: flex;
	display : -webkit-box;    
    display : -webkit-flex;    
    display : -ms-flexbox;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
}
.seminarContent{
	width:50%;
	padding:2%;
}
.seminarContent h3{
	background:#000;
	color:#fff;
	font-size:90%;
	padding:0.5em;
}
.caption{
	font-size:95%;
	line-height:2.5 !important;
}
@media screen and (min-width:900px){
	.caption{
		margin-top:3em
	}
}

.stickyArea{
	position:fixed;
	right:0px;
	top:200px;
	z-index: 100;
}
.stickyArea2{
	position:fixed;
	right:0px;
	top:465px;
	z-index: 100;
}
.stickyArea ul li{
	margin-top:45px;
	position:relative;
}
.stickyArea2 ul li{
	position:relative;
}
.stickyArea img,.stickyArea2 img{
	width:62px;
	height:auto;
}
#button1{
	background:transparent;
	border:none;
	position:absolute;
	top:-23px;
	right:-7px;
}
#button2{
	background:transparent;
	border:none;
	position:absolute;
	top:-23px;
	right:-8px;
}
@media screen and (max-width:599px){
	.stickyArea,.stickyArea2{
		display: none;
	}	
}
@media screen and (min-width:600px){
	.spCta{
		display: none;
	}
}
@media screen and (max-width:599px){
	.spCta{
		opacity:0;
		position:fixed;
		bottom:0;
		left:0;
		z-index: 100;
	}
	.spCta ul{
		font-size:0;
	}
	.spCta ul li{
		display: inline-block;
	}
	.spCta ul li:first-child{
		width:50%;
	}
	.spCta ul li:last-child{
		width:50%;
	}
	.spCta ul li img{
		width:100%;
		height:auto;
	}
}
.show{
	animation-name:fade-in1;
	animation-duration:1s;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards;
}
@keyframes fade-in1 {
  0% {opacity: 0}
  100% {opacity: 1}
}
img.vertical{
	width:60%;
	height:auto;
}
input[type="checkbox"]{
	width:			24px;
	height:			24px;
	-moz-transform:		scale(1.4);
	-webkit-transform:	scale(1.4);
	transform:		scale(1.4);
}