@charset "utf-8";

/* ===================
clearfix 
===================*/ 
.clearfix:after {  
	visibility:hidden;
	height:0;
	display: block;
	font-size: 0;  
	content: " ";  
	clear: both;  
}  


/* ===================
link
===================*/
a { 
	outline: none; 
}
a:link {
	text-decoration: none;
	color: #00a0e9;
}
a:visited {
	text-decoration: none;
	color: #00a0e9;
}
a:hover{
	text-decoration: underline;
	color: #00a0e9;
	opacity: 0.7;
/*	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all 0.1s ease-in-out;*/
}
a:hover img{
	text-decoration: none;
	color: #00a0e9;
	opacity: 0.7;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
a:active {
	text-decoration: none;
	color: #00a0e9;
}

.main a:link {
	text-decoration: underline;
}

@media (min-width: 993px) {
	a[href*="tel:"] {
		pointer-events: none;
		cursor: default;
		text-decoration: none;
	}
}


/*==========================================
 body
===========================================*/
html { 
	font-size: 62.5%; 
}
body {
	background-repeat: repeat;
	background-position: center top;
/*	font-family: "メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif;*/
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", sans-serif;
	color: #000;
}

@media (max-width: 992px){
	body {
		font-size:1.3rem;
	}
	h1 {
		font-size:2.0rem;
	}
	h2 {
		font-size:2.2rem;
	}
	h3 {
		font-size:1.8rem;
	}
	h4 {
		font-size:1.5rem;
	}
	h5 {
		font-size:1.5rem;
	}
	p,ul,ol,dl,address{
		font-size:1.5rem;
	}
	table{
		font-size:1.5rem;
	}
	dl dd table {
		font-size:1.5rem;
	}
	p.readTitle{
		font-size:2.2rem;
	}
}
@media (min-width: 993px){
	body {
		font-size:1.6rem;
	}
	h1 {
		font-size:3.4rem;
	}
	h2 {
		font-size:3.2rem;
	}
	h3 {
		font-size:3.0rem;
	}
	h4 {
		font-size:2.2rem;
	}
	h5 {
		font-size:1.8rem;
	}
	p,ul,ol,dl,address{
		font-size:1.7rem;
	}
	table{
		font-size:1.7rem;
	}
	dl dd table {
		font-size:1.7rem;
	}
	p.readTitle{
		font-size:4.0rem;
	}
}

@media (max-width: 992px){
	.hiden_sp {
		display: none;
	}
}
@media (min-width: 993px)  {
	.hiden_pc {
		display: none;
	}
}


/*==========================================
[header]
===========================================*/
.header {	
  width: 100%;
	/*position: fixed;*/
  z-index: 9999;
  top: 0;
  left: 0;
  background: rgba(255,255,255,1.0);
	transition: .2s;
}

@media (max-width: 992px)  {
	.header {
		padding: 0px 0px;
		position: fixed;
	}
}
@media (min-width: 993px)  {
	.header {	
		background-color: #f08300;
	}
	/*
	body.top .header {	
		background:transparent;
	}
	*/
}


/*	------------------------------------------
header_left
------------------------------------------ */
.header .logo{
	z-index: 1;
}

/*	logo
------------------------------------------ */
@media (max-width: 992px){
	.header .logo {
		margin-top: 4px;
		margin-bottom: 4px;
		margin-left: 15px;
		width: 40px;
	}
}
@media (min-width: 993px)  {
	.header .logo{
		width: 60px;
		margin-top: 3px;
	}
	.header .logo img{
		width: auto;
	}
	body.top .header .logo{
		width: 100px;
		margin-top: 30px;
		display: none;
	}
	body.top .header .logo img{
		width: auto;
	}
}


/*	------------------------------------------
header_right
------------------------------------------ */
/*	gNav
------------------------------------------ */
@media (max-width: 992px){
	.header_right {
		/*margin-top: 10px;*/
	}
	.headerInner.container {
		display: block;
	}
	.gNavWrapp {
		width: 100%;
		margin-top: 0px;
	}
	.gNav{
		/*border-top: 1px #ccc solid;*/
		background-color: #231815;
		/*text-align: center;*/
		width: 100%;
	}
	.gNav li {
		width: 100%;
	}
	.gNav li a{
		padding:15px 15px;
		display: block;
		/*border-bottom: 1px #ccc solid;*/
		position: relative;
		color: #231815;
		font-size: 1.3rem;
	}
	.gNav li a br{
		display: none;
	}
	.gNav li a::before,
	.gNav li a::after{
		position: absolute;
		top: 0;
		bottom: 0;
		right: 10px;
		margin: auto;
		content: "";
		vertical-align: middle;
	}
	.gNav li a::before{
		right: 15px;
		width: 4px;
		height: 4px;
		border-top: 1px solid #231815;
		border-right: 1px solid #231815;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.gNav li:nth-child(even)  a{
		background-color: #f9c385;
	}
	.gNav li:nth-child(odd)  a{
		background-color: #f08300;
	}
}

@media (min-width: 993px){
	.gNav {
		display:flex;
		height: 80px;
		z-index: 2;
	}
	.gNav li {
		text-align: center;
	}
	.gNav li a{
		font-weight: 600;
		padding:2px 2.3rem;
		color: #231815;
		font-size: 1.6rem;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	/*	display: inline-block;*/
		/*width: 104px;*/
		/*		font-size: 1.4rem;
		color: #231815;*/
	}
	.gNav li.active a,
	.gNav li a:hover{
		text-decoration: none;
		color: #fff!important;
	}
	.gNav li:first-child.active a{
		color: #231815;
	}
	.gNav li:first-child.active a:hover{
		color: #fff!important;
	}
	.gNav li:last-child a{
		padding-right:0rem;
	}
}


/*==========================================
 [content]
===========================================*/
@media (max-width: 992px)  {
	.contents {
		margin-top: 50px;
	}
}



/*==========================================
 [main]
===========================================*/
.main p {
	line-height: 1.8;
}
.main table{
	line-height: 1.8;
}
.main .movie-item video {
  width: 100%;
  height: auto;
	/*z-index: 2;	*/
}

@media (max-width: 992px)  {
	.mainSec {
		margin-bottom: 3rem;
	}
	.mainSec > section {
		padding-top: 3rem;
		padding-bottom: 3rem;
	}
}
@media (min-width: 993px)  {
	.mainSec {
		margin-bottom: 5rem;
	}
	.mainSec > section {
		padding-top: 5rem;
		padding-bottom: 5rem;
	}
}

@media (max-width: 992px)  {
	.mainInnnerWrapp {
		padding-top: 5rem;
	}
	.mainInnnerWrapp:last-child {
		padding-bottom: 5rem;
	}
}
@media (min-width: 993px){
	.mainInnnerWrapp {
		padding-top: 5rem;
	}
	.mainInnnerWrapp:last-child {
		padding-bottom: 5rem;
	}
}

@media (max-width: 992px)  {
	.ancWrapp {
		padding-top: 3rem;
	}
	.ancWrapp:last-child {
		padding-bottom: 3rem;
	}
}
@media (min-width: 993px){
	.ancWrapp {
		padding-top: 8rem;
	}
	.ancWrapp:last-child {
		padding-bottom: 5rem;
	}
}


/* table */
.commonTable {
	width: 100%;
}
.commonTable th,
.commonTable td {
}
.commonTable th {
	font-weight: 400;
	padding: 4px 0;
}
.commonTable td {
	font-weight: 400;
	padding: 4px;
}


/* adjustment */
.nonLine {
	border: none!important;	
}
.mt-50 {
	margin-top: 50px;
}
.mt-80 {
	margin-top: 80px;
}

.mb-50{
	margin-bottom: 50px;	
}
.mb-80{
	margin-bottom: 80px;	
}


/* img */
.fLeft-img {
	float:left;
}
.fullImg {
	width:100%;
	height:auto;
}


/* list */
.nonMarkList {
	list-style:none;
}
.nonMarkList li{
	line-height:1.6;
}
.nonMarkList li:last-child {
	margin-bottom:0px;
}

.markList {
	list-style:disc;
	margin-left:1.5em;
}
.markList li{
	line-height:1.6;
}
.markList li:last-child {
	margin-bottom:0px;
}

.decimalList {
	list-style: decimal;
	margin-left:1.5em;
}
.decimalList li{
	line-height:1.6;
}
.decimalList li:last-child {
	margin-bottom:0px;
}


/* dl */
dl dd ol li {
	line-height:1.6;
}

.dfDL dt{
	margin-bottom: 4px;
	color: #aa8d35;
}
.dfDL dd{
	margin-bottom:20px;
	line-height:1.6;
}


/* TopicPath
------------------------------------------ */
.TopicPathWrapp {
	margin-top: 16px;
	padding-bottom: 40px;
	clear: both;
}
ul.TopicPath li {
	float:left;
	margin-right:0.3em;
	font-size:1.4rem;
}
ul.TopicPath li a {
	padding-right: 0.5em;
	text-decoration: underline;
	color:#231815;
}


/* title 
------------------------------------------ */
.pageTitleWrapp {
	/*background-color: #f9c385;*/
	background-color: #d87600;
}
.pageTitleWrapp h1{
	font-weight: 600;
}
.pageTitleWrapp p{
	color: #f08300;
	font-weight: 600;
	display: flex;
	justify-content: center;
	align-items: center;
}
@media (max-width: 992px)  {
	.pageTitleWrapp {
		padding-top: 3.0rem;
		padding-bottom: 3.0rem;
		/*
		border-bottom: #f08300 3.0rem solid;
		border-top: #f08300 3.0rem solid;
		*/
	}
	.pageTitleWrapp .pageTitle {
		padding-top: 0.5rem;
		padding-bottom: 0.5rem;
	}
	.pageTitleWrapp p{
		display: none;
	}
}
@media (min-width: 993px)  {
	.pageTitleWrapp {
		padding-top: 4.0rem;
		padding-bottom: 4.0rem;
		/*
		border-bottom: #f08300 4.0rem solid;
		border-top: #f08300 4.0rem solid;
		*/
	}
	.pageTitleWrapp .pageTitle {
		padding-top: 0.7rem;
		padding-bottom: 0.6rem;
	}
	.pageTitleWrapp p{
		font-size:1.6rem;
	}
}

.main h2 {
	margin-bottom: 30px;
	color: #f08300;
	font-weight: 600;
	line-height: 1.4;
	border-bottom: 1px solid #f08300;
}
.main h2.readTitle {
	margin-bottom: 11.0rem;
}
@media (max-width: 992px)  {
	.main h2.readTitle {
		margin-bottom: 6.0rem;
	}
}

.main h3 {
	margin-bottom: 20px;
	font-weight: 600;
	line-height: 1.6;
}
.main h4 {
	margin-top: 4.0rem;
	margin-bottom: 20px;
	line-height: 1.4;
	font-weight: 600;
}

@media (max-width: 992px)  {
	.readDesptext br {
		display: none;
	}
}

/* readWrapp 
------------------------------------------ */
@media (max-width: 992px)  {
	.readWrapp {
		padding-top: 3rem;
	}
}
@media (min-width: 993px)  {
	.readWrapp {
		padding-top: 5rem;
	}
}
.readWrapp img {
  /* margin-bottom: 6rem;	*/
	margin-bottom: 0rem;	
}

/* anchorBtn 
------------------------------------------ */
.anchorBtn {
	margin-top: 5rem;
}
.anchorBtn li {
	margin-bottom: 16px;
}
.anchorBtn li a {
	padding: 16px 30px 14px 20px;
	border-radius: 4px;
	text-decoration: none!important;
	background-color: #1e2678;
	color: #fff;
	text-align: center;
	width: 100%;
	display: inline-block;
	position: relative;
	font-weight: 600;
	line-height: 1.2;
}
.anchorBtn li a i {
 float: right;
 position: absolute;
 top:calc(50% - (1.7rem / 2));
 right:15px;
}
@media (max-width: 992px)  {
	.anchorBtn li a br {
		display: none;
	}
}


/* photoList
------------------------------------------ */
.photoList {
	margin-top: 3rem;
	padding-left: 13px;
	padding-right: 13px;
}
.photoList li {
	padding-left:2px;
	padding-right: 2px;
}


/* productList
------------------------------------------ */
.productList {
	margin-top: 50px;
}
.productList li {
	margin-bottom: 40px;
}
.productList li img{
	border: 1px solid #ccc;
}


/* contactWrapp
------------------------------------------ */
.contactWrapp {
	margin-top: 4rem;
	text-align: center;
}

.contactList {
	/*margin-top: 1.5rem;*/
}
.contactList li a{
	position: relative;
	padding:20px 30px 20px 20px;
	display: inline-block;
	background-color: #1e2678;
	border-radius: 4px;
	color: #fff;
	text-decoration: none!important;
	line-height: 1.2;
	min-width: 300px;
	font-weight: 600;
}
.contactList li a i {
 float: right;
 position: absolute;
 top:calc(50% - (1.7rem / 2));
 right:15px;
}


/* contect_address
------------------------------------------ */
.contect_address {
	text-align: center;	
	line-height: 1.6;
}
.contect_address a {
	color: #000;
}
.contect_address strong {
	display: block;
}
.contect_address .tel {
	font-weight: 600;
	border-radius: 8px;
	border: 2px solid #231815;
	padding: 6px 40px 4px;
	letter-spacing: 0.01em;
	margin-top: 20px;
	display: inline-block;
}
.contect_address .tel a{
	color: #000;
	text-decoration: none;
}
.contect_address .tel i{
	transform: rotate(-45deg);
}
@media (max-width: 992px)  {
	.contect_address {
		font-size:1.4rem;
	}
	.contect_address strong {
		font-size:2.2rem;
	}
	.contect_address .tel {
		font-size:2.4rem;
	}
}
@media (min-width: 993px)  {
	.contect_address {
		font-size:2.6rem;
	}
	.contect_address strong {
		font-size:3.5rem;
	}
	.contect_address .tel {
		font-size:5.5rem;
	}
}



/* ----------------------------------
bottomBtnWrapp
----------------------------------*/
.bottomBtnWrapp {
	background-color: #231815;
	text-align: center;
}

.bottomBtnWrapp h2 {
	margin-bottom: 20px;
	font-weight: 600;
	line-height: 1.4;
	color: #231815;
}
@media (max-width: 992px)  {
	.bottomBtnWrapp {
		padding-top: 4.5rem;
		padding-bottom: 2.5rem;
	}
}
@media (min-width: 993px)  {
	.bottomBtnWrapp {
		padding-top: 9rem;
		padding-bottom: 9rem;
	}
}
.bottomBtnWrapp .btnList {
	text-align: center;
}
.bottomBtnWrapp .btnList li {
	margin-bottom: 16px;
}
.bottomBtnWrapp .btnList li a {
	font-weight: 600;
	border-radius: 8px;
	border: 2px solid #f08300;
	letter-spacing: 0.01em;
	display: inline-block;
	color: #f08300;
	text-decoration: none;
}
.bottomBtnWrapp .btnList li a:hover {
	color: #fff;
	background-color: #f08300;
}
@media (max-width: 992px)  {
	.bottomBtnWrapp .btnList li a {
		width: 300px;
	}
}
@media (min-width: 993px)  {
	.bottomBtnWrapp .btnList {
		max-width: 980px;
		margin-left: auto;
		margin-right: auto;
	}
	.bottomBtnWrapp .btnList li a {
		width:410px;
	}
}

/* telBtn */
.bottomBtnWrapp .telBtnInner i{
	transform: rotate(-45deg);
}
@media (max-width: 992px)  {
	.bottomBtnWrapp .telBtnInner a {
		font-size:2.0rem;
		padding: 10px 40px 10px;
	}
}
@media (min-width: 993px)  {
	.bottomBtnWrapp .telBtnInner a {
		font-size:4.0rem;
		padding: 10px 40px 10px;
	}
}

/* formBtn */
@media (max-width: 992px)  {
	.bottomBtnWrapp .btnList .formBtn a {
		font-size:1.8rem;
		padding: 12px 40px 12px;
	}
}
@media (min-width: 993px)  {
	.bottomBtnWrapp .btnList .formBtn a {
		font-size:3.0rem;
		padding: 20px 20px 18px;
	}
}


/* ----------------------------------
CTAWrapp
----------------------------------*/
.CTAWrapp {
	background-color: #f08300;
	text-align: center;
}

.CTAWrapp h2 {
	margin-bottom: 20px;
	font-weight: 600;
	line-height: 1.4;
	color: #231815;
}
@media (max-width: 992px)  {
	.CTAWrapp {
		padding-top: 2rem;
		padding-bottom: 1.0rem;
	}
	.CTAWrapp p br {
		display: none;
	}
}
@media (min-width: 993px)  {
	.CTAWrapp {
		padding-top: 5rem;
		padding-bottom: 5rem;
	}
}
.CTAWrapp .btnList {
	text-align: center;
}
.CTAWrapp .btnList li {
	margin-bottom: 16px;
}
.CTAWrapp .btnList li a {
	font-weight: 600;
	border-radius: 8px;
	border: 2px solid #231815;
	letter-spacing: 0.01em;
	display: inline-block;
	color: #231815;
	text-decoration: none;
}
.CTAWrapp .btnList li a:hover {
	color: #fff;
	background-color: #231815;
}
@media (max-width: 992px)  {
	.CTAWrapp .btnList li a {
		width: 300px;
	}
}
@media (min-width: 993px)  {
	.CTAWrapp .btnList {
		max-width: 980px;
		margin-left: auto;
		margin-right: auto;
	}
	.CTAWrapp .btnList li a {
		width:410px;
	}
}

/* telBtn */
.CTAWrapp .telBtnInner i{
	transform: rotate(-45deg);
}
@media (max-width: 992px)  {
	.CTAWrapp .telBtnInner a {
		font-size:2.0rem;
		padding: 10px 40px 10px;
	}
}
@media (min-width: 993px)  {
	.CTAWrapp .telBtnInner a {
		font-size:4.0rem;
		/*padding: 14px 40px 14px;*/
		padding: 14px 5px 14px;
	}
}
/*
.CTAWrapp .btnList .telBtn {
	text-align: center;
	color: #fff;
}
.CTAWrapp .btnList .telBtn a{
	color: #fff!important;
	text-decoration: none!important;
}
.CTAWrapp .btnList .telBtn > div.telBtnInner {
	border-radius: 4px;
	padding:14px 0px 10px 0px;
	background-color: #231815;
	height: 100%;
	text-align: center;
}
.telBtn span.noTel {
	display:inline-block;
	color: #fff;
	font-weight: 600;
	background-image:url("../images/bg_tel.png");
	background-repeat: no-repeat;
	background-position: left top;
	background-size:auto 84%;
}
.telBtn span.textTel {
	clear: both;
	display: block;
	width: 100%;
}

@media (max-width: 992px){
	.telBtn span.noTel {
		font-size: 2.2rem;
		padding-left: 22px;
	}
	.telBtn span.textTel {
		font-size: 1.2rem;
		margin-top: 3px;
	}
}
@media (min-width: 993px){
	.telBtn span.noTel {
		font-size: 4.4rem;
		padding-left: 44px;
	}
	.telBtn span.textTel {
		font-size: 1.4rem;
	}
}
*/

/* formBtn */
@media (max-width: 992px)  {
	.CTAWrapp .btnList .formBtn a {
		font-size:1.8rem;
		padding: 12px 40px 12px;
	}
}
@media (min-width: 993px)  {
	.CTAWrapp .btnList .formBtn a {
		font-size:3.0rem;
		padding: 20px 20px 18px;
	}
}
/*
.CTAWrapp .btnList .formBtn a{
	position: relative;
	padding:14px 30px 10px 20px;
	display: inline-block;
	background-color: #1e2678;
	border-radius: 4px;
	color: #fff;
	text-decoration: none;
	width: 100%;
	line-height: 1.2;
}
.CTAWrapp .btnList .formBtn a i {
 float: right;
 position: absolute;
 top:calc(50% - (1.7rem / 2));
 right:15px;
}
@media (max-width: 992px){
	.CTAWrapp .btnList .formBtn a {
		font-size: 1.6rem;
	}
}
@media (min-width: 993px){
	.CTAWrapp .btnList .formBtn a {
		font-size: 2.5rem;
	}
}
*/

/*==========================================
[footer]
===========================================*/
.footer {
	clear:both;
	background-color: #231815;
}

/* footer_top 
 ----------------------------------*/
.footer_top {
	color:#f08300;
}
.footer_top a{
	color:#f08300;
}
.footer_top h2 {
	font-size: 1.6rem;
	font-weight: 600;
	line-height: 1.5;
	margin-bottom: 1.0rem;
}
.footer_top address {
	line-height: 1.8;
	font-size: 1.3rem;
}
.footer_top address strong {
	font-weight: 400;
	font-size: 1.3rem;
	display: block;
}
@media (max-width: 992px)  {
	.footer_top {
		padding-top: 3rem;
		padding-bottom: 3rem;
		text-align: center;
	}
	.footer_top h2 img {
		width: 60px;
	}	
}
@media (min-width: 993px)  {
	.footer_top {
		padding-top: 4.3rem;
		padding-bottom: 10.0rem;
	}
	.footer_top h2 {
		margin-right: 2.5rem;
	}
}

/* footer_bottom 
 ----------------------------------*/
.footer_bottom {
	padding-top: 2rem;
	padding-bottom: 2rem;
	background-color: #f08300;
	text-align: center;
}
/* copyright */
.copyright {
}
.copyright small {
	font-size: 1.3rem;
}


/* --------------------------------------
pagetop 
-------------------------------------- */
.pagetopWrapp {
  position: fixed;
  right: 20px;
	bottom: 0px;	
}
.fa-angle-up {
	font-size: 5.0rem;	
	color: #231815;
}
@media (max-width: 992px)  {
	.pagetopWrapp {
		display: none!important;
	}
}
@media (min-width: 993px)  {
	.pagetopWrapp {
		display:block;
	}
}