@charset "utf-8";

/* CSS Document */

@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@700&display=swap');
/* @font-face { font-family: 'FOT-AnitoStd-M'; src: url(./FOT-AnitoStd-M.otf); } */

/*------------------------------------------------------------------------------------------------------------------
　base style
-------------------------------------------------------------------------------------------------------------------*/
*{
	-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}


body {
	color:#232323;
	font-size:18px;
	margin:0;
	height:100%;
	position:relative;
	/*font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro","游ゴシック", YuGothic,"メイリオ", Meiryo, sans-serif;*/
	font-family: "Noto Sans Japanese", "BIZ UDPGothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","游ゴシック", YuGothic,"メイリオ", Meiryo, sans-serif;
	line-height:1.6;
	overflow-x:hidden;
}

@media screen and (max-width:1000px) {
body {font-size:24px;}
}

@media screen and (max-width:640px) {
body {font-size:22px;}

}

a:link {color:#002b54;}
a:visited {color:#002b54;}
a:hover {color:#002b54; text-decoration:underline;/*font-weight: bold;*/}

img {
	border:0;
	vertical-align: bottom;
}

section{padding: 70px 0;}

@media screen and (max-width:1440px) {
section{padding: 65px 0;}

}
.container{
	max-width: 1240px;
	padding-right:0;
	padding-left: 0;
	margin: 0 auto;
}

@media screen and (max-width:1440px) {
	.container{
		/*padding: 0 70px;*/
		width: calc(100% - 100px);		
}

}

@media screen and (max-width:1300px) {
/*	.container{
		padding: 0 50px;
		width: 95%;		
}*/
}

@media screen and (max-width:1000px) {
	.container{width: calc(100% - 60px);}
}


.min-container{
	width: 1050px;
	padding-right:0;
	padding-left: 0;
	margin: 0 auto;
}
/*
@media screen and (max-width:1440px) {
	.min-container{
		padding: 0 50px;
		width: 100%;		
}
}
*/
@media screen and (max-width:1200px) {
.min-container{
	width: 95%;
padding: 0 50px;}
}

@media screen and (max-width:1000px) {
.min-container{
width: calc(100% - 130px);	
padding: 0px;}
}


@media screen and (max-width:640px) {
.container,.min-container{width: 640px;padding: 0 30px;}
}



/*------------------------------------------------------------------------------------------------------------------
	font-size
-------------------------------------------------------------------------------------------------------------------*/

h1{}
h2{font-size: 74px;font-family: 'Roboto',"メイリオ", Meiryo, "sans-serif";}
h2 span{display: block;}

h2 span:nth-child(2){
	font-size: 30px;
	margin-top: 10px;
	font-weight: bold;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic,"メイリオ", Meiryo, sans-serif;
	color:#23c3b4;
}

h3{font-size: 34px;}
h4{font-size: 24px;}
h5{font-size: 20px;}


@media screen and (max-width:1000px) {
h1{}
h2{font-size: 68px;}
h3{font-size: 40px;}
h4{font-size: 30px;}
h5{font-size: 26px;}	
}


@media screen and (max-width:640px) {
h1{}
h2{font-size: 62px;}
h3{font-size: 38px;}
h4{font-size: 28px;}
h5{font-size: 24px;}


}

/*------------------------------------------------------------------------------------------------------------------
　preparation
-------------------------------------------------------------------------------------------------------------------*/

#lineup-font-size-sampler { display:none; }

div:after, section:after, article:after, ul:after {
    content: "";
    display: block;
    clear: both;
}

.link a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:block;
	text-indent:100%;
	overflow:hidden;
	white-space:nowrap;
}

/*------------------------------------------------------------------------------------------------------------------
　expression
-------------------------------------------------------------------------------------------------------------------*/

.clear { clear:both; }

.under { margin-bottom:30px !important; }
.under-harf { margin-bottom:15px !important; }

.right { float:right; margin-left:30px; margin-bottom:15px; margin-top:5px;}
.left { float:left; margin-right:30px; margin-bottom:15px; margin-top:5px;}

.text-center { text-align:center; }
.text-left { text-align:left; }
.text-right { text-align:right; }

.first { padding-top:0 !important; margin-top:0 !important; }
.last { padding-bottom:0 !important; margin-bottom:0 !important; }

.ro img:hover,.ro:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

.dropshadow {
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.17);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.17);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.17);
}

/*------------------------------------------------------------------------------------------------------------------
　img align for wordpress
-------------------------------------------------------------------------------------------------------------------*/

.aligncenter {
    display: block;
    margin: 0 auto;
	padding-bottom:25px;
	max-width:100%;
}
.alignright { float: right; margin-left:30px; margin-bottom:25px; max-width:100%; }
.alignleft { float: left; margin-right:30px; margin-bottom:25px; max-width:100%; }

.aligncenter img, .alignright img, .alignleft img {
	max-width:100%;
	height:auto;
}

@media screen and (max-width: 1140px) {
	.aligncenter {
		display: block;
		margin: 0 auto;
		padding-bottom:25px;
		max-width:100%;
		text-align:center;
	}
	.alignright { float: none; margin: 0 auto; margin-bottom:0; padding-bottom:25px; max-width:100%; text-align:center; }
	.alignleft { float: none; margin: 0 auto; margin-bottom:0; padding-bottom:25px; max-width:100%; text-align:center; }
}

/*------------------------------------------------------------------------------------------------------------------
　primary
-------------------------------------------------------------------------------------------------------------------*/

#primary {
	width:100%;
	height:100%;
	min-width:640px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

article {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	transition:0.3s;
	box-sizing:border-box;
}

@media screen and (max-width: 1100px) {
	article {
		width:100%;
		padding-left:30px;
		padding-right:30px;
	}
}

/*------------------------------------------------------------------------------------------------------------------
　mainvisual
-------------------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------------------------
　header
-------------------------------------------------------------------------------------------------------------------*/
header{
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-orient: horizontal;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: row;
  	flex-direction: row;
	width: 100%;
	/*padding:20px 200px;*/
	padding:20px 10.4%;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	position: fixed;
	z-index: 999;
	/*background: rgba(255,255,255,0.8);*/
	background: -moz-linear-gradient(left, #cee9ee, #6dd5fa,#72beff);
	background: -webkit-linear-gradient(left, #cee9ee, #6dd5fa,#72beff);
	background: linear-gradient(to right,#cee9ee, #6dd5fa,#72beff);
}

/*
.header::before {
content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	z-index: -1;
	background: -moz-linear-gradient(left, #cee9ee, #6dd5fa,#72beff);
	background: -webkit-linear-gradient(left, #cee9ee, #6dd5fa,#72beff);
	background: linear-gradient(to right,#cee9ee, #6dd5fa,#72beff);
}
*/
.header .icatch-blue{display: block;}
.header .icatch-black{display:none;}
.header .logo-blue{display: block;}
.header .logo-black{display:none;}



.hidden {background: rgba(0,0,0,0.8);}


@media (max-width: 1150px) {
.hidden {background: rgba(0,0,0,1.0);}	
}

.hidden .icatch-blue{display: none;}
.hidden .logo-blue{display: none;}
.hidden .icatch-black{display: block;}
.hidden .logo-black{display: block;}


header .logo{margin: 0;}
header .logo a{
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-orient: horizontal;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: row;
  	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
} 

header .logo a img:nth-child(1), header .logo a img:nth-child(2){margin-right: 15px;}
header .logo a img:hover{opacity: 0.8;}

@media (max-width: 1850px) {
header{padding:20px 5.2%;}
}

@media (max-width: 1600px) {
header{padding:20px 50px;}
}



@media (max-width: 1500px) {
header{padding:20px 25px;}
}


@media (max-width: 1440px) {
header{padding:20px 25px;}

	
.header .icatch-blue{display: none;}
.hidden .icatch-black{display: none;}
	
/*.hidden::before {width: 82.5%;}
.header::before {width: 82.5%;}*/
	
}
	
@media (max-width: 1200px) {
header{	padding:15px 30px;}	
header .logo img{width: 90%; height: auto;}

}

@media (max-width: 1150px) {
header{
	position: fixed;
	z-index: 999;
}
header .logo img{width: 100%; height: auto;}
	/*
.hidden::before {width: 75.0%;}	
.header::before {width: 75.0%;transform: scaleY(1.25) perspective(95px) rotateX(5deg);}
*/
}	
	
@media (max-width: 900px) {
	/*
.hidden::before {width: 68.8%;}	
.header::before {width: 68.8%;transform: scaleY(1.75) perspective(40px) rotateX(5deg)}
		*/
	
}




/*------------------------------------------------------------------------------------------------------------------
　navi
-------------------------------------------------------------------------------------------------------------------*/

.nav-button { display: none;}
.nav-wrap {
 	display: block;
	position: relative;
	background-color: transparent;
	padding: 0;
	text-align: left;
	}

.nav {
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-orient: horizontal;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: row;
  	flex-direction: row;
	 flex-wrap: wrap;
	 justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
	margin-top: 0;
}

.nav ul{padding-left: 0;margin-bottom: 0;}

.nav li {
	 display: inline-block;
	 margin-bottom: 0;
	 padding-right: 30px;
}	

.nav li:last-child{padding-right: 0;padding-left: 57px;}
.nav li a {
	 color: #fff;
	 text-decoration: none;
	 border-bottom: none;
	 display: block;
	 position: relative;
	font-size: 18px;	 
}

.nav li:last-child a{
	font-weight: bold;
	font-size: 20px;
}

.nav li a::after {
	  position: absolute;
	  content: '';
	  left: -15px;
	  top:50%;
	  width: 1px;
	  height: 22px;
	  background: #fff;
	  transition: all 0.3s ease 0s;
	  margin-top: -11px;
}


.nav li a::before {
	  position: absolute;
	  content: '';
	  bottom: -35px;
	  left: 0;
	  width: 0;
	  height: 3px;
	  background: #fff;
	  transition: all 0.3s ease 0s;
	transform-origin: left top;
}

.nav li a:hover {cursor: pointer;color: #1e3c72;}
.nav li a:hover::before{width: 100%;}

.nav li a:last-child:hover{color:#fff;}


.nav li:last-child a span{display: block;}
.nav li:last-child a span:last-child{font-size: 22px;}

.nav li:last-child a::before{
	  position: absolute;
	  content: '';
	  top:50%;
	  left: -42px;
	  width: 27px;
	  height: 41px;
	  background: url("../image/header/tel-icon.png");
	  transition: all 0.3s ease 0s;
	  margin-top: -20px;
}

.nav li:last-child a::after {
	  position: absolute;
	  content: '';
	  top:50%;
	  left: -72px;
	  width: 1px;
	  height: 22px;
	  background: #fff;
	  transition: all 0.3s ease 0s;
}

/*.nav li:last-child a::before{background: transparent;}*/


.nav-wrap.open {display: block;}
.nav-wrap.close {display: none;}

.nav-wrap .pc-none{display: none;}

.nav-wrap .tablet-content{display: none;}

@media (max-width: 1440px) {
.nav li {
	padding-right: 30px;
}	}

@media (max-width: 1200px) {
.nav li {padding-right: 25px;}
.nav li a::before {
	  bottom: -30px;
}	
	
}


@media (max-width: 1150px) {
.nav-content {
display: flex;
justify-content: flex-end;
}

.nav-button {
	display: block;
	cursor: pointer;
}
.nav-wrap {
	position: fixed;
	left: 0;
	top: 90px;
	display: none;
	z-index: 10;
	background-color: #002b54;
	width: 100%;
	height: 100%;
	padding: 30px;
	text-align: center;
}

.nav {
	/*display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;*/
	display: block;
	height: auto;
	position: relative;
	overflow-x: hidden;
	overflow-y: auto;
	margin: 0 auto;
}
.nav li {
	/*display: block;*/
	display: inline-block;
	position: relative;
	width:calc( 50% - 100px);
	margin-bottom: 30px;
    /*border-bottom: 1px solid #fff;*/
	padding-right: 0px;
}

.nav li:after{
    position: absolute;
    content: '';
    width: 80%;
    height: 2px;
    background: #fff;
    bottom: 0;
    left: 50%;
    margin-left: -43%;
	}	
	
.nav li:last-child {
/*    width: calc(100% - 100px);
    margin: 0 auto;
    padding-right: 0;
    padding-left: 0;*/
	display: none;
}	
	


.nav li a {
	color: #fff;
	font-size: 24px;
	padding-bottom: 30px;
	padding-right: 30px;
}

.nav li a:hover::before{ width: 0; background: transparent;}
	
.nav li:last-child a{border-bottom: none;
    color: #fff;
	font-size: 30px;
}
.nav li:last-child a::before {
    top: 50%;
    left: 50%;
    margin-top: -40px;
    margin-left: -180px;
}
	
.nav li a::after,.nav li:last-child a::after{background: transparent;}

.nav li a:hover{
	color:#fff;
}
  /*メニューボタンのエフェクト*/
.nav-button,
.nav-button span {
  display: inline-block;
  transition: all 0.4s;
  box-sizing: border-box;
}
.nav-button {
  z-index: 20;
  position: fixed;
  width: 90px;
  height: 90px;
  right:30px;
  top:0px;
}
.nav-button span {
  position: absolute;
  left: 20%;
  width: 60%;
  height: 3px;
  background-color: #fff;
  border-radius: 3px;
}
.nav-button span:nth-of-type(1) {top:35px;}
.nav-button span:nth-of-type(2) {top:47px;}
.nav-button span:nth-of-type(3) {top:59px;}

.nav-button.active span:nth-of-type(1) {
-webkit-transform: translateY(12px) rotate(-45deg);
transform: translateY(12px) rotate(-45deg);
 }
.nav-button.active span:nth-of-type(2) {opacity: 0;}
.nav-button.active span:nth-of-type(3) {
-webkit-transform: translateY(-12px) rotate(45deg);
transform: translateY(-12px) rotate(45deg);}

	
.nav-logo{display: block;}

.nav-wrap .pc-none{display: block;}

.nav-wrap .tablet-content{
	display: flex;
	width: calc(100% - 100px);
	margin: 30px auto 0;
	padding: 30px;
	position: relative;
background: rgba(255,255,255,0.8);
	z-index: 1;
}	
.nav-wrap .tablet-content:before{
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	/*width: 55%;*/
	width: 100%;
	z-index: -1;
	background: -moz-linear-gradient(left, #cee9ee, #6dd5fa,#72beff);
	background: -webkit-linear-gradient(left, #cee9ee, #6dd5fa,#72beff);
	background: linear-gradient(to right,#cee9ee, #6dd5fa,#72beff);
	/*transform: scaleY(1.14) perspective(75px) rotateX(5deg);*/
	transform-origin: bottom right;
}	

.nav-wrap .tablet-content {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	
	}

.nav-wrap .tablet-content a{
	display: block;
	text-decoration: none;
	position: relative;
	text-align: left;
	color: #fff;
}	
.nav-wrap .tablet-content a:first-child{margin-right: 50px;}
.nav-wrap .tablet-content a:last-child{margin-left: auto;line-height: 1.2;}	
.nav-wrap .tablet-content a:last-child::before{
	  position: absolute;
	  content: '';
	  top:50%;
	  left: -42px;
	  width: 27px;
	  height: 41px;
	  background: url("../image/header/tel-icon.png");
	  transition: all 0.3s ease 0s;
	  margin-top: -20px;
}	
	
.nav-wrap .tablet-content a:last-child span{display: block;font-size:27px;}
.nav-wrap .tablet-content a:last-child span:last-child{font-size: 16px;text-align: right;}
	
	
.nav-wrap .tablet-content a img{vertical-align: middle;}
.nav-wrap .tablet-content a:first-child img:first-child{margin-right: 25px;}	
	
}


@media (max-width: 1000px) {
/*.nav-button span:nth-of-type(4), .nav-button.active span:nth-of-type(5){font-size: 50%;}*/
}

@media (max-width: 950px) {
.nav-wrap .tablet-content a:first-child img:first-child {
    margin-right: 15px;
}
}

@media (max-width: 920px) {
.nav-wrap .tablet-content{display: block;width: 600px;}	
.nav-wrap .tablet-content a{text-align: center;width: 100%;}	
.nav-wrap .tablet-content a:first-child {margin-right: 0px;margin-bottom: 15px;}	
.nav-wrap .tablet-content a:first-child img{ margin-right: 0;}
.nav-wrap .tablet-content a:last-child {margin:0 auto;padding-left:30px;}	
.nav-wrap .tablet-content a:last-child span{display: inline-block;}
.nav-wrap .tablet-content a:last-child::before {left: 45px;}
.nav-wrap .tablet-content::before {
    width: 100%;
    transform: none;
}	
}


@media (max-width: 640px) {

.nav li {
	width: 100%;
	margin-bottom: 25px;
}
.nav li a {	font-size: 28px;}
.nav-wrap .tablet-content{width: 100%;}	
	
.nav-wrap .tablet-content a:last-child span{font-size:40px;}
.nav-wrap .tablet-content a:last-child span:last-child{font-size: 28px;}	
.nav-wrap .tablet-content a:last-child::before {
    left: 85px;
    top: 0;
    margin-top: 5px;
}

}

/*------------------------------------------------------------------------------------------------------------------
　mainvisual
-------------------------------------------------------------------------------------------------------------------*/

.mainvisual {
     position: relative;
     padding-bottom: 56.25%; 
     height: 0;
     overflow: hidden;
}
 
.mainvisual iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}


.mainvisual .drone-anime{
	z-index: 8;
	position: absolute;
	right: 0px;
	bottom:100px;
 -webkit-animation-name: cloud-movement;
  -webkit-animation-timing-function: linear;
  -webkit-animation-direction: forwards;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 8s;

  -moz-animation-name: cloud-movement;
  -moz-animation-timing-function: linear;
  -moz-animation-direction: forwards;
  -moz-animation-iteration-count: infinite;
  -moz-animation-duration: 8s;

  animation-name: cloud-movement;
  animation-timing-function: linear;
  animation-direction: forwards;
  animation-iteration-count: infinite;
  animation-duration: 8s;
}
@-webkit-keyframes cloud-movement {
  0% {
    opacity: 1.0;
    -webkit-transform: translateX(300px);
    -moz-transform: translateX(300px);
    transform: translateX(300px);
  }
/*  10% {
    opacity: 0.9;
  }
  20% {
    opacity: 0.8;
  }
  30% {
    opacity: 0.7;
  }	
  40% {
	opacity: 0.6;
  }*/
  90% {
    opacity: 0.9;
  }
/*  60% {
    opacity: 0.4;
  }
  70% {
    opacity: 0.3;
  }
  80% {
    opacity: 0.2;
  }	
  90% {
    opacity: 0.1;
  }	*/
  100% {
    opacity: 0;
    -webkit-transform: translateX(-640px);
    -moz-transform: translateX(-640px);
    transform: translateX(-640px);
  }
}


@media screen and (max-width:1300px) {
.mainvisual .drone-anime{bottom:30px;}
}


/*.mainvisual .up-down{

}


@keyframes up-down-animation{
  0% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px);
  }	
  50% {
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    transform: translateY(-50px);
  }	
  100% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px);
  }	
}*/



.mainvisual .drone-anime img {
	width: 180px;
	height: auto;
}

@media screen and (max-width:1300px) {
.mainvisual .drone-anime img {
	width: 120px;
	height: auto;
}
}	

@media screen and (max-width:1000px) {
.mainvisual .drone-anime img {
	width: 100px;
	height: auto;
}
}	


.mainvisual .drone-anime img.pc-none{display: none;}
.mainvisual .drone-anime img.sp-none{display: block;}

@media screen and (max-width:1000px) {
.mainvisual .drone-anime img.pc-none{display:block;}
.mainvisual .drone-anime img.sp-none{display: none;}
}	






/*------------------------------------------------------------------------------------------------------------------
　#icath
-------------------------------------------------------------------------------------------------------------------*/
#icath{text-align: center;}
.icath-txt{padding-top: 50px;text-align: left;}

@media screen and (max-width:1000px) {
#icath img{	max-width:100%;height: auto;}
}



/*------------------------------------------------------------------------------------------------------------------
　parallax
-------------------------------------------------------------------------------------------------------------------*/
/*
.parallax{
   position: relative;
    min-height: 100%;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 2;
}

@media screen and (max-width: 1000px) {
	.parallax {
		background-size: cover;
		background-attachment: scroll;
		height: 100%;
	}
}

*/
/*------------------------------------------------------------------------------------------------------------------
　#aun
-------------------------------------------------------------------------------------------------------------------*/
#aun{
	/*background-image: url("../image/top/aun-bk.png");*/
	/*background-repeat: no-repeat;
	background-size: cover;*/
}

#aun h3{
	text-align: center;
	color:#fff;
	margin-bottom: 50px;
}
#aun dl{
	background-color: rgba(35,35,35,0.7);
	/*padding: 30px;*/
	padding: 15px;
	width: 1050px;
	margin:0 auto 15px;
}

#aun dl:last-child{
	margin-bottom: 0px;
}

#aun dl dt{
	color: #b0d5fc;
	font-size: 18px;
}

#aun dl dd{
	color: #fff;
	font-size: 18px;
}
@media screen and (max-width:1200px) {
#aun dl{
	width:100%;
}
}

/*------------------------------------------------------------------------------------------------------------------
　info
-------------------------------------------------------------------------------------------------------------------*/
#info{background: #f2f2f2;}

#info h2{text-align: center;margin-bottom: 50px;}


#info .info-box h3{
	margin-bottom: 0;
	font-family: 'Roboto',"メイリオ", Meiryo, "sans-serif";
	color:#fff;
}


#info .info-box{
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-orient: horizontal;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: row;
  	flex-direction: row;	
}

@media screen and (max-width:900px) {
#info .info-box{
  	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
  	flex-direction: column;		
}	

}


#info .info-box .news{
	width: calc(50% - 25px);
	margin-right: 50px;
	background: #fff;
	/*padding: 25px;*/
}

@media screen and (max-width:900px) {
	
#info .info-box .news{
	width: 500px;
	margin: 0 auto 50px;
}
}



#info .info-box .news-title{
  position: relative;
  overflow: hidden;
	z-index: 1;
	padding:20px 25px;
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-orient: horizontal;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: row;
  	flex-direction: row;
	 justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;	
	
}

#info .info-box .news-title::before {
content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	z-index: -1;
	background: -moz-linear-gradient(left,#72beff,#63a3ff);
	background: -webkit-linear-gradient(left, #72beff,#63a3ff);
	background: linear-gradient(to right, #72beff,#63a3ff);
/*	background: -moz-linear-gradient(left, #cee9ee, #6dd5fa,#72beff);
	background: -webkit-linear-gradient(left, #cee9ee, #6dd5fa,#72beff);
	background: linear-gradient(to right, #cee9ee, #6dd5fa,#72beff);*/
	/*transform: scaleY(1.3) perspective(40px) rotateX(5deg);*/
	/*transform-origin: bottom right;*/
}

/*
#info .info-box .news-title .more-btn{
	display: block;
	text-align: center;
	text-indent: -10px;
	background-color: #002b54;
	width:153px;
	font-size: 22px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	margin-left: auto;
	padding: 10px 55px 10px 25px;	
	position: relative;
}
*/
/*#info .info-box .news-title .more-btn::before{
	  position: absolute;
	  content: '';
	  top:50%;
	  right: 25px;
	  width: 19px;
	  height: 10px;
	  background: url("../image/common/more-btn.png");
	  transition: all 0.3s ease 0s;
	  margin-top: -5px;
}

#info .info-box .news-title .more-btn:hover {
	color: #fff;
	text-decoration: none;
  }
 */        
  
#info .info-box .news-title .more-btn{
	background-image: -moz-linear-gradient(left,#002b54,#002b54);
	background-image: -webkit-linear-gradient(left, #002b54,#002b54);
	background-image: linear-gradient(to right,#002b54,#002b54); 
	display: block;
	text-align: center;
	text-indent: -10px;
	background-color: #002b54;
	width:153px;
	font-size: 22px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	margin-left: auto;
	padding: 10px 55px 10px 25px;	
	position: relative;
    overflow: hidden;/*ボタンからはみ出る部分を隠します*/
}

#info .info-box .news-title .more-btn span::before{
	  position: absolute;
	  content: '';
	  top:50%;
	  right: 25px;
	  width: 19px;
	  height: 10px;
	  background: url("../image/common/more-btn.png");
	  transition: all 0.3s ease 0s;
	  margin-top: -5px;
}

#info .info-box .news-title .more-btn:before {
    content: "";
    background-image: -webkit-linear-gradient(
      130deg,
      rgba(255,255,255,0) 20%, 
      rgba(255,255,255,0.5) 50%, /*透明度を調整して光沢を作ります*/
      rgba(255,255,255,0) 80%
    );
    background-image: linear-gradient(
      130deg,
      rgba(255,255,255,0) 20%,
      rgba(255,255,255,0.5) 50%,
      rgba(255,255,255,0) 80%
    );
    width: 200%;
    height: 200%;
    position: absolute; /*ボタンの左上方向にはみ出させて配置*/
    top: -100%; 
    left: -200%;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
#info .info-box .news-title .more-btn:hover{
	background: rgba(35,35,35,1.0);
}

#info .info-box .news-title .more-btn:hover:before {
  top: 0%; /*ボタンの右下方向へ移動させます*/
  left: 100%;
}

#info .info-box .news .scroll-area{
    width: 100%;
    height: 560px;
    overflow: hidden;
    display: inline-block;
	padding-bottom: 30px;
  }
#info .info-box .news .scroll-content{
    overflow: auto;
  }


/*scllor bar色付け*/
.mCSB_scrollTools .mCSB_draggerRail {
    width: 15px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #e1f1ff;
    background-color: rgba(225,241,255,1.0);
}

.mCSB_scrollTools .mCSB_dragger{
	background: -moz-linear-gradient(top, #72beff,#63a3ff);
	background: -webkit-linear-gradient(top, #72beff,#63a3ff);
	background: linear-gradient(to bottom, #72beff,#63a3ff);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
	height: 100px !important; 
	min-height:100px;

}

.mCSB_scrollTools .mCSB_draggerContainer {

    top: 30px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    position: relative;
    width: 15px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    text-align: center;
	 background: -moz-linear-gradient(top, #72beff,#63a3ff);
	background: -webkit-linear-gradient(top, #72beff,#63a3ff);
	background: linear-gradient(to bottom, #72beff,#63a3ff);
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
 
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background: -moz-linear-gradient(top, #72beff,#63a3ff);
	background: -webkit-linear-gradient(top, #72beff,#63a3ff);
	background: linear-gradient(to bottom, #72beff,#63a3ff);
}



#info .info-box .news .news-list{
	padding-left: 0;
	list-style: none;
	margin-top: 25px;
	margin-bottom: 0;
	/*padding: 0 25px;*/
}

#info .info-box .news .news-list li{
	border-bottom: 1px solid #d0d0d0;
	/*margin-bottom: 25px;*/
	/*padding-bottom: 25px;*/
	padding-right: 30px;
	padding-left:25px;
	padding-bottom: 25px;
	padding-top:25px;
}

#info .info-box .news .news-list li a{
	text-decoration: none;
	position: relative;
	display: block;
/*	padding-right: 30px;
	padding-left:25px;
	padding-bottom: 25px;
	padding-top:25px;*/
}

#info .info-box .news .news-list li a:hover{
	text-decoration: underline;
	/*background: rgba(255,255,255,0.2);*/
	opacity:0.8;
/*box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.5), 0 0 20px rgba(255, 255, 255, 0.2);	*/
}



#info .info-box .news .news-list li:first-child {padding-top:0;}
/*#info .info-box .news .news-list li:first-child a{padding-top:0;}*/
#info .info-box .news .news-list li a::before{
	  position: absolute;
	  content: '';
	  top:50%;
	  right: -30px;
	  width: 21px;
	  height: 21px;
	  background: url("../image/common/more-circle-btn.png");
	  transition: all 0.3s ease 0s;
	  margin-top: -5px;
}


#info .info-box .news .news-list li span{display: block;}

#info .info-box .news .news-list li span:first-child{color: #3c3c3c;font-size: 16px;}
#info .info-box .news .news-list li span:last-child{color: #002b54;font-weight: bold;font-size: 18px;}

#info .facebook{
	width: calc(50% - 25px);
	margin-right: 0;
	background: #fff;
}

@media screen and (max-width:900px) {
#info .facebook{
	width: 500px;
	margin: 0 auto 50px;
}
}


#info .facebook .facebook-title{
  position: relative;
  overflow: hidden;
	z-index: 1;
	padding:20px 25px;
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-orient: horizontal;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: row;
  	flex-direction: row;
	 justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;	
	
}

#info .facebook .facebook-title::before {
content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	z-index: -1;
	background: -moz-linear-gradient(left,#3587ff,#1778f2);
	background: -webkit-linear-gradient(left,#3587ff,#1778f2);
	background: linear-gradient(to right,#3587ff,#1778f2);
/*	background: -moz-linear-gradient(left, #e1f1ff, #7bbef5,#1778f2);
	background: -webkit-linear-gradient(left, #e1f1ff, #7bbef5,#1778f2);
	background: linear-gradient(to right, #e1f1ff, #7bbef5,#1778f2);*/
/*	transform: scaleY(1.3) perspective(40px) rotateX(5deg);
	transform-origin: bottom right;*/
}
/*
#info .facebook .facebook-title h2 {
    margin-bottom: 0;
}*/


#info .facebook .facebook-title h3 a{color:#fff;}

#info .facebook .facebook-title .facebook-btn{
	display: block;
	text-decoration: none;
	margin-left: auto;
	position: relative;
}


#info .facebook-area{
	height: 560px;
    /*max-width: 100%;*/
	width: 100%;
    margin: 0 auto;
}
#info .facebook-area > .fb-page {
    width: 100%;
}
#info .facebook-area > .fb-page > span,
#info .facebook-area iframe {
    width: 100% !important;
}



#info .facebook-area iframe{width:100%; margin: 0 auto;}



/*------------------------------------------------------------------------------------------------------------------
　strengths
-------------------------------------------------------------------------------------------------------------------*/
#strengths{
	/*background-image: url("../image/top/strengths-bk.png");*/
	/*background-repeat: no-repeat;
	background-size: cover;*/
}

#strengths h2 {
    text-align: center;
    color: #fff;
    margin-bottom: 50px;
}

#strengths h2 span{display: block;}
/*#strengths h2 span:last-child{
	font-size: 20px;
	margin-top: 15px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic,"メイリオ", Meiryo, sans-serif;
}
*/

#strengths .strengths-box{
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-orient: horizontal;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: row;
  	flex-direction: row;
	 flex-wrap: wrap;
	 justify-content: space-between;
}

@media screen and (max-width:1000px) {
#strengths .strengths-box{
  	display: block;
	width: 640px;
	margin: 0 auto;
}
}

@media screen and (max-width:800px) {
#strengths .strengths-box{ width: 100%;}
}


@media screen and (max-width:640px) {
#strengths .strengths-box{
  	display: block;
	width: 500px;
	margin: 0 auto;
}
}

#strengths .strengths-item{
	width: calc(33.33% - 34px);
	margin-right: 50px; /* nthで、3番目だけキャンセルさせる必要あり */
	margin-bottom: 50px;
	padding:45px 30px 30px;
	text-align: center;
	background-color: rgba(255,255,255,0.7);
}
#strengths .strengths-item:nth-child(3),#strengths .strengths-item:nth-child(6){margin-right: 0;}



@media screen and (max-width:1440px) {
/*#strengths .strengths-item{
	width: calc(33.33% - 20px);
	margin-right: 30px; 
	margin-bottom: 30px;
	padding:40px 30px 30px;
}*/
}


@media screen and (max-width:1300px) {
#strengths .strengths-item{	width: calc(50% - 25px);padding: 50px 30px 30px;}
#strengths .strengths-item:nth-child(even){margin-right: 0px;}
#strengths .strengths-item:nth-child(3){margin-right: 50px;}
}


@media screen and (max-width:1000px) {
/*
#strengths .strengths-item{	width: calc(50% - 15px);padding: 50px 30px 30px;margin-right: 30px;margin-bottom: 30px;}
#strengths .strengths-item:nth-child(even){margin-right: 0px;}
#strengths .strengths-item:nth-child(3){margin-right: 30px;}
	*/
	
#strengths .strengths-item{
	width: 640px;
	margin: 0 auto 50px;
}
#strengths .strengths-item:nth-child(3){margin-right: 0px;}	
}

@media screen and (max-width:800px) {
#strengths .strengths-item{ width: 100%;}
}



@media screen and (max-width:640px) {
/*#strengths .strengths-item{
	width: 100%;
	margin-right: 0;
	margin-bottom: 50px;
}
#strengths .strengths-item:nth-child(3){margin-right: 0px;}
*/	
}

#strengths .strengths-item h3{font-weight: bold;margin-top: 5px; margin-bottom: 30px;}

#strengths .strengths-item h3 span:first-child{font-size:48px;}

#strengths .strengths-item p{text-align: left;}

@media screen and (max-width:1440px) {
#strengths .strengths-item:nth-child(4) h3{letter-spacing: -0.1em;}
}

@media screen and (max-width:1300px) {
#strengths .strengths-item:nth-child(4) h3{letter-spacing: 0em;}
}

/*------------------------------------------------------------------------------------------------------------------
　works
-------------------------------------------------------------------------------------------------------------------*/
#works{padding: 70px 0 0;}

@media screen and (max-width:1440px) {
#works{padding: 65px 0 0;}

}


#works h2 {
    text-align: center;
    color: #151515;
    margin-bottom: 50px;
}


#works h2 span{display: block;}



/*機材について  */
#works .equipment{
/*	background: #f2f2f2;*/
	padding: 0 0 70px 0;	
}

@media screen and (max-width:1440px) {
#works .equipment{padding: 0 0 65px 0;}
}

/*#works .equipment h3{font-weight: bold;margin-top: 5px; margin-bottom: 30px;}
#works .equipment h3 span{display: block;}
#works .equipment h3 span:first-child{color:rgba(113,208,189,0.3);font-size:72px;}
#works .equipment h3 span:last-child{color: #71d0bd;margin-top: 30px;}
*/
#works .equipment  p{margin-bottom: 50px;}

#works .equipment-box{
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-orient: horizontal;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: row;
  	flex-direction: row;
	 flex-wrap: wrap;
	 justify-content: space-between;
}


#works .equipment-item{
	width: calc(33.33% - 34px);
	margin-right: 50px; /* nthで、3番目だけキャンセルさせる必要あり */
	margin-bottom: 50px;
}



#works .equipment-item img{width: 100%;height: auto;}
#works .equipment-item:nth-child(3),#works .equipment-item:nth-child(6){margin-right: 0;}


#works .equipment-item p{
	font-family: "BIZ UDPGothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","游ゴシック", YuGothic,"メイリオ", Meiryo, sans-serif;
    font-size: 20px;
	background-color: rgba(35,35,35,1.0);
	color: #fff;
	padding: 20px;
	margin-bottom: 0;
}
#works .equipment-item a{text-decoration: none;}

#works .equipment-item a .equipment-btn{
		background-image: -moz-linear-gradient(left,#002b54,#002b54);
	background-image: -webkit-linear-gradient(left, #002b54,#002b54);
	background-image: linear-gradient(to right,#002b54,#002b54); 
		position: relative;
    overflow: hidden;/*ボタンからはみ出る部分を隠します*/
}

#works .equipment-item a .equipment-btn span::before{
	  position: absolute;
	  content: '';
	  top:50%;
	  right: 25px;
	  width: 19px;
	  height: 10px;
	  background: url("../image/common/more-btn.png");
	  transition: all 0.3s ease 0s;
	  margin-top: -5px;
}

#works .equipment-item a .equipment-btn:before {
    content: "";
    background-image: -webkit-linear-gradient(
      130deg,
      rgba(255,255,255,0) 20%, 
      rgba(255,255,255,0.5) 50%, /*透明度を調整して光沢を作ります*/
      rgba(255,255,255,0) 80%
    );
    background-image: linear-gradient(
      130deg,
      rgba(255,255,255,0) 20%,
      rgba(255,255,255,0.5) 50%,
      rgba(255,255,255,0) 80%
    );
    width: 200%;
    height: 200%;
    position: absolute; /*ボタンの左上方向にはみ出させて配置*/
    top: -100%; 
    left: -200%;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
#works .equipment-item a .equipment-btn:hover{
	background: rgba(35,35,35,1.0);
	text-decoration: none!important;
}
#works .equipment-item a .equipment-btn:hover:before {
  top: 0%; /*ボタンの右下方向へ移動させます*/
  left: 100%;
}



#works .equipment-item .equipment-name{font-size:16px;margin-left: 5px;display: inline-block;}

@media screen and (max-width:1260px) {
	#works .equipment-item .equipment-name{display: block;}
}

@media screen and (max-width:1000px) {
	#works .equipment-item .equipment-name{display: inline-block;}
}



#works .equipment-item:nth-of-type(4) .equipment-match{letter-spacing: -0.05em;}




#works .more-btn{
	background-image: -moz-linear-gradient(left,#002b54,#002b54);
	background-image: -webkit-linear-gradient(left, #002b54,#002b54);
	background-image: linear-gradient(to right,#002b54,#002b54); 
	display: block;
	text-align: center;
	text-indent: -10px;
	/*background-color: #002b54;*/
	width:380px;
	font-size: 22px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	margin: 0 auto;
	padding: 23px 65px 23px 30px;	
	position: relative;
    overflow: hidden;/*ボタンからはみ出る部分を隠します*/
}

#works .more-btn span::before{
	  position: absolute;
	  content: '';
	  top:50%;
	  right: 25px;
	  width: 19px;
	  height: 10px;
	  background: url("../image/common/more-btn.png");
	  transition: all 0.3s ease 0s;
	  margin-top: -5px;
}

#works .more-btn:before {
    content: "";
    background-image: -webkit-linear-gradient(
      130deg,
      rgba(255,255,255,0) 20%, 
      rgba(255,255,255,0.5) 50%, /*透明度を調整して光沢を作ります*/
      rgba(255,255,255,0) 80%
    );
    background-image: linear-gradient(
      130deg,
      rgba(255,255,255,0) 20%,
      rgba(255,255,255,0.5) 50%,
      rgba(255,255,255,0) 80%
    );
    width: 200%;
    height: 200%;
    position: absolute; /*ボタンの左上方向にはみ出させて配置*/
    top: -100%; 
    left: -200%;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
#works .more-btn:hover{
	background: rgba(35,35,35,1.0);
}
#works .more-btn:hover:before {
  top: 0%; /*ボタンの右下方向へ移動させます*/
  left: 100%;
}

@media screen and (max-width:1440px) {
#works .equipment-item{
	width: calc(33.33% - 20px);
	margin-right: 30px; /* nthで、3番目だけキャンセルさせる必要あり */
	margin-bottom: 30px;
}
}

@media screen and (max-width:1000px) {
#works .equipment-item{	width: calc(50% - 15px);}
#works .equipment-item:nth-child(even){margin-right: 0px;}
#works .equipment-item:nth-child(3){margin-right: 30px;}
}

@media screen and (max-width:830px) {
#works .equipment-box{
  	display: block;
	width: 380px;
	margin: 0 auto;
	/*padding:0 60px;*/
  	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
  	flex-direction: column;	
}	
	
#works .equipment-item{
	width: 380px;
	margin: 0 auto 30px;
	display: block;
}
#works .equipment-item:nth-child(odd){margin-right: 0px;}	
	
#works .equipment-item:nth-child(3){margin-right: 0px;}
}







/*撮影について*/

#works .field h2 span:nth-child(2){
	color: #fff;
}


#works .field{
	padding: 70px 0;
/*	background-image: url("../image/top/field-bk.png");
	background-repeat: no-repeat;
	background-size: cover;*/
}


#works .field h2{color:#fff;}

@media screen and (max-width:1440px) {
#works .field{padding: 65px 0;}
}

#works .field h3{font-weight: bold;margin-top: 5px; margin-bottom: 30px;}
#works .field h3 span{display: block;}
#works .field h3 span:first-child{
	color:rgba(255,255,255,0.3);
	font-size:72px;
	font-family: 'Roboto',"メイリオ", Meiryo, "sans-serif";
}
#works .field h3 span:last-child{color: #fff;margin-top: 30px;}

#works .field p{margin-bottom: 50px;color: #fff;}

#works .works-box{
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-orient: horizontal;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: row;
  	flex-direction: row;
	 flex-wrap: wrap;
	 justify-content: space-between;
}

@media screen and (max-width:1000px) {
	#works .works-box{
		display: block;
		width: calc(100% - 130px);
		margin: 0 auto;
	}
}

@media screen and (max-width:800px) {
	#works .works-box{width: 100%;}
	
}

#works .works-item{
	width: calc(33.33% - 34px);
	margin-right: 50px; /* nthで、3番目だけキャンセルさせる必要あり */
	margin-bottom: 50px;
	/*padding:60px 30px;*/
	padding:50px 20px 30px;
	text-align: center;
	background-color: rgba(255,255,255,0.7);
	font-feature-settings: "palt";
}


#works .works-item:nth-child(1) ,#works .works-item:nth-child(2){
	width: calc(50% - 25px);
}

#works .works-item:nth-child(2),#works .works-item:nth-child(5){margin-right: 0;}


#works .works-item img{margin-bottom:30px;}




@media screen and (max-width:1440px) {
#works .works-item{
	width: calc(33.33% - 20px);
	margin-right: 30px; /* nthで、3番目だけキャンセルさせる必要あり */
	margin-bottom: 30px;	
/*	padding:50px 25px;*/
	}
	
#works .works-item:nth-child(1) ,#works .works-item:nth-child(2){
	width: calc(50% - 15px);
}	
}

@media screen and (max-width:1200px) {
	
/*#works .works-item:nth-child(even){margin-right: 0px;}*/
#works .works-item:nth-child(3),#works .works-item:nth-child(4){margin-right: 30px;}
}
@media screen and (max-width:1000px) {

#works .works-item,#works .works-item:nth-child(1) ,#works .works-item:nth-child(2){width: 100%;margin-right:0;}
	
}


#works .works-item h4{
	font-weight: bold;
	margin-bottom: 20px;
	position: relative;
}

#works .works-item h4 span{display: inline-block;}


#works .works-item:nth-child(1) h4:before{
	background: -moz-linear-gradient(left, #89f7fe, #66a6ff);
	background: -webkit-linear-gradient(left, #89f7fe, #66a6ff);
	background: linear-gradient(to right, #89f7fe, #66a6ff);
}

#works .works-item:nth-child(2) h4:before{
	background: -moz-linear-gradient(left, #facc22, #f83600);
	background: -webkit-linear-gradient(left, #facc22, #f83600);
	background: linear-gradient(to right, #facc22, #f83600);
}

#works .works-item:nth-child(3) h4:before{
	background: -moz-linear-gradient(left, #6717cd, #2871fa);
	background: -webkit-linear-gradient(left, #6717cd, #2871fa);
	background: linear-gradient(to right,#6717cd, #2871fa);
}

#works .works-item:nth-child(4) h4:before{
	background: -moz-linear-gradient(left, #6dd5ed, #2193b0);
	background: -webkit-linear-gradient(left, #6dd5ed, #2193b0);
	background: linear-gradient(to right, #6dd5ed, #2193b0);
}
#works .works-item:nth-child(5) h4:before{
	background: -moz-linear-gradient(left,#93EDC7, #1CD8D2);
	background: -webkit-linear-gradient(left,#93EDC7, #1CD8D2);
	background: linear-gradient(to right,#93EDC7, #1CD8D2);
}


#works .works-item h4:before{
	position: absolute;
	content: '';
	left:50%;
	bottom:-20px;
	margin-left: -24px;
	width: 48px;
	height: 3px;
	transition: all 0.3s ease 0s;
}

#works .works-item ul{
	margin-bottom: 0;
	text-align: left;
	padding-top: 25px;
	padding-left: 25px;
}

#works .works-item ul li{list-style: none;position: relative;}

#works .works-item ul li:before{
	position: absolute;
	content: '';
	left:-15px;
	top:15px;
	border-radius: 50%;
	background: #232323;
	width: 6px;
	height: 6px;
	margin-top: -3px;
	transition: all 0.3s ease 0s;	
}

#works .works-item ul li span{display:inline-block;}


/*------------------------------------------------------------------------------------------------------------------
　plan
-------------------------------------------------------------------------------------------------------------------*/
#plan{
/*	background-image: url("../image/top/plan-bk.png");
	background-repeat: no-repeat;
	background-size: cover;*/
}

#plan h2 {
    text-align: center;
    color: #fff;
    margin-bottom: 50px;
}
#plan h2 span{display: block;}
#plan h2 span:nth-child(2){color: #fff;}


#plan .plan-box{
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-orient: horizontal;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: row;
  	flex-direction: row;
	 flex-wrap: wrap;
	 justify-content: space-between;
	 padding: 0 50px;
}


@media screen and (max-width:1440px) {
#plan .plan-box{padding: 0;}
}


@media screen and (max-width:1000px) {
#plan .plan-box{
	display: block;
	width: calc(100% - 130px);
	margin: 0 auto;
	}
}

@media screen and (max-width:800px) {
#plan .plan-box{width: 100%;}
}

#plan .plan-item{
	width: calc(50% - 25px);
	margin-right: 50px; /* nthで、3番目だけキャンセルさせる必要あり */
	margin-bottom: 50px;
	padding:30px;
	text-align: center;
	border: 1px solid #fff;
	color:#fff;
}

#plan .plan-item dl dt{font-weight: normal;}
#plan .plan-item dl dd{font-size:32px;font-weight: bold;}
#plan .plan-item dl dd span:last-child{margin-left: 15px; font-size:18px;}


#plan .plan-item:last-child{margin-right: 0;}

@media screen and (max-width:1000px) {
#plan .plan-item{
	width: 100%;
	margin-right: 0;
	}
}

@media screen and (max-width:640px) {	
#plan .plan-item{
	width: 100%;
	margin-right: 0;
	margin-bottom: 50px;
}
	
}

#plan .plan-item h4{
	font-weight: bold;
	margin-bottom: 30px;
	color: #fff;
	border-bottom: 1px solid #fff;
	padding-bottom: 25px;
}

#plan .more-btn{
	background-image: -moz-linear-gradient(left,#002b54,#002b54);
	background-image: -webkit-linear-gradient(left, #002b54,#002b54);
	background-image: linear-gradient(to right,#002b54,#002b54); 
	display: block;
	text-align: center;
	text-indent: -10px;
	/*background-color: #002b54;*/
	width:380px;
	font-size: 22px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	margin: 0 auto;
	padding: 23px 65px 23px 30px;	
	position: relative;
    overflow: hidden;/*ボタンからはみ出る部分を隠します*/
}

#plan .more-btn span::before{
	  position: absolute;
	  content: '';
	  top:50%;
	  right: 25px;
	  width: 19px;
	  height: 10px;
	  background: url("../image/common/more-btn.png");
	  transition: all 0.3s ease 0s;
	  margin-top: -5px;
}

#plan .more-btn:before {
    content: "";
    background-image: -webkit-linear-gradient(
      130deg,
      rgba(255,255,255,0) 20%, 
      rgba(255,255,255,0.5) 50%, /*透明度を調整して光沢を作ります*/
      rgba(255,255,255,0) 80%
    );
    background-image: linear-gradient(
      130deg,
      rgba(255,255,255,0) 20%,
      rgba(255,255,255,0.5) 50%,
      rgba(255,255,255,0) 80%
    );
    width: 200%;
    height: 200%;
    position: absolute; /*ボタンの左上方向にはみ出させて配置*/
    top: -100%; 
    left: -200%;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
#plan .more-btn:hover{
	background: rgba(35,35,35,1.0);
}
#plan .more-btn:hover:before {
  top: 0%; /*ボタンの右下方向へ移動させます*/
  left: 100%;
}


/*------------------------------------------------------------------------------------------------------------------
　results
-------------------------------------------------------------------------------------------------------------------*/


#results h2 {
    text-align: center;
    color: #151515;
    margin-bottom: 50px;
}

#results h2 span{display: block;}
/*#results h2 span:last-child{
	font-size: 20px;
	margin-top: 15px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic,"メイリオ", Meiryo, sans-serif;
}*/

#results .results-box{
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-orient: horizontal;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: row;
  	flex-direction: row;
	 flex-wrap: wrap;
	 justify-content: space-between;
}

@media screen and (max-width:800px) {
#results .results-box{
	display: block;
	width: 100%;
  	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
  	flex-direction: column;	
	}
}

#results .results-item{
	width: calc(33.33% - 34px);
	margin-right: 50px; /* nthで、3番目だけキャンセルさせる必要あり */
	margin-bottom: 50px;
	background-color: rgba(255,255,255,0.7);
}

#results .results-item:nth-child(3),#results .results-item:nth-child(6){margin-right: 0;}

@media screen and (max-width:1440px) {
#results .results-item{
	width: calc(33.33% - 20px);
	margin-right: 30px; /* nthで、3番目だけキャンセルさせる必要あり */
	margin-bottom: 30px;	
}
}

@media screen and (max-width:1200px) {
/*#results .results-item{	width: calc(50% - 15px);}
#results .results-item:nth-child(even){margin-right: 0px;}
#results .results-item:nth-child(3){margin-right: 30px;}*/
}

/*@media screen and (max-width:1100px) {
#results .results-item{	width: calc(50% - 25px);}
#results .results-item:nth-child(even){margin-right: 0px;}
#results .results-item:nth-child(3){margin-right: 50px;}
}*/

/*@media screen and (max-width:1000px) {
#results .results-item{	width: calc(50% - 15px);margin-right: 30px;margin-bottom: 30px;}
#results .results-item:nth-child(even){margin-right: 0px;}
#results .results-item:nth-child(3){margin-right: 30px;}
}*/

@media screen and (max-width:1000px) {
#results .results-item{	width: 100%;margin-right:0 ;}
#results .results-item:nth-child(3){margin-right: 0px;}	
}

/*
@media screen and (max-width:640px) {
#results .results-box{
  	display: block;
	width: 500px;
	margin: 0 auto;
}	
	
#results .results-item{
	width: 100%;
	margin-right: 0;
	margin-bottom: 50px;
}
#results .results-item:nth-child(3){margin-right: 0px;}
}
*/



#results .results-item .youtube-item{ 
	position: relative;
    width: 100%;
    padding-top: 56.25%;
}
#results .results-item .youtube-item iframe{
   position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}

#results .results-item ul{
	padding-left: 0;
	list-style: none;
	margin-bottom: 0;
}
#results .results-item ul li{padding-top: 25px;
	padding-right: 35px;}

#results .results-item ul li a{
	text-decoration: none;
	position: relative;
/*	padding-top: 25px;
	padding-right: 35px;*/
	display: block;
}
#results .results-item ul li a::before{
	  position: absolute;
	  content: '';
	  top:50%;
	  right: -35px;
	  width: 21px;
	  height: 21px;
	  background: url("../image/common/more-circle-btn.png");
	  transition: all 0.3s ease 0s;
	  margin-top: -5px;
}

#results .results-item ul li a:hover{
	text-decoration: underline;
	opacity:0.8;
}


#results .results-item ul li span{display: block;}

#results .results-item ul li span:first-child{color: #3c3c3c;font-size: 18px;}
#results .results-item ul li span:last-child{color: #002b54;font-weight: bold;font-size: 18px;}


#results .more-btn{
	background-image: -moz-linear-gradient(left,#002b54,#002b54);
	background-image: -webkit-linear-gradient(left, #002b54,#002b54);
	background-image: linear-gradient(to right,#002b54,#002b54); 
	display: block;
	text-align: center;
	text-indent: -10px;
	/*background-color: #002b54;*/
	width:380px;
	font-size: 22px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	margin: 0 auto;
	padding: 23px 65px 23px 30px;	
	position: relative;
    overflow: hidden;/*ボタンからはみ出る部分を隠します*/
}

#results .more-btn span::before{
	  position: absolute;
	  content: '';
	  top:50%;
	  right: 25px;
	  width: 19px;
	  height: 10px;
	  background: url("../image/common/more-btn.png");
	  transition: all 0.3s ease 0s;
	  margin-top: -5px;
}

#results .more-btn:before {
    content: "";
    background-image: -webkit-linear-gradient(
      130deg,
      rgba(255,255,255,0) 20%, 
      rgba(255,255,255,0.5) 50%, /*透明度を調整して光沢を作ります*/
      rgba(255,255,255,0) 80%
    );
    background-image: linear-gradient(
      130deg,
      rgba(255,255,255,0) 20%,
      rgba(255,255,255,0.5) 50%,
      rgba(255,255,255,0) 80%
    );
    width: 200%;
    height: 200%;
    position: absolute; /*ボタンの左上方向にはみ出させて配置*/
    top: -100%; 
    left: -200%;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
#results .more-btn:hover{
	background: rgba(35,35,35,1.0);
}
#results .more-btn:hover:before {
  top: 0%; /*ボタンの右下方向へ移動させます*/
  left: 100%;
}


/*
#results .more-btn{
	display: block;
	text-align: center;
	text-indent: -10px;
	background-image: -moz-linear-gradient(left,#002b54,#002b54);
	background-image: -webkit-linear-gradient(left, #002b54,#002b54);
	background-image: linear-gradient(to right,#002b54,#002b54);
	text-transform: uppercase;
	transition: 0.5s;
	background-size: 100% auto;  
	width:380px;
	font-size: 22px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	margin: 0 auto;
	padding: 23px 65px 23px 30px;	
	position: relative;
}

#results .more-btn::before{
	  position: absolute;
	  content: '';
	  top:50%;
	  right: 25px;
	  width: 19px;
	  height: 10px;
	  background: url("../image/common/more-btn.png");
	  transition: all 0.3s ease 0s;
	  margin-top: -5px;
}

#results .more-btn:hover {
	background-image: -moz-linear-gradient(right, #cee9ee, #6dd5fa,#72beff);
	background-image: -webkit-linear-gradient(right, #cee9ee, #6dd5fa,#72beff);
	background-image: linear-gradient(to left, #cee9ee, #6dd5fa,#72beff);
	background-position: right center; 
	color: #fff;
	text-decoration: none;
  }

*/



/*---------------------------------------------------------------------------------------------------------------
　footer
---------------------------------------------------------------------------------------------------------------*/
footer {padding-top:70px;background:#e6e6e6;/*background:#f2f2f2;*/}


.footer-line{
	background: -moz-linear-gradient(left, #cee9ee, #6dd5fa,#72beff);
	background: -webkit-linear-gradient(left, #cee9ee, #6dd5fa,#72beff);
	background: linear-gradient(to right,#cee9ee, #6dd5fa,#72beff);
	height: 85px;
	margin-bottom: 70px;
}

footer .company-box{
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-orient: horizontal;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: row;
  	flex-direction: row;
	 flex-wrap: wrap;
	 justify-content: space-between;
	margin-bottom: 70px;
}

@media screen and (max-width:1000px) {
footer .company-box{
  	display: block;
	width: 100%;
	/*width: calc(100% - 50px);*/
	margin: 0 auto;
}
}
@media screen and (max-width:870px) {
footer .company-box{
	width: 100%;
}
}


footer .company-item{
	width: calc(50% - 25px);
	margin-right: 50px; /* nthで、3番目だけキャンセルさせる必要あり */
	/*margin-bottom: 50px;*/
}

@media screen and (max-width:1440px) {
footer .company-item{
	width: calc(50% - 15px);
	margin-right: 30px; 	
}	
}


@media screen and (max-width:1000px) {

footer .company-item{
	width: 100%;
	margin-right: 0;
	margin-bottom: 50px;
}
footer .company-item:first-child{margin-bottom: 30px;}	
footer .company-item:last-child {
   text-align: center;
}	

}

footer .company-item:last-child{margin-right: 0;position: relative;}
footer .company-item:last-child img{width: 100%;height: auto;position: absolute;/* position: absolute; */right: 0;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}

footer .company-item .company-tel{
	padding-left: 0;
	margin-top: 0;
	margin-bottom: 30px;
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-orient: horizontal;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: row;
  	flex-direction: row;
	 justify-content: space-between;
	list-style: none;
	align-items: center;
}

@media screen and (max-width:1200px) {
	footer .company-item .company-tel{display: block;}
}

@media screen and (max-width:1000px) {
	footer .company-item .company-tel{display:flex;}
footer .company-item:last-child img{max-width:100%;width: 595px;position: relative;-webkit-transform: none;
    -ms-transform: none;
    transform: none;}	
	
	
}



@media screen and (max-width:700px) {
footer .company-item .company-tel{
	  	display: block;	
	}
	
}
/*
footer .company-item.company-item .company-tel li{
	width: calc(50% - 25px);
	margin-right: 50px;
}
*/



footer .company-item.company-item .company-tel li:first-child{
	width: 250px;
	margin-right: 50px;
}
footer .company-item .company-tel li:last-child{/*margin-right: 0;*/width: calc( 100% - 250px );}

@media screen and (max-width:1400px) {

footer .company-item.company-item .company-tel li:first-child{margin-right: 25px;width: 200px;}
footer .company-item.company-item .company-tel li:first-child img{width: 100%;height: auto;}
footer .company-item .company-tel li:last-child{/*margin-right: 0;*/width: calc( 100% - 200px );}	
}

@media screen and (max-width:1300px) {
footer .company-item.company-item .company-tel li:first-child{width: 180px;}
footer .company-item .company-tel li:last-child{width: calc( 100% - 180px );}	
}


@media screen and (max-width:1200px) {
footer .company-item.company-item .company-tel li{display: block;}
footer .company-item.company-item .company-tel li:first-child{
margin-right: 0px; margin-bottom: 25px;
}
footer .company-item .company-tel li:last-child {width: 100%;}	
}

@media screen and (max-width:1000px) {
footer .company-item.company-item .company-tel li:first-child {
    margin-right: 25px;
    margin-bottom: 0px;
}	
footer .company-item.company-item .company-tel li:first-child{margin-right: 25px;}
	
footer .company-item .company-tel li:last-child {width: auto;}
	
	
}

@media screen and (max-width:700px) {
	footer .company-item .company-tel li:last-child {width: 100%;}	
	footer .company-item.company-item .company-tel li:first-child{margin-bottom: 25px;}	
}



@media screen and (max-width:640px) {
/*footer .company-item.company-item .company-tel li{
    width: 100%;
    margin-right: 0px;
}
footer .company-item.company-item .company-tel li:first-child{margin-bottom: 30px;}		*/
}

footer .company-item .company-tel li span{display: block;position: relative;}
footer .company-item .company-tel li span:nth-child(1){text-indent:-10px;}
footer .company-item .company-tel li span:nth-child(1),
footer .company-item .company-tel li span:nth-child(3){font-size: 20px;}
footer .company-item .company-tel li span:nth-child(2){font-size: 30px;font-weight: bold;padding-left: 35px;}
footer .company-item .company-tel li span:nth-child(2)::after{
	  position: absolute;
	  content: '';
	  top:50%;
	 left: 0;
	  width: 26px;
	  height: 40px;
	  background: url("../image/footer/tel-icon.png");
	  transition: all 0.3s ease 0s;
	  margin-top: -20px;	
}


footer .company-item .company-tel li span:nth-child(3){text-align: right;}

footer .company-item.company-item .company-tel li a{text-decoration: none;color: #232323;}
footer .company-item.company-item .company-tel li a:hover{font-weight: normal;}

@media screen and (max-width:1200px) {
footer .company-item .company-tel li span:nth-child(2) {display: inline-block;}	
footer .company-item .company-tel li span:nth-child(3) {display: inline-block;text-align: left;}		
}


footer .company-item .company-address{
	width: 100%;
caption-side: bottom;
border-collapse: collapse;	
}
footer .company-item .company-address th{
	width: 20%;
	letter-spacing: 0.1em;
	text-align: left;	
}

footer .company-item .company-address th,footer .company-item .company-address td{
	vertical-align: top;
}

footer .company-item .company-address tr:nth-child(2) td{display: block;}
footer .company-item .company-address tr:nth-child(2) td span{display: inline-block;margin-right: 15px;}
footer .company-item .company-address tr:nth-child(2) td span:last-child{margin-right: 0;}

@media screen and (max-width:1200px) {
footer .company-item .company-address th,footer .company-item .company-address td{
	width: 100%;
	display: block;
}
}

@media screen and (max-width:1000px) {
footer .company-item .company-address th{width: 150px;}	
footer .company-item .company-address td{width: auto;}	
footer .company-item .company-address th,footer .company-item .company-address td{display: table-cell;}
footer .company-item .company-address tr:nth-child(2) td span{margin-right: 10px;}	
	
}

@media screen and (max-width:830px) {
footer .company-item .company-address th,footer .company-item .company-address td{
	width: 100%;
	display: block;
}
}


footer .company-item.company-item .more-btn{
	background-image: -moz-linear-gradient(left,#002b54,#002b54);
	background-image: -webkit-linear-gradient(left, #002b54,#002b54);
	background-image: linear-gradient(to right,#002b54,#002b54); 
	display: block;
	text-align: center;
	text-indent: -10px;
	/*background-color: #002b54;*/
	width:380px;
	font-size: 22px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	margin: 0 auto;
	padding: 23px 65px 23px 30px;	
	position: relative;
    overflow: hidden;/*ボタンからはみ出る部分を隠します*/
	margin-top: 30px;
}

footer .company-item.company-item .more-btn span::before{
	  position: absolute;
	  content: '';
	  top:50%;
	  right: 25px;
	  width: 19px;
	  height: 10px;
	  background: url("../image/common/more-btn.png");
	  transition: all 0.3s ease 0s;
	  margin-top: -5px;
}

footer .company-item.company-item .more-btn:before {
    content: "";
    background-image: -webkit-linear-gradient(
      130deg,
      rgba(255,255,255,0) 20%, 
      rgba(255,255,255,0.5) 50%, /*透明度を調整して光沢を作ります*/
      rgba(255,255,255,0) 80%
    );
    background-image: linear-gradient(
      130deg,
      rgba(255,255,255,0) 20%,
      rgba(255,255,255,0.5) 50%,
      rgba(255,255,255,0) 80%
    );
    width: 200%;
    height: 200%;
    position: absolute; /*ボタンの左上方向にはみ出させて配置*/
    top: -100%; 
    left: -200%;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
footer .company-item.company-item .more-btn:hover{
	background: rgba(35,35,35,1.0);
}
footer .company-item.company-item .more-btn:hover:before {
  top: 0%; /*ボタンの右下方向へ移動させます*/
  left: 100%;
}

footer .company-item.gmap{
 /* position: relative;
    width: 100%;
    height: 0;
    padding-top: 110.3%;*/
}

footer .company-item.gmap iframe{
/*    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;*/
display: block;
width: 100%;	
height: 100%;
	
}

footer .footer-menu{background:  #002b54;}

footer .footer-menu ul{
	list-style: none;
	padding-left: 0;
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-orient: horizontal;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: row;
  	flex-direction: row;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 0;
	flex-wrap:wrap;
}

@media screen and (max-width:1000px) {
footer .footer-menu ul{
	width: calc(100% - 100px);
	margin: 0 auto;	
	}
}

@media screen and (max-width:900px) {
footer .footer-menu ul{
	width: 100%;
	}
}


footer .footer-menu ul li{padding-right: 50px;}
footer .footer-menu ul li:last-child{padding-right: 0px;}
footer .footer-menu ul li a{
	color: #fff;
	text-decoration: none;
	padding:30px 0;
	display: block;
}
footer .footer-menu ul li a:hover{text-decoration: underline;}


@media screen and (max-width:1000px) {
footer .footer-menu ul li a{padding: 30px 0 15px;}	
footer .footer-menu ul li:nth-child(6) a,footer .footer-menu ul li:nth-child(7) a{padding:15px 00px 30px;} 
}
@media screen and (max-width:780px) {

footer .footer-menu ul li:nth-child(5) a{padding:15px 00px 30px;} 
}


footer .copyright{
	padding:30px 0;
	font-size: 16px;
	color: #fff;
	background: #232323;
	text-align: center;
	width: 100%;
}

@media screen and (max-width:1000px) {
footer .copyright{
	margin-bottom: 100px;
	}
}

footer #contact-qa-btn {position: fixed;top: 150px;right: 0px;z-index: 1000;width: 100px;}

footer #contact-qa-btn .contact-btn{
	margin-bottom: 25px;
	margin-top: 0;
}
footer #contact-qa-btn .contact-btn a{
   background-image: -moz-linear-gradient(top, #71d0bd, #23c3b4);
	background-image: -webkit-linear-gradient(top, #71d0bd, #23c3b4);
	background-image: linear-gradient(to bottom,#71d0bd, #23c3b4);	
   background-size: 200% auto;	
	transition: 0.5s;	
	color: #fff;
	text-align: center;
	text-decoration: none;
	font-size: 15px;
	font-weight: bold;
/*  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;*/
	position: relative;
	padding:20px 10px 20px;
	display: block;
	overflow: hidden;
/*  -webkit-box-shadow: 3px 5px 0 #11a799;
  box-shadow: 3px 5px 0px #11a799;*/
	width: 100px;
	height: 100px;
	border-radius: 50%;
}

footer #contact-qa-btn .contact-btn img{display:block;margin: 0 auto 5px;}

footer #contact-qa-btn .contact-btn a:before {
    content: "";
    background-image: -webkit-linear-gradient(
      top left,
      rgba(255,255,255,0) 20%, 
      rgba(255,255,255,0.5) 50%, /*透明度を調整して光沢を作ります*/
      rgba(255,255,255,0) 80%
    );
    background-image: linear-gradient(
      to bottom right,
      rgba(255,255,255,0) 20%,
      rgba(255,255,255,0.5) 50%,
      rgba(255,255,255,0) 80%
    );
    width: 200%;
    height: 200%;
    position: absolute; /*ボタンの左上方向にはみ出させて配置*/
    top: -100%; 
    left: -200%;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

footer #contact-qa-btn .contact-btn a:hover {
		box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.5), 0 0 20px rgba(255, 255, 255, 0.2);
		color: #fff;
		text-decoration: none;
}

footer #contact-qa-btn .contact-btn a:hover::before {
  top: 0%; /*ボタンの右下方向へ移動させます*/
  left: 100%;
}


footer #contact-qa-btn .qa-btn{
	margin-bottom: 0px;	
}
footer #contact-qa-btn .qa-btn img{display: block; margin: 0 auto 5px;}


footer #contact-qa-btn .qa-btn a{
  background: -moz-linear-gradient(top, #72beff, #63a3ff);
	background: -webkit-linear-gradient(top, #72beff, #63a3ff);
	background: linear-gradient(to bottom, #72beff, #63a3ff);	
   background-size: 200% auto;	
	transition: 0.5s;	
	color: #fff;
	text-decoration: none;
	font-size: 15px;
	font-weight: bold;
	position: relative;
	padding:15px 10px 20px;
	display: block;
	overflow: hidden;
	text-align: center;
  /*-webkit-box-shadow: 3px 5px 0px #5793e8;
  box-shadow: 3px 5px 0px #5793e8;*/
	width: 100px;
	height: 100px;
	border-radius: 50%;		
}



footer #contact-qa-btn .qa-btn a:before {
    content: "";
    background-image: -webkit-linear-gradient(
      top left,
      rgba(255,255,255,0) 20%, 
      rgba(255,255,255,0.5) 50%, /*透明度を調整して光沢を作ります*/
      rgba(255,255,255,0) 80%
    );
    background-image: linear-gradient(
      to bottom right,
      rgba(255,255,255,0) 20%,
      rgba(255,255,255,0.5) 50%,
      rgba(255,255,255,0) 80%
    );
    width: 200%;
    height: 200%;
    position: absolute; /*ボタンの左上方向にはみ出させて配置*/
    top: -100%; 
    left: -200%;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

footer #contact-qa-btn .qa-btn a:hover {
		box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.5), 0 0 20px rgba(255, 255, 255, 0.2);
		color: #fff;
		text-decoration: none;
}

footer #contact-qa-btn .qa-btn a:hover::before {
  top: 0%; /*ボタンの右下方向へ移動させます*/
  left: 100%;
}



@media screen and (max-width:1000px) {
footer #contact-qa-btn {
    position: fixed;
    top: auto;
	bottom:0!important;
    right: 0px;
    z-index: 1000;
    width: 100%;
	display: table;
}

footer #contact-qa-btn .contact-btn{width:50%;display:table-cell;margin-bottom: 0;vertical-align: middle;}	
	
footer #contact-qa-btn .contact-btn a{
   background-image: -moz-linear-gradient(left, #71d0bd, #23c3b4);
	background-image: -webkit-linear-gradient(left, #71d0bd, #23c3b4);
	background-image: linear-gradient(to right,#71d0bd, #23c3b4);	
	font-weight: bold;
	position: relative;
	padding:35px 20px;
	display: block;
	overflow: hidden;
	width: 100%;
	height: 100px;
	text-align: center;
	text-indent: 10px;
	border-radius: inherit;
	font-size:20px;
	vertical-align: middle;
}
	
footer #contact-qa-btn .contact-btn img{
	margin-bottom: 0px;
	margin-right: 5px;
	vertical-align: middle;
	top:50%;
	margin-top: -7.5px;
	margin-left: -45px;
	display: inline-block;
	}	

	
footer #contact-qa-btn .qa-btn{width:50%;display:table-cell;vertical-align: middle;}	
	
footer #contact-qa-btn .qa-btn a{
  background: -moz-linear-gradient(left, #72beff, #63a3ff);
	background: -webkit-linear-gradient(left, #72beff, #63a3ff);
	background: linear-gradient(to right, #72beff, #63a3ff);	
	padding:30px 20px;
	display: block;
	overflow: hidden;
	width: 100%;
	height: 100px;
	text-align: center;
	text-indent: 10px;
	border-radius: inherit;	
	font-size:20px;
	vertical-align: middle;
	
}
	
footer #contact-qa-btn .qa-btn img{
	margin-bottom: 0px;
	margin-right: 10px;
	vertical-align: middle;
	top:50%;
	margin-top: -2.5px;
	margin-left: -45px;
	display: inline-block;

	}	
}

footer #pagetop {position: fixed;bottom: 50px;right: 50px;z-index: 1000;}
footer #pagetop a {
    position: relative;
    width: 50px;
    height: 50px;
    text-align: center;
    display: block;
}
	
@media screen and (max-width:1440px) {
footer #pagetop{right: 12px;}
}
@media screen and (max-width:1100px) {
footer .footer-menu ul li{padding-right: 30px;}
}
@media screen and (max-width:1100px) {
footer #pagetop {bottom: 115px;}
}


/*------------------------------------------------------------------------------------------------------------------
　additional
-------------------------------------------------------------------------------------------------------------------*/

#contents-primary {
	position:relative;
}

#contents {
	position:relative;
}


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

.subpage h1{font-size: 80px;font-family: 'Roboto',"メイリオ", Meiryo, "sans-serif";margin: auto;color: #fff;font-weight:bold;}
.subpage h1 span{display: block;text-align: center;}
.subpage h1 span:nth-child(2){
	font-size: 36px;
	margin-top: 10px;
	font-weight: bold;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic,"メイリオ", Meiryo, sans-serif;
	color:#fff;

}

.subpage h2{
	text-align: center;
	color:#fff;
	font-size: 42px;
	background: -moz-linear-gradient(left, #99ccff, #0296ff);
	background: -webkit-linear-gradient(left, #99ccff, #0296ff);
	background: linear-gradient(to right,#99ccff, #0296ff);
	padding:20px 0;
	margin-bottom: 0;
	font-weight:bold;
}


.subpage h3{font-size: 34px;text-align: center;font-weight:bold;position: relative;}
.subpage h3::before{
	position: absolute;
	content: '';
	left:50%;
	bottom:-20px;
	margin-left: -24px;
	width: 48px;
	height: 3px;
	transition: all 0.3s ease 0s;	
	background: -moz-linear-gradient(left, #89f7fe, #66a6ff);
	background: -webkit-linear-gradient(left, #89f7fe, #66a6ff);
	background: linear-gradient(to right, #89f7fe, #66a6ff);
}


.subpage h4{font-size: 24px;}
.subpage h5{font-size: 20px;}


@media screen and (max-width:1000px) {
.subpage h1{font-size: 70px;}
.subpage h2{font-size: 42px;}
.subpage h3{font-size: 36px;}
.subpage h4{font-size: 30px;}
.subpage h5{font-size: 26px;}	
}


@media screen and (max-width:640px) {
.subpage h1{font-size: 65px;}
.subpage h2{font-size: 42px;}
.subpage h3{font-size: 38px;}
.subpage h4{font-size: 28px;}
.subpage h5{font-size: 24px;}

}



/*アイキャッチ*/

.subvisual{
    position: relative;
    width: 100%;
	background-color:#1e3c72;
	background-repeat: no-repeat;
	background-size: cover;
	height: 450px;
	background-position:50%;
	 display: -webkit-flex;
 	display: flex;
 	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 	align-items: center; /* 縦方向中央揃え */
 	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	 justify-content: center; /* 横方向中央揃え */	
	z-index: 0;
  overflow: hidden;
	padding-top: 100px;}

/*@media (max-width: 1100px) {
.subvisual{margin-top: 100px;}
}
*/

.subvisual-content{
	margin:0 auto;

}

/*------------------------------------------------------------------------------------------------------------------
	会社情報
-------------------------------------------------------------------------------------------------------------------*/
#greeting{padding-bottom: 0;}

#greeting h2{
	text-align: left;
	background: transparent;
	color:#232323 ;
	/*font-size:70px;*/
	letter-spacing: 0.01em;
	margin-bottom: 15px;
	line-height: 1.2;
	border-bottom: 3px solid #99ccff;
	padding-bottom: 25px;
	psdding-top:25px;
}

/*

@media screen and (max-width:1000px) {
#greeting h2{font-size:60px;}
}


@media screen and (max-width:640px) {
#greeting h2{font-size:55px;}
}
*/



.bg-company {
    background-image: url("../image/company/company-visual.jpg");
}

.greeting-content{
	border: 3px solid #99ccff;
	padding:50px;
	margin-top: 50px;
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-orient: horizontal;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: row;
  	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;	
}



@media screen and (max-width:1100px) {
.greeting-content{
/*  	-webkit-box-orient: vertical;
  	-webkit-box-direction: reverse;
  	-ms-flex-direction: column-reverse;
  	flex-direction: column-reverse;	*/
  	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
  	flex-direction: column;
	
}
}


@media screen and (max-width:1000px) {
.greeting-content{
	padding:50px 30px;
}
}


.greeting-box{
	width:calc(100% - 470px);
	margin-right:50px;
}

@media screen and (max-width:1100px) {
.greeting-box{
	width:100%;
	margin-right:0px;
	margin-bottom: 50px;	
}
}



.greeting-box dl{
	font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo, "sans-serif";margin: auto;
	/*margin-bottom: 50px;*/
margin-top: 25px;
margin-bottom: 25px;
border-bottom: 3px solid #99ccff;
padding-bottom: 25px;	

}
.greeting-box dl dt{
	color:#008baa;
	font-size:60px;
	letter-spacing: 0.01em;
	margin-bottom: 15px;
	line-height: 1.2;
}



@media screen and (max-width:1000px) {
.greeting-box dl dt{font-size:50px;}
}


@media screen and (max-width:640px) {
.greeting-box dl dt{font-size:45px;}
}



.greeting-box dl dd{color:#032f54;display: inline-block;letter-spacing: 0.025em;}
.greeting-box dl dd:first-of-type{font-size:42px;padding-right: 70px;}
.greeting-box dl dd:last-of-type{font-size:28px;}


@media screen and (max-width:1440px) {
.greeting-box dl dd:first-of-type{padding-right: 50px;}

}


@media screen and (max-width:1000px) {
.greeting-box dl dd:first-of-type{font-size:38px;}
.greeting-box dl dd:last-of-type{font-size:28px;}

}


@media screen and (max-width:640px) {
}


.greeting-content img{width: 420px;height: auto;}

/*
@media screen and (max-width:1100px) {
.greeting-content img{
	margin-bottom: 50px;
}
}*/


.greeting-box p{line-height: 1.8;margin-bottom: 0;}









/*プロフィール*/
.profile-content{padding:70px 0;margin: 70px 0 0;background: #efefef;}

.profile-box{
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-orient: horizontal;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: row;
  	flex-direction: row;	
	width: 770px;
	margin: auto;
  	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
/*	background: #fff;*/
	margin-top: 70px;
}

@media screen and (max-width:1000px) {
.profile-box{width: calc(100% - 60px);}	
}

@media screen and (max-width:640px) {
.profile-box{
	width: 640px;
	padding:0 30px;
  	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
  	flex-direction: column;	
	
	}	
}



.time-line{
	display: block;
	width: 200px;
	padding: 25px;
	padding-right: 50px;
	padding-left:0;
}


@media screen and (max-width:1000px) {
.time-line{	
	width: 220px;
	padding-right: 30px;
	}
}

@media screen and (max-width:640px) {
.time-line{	
	width: 100%;
	padding-right: 0px;
	position: relative;
	padding-left: 30px;
	padding-bottom: 15px;
	border-left:3px solid #bddaff;	
}
	
.time-line:before{
    background: #23c3b4;
    position: absolute;
    border-radius: 50%;	
    content: '';
    width: 24px;
    height: 24px;
    left: -14px;
    top:44.2px;
	margin-top: -12px;	
}
	
.time-line:first-of-type::before{
top:62px;/*p50+f12*/
}	
	

}


.time-line:first-of-type{
padding-top:50px;
}


.profile-txt{
	display: block;
	padding: 25px;
	border-left:3px solid #bddaff;
	width: 570px;
	position: relative;
	padding-left: 50px;
	padding-right:0;
}


@media screen and (max-width:1000px) {
.profile-txt{
	width: calc(100% - 220px);
	padding-left: 30px;
	}	
}


@media screen and (max-width:640px) {
.profile-txt{
	width: 100%;
	padding-left: 30px;
	padding-top: 0;
	}
}


.profile-txt:before{
    content: '';
    width: 20px;
    height: 20px;
    background: #23c3b4;
    position: absolute;
    left: -11.5px;
    top:39.3px;
	margin-top: -10px;
    border-radius: 50%;
}

@media screen and (max-width:1000px) {

.profile-txt:before{
    content: '';
    width: 24px;
    height: 24px;
    left: -14px;
    top:44.2px;
	margin-top: -12px;
}
}

@media screen and (max-width:640px) {

.profile-txt:before{
    content: none;
}
}




div.profile-txt:nth-of-type(2){
padding-top:50px;
}


@media screen and (max-width:640px) {
div.profile-txt:nth-of-type(2){
padding-top:0px;
}

}






div.profile-txt:nth-of-type(2):before{
    top:64.3px;
}

div.profile-txt:last-of-type{
padding-bottom:50px;
}


.profile-txt ul{list-style: none;padding-left: 0px;}

.profile-txt ul li{margin-bottom: 15px;position: relative;padding-left: 23px;}

.profile-txt ul li:before{
	position: absolute;
	content: "";
	background-image: url("../image/company/award-icon.png");
	background-repeat: no-repeat;
	background-size: contain;
	height:26px;
	width: 18px;
	left:0;
	top: 4px;
}

@media screen and (max-width:1000px) {
.profile-txt ul li{padding-left: 29px;}
	
.profile-txt ul li:before{
	height:34px;
	width: 24px;
	top: 5px;
}		
}


@media screen and (max-width:640px) {
.profile-txt ul li{padding-left: 27px;}
	
.profile-txt ul li:before{
	height:31px;
	width: 22px;
	top: 4.5px;
}		
}




.profile-txt ul li:last-of-type{margin-bottom: 0px;}


.company-line{
	width: 100%;
	height: 300px;
	background-image:url("../image/company/company-line.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%;
		
}




/*会社情報　テーブル*/
.corporate-box{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	margin-top: 50px;
	margin-bottom: 50px;
}


@media screen and (max-width:1000px) {
	.corporate-box{
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}
}



.corporate-box img{width: 350px;height: auto;}



@media screen and (max-width:1000px) {
	.corporate-box p{
		text-align: center;
		margin-bottom: 50px;
	}
	
}



.corporate-info{
	width:calc(100% - 350px);
	margin-right: 50px;
	
}


@media screen and (max-width:1000px) {
	.corporate-info{
		width:100%;
		margin-right: 0px;

	}
}




.corporate-info table{
	width: 100%;
	display: table;
}

@media screen and (max-width:640px) {
.corporate-info table{
	display: block;
}
}

.corporate-info table th,.corporate-info table td{padding: 25px;}

.corporate-info table th{
	width: 180px;
	border-bottom: 2px solid #d0d0d0;
	font-weight: normal;
}

@media screen and (max-width:1000px) {
.corporate-info table th{
	width: 180px;	
}
}	

@media screen and (max-width:640px) {
.corporate-info table th{
	width: 100%;
	display: block;
	background: #d0d0d0;
	border: none;	
}
}

.corporate-info table td{
	width: calc(100% - 280px);
	border-bottom: 2px solid #63a3ff;
}


@media screen and (max-width:1000px) {
.corporate-info table td{
	width: calc(100% - 180px);
	padding: 20px;
}
}	


@media screen and (max-width:640px) {
.corporate-info table td{
	width: 100%;
	display: block;
	border: none;		
}
}

.corporate-info table tr:nth-child(1) th{
	border-top: 2px solid #d0d0d0;
}

.corporate-info table tr:nth-child(1) td{
	border-top: 2px solid #63a3ff;
}

@media screen and (max-width:640px) {
.corporate-info table tr:nth-child(1) td {border-top: none;}	
}


.corporate-info table tr:nth-child(2) td span{margin-right: 15px;display: inline-block;}


@media screen and (max-width:640px) {
.corporate-info table tr:nth-child(2) td span:first-of-type{display: block;margin-right: 0;}
}


/*.corporate-info{margin-top: 50px;margin-bottom: 50px;}

.corporate-info table{
	width: 100%;
	display: table;
}

@media screen and (max-width:640px) {
.corporate-info table{
	display: block;
}
}

.corporate-info table th,.corporate-info table td{padding: 25px;}

.corporate-info table th{
	width: 280px;
	border-bottom: 2px solid #d0d0d0;
	font-weight: normal;
}

@media screen and (max-width:1000px) {
.corporate-info table th{
	width: 180px;	
}
}	

@media screen and (max-width:640px) {
.corporate-info table th{
	width: 100%;
	display: block;
	background: #d0d0d0;
	border: none;	
}
}

.corporate-info table td{
	width: calc(100% - 280px);
	border-bottom: 2px solid #63a3ff;
}


@media screen and (max-width:1000px) {
.corporate-info table td{
	width: calc(100% - 180px);
	padding: 20px;
}
}	


@media screen and (max-width:640px) {
.corporate-info table td{
	width: 100%;
	display: block;
	border: none;		
}
}

.corporate-info table tr:nth-child(1) th{
	border-top: 2px solid #d0d0d0;
}

.corporate-info table tr:nth-child(1) td{
	border-top: 2px solid #63a3ff;
}

@media screen and (max-width:640px) {
.corporate-info table tr:nth-child(1) td {border-top: none;}	
}


.corporate-info table tr:nth-child(2) td span{margin-right: 15px;display: inline-block;}


@media screen and (max-width:640px) {
.corporate-info table tr:nth-child(2) td span:first-of-type{display: block;margin-right: 0;}
}*/








.gmap {
height: 0;
overflow: hidden;
padding-bottom: 40.32%;
position: relative;
}

@media screen and (max-width:1000px) {
.gmap {
padding-bottom: 56.25%;
}
}

.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}



/*
.company-slider {
	position:relative;
	margin-top: 50px;
	width: 100%;
}

.company-slider-item {
	padding-left:0;
	margin-bottom: 50px;
	list-style: none;
}

.company-slider-item img{width: 100%;}

.company-slider-item .slick-disabled {
    display: none !important;
}
.company-slider-item .slick-list {
    width: calc(100% - 125px);
    margin: 0 auto;
}
.company-slider-item li{
    display: inline-block;
  margin: 0 12.5px;
}




@media screen and (max-width:640px) {
.company-slider-item .slick-list {
    width: calc(100% - 125px);
    margin: 0 auto;
}

}
*/


/*.company-slider{
	position:relative;
	margin-top: 50px;
	width: 100%;
}

.company-slider-item{
		list-style: none;
	padding-left: 0;
}
.company-slider-item .slick-slide{margin:0 15px;}

.company-slider-item img { width: 100%; height: auto;}


@media screen and (max-width:640px) {
.company-slider-item .slick-slide{margin:15px 0px;}	
.company-slider-item img { margin:0 auto;}	
	
}

*/

.swiper-container{
   width: 100%;
	margin-top: 50px;	
}

.swiper-container{
text-align: center;
}
.swiper-container .swiper-slide img{
max-width: 100%;
height: auto;
}



/*------------------------------------------------------------------------------------------------------------------
	ご利用の流れ
-------------------------------------------------------------------------------------------------------------------*/
.bg-flow {
    background-image: url("../image/flow/flow-visual.jpg");
}


.flow-box{
  position:relative;
  background: rgba(225,241,255,1.0);
}
.flow-box:after{
  border: solid transparent;
  content:'';
  height:0;
  width:0;
  pointer-events:none;
  position:absolute;
  border-color: rgba(225,241,255,0);
  border-top-width:25px;
  border-bottom-width:25px;
  border-left-width:40px;
  border-right-width:40px;
  margin-left: -40px;
  border-top-color: rgba(225,241,255,1.0);
  top:100%;
  left:50%;
  z-index: 2;
}

.flow-box:nth-of-type(odd){
   background: #bddaff;
 /* z-index: 3;*/
}

.flow-box:nth-of-type(odd):after{
  border-top-color: #bddaff;
  z-index: 3;
}


.flow-box:last-of-type::after{
  border-top-color: transparent;
}



.flow-item{
	padding:50px;
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-orient: horizontal;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: row;
  	flex-direction: row;
}

@media screen and (max-width:1000px) {
.flow-item{
  	-webkit-box-orient: vertical;
  	-webkit-box-direction: reverse;
  	-ms-flex-direction: column-reverse;
  	flex-direction: column-reverse;
	padding:50px 30px;	
	}		
}



.flow-item img{width: 420px;height: auto;}


.flow-itembox{
	margin-right: 50px;
	width: calc(100% - 470px);
}


@media screen and (max-width:1100px) {

.flow-item img{width: 380px;height: auto;}


.flow-itembox{
	width: calc(100% - 430px);
}
}


@media screen and (max-width:1000px) {

.flow-item img{margin: auto;margin-bottom: 30px;}


.flow-itembox{
	width: 100%;
	margin-right: 0;
}
}

/*.flow-title{
	background: -moz-linear-gradient(left, #99ccff, #0296ff);
	background: -webkit-linear-gradient(left, #99ccff, #0296ff);
	background: linear-gradient(to right,#99ccff, #0296ff);
	margin-bottom: 30px;

}

.flow-title p{
	padding:15px;
	display: inline-block;
	color:#fff;
	font-family: 'Roboto',"メイリオ", Meiryo, "sans-serif";	
	text-align: center;
	font-size: 30px;
	margin-bottom: 0;
	
}

.flow-title h4{display: inline-block;color: #fff;margin-bottom: 0;font-weight: bold;}*/


.flow-title p{
	display: block;
	color:#008baa;
	font-family: 'Roboto',"メイリオ", Meiryo, "sans-serif";	
	font-size: 60px;
	margin-bottom: 0;
}

.flow-title h3{
	font-weight: bold;
	margin-bottom: 50px;
	text-align: left;
}

.flow-title h3:before{
	content: none;
}

.flow-txt .sp-none{display: none;}

@media screen and (max-width:1000px) {
.flow-title{text-align: center;}	
.flow-title p{display: inline-block;margin-right: 30px;font-size:55px;}	
.flow-title h3{display: inline-block;}	
}

@media screen and (max-width:640px) {
.flow-title p{display: block;margin-right: 0px;margin-bottom: 15px;}	
.flow-title h3{display: block;text-align: center;}
p.flow-txt {text-align: center;}	
.flow-txt .sp-none{display: block;}	
}



/*------------------------------------------------------------------------------------------------------------------
料金

-------------------------------------------------------------------------------------------------------------------*/

.bg-price {
    background-image: url("../image/price/price-visual.jpg");
	background-position: 15% 50%;
}

#price section{padding:70px 0 0 ;}
#price section:last-of-type{padding:70px 0;}

@media screen and (max-width:1440px) {
#price section{padding: 65px 0 0;}
#price section:last-child{padding:65px 0;}
}

#price h2{position: relative;}

#price h2 span{
	position: absolute;
	font-size:24px;
	right: 20px;
	bottom:20px;
}

#price .attention{
	color: #eb4646;
	text-align: right;
	font-weight: bold;
	font-size:24px;
}

.price-table{margin-top: 50px;margin-bottom: 25px;}

.price-table table{
	table-layout: fixed;
	width: 100%;
	border-spacing: 5px;
	border-collapse: separate;
}



.price-table table{
	table-layout: fixed;
	width: 100%;
}


@media screen and (max-width:720px) {
.price-table table tbody{
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-orient: horizontal;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: row;
  	flex-direction: row;
	}
}


@media screen and (max-width:720px) {
.price-table table tr{
display: inline-block;
width: 48%;
	}
}

.price-table table th,.price-table table td{padding: 20px 15px;}

@media screen and (max-width:720px) {
.price-table table th,.price-table table td{
	padding: 15px 10px;
	display: block;
	}
}



.price-table table th{
	border-bottom: 2px solid #d0d0d0;
	font-weight: normal;
	text-align: center;
}

.price-table table tr:nth-child(1) th{
	background: #d0d0d0;
}


.price-table table tr:nth-child(1) th:nth-child(2){
	background: #bddaff;
}
.price-table table tr:nth-child(1) th:nth-child(3){
	background: #9dc0f2;
}
.price-table table tr:nth-child(1) th:nth-child(4){
	background: #63a3ff;
}

.price-table table td{
	border-bottom: 2px solid #63a3ff;
	text-align: right;
}

.price-table table td:nth-child(2){
	border-bottom: 2px solid #bddaff;
}
.price-table table td:nth-child(3){
	border-bottom: 2px solid #9dc0f2;
}
.price-table table td:nth-child(4){
	border-bottom: 2px solid #63a3ff;
}

.shooting-fee-attention{
	margin-top: 50px; 
	margin-bottom: 50px;
	padding:30px;
	border: 3px solid #99ccff;
}

.shooting-fee-attention ul{list-style: none;padding-left: 0;}
.shooting-fee-attention ul li{margin-bottom: 15px;}
.shooting-fee-attention ul li:last-child{margin-bottom: 0px;}


.shooting-fee-attention ul li h5{
	margin-top: 10px;
	padding: 15px;
	color:#fff;
	border-bottom: 1px solid #008baa;
	display: inline-block;
	background:  #008baa;
}
.shooting-fee-attention ul li span{display: block;}

@media screen and (max-width:1000px) {
.shooting-fee-attention ul li h5{
	display: block;
}
}





#transportation-expenses h2:nth-of-type(2){margin-top: 50px;}
#transportation-expenses p:nth-of-type(2){margin-top: 25px;}

.transportation-expenses-line {margin-top: 70px;}


#cost h2:nth-of-type(2){margin-top: 50px;}
#cost h2:nth-of-type(2) span:nth-of-type(1){display: block;position: relative;
	font-size:24px;
	right: 0px;
	bottom:0px;
color: #fff;}
#cost h2:nth-of-type(2) span:nth-of-type(2){display: inline-block;}

#cost .price-table:nth-of-type(2) table tr:nth-child(1) th{background: transparent;}


@media screen and (max-width:720px) {
	
#cost .price-table:nth-of-type(2) table tbody{
display:block;
	}
	
	
#cost .price-table:nth-of-type(2) table tr{
display: block;
width: 100%;
	}	
	
	
#cost .price-table:nth-of-type(2) table th,#cost .price-table:nth-of-type(2) table td{
	display: inline-block;
	width: 48%;
	}
}


.price-line{
	width: 100%;
	height: 300px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%;
		
}
.price-line01{	background-image:url("../image/price/price-line01.jpg");background-position: 40% 50%;}
.price-line02{	background-image:url("../image/price/price-line02.jpg");background-position: 50% 50%;margin-top: 50px;}
.price-line03{	background-image:url("../image/price/price-line03.jpg");}


/*------------------------------------------------------------------------------------------------------------------
ドローン教室

-------------------------------------------------------------------------------------------------------------------*/

.bg-drone {
    background-image: url("../image/drone/drone-visual.jpg");
}

.dron-attention{
 /*   padding: 30px;
    border: 3px solid #99ccff;*/
	text-align: center;
}
.dron-attention h3{margin-bottom: 50px;}

.dron-attention p span{display: inline-block;}

#private{padding-top: 0;}

.drone-content{
	padding:50px 0;
/*	margin-top: 50px;*/
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-orient: horizontal;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: row;
  	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;	
}



@media screen and (max-width:1100px) {
.drone-content{
  	-webkit-box-orient: vertical;
  	-webkit-box-direction: reverse;
  	-ms-flex-direction: column-reverse;
  	flex-direction: column-reverse;	
}
}


@media screen and (max-width:1000px) {
.drone-content{
	padding:50px 0px;
}
}


.drone-box{
	width:calc(100% - 470px);
	margin-right:50px;
}

@media screen and (max-width:1100px) {
.drone-box{
	width:100%;
	margin-right:0px;
}
}


.drone-title{
	display: block;
	color:#008baa;
	font-family: 'Roboto',"メイリオ", Meiryo, "sans-serif";	
	font-size: 60px;
	margin-bottom: 30px;
}



.drone-item{}


.drone-item dl{
display: table;
width:100%;
margin-bottom: 0;
}

.drone-item dl:first-of-type{
margin-top: 50px;	
}


.drone-item dt,.drone-item dd{
display: table-cell;
padding: 25px;	
}
.drone-item dt{
    border-top: 2px solid #d0d0d0;
	width:160px;
}
.drone-item dl:nth-of-type(2) dt{
    border-top: 2px solid #d0d0d0;
    border-bottom: 2px solid #d0d0d0;
}

.drone-item dd{
    border-top: 2px solid #63a3ff;
	width: calc(100% - 160px);
}
.drone-item dl:nth-of-type(2) dd{
    border-top:  2px solid #63a3ff;
    border-bottom:  2px solid #63a3ff;
}



@media screen and (max-width:640px) {
.drone-item dt,.drone-item dd{
	width:100%;
	display: block;
	border: none;	
}
	
.drone-item dt{
background: #d0d0d0;
}
.drone-item dl:nth-of-type(2) dt,.drone-item dl:nth-of-type(2) dd{border: none;}
}



.drone-content .more-btn{
	background-image: -moz-linear-gradient(left,#002b54,#002b54);
	background-image: -webkit-linear-gradient(left, #002b54,#002b54);
	background-image: linear-gradient(to right,#002b54,#002b54); 
	display: block;
	text-align: center;
	text-indent: -10px;
	background-color: #002b54;
	width:250px;
	font-size: 22px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	margin-right: auto;
	margin-top: 50px;
	padding: 20px 55px 20px 25px;	
	position: relative;
    overflow: hidden;/*ボタンからはみ出る部分を隠します*/
}

.drone-content .more-btn span::before{
	  position: absolute;
	  content: '';
	  top:50%;
	  right: 25px;
	  width: 19px;
	  height: 10px;
	  background: url("../image/common/more-btn.png");
	  transition: all 0.3s ease 0s;
	  margin-top: -5px;
}

.drone-content .more-btn:before {
    content: "";
    background-image: -webkit-linear-gradient(
      130deg,
      rgba(255,255,255,0) 20%, 
      rgba(255,255,255,0.5) 50%, /*透明度を調整して光沢を作ります*/
      rgba(255,255,255,0) 80%
    );
    background-image: linear-gradient(
      130deg,
      rgba(255,255,255,0) 20%,
      rgba(255,255,255,0.5) 50%,
      rgba(255,255,255,0) 80%
    );
    width: 200%;
    height: 200%;
    position: absolute; /*ボタンの左上方向にはみ出させて配置*/
    top: -100%; 
    left: -200%;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.drone-content .more-btn:hover{
	background: rgba(35,35,35,1.0);
}

.drone-content .more-btn:hover:before {
  top: 0%; /*ボタンの右下方向へ移動させます*/
  left: 100%;
}



#corporation{padding-top: 0;}

.drone-content img{width: 420px;height: auto;}


@media screen and (max-width:1100px) {
.drone-content img{
	margin-bottom: 50px;
}
}



#corporation .drone-content{
  	-webkit-box-orient: horizontal;
  	-webkit-box-direction: reverse;
  	-ms-flex-direction: row-reverse;
  	flex-direction: row-reverse;	
}



@media screen and (max-width:1100px) {
#corporation .drone-content{
  	-webkit-box-orient: vertical;
  	-webkit-box-direction: reverse;
  	-ms-flex-direction: column-reverse;
  	flex-direction: column-reverse;
}
}



#corporation .drone-box{
	margin-left: 50px;
	margin-right: 0;
}


@media screen and (max-width:1100px) {
#corporation .drone-box{
	width:100%;
	margin-left:0px;
}
}





/*------------------------------------------------------------------------------------------------------------------
ドローン教室　詳細ページ

-------------------------------------------------------------------------------------------------------------------*/

#corporation-lesson h2{position: relative;}

#corporation-lesson h2 span{
display: block;
position: relative;
font-size: 24px;
right: 0px;
bottom: 0px;
color: #fff;
}

#corporation-lesson h2 br{
	display: none;
}

@media screen and (max-width:850px) {
#corporation-lesson h2 br{
	display: block;
}
}

.lesson-content{
border: 3px solid #99ccff;
padding: 50px;
margin-top: 50px;
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-orient: horizontal;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: row;
  	flex-direction: row;
/*	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;*/	
}



@media screen and (max-width:1100px) {
.lesson-content{
  	-webkit-box-orient: vertical;
  	-webkit-box-direction: reverse;
  	-ms-flex-direction: column-reverse;
  	flex-direction: column-reverse;	
-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;	
}
}


@media screen and (max-width:1000px) {
.lesson-content{
	padding:50px 30px;
}
}


.lesson-box{
	width:calc(100% - 470px);
	margin-right:50px;
}

@media screen and (max-width:1100px) {
.lesson-box{
	width:100%;
	margin-right:0px;
}
}


.lesson-title p{
	display: block;
	color:#008baa;
	font-family: 'Roboto',"メイリオ", Meiryo, "sans-serif";	
	font-size: 60px;
	margin-bottom: 0;
}
.lesson-title h3{
	font-weight: bold;
	margin-bottom: 50px;
	text-align: left;
}

.lesson-title h3:before{
	content: none;
}

.lesson-title h3 span{display: inline-block;}

@media screen and (max-width:1100px) {
/*.lesson-title{text-align: center;}	*/
.lesson-title p{display: inline-block;margin-right: 30px;}
.lesson-title h3{display: inline-block;}	
}
@media screen and (max-width:1000px) {	
.lesson-title{text-align: center;}
.lesson-title p{font-size:55px;}	
}

@media screen and (max-width:640px) {
.lesson-title p{display: block;margin-right: 0px;margin-bottom: 15px;}	
.lesson-title h3{display: block;text-align: center;}
}




.lesson-content img{width: 420px;height: auto;}


@media screen and (max-width:1100px) {
.lesson-content img{
	margin-bottom: 50px;
}
}



/*------------------------------------------------------------------------------------------------------------------
機材について
-------------------------------------------------------------------------------------------------------------------*/

#equipment .bg-equipment {
    background-image: url("../image/equipment/equipment-visual.jpg");
	background-position: 30% 50%;
}

.equipment-attention{
    padding: 30px;
    border: 3px solid #99ccff;
	text-align: center;
}
.equipment-attention h3{margin-bottom: 50px;}

.equipment-attention p span{display: inline-block;}


#equipment .equipment-content{
border: 3px solid #99ccff;
padding: 50px;
margin-top: 50px;
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-orient: horizontal;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: row;
  	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background: #fff;
}



@media screen and (max-width:1100px) {
#equipment .equipment-content{
  	-webkit-box-orient: vertical;
  	-webkit-box-direction: reverse;
  	-ms-flex-direction: column-reverse;
  	flex-direction: column-reverse;	
}
}


@media screen and (max-width:1000px) {
#equipment .equipment-content{
	padding:50px 30px;
}
}


#equipment .equipment-box{
	width:calc(100% - 470px);
	margin-right:50px;
}

@media screen and (max-width:1100px) {
#equipment .equipment-box{
	width:100%;
	margin-right:0px;
}
}



#equipment #mavic3.equipment-box .pc-none{display: none;}

@media screen and (max-width:790px) {
	#equipment #mavic3.equipment-box .pc-none{display: block;}
}






#equipment .equipment-title{
	display: block;
	color:#008baa;
	font-family: 'Roboto',"メイリオ", Meiryo, "sans-serif";	
	font-size: 60px;
	margin-bottom: 30px;
}




#equipment .equipment-item dl{
display: table;
width:100%;
margin-bottom: 0;
}

#equipment .equipment-item dl:first-of-type{
margin-top: 50px;	
}


#equipment .equipment-item dt,.equipment-item dd{
display: table-cell;
padding: 25px;	
}
#equipment .equipment-item dt{
    border-top: 2px solid #d0d0d0;
	width:250px;
}
#equipment .equipment-item dl:last-of-type dt{
    border-top: 2px solid #d0d0d0;
    border-bottom: 2px solid #d0d0d0;
}

#equipment .equipment-item dd{
    border-top: 2px solid #63a3ff;
	width: calc(100% - 250px);
}
#equipment .equipment-item dl:last-of-type dd{
    border-top:  2px solid #63a3ff;
    border-bottom:  2px solid #63a3ff;
}


@media screen and (max-width:1000px) {
#equipment .equipment-item dt{
	width:300px;
}	
#equipment .equipment-item dd{
	width: calc(100% - 300px);
}	
}



@media screen and (max-width:850px) {
#equipment .equipment-item dt,#equipment .equipment-item dd{
	width:100%;
	display: block;
	border: none;	
}
#equipment .equipment-item dt br{display: none;}
	
#equipment .equipment-item dt{background: #d0d0d0;}
#equipment .equipment-item dl:last-of-type dt, #equipment .equipment-item dl:last-of-type dd{border: none;}
}





#equipment .equipment-content .image-box{width: 420px;}
#equipment .equipment-content .image-box img{width: 100%;height: auto;margin-bottom: 30px;display: block;}
#equipment .equipment-content .image-box img:last-of-type{margin-bottom: 0;}


@media screen and (max-width:1100px) {
#equipment .equipment-content .image-box{
	margin-bottom: 50px;
	width:100%;
	 	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-orient: horizontal;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: row;
  	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;	
}
#equipment .equipment-content .image-box img {width: calc(50% - 15px);display: inline-block;margin-bottom: 0;}		
#equipment .equipment-content .image-box img:last-of-type{margin-left: 30px;}	
}


@media screen and (max-width:850px) {
#equipment .equipment-content .image-box{
-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
  	flex-direction: column;
	width: 420px;
}
#equipment .equipment-content .image-box img {width: 100%;display: block;margin-bottom: 30px;}		
#equipment .equipment-content .image-box img:last-of-type{margin-left: 0px;}	
	
}










#camera{background: #efefef;} 

#camera .equipment-content{
  	-webkit-box-orient: horizontal;
  	-webkit-box-direction: reverse;
  	-ms-flex-direction: row-reverse;
  	flex-direction: row-reverse;	
}



@media screen and (max-width:1100px) {
#camera .equipment-content{
  	-webkit-box-orient: vertical;
  	-webkit-box-direction: reverse;
  	-ms-flex-direction: column-reverse;
  	flex-direction: column-reverse;
}
}



#camera .equipment-box{
	margin-left: 50px;
	margin-right: 0;
}


@media screen and (max-width:1100px) {
#camera .equipment-box{
	width:100%;
	margin-left:0px;
}
}

/*------------------------------------------------------------------------------------------------------------------
よくある質問
-------------------------------------------------------------------------------------------------------------------*/

.bg-qa {
    background-image: url("../image/qa/qa-visual.jpg");
	background-position: 30% 50%;
}

.qa-content dt{
	padding: 15px 15px 15px 45px;
	background: #bddaff;
	text-indent: -30px;
}
.qa-content dt:before {
	content: "Q.";
	font-weight: bold;
	margin-right: 10px;
	font-size: 20px;
}

@media screen and (max-width:1000px) {
.qa-content dt{
	padding: 15px 15px 15px 51px;
	text-indent: -36px;
}
.qa-content dt:before {
	font-size: 26px;
}
}


@media screen and (max-width:640px) {
.qa-content dt{
	padding: 15px 15px 15px 49px;
	text-indent: -34px;
}
.qa-content dt:before {
	font-size: 24px;
}
}




.qa-content dd{
	padding: 15px 15px 15px 45px;
	text-indent: -30px;
}
.qa-content dd:before {
	content: "A.";
	color: #1771c6;
	font-weight: bold;
	margin-right: 10px;
	font-size: 20px;
}



@media screen and (max-width:1000px) {
.qa-content dd{
	padding: 15px 15px 15px 51px;
	text-indent: -36px;
}
.qa-content dd:before {
	font-size: 26px;
}
}


@media screen and (max-width:640px) {
.qa-content dd{
	padding: 15px 15px 15px 49px;
	text-indent: -34px;
}
.qa-content dd:before {
	font-size: 24px;
}
}

.qa-content dd .qa-line{
	/*display: block;*/
	background: #008baa;
	color: #fff;
	padding:10px;
	text-indent: 0;
}

.qa-content dd .qa-line:not(:first-of-type){margin-top: 15px;}

.qa-content dd .qa-text{display: block;text-indent: 0;}

.qa-content dd span{margin-bottom: 5px;display: inline-block;}
/*
.qa-content{
	width:100%;
	margin-bottom: 70px;
}

.qa-content:last-child{margin-bottom: 0;}

.qa-box{
	margin-top: 50px;
	width: 100%;
}


.question-box{
	position: relative;   
	margin-bottom: 0;
    padding: 25px 25px 25px	60px;
    color: #fff;
    background: #008baa;
}

.question-box:after {
    position: absolute;
    content: '';
    top: 50%;
    left: 25px;
    width: 25px;
    height: 25px;
    background: url("../image/qa/question-icon.png");
	background-size: contain;
    transition: all 0.3s ease 0s;
    margin-top: -12.5px;
}


@media screen and (max-width:1000px) {
	

.question-box{
    padding: 15px 15px 15px	70px;
}	
	
.question-box:after {
    left: 30px;
    width: 30px;
    height: 30px;
    margin-top: -15px;
}
}


.answer-box{
	padding: 25px;
	border: 3px solid #008baa;
	line-height: 1.8;
}

.answer-box h5{border-bottom: 1px solid #008baa;margin-top: 15px;padding-bottom: 10px;}
.answer-box h5:first-of-type{margin-top: 0;}

.answer-box{ text-decoration: none;color: #232323;}*/


/*.qa-content{
	width:100%;
	 	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-orient: horizontal;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: row;
  	flex-direction: row;
	 	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 70px;
}


@media screen and (max-width:1000px) {
.qa-content{
-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
  	flex-direction: column;
}
}




.qa-content:last-child{margin-bottom: 0;}

.qa-box{
	margin-top: 50px;
	width: calc(50% - 25px);
	margin-right: 50px;
}


@media screen and (max-width:1440px) {
.qa-box {
    width: calc(50% - 15px);
	margin-right: 30px;
}
}


@media screen and (max-width:1000px) {
.qa-box {
    width: 100%;
	margin-right: 0px;

}
}



.qa-box:nth-child(even){
	margin-right: 0px;
}


.question-box{
	position: relative;   
	margin-bottom: 0;
    padding: 25px 25px 25px	60px;
    color: #fff;
    background: #008baa;
}

.question-box:after {
    position: absolute;
    content: '';
    top: 50%;
    left: 25px;
    width: 25px;
    height: 25px;
    background: url("../image/qa/question-icon.png");
	background-size: contain;
    transition: all 0.3s ease 0s;
    margin-top: -12.5px;
}


@media screen and (max-width:1000px) {
	

.question-box{
    padding: 15px 15px 15px	70px;
}	
	
.question-box:after {
    left: 30px;
    width: 30px;
    height: 30px;
    margin-top: -15px;
}
}


@media screen and (max-width:640px) {
	

.question-box{
    padding: 15px 15px 15px	64px;
}	
	
.question-box:after {
    left: 28px;
    width: 28px;
    height: 28px;
    margin-top: -14px;
}
}


.answer-box{
	padding: 25px;
	border: 3px solid #008baa;
	line-height: 1.8;
}

.answer-box h5{border-bottom: 1px solid #008baa;margin-top: 15px;padding-bottom: 10px;}
.answer-box h5:first-of-type{margin-top: 0;}

.answer-box .tel{text-decoration: none;color: #232323;}

*/

/*------------------------------------------------------------------------------------------------------------------
お問い合わせフォーム

-------------------------------------------------------------------------------------------------------------------*/

.bg-contact {
    background-image: url("../image/contact/contact-visual.jpg");
	/*background-position: 15% 50%;*/
}

/*
.tel-attention{
    margin-bottom: 70px;
    padding: 30px;
    border: 3px solid #99ccff;
	text-align: center;
}

.tel-attention a{
	font-size:30px;
	margin-right: 15px;
	color:#002b54;
	text-decoration: none;
	font-weight: bold;

}

@media screen and (max-width:1000px) {
.tel-attention a{font-size:34px;}
}

.tel-attention p:nth-child(1) span{display: inline-block;}

.tel-attention p:nth-child(2){
	text-indent:30px;
}

@media screen and (max-width:1000px) {
.tel-attention p:nth-child(2){text-indent:34px;}
}

.tel-attention a span{position: relative;	text-indent:30px;}

.tel-attention a span::before {
    position: absolute;
    content: '';
    top: 50%;
    left: -42px;
    width: 27px;
    height: 41px;
    background: url(../image/contact/tel-icon.png);
    transition: all 0.3s ease 0s;
    margin-top: -20px;
}*/


.contact-tel{padding: 0 0 50px 0;margin-bottom: 0;text-align: center;}
.decoration-none{text-decoration: none;color:#232323!important;}
.decoration-none:hover{text-decoration: none;color:#232323!important;}
/*.contact-primary{margin-top:30px;}*/
.contact-tel span{display: inline-block;}


span.flatpickr-weekday{font-size:100%;}
.flatpickr-weekdaycontainer > .flatpickr-weekday:nth-child(1){color: #FF0000;}
.flatpickr-weekdaycontainer > .flatpickr-weekday:nth-child(7){ color: #4593ea;}


#mailform-layout.portable .item .name{
	width:250px;
	border-radius: 0;
	background-color: #bddaff;
	border:1px solid #bddaff;
}


@media screen and (max-width:1000px) {
#mailform-layout.portable .item .name{
	width:100%;
	display: block;
	position: relative;
	}
}


#mailform-layout.portable .item .answer{
	width: calc(100% - 250px);
	margin-left: 250px;	
	border-radius: 0;
	border: 1px solid #d0d0d0;
}


@media screen and (max-width:1000px) {
#mailform-layout.portable .item .answer{
	width:100%;
	margin-left: 0;
	display: block;
	}
}


.preferred-date{padding-right: 10px;}
.calendar {margin-bottom:10px;}

.contact-primary h5{
	margin-top: 10px;
	padding: 15px;
	color:#fff;
	border-bottom: 1px solid #008baa;
	display: inline-block;
	background:  #008baa;
	margin-bottom: 10px;
}


@media screen and (max-width:1000px) {
.contact-primary h5{
	display: block;
}
}


#mailform-layout ul.online-attention{
	list-style:  disc;
	padding-left: 18px!important;
}

@media screen and (max-width:1000px) {
#mailform-layout ul.online-attention{
	padding-left: 24px!important;
}
}

@media screen and (max-width:640px) {
#mailform-layout ul.online-attention{
	padding-left: 22px!important;
}
}


@media screen and (max-width:1000px) {
input[type=text],input[type="tel"] {
	width: 100%;
}
}

.submit-button button{
	background-image: -moz-linear-gradient(left,#002b54,#002b54);
	background-image: -webkit-linear-gradient(left, #002b54,#002b54);
	background-image: linear-gradient(to right,#002b54,#002b54); 
/*	display: block;*/
	text-align: center;
	border: 1px solid #002b54;
	border-radius: 0px;
	width:300px;
	text-indent:0;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	position: relative;
    overflow: hidden;/*ボタンからはみ出る部分を隠します*/
	margin-top: 30px;
}

.submit-button button span::before{
	  position: absolute;
	  content: '';
	  top:50%;
	  right: 25px;
	  width: 19px;
	  height: 10px;
	  background: url("../image/common/more-btn.png");
	  transition: all 0.3s ease 0s;
	  margin-top: -5px;
}

.submit-button button:after{
	content:none;
}

.submit-button button::before{
    content: "";
    background-image: -webkit-linear-gradient(
      130deg,
      rgba(255,255,255,0) 20%, 
      rgba(255,255,255,0.5) 50%, /*透明度を調整して光沢を作ります*/
      rgba(255,255,255,0) 80%
    );
    background-image: linear-gradient(
      130deg,
      rgba(255,255,255,0) 20%,
      rgba(255,255,255,0.5) 50%,
      rgba(255,255,255,0) 80%
    );
    width: 200%;
    height: 200%;
    position: absolute; /*ボタンの左上方向にはみ出させて配置*/
    top: -100%; 
    left: -200%;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
	border-radius: 0;
	  background: transparent;
}
.submit-button button:hover{
	background: rgba(35,35,35,1.0);
	border: 1px solid #232323;
	color:#fff;
}
.submit-button button:hover:before{
  top: 0%; /*ボタンの右下方向へ移動させます*/
  left: 100%!important;
  background: transparent;
/*	right: 0;*/
}



.submit-button button.pageback {
	background-image: none;
	background-color: #fff;
    color: #002b54;
    border: 1px solid #002b54;
	text-indent: -15px!important;
	
}
.submit-button button.pageback span{text-indent:-10px;}

.submit-button button.pageback span::before{
	  position: absolute;
	  content: '';
	  top:50%;
	  right: 25px;
	  width: 21px;
	  height: 21px;
	  background: url("../image/common/more-circle-btn.png");
	  transition: all 0.3s ease 0s;
	  margin-top: -10.5px;
}



.submit-button button.pageback:before {
    left: 0px;
}




@media screen and (max-width:750px) {
.submit-button button.pageback{
	margin-bottom: 30px;
}

}

.submit-button button.pageback:hover{
	background: rgba(35,35,35,1.0);
	border: 1px solid #232323;
	color:#fff;
}
.submit-button button.pageback:hover:before{
  top: 0%; /*ボタンの右下方向へ移動させます*/
  left: 100%!important;
  background: transparent;
/*	right: 0;*/
}

.submit-button button.pageback:hover span:before{
	  position: absolute;
	  content: '';
	  top:50%;
	  right: 25px;
	  width: 19px;
	  height: 10px;
	  background: url("../image/common/more-btn.png");
	  transition: all 0.3s ease 0s;
	  margin-top: -5px;
}






/*------------------------------------------------------------------------------------------------------------------
空撮実績一覧
-------------------------------------------------------------------------------------------------------------------*/

.bg-movie{
    background-image: url("../image/movie/movie-visual.jpg");
	/*background-position: 15% 50%;*/
}


.movie-box{
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-orient: horizontal;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: row;
  	flex-direction: row;
	 flex-wrap: wrap;
/*	 justify-content: space-between;*/
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;	
}

@media screen and (max-width:800px) {
.movie-box{
	display: block;
	width: 100%;
  	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
  	flex-direction: column;	
	}
}

.movie-item{
	width: calc(33.33% - 34px);
	margin-right: 50px; /* nthで、3番目だけキャンセルさせる必要あり */
	margin-bottom: 50px;
	background-color: rgba(255,255,255,0.7);
}

.movie-item:nth-child(3n){margin-right: 0;}

@media screen and (max-width:1440px) {
.movie-item{
	width: calc(33.33% - 20px);
	margin-right: 30px;  /*nthで、3番目だけキャンセルさせる必要あり */
	margin-bottom: 30px;	
}
}
/*
@media screen and (max-width:1200px) {
.movie-item{	width: calc(50% - 15px);}
.movie-item:nth-child(even){margin-right: 0px;}
.movie-item:nth-child(3){margin-right: 30px;}
}

@media screen and (max-width:1100px) {
.movie-item{width: calc(50% - 25px);}
.movie-item:nth-child(even){margin-right: 0px;}
.movie-item:nth-child(3){margin-right: 50px;}
}
*/
@media screen and (max-width:1000px) {
.movie-item{width: calc(50% - 15px);margin-right: 30px;margin-bottom: 30px;}
.movie-item:nth-child(3n){margin-right: 30px;}
.movie-item:nth-child(even){margin-right: 0px;}	
}

@media screen and (max-width:800px) {
.movie-item{width: 100%;margin-right:0; margin-bottom: 50px;}
.movie-item:nth-child(3n){margin-right: 0px;}	
}


@media screen and (max-width:640px) {
.movie-box{
  	display: block;
	width: 500px;
	margin: 0 auto;
}	
	
.movie-item{
	width: 100%;
	margin-right: 0;
	margin-bottom: 50px;
}
.movie-item:nth-child(3){margin-right: 0px;}
}




.movie-item .youtube-item{ 
	position: relative;
    width: 100%;
    padding-top: 56.25%;
}
.movie-item .youtube-item iframe{
   position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}

.movie-item ul{
	padding-left: 0;
	list-style: none;
	margin-bottom: 0;
}
.movie-item ul li{
	padding-top: 25px;
	padding-right: 35px;
}

.movie-item ul li a{
	text-decoration: none;
	position: relative;
/*	padding-top: 25px;
	padding-right: 35px;*/
	display: block;
	width: 100%;
}
.movie-item ul li a::before{
	  position: absolute;
	  content: '';
	  top:50%;
	  right: -35px;
	  width: 21px;
	  height: 21px;
	  background: url("../image/common/more-circle-btn.png");
	  transition: all 0.3s ease 0s;
	  margin-top: -5px;
}

.movie-item ul li a:hover{
	text-decoration: underline;
	opacity:0.8;
}


.movie-item ul li span{display: block;}

.movie-item ul li span:first-child{color: #3c3c3c;font-size: 18px;}
.movie-item ul li span:last-child{color: #002b54;font-weight: bold;font-size: 18px;}



/*------------------------------------------------------------------------------------------------------------------
空撮実績　詳細ページ
-------------------------------------------------------------------------------------------------------------------*/


/**/
/*#editor-content{padding-bottom: 0;}*/

#editor-content .data{display: block;padding-bottom: 10px;color: #3c3c3c;font-size: 18px;}
#editor-content h4.editor-title{ 
	border-bottom: 5px solid #d1e3ff;
	padding-bottom:25px;
}


#editor-content .editor-box{padding: 30px 0 50px;}

#editor-content h1{font-size: 50px;color: #232323;}
#editor-content h2{
	margin-top: 0;
	padding: 0;
	text-align: left;
	color: #232323;
	background: transparent;
font-family: "Noto Sans Japanese", "BIZ UDPGothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","游ゴシック", YuGothic,"メイリオ", Meiryo, sans-serif;
	
}
#editor-content h3{text-align: left;}
#editor-content h3::before {content: none;}

#editor-content .editor-box img{
    max-width: 640px;
    height: auto;
}

#editor-content .more-btn{
	background-image: -moz-linear-gradient(left,#002b54,#002b54);
	background-image: -webkit-linear-gradient(left, #002b54,#002b54);
	background-image: linear-gradient(to right,#002b54,#002b54); 
	display: block;
	text-align: center;
	text-indent: -10px;
	/*background-color: #002b54;*/
	width:380px;
	font-size: 22px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	margin: 0 auto;
	padding: 23px 65px 23px 30px;	
	position: relative;
    overflow: hidden;/*ボタンからはみ出る部分を隠します*/
/*	margin-top: 30px;*/
}

#editor-content .more-btn span::before{
	  position: absolute;
	  content: '';
	  top:50%;
	  right: 25px;
	  width: 19px;
	  height: 10px;
	  background: url("../image/common/more-btn.png");
	  transition: all 0.3s ease 0s;
	  margin-top: -5px;
}

#editor-content .more-btn:before{
    content: "";
    background-image: -webkit-linear-gradient(
      130deg,
      rgba(255,255,255,0) 20%, 
      rgba(255,255,255,0.5) 50%, /*透明度を調整して光沢を作ります*/
      rgba(255,255,255,0) 80%
    );
    background-image: linear-gradient(
      130deg,
      rgba(255,255,255,0) 20%,
      rgba(255,255,255,0.5) 50%,
      rgba(255,255,255,0) 80%
    );
    width: 200%;
    height: 200%;
    position: absolute; /*ボタンの左上方向にはみ出させて配置*/
    top: -100%; 
    left: -200%;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
#editor-content .more-btn:hover{
	background: rgba(35,35,35,1.0);
}
#editor-content .more-btn:hover:before {
  top: 0%; /*ボタンの右下方向へ移動させます*/
  left: 100%;
}


@media screen and (max-width:1000px) {	
#editor-content .more-btn{font-size: 22px;}
}
@media screen and (max-width:640px) {
#editor-content .photo-content-box img{max-width: 100%;}	
#editor-content .more-btn{font-size: 20px;}
}


#editor-content .youtube-content{
	width: 800px;
	margin: 0 auto 30px;
}


@media screen and (max-width:1000px) {	
#editor-content .youtube-content{
	width: 100%;
	margin: 0 auto 30px;
}
}

#editor-content .youtube-item{ 
	position: relative;
    width: 100%;
    padding-top: 56.25%;
}
#editor-content .youtube-item iframe{
   position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}


@media screen and (max-width:1140px) {	
#editor-content .alignleft,#editor-content .alignright{
	display: block;
}
	
	
	
}


/*------------------------------------------------------------------------------------------------------------------
お知らせ一覧
-------------------------------------------------------------------------------------------------------------------*/


.bg-topics{
    background-image: url("../image/topics/topics-visual.jpg");
}

#topics .topics-content .news-list{
	padding-left: 0;
	list-style: none;
	margin-bottom: 50px;;
	/*padding: 0 25px;*/
}

#topics .topics-content .news-list li{
	border-bottom: 1px solid #d0d0d0;
	/*margin-bottom: 25px;*/
	/*padding-bottom: 25px;*/
padding-right: 30px;
	padding-left:25px;
	padding-bottom: 25px;
	padding-top:25px;	
}

#topics .topics-content .news-list li a{
	text-decoration: none;
	position: relative;
	display: block;
/*	padding-right: 30px;
	padding-left:25px;
	padding-bottom: 25px;
	padding-top:25px;*/
}

#topics .topics-content .news-list li a:hover{
	text-decoration: underline;
	/*background: rgba(255,255,255,0.2);*/
	opacity:0.8;
/*box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.5), 0 0 20px rgba(255, 255, 255, 0.2);	*/
}

/*#topics .topics-content .news-list li:first-child a{padding-top:0;}*/
#topics .topics-content .news-list li:first-child{padding-top:0;}
#topics .topics-content .news-list li a::before{
	  position: absolute;
	  content: '';
	  top:50%;
	  right: -30px;
	  width: 21px;
	  height: 21px;
	  background: url("../image/common/more-circle-btn.png");
	  transition: all 0.3s ease 0s;
	  margin-top: -12.5px;
}


#topics .topics-content .news-list li span{display: inline-block;vertical-align: top;}

#topics .topics-content .news-list li span:first-child{
	color: #3c3c3c;
	/*font-size: 16px;*/
	width:150px;
}
#topics .topics-content .news-list li span:last-child{
	color: #002b54;
	font-weight: bold;
	/*font-size: 18px;*/
	width:calc(100% - 150px);
	padding-right: 25px;
}


@media screen and (max-width:1000px) {	
#topics .topics-content .news-list li span{display: block;}

#topics .topics-content .news-list li span:first-child{
	width:100%;
}
#topics .topics-content .news-list li span:last-child{
	width:100%;
	padding-right: 25px;
}

}













/*------------------------------------------------------------------------------------------------------------------
ページネーション
-------------------------------------------------------------------------------------------------------------------*/

.p-pagination {
  width:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
}

/*.p-pagination a,
.p-pagination a:visited,
.p-pagination a:hover { color:#21417b; text-decoration:none; }
.ua-pc .p-pagination a:hover { color:#a38972; text-decoration:none; }*/

.p-pagination__list {
  list-style:none;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
/*  margin-left:-0.25em;
  margin-right:-0.25em;*/
	padding-left:0;
 margin-bottom: 0;
}

.p-pagination__list li {
  line-height:1;
  margin:0 0.25em;
}

.p-pagination__list li:after {
  content:"";
  display:block;
  height:0;
  clear:both;
}

.p-pagination a {
/*  display:block;
  text-decoration:none;*/
  display: inline-block;
  margin: 8px 4px;
  text-decoration: none;
  border-radius: 100%;
  width: 42px;
  height: 42px;
  padding: 12px;
  color: #333;
  font-weight: bold;
	line-height: 1.0;
	text-align: center;	
}

.p-pagination a:hover {
  opacity: 0.7;
  background: #72beff;
  color: #fff;	
  border-radius: 100%;	
}

.p-pagination__list li,
.p-pagination__list li span,
.p-pagination__list li a {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
}

.p-pagination__list li a,
.p-pagination__list li span.is-active {
  padding:0.5em;
}

.p-pagination__list li span.is-active {
/*  color:#a38972;
  border-bottom:1px solid rgba(163,137,114,0.8);
  margin-bottom:-1px;*/
  background: #72beff;
  color: #FFF;
 border-radius: 100%;
    width: 42px;
    height: 42px;	
}

.p-pagination__list li.first:after,
.p-pagination__list li.last:before {
  content:"...";
  font-size:0.88em;
  line-height:1;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
}

.p-pagination__list li.first:after { margin-left:0.5em; }
.p-pagination__list li.last:before { margin-right:0.5em; }

.p-pagination .more {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  line-height:1;
}

.p-pagination .more a {
  display:block;
  text-decoration:none;
  font-family:"Lora", serif;
  font-weight:400;
}
  
.p-pagination .more-prev a {
  padding-right:0.75em;
}
  
.p-pagination .more-next a {
  padding-left:0.75em;
}

@media print,screen and (min-width:641px) {
  .p-pagination {
    font-size:0.9em;
    padding-top:50px;
  }

  .p-pagination .more-prev {
    margin-right:1em;
  }
  
  .p-pagination .more-next {
    margin-left:1em;
  }
}

@media screen and (max-width:640px) {
  .p-pagination {
/*    padding-top:2.5em;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;*/
  }
  
  .p-pagination__list {
    font-size:0.9em;
    width:100%;
/*    -webkit-box-ordinal-group:3;
    -ms-flex-order:2;
    order:2;*/
  }
  
  .p-pagination .more {
/*    padding-bottom:1.5em;
    margin:0 0.25em;*/
  }
  
  .p-pagination .more-prev {
/*    -webkit-box-ordinal-group:1;
    -ms-flex-order:0;
    order:0;*/
  }
  
  .p-pagination .more-next {
/*    -webkit-box-ordinal-group:2;
    -ms-flex-order:1;
    order:1;*/
  }
}










/*
.pagination{
  width: 100%;
-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;	
}


.pagination .first a,.pagination .prev a,.pagination .next a,.pagination .last a{
font-size: 24px;
padding: 6px;
margin: 4px 2px;
}

.pagination a{
  display: inline-block;
  margin: 8px 4px;
  text-decoration: none;
  border-radius: 100%;
  width: 42px;
  height: 42px;
  padding: 12px;
  color: #333;
  font-weight: bold;
	line-height: 1.0;
	text-align: center;
}
.pagination a:hover {
  opacity: 0.7;
  background: #72beff;
  color: #fff;	
  border-radius: 100%;	
}
.page.navi-active a{
  background: #72beff;
  color: #FFF;
 border-radius: 100%;	
}



@media screen and (max-width: 1000px) {
  .pagination a{
  width: 52px;
  height: 52px;
  }


.pagination .first a,.pagination .prev a,.pagination .next a,.pagination .last a{
font-size: 30px;
padding: 6px;
margin: 4px 2px;
}	
	
	
}


@media screen and (max-width: 640px) {
  .pagination a{
  width: 48px;
  height: 48px;
  }
	
.pagination .first a,.pagination .prev a,.pagination .next a,.pagination .last a{
font-size: 28px;
padding: 6px;
margin: 4px 2px;
}		
	
	
}

*/






/*
.pagination {
  text-align: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;	
}

.nav-links{margin: auto;}

.pagination a,
.pagination span {
  display: inline-block;
  margin: 8px 0;
  text-decoration: none;
  border-radius: 100%;
  width: 42px;
  height: 42px;
  padding: 12px 0;
  color: #333;
  font-weight: bold;
  line-height: 1;
}
.pagination a:hover {
  opacity: 0.7;
  background: #72beff;
  color: #fff;	
}
.pagination .currunt{
  background: #72beff;
  color: #FFF;
}

@media screen and (max-width: 1000px) {
  .pagination a,
  .pagination span {
  width: 52px;
  height: 52px;
  }
}


@media screen and (max-width: 640px) {
  .pagination a,
  .pagination span {
  width: 48px;
  height: 48px;
  }
}*/