@charset "utf-8";

/*!
Theme Name: MYGLADIO
Theme URI:
Description: PC、タブレット、スマートフォンと見ているデバイスに自動最適化されるレスポンシブデザインに対応したシンプルな公式サイトタイプのWordPressテーマです。
Version: 1.0
Author:
Author URI:
Text Domain:
License:
License URI:
*/
/* html{height: 100%;} */
body {
	background: #fff;
	color: #303030;
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;

	letter-spacing: .02em;
	font-size:1.4rem;
	/* height: 100%; */
}
body {
    animation: fadeIn 4s ease 0s 1 normal;
    -webkit-animation: fadeIn 4s ease 0s 1 normal;
}
main{min-height: 40vh;}
@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

.section{
	margin-bottom:50px;
}
.font-bold{font-weight:bold;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt50{margin-top:50px;}
.pc-br,.pc-img{display: none;}
.sp-br,.sp-img{display: block;}
.center{text-align:center;}
.tx-center_xs_left{text-align:left}
.txt-right{text-align:right;}
.txt-left{text-aling:left}
.flex-wrap{display:flex;}
.justify_content_center{justify-content:center;}
.img-max,.img-max img{width:100%!important;}

ul{
  list-style: none;
}
a{
  text-decoration: none;
  color:#252525;
}
a:hover{
  opacity:0.6;
}



html,body {
	height: 100%;
}

#main-in {
	padding-left: 200px;
}
/* #main p {
	margin-bottom: 1em;
	line-height: 1.9;
} */
#main .inner {
	/* padding: 60px; */
}

/* main-visual */
#main-visual {
	height: 400px;
	display: flex;
}

h3 {
	font-size: 131%;
	margin-bottom: .7em;
}
#copyright a {
	color: #666;
	text-decoration: none;
}
#copyright a:hover {
	text-decoration: underline;
}

/* ここから */
#global-head {
	position: fixed;
	color: #ffffff;
	width: 200px;
	text-align: center;
	padding-top: 0px;
	z-index: 100;
}

#sidebar {
	font-size: 15px;
	padding-top: 220px;
	width: 200px;
	height: 100%;
	position: fixed;
	color: #ffffff;
	background: #1d1d1d;
	text-align: center;
}

#global-nav ul {
	list-style: none;
	margin-left: 0;
}
#global-nav > ul > li {
	position: relative;
}

#global-nav a {
	color: #ffffff;
	text-decoration: none;
	display: block;
	padding: 15px 0;
	-moz-transition: background-color .3s linear;
	-webkit-transition: background-color .3s linear;
	transition: background-color .3s linear;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
#global-nav .sub-menu.is-active > a,
#global-nav a:hover {
	/* color: #c0c0c0; */opaciyt:0.6;transition:opacity 0.3s;
}
.under{text-decoration: underline;}
#global-nav .sub-menu-nav a,
#global-nav .sub-menu:hover .sub-menu-nav {
	width: 230px;
}

/* sub-menu icon */
#global-nav .sub-menu-head {
	position: relative;
}
#global-nav .sub-menu-head:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 18px;
	margin: auto;
	vertical-align: middle;
	width: 8px;
	height: 8px;
	border-top: 1px solid #033560;
	border-right: 1px solid #033560;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}


/* sub-menu */
#global-nav .sub-menu-nav {
	position: fixed;
	background: #033560;
	color: #fff;
	top: 0;
	padding-top: 90px;
	left: 260px;
	width: 0;
	height: 100%;
	overflow: hidden;

	-moz-transition: width .2s ease-out;
	-webkit-transition: width .2s ease-out;
	transition: width .2s ease-out;
}
#global-nav .sub-menu.is-active > a:after,
#global-nav .sub-menu-head:hover:after {
	border-color: #fff;
}
#global-nav .sub-menu-nav a {
	color: #fff;
}
#global-nav .sub-menu-nav a:hover {
	color: #033560;
	background: #fff;
}


/* nav-toggle */
#nav-toggle {
	display: none;
	position: fixed;
	top: 15px;
	right: 15px;
	height: 32px;
}
#nav-toggle .colorwhite{font-size:1rem;white-space:nowrap;}
#nav-toggle > div {
	position: relative;
	width: 32px;
}
#nav-toggle p{position:absolute;top:30px;left: -5px;/* left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%); */}
#nav-toggle .colorwhite_En{position:absolute;top:35px;left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	font-size:0.8rem;}
#nav-toggle span {
	width: 100%;
	height: 2px;
	left: 0;
	display: block;
	background: #ffffff;
	position: absolute;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
	z-index:100;
}

#nav-toggle span:nth-child(1) {
	top: 0;
}
#nav-toggle span:nth-child(2) {
	top: 11px;
}
#nav-toggle span:nth-child(3) {
	top: 22px;
}


#overlay {
	display: none;
	position: fixed;
	background: rgba(0,0,0,.6);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.side_tel_box{
	background-repeat:no-repeat;
    background-image:url("../img/side_tel_back.png");
    background-size: cover;
    padding:20px 0;
    margin-top:30px;
    color:#ffffff!important;
}
.side_tel_box a{color:#ffffff;}
.side-icon{margin:15px 0;}
.side-icon i{color:#8e8c8c;}
.color8e8c8c{color:#8e8c8c;}
.colorwhite{color:#FFFFFF;}
.color767571{color:#767571;}
/* CONTACT */
.contact_sec{padding-top:40px;}
.title_area{
	position:relative;
	height:250px;
	background-position:50%  0%;

}
.title_area_contact{
	background-repeat:no-repeat;
    background-image:url("../img/contact_back.jpg");
    background-size: cover;
}
.title_area_services{
	background-repeat:no-repeat;
    background-image:url("../img/services_xs.jpg");
    background-size: cover;
}
.title_area_about{
	background-repeat:no-repeat;
    background-image:url("../img/about_xs.jpg");
    background-size: cover;
}
.title_area_rule{
	background-repeat:no-repeat;
    background-image:url("../img/salesrule_xs.jpg");
    background-size: cover;
}
.title_area_txt{
	position:absolute;
	bottom:-100px;left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.title_area_txt_en{
	position:absolute;
	bottom:-40px;left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	width:120px;
}
.title_area_txt{width:40px;}
table.simple-table_border tr:first-child {
	border-top: 1px solid #eaeaea;
}
table.simple-table_border tr {
	border-bottom: 1px solid #eaeaea;
}
table.simple-table {
	width: 100%;
	margin: 20px 0;
	padding: 0;
	border-collapse: collapse;
	border-spacing: 0;
	line-height: 2;
}
/* table.simple-table tr:first-child {
	border-top: 1px solid #eaeaea;
}
table.simple-table tr {
	border-bottom: 1px solid #eaeaea;
} */
table.simple-table th {
	display: block;
	width: 100%;
	padding: 5px 0 2px;
	padding-right: 24px;
	font-size: 1.4rem;
	font-weight: 500;
	white-space: nowrap;
	font-weight:bold;
	text-align:left;
	vertical-align: top;
}
table.simple-table td {
	display: block;
	width: 100%;
	padding: 0 0 5px;
	font-size: 1.4rem;
	font-weight: normal;
	white-space: normal;
	vertical-align: middle;
}
input[type="text"],
input[type="email"],
input[type="tel"] {
	width: 100%;
	height: 32px;
	margin: 4px 0;
	padding: 2px 5px;
	border: 1px solid #9c9c9c;
	font-size: 1.6rem;
	font-weight: 700;
	/* background: #f5f5f5; */
}
input[type="text"].short {
	width: 200px;
}
input[type="text"].short2 {
	width: 100px;
}
input[type="tel"].short2 {
	width: 100px;
}
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  /* border: none; */
  box-sizing: border-box;
  cursor: pointer;
}
textarea {
	width: 100%;
	height: 140px;
	padding: 2px 5px 0;
	border: 1px solid #9c9c9c;
	font-size: 1.6rem;
}
.btn-black2{
	position: relative;
	display: inline-block;
	width: 100%;
	/* border: 1px solid #000000;
	background-color:#000000; */
	color:#ffffff;
	font-size: 1.4rem;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	line-height: 44px;
	outline: none;
	transition: all .2s;

}
	.btn-black2{
	position: relative;
	display: inline-block;
	/* width: 250px; */
	border: 1px solid #d99b0b;
	background-color:#d99b0b;
	color:#ffffff;
	font-size: 1.4rem;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	line-height: 44px;
	outline: none;
	transition: all .2s;
	margin:0 auto;

}
.btn-black2:hover{background-color:#e4b954;
	border: 1px solid #e4b954;}
.btn-black,.btn-black2{letter-spacing: 3.9px;}
.policy {
	height: 220px;
	overflow: auto;
	padding: 30px;
	background: #f5f5f5;
	font-size: 1.2rem;
}
.confirm .policy {display: none;}
.policy-title {
	margin-bottom: 16px;
	font-size: 1.8rem;
	text-align: center;
}
.policy-lead {
	margin-bottom: 16px;
	padding-bottom: 16px;
	border-bottom: 1px solid #333;
	text-align: left;
}
.policy p {margin-bottom:40px;}
.hissutag{color:#b02b09;}
/* サービス */
.services{
	padding:40px 10px;
}
.services p{
	margin-bottom:8px;
}
.services h2{
	background-color:#4a4a4a;
	color:#ffffff;
	padding-left:10px;
	padding-right:10px;
	font-size:1.5rem;
	line-height:3rem;
	margin-top:40px;
	margin-bottom:20px;
}
.services_img{
	width:100%;
	margin:40px auto;
}
.about{padding:40px 10px;}
.about table th{font-weight:bold!important;}
@media screen and (max-width: 981px) {
	.mt_xs50{margin-top:50px;}
	.column_xs{flex-direction:column;}
	.slidecopy{z-index:20;position:absolute;top: 80px;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width:40%;
height:auto;}
	#main-in {
		padding-left: 0;
		padding-top:50px;
	}

	#global-head {
		width: 100%;
		/* padding: 10px; */
		background: #1d1d1d;
		display: -webkit-flex;
		display: flex;
	}
	#global-head img{width:100px!important;}
    /* .brand-logo  */
	#sidebar {
		/*display: none;*/
		position: fixed;
		right: -300px;
		top: 0;
		height: 100%;
		width: 300px;
		color: #333;
		background: #1d1d1d;
		-webkit-transition: .35s ease-in-out;
		transition: .35s ease-in-out;
	}

	/* サブメニューは開けない */
	#global-nav .sub-menu-head:after,
	#global-nav .sub-menu-nav {
		display: none;
	}
	#nav-toggle {
		display: block;
	}

	/* nav open */
	.open {
		overflow: hidden;
	}
	.open #overlay {
		display: block;
	}
	.open #sidebar  {
		-webkit-transform: translate3d(-300px,0,0);
		transform: translate3d(-300px,0,0);
	}

	/* #nav-toggle close */
	.open #nav-toggle span:nth-child(1) {
		top: 11px;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.open #nav-toggle span:nth-child(2) {
		width: 0;
		left: 50%;
	}
	.open #nav-toggle span:nth-child(3) {
		top: 11px;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	/* z-index */
	#overlay {
		z-index: 200;
	}
	#sidebar {
		z-index: 300;
	}
	#nav-toggle {
		z-index: 400;
	}


}
.main_imgBox {
      height: 450px;
    overflow: hidden;
    position: relative; }


.scroll{z-index:1000;position:absolute;bottom:30px;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);}
.scroll a{color:#ffffff;}
.main_img {
    z-index:10;
    opacity: 0;
    width: 100%;
    height: 100vh;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-animation: anime 36s 0s infinite;
    animation: anime 36s 0s infinite; }

.main_img:nth-of-type(2) {
      -webkit-animation-delay: 6s;
      animation-delay: 6s; }

    .main_img:nth-of-type(3) {
      -webkit-animation-delay: 12s;
      animation-delay: 12s; }

    .main_img:nth-of-type(4) {
      -webkit-animation-delay: 18s;
      animation-delay: 18s; }

    .main_img:nth-of-type(5) {
      -webkit-animation-delay: 24s;
      animation-delay: 24s; }

    .main_img:nth-of-type(6) {
      -webkit-animation-delay: 30s;
      animation-delay: 30s; }
@keyframes anime {
  0% {
        opacity: 0;
    }
    8% {
        opacity: 1;
    }
    17% {
        opacity: 1;
    }
    25% {
        opacity: 0;
        transform: scale(1.2) ;
         z-index:9;
    }
    100% { opacity: 0 }
}

@media screen and (max-width: 400px) {
	#sidebar {
		right: -200px;
		width: 200px;
		padding-top: 60px;
	}
	.open #sidebar  {
		-webkit-transform: translate3d(-200px,0,0);
		transform: translate3d(-200px,0,0);
	}
}
.posi_relative{position:relative;}
.message{position:absolute;left: 50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);top:30px;}
.message img{width:25px;}
.message_en{position:absolute;left: 50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);bottom:-30px;}
.message_en img{width:120px;}
.sec1{
	padding-top:20px;
	padding-bottom:20px;
	background-image: url("../img/bg.png");
 background-size: cover;background-repeat:no-repeat;}
.sec1_in{
	width:90%;
	margin:30px auto 20px;
}
.sec1_in p{margin-top:50px;}
.inner2{padding:30px 0px;}
.inner2 p{margin:30px 0px 40px;}
.btn-black {
	/* position: relative; */
	display: block;
	width: 250px;
	border: 1px solid #9c9c9c;
	color:#2b2b2b;
	font-size: 1.4rem;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	line-height: 44px;
	outline: none;
	transition: all .2s;
	margin:0 auto;
}
.btn-black a{color:#2b2b2b;display:block;}
.btn-black a:hover{color:#ffffff;}
.btn-black:hover{
	background-color:#2b2b2b;
	color:#ffffff;
}
.btn-white{
	display: block;
	width: 250px;
	border: 1px solid #ffffff;
	color:#ffffff;
	font-size: 1.4rem;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	line-height: 44px;
	outline: none;
	transition: all .2s;
	margin:0 auto;
}
.btn-white a{color:#2b2b2b;display:block;}
.btn-white a:hover{color:#ffffff;}
.btn-white:hover{
	background-color:#ffffff;
	color:#2b2b2b;
}
.inner2_txt{
	position:absolute;
	top:-20px;
	left:40px;
	width:40px;
}
.inner2_txt_en{
	position:absolute;
	top:10px;
	left:-5px;
	width:100px;
}
.inner2_txt2{
	position:absolute;
	top:-20px;
	right:40px;
	width:40px;
}
.inner2_txt2_en{
	position:absolute;
	top:10px;
	right:-5px;
	width:100px;
}
figure {
  width: 100%;;
  height: auto;
  margin: 0;
  padding: 0;
  /* background: #fff; */
  overflow: hidden;
}
figure img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
figure:hover img {
    -webkit-transform: scale(1.08);
    transform: scale(1.08);
    opacity: 0.8;
}
.pad0{padding-right:0!important;padding-left:0!important;}
.contact_box{
	padding-top:160px;
	height:380px;
	background-repeat:no-repeat;
    background-image:url("../img/contact_back_xs.png");
	background-position:50%  0%;
    background-size: cover;
}
.contact_box_en{
	padding-top:160px;
	height:380px;
	background-repeat:no-repeat;
    background-image:url("../img/contact_back_en_xs.jpg");
	background-position:50%  0%;
    background-size: cover;
}
.contact_box_txt{text-align:center;color:#ffffff;font-size:1.8rem;}
.contact_box_txt{margin-bottom:30px;}
.contact_box_txt span{font-size:3rem;color:#ffffff;}
footer{
	background-repeat:no-repeat;
    background-image:url("../img/footer_back.png");
    background-size: cover;
    padding-top:30px;
    padding-left:0px;
}
footer li{margin:0 20px 10px;}
.copy-write{font-size:1.3rem;margin-top:30px;}
.footer_img{width:100px;margin:10px auto;}
.footer-icon{color:#767571;font-size:3rem;margin-top:20px;margin-bottom:10px;}
.mincho {
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;

}
@media screen and (max-width: 981px) {
	.contact_box{
		padding-top:250px;
		height:500px;
		background-image:url("../img/contact_back.png");
	}
	.contact_box_en{
		padding-top:250px;
		height:500px;
		background-image:url("../img/contact_back_en.jpg");
	}
}
@media screen and (max-width: 641px) {
	.contact_box{
		padding-top:160px;
		height:380px;
		background-repeat:no-repeat;
	    background-image:url("../img/contact_back_xs.png");
		background-position:50%  0%;
	    background-size: cover;
	}
	.contact_box_en{
		padding-top:160px;
		height:380px;
		background-repeat:no-repeat;
	    background-image:url("../img/contact_back_en_xs.jpg");
		background-position:50%  0%;
	    background-size: cover;
	}
	.reverse_xs{flex-direction:column-reverse;}
}
.page-subtitle{font-size:1.5rem;}
/* large 981px以上 */
@media screen and (min-width: 981px) {
	.page-subtitle{font-size:1.8rem;}
	.btn-black2{
	position: relative;
	display: inline-block;
	width: 250px;
	border: 1px solid #d99b0b;
	background-color:#d99b0b;
	color:#ffffff;
	font-size: 1.4rem;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	line-height: 44px;
	outline: none;
	transition: all .2s;
	margin:0 auto;

}
	.tx-center_xs_left{text-align:center}
	.pc-br,.pc-img{display: block;}
	.sp-br,.sp-img{display: none;}
	.slidecopy{z-index:20;position:absolute;right:20px;top:50px;}
	.main_imgBox {
      height: 100vh;
    overflow: hidden;
    position: relative; }
    .message{
    position:absolute;left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);top:110px;}
	.message img{width:65px;}
	.message_en{
	    position:absolute;
	    left: 50%;
		-webkit-transform: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		-o-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);bottom:-60px;}
	.message_en img{width:250px;}
	.sec1{
	padding-top:20px;
	padding-bottom:40px;}
	.sec1_in{
	width:80%;
	margin:120px auto 40px;
	}
	.inner2{padding:60px 90px;}
	.inner2_txt{
	top:-20px;
	left:40px;
	width:60px;
	}
	.inner2_txt_en{
	top:20px;
	left:-20px;
	width:250px;
	}
	.inner2_txt2{
	width:60px;
	}
	.inner2_txt2_en{
	width:250px;
	}
	.inner2 p{margin:60px 40px 40px;}
	.contact_box{
	padding-top:300px;
	height:500px;
	background-repeat:no-repeat;
    background-image:url("../img/contact_back.png");
	background-position:50%  0%;
    background-size: cover;
	}
	.contact_box_en{
	padding-top:300px;
	height:500px;
	background-repeat:no-repeat;
    background-image:url("../img/contact_back_en.jpg");
	background-position:50%  0%;
    background-size: cover;
	}
	footer{
	    padding-top:30px;
	    padding-left:200px;
	}
	.footer_img{width:200px;margin:30px auto;}
	.side_tel_box{
	    padding:20px 0;
	    margin-top:80px;
	}
	/* contact */
	table.simple-table th {
		display: table-cell;
		width: auto;
		padding: 10px 0px;
		padding-right: 0px;
		font-size: 1.4rem;
		font-weight:500;
		white-space: nowrap;
		vertical-align: top;
		text-align:left;
	}
	table.simple-table td {
		display: table-cell;
		width: auto;
		padding: 10px 16px;
		font-size: 1.4rem;
		white-space: normal;
	}
	.policy {
		font-size: 1.4rem;
		margin-top:30px;
		height: 420px;
	}

	.policy-lead {
		text-align: center;
	}
	.contact_sec{padding-top:80px;}
	.title_area_txt{
		width:60px;
		bottom:-150px;
	}
	.title_area_txt_en{
		width:250px;
		bottom:-60px;
	}
	.title_area{
		height:350px;
	}
	.services{
		padding:60px 90px;
	}
	.about{padding:60px 90px;}
	.title_area_services{
		background-repeat:no-repeat;
	    background-image:url("../img/services_back.jpg");
	    background-size: cover;
	}
	.title_area_about{
		background-repeat:no-repeat;
	    background-image:url("../img/about_back.jpg");
	    background-size: cover;
	}
	.title_area_rule{
		background-repeat:no-repeat;
	    background-image:url("../img/salesrule_back.jpg");
	    background-size: cover;}
	.services h2{
		padding-left:20px;
		font-size:1.7rem;
		line-height:3rem;
		margin-top:40px;
		margin-bottom:20px;
	}
	.services_img{
		width:80%;
		margin:60px auto;
	}
}