@charset "utf-8";
/*WEBフォント*/
html {
	height: 100%;
	width: 100%;
	font-size: calc(100vw / 32);
	
}

  @media screen and (min-width: 575px) {
html {
	font-size:62.5%;
	width: 100%;
}

  }

body {
}

/*リセットCSS*/
body, input, select, textarea,h1,h2,h3,h4,h5,h6 {
	color: #000;
	margin: 0;
	padding: 0;
	font-size:1.6rem;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	font-size: 1rem;
}

@media (max-width: 575px) {
p{
	font-size:1.4rem;
}
}

@media screen and (min-width: 576px) and (max-width: 767px) {
p{
	font-size:1.4rem;
}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
p{
	font-size:1.4rem;
}

}

@media screen and (min-width: 992px) and (max-width: 1199px) {
p{
	font-size:1.4rem;
}

}
	
@media (min-width: 1200px) {
p{
	font-size:1.4rem;

}
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
a {outline: none; text-decoration:none!important;}
a:link {color:#808080; text-decoration:none!important; transition: color 0.3s ease-out;}
a:visited {color: #808080; text-decoration:none!important;}
a:hover {color: #808080!important; text-decoration:none!important;}

ul{margin:0; padding:0;}
li{list-style:none;}

/*containerの隙間を無くす*/
.no-gutters {
  margin:0!important;
  padding:0!important;
}
 
.no-gutters　> .col,
.no-gutters　> [class*="col-"] {
  margin:0!important;
  padding:0!important;
}

.no-padding{
	padding-left: 0!important;
	padding-right: 0!important;
}

.clear{
	clear: both;
}





/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.tab { display: block !important; }
.sp { display: none !important; }

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media (max-width: 575px) {
.pc { display: none !important; }
.sp { display: block !important; }
}

@media (max-width: 767px) {
.tab { display: none !important; }
}

/*文字のサイズ 変更*/
.size-button {
	color: #717071;
  cursor: pointer;
  display: inline-block;
  text-align: center;
	
  }


/*文字のサイズ*/
@media (max-width: 575px) {
	
.font--XSmall{
	font-size: .8rem;
	
}

.font--Small{
	font-size: 1.2rem;
	
}

.font--Mid{
	font-size: 1.6rem;
	
}

.font--Big{
	font-size: 2rem;
}


}

@media screen and (min-width: 576px) and (max-width: 767px) {
	
.font--XSmall{
	font-size: .8rem;
	
}

.font--Small{
	font-size: 1.4rem;
	
}

.font--Mid{
	font-size: 1.8rem;
	
}

.font--Big{
	font-size: 2.4rem;
}


}

@media (min-width: 768px) {

.font--XSmall{
	font-size:1rem;
	
}

.font--Small{
	font-size: 1.4rem;
	
}

.font--Mid{
	font-size: 2rem;
	
}

.font--Big{
	font-size: 3rem;
}
}
/*文字の色*/

.font--Blue{
	color: #808080;
}

.font--Blue2{
	color: #4659A6;
}


.font--Gray{
	color: #595757;
}

.font--LightGray{
	color: #999;
}

.font--White{
	color: #fff!important;
}

.font--Black{
	color: #231815;
}

.font--Orange{
	color: #EB795B;
}

.font--Red{
	color: #FF0000;
}

.font--Purple{
	color:#824c71;
}

/*border*/
.bdr--top--gray{
	border-top: 1px solid #838383;
	
}

.bdr--top--purple{
	border-top: 1px solid #824c71;
	
}

.bdr--btm--gray{
	border-bottom: 1px solid #838383;
	
}

.bdr--btm--white{
	border-bottom: 1px solid #fff;
	
}

.bdr--right--white2{
	
}

.bdr--btm--blue{
	border-bottom: 1px solid #808080;
	
}

.bdr--btm--blue3{
	border-bottom: 3px solid #808080;
	
}


.bdr--btm--white3{
	border-bottom: 3px solid #fff;
	
}

.bdr--btm--brown3{
	border-bottom: 3px solid #3e1f31 ;
	
}




/*br*/

@media (max-width: 575px) {
.sp__br{
	display: none;
	}
.sp__br--xs{
	display:block;
	}

.sp__br--none{
	display: none;
	
	}
	
.sp__br--xs--none{
	display: none;
	
	}
	
	
}


@media screen and (min-width: 576px) and (max-width: 767px) {
.sp__br{
	display: block;
	}
	
.sp__br--xs{
	display: none;
	}
.sp__br--none{
	display: none;
	}
.sp__br--xs--none{
	display: block;	
	}
	
	
.br--lg{
	display: none;
	}	
	
}
	
@media screen and (min-width: 768px) and (max-width: 989px) {
.sp__br{
	display: none;
	}
.sp__br--xs{
	display: none;
	}
.sp__br--xs--none{
	display: block;	
	}
	
	
.br--lg{
	display: none;
	}	
}


@media (min-width: 990px) {	

.sp__br{
	display: none;
	}
.sp__br--xs{
	display: none;
	}
.sp__br--xs--none{
	display: block;	
	}
	
	
.br--lg{
	display: block;
	}	

}


/* 5 Columns */

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
    .col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}



/*header*/
#header .container-fluid{
	padding-left: 0!important;
	padding-right: 0!important;
}

@media (max-width: 575px) {
header{
	z-index: 100;
	background-image: url("../img/header_bg.png");
	background-repeat: repeat;
	height: 51px;
	position: fixed;
	top:0;
}

#header .header-inner h1 {
	margin: 0;
	padding: 0;
}

#header .header-inner h1 a{
	background-image:url(../img/logo.svg);
	background-repeat:no-repeat;
	background-size: 213px 51px;
	width:213px;
	height: 51px;
	text-indent:-9999px;
	float: left;
}

.header__txt {
	display: none
}





.header__bn{
	background-color:#808080;
	float: right;
	width: 51px;
	height: 51px;
	display: block;
}

.header__logo{
	text-align: center;
}
	
#header { position: fixed; width: 100%; z-index: 1000; }
#header .buttonNav {
	line-height: 51px;
cursor: pointer; display: none; height: 51px; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; width: 51px; }
#header .buttonNav.open { width:51px; height: 51px;  background: url("../img/nav_bn01@2x.png") no-repeat top; background-size: 30px 30px; background-position: center;}
#header .buttonNav.close { width:51px; height: 51px;  background: url("../img/nav_bn02@2x.png") no-repeat top; background-size:  30px 30px; opacity: 1; background-position: center; }
#header .buttonNav { display: block;  }
#header .nav_wrap2 { float: none; right: -100%; position: absolute; top: 51px; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; width: 100%; z-index: 100; }
#header .nav_wrap2 ul.gNavi_ul { list-style: none; margin: 0; padding: 0; width: 100%; }
#header .nav_wrap2 ul.gNavi_ul > li {  float: none; margin-bottom:1px; padding: 0; width: 100%; }
#header .nav_wrap2 ul.gNavi_ul > li > a { background: #000; color: #FFF; opacity:0.8; border-bottom: none; display: block; font-size: 14px; font-weight: 600; padding: 16px 0 16px 20px; }
#header .nav_wrap2 ul.gNavi_ul li a:hover { background-color: #000;  opacity:0.9; color: #fff; text-decoration:none; }

}

@media screen and (min-width: 576px) and (max-width: 767px)  {
header{
	z-index: 100;
	background-image: url("../img/header_bg.png");
	background-repeat: repeat;
	height: 51px;
	position: fixed;
	top:0;
}

#header .header-inner h1 {
	margin: 0;
	padding: 0;
}

#header .header-inner h1 a{
	background-image:url(../img/logo.svg);
	background-repeat:no-repeat;
	background-size: 213px 51px;
	width:213px;
	height: 51px;
	text-indent:-9999px;
	float: left;
}

.header__txt {
	float: right;
	margin-right: 20px;
	padding-top: 5px;
}



.header__txt .mail{
	border-left: 1px dotted #000;
	border-right: 1px dotted #000;
	padding: 10px 20px;
	float: left;
	height: 40px;
}

.header__txt .mail a img{
	height:20px; 
}

.header__txt .font{
	padding: 5px 20px;
	float: left;
	height:30px; 

}

.header__txt .font button {
	height:30px; 
	width: 40px;
	line-height: 30px;
}



.header__bn{
	background-color:#808080;
	float: right;
	width: 51px;
	height: 51px;
	display: block;
}

.header__logo{
	text-align: center;
}
	
#header { position: fixed; width: 100%; z-index: 1000; }
#header .buttonNav {
	line-height: 51px;
cursor: pointer; display: none; height: 51px; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; width: 51px; }
#header .buttonNav.open { width:51px; height: 51px;  background: url("../img/nav_bn01@2x.png") no-repeat top; background-size: 30px 30px; background-position: center;}
#header .buttonNav.close { width:51px; height: 51px;  background: url("../img/nav_bn02@2x.png") no-repeat top; background-size:  30px 30px; opacity: 1; background-position: center; }
#header .buttonNav { display: block;  }
#header .nav_wrap2 { float: none; right: -100%; position: absolute; top: 51px; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; width: 100%; z-index: 100; }
#header .nav_wrap2 ul.gNavi_ul { list-style: none; margin: 0; padding: 0; width: 100%; }
#header .nav_wrap2 ul.gNavi_ul > li {  float: none; margin-bottom:1px; padding: 0; width: 100%; }
#header .nav_wrap2 ul.gNavi_ul > li > a { background: #000; color: #FFF; opacity:0.8; border-bottom: none; display: block; font-size: 14px; font-weight: 600; padding: 16px 0 16px 20px; }
#header .nav_wrap2 ul.gNavi_ul li a:hover { background-color: #000;  opacity:0.9; color: #fff; text-decoration:none; }

}

@media screen and (min-width: 768px) and (max-width: 991px) {
header{
	z-index: 100;
	background-image: url("../img/header_bg.png");
	background-repeat: repeat;
	height: 51px;
	position: fixed;
	top:0;
}

#header .header-inner h1 {
	margin: 0;
	padding: 0;
}

#header .header-inner h1 a{
	background-image:url(../img/logo.svg);
	background-repeat:no-repeat;
	background-size: 213px 51px;
	width:213px;
	height:51px;
	text-indent:-9999px;
	float: left;
}

.header__txt {
	float: right;
	margin-right: 20px;
	padding-top: 5px;
}

.header__txt p.txt{
	float: right;
	color: #808080;
}


.header__txt a img{
	height:30px; 
}
	
.header__txt .mail{
	border-left: 1px dotted #000;
	border-right: 1px dotted #000;
	padding: 10px 20px;
	float:left;
}

.header__txt .mail a img{
	height:20px; 
}

.header__txt .font{
	padding: 5px 20px;
	float: left;
	height:30px; 

}

.header__txt .font button {
	height:30px; 
	width: 50px;
	line-height: 30px;
}

.header__bn{
	background-color:#808080;
	float: right;
	width: 51px;
	height: 51px;
	display: block;
}

.header__logo{
	text-align: center;
}
	
#header { position: fixed; width: 100%; z-index: 1000; }
#header .buttonNav {
	line-height: 72px;
cursor: pointer; display: none; height: 51px; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; width: 51px;  }
#header .buttonNav.open { width:51px; height: 51px;  background: url("../img/nav_bn01@2x.png") no-repeat top; background-size: 30px 30px; background-position: center;}
#header .buttonNav.close { width:51px; height: 51px;  background: url("../img/nav_bn02@2x.png") no-repeat top; background-size:  30px 30px; opacity: 1; background-position: center; }
#header .buttonNav { display: block;  }
#header .nav_wrap2 { float: none; right: -100%; position: absolute; top: 51px; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; width: 100%; z-index: 100; }
#header .nav_wrap2 ul.gNavi_ul { list-style: none; margin: 0; padding: 0; width: 100%; }
#header .nav_wrap2 ul.gNavi_ul > li {  float: none; margin-bottom:1px; padding: 0; width: 100%; }
#header .nav_wrap2 ul.gNavi_ul > li > a { background: #000; color: #FFF; opacity:0.8; border-bottom: none; display: block; font-size: 14px; font-weight: 600; padding: 16px 0 16px 20px; }
#header .nav_wrap2 ul.gNavi_ul li a:hover { background-color: #000;  opacity:0.9; color: #fff; text-decoration:none; }

}

@media (min-width: 992px) {
header{
	z-index: 100;
	background-image: url("../img/header_bg.png");
	background-repeat: repeat;
	height: 72px;
	position: fixed;
	top:0;
}

#header .header-inner h1 {
	margin: 0;
	padding: 0;
}

#header .header-inner h1 a{
	background-image:url(../img/logo.svg);
	background-repeat:no-repeat;
	background-size: 250px 50px;
	width:250px;
	height:50px;
	text-indent:-9999px;
	float: left;
	margin: 20px 0 0 20px;
}

.header__txt {
	float: right;
	margin-right: 30px;
	padding-top: 21px;
}



.header__txt .mail{
	border-left: 1px dotted #000;
	border-right: 1px dotted #000;
	padding: 10px 20px;
	float: left;
}

.header__txt .mail a img{
	height:20px; 
}

.header__txt .font{
	padding: 5px 20px;
	float: left;
	height:30px; 

}

.header__txt .font button {
	height:30px; 
	width: 50px;
	line-height: 30px;
}

.header__bn{
	background-color:#808080;
	float: right;
	width: 72px;
	height: 72px;
	display: block;
}

.header__logo{
	text-align: center;
}
	
#header { position: fixed; width: 100%; z-index: 1000; }
#header .buttonNav {
	line-height: 72px;
cursor: pointer; display: none; height: 72px; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; width: 72px;  }
#header .buttonNav.open { width:72px; height: 72px;  background: url("../img/nav_bn01@2x.png") no-repeat top; background-size: 60px 60px; background-position: center;}
#header .buttonNav.close { width:72px; height: 72px;  background: url("../img/nav_bn02@2x.png") no-repeat top; background-size:  60px 60px; opacity: 1; background-position: center; }
#header .buttonNav { display: block;  }
#header .nav_wrap2 { float: none; right: -100%; position: absolute; top: 72px; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; width: 100%; z-index: 100; }
#header .nav_wrap2 ul.gNavi_ul { list-style: none; margin: 0; padding: 0; width: 100%; }
#header .nav_wrap2 ul.gNavi_ul > li {  float: none; margin-bottom:1px; padding: 0; width: 100%; }
#header .nav_wrap2 ul.gNavi_ul > li > a { background: #000; color: #FFF; opacity:0.8; border-bottom: none; display: block; font-size: 14px; font-weight: 600; padding: 16px 0 16px 20px; }
#header .nav_wrap2 ul.gNavi_ul li a:hover { background-color: #000;  opacity:0.9; color: #ffd92f; text-decoration:none; }

}

/* header_nav
-------------------------------------------------*/
@media (max-width: 991px) {
.breadcrumb--extend{
	background-color: transparent !important ;
	padding-top: 5px !important;
	font-size: 1rem;
	height: 14px;
	padding-left: 0!important;
}

.breadcrumb-item+.breadcrumb-item::before {
  /* 記号 */
  content: ">" !important;
}

.breadcrumb--extend li a:link, .breadcrumb--extend li a:visited, .breadcrumb--extend li{
	text-decoration: none;
}
	
.breadcrumb--extend--White{
	background-color: transparent !important ;
	padding-top: 5px !important;
	font-size: 1rem;
	height: 14px;
	color: #fff;
}

.breadcrumb--extend--White .breadcrumb-item + .breadcrumb--extend--White .breadcrumb-item::before {
  /* 記号 */
  content: ">" !important;
	color: #fff!important;
	}

.breadcrumb--extend--White li a:link, .breadcrumb--extend--White li a:visited, .breadcrumb--extend--White li{
	text-decoration: none;
	color: #fff;
}

}

@media (min-width: 992px) {
.breadcrumb--extend{
	background-color: transparent !important ;
	padding-top: 40px !important;
	font-size: 1.2rem;
	height: 24px;
	padding-left: 0!important;
}

.breadcrumb-item+.breadcrumb-item::before {
  /* 記号 */
  content: ">" !important;
}

.breadcrumb--extend li a:link, .breadcrumb--extend li a:visited, .breadcrumb--extend li{
	text-decoration: none;
}
.breadcrumb--extend--White{
	background-color: transparent !important ;
	padding-top: 40px !important;
	font-size: 1.2rem;
	height: 24px;
	color: #fff;
}

.breadcrumb--extend--White .breadcrumb-item + .breadcrumb--extend--White .breadcrumb-item::before {
  /* 記号 */
  content: ">" !important;
	color: #fff!important;
	}

.breadcrumb--extend--White li a:link, .breadcrumb--extend--White li a:visited, .breadcrumb--extend--White li{
	text-decoration: none;
	color: #fff;
}
}

.anchor{
	padding-top: 450px;
	margin-top: -450px;
}
.box__alert{
	border: 1px solid #000;
	text-align: center;
	font-size: 1.4rem;

}


.main__contents{

}
@media (max-width: 991px) {
.main__contents2{
	margin-top: 51px;

}
}

@media (min-width: 992px) {
.main__contents2{
	margin-top: 72px;
}
}

footer{
        font-family: "Sawarabi Mincho"; 
	background-color: #717071;
}




/*見出し2　その1*/
@media (max-width: 767px) {
div.midashi--blue{
	width:100%;
	text-align:left;
	position:relative;
	
	}
div.midashi--blue h2{
	font-size: 1.8rem;
	display:block;
	z-index:0;
	font-family: 'M+ Type-1 (general-j) Heavy';
	font-weight: 900;
	color: #808080;
	}

div.midashi--blue .bdr--btm {
	border-bottom: 1px solid #808080 ;
	margin: 20px -15px 20px -15px;
	}

div.midashi--blue h3{
	font-size: 1.8rem;
	display:block;
	z-index:0;
	font-family: 'M+ Type-1 (general-j) Heavy';
	font-weight: 900;
	color: #808080;
	}
div.midashi--blue h3 span{
	font-size:.8rem;
	font-weight:bold;
	margin:0 0 0 5px;
	padding: 2px 5px;
	border-left: 1px solid #808080;
	border-right: 1px solid #808080;

}

	
div.midashi--white{
	width:100%;
	text-align:left;
	position:relative;
	
	}

div.midashi--white h2{
	font-size: 2rem;
	display:block;
	z-index:0;
	font-family: 'M+ Type-1 (general-j) Heavy';
	font-weight: 900;
	color: #fff;
}
div.midashi--white h3{
	font-size: 2rem;
	display:inline-block;
	z-index:0;
	font-family: 'M+ Type-1 (general-j) Heavy';
	color: #fff;
	}
div.midashi--white h3 span{
	font-size:1rem;
	font-weight:bold;
	margin:0 0 0 20px;
	padding: 2px 15px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	letter-spacing: .5rem;

}
	
div.midashi--bar{
	text-align:left;
	position:relative;
	margin-left: -15px;
	margin-right: -15px;

	}

div.midashi--bar h3{
	font-size: 1.6rem;
	display:inline-block;
	z-index:0;
	font-family: 'M+ Type-1 (general-j) Heavy';
	color: #fff;
	padding: 5px 15px;
	background-color: #808080;
	border-radius: 3px;
	width:100%;
	
	}
	

}

@media (min-width: 768px) {
div.midashi--blue{
	width:100%;
	text-align:left;
	position:relative;
	
	}
div.midashi--blue h2{
	font-size:2.8rem;
	display:block;
	z-index:0;
	font-family: 'M+ Type-1 (general-j) Heavy';
	color: #808080;
}

div.midashi--blue .bdr--btm {
	border-bottom: 1px solid #808080 ;
	margin: 50px -15px 50px -15px;
	}

div.midashi--blue h3{
	font-size:2.8rem;
	display:inline-block;
	z-index:0;
	color: #808080;
	}
div.midashi--blue h3 span{
	font-size:1rem;
	font-weight:bold;
	margin:0 0 0 20px;
	padding: 2px 15px;
	border-left: 1px solid #808080;
	border-right: 1px solid #808080;
	letter-spacing: .5rem;

}

div.midashi--white{
	width:100%;
	text-align:left;
	position:relative;
	
	}

div.midashi--white h2{
	font-size:2.8rem;
	display:block;
	z-index:0;
	color: #fff;
}
div.midashi--white h3{
	font-size:2.8rem;
	display:inline-block;
	z-index:0;
	color: #fff;
	}
div.midashi--white h3 span{
	font-size:1rem;
	font-weight:bold;
	margin:0 0 0 20px;
	padding: 2px 15px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	letter-spacing: .5rem;

}

div.midashi--bar{
	text-align:left;
	position:relative;
	}

div.midashi--bar h3{
	font-size: 2rem;
	display:inline-block;
	z-index:0;
	font-family: 'M+ Type-1 (general-j) Heavy', sans-serif;
	color: #fff;
	padding: 5px 15px;
	background-color: #808080;
	border-radius: 3px;
	width:100%;
	
	}
	

}

/*見出し2　その1*/
@media (max-width: 575px) {	
.midashi__e-j{
	clear: both;
	text-align: center;
}


.midashi__e-j h2.midashi--eng{
	clear: both;
	display: inline-block;
	font-size:2rem;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	line-height: 100%;
	letter-spacing: 0.2rem;
	padding: 0 10px 5px;
	
}

.midashi__e-j p{
	clear: both;
	font-size:.8rem;
	line-height: 100%;
	letter-spacing: 0.2rem;
	text-align: center;
}
}

@media screen and (min-width: 576px) and (max-width: 767px) {
.midashi__e-j{
	clear: both;
	text-align: center;
}


.midashi__e-j h2.midashi--eng{
	clear: both;
	display: inline-block;
	font-size:2.6rem;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	line-height: 100%;
	letter-spacing: 0.2rem;
	padding: 0 10px 5px;
}

.midashi__e-j p{
	clear: both;
	font-size:1rem;
	line-height: 100%;
	letter-spacing: 0.2rem;
	text-align: center;
}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
.midashi__e-j{
	clear: both;
	text-align: center;
}


.midashi__e-j h2.midashi--eng{
	clear: both;
	display: inline-block;
	font-size:3rem;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	line-height: 100%;
	letter-spacing: 0.2rem;
	padding: 0 10px 5px;
	
}

.midashi__e-j p{
	clear: both;
	font-size:1rem;
	line-height: 100%;
	letter-spacing: 0.2rem;
	text-align: center;
}
}

@media (min-width: 992px) {	
.midashi__e-j{
	clear: both;
	text-align: center;

}


.midashi__e-j h2.midashi--eng{
	clear: both;
	display: inline-block;
	font-size:3.3rem;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	line-height: 100%;
	letter-spacing: 0.2rem;
	padding: 0 10px 5px;
	
	
}

.midashi__e-j p{
	clear: both;
	font-size:1rem;
	line-height: 100%;
	letter-spacing: 0.2rem;
	text-align: center;
}
}

.box--white{
	background-color: #fff;

}

.box--blue{
	background-color: #566190;

}

.box--gray{
	background-color: #e0e0df;

}

.box--gray2{
	background-color: #595757;

}

.box--gray3{
	background-color: #e9e8e8;

}


@media (max-width: 575px) {

	
.box__footer{
	text-align: center;
	padding-top: 30px;
	padding-bottom: 25px;
	overflow: hidden;
}

.box__footer p{
	color: #b1b2b2;
	font-size: .8rem;
	font-family: "Sawarabi Gothic";
	text-align: center;
}
}
	
@media screen and (min-width: 576px) and (max-width: 767px) {
.box__footer{
	text-align: center;
	padding-top: 30px;
	padding-bottom: 25px;
	overflow: hidden;
}

.box__footer p{
	color: #b1b2b2;
	font-size: .8rem;
	font-family: "Sawarabi Gothic";
	text-align: center;
}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	
.box__footer{
	text-align: center;
	padding-top:60px;
	padding-bottom: 50px;
	overflow: hidden;
}

.box__footer p{
	color: #b1b2b2;
	font-size: 1rem;
	font-family: "Sawarabi Gothic";
	text-align: center;
}
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
	
.box__footer{
	text-align: center;
	padding-top:120px;
	padding-bottom: 50px;
	overflow: hidden;
}

.box__footer p{
	color: #b1b2b2;
	font-size: 1rem;
	font-family: "Sawarabi Gothic";
	text-align: center;
}

}

@media (min-width: 1200px) {

	
.box__footer{
	text-align: center;
	padding-top:120px;
	padding-bottom: 50px;
	overflow: hidden;
}

.box__footer p{
	color: #b1b2b2;
	font-size: 1rem;
	font-family: "Sawarabi Gothic";
	text-align: center;
	}

}




/*
iframe{
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
*/

.service__guide{
	text-align:center;
	padding:20px 50px;
	
}



@media (max-width: 991px) {
.box__other{
	
}
	
.box__other__text{
	position: inherit;
	height: 70px;
	padding-left: 0 !important;
	
}
.box__other__text .text--eng{
	color: #fff;
	font-size: 4rem;
	position: absolute;
	bottom:-5px;
	font-weight:400;
	
}
}

@media (min-width: 992px) {
.box__other{

	
}
	
.box__other__text{
	position: inherit;
	height: 141px;
	padding-left: 0 !important;
	
}
.box__other__text .text--eng{
	color: #fff;
	font-size: 8rem;
	position: absolute;
	bottom:-30px;
	font-weight:400;
	
}
}



.access__box{
	font-size: 1.2rem;
	margin-bottom: 30px;
	line-height: 150%;

}


@media (max-width: 575px) {

.btn--orange a:link, .btn--orange a:visited{
	border-radius: 20px;
	font-size: 1rem;
	color: #fff;
	background-color: #ea5514;
	text-align: center;
	padding: 0 20px;
	min-width: 200px;
	height: 40px;
	line-height: 40px;
	display:inline-block;
}

.btn--orange a:hover{
	border-radius: 20px;
	font-size: 1rem;
	color: #fff;
	background-color: #ea5514;
	text-align: center;
	padding: 0 20px;
	min-width: 200px;
	height: 40px;
	line-height: 40px;
	display:inline-block;
}

.btn--orange2 {
	border-radius: 20px;
	font-size: 1rem;
	color: #fff;
	background-color: #ea5514;
	text-align: center;
	padding: 0 20px;
	min-width: 200px;
	height: 40px;
	line-height: 40px;
	display:inline-block;
	cursor: pointer;
	cursor: hand;
}

.btn--orange2:hover{
	border-radius: 20px;
	font-size: 1rem;
	color: #fff;
	background-color: #ea5514;
	text-align: center;
	padding: 0 20px;
	min-width: 200px;
	height: 40px;
	line-height: 40px;
	display:inline-block;
	cursor: pointer;
	cursor: hand;
}


.btn--purple a:link, .btn--purple a:visited{
	font-weight: bold;
	font-size: 1rem;
	color: #fff;
	background-color: #824c71;
	text-align: center;
	width: 220px;
	height: 50px;
	line-height: 50px;
	display: block;
	margin: 0 auto;
}

.btn--purple a:hover{
	font-weight: bold;
	font-size: 1rem;
	color: #fff;
	background-color: #824c71;
	text-align: center;
	width: 220px;
	height: 50px;
	line-height: 50px;
	display: block;
	margin: 0 auto;
}
	
.btn--purple2 a:link, .btn--purple2 a:visited{
	font-size: 1rem;
	color: #fff;
	background-color: #824c71;
	text-align: center;
	width:100%;
	height: 50px;
	line-height: 50px;
	display:inline-block;
	margin: 0 auto;
	border-radius:10px;
	border: 2px dotted #fff;
}


.btn--purple2 a:hover{
	font-size: 1rem;
	color: #fff;
	background-color: #824c71;
	text-align: center;
	width:100%;
	height: 50px;
	line-height: 50px;
	display:inline-block;
	margin: 0 auto;
	border-radius:10px;
	border: 2px dotted #fff;
}


}


@media screen and (min-width: 576px) and (max-width: 767px) {

.btn--orange a:link, .btn--orange a:visited{
	border-radius: 20px;
	font-size: 1.4rem;
	color: #fff;
	background-color: #ea5514;
	text-align: center;
	padding: 0 20px;
	min-width: 200px;
	height: 40px;
	line-height: 40px;
	display:inline-block;
	letter-spacing: .5em;
	text-indent: .5em;
}

.btn--orange a:hover{
	border-radius: 20px;
	font-size: 1.4rem;
	color: #fff;
	background-color: #ea5514;
	text-align: center;
	padding: 0 20px;
	min-width: 200px;
	height: 40px;
	line-height: 40px;
	display:inline-block;
	letter-spacing: .5em;
	text-indent: .5em;
}

.btn--orange2 {
	border-radius: 20px;
	font-size: 1.4rem;
	color: #fff;
	background-color: #ea5514;
	text-align: center;
	padding: 0 20px;
	min-width: 200px;
	height: 40px;
	line-height: 40px;
	display:inline-block;
	letter-spacing: .5em;
	text-indent: .5em;
	cursor: pointer;
	cursor: hand;
}

.btn--orange2:hover{
	border-radius: 20px;
	font-size: 1.4rem;
	color: #fff;
	background-color: #ea5514;
	text-align: center;
	padding: 0 20px;
	min-width: 200px;
	height: 40px;
	line-height: 40px;
	display:inline-block;
	letter-spacing: .5em;
	text-indent: .5em;
	cursor: pointer;
	cursor: hand;
}


.btn--purple a:link, .btn--purple a:visited{
	font-weight: bold;
	font-size: 1.4rem;
	color: #fff;
	background-color: #824c71;
	text-align: center;
	width: 220px;
	height: 50px;
	line-height: 50px;
	display: block;
	margin: 0 auto;
}

.btn--purple a:hover{
	font-weight: bold;
	font-size: 1.4rem;
	color: #fff;
	background-color: #824c71;
	text-align: center;
	width: 220px;
	height: 50px;
	line-height: 50px;
	display: block;
	margin: 0 auto;
}
	
.btn--purple2 a:link, .btn--purple2 a:visited{
	font-size: 1.4rem;
	color: #fff;
	background-color: #824c71;
	text-align: center;
	width:100%;
	height: 50px;
	line-height: 50px;
	display:inline-block;
	margin: 0 auto;
	border-radius:10px;
	border: 2px dotted #fff;
}


.btn--purple2 a:hover{
	font-size: 1.4rem;
	color: #fff;
	background-color: #824c71;
	text-align: center;
	width:100%;
	height: 50px;
	line-height: 50px;
	display:inline-block;
	margin: 0 auto;
	border-radius:10px;
	border: 2px dotted #fff;
}


}

@media (min-width: 768px) {

.btn--orange a:link, .btn--orange a:visited{
	border-radius: 20px;
	font-size: 1.4rem;
	color: #fff;
	background-color: #ea5514;
	text-align: center;
	padding: 0 20px;
	min-width: 200px;
	height: 40px;
	line-height: 40px;
	display:inline-block;
	letter-spacing: .5em;
	text-indent: .5em;
}

.btn--orange a:hover{
	border-radius: 20px;
	font-size: 1.4rem;
	color: #fff;
	background-color: #ea5514;
	text-align: center;
	padding: 0 20px;
	min-width: 200px;
	height: 40px;
	line-height: 40px;
	display:inline-block;
	letter-spacing: .5em;
	text-indent: .5em;
}

.btn--orange2 {
	border-radius: 20px;
	font-size: 1.4rem;
	color: #fff;
	background-color: #ea5514;
	text-align: center;
	padding: 0 20px;
	min-width: 200px;
	height: 40px;
	line-height: 40px;
	display:inline-block;
	letter-spacing: .5em;
	text-indent: .5em;
	cursor: pointer;
	cursor: hand;
}

.btn--orange2:hover{
	border-radius: 20px;
	font-size: 1.4rem;
	color: #fff;
	background-color: #ea5514;
	text-align: center;
	padding: 0 20px;
	min-width: 200px;
	height: 40px;
	line-height: 40px;
	display:inline-block;
	letter-spacing: .5em;
	text-indent: .5em;
	cursor: pointer;
	cursor: hand;
}

.btn--purple a:link, .btn--purple a:visited{
	font-size: 1.6rem;
	color: #fff;
	background-color: #824c71;
	text-align: center;
	width: 400px;
	height: 50px;
	line-height: 50px;
	display:inline-block;
	margin: 0 auto;
}


.btn--purple a:hover{
	font-size: 1.6rem;
	color: #fff;
	background-color: #824c71;
	text-align: center;
	width: 400px;
	height: 50px;
	line-height: 50px;
	display:inline-block;
	margin: 0 auto;
}

.btn--purple2 a:link, .btn--purple2 a:visited{
	font-size: 1.6rem;
	color: #fff;
	background-color: #824c71;
	text-align: center;
	width: 608px;
	height: 50px;
	line-height: 50px;
	display:inline-block;
	margin: 0 auto;
	border-radius:10px;
	border: 2px dotted #fff;
}


.btn--purple2 a:hover{
	font-size: 1.6rem;
	color: #fff;
	background-color: #824c71;
	text-align: center;
	width: 608px;
	height: 50px;
	line-height: 50px;
	display:inline-block;
	margin: 0 auto;
	border-radius:10px;
	border: 2px dotted #fff;
}


	
}



#pageTop{
	background-image:url(../img/arrow_up.svg);
	background-size: 54px 54px;
	text-indent:-9999px;
	width:54px;
	height:54px;
	position:fixed;
	right:20px;
	bottom:20px;
	z-index:999;
	overflow:hidden;
	float:left;
	}
	
#pageTop:hover{
	background-image:url(../img/arrow_up.svg);
	background-size: 54px 54px;
	text-indent:-9999px;
	width:54px;
	height:54px;
	position:fixed;
	right:20px;
	bottom:20px;
	z-index:999;
	overflow:hidden;
	float:left;
	}

@media (max-width:767px) {
.bg_area01{
	min-height:200px;
	text-align:center;
	
}

.bg_area02{
	min-height:200px;
	text-align:center;
	
}

	
#trans1 {
  background: url(../img/bg_area01.jpg) no-repeat; 
  background-size:100% auto;      
  background-attachment: scroll;
}

#trans2 {
  background: url(../img/bg_area02.jpg) no-repeat fixed;
  background-size:100% auto;
  background-attachment: scroll;
}

}

@media (min-width: 768px) {

.bg_area01{
	min-height:350px;
	text-align:center;
	
}

.bg_area02{
	min-height:360px;
	text-align:center;
	
}

#trans1 {
  background: url(../img/bg_area01.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#trans2 {
  background: url(../img/bg_area02.jpg) no-repeat fixed;
  background-size:cover;
}

}



/*loopslider*/
#loopslider {
    margin:0 auto 0;
    width:100%;
    height: 187px;
    text-align: left;
    position: relative;
    overflow: hidden;
}
 
#loopslider ul {
    height: 187px;
    float: left;
    display: inline;
    overflow: hidden;
}
 
#loopslider ul li {
    width: 280px;
    height: 187px;
    float: left;
    display: inline;
    overflow: hidden;
}
 
/* =======================================
    ClearFixElements
======================================= */
#loopslider ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
 
#loopslider ul {
    display: inline-block;
    overflow: hidden;
}

/* =======================================
    画像の拡大・縮小表示
======================================= */

.scale {
    -moz-transition: -moz-transform 0.2s linear;
    -webkit-transition: -webkit-transform 0.2s linear;
    -o-transition: -o-transform 0.2s linear;
    -ms-transition: -ms-transform 0.2s linear;
    transition: transform 0.2s linear;
}
.scale:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

/* =======================================
    フォームカスタマイズ
======================================= */

.cp_ipselect {
	overflow: hidden;
	width:100%;
	margin:0;
	text-align:left;
}
.cp_ipselect select {
	width: 100%;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}
.cp_ipselect select::-ms-expand {
    display: none;
}
.cp_ipselect.cp_sl01 {
	position: relative;
	border-radius: 2px;
	background: #ffffff;
	border: 1px solid #808080;

}
.cp_ipselect.cp_sl01::before {
	content: "";
position: absolute;
right:15px;
top:50%;
margin-top:-10px;
transform: rotate(-45deg);
width: 10px;
height: 10px;
border-bottom: 2px solid #ccc;
border-left: 2px solid #ccc;
}
.cp_ipselect.cp_sl01 select {
	padding: 8px 38px 8px 8px;
	color: #666666;
}

input {
	/*-webkit-appearance: none;*/
	border: 1px solid #808080;
}

select{

}


button{
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.is_hide{
 display:none;
}