@charset "UTF-8";
/*
=======================================================
1.BOX
2.MARGIN
3.BUTTON
4.TITLE
5.TOP
6.LOW
7.CONTACT
8.NEWS
9.PRIVACYPOLICY
10.COMPANY
=======================================================
*/
/*@import url(https://fonts.googleapis.com/earlyaccess/sawarabimincho.css);*/
body.low{/* 	margin-top:100px; */overflow-x:  hidden;}
/*@font-face {
   font-family: 'df_reisho_w6';
   src: url('../fonts/df_reisho_w6.woff') format("truetype");
	font-display: swap;
	font-style: normal;
}*/
body.low{
	margin-top: 100px;
}


@media screen and (max-width: 767px) {
	body{
		/* margin-top:96px; */
	}
}

@media screen and (max-width: 768px){
	.hidden-pc {
		display: none;
      }
}
@media screen and (min-width: 769px){
	.hidden-sp {
		display: none;
      }
}

@media screen and (min-width: 769px) {
    .br-sp { display:none; }
}
/*
small {
	font-size: 16px!important;
}
*/
/* 1.BOX */
.box100{
	width:100%;
}
.width40 {
	width: 40%;
}
.topContainer{
	/*width: 1280px;*/
	width: 1180px;
	margin:auto;
	padding-top: 30px;
}
.topContainer2{
	width: 1280px;
	margin:auto;
	padding-top: 20px;
	padding-bottom: 5px;
}
@media screen and (max-width: 1280px) {
	.topContainer2{
		width: calc(100% - 40px);
	}
}
.boxRow{
	display:flex;
	width:100%;
	justify-content: space-between;
	flex-wrap:wrap;
}
.flexAC{
	align-items:center;
}

.box-2-Cell{
	width:48%;
}
.box-3-Cell{
	width:calc(94% / 3);
}
.box-3-Cell-2{
	width:calc((94% / 3)*2);
}
.box-4-Cell{
	width:23%;
}

.box-news-Cell{
	width:70%;
}
.box-news-Cell2{
	width:30%;
}


.topImage{
	width:100%;
	text-align:center;
	min-width:1400px;
	margin-bottom:  50px;
	position: relative;
}

.topImage{
	width:100%;
	text-align:center;
	min-width:1400px;
	height: 100vh;
	margin-bottom:  50px;
	position: relative;
	overflow: hidden;
}

.topImage img{
	width:100%;
	height: 100%;;
	display:inline-block;
	max-width:1920px;
}
.Opening span{
	height: 100%;
}
	.Opening .visible-sm {
		display: block!important;
	}
	.Opening .visible-xs {
		display: none!important;
	}

@media screen and (max-width: 1400px) {
	.topContainer{
		width:1200px;
	}
	.topImage{
		min-width:1200px;
	}
	.contactTxt {
		display: block!important;
	}
	.radioBox {
		width: 100%!important;
	}
}
@media screen and (max-width: 1199px) {
	.topContainer{
		width:970px;
	}
	.topImage{
		min-width:970px;
	}
}
@media screen and (max-width: 991px) {
	.topContainer{
		width:750px;
	}
	.topImage{
		min-width:750px;
	}
}
@media screen and (max-width: 767px) {
	.width40 {
	width: 80%;
	}
	.Opening .visible-sm {
		display: none!important;
	}
	.Opening .visible-xs {
		display: block!important;
	}
	.box-2-Cell{
		width:100%;
		/* margin-bottom:30px; */
	}
	.box-3-Cell{
		width:100%;
		/*margin-bottom:30px;*/
	}
	.box-3-Cell-2{
		width:100%;
		margin-bottom: 0;
	}
	.box-4-Cell{
		width:100%;
		margin-bottom:30px;
	}
	.topContainer{
		width:94%;
		padding: 20px 0;
	}
	.topImage{
		min-width:100%;
	}
	.spMarB0{
		margin-bottom:0;
	}
	footer {
		margin-top: 0;
	}
	.marTB80 {
    margin: 20px 0!important;
	}
	.marT250 {
    margin-top: 188px!important;
 }
	.marT350 {
	margin-top: 250px!important;
	}
	.marT400 {
    margin-top: 310px!important;
}
 .an_Title {
 	font-size:20px!important;
 }
 .serviceBoxTit {
 	font-size:28px;
 }
 .cm-Flex {
 	display:block!important;
 }
 .Tit_ttl {
 	font-size:24px!important;
    padding-top: 20px;
 }
 .caption {
 	margin:0!important;
 	padding:20px 0 0!important;
 }
 .caption>h3 {
    font-size: 24px!important;
    line-height: 44px!important;
}
.caption>span {
    font-size: 16px!important;
}
.caption>.caption>p {
    font-size: 16px!important;
}
.vert {
    font-size: 22px!important;
    position: relative!important;
    bottom: 0!important;
}
.grretingImg {
    margin-top: 100px;
}
.grretingImg.list-mv07 {
	margin-top: 20px!important;
}
}


/* 2.MARGIN */

/* TOP */
.marTB80 {margin: 80px 0;}
.marTB120 {margin: 120px 0;}
.marT30{
	margin-top:30px;
}
.marT250{
	margin-top:250px;
}
.marT350{
	margin-top:350px;
}
.marT400{
	margin-top:400px;
}
.marT450{
	margin-top:450px;
}
.marT50{
	margin-top:50px;
}
/* bottom */
.marB50{
	margin-bottom:50px;
}


/* 3.BUTTON */
.btn01{
	background:#ff981f;
	display:inline-block;
	position:relative;
	height:50px;
	line-height:50px;
	border-radius:25px;
	width:156px;
	transition:0.2s;
}
.btn01:hover{
	opacity:0.7;
}
.btn01 a{
	color:#fff!important;
	font-size:16px;
	font-weight:bold;
	padding:0 30px!important;
	letter-spacing:0;
}
.btn01 a:hover{
	text-decoration:none;
}
.btn01:after{
	content: "\f0a9";
	font-family: FontAwesome;
	position: absolute;
    right: 10px;
    top:0;
    color:#fff;
}
.btn02{
	background:#ff981f;
	display:inline-block;
	position:relative;
	height:26px;
	line-height:26px;
	border-radius:13px;
	width:156px;
	transition:0.2s;
}
.btn02:hover{
	opacity:0.7;
}
.btn02 a{
	color:#fff!important;
	font-size:16px;
	font-weight:bold;
	padding:0 30px!important;
	letter-spacing:0;
}
.btn02 a:hover{
	text-decoration:none;
}
.btn02:after{
	content: "\f0a9";
	font-family: FontAwesome;
	position: absolute;
    right: 10px;
    top:0;
    color:#fff;
}
.btn03 {
	background: #15599c;
	display:inline-block;
	position:relative;
	height:50px;
	line-height:50px;
	border-radius: 3px;
	width: 320px;
	margin:10px;
	transition:0.2s;
	text-align:  center;
}
.btn03:hover{
	opacity:0.7;
}
.btn03 a{
	color:#fff!important;
	font-size:16px;

	font-weight:bold;
	/* padding:0 50px!important; */
	letter-spacing:0;
}
.btn03 a:hover{
	text-decoration:none;
}
.btn03.prev:after{
	content: unset;
}
.btn03.prev:before{
	content: "\f0a8";
	font-family: FontAwesome;
	position: absolute;
    left: 10px;
    top:0;
    color:#fff;
}



.btn04 {
	background: #000;
	display:inline-block;
	position:relative;
	height:50px;
	line-height:50px;
	border-radius: 3px;
	width: 400px;
	margin:10px;
	transition:0.2s;
	text-align:  center;
}
.btn04:hover{
	opacity:0.7;
}
.btn04 a{
	color:#fff!important;
	font-size:16px;

	font-weight:bold;
	/* padding:0 50px!important; */
	letter-spacing:0;
}
.btn04 a:hover{
	text-decoration:none;
}
.btn04.prev:after{
	content: unset;
}
.btn04.prev:before{
	content: "\f0a8";
	font-family: FontAwesome;
	position: absolute;
    left: 10px;
    top:0;
    color:#fff;
}



.btn019 a {
	background: #eee;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 240px;
    padding: 10px 25px;
    color: #313131;
    transition: 0.3s ease-in-out;
    font-weight: 500;
}
.btn019 a:before {
  content: '';
    position: absolute;
    top: calc(50% - 2px);
    right: -2em;
    transform: translateY(calc(-50% - 2px)) rotate(30deg);
    width: 12px;
    height: 2px;
    background-color: #F36363;
    transition: 0.3s;
}
.btn019 a:after {
	content: '';
    position: absolute;
    top: 50%;
    right: -2em;
    transform: translateY(-50%);
    width: 60px;
    height: 2px;
    background-color: #F36363;
    transition: 0.3s;
}
.btn019 a:hover:before, .button006 a:hover:after {
    right: -2.5em;
}
.btn019 a:hover {
    background: #FFEDED;
    color: #F36363;
}



.headerContact{
	width:auto;
	width: auto!important;
    padding: 0 20px;
    display: flex;
    align-items: center;
}

/* 4.TITLE */
.titleCatch{
	text-align:center;
	font-size:22px;
	color:#0068b7;
	letter-spacing:0;
	margin-bottom:10px;
}
.title01{
	font-size:36px;
	color:#333333;
	font-weight:bold;
	text-align:center;
	letter-spacing:0;
}
.hissu {
    color: #f00;
    font-weight: bold;
    font-size: 14px;
/*    border: 1px solid #bb000d;
    background: #bb000d;*/
    box-sizing: border-box;
    border-radius: 4px;
    width: 52px;
    text-align: center;
    display: inline;
    /*float: right;*/
    line-height: 22px;
}
.radioBox {
    display: block;
    width: 40%;
    float: left;
}
.radioBox label {
    width: 100%;
}
.checkbox01-parts {
    padding-left: 30px;
    position: relative;
    margin-right: 20px;
    font-size: 15px;
    display: inline-block;
    font-weight: bold;
    width: auto !important;
    text-align: left !important;
}
.newsTxt {
    font-size: 16px;
    line-height: 1.6;
    word-break: break-all;
    margin-top:  30px;
}
/* 5.TOP */
.header_top p{
	margin-inline-start: 10px;
}

.header_top img{
	margin-inline-start: 10px;
}


.bgColor01{
	background:#cde8fc;
}
.bgColor02{
	background-image:url(../img/top_bg1.png),url(../img/top_bg2.png);
	background-position: 40px top, 1530px top;
	background-repeat:no-repeat,no-repeat;
	min-width:1200px;
}
.topNewsTit{
	text-align:center;
	position:relative;
}
.topNewsTit img{
	display:inline-block;
	vertical-align: text-top;
}
.Tit2 {
	-ms-flex-align: center;
	align-items: center;
}
.Tit_ttl {
	/* font-family: "df_reisho_w6"; */
	font-size: 20px;
	line-height: 1.31429;
	letter-spacing: .14em;
	font-weight: 900;
	text-align:  left;
	padding-bottom: 15px;
}
.Tit_ttl_en {
	font-size: 14px;
	vertical-align: middle;
	margin-left: .7em;
	color: #666666;
	letter-spacing: 1px;
}
.topNewsTitTxt{
	font-size:22px;
	color:#333333;
	font-weight:bold;
	display:block;
}
.topNewsBtnBox{
	position:absolute;
	top:0;
	right:0;
}
.topNewsBox_top {
	border-top: 1px dotted #e5e5e5;
}

.topNewsBox{
	border-bottom: 1px dotted #e5e5e5;
	text-align:  left;
}
.topNewsRow{
	display:flex;
	align-items: center;
	flex-wrap:wrap;
	padding:10px 0;
}
.topNewsItem{
	font-size: 15px;
	color: #1F2020;
	position:relative;
	margin-top:  10px;
}
.NewsItem{
	padding-top: 10px;
	font-size: 30px;
	color: #1F2020;
	position:relative;
	/* padding-left: 25px; */
	/* width: 140px; */
	margin-top:  10px;
}
.topNewsTag {
	background: #000;
	color: #fff;
	padding: 4px 20px;
	display: inline-block;
	vertical-align: baseline;
	top: -1px;
	position: relative;
	margin-left:  5px;
	font-size:  14px;
}
.topNewsItem .topNewsTag {
	background: #15599c;
	color: #fff;
	padding: 2px 10px;
	display: inline-block;
	vertical-align: baseline;
	top: -1px;
	position: relative;
	margin-left:  5px;
	font-size:  12px;
}


.topNewsItem .topNewsTag2 {
	background: #3c3c3c;
	color: #fff;
	padding: 2px 10px;
	display: inline-block;
	vertical-align: baseline;
	top: -1px;
	position: relative;
	margin-left:  5px;
	font-size:  12px;
}



.topNewsImg {
	width: 300px;
	padding-right: 20px;
}
.topNewsTxtBox{
	width: calc(100% - 300px);
}
.topNewsTxt{
	font-size:16px;
	color:#4b4b4b;
	/*width:calc(100% - 140px);*/
}
.topNewsTxt a{
	font-size: 18px;
	color: #262626;
	/* font-family: "df_reisho_w6"; */
}
.NewsTxt{
	font-size:32px;
	color:#4b4b4b;
	font-weight: bold;
}

@media screen and (max-width: 767px) {
	.topNewsTxtBox{
		width: calc(100% - 119px);
		width: 100%;

	}
	.topNewsTxt{
		font-size:16px;
		color:#4b4b4b;
		/*width:calc(100% - 140px);*/
	}
	.topNewsTxt a{
		font-size: 18px;
		color: #262626;
		/* font-family: "df_reisho_w6"; */
	}
	.NewsTxt{
		font-size:26px;
		color:#4b4b4b;
		font-weight: bold;
		text-align: center;
	}
	.NewsItem{
		padding-top: 10px;
		font-size: 26px;
		color: #1F2020;
		position:relative;
		margin-top:  10px;
	}
}


.topCell1 a{
	display:block;
	height:100%;
	transition:0.2s;
}
.topCell1 a:hover{
	opacity:0.7;
	display:block;
}
.topCellImgBox{
	background-size: cover;
	transition: -webkit-transform 700ms;
	transition: transform 700ms;
	transition: transform 700ms, -webkit-transform 700ms;
	margin-bottom:15px;
	height: 240px;
}
.tp-item {
	background: url(../img/tp_topic01.jpg) center center no-repeat;
}
.tp-an {
	background: url(../img/tp_topic02.jpg) center center no-repeat;
	transition: 1s;
	background-size: auto 100%;
}
.tp-an:hover {
  background-size: auto 110%;
}

.per_01{
    padding-top: 20px;
    font-size: 18px;
	border-bottom:solid;
	border-color:#000;
	border-width:5px;/*5ピクセルの太さにする*/
    display: inline-block;
}

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

	.per_01{
	}


}
.per_02{
    padding-top: 10px;
    font-size: 18px;
}





a .tp-kansa{
    transition:all 0.5s ease; /*0.5秒かけて要素を変化させる*/

    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    }
a:hover .tp-kansa{
    opacity: 0.7;/*要素の透明度を指定*/
    filter: alpha(opacity=70); /*ie6、7の透明度指定*/
    /*ちなみにie8の透明度指定はこれ→ -ms-filter: "alpha(opacity=70)";*/
}


.tp-genzairyo {
	background: url(../img/tp-genzairyo.jpg) center center no-repeat;
}
.tp-campany {
	background: url(../img/tp-campany.jpg) center center no-repeat;
}
.tp-order {
	background: url(../img/tp-order.jpg) center center no-repeat;
}
.tp-seizou {
	background: url(../img/tp_topic03.jpg) center center no-repeat;
}
.tp-biseibutu {
	background: url(../img/tp-biseibutu.jpg) center center no-repeat;
}
.tp-5s {
	background: url(../img/tp-5s.jpg) center center no-repeat;
}
.topCellImgBox2{
	text-align:center;
}
.topCellImgBox2 img{
	display:inline-block;
	max-width:100%;
}
.topCellImgBox img{
	width:100%;
}
.topTellTit{
	width:100%;
	font-size:24px;
	font-weight:bold;
	text-align:center;
	height:54px;
	line-height:54px;
	letter-spacing: -0.1em;
}
.topCellClr1{
	color:#46b0e6;
}
.topCellClr2{
	color:#8dba00;
}
.topCellClr3{
	color:#ff8626;
}
.topCellClr4{
	color:#0068b7;
}
.topCellTxt{
	font-size: 16px;
	line-height:1.4;
	color:#333333;
	text-align:center;
	letter-spacing: -0.1em;
}
.topCell1 a:hover{
	text-decoration:none;
}


@media screen and (max-width: 1199px) {
	.bgColor02{
		min-width:970px;
	}
	.topTellTit{
		font-size: 18px;
	}
}
@media screen and (max-width: 991px) {
	.bgColor02{
		min-width:750px;
	}
	.topNewsBox{
		margin: 30px 50px 0;
	}
}
@media screen and (max-width: 767px) {
	.tp-Tit_center{
		width: 100%;
	}
	.bgColor02{
		min-width:100%;
	}
	.topNewsBox{
		margin: 30px 5px 0;
	}
	.topTellTit{
		font-size: 20px;
	}
	.topCol .box-2-Cell{
		width:49%;
	}
	.topCol .topCellImgBox{
		height:120px;
	}
	.topCol .tp-Tit_center{
		font-size:16px;
		width:90%;
	}
	.topCellImgBox{
		height:120px;
	}

	.Tit.sp-flex{
		width: 100%;
	}
	.Tit.sp-flex .Tit_ttl{
		display: flex;
		justify-content: center;
		align-content: center;
		flex-direction: column;
		text-align: center;
	}
	.Tit.sp-flex .Tit_ttl span{
		margin: 0
	}
}
@media screen and (max-width: 480px) {
	.topNewsTag{
		font-size: 11px;
	}
}


/* 6.LOW */

.bgWhite a:hover{
	opacity: 0.6;
}


.pankuzuBox{
	width:100%;
	margin:15px 0;
}
.pankuzu{
	display:inline-block;
	font-size:14px;
	color:#fff;
}
.pankuzu a{
	font-size:14px;
	color:#fff;





}
.pankuzu a:after{
	content:">";
	padding: 0 10px;
}
.pageTitleBox{
	padding-top: 70px;
	padding-bottom: 30px;
}
.pageTitE{
	font-size:22px;
	color: #2b2b2b;
	margin-bottom: 20px;
	letter-spacing: 0.1em;
	text-align:  center;
}
.pageTit{
	font-size:36px;
	color: #2b2b2b;
	font-weight:bold;
	text-align:  center;
}
.lowBox{
	margin-top:80px;
}
.lowBoxTit{
	font-size: 36px;
	color:#1a1a1a;
	font-weight:bold;
	text-align:center;
	margin-bottom:30px;
	background: url(../img/bk-stamp.png) no-repeat center;
	height: 65px;
	/* font-family: "df_reisho_w6"; */
}
.lowBoxDisc{
	font-size:16px;
	color:#333333;
	text-align:center;
	line-height:1.8;
	margin-bottom:50px;
}


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

.lowBoxDisc{
	font-size:14px;
	color:#333333;
	text-align:center;
	line-height:1.8;
	margin-bottom:30px;
	margin-top: 30px;
}

}

.serviceCell{
	border:1px solid #dddddd;
	padding:20px 14px 30px;
}
.serviceCellTit{
	font-size:18px;
	color:#0068b7;
	font-weight:bold;
	line-height:1.6;
	text-align:center;
	margin-bottom:15px;
	width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.serviceCellImgBox{
	margin-bottom:15px;
}
.serviceCellImgBox img{
	width:100%;
}
.serviceCellTxt{
	font-size:16px;
	color:#333333;
	line-height:1.4;
}
.serviceStageTit{
	font-size: 36px;
	color:#333333;
	font-weight:bold;
	text-align:center;
	border-bottom:3px solid #e5e5e5;
	padding-bottom:20px;
	margin-bottom: 60px;
	position:relative;
	margin-top: 50px;
}
.serviceStageTit:after{
	content:"";
	background:#0068b7;
	position:absolute;
	height:3px;
	width:150px;
	bottom:-3px;
	left: 0;
    right: 0;
    margin: auto;
}
.serviceStageTit2{
	font-size: 20px;
	color: #1a1a1a;
	font-weight:bold;
	margin-bottom: 30px;
	text-align: left;
	/* font-family: "df_reisho_w6"; */
}
.serviceTbBox{
	width:100%;
}
.serviceTb{
	width:100%;
	border:1px solid #dddddd;
}
.serviceTbRow{
	display:flex;
	border-top:1px solid #dddddd;
	flex-wrap:wrap;
}
.serviceTbRow:nth-of-type(1){
	border-top:none;
}
.serviceTbItem{
	background:#0068b7;
	color:#fff;
	font-size:16px;
	text-align:center;
	width:calc(100% / 3);
	padding:20px 0;
	display:flex;
	align-items:center;
	justify-content: center;
}
.serviceTbTxt{
	font-size:16px;
	color:#333333;
	padding:10px 12px;
	width:calc((100% / 3)*2);
	display:flex;
	align-items:center;
}
.lowBoxCatch{
	font-size: 20px;
	color:#333333;
	font-weight: normal;
	text-align:center;
	line-height:1.2;
	margin-bottom: 30px;
}
.tbTxtIn{
	font-size: 14px;
    color: #333333;
    width: calc((100% / 3)*2);
    display: flex;
    align-items: center;
}
.tbTxtInTxt{
	font-size:16px;
	color:#333333;
	padding: 10px 20px;
    width: calc(100% - 120px);
}
.tbTxtInImg{
	text-align:center;
	border-right:1px solid #dddddd;
	display: flex;
    align-items: center;
    width: 120px;
    justify-content: center;
    padding: 5px 0;
    height: 100%;
}
.tbTxtInImg img{
	display:inline-block;
}
.serviceTit{
	font-size:32px;
	color:#333333;
	font-weight:bold;
	position:relative;
	display: flex;
    align-items: center;
    margin-bottom: 50px;
}
.serviceTit:before{
	content:"";
	background:#0068b7;
	width:6px;
	height:60px;
	border-radius:3px;
	display: inline-block;
	margin-right: 30px;
}

.serviceBoxTit{
	font-size: 26px;
	color:#2a2a2a;
	font-weight:bold;
	margin-bottom: 30px;
	"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", sans-serif;
	line-height: 40px;
}

@media screen and (max-width: 767px) {
	.serviceBoxTit{
		font-size: 30px;
		color:#2a2a2a;
		font-weight:bold;
		margin-bottom: 30px;
		"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", sans-serif;
		line-height: 40px;
	}
}
.serviceBoxTit2{
	font-size: 30px;
	color:#2a2a2a;
	font-weight:bold;
	margin-bottom: 10px;
	"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", sans-serif;
	line-height: 40px;
	margin-top: 10px;
}
.serviceBoxImg{
	background:#ccc;
	height: 100%;
}
.serviceBoxImg img{
	width:100%;

}
.serviceBoxTxt{
	font-size:16px;
	color:#2a2a2a;
	line-height:1.6;
}
.serviceCaseList{
	font-size:16px;

	color:#333333;
	padding:20px;
	border-bottom:1px dashed #e5e5e5;
}
.serviceCaseList:nth-of-type(1){
	border-top:1px dashed #e5e5e5;
}
.serviceCaseList i{
	margin-right:5px;
	color:#0068b7;
}
.serviceBoxCellImg img{
	width:100%;
}
.serviceBoxCellTit{
	font-size:24px;
	color:#46b0e6;
	font-weight:bold;
	height:80px;
	display: flex;
    align-items: center;
    text-align:center;
    justify-content: center;
    margin-top: 5px;
}
.serviceBoxCellTxt{
	font-size:16px;
	color:#333333;
}




@media screen and (max-width: 767px) {
	.flexCL {
		flex-flow: column-reverse!important;
	}
	.pageTitE{
		font-size: 16px;
	}
	.pageTit{
		font-size: 20px;
	}
	.pageTitleBox{
		padding: 50px 0 0;
	}
	.pageTitBg{
		background-size: 40%;
	}
	.lowBoxTit{
		font-size: 28px;
	}
	.lowBoxCatch{
		font-size: 20px;
	}
	.spOrder1{
		order:1;
	}
	.spOrder2{
		order:2;
	}
	.serviceStageTit {
		text-align:left;
		font-size:32px;
	}
}
@media screen and (max-width: 480px) {
	.serviceTbItem{
		width:100%;
		padding: 10px 0;
	}
	.serviceTbTxt{
		width:100%;
	}
	.tbTxtIn{
		width:100%;
	}
	.pageTitBgSerCar,.pageTitBgSup,.pageTitBgSup1,.pageTitBgSup2{
	/* background-image:url(../img/sp-tit_bg_ser_car.png); */
	background-repeat:no-repeat;
	background-position:bottom center;
	background-size: cover;
	}
	.pageTitBgSup {
    /* background-image: url(../img/sp-tit_bg_ser_car.png); */
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
}
}

/* 7.CONTACT */

/* フォーム幅 */
.form15{
	width:15%;
}
.form20{
	width:20%;
}
.form50{
	width:50%;
}
.form100{
	width:100%;
}

.contactBox{
	width:80%;
	margin:auto;
}
.contactForm {
    border: 1px solid #cdcdcd;
    padding: 5px 10px;
    font-size: 14px;
    color:#000;
    border-radius: 5px;
}
.contactRow{
	display: flex;
    flex-wrap: wrap;
    /*border-bottom:1px solid #dddddd;*/
}
.contactItem{
	font-size: 14px;
	font-weight: bold;
	color: #1F2020;
	width: 240px;
	padding: 10px 0;
	text-align: left;
}
.contactTxt{
    padding: 10px 0 15px 10px;
    font-size: 16px;
    width: calc(100% - 240px);
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
    text-align: left;
}
.contactTxt span {
    width: 5%;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}
.pp{
	height: 250px;
    overflow-y: auto;
    padding: 10px 20px;
}
.formCheckBox{
	margin: 20px 0;
	width:100%;
	text-align:center;
}
.formBtnBox{
	width:100%;
	text-align:center;
	margin:20px 0;
}

/* チェックボタン */
.checkbox01-input{
  display: none;
}
.checkbox01-parts{
  padding-left: 30px;
  position:relative;
  margin-right: 20px;
  font-size: 15px;
  font-weight: bold;
}
.checkbox01-parts::before{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 22px;
    height: 22px;
    border: 1px solid #9d9d9d;
    border-radius: 5px;
    background: #fff;
}
.checkbox01-input:checked ~ .checkbox01-parts{
  color: #000;
  font-weight: bold;
}
.checkbox01-input:checked ~ .checkbox01-parts::after{
	content: "";
    display: block;
    position: absolute;
    top: 4px;
    left: 8px;
    width: 6px;
    height: 13px;
    transform: rotate(40deg);
    border-bottom: 2px solid #FF8900;
    border-right: 2px solid #FF8900;
}


/* ラジオ */
.radio01-input{
  display: none;
}
.radio01-parts{
  padding-left: 30px;
  position:relative;
  margin-right: 20px;
  font-size: 15px;
  font-weight: bold;
}
.radio01-parts::before{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 22px;
    height: 22px;
    /*border: 2px solid #fff;*/
    border-radius: 100px;
    background: #fff;
}
.radio01-input:checked ~ .radio01-parts{
  color: #000;
  font-weight: bold;
}
.radio01-input:checked ~ .radio01-parts::after{
    content: "";
    display: block;
    position: absolute;
    top: 6px;
    left: 6px;
    width: 10px;
    height: 10px;
    background: #FF8900;
    border-radius: 100px;
}


@media screen and (max-width: 1199px) {
	.contactBox{
		width:100%;
	}
}
@media screen and (max-width: 991px) {

}
@media screen and (max-width: 767px) {
	.contactItem{
		width:100%;
		text-align:left;
		padding: 20px 0 5px;
	}
	.contactTxt{
		width:100%;
		padding: 0 0 15px 0;
	}
	.form50{
		width:100%;
	}
}

@media screen and (max-width: 640px) {
	.contactItem{
		padding: 15px 0 5px;
	}
}

/* 8.NEWS */
.newsPaginationBox{
	width:100%;
	margin: 10px 0;
	z-index: 100;

    position: relative;
}
.newsPagination{
	display:flex;
	justify-content: flex-end;
}
.pageLink{
	font-size:18px;
	padding: 0 5px;
}
.pageLink a{
	font-size:18px;
}
.newsDate{
	font-size:16px;
	color:#033abc;
	font-weight:bold;
}
.newsTit{
	font-size: 36px;
	margin-bottom: 20px;
}
.newsBox{
	padding:30px 20px;
	border-bottom: 1px solid #a7a7a7;
}
/* 9.PRIVACYPOLICY */
.ppBox{
	margin-bottom:30px;
}
.ppTit{
	font-weight: bold;
    font-size: 20px;
    border-bottom: 2px solid #000;
    padding-bottom: 5px;
    margin-bottom: 10px;
}
.ppTxt{
	font-size: 14px;
    line-height: 1.6;
}

/* 10.COMPANY */
.grretingImg{
	width:100%;
	margin-top: 30px;


}

.grretingImg2{
	width:100%;
	margin-top: 30px;
	padding-bottom: 20px;
}

/* プライバシーポリシー */
.priBoxTit_en{
	font-size: 20px;
	color:#2a2a2a;
	"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", sans-serif;
	text-align:center;
	padding-bottom: 20px;
}

.priBoxTit{
	font-size: 28px;
	color:#2a2a2a;
	font-weight:bold;
	"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", sans-serif;
	line-height: 30px;
	padding-top: 40px;
}
.grretingTxt{
	"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", sans-serif;
	font-size: 16px;
	line-height: 32px;
	border-bottom: solid 1px #c1c1c1;
	color: #1a1a1a;
	padding-bottom: 40px;
	padding-top: 10px;
}
.grretingTxt:last-child{
	border-bottom: none;
}
.grretingTxt2{
	"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", sans-serif;
	font-size: 16px;
	line-height: 32px;
	border-bottom: solid 1px #c1c1c1;
	color: #1a1a1a;
	padding-bottom: 40px;
	padding-top: 10px;
	float: left;
}
.grretingTxt2:last-child{
	border-bottom: none;
}

.grretingTxt3{
	font-size: 16px;
	line-height: 32px;
	/*border-bottom: solid 1px #c1c1c1;*/
	color: #1a1a1a;
	padding-bottom: 40px;
	padding-top: 10px;
	float: left;
}
.grretingTxt3:last-child{
	border-bottom: none;
}




@media screen and (max-width: 767px) {
	.priBoxTit_en{
		font-size: 20px;
		color:#2a2a2a;
		text-align:center;
	}

	.priBoxTit{
		font-size: 28px;
		color:#2a2a2a;
		font-weight:bold;
		line-height: 30px;
		padding-top: 10px;
	}
	.grretingTxt{
		line-height: 30px;
		border-bottom: solid 1px #c1c1c1;
		color: #1a1a1a;
		padding-bottom: 40px;
		padding-top: 10px;
	}
	.grretingTxt:last-child{
		border-bottom: none;
	}
	.grretingTxt2{
		font-size: 14px;
		line-height: 30px;
		border-bottom: solid 1px #c1c1c1;
		color: #1a1a1a;
		padding-top: 30px;
		float: left;
	}
	.grretingTxt2:last-child{
		border-bottom: none;
	}
}



/* 経歴 */

.keiBoxTit{
	font-size: 20px;
	color:#2a2a2a;
	font-weight:bold;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", sans-serif;
	line-height: 30px;
	padding-top: 20px;
	width: 100%;
    display: inline-block;
}
.companyTbBox{
	width:100%;
}
.companyTbRow{
	display:flex;
	flex-wrap:wrap;
	border-bottom: 1px solid #ddd;
	padding:20px;
}
.companyTbRow:last-child{
	border-bottom: none;
}
.companyTbItem{
	font-weight: bold;
    font-size: 14px;
    width:180px;
}
.companyTbTxt{
	font-size:14px;
	padding:0 10px;
	line-height: 1.7;
	width:calc(100% - 200px);
}
.companyCol75{
	width:74%;
}
.companyCol25{
	width:24%;
}


@media screen and (max-width: 800px) {
	.keiBoxTit{
		font-size: 20px;
		color:#2a2a2a;
		font-weight:bold;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", sans-serif;
		line-height: 30px;
		padding-top: 20px;
		width: 100%;
	    display: inline-block;
	    padding-left: 10px;
	}
	.companyTbRow{
		padding-right: 0;
		padding-left: 0;
	}
	.companyTbItem{
		font-weight: bold;
	    font-size: 14px;
	    width:110px;
	    margin-bottom: 10px;
	}
	.companyTbTxt{
		font-size:14px;
		padding:0 0px;
		width:calc(100% - 150px);
	}

	.companyCol75{
		width:49%;
	}
	.companyCol25{
		width:49%;
	}
}
@media screen and (max-width: 480px) {
	.companyTbItem{
		width:100%;
	}
	.companyTbTxt{
		width:100%;
	}
	.btn01:after {
	content: "\f0a9";
	font-family: FontAwesome;
	position: absolute;
	right: 4px;
	top: 0;
	color: #fff;
	}
	.btn01 a {
	color: #fff!important;
	font-size: 14px;
	font-weight: bold;
	 padding: 0 !important;
	letter-spacing: 0;
	}
	.btn01 {
		background: #ff981f;
		display: inline-block;
		position: relative;
		height: 50px;
		line-height: 50px;
		border-radius: 25px;
		width: 111px;
		transition: 0.2s;
	}
}






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

.tp-Banner {
	position: relative;
}
.tp-Banner .topNewsTag {
	position: absolute;
	top: 0px;
	right: 0;
}
.topNextTag i {
	color: #fff;
	font-size: 26px;
	margin-top: 12px;
	margin-right:  -3px;
}
.topNextTag  {
	position: absolute;
	right: 0;
	bottom: 15px;
	width: 50px;
	height: 50px;
	display: block;
	line-height: 1;
c	background: #000;
	color: #fff;
	text-align: center;
}
.cm-Flex {
	display: flex;
	border-top: 1px solid #ddd;
	/*border-bottom: 1px solid #e5e5e5;*/
}
.cm-Flex2 {
	display: flex;
	border-top: 1px solid #ddd;
}

.cm-Flex3 {
	display: flex;
	border-bottom: 1px solid #ddd;
}
.cm-Flex5 {
	border-top: 1px solid #ddd;
	margin-top: 200px;
}
.sr-border {
	border-top: solid #e5e5e5 1px;
	border-bottom: solid #e5e5e5 1px;
}
.tp-Tit_left {
	position: absolute;
	bottom: 0;
	display: inline-block;
	top: 44%;
	left: 42px;
	color: #fff;
	font-size: 28px;
	text-shadow: 0px 1px 16px rgba(31, 31, 31, 0.98);
	font-weight:  bold;
}
.tp-Link_right {
	position: absolute;
	display: inline-block;
	bottom: 0;
	top: 45%;
	right: 42px;
	color: #fff;
	font-size:  22px;
	text-shadow: 0px 1px 16px rgba(31, 31, 31, 0.98);
}
.tp-Tit_center {
	position: absolute;
	display: inline-block;
	top: 50%;
	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%);
	color: #fff;
	text-align:  center;
	font-size: 28px;
	text-shadow: 0px 4px 22px rgb(152, 152, 152);
	font-weight:  bold;
	letter-spacing:  4px;
}
.fade_img1 {
	position: absolute;
	top: 42%;
	left: 50%;
	z-index: 100;
	/* margin-top: -262px; */
	/* margin-left: -63px; */
	z-index: 2;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	z-index: 113;
}
.fade_img2 {
	    width: 153px;
	    position: absolute;
	    top: 48%;
	    left: 50%;
	    z-index: 100;
	    /* margin-top: -262px; */
	    margin-left: -162px;
	    z-index: 162;
	    display:  flex;
	    -webkit- transform: translateY(-50%) translateX(-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%);
}
.fade_img0 {
	position: absolute;
	/* right: 320px; */
	top: 8%;
	z-index:  9999999999999999999;
	top: 54%;
	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:  198px;
}

@media screen and (max-width: 767px) {
	.topNextTag{
		width:25px;
		height:25px;
	}
	.topNextTag i{
		font-size: 10px;
		margin-top: 7px;
	}
}


/*
=======================================================
商品詳細
=======================================================
*/
.goodsMovieBox{
	position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.goodsMovieBox iframe{
	position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.goodsDetailTit{
	font-size: 30px;
	color:#333333;
	margin-top:  20px;
	/* text-align:  right; */
}
.goodsDetailJan{
	font-size: 16px;
	color:#333333;
}
.goodsDetailPrice{
	font-size: 21px;
	color:#333333;
	font-weight:bold;
	margin-top: 10px;
}
.goodsDetailPrice span{
	font-size:12px;
	color:#333333;
	margin-left: 10px;
}
.goodsDetailTit2{
	font-size:16px;
	color:#333333;
	font-weight:bold;
}
.goodsDetailSize{
	font-size: 14px;
	color:#333333;
	font-weight:bold;
	margin-top: 15px;
}
.goodsDetailListBox {
    margin-bottom: 20px;
    margin-top:5px;
    border-bottom: 1px solid #cccccc;
}
.goodsDetailListRow {
    display: flex;
    border-top: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    flex-wrap: wrap;
}
.goodsDetailListItem {
    background: #ececec;
    padding: 15px;
    width: 160px;
    font-size: 15px;
    color: #333333;
    font-weight: bold;
    border-right: 1px solid #cccccc;
    display: flex;
    align-items: center;
}
.goodsDetailListTxt {
    font-size: 15px;
    color: #333333;
    padding: 15px;
    width:calc(100% - 160px);
}
.goodsDetailTxt{
	color: #262626;
	line-height:1.6;
	margin-top: 20px;
	font-size:  16px;
}
.goodsDetailIconBox{
	display: flex;
    align-items: center;
    margin-top: 30px;
    flex-wrap: wrap;
}
.goodsDetailIconBox a{
	margin-right:10px;
	margin-bottom:10px;
}
.productsList{
	margin-top:50px;
	border-top:1px solid #000;
}
.productsListTit{
	font-size:16px;
	color:#333333;
	font-weight:bold;
	width:100%;
	margin: 20px 0;
}
.productsListBox{
	position: relative;
	width: 100%;
	border:1px solid #ccc;
	box-sizing:border-box;
	margin-bottom: 20px;
}
.productsListBox:before {
    content:"";
    display: block;
    padding-top: 100%;
}
.productsListBox a{
	position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.productsListBox a img{
	position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin:auto;
    max-width: 100%;
    max-height: 100%;
}
.disN{
	display:none;
}
.item1Img{
	/* max-width:400px; */

	margin:auto;
}
.item1Img img{
	/* width:100%; */
}
.item1Img .sp-slide{
/* 	position: relative; */
}

.item2Img{
	max-width:600px;

	margin:auto;
}
.item2Img img{
	width:100%;
}
.item2Img .sp-slide{
	position: relative;
}
/*
=======================================================
タイトル
=======================================================
*/
.title01{
	font-size:28px;
	font-weight:bold;
	color:#333333;
	display: flex;
    align-items: center;
    position:relative;
}
.title01:after{
	content:"";
	border-bottom:1px solid #e5e5e5;
	position: absolute;
    width: 100%;
    top: 80%;
    left: 0;
}
.title01Head{
	padding-right:15px;
	background: #fff;
	z-index: 1;
	line-height: 2;
	font-size: 30px;
	/* font-family:  "df_reisho_w6"; */
	font-weight:  bold;
}
.title01Icon{
	padding-right:25px;
	background: #fff;
    z-index: 1;
}
.title02{
	font-size:28px;
	color:#333333;
	display: flex;
    align-items: center;
    position:relative;
}
.title02Icon{
	padding-right:20px;
}
.title02Txt{
	font-size:28px;
	color:#333333;
}
.title03{
	background:#86868d;
	color:#fff;
	font-size:30px;
	font-weight:bold;
	margin: 0 0 30px;
	padding:10px 20px;
	position:relative;
	box-sizing: border-box;
}
.title03:before{
	content:"";
	width:100%;
	position:absolute;
	top:-5px;
	left:0;
	border:1px solid #86868d;
}
.title03:after{
	content:"";
	width:100%;
	position:absolute;
	bottom:-5px;
	left:0;
	border:1px solid #86868d;
}

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


	.title01{
		font-size:18px;
		font-weight:bold;
		color:#333333;
		display: flex;
	    align-items: center;
	    position:relative;
	    margin-top:50px;
	}
	.title02Txt{
		font-size:18px;
		color:#333333;
	}
	.title03{

		background:#86868d;
		color:#fff;
		font-size:20px;
		font-weight:bold;
		margin: 0 0 30px;
		padding:10px 20px;

		position:relative;
		box-sizing: border-box;
	}


	.title01Icon{
		padding-right:25px;
		background: #fff;
	    z-index: 1;
	    height:49px;
	}
	.title01Icon img{
		height:100%;
	}
}


/*
/*
=======================================================
TOP商品画像
=======================================================
*/
.topGoodsBox{

	margin-bottom:30px;
}
.topGoodsImgBox{
	position: relative;
	width: 100%;
	border: 1px solid #ccc;
	box-sizing: border-box;
	border: none;
}
.topGoodsImgBox:before{
	content:"";
    display: block;
    padding-top: 100%;
}
.topGoodsImgBox img{
	position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}
.topGoodsTit{
	font-size:18px;
	color:#333333;
	margin: 5px 0;
	text-decoration:  underline;
}
.topGoodsSize{
	font-size:14px;
	color:#747474;
}
.topGoodsPrice{
	font-size:16px;
	color:#333333;
	margin-top: 13px;
}
.topGoodsPrice span{
	font-weight:bold;
	margin-right: 6px;
}
.topGoodsBox a:hover{
	text-decoration:none;
}
.snapLink{
	position:relative;
}
.snapLinkImg{
	position:absolute;
	width:100%;
	height:250px;;
}



@media screen and (max-width: 991px) {
	.topGoodsBox{
		margin-bottom:30px;
	}
}
/*
=======================================================
検索ボタン
=======================================================
*/
.searchStageBox{
	background:#f4f4f4;
	padding:25px 0;
}
.searchStage{
	text-align:center;
	border-left:1px solid #e0e0e0;
}
.searchStageBox .searchStage:first-child{
	border-left:none;
}
.searchStageBtn{
	display:inline-block;
	background:#fff;
	border:1px solid #959595;
	border-radius:4px;
	box-sizing:border-box;
	width:206px;
	text-align:center;
	font-size:14px;
	transition: 0.4s;

}
.searchStageBtn a{
	display:block;
	height:100%;
	color:#333333;
	padding:15px 0;
	transition: 0.4s;
	font-size:  16px;
	font-weight:  500;
}
.searchStageBtn a:hover{
	text-decoration:none;
	color:#fff;
}
.searchStageBtn:hover{
	background:#959595;
}
@media screen and (max-width: 1024px) {
	.searchStageBtn {
	    display: inline-block;
	    background: #fff;
	    border: 1px solid #959595;
	    border-radius: 4px;
	    box-sizing: border-box;
	    width: 100%;
	    text-align: center;
	    font-size: 14px;
	    transition: 0.4s;
	}
}
@media screen and (max-width: 767px) {
	.searchStageBtn {
	    display: inline-block;
	    background: #fff;
	    border: 1px solid #959595;
	    border-radius: 4px;
	    box-sizing: border-box;
	    width: 100%;
	    text-align: center;
	    font-size: 14px;
	    transition: 0.4s;
	    margin-bottom:10px;
	}
}
.text-left {
	text-align: left!important;
}
#loading{
    position: absolute;
    left: 50%;
    top: 30%;
}

#loader-bg {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    /*background: #000;*/
    z-index: 3;
}
.copy-1-1 {

}
.copy-1-2 {

}
.copy-1-3 {

}
.copy-1-4 {

}
.copy-1-5 {
	width: 89px!important;
}
.copy-1-6 {
}
.topCellImgBox {
	background-size: auto 100%;
	transition: 0.3s;
}
.topCellImgBox:hover {
	background-size: auto 110%;
}





@media screen and (max-width: 767px) {
	#block {
		height: 280px!important;
	}

	.fade_img1{
		margin-left: 0;
		margin-top: -18%;
		width: auto;
		left: 10%;
		top: 44%;
		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%);
	}
	.fade_img0{
		/* right: 0; */
		top: 96px;
		top: 47%;
		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%);
	}
	.fade_img2{
		width: 58px;
		top: 96px;
		margin-top: 8px;
		margin-left: -124px;
		top: 40%;
		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-logo{
	    width: 45px!important;
	}
	.copy-1-1{
		width: 76px;
	    height: 49px;
	    margin-top: 24px;
	}

}


	.an_Title {
	width: 80px;
	height: auto;
	background-color: #FFF;
	font-size: 30px;
	line-height: 80px;
	padding: 100px 0px 30px;
	position: absolute;
	top: -102px;
	left: 0px;
	right: 0;
	margin: auto;
	z-index: 1;
	background-image: url(../img/header_logo.png);
	background-size: 40px;
	background-position: 50% 30px;
	background-repeat: no-repeat;
	-webkit-writing-mode: vertical-rl;
	-moz-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	-ms-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	}
	.vert {
	font-size: 36px;
	line-height: 80px;
	width: 240px;
	height: auto;
	position: relative;
	bottom: 58px;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 1;
	letter-spacing: 5px;
	-webkit-writing-mode: vertical-rl;
	-moz-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	-ms-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	}
	.box100 {
		position: relative;
	}
	.box200 {
		position: relative;
		top: 100px;
	}
	.caption {
    width: 530px;
    height: auto;
    padding: 20px 40px 0;
    background-color: rgba(255, 255, 255, 0.75);
    position: relative;
    z-index: 2;
    margin: -160px 0 0 688px;
}
.caption>span{
    font-size: 14px;
    margin-bottom: 10px;
    display: block;
}
.caption>h3 {
    font-size: 30px;
    line-height: 44px;
    font-weight: 400;
}
.caption>.caption{
    margin: 30px 0 0 0;
	width: auto;
	padding: 0;
}
.caption>.caption>p{
    line-height: 40px;
    padding: 0;
    font-size:  16px;
}
.list{
	list-style-type: none;
	overflow: hidden;



}
.list-mv07{
	opacity: 0;
	transform: translate(0,60px);
	-webkit-transform: translate(0,60px);
	float: left;
	transition: .8s;

}


.mv07{
	opacity: 1.0;
	transform: translate(0,0);
	-webkit-transform: translate(0,0);

}
.text-combine {
  -webkit-text-combine: horizontal;
  -ms-text-combine-horizontal: all;
  text-combine-upright: all;
	font-size: 30px;
}

#scroll {
    position: absolute;
    bottom: -60px;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    display: block;
    width: 120px;
    height: 120px;
    background-color: #FFF;
    /* z-index: 1; */
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition-duration: 1.5s;
    -moz-transition-duration: 1.5s;
    -o-transition-duration: 1.5s;
    transition-duration: 1.5s;
    cursor: pointer;
    cursor: hand;
}
#scroll>span {


    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    display: block;
    width: 100%;
    height: 20px;
    text-align: center;
    margin: auto;
    position: relative;
    top: 35px;
    left: -15px;
    font-size: 10px;
    line-height: 20px;
    letter-spacing: 1px;
    padding-left: 1px;
    color: #2a2a2a;
}
#scroll>span:before {
    content: "";
    width: 4px;
    height: 8px;
    position: absolute;
    top: -26px;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid;
}
#scroll>span:after {
    content: "";
    width: 20px;
    height: 30px;
    position: absolute;
    top: -30px;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid;
}
#scroll:hover{
    opacity: 1;
}
#scroll:hover>span{
    letter-spacing: 3px;
    padding-left: 3px;
}
#scroll:hover>span:before {
    top: -22px;
}
#scroll.on {
    bottom: -150px;
}
/* Opening
-----------------------------------------*/
.Opening {
position:relative;
background-color: #FFF;
}
.Opening ul li{
  position: relative;
  overflow: hidden;
  width: 100%;
  text-align: center;
}
.Opening ul li img.Opening__text{
  position: absolute;
  top:50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform:translate(-50%, -50%);
  z-index: 9;
}
.Opening ul li span {
}
.Opening ul li span img.Opening__img{
  max-width: inherit;
  width: 100%;
  height: auto;
}#gnavPanel {
    position: absolute;
    top: 40px;
    right: 110px;
    display: block;
    z-index:  1;
}
#gnavPanel>div{}
#gnavPanel>div>ul{}
#gnavPanel>div>ul>li {float: right;padding: 0 10px;display: block;width: 50px;position: relative;}
#gnavPanel>div>ul>li:first-child{
    display: none;
}
#gnavPanel>div>ul>li>a {
    display: inline-block;
    position: relative;
    width: 100%;
    height: auto;
    color:  #fff;
    font-size:  14px;
    text-shadow: 0px 1px 16px rgba(31, 31, 31, 0.12);
}
#gnavPanel>div>ul>li>a:before {
    content: "";
    width: 1px;
    height: 0;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #333;
}
#gnavPanel>div>ul>li>a:hover{
    opacity: 1;
}
#gnavPanel>div>ul>li>a:hover:before{
    height: 100%;
}
.Footer-sns {
	justify-content: center;
	margin-top: 20px;
}
.Footer-sns li {
	margin-right: 10px;
	margin-left: 10px;
}
.Footer-sns li i{
	color:#4b0d0e;
}
.top-logo {
	position: absolute;
		left:  35%;
		top: 300px;
		z-index: 1;
}
@media screen and (max-width: 480px) {
	.Main-img04 img {
		margin-left: -440px!important;
	}
	.Main-img05 img{
		margin-left: -580px!important;
	}
	.Main-img02 img{
		/* position: relative!important; */
		/* left: -10px!important; */
		margin-left: -366px!important;
	}
		.Main-img01 img{
		/* position: relative!important; */
		/* left: -10px!important; */
		/*margin-left: -480px!important;*/
	}
}
.ttl-copy {
	/* font-family: "df_reisho_w6"; */
	font-weight: bold;
	text-align: center;
}
.copy-txt {
	    font-size: 14px;
    line-height: 30px;
}
.item .topGoodsImgBox {
	 transition: opacity 0.3s ease-out;
}
.item .topGoodsImgBox:hover {
	opacity: 0.5;
}

video{
	width:100%;
/* 	height:auto; */
}
.sp480{
	display:none;
}
@media screen and (max-width: 480px) {
	.sp480{
		display:block;
	}
	.Opening ul li .visible-xs{
		display:none!important;
	}
}
.mapLink{
	margin-left:10px;
	font-size: 16px;
    color: #4b0d0e!important;
    font-weight: bold;
    text-decoration: underline;
}


.topBnr{
	position:relative;
	z-index:9;
}
.topBnr a img{
	transition:0.3s;
}
.topBnr a:hover img{
	opacity:0.7;
}

.relative {
    position: relative;
}
.absolute {
    position: absolute;
    right: 30px;
    bottom: 30px;
}

.Opening, .Opening ul, .Opening ul li{
	width: 100%;
	height: 100%;
}
.Opening ul li span img.Opening__img {
    max-width: inherit;
    width: 100%;
    height: 100%;
}
.Opening__img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	font-family: "object-fit: cover;";
}

.per_read{
	font-size: 14px;
    line-height: 30px;
	padding-top: 10px;
	margin-bottom: 80px;
}

.per_sub_title{
	margin-bottom: 20px;
	font-weight: bold;
	font-size: 14px;
	color: #008000;
}
@media screen and (max-width: 800px) {
	.per_read{
		font-size: 14px;
	}
}



/* table */
table{
  width: 100%;
  border-collapse: collapse;
}

table tr{
  border-bottom: solid 2px white;
}

table tr:last-child{
  border-bottom: none;
}

table th{
  position: relative;
  width: 30%;
  background-color: #15599c;
  color: white;
  text-align: center;
  padding: 10px 0;
  font-size: 14px;
  font-weight: 500;
  font-family: sans-serif;

}

table th:after{
  display: block;
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  top:calc(50% - 10px);
  right:-10px;
  border-left: 10px solid #15599c;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

table td{
  text-align: left;
  width: 70%;
  background-color: #eee;
  padding: 10px 30px;
  font-size: 14px;
  font-weight: 500;
  font-family: sans-serif;
}


/* news */
.news_txtWrap{
	padding-top: 80px;
}
.news_detail .news_date{
  font-size: 14px;
  font-family: sans-serif;
  padding: 0px 5px;
  font-family: 'Roboto Condensed';
  letter-spacing: .2px;
  display:inline-block;
  margin-right: 20px; 
}

.news_detail .news_cate{
    border: 1px solid #008000;
    font-size: 14px;
    padding: 0 5px;
    border-radius: 20px;
    display: inline-block;
    color: #008000;
    transition: .3s;
    letter-spacing: .2px;
    vertical-align: middle;
    line-height: 1.7;
}

.page_newsTit{
	font-size: 20px;
	font-weight: bold;
	margin-top: 20px;
	line-height: 1.5;
}
.news_detail .pageSubTit{
	font-weight: bold;
	font-size: 16px;
	margin-top: 20px;
	line-height: 1.5;
}

@media screen and (max-width: 800px) {
	.news_txtWrap{
		padding-top: 40px;
	}
	.page_newsTit{
		font-size: 18px;
	}
	.news_detail .pageSubTit{
		font-size: 14px;
	}
	.news_detail .news_date{
		font-size: 14px;
	}
	.news_detail .news_cate{
		font-size: 14px;
	}
	.per_sub_title{
		margin-bottom: 10px;
		font-size: 14px;
	}
	.per_read{
		font-size: 14px;
		margin-bottom: 40px;
	}
}