@charset "UTF-8";
/* ===================================================================
CSS information

 file name  :base.css
 style info :共通のスタイル指定(ヘッダー、フッターなど)
=================================================================== */

* html,body{
	line-height: 1.4em;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}

ul li{list-style: none;}

.en{
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
}

@media (min-width: 769px) {/*PC*/
	.show-sp{
		display: none;
	}
}
@media (max-width: 768px) {/*SP*/
	.show-pc{
		display: none;
	}
}


a{
	text-decoration: underline;
	color: #003f7f;
}
a:hover {
	text-decoration: none;
}

/* ===================================================================


ヘッダー


=================================================================== */
header{
	background-color: #fff;
	width: 100%;
	height: 110px;
	position: fixed;
	z-index: 10;
}
.header-inner{
	
	position: relative;
}
.header-nav{padding: 25px 0;}
.header-nav__btn{
	position: absolute;
	right: 70px;
	top: 20px;
	width: 210px;
}
.header-nav__logo{width: 220px;float: left;}
.header-nav__logo img[src$=".svg"] {
    width: 100%;
}
.header-nav__logo a{
	display: block;
	max-width: 220px;
	padding: 0;
	margin: 0;
}
.header-nav__menu{float: left;margin-left: 20px;}
.header-nav__menu li{float: left;}
.header-nav__menu li a{
	display: block;
	padding: 25px 0px 10px;
	text-decoration: none;
	font-weight: bold;
	margin: 0 20px;
}
.header-nav__menu li a:hover,
.header-nav__menu li a.current{
	color: #003f7f;
	border-bottom: solid 3px #003f7f;
}
.header-nav__menu li.first-level{position: relative;}
.header-nav__menu li.first-level a:hover{-webkit-transition: all .5s;transition: all .5s;}
.header-nav__menu .second-level{
	visibility: hidden;
    opacity: 0;
    z-index: 1;
	position: absolute;
    top: 50px;
    width: 200px;
    background: #003f7f;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}
.header-nav__menu .second-level li{float: inherit;}
.header-nav__menu .second-level li a{padding: 15px 15px 15px 30px;color: #fff;margin: 0;position: relative;}
.header-nav__menu .second-level li a:before{
	content: "";
	display: block;
	width: 4px;
	height: 4px;
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -2px;
	border: solid 2px inherit;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	transform: rotate(45deg);
}
.header-nav__menu .second-level li a:hover{background-color: #002b56;border: none;}
.header-nav__menu .first-level:hover .second-level{top: 60px;visibility: visible;opacity: 1;}
@media (min-width: 769px) {/*PC*/
	.header-inner{
		/*min-width: 1200px;*/
		margin: 0 4vw;
	}
}
@media (max-width: 768px) {/*SP*/
	header{height: 65px;}
	.header-nav{padding: 10px 0 0 10px;overflow: hidden;}
	.header-nav__logo{max-width: 180px;width: 35vw;}
	.header-nav__logo img[src$=".svg"] {
	    max-width: 180px;width: 35vw;
	}
	.header-nav__btn{right: 60px;top: 10px;width: 40vw;}
	.header-nav__btn .btn{font-size: 14px;padding: .8em;}
	.header-nav__menu{display: none;}
}
/* ===================================================================

ハンバーガーメニュー

=================================================================== */
.menu{
	background-color: #003f7f;
	position: absolute;
    right: 0;
    top: 20px;
    width: 60px;
    height: 60px;
    z-index: 99;
    border-radius: 50%;    
    padding: 18px 15px;
    transition:background-color 1s;
}
.menu.active{background-color: #fff;}
.menu__line{
    background: #fff;
    display: block;
    height: 4px;
    position: absolute;
    transition:transform .3s;
    width: 30px;
}
.menu__line.active{background-color: #003f7f;}
.menu__line--center{top: 28px;}
.menu__line--bottom{bottom: 18px;}
.menu__line--top.active{top: 28px;transform: rotate(45deg);}
.menu__line--center.active{transform:scaleX(0);}
.menu__line--bottom.active{bottom: 28px;transform: rotate(135deg);}
@media (max-width: 768px) {/*SP*/
	.menu{
		right: 10px;
		top: 10px;
		width: 42px;
		height: 42px;
		padding: 13px 11px;
	}
	.menu__line{
	    height: 3px;
	    position: absolute;
	    transition:transform .3s;
	    width: 20px;
	}
	.menu__line--center{top: 20px;}
	.menu__line--bottom{bottom: 12px;}
	.menu__line--top.active{top: 20px;transform: rotate(45deg);}
	.menu__line--bottom.active{bottom: 19px;transform: rotate(135deg);}
}
/*gnav*/
.gnav{
    /*background: rgba(0,0,0,0.8);*/
    background:#000;
    display: none;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    overflow-y: scroll;
    width: 100%;
    z-index: 98;
    -webkit-overflow-scrolling: touch;
}
.gnav__wrap a,
.gnav__wrap span{color: #fff; text-decoration: none;}
.gnav__wrap .nav-list dl dt:before{
	content: "●";
	color: #d5a418;
	margin-right: .5em;
	font-size: 12px;
}
.gnav__wrap .nav-list dl dt{
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	
	letter-spacing: .1em;
}
.gnav__wrap .nav-list dl dd{padding-top: .6em;font-size: calc(0.875rem + ((1vw - 4.8px) * 0.1389));}
.gnav__wrap .nav-list-sub{width:100%; padding: 1.2em 0; border-top: solid 1px #666;border-bottom: solid 1px #666; margin: 2em 0;text-align: center;}
.gnav__wrap .nav-list-sub li{display: inline-block;margin: 0 .5em;font-size: calc(0.75rem + ((1vw - 4.8px) * 0.1389)); }


@media (min-width: 769px) {/*PC*/
	.nav-list-sp{display: none;}
	.gnav__wrap{
		height: 100%;
	    justify-content: center;
	    position: absolute;
	    padding: 5vw 6vw;
	    color: #fff;
	    width: 100%;
		align-items:center;
	    /*display: flex;
	    flex-wrap: wrap;
	    align-content: center;*/
	}
	.gnav__wrap .nav-list{overflow: hidden;width: 100%;margin-bottom: 2em;}
	.gnav__wrap .nav-list dl{float: left;}
	.gnav__wrap .nav-list dl:first-child{width: 100%;}
	.gnav__wrap .nav-list dl:nth-child(n+2){width: 25%;}
	.gnav__wrap .nav-list dl dt{margin-bottom: 1em;}
	.gnav__wrap .nav-list-bnr li{float: left; width:50%; padding: 0 20px;}
}

@media (max-width: 768px) {/*SP*/
	.nav-list-pc{display: none;}
	.gnav__wrap{padding: 10vw 5vw;}
	.gnav__wrap .nav-list{columns:2; margin-bottom: 1em;}
	.gnav__wrap .nav-list dl{margin-bottom: 0;}
	.gnav__wrap .nav-list dl dt{padding-top: 1em;}
	.gnav__wrap .nav-list .break{break-inside:avoid;}
	.gnav__wrap .nav-list-bnr-sp{
		overflow: hidden;margin-bottom: 20px;
	}
	
	.gnav__wrap .nav-list-bnr-sp li{
		float: left;
		width: 50%;
	}
}

/* ===================================================================

main-container

=================================================================== */
.cont-global{
	padding-top: 110px;
}
.section-first-level{max-width: 1380px;margin: 0 auto; width: calc(100% - 6%);}
.section-second-level{max-width: 1140px;margin: 0 auto; width: calc(100% - 6%);}
.section-third-level{max-width: 1020px;margin: 0 auto; width: calc(100% - 6%);}
.section-fourth-level{max-width: 900px;margin: 0 auto; width: calc(100% - 6%);}
.section-space_2x{padding: 80px 0;}/*1=40px*/
.section--lightblue{background-color: #e9eef4;margin: 0 auto;}
.section--texture{background: url("/wp-content/themes/xeory_extension_child/img/bg_grid_blue.jpg") repeat;}

.section--arc{
	background-image: url("/wp-content/themes/xeory_extension_child/img/bg_arc.svg");
	background-size: contain;
	background-color: #e9eef4;
	background-position: center top;
	background-repeat: no-repeat;
	position: relative;
	text-align: center;
	margin-top: 15vw;
}
.section--arc .eye-catch{
	display: inline-block;
	width: 90vw;
	margin-top: -15vw;

	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	overflow: hidden;
	max-width: 1140px;
}
@media (min-width: 1140px) {/*PC*/
	.section--arc{
		margin-top: 100px;
	}
	.section--arc .eye-catch{
		margin-top: -100px;
	}
}




@media (max-width: 768px) {/*SP*/
	.cont-global{
		padding-top: 65px;
	}
	.section-space_2x{padding: 20px 0;}/*1=20px*/
}

/* ===================================================================

Parts

=================================================================== */
.btn{
	text-decoration: none;
	position: relative;
	transition: all .2s ease-in;
}
.btn--orange{
	background-color: #d5a418;
	color: #fff;
}
.btn--orange:hover{
	background-color: #c2920a;
}
.btn--white{
	color: #4d6a8e;
	border: solid 1px #4d6a8e;
}
.btn--white:hover{
	background-color: #4d6a8e;
	color: #fff;
}
.btn--gray{
	background-color: #ddd;
	color: #666;
}
.btn--gray:hover{
	background-color: #ccc;
	color: #666;
}
.btn--orange--shadow{
	box-shadow: 0px 8px 0 #9e7910;
}
.btn--gray--shadow{
	box-shadow: 0px 8px 0 #bbb;
}
.btn i.fa-arrow-right{
	position: absolute;
	right: 30px;
	top: 50%;
	margin-top: -6px;
}
.btn i.fa-arrow-left{
	position: absolute;
	left: 30px;
	top: 50%;
	margin-top: -6px;
}
.btn i.fa-envelope{
	
	display: inline-block;
}
.btn i.fa-envelope:before{
	margin-right: .5em;
}

.note{font-size: calc(0.75rem + ((1vw - 4.8px) * 0.1389));}
@media (min-width: 769px) {/*PC*/
	font-size: 14px;
}



/* ===================================================================

icon-font

=================================================================== */

@font-face {
  font-family: 'icomoon';
  src:  url("/wp-content/themes/xeory_extension_child/fonts/icomoon.eot?ul1alq");
  src:  url("/wp-content/themes/xeory_extension_child/fonts/icomoon.eot?ul1alq#iefix") format('embedded-opentype'),
    url("/wp-content/themes/xeory_extension_child/fonts/icomoon.ttf?ul1alq") format('truetype'),
    url("/wp-content/themes/xeory_extension_child/fonts/icomoon.woff?ul1alq") format('woff'),
    url("/wp-content/themes/xeory_extension_child/fonts/icomoon.svg?ul1alq#icomoon") format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-feedly:before {
  content: "\e900";
  /*color: #2bb24c;*/
}



/* ===================================================================

 CTA

=================================================================== */

.section-cta{
	display: table;
	width: 100%;
}
.unit-cta{
	width: 50%;
	display: table-cell;
	text-align: center;
	padding: 6vw 0;
	color: #fff;
	position: relative;
}
.unit-cta a{
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	color: #fff;
}
.unit-cta a:hover{
	opacity: .1;
	background-color: #fff;
}
.section-cta .unit-cta p{margin-bottom: 1.5em;}
.section-cta .unit-cta dl dt{font-size: calc(1.125rem + ((1vw - 4.8px) * 0.4167));font-weight: bold;margin-bottom: 1em;}
.section-cta .unit-cta dl dt span{display: block;font-size: calc(2rem + ((1vw - 4.8px) * 0.5556));margin-top: .5em;}
.section-cta .unit-cta dl dd{line-height: 1.5em;}
.section-cta .section-cta__tel{background: url("/wp-content/themes/xeory_extension_child/img/bg_grid_green.jpg") repeat center center;}
.section-cta .section-cta__mail{background: url("/wp-content/themes/xeory_extension_child/img/bg_grid_blue.jpg") repeat center center;}

@media (max-width: 768px) {/*SP*/
	.section-cta,
	.unit-cta{
		width: 100%;
		display: block;
	}
	.unit-cta p img{zoom: .5;}
}
@media (min-width: 1920px) {/*PC*/
	.section-cta .unit-cta dl dt{font-size: 24px;}
	.section-cta .unit-cta dl dt span{font-size: 40px;}
}

/* ===================================================================

footer

=================================================================== */


footer{
	background-color: #1b1b1b;
	background-image: url("/wp-content/themes/xeory_extension_child/img/bg_footer_drone.png");
	background-repeat: no-repeat;
	color: #fff;
}
footer a{color: #fff;text-decoration: none;}
.footer__catch{
	text-align: center;
	border-bottom: solid 1px rgba(255,255,255,0.5);
}
.footer__catch dl dt{
	margin-bottom: .5em;
	letter-spacing: .2em;
	font-size: 28px;
	font-weight: 900;
}
.footer-container__nav{overflow: hidden;}
.footer-container__nav dl{margin-bottom: .5em;}
.footer-container__nav dl dt{
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	margin-bottom: 1em;
	letter-spacing: .1em;
}
.footer-container__nav dl dt:before{
	content: "●";
	color: #d5a418;
	margin-right: .5em;
	font-size: 12px;
}
.footer-container__nav dl dd{padding-bottom: .6em;}
.footer-container__info dl{margin-bottom: 2em;}
.footer-container__info dl dt{margin-bottom: 1em;}
.footer-container__info dl dd{line-height: 1.5em;}
.footer-copyright{padding: 1em 0;text-align: center;font-size: 14px;}
.footer-sns{text-align: center;margin-bottom: 1em;}
.footer-sns li{display: inline-block;margin: 0 5px;}
.footer-sns li a{
	display: block;
	width: 60px;
	height: 60px;
	line-height: 60px;
	border-radius: 50%;
	font-size: 20px;
}
.footer-sns .footer-sns__twitter{background-color: #479def; color: #fff;}
.footer-sns .footer-sns__instagram{background-color: #fff; color: #333;}
.footer-sns .footer-sns__feedly{background-color: #56b155; color: #fff;}

@media (min-width: 769px) {/*PC*/
	footer{background-position: 0px 50px;}
	.footer-inner{padding: 60px 0;}
	.footer__catch{padding: 30px 0;}
	.footer-container{padding: 30px 0;overflow: hidden;}
	.footer-container__nav{width: 70%;float: left;}
	.footer-container__nav .footer-nav-main{overflow: hidden;}
	.footer-container__nav dl{float: left;}
	.footer-container__nav dl:first-child{width: 100%;}
	.footer-container__nav dl:nth-child(n+2){width: 32%;}
	.footer-container__nav ul{margin-top: 30px;}
	.footer-container__nav ul li{display: inline-block;margin-right: 30px;}
	.footer-container__info{float: left;width: 30%;}
	/*.footer-container__info dl dt{width: 320px;}
	.footer-container__bnr{width: 360px;}*/
	.footer-copyright{text-align: right;}
}
@media (max-width: 768px) {/*SP*/
* html,body{
	margin-top:0;
}
	footer{background-size: 70vw;background-position: 0 30px;}
	.footer-inner{padding: 30px 0;}
	.footer__catch{padding: 20px 0;}
	.footer__catch dl dt{font-size: 20px;}
	.footer__catch dl dd{font-size: 12px;}
	.footer-container__nav{padding: 30px 0;}
	.footer-container__nav .footer-nav-main{columns:2;}
	.footer-container__nav .footer-nav-main .break{break-inside:avoid;}
	.footer-container__nav .footer-nav-main dl dd{font-size: 13px;}
	.footer-container__nav .footer-nav-main dl{margin: 0;}
	.footer-container__info dl dt a{display: block; width: 60vw;margin: 0 auto;}
	.footer-container__info dl dd{font-size: 14px;}
	.footer-nav-sub{padding:1em 0; border-top: solid 1px #666;border-bottom: solid 1px #666; text-align: center;}
	.footer-nav-sub ul li{padding:.5em 0;display: inline-block;font-size: calc(0.75rem + ((1vw - 4.8px) * 0.1389));}
	.footer-copyright{font-size: 12px;line-height: 1.5em;}
}



/* ===================================================================


ページトップ

=================================================================== */

#page-top {
    position: fixed;
    bottom: 80px;
    right: 0;
    font-size: 77%;
    z-index: 2;
}
#page-top a {
    background: #111;
    text-decoration: none;
    color: #fff;
    width: 150px;
    padding: 10px;
    text-align: center;
    display: block;
    border-radius: 20px;
    transform: rotate(90deg);
    font-family: 'Roboto', sans-serif;
	font-weight: 900;
	letter-spacing: .2em;
}
#page-top a:hover {
    text-decoration: none;
    background: #333;
}
#page-top a i{
	margin-right: .5em;
}
@media (max-width: 768px) {/*SP*/
	#page-top{
		 right: -30px;
		 bottom: 60px;
	}
	#page-top a{
		 padding: 6px;
		 width: 130px;
		 font-size: 10px;
	}
}



/* ===================================================================


固定ページ

=================================================================== */
.section-container {
	padding-top: 110px;
}


/* ===================================================================


ブログページ

=================================================================== */
.item-works-list dt {
	width: 100%;
}

.thumbnail-box {
	display: block;	
	position: relative;
	width: 100%;
	height: 300px;
	overflow: hidden;
}

.thumbnail-box img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.content iframe{ width:100%; }
iframe{ max-width:100%; }