/*====================================== 
indexPage
=======================================*/ 

/* Main image▼▼
------------------------------------------------------------ */
#mainImageWrap .full div {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: left;
	height: 100vh;
	margin: 0;
	margin-bottom: -30px;
}
#mainImageWrap .full div.img01 {
  background-image: url(../../img/mainimg01.webp?date=20250116);
}
#mainImageWrap .full div.img02 {
  background-image: url(../../img/mainimg02.webp?date=20250116);
}
#mainImageWrap .full div.img03 {
  background-image: url(../../img/mainimg03.webp?date=20250116);
}
#mainImageWrap .full div.img04 {
  background-image: url(../../img/mainimg04.webp?date=20250116);
}
#mainImageWrap .full div.img05 {
  background-image: url(../../img/mainimg05.webp?date=20250116);
}
#mainImageWrap .full div.img06 {
  background-image: url(../../img/mainimg06.webp?date=20250116);
}
#mainImageWrap .full div.img07 {
  background-image: url(../../img/mainimg07.webp?date=20250116);
}
#mainImageWrap .full .slick-dots {
  bottom: 2%;
  z-index: +1;
}
@media screen and (max-width: 767px){
	#mainImageWrap .full div.img01 {
		background-image: url(../../img/mainimg01sp.webp?date=20250116);
	}
	#mainImageWrap .full div.img02 {
		background-image: url(../../img/mainimg02sp.webp?date=20250116);
	}
	#mainImageWrap .full div.img03 {
		background-image: url(../../img/mainimg03sp.webp?date=20250116);
	}
	#mainImageWrap .full div.img04 {
		background-image: url(../../img/mainimg04sp.webp?date=20250116);
	}
	#mainImageWrap .full div.img05 {
		background-image: url(../../img/mainimg05sp.webp?date=20250116);
	}
	#mainImageWrap .full div.img06 {
		background-image: url(../../img/mainimg06sp.webp?date=20250116);
	}
}

.indexPage #mainImageWrap .full a {
	display: block;
	width:100%;
	height:100%;
}
#slick05 .slick-slide .caption {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  width: calc(100% - 40px);
  padding: 20px;
  background: rgba(0, 0, 0, .6);
  color: #fff;
  font-size: 14px;
  opacity: 0;
  transition: .3s ease;
}
#slick05 .slick-current .caption {
  opacity: 1;
  transition-delay: .5s;
}

.indexPage #mainImageWrap .full h2 {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index:1;
	transform: translate(-50%, -50%);
	text-align: center;
	color:#fff;
	width:100%;
	text-shadow: 0 1px 10px rgb(0, 0, 0, 0.5);
}


.indexPage #mainImageWrap .full .slick-slide .mainImageCopy,
.indexPage #mainImageWrap .full .slick-slide .mainImageCopyBig{
	display: block;
	font-size:1.6em;
	letter-spacing:1.5px;
	line-height: 1.0em;
	font-weight: 500;
	opacity:0;
} 
.indexPage #mainImageWrap .full .slick-slide .mainImageCopyBig{
	font-size:4.0em;
	font-weight: 900;
}
.indexPage #mainImageWrap .full .slick-slide .mainImageH2,
.indexPage #mainImageWrap .full .slick-slide .mainImageH2B {
	display: block;
	font-size:6.0em;
	letter-spacing:2.5px;
	margin-bottom:10px;
	opacity:0;
}
.indexPage #mainImageWrap .full .slick-slide .mainImageH2B {
	font-weight:500;
}
.indexPage #mainImageWrap .full .slick-slide .mainImageTxt,
.indexPage #mainImageWrap .full .slick-slide .mainImageTxtBig,
.indexPage #mainImageWrap .full .slick-slide .mainImageH2JPBig {
	display: block;
	font-size:1.5em;
	letter-spacing:1.0px;
	font-weight:500;
	opacity:0;
}
.indexPage #mainImageWrap .full .slick-slide .mainImageTxtBig {
	font-size:2.2em;
	font-weight:500;
	color:#fff600;
}
.indexPage #mainImageWrap .full .slick-slide .mainImageH2JPBig {
	font-size:14.0em;
	font-weight: 900;
}

.indexPage #mainImageWrap .full .slick-current .mainImageCopy,
.indexPage #mainImageWrap .full .slick-current .mainImageCopyBig {
	animation-name:fadeRightAnime;
	animation-delay: 0.3s;
	animation-duration:0.6s;
	animation-fill-mode:forwards;
}
.indexPage #mainImageWrap .full .slick-current .mainImageH2,
.indexPage #mainImageWrap .full .slick-current .mainImageH2B,
.indexPage #mainImageWrap .full .slick-current .mainImageH2JPBig {
	animation-name:fadeLeftAnime;
	animation-delay: 0.6s;
	animation-duration:0.7s;
	animation-fill-mode:forwards;
}
.indexPage #mainImageWrap .full .slick-current .mainImageTxt,
.indexPage #mainImageWrap .full .slick-current .mainImageTxtBig{
	animation-name:fadeDownAnime;
	animation-delay: 1.5s;
	animation-duration:0.5s;
	animation-fill-mode:forwards;
}
@media screen and (max-width: 767px){
	.indexPage #mainImageWrap .full h2 {
		width:90%;
	}
	#mainImageWrap .full div {
	background-repeat: no-repeat;
	background-size: cover;
	}
	.indexPage #mainImageWrap .full .mainImageH2,
	.indexPage #mainImageWrap .full .mainImageH2B {
		font-size:4.0em !important;
		letter-spacing:1.0px;
		line-height: 1.2em;
	}
	.indexPage #mainImageWrap .full .slick-slide .mainImageCopyBig{
		font-size:3.0em;
		letter-spacing:0.5px;
		line-height: 1.2em;
	}
	.indexPage #mainImageWrap .full .slick-slide .mainImageH2JPBig {
		font-size:5.0em;
	}
	.indexPage #mainImageWrap .full .slick-slide .mainImageTxtBig {
		font-size:1.5em;
		text-align: left;
	}
}

@keyframes fadeLeftAnime{
  from {
    opacity: 0;
	transform: translateX(-100px);
  }
  to {
    opacity: 1;
	transform: translateX(0);
  }
}
@keyframes fadeRightAnime{
  from {
    opacity: 0;
	transform: translateX(100px);
  }
  to {
    opacity: 1;
	transform: translateX(0);
  }
}
@keyframes fadeDownAnime{
  from {
    opacity: 0;
	transform: translateY(-10px);
  }
  to {
    opacity: 1;
	transform: translateY(0);
  }
}


/*スクロールダウン全体の場所*/
.scrolldown{
    /*描画位置※位置は適宜調整してください*/
	position:absolute;
	bottom:1%;
	right:3%;
    /*矢印の動き1秒かけて永遠にループ*/
	animation: arrowmove 1.5s ease-in-out infinite;
}
@media screen and (max-width: 767px){
	.scrolldown{
	right:6%;
	}
}
/*下からの距離が変化して全体が下→上→下に動く*/
@keyframes arrowmove{
      0%{bottom:1%;}
      50%{bottom:3%;}
     100%{bottom:1%;}
 }
/*Scrollテキストの描写*/
.scrolldown span{
    /*描画位置*/
	position: absolute;
	left:-20px;
	bottom:10px;
    /*テキストの形状*/
	color: #eee;
	font-size: 0.7rem;
	letter-spacing: 0.05em;
	/*縦書き設定*/
	-ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
}
/* 矢印の描写 */
.scrolldown:before {
    content: "";
    /*描画位置*/
    position: absolute;
    bottom: 0;
    right: -6px;
    /*矢印の形状*/
    width: 1px;
    height: 20px;
    background: #eee;
    transform: skewX(-31deg);
}
.scrolldown:after{
	content:"";
    /*描画位置*/
	position: absolute;
	bottom:0;
	right:0;
    /*矢印の形状*/
	width:1px;
	height: 50px;
	background:#eee;
}

.indexPageh1_title{
	display:none;
}

/* indexPage01Wrap▼▼
------------------------------------------------------------ */
.indexPage01Wrap ul{
	width:100%;
	margin:0 auto;
	display:-webkit-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
}
.indexPage .indexPage01Wrap ul{
}
.indexPage01Wrap li{
	position: relative;
	width:50%;
	overflow:hidden;
	text-align:center;
	background:#000;
}
.indexPage01Wrap li.wp25{
	width:25%;
}
.indexPage01Wrap li .indexPage01WrapNaka{
	width:100%;
	position: absolute;
    color:white;
    bottom: 0; /* 追記 */
	left: 0; /* 追記 */
	padding:10px;
	background:rgba(0,0,0,0.5);
	text-align:left;
}
.indexPage01Wrap li .indexPage01WrapNaka h2{
	font-size:2.0em;
	line-height: 1.3em;
	letter-spacing:1.0px;
	margin-bottom: 5px;
	font-weight:500;
}
.indexPage01Wrap li .indexPage01WrapNaka p{
	font-size:1.4em;
	line-height: 1.4em;
	font-weight:300;
}
.indexPage01Wrap li a img{
	width:100%;
	height:auto;
}
.indexPage01Wrap li.wp25 a img{
	width:200%;
	height:auto;
}
@media screen and (max-width:1000px){
	.indexPage01Wrap li .indexPage01WrapNaka h2{
		font-size:1.8em;
		letter-spacing:1.0px;
	}
.indexPage01Wrap li .indexPage01WrapNaka p{
		font-size:1.3em;
	}
}
@media screen and (max-width: 767px){
	.indexPage01Wrap ul{
		display:block;
		-webkit-flex-wrap:nowrap;
		flex-wrap:nowrap;
		padding:0;
		}
	.indexPage01Wrap li,
	.indexPage01Wrap li.wp25{
		width:100%;
		margin-bottom:1px;
	}
	.indexPage01Wrap li a img,
	.indexPage01Wrap li.wp25 a img{
		width:100%;
		height:auto;
	}
	.indexPage01Wrap li a{
		padding-bottom:60%;
	}
}
@media screen and (min-width: 768px){
	.indexPage01Wrap li a img{
		-moz-transition:-moz-all 0.3s ease-in-out;
		-o-transition:-o-all 03s ease-in-out;
		-webkit-transition:-webkit-all 0.3s ease-in-out;
		transition:all 0.3s ease-in-out;
	}
	.indexPage01Wrap li a:hover img{
		-moz-transform:scale(1.1, 1.1);
		-ms-transform:scale(1.1, 1.1);
		-webkit-transform:scale(1.1, 1.1);
		transform:scale(1.1, 1.1);
	}
}


/* indexPage02Wrap▼▼
------------------------------------------------------------ */
.indexPage02Wrap ul{
	width:100%;
	margin:0 auto;
	display:-webkit-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
}
.indexPage .indexPage02Wrap ul{
}
.indexPage02Wrap li{
	position: relative;
	width:50%;
	background:#000;
	text-align:center;
}
.indexPage02Wrap li .indexPage04NakaWrap{
	width:90%;
	position: absolute;
    top: 0;
    left: 0;
    color:white;
    top: 50%; /* 追記 */
    left: 50%; /* 追記 */
    -ms-transform: translate(-50%, -50%); /* 追記 */
    -webkit-transform: translate(-50%, -50%); /* 追記 */
    transform: translate(-50%, -50%); /* 追記 */
}
.indexPage02Wrap li .indexPage04NakaWrap h2{
	font-size:2.4em;
	line-height: 1.3em;
	letter-spacing:2.0px;
	margin-bottom: 20px;
	font-weight:500;
	text-shadow: 0px 1px 10px #000;
}
.indexPage02Wrap li .indexPage04NakaWrap span{
	font-size:0.5em;
	line-height: 0.8em;
	letter-spacing:2.0px;
}
.indexPage02Wrap li .indexPage04NakaWrap p{
	font-size:1.4em;
	line-height: 1.6em;
	letter-spacing:2.0px;
	margin-bottom: 20px;
	font-weight:500;
}
.indexPage02Wrap li a{
	display:block;
	width:100%;
	height:0;
	padding-bottom:60%;
	overflow:hidden;
	font-weight:500;
}
.indexPage02Wrap li a img{
	width:100%;
	height:auto;
}
@media screen and (max-width:1000px){
	.indexPage02Wrap li .indexPage04NakaWrap h2{
		font-size:2.0em;
	}
}
@media screen and (max-width: 767px){
	.indexPage02Wrap ul{
		display:block;
		-webkit-flex-wrap:nowrap;
		flex-wrap:nowrap;
		padding:0;
		}
	.indexPage02Wrap li{
		width:100%;
		margin-bottom:1px;
	}
	.indexPage02Wrap li:nth-child(2){
		margin-left:0;
	}
	.indexPage02Wrap li a{
		padding-bottom:60%;
	}
	.indexPage02Wrap li a img{
		opacity:0.75;
	}
}
@media screen and (min-width: 768px){
	.indexPage02Wrap li a img{
		opacity:0.75;
		-moz-transition:-moz-all 0.3s ease-in-out;
		-o-transition:-o-all 03s ease-in-out;
		-webkit-transition:-webkit-all 0.3s ease-in-out;
		transition:all 0.3s ease-in-out;
	}
	.indexPage02Wrap li a:hover img{
		opacity:0.4;
		-moz-transform:scale(1.1, 1.1);
		-ms-transform:scale(1.1, 1.1);
		-webkit-transform:scale(1.1, 1.1);
		transform:scale(1.1, 1.1);
	}
	.indexPage02Wrap li:hover .button::after{
		animation: arrowbefore 1s infinite;
	}
	.indexPage02Wrap li a:hover .button{
		background:#db0225;
	}
}


/* Toppage News ▼▼
------------------------------------------------------------ */
.indexPage .newsWrap{
	background:#f2f2f2;
}
.indexPage .newsWrapBox{
	padding: 100px 5%;
	max-width:1400px;
	margin:auto;
}
.indexPage .newsWrap .h2_title_news{
	padding:1% 0 0 0;
	width:25%;
	display: inline-block;
	vertical-align: top;
}
.indexPage .newsWrap .h2_title_news h2{
	font-size:2.4em;
	line-height: 1.2em;
	letter-spacing:2.0px;
	margin-bottom: 20px;
	font-weight:500;
}
.indexPage .newsWrap .h2_title_news h2 span{
	font-size:0.5em;
	letter-spacing:2.0px;
	text-align:center;
}
.indexPage .newsWrap ul{
	width:74%;
	display: inline-block;
	vertical-align: middle;
}
.indexPage .newsWrap li{
	border-bottom:1px solid #d5d5d5;
}

.indexPage .newsWrap li a{
	color:#002653;
}
.indexPage .newsWrap li a:hover{
	color:#db0225;
	text-decoration:none;
}
.indexPage .newsWrap li span{
	float:left;
	width:19%;
	padding:1.7% 0 0 0;
	font-size:1.4em;
	line-height: 1.8em;
	letter-spacing: 0.05em;
	word-break:break-all;
}
.indexPage .newsWrap li p{
	float:left;
	width:81%;
	padding:1.7% 2% 2% 0;
}
@media screen and (max-width: 1000px){
	.indexPage .newsWrap{
		width:100%;
	}
	.indexPage .newsWrap .h2_title_news{
		padding:0;
		width:100%;
		text-align:center;
		}
	.indexPage .newsWrap .h2_title_news h2{
			margin-bottom: 20px;
		}
	.indexPage .newsWrap ul{
		width:100%;
			margin-top: 20px;
	}
	.indexPage .newsWrap li span{
			width:17%;
	}
	.indexPage .newsWrap li p{
		width:70%;
	}
}

@media screen and (max-width: 767px){
	.indexPage .newsWrapBox{
		width:100%;
		padding: 10% 5%;
	}
	.indexPage .newsWrap li span{
		display:inline-block;
		vertical-align:middle;
		*vertical-align:auto;
		*zoom:1;
		*display:inline;
		float:none;
		width:auto;
		padding:4.0625% 0 0 3.14375%;
	}
	.indexPage .newsWrap li p{
		clear:both;
		float:none;
		width:93.75%;
		margin:0 auto;
		padding:1% 0 4% 0;
	}
}


/* indexPage03Wrap▼▼
------------------------------------------------------------ */
.indexPage03Wrap {
	max-width: 100%;
	margin: 0 auto;
	padding: 50px 0;
	overflow: hidden;
	background:#fff;
}
.indexPage03Wrap img {
	width:100%;
	height:auto;
	padding: 0 20px;
}


/* indexPage04Wrap▼▼
------------------------------------------------------------ */
.indexPage04Wrap{
	width:100%;
	margin:0 auto;
	display:-webkit-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	position: relative;
	background:#fff;
}
.indexPage04Wrap .indexPage04NakaWrap{
	width:90%;
	position: absolute;
    top: 0;
    left: 0;
    top: 50%; /* 追記 */
    left: 50%; /* 追記 */
    -ms-transform: translate(-50%, -50%); /* 追記 */
    -webkit-transform: translate(-50%, -50%); /* 追記 */
    transform: translate(-50%, -50%); /* 追記 */
}
.indexPage04Wrap .indexPage04NakaWrap h2{
	font-size:3.4em;
	line-height: 1.3em;
	letter-spacing:2.0px;
	margin-bottom: 20px;
	font-weight:500;
	text-shadow: 0px 1px 10px #fff;
    color:#092755;
}
.indexPage04Wrap .indexPage04NakaWrap span{
    color:#DB0125;
}
.indexPage04Wrap .indexPage04NakaWrap p{
	font-size:1.4em;
	line-height: 1.6em;
	letter-spacing:1.0px;
	margin-bottom: 20px;
	font-weight:500;
    color:#000;
	text-shadow: 0px 1px 10px #fff;
}
.indexPage04Wrap a{
	display:block;
	width:100%;
	height:0;
	padding-bottom:30%;
	overflow:hidden;
	font-weight:500;
}
.indexPage04Wrap a img{
	width:100%;
	height:auto;
}
@media screen and (max-width:1000px){
	.indexPage04Wrap .indexPage04NakaWrap h2{
		font-size:2.6em;
	}
}
@media screen and (max-width: 767px){
	.indexPage04Wrap{
		display:block;
		-webkit-flex-wrap:nowrap;
		flex-wrap:nowrap;
		padding:0;
		width:100%;
		margin-bottom:1px;
		text-align:center;
	}
	
	.indexPage04Wrap a{
		padding-bottom:45%;
	}
	.indexPage04Wrap a img{
		opacity:0.75;
	}
	.indexPage04Wrap .indexPage04NakaWrap h2{
		margin-bottom: 0px;
		letter-spacing:1.0px;
	}
	.indexPage04Wrap .indexPage04NakaWrap p{
		margin-bottom: 10px;
		letter-spacing:0.5px;
	}
}
@media screen and (min-width: 768px){
	.indexPage04Wrap a img{
		opacity:0.75;
		-moz-transition:-moz-all 0.3s ease-in-out;
		-o-transition:-o-all 03s ease-in-out;
		-webkit-transition:-webkit-all 0.3s ease-in-out;
		transition:all 0.3s ease-in-out;
	}
	.indexPage04Wrap a:hover img{
		opacity:0.4;
		-moz-transform:scale(1.1, 1.1);
		-ms-transform:scale(1.1, 1.1);
		-webkit-transform:scale(1.1, 1.1);
		transform:scale(1.1, 1.1);
	}
	.indexPage04Wrap:hover .button::after{
		animation: arrowbefore 1s infinite;
	}
	.indexPage04Wrap a:hover .button{
		background:#db0225;
	}
}



/*====================================== 
aboutPage
=======================================*/ 

/* aboutPage01Wrap▼▼
------------------------------------------------------------ */
.aboutPage01Wrap{
	padding: 70px 5% 30px 5%;
	max-width:1400px;
	margin:auto;
}
.aboutPage02Wrap{
	padding: 70px 5% 100px 5%;
	max-width:1400px;
	margin:auto;
}
.aboutPage01Wrap .h3_title{
	margin-top:50px;
}
.aboutPage01WrapBox01{
	background:#f2f2f2;
	padding: 30px; 
}
.aboutPage02Box01{
	background:#fff;
	width:100%;
	margin-bottom:30px;
	border-top:2px solid #fff;
}
.aboutPage02Box01.endBox{
	margin-bottom:0px;
}
.aboutPage02Box01 .aboutBox00 {
	width:55%;
	float: left;
}
.aboutPage02Box01 .aboutBox01 {
	float: left;
	width:45%;
	padding: 5%;
	background:#fff;
}
.aboutPage02Box01 .aboutBox01 h4 {
	font-size:1.6em;
	letter-spacing:1.5px;
	font-weight:500;
	margin-bottom:20px;
}
.aboutPage02Box01 .aboutBox02 {
	width:55%;
	height:300px;
	overflow:hidden;
	float: right;
}
.aboutPage02Box01 .aboutBox02 img{
	width:100%;
	height:auto;
}
.aboutPage02Box01 .aboutBox03 {
	width:45%;
	float: left;
	vertical-align: top;
	border-left:2px solid #fff;
	border-right:2px solid #fff;
}
.aboutPage02Box01 .aboutBox03 iframe {
	width:100%;
	height:300px;
	margin:0;
	padding:0;
}
.aboutPage02Wrap.tableWrap table th{
	width: 15%;
}

@media screen and (max-width: 1000px){
	.aboutPage02Box01 .aboutBox00{
		width:100%;
		border-right:2px solid #fff;
	}
	.aboutPage02Box01 .aboutBox01 {
		width:auto;
	}
	.aboutPage02Box01 .aboutBox02 {
		width:300px;
		height:360px;
	}
	.aboutPage02Box01 .aboutBox03 {
		width:100%;
		border-top:2px solid #fff;
	}
}

@media screen and (max-width:767px) {
	.aboutPage01WrapBox01{
		padding: 5%;
	}
	.aboutPage02Box01 .aboutBox00{
		border-left:2px solid #fff;
	}
	.aboutPage02Box01 .aboutBox01 {
		width:100%;
	}
	.aboutPage02Box01 .aboutBox02 {
		width:100%;
		height:auto;
	}
	.aboutPage02Box01 .aboutBox03 iframe {
		height:360px;
	}
	.aboutPage02Wrap.tableWrap table th{
		width: 100%;
	}
}




/*====================================== 
productsPage
=======================================*/ 

/* productsPage01Wrap▼▼
------------------------------------------------------------ */
.productsPage01Wrap{
	padding: 70px 5% 0 5%;
	max-width:1400px;
	margin:auto;
}
.productsPage01Wrap img{
	width:100%;
	height:auto;
}
.productsPage01Wrap p{
	font-size:1.4em;
	line-height: 1.5em;
	letter-spacing:0.5px;
	margin:10px 0;
}
.productsPage01Wrap table{
	font-size:1.3em;
	line-height: 1.5em;
	letter-spacing:0.25px;
}
.productsPage01Wrap .productsPage01WrapBox01{
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
}
.productsPage01Wrap .productsPage01WrapBox01 .productsPage01WrapBox01N{
	width:31%;
	margin-right:3.5%;
	margin-bottom:5%;
}
.productsPage01Wrap .productsPage01WrapBox01N:nth-child(3n){
	margin-right:0;
}
.productsPage01Wrap .productsPage01WrapBox01 .productsPage01WrapBox01N li{
	margin-bottom:1%;
	overflow:hidden;
}
.productsPage01Wrap .productsPage01WrapBox01 .productsPage01WrapBox01N li:nth-child(n + 2){
	width:24.25%;
	margin-right:1%;
	float:left;
}
.productsPage01Wrap .productsPage01WrapBox01 .productsPage01WrapBox01N li.nonimg{
	height: 0;
	padding-top: 24.25%;
	background:#E5E5E5;
}
.productsPage01Wrap .productsPage01WrapBox01 .productsPage01WrapBox01N li:last-child{
	margin-right:0;
}
.productsPage01Wrap .productsPage01WrapBox01N .button,
.productsPage01Wrap .productsPage01WrapBox02N .button{
	width: 100%;
	padding:8px 0 10px 0;
	margin:10px 0 0 0;
}

.productsJireiWrap ul{
	width:100%;
	margin:0 auto;
	display:-webkit-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
}
.productsJireiWrap li{
	background:#fff;
	position:relative;
	height:0;
	text-align:center;
	display: inline-block;
	overflow:hidden;
}
.productsJireiWrap img{
	position:absolute;
	top:0;
	left:0;
	width:155%;
	height:auto;
}

.productsPage01Wrap .productsPage01WrapBox01 .productsPage01WrapBox02N{
	width:48%;
	margin-right:4%;
	margin-bottom:5%;
}
.productsPage01Wrap .productsPage01WrapBox02N:nth-child(2n){
	margin-right:0;
}

@media screen and (min-width: 1001px){
	.productsJireiWrap li{
		width:15%;
		padding-top:15%;
		margin-right:2%;
		margin-top:2%;
	}
	.productsJireiWrap li:nth-of-type(6n){
		margin-right:0;
	}
}
@media screen and (max-width: 1000px){
	.productsJireiWrap li{
		width:19%;
		padding-top:19%;
		margin-right:1.25%;
		margin-top:1.25%;
	}
	.productsJireiWrap li:nth-of-type(5n){
		margin-right:0;
	}
}
@media screen and (max-width:767px) {
	.productsPage01Wrap .productsPage01WrapBox01{
		display: block;
	}
	.productsPage01Wrap .productsPage01WrapBox01 .productsPage01WrapBox01N,
	.productsPage01Wrap .productsPage01WrapBox01 .productsPage01WrapBox02N{
		width:100%;
		margin-right:0;
		margin-bottom:50px;
	}
	.productsJireiWrap li{
		width:32%;
		padding-top:32%;
		margin-right:2%;
		margin-top:2%;
	}
	.productsJireiWrap li:nth-of-type(5n){
		margin-right:2%;
	}
	.productsJireiWrap li:nth-of-type(3n){
		margin-right:0;
	}
}
@media screen and (min-width: 768px){
	.productsPage01Wrap li a img{
		-moz-transition:-moz-all 0.3s ease-in-out;
		-o-transition:-o-all 03s ease-in-out;
		-webkit-transition:-webkit-all 0.3s ease-in-out;
		transition:all 0.3s ease-in-out;
	}
	.productsPage01Wrap li a:hover img{
		-moz-transform:scale(1.1, 1.1);
		-ms-transform:scale(1.1, 1.1);
		-webkit-transform:scale(1.1, 1.1);
		transform:scale(1.1, 1.1);
	}
	.productsPage01WrapBox01N.tableWrap table th{
		width: 65px;
	}
}




/*====================================== 
casePage
=======================================*/ 

/* casePageWrap▼▼
------------------------------------------------------------ */
.casePage01Wrap{
	padding: 70px 5% 30px 5%;
	max-width:1400px;
	margin:auto;
}
.casePage01WrapBox{
	padding: 30px;
	background-color: #f2f2f2;
}
.casePage01WrapBox ul{
	margin-bottom:60px;
}
.casePage01WrapBox ul.marginNo{
	margin-bottom:0;
}
.casePage01WrapBox li{
	width: 32%;
	margin:0 2% 0 0;
	float:left;
}
.casePage01WrapBox li:nth-child(3n){
	margin-right: 0;
}
.casePage01WrapBox img{
	width: 100%;
	height:auto;
}
.casePage01WrapBox .button{
	width: 100%;
	margin:10px 0 0 0;
}

@media screen and (max-width:767px) {
	.casePage01WrapBox{
		padding: 5%;
	}
	.casePage01WrapBox li{
		width:100%;
		margin:0 0 10% 0;
		float:none;
	}
}





/*====================================== 
alfinPage
=======================================*/ 

/* alfinPageWrap▼▼
------------------------------------------------------------ */
.alfinPage01Wrap{
	padding: 70px 5% 30px 5%;
	max-width:1400px;
	margin:auto;
}
.alfinPage01Wrap .h3_title h2,
.alfinPage01Wrap .h3_title h3{
	font-size:2.4em;
	line-height: 1.6em;
	letter-spacing: 0.05em;
	font-weight: 500;
	color:#146097;
}
.alfinPage01Wrap p{
	font-size:1.6em;
	line-height: 1.6em;
	letter-spacing: 0.05em;
	font-weight: 500;
}
.alfinPage01Wrap .floatWrap p,
.alfinPage02Wrap .floatWrap60 p{
	float:left;
	width: 56%;
}
.alfinPage01Wrap .floatWrap img,
.alfinPage02Wrap .floatWrap60 img{
	float:right;
	width: 40%;
}

.alfinPage02Wrap{
	padding: 0 5% 70px 5%;
	max-width:1400px;
	margin:auto;
}
.alfinPage02Wrap .h3_title h2,
.alfinPage02Wrap .h3_title h3{
	padding: 5px 10px 8px 10px;
	color:#fff;
	background:#146097;
	margin-top:60px;
}
.alfinPage02Wrap .h3_title h2 span,
.alfinPage02Wrap .h3_title h3 span{
	font-size:0.6em;
	background:#E70213;
	padding: 2px 10px 3px 10px;
	margin:0 0 0 10px;
	vertical-align: 3px;
}
.alfinPage01Wrap .h4_title h4,
.alfinPage02Wrap .h4_title h4{
	font-size:2.0em;
	line-height: 1.6em;
	letter-spacing: 0.05em;
	font-weight: 500;
}
.alfinPage01Wrap .h4_strong{
	font-size:2.0em;
	line-height: 1.2em;
	font-weight: 500;
	color:#146097;
}
.alfinPage02Wrap .h2_strong{
	font-size:1.5em;
	line-height: 1.2em;
	font-weight: 500;
	color:#146097;
	background: none;
	padding: 0;
	margin: 0;
	vertical-align: bottom;
}
.alfinPage02Wrap .h4_title h4{
	color:#146097;
}
.alfinPage02Wrap .floatWrap p{
	float:left;
	width: 70%;
}
.alfinPage02Wrap .floatWrap img{
	float:right;
	width: 25%;
	margin:5px 0 0 0;
}
.alfinPage02Wrap .floatWrap80 p{
	float:left;
	width: 80%;
}
.alfinPage02Wrap .floatWrap80 img{
	float:right;
	width: 18%;
	margin:5px 0 0 0;
}
.alfinPage02Wrap ul{
	font-size:1.4em;
	line-height: 1.6em;
	letter-spacing: 0.05em;
}
.alfinPage02Wrap li{
	list-style: disc;
	margin-left:1.2em;
}

.columnaBox img{
	float:right;
	width: 40%;
	padding:5px 0 0 20px;
	background:#FFF;
}
.columnaBox h2{
	font-size:2.5em;
	font-weight:700;
	letter-spacing:0.5px;
	margin-bottom:5px;
}
.columnaBox h3,
.rainPage01WrapBox h3,
.rainPage02Wrap h3{
	font-size:2.0em;
	font-weight:500;
	letter-spacing:0.5px;
	border-bottom:1px solid #bfbfbf;
	margin-bottom:10px;
	padding-bottom:10px;
}
.columnaBox h4,
.rainPage01WrapBox h4,
.rainPage02Wrap h4{
	font-size:1.6em;
	font-weight:500;
	letter-spacing:0.5px;
	background:#eee;
	padding:5px 10px;
	margin-bottom:10px;
}
@media screen and (max-width:767px) {
	.columnaBox img{
		width:100%;
		padding:0 0 10px 0;
		float:none;
	}
}

.anzen02floatWrap li{
	list-style: none;
	float:left;
	width: 49.5%;
	margin: 10px 1% 10px 0;
}
.anzen02floatWrap02 li{
	list-style: none;
	float:left;
	width: 46%;
	margin: 10px 1% 10px 0;
}
.anzen03floatWrap li,
.anzen03Sp02floatWrap li{
	list-style: none;
	float:left;
	width: 32.5%;
	margin: 10px 1.25% 10px 0;
}
.anzen04floatWrap li{
	list-style: none;
	float:left;
	width: 24.5%;
	margin: 10px 0.66% 10px 0;
}
.anzen02floatWrap li:last-child,
.anzen02floatWrap02 li:last-child,
.anzen03floatWrap li:last-child,
.anzen03Sp02floatWrap li:last-child,
.anzen04floatWrap li:last-child{
	float:right;
	margin: 10px 0;
}

.icon_caution {
	position: relative;
	padding: 10px 0px 10px 25px;
	cursor: pointer;
	background:url("../../alfin/anzen/img/icon_caution.png") no-repeat left center;
	background-size: 20px;
}

.alfinPage03Wrap{
	padding: 0 5% 70px 5%;
	max-width:1400px;
	margin:auto;
}
.alfinPage03NakaWrap{
	padding: 5%;
	background-color: #E1E7EA;
}
.alfinPage04NakaWrap{
	padding: 5%;
	background-color: #E6E7E7;
}
.alfinPage04NakaWrap .h3_title h2,
.alfinPage04NakaWrap .h3_title h3{
	font-size:2.4em;
	border: 1px solid #000;
	background:#fff;
	padding: 2px 10px 4px 10px;
	text-align:center;
	color:#146097;
}
.alfinPage04NakaWrap .h4_title h4{
	font-size:2.0em;
	font-weight: 500;
	color:#146097;
}



.alfinPage05Wrap{
	padding: 0 5% 70px 5%;
	max-width:1400px;
	margin:auto;
}
.alfinPage05NakaWrap{
	padding: 5%;
	border: 1px solid #ccc;
}
.alfinPage05Wrap .floatL,
.alfinPage05Wrap .floatR {
	width: 48%;
}

.alfinPage05Wrap ul{
	font-size:1.4em;
	line-height: 1.6em;
	letter-spacing: 0.05em;
}
.alfinPage05Wrap li{
	list-style: disc;
	margin-left:1.2em;
}






@media screen and (max-width:1024px) {
	.anzen03Sp02floatWrap li{
		width: 49.5%;
		margin: 10px 1% 0 0;
	}
	.anzen03Sp02floatWrap li:nth-of-type(2){
		float:right;
		margin: 10px 0;
	}
	.anzen03Sp02floatWrap li:last-child{
		display:none;
	}
}

@media screen and (max-width:767px) {
	.alfinPage01Wrap .floatWrap p,
	.alfinPage01Wrap .floatWrap img,
	.alfinPage02Wrap .floatWrap p,
	.alfinPage02Wrap .floatWrap img,
	.alfinPage02Wrap .floatWra60p p,
	.alfinPage02Wrap .floatWrap60 img,
	.anzen02floatWrap li,
	.anzen02floatWrap02 li,
	.anzen03floatWrap li,
	.anzen03Sp02floatWrap li,
	.anzen04floatWrap li,
	.alfinPage05Wrap .floatL,
	.alfinPage05Wrap .floatR {
		float:none;
		width: 100%;
	}
	.alfinPage02Wrap .floatWrap80 p{
		width: 70%;
	}
	.alfinPage02Wrap .floatWrap80 img{
		width: 28%;
}
	.alfinPage01Wrap .h4_strong,
	.alfinPage02Wrap .h2_strong{
		font-size:1.4em;
	}
}




/*====================================== 
faqPage
=======================================*/ 

/* faqPageWrap▼▼
------------------------------------------------------------ */
.faqPage01Wrap{
	padding: 70px 5% 30px 5%;
	max-width:1400px;
	margin:auto;
}
.faqPage01Wrap.bottomCont{
	padding-bottom: 100px;
}

/* アコーディオン全体 */
.faqPage01Wrap .accordion {
  max-width: 100%;
  margin: 0 auto;
  border-top: 1px solid #BFBFBF;
}

/* アコーディオン */
.faqPage01Wrap .accordion__item {
  border-bottom: 1px solid #BFBFBF;
}

/* アコーディオンのタイトル */
.faqPage01Wrap .accordion__title {
	position: relative;
	padding: 15px 60px 15px 40px;
	font-size:1.6em;
	line-height: 1.6em;
	letter-spacing: 0.05em;
	font-weight: 500;
	background:url("../../faq/img/icon-q.png") no-repeat left center;
	background-size: 30px;
}

/* (+)アイコン */
.faqPage01Wrap .accordion__title::before,
.faqPage01Wrap .accordion__title::after {
  content: "";
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  background-color: #a3a3a3;
  width: 20px;
  height: 2px;
  transition: all 0.3s;
}

.faqPage01Wrap .accordion__title::after {
  transform: rotate(90deg);
}

/* アコーディオンのコンテンツ */
.faqPage01Wrap .accordion__content {
	padding: 10px 0px 10px 40px;
	display: none;
	font-size:1.4em;
	line-height: 1.8em;
	letter-spacing: 0.05em;
	font-weight: 300;
	background:url("../../faq/img/icon-a.png") no-repeat left 8px;
	background-size: 30px;
}

.faqPage01Wrap .accordion__content.is-open {
  display: block;
}

/* アコーディオン展開時の(-)アイコン */
.faqPage01Wrap .accordion__item .accordion__title.is-active::before {
  transform: rotate(45deg);
}

.faqPage01Wrap .accordion__item .accordion__title.is-active::after {
  transform: rotate(-45deg);
}
.faqPage .lineanim .accordion__content a {
	color:#db0225;
	font-weight:700;
}
@media screen and (max-width:767px) {
	.faqPage .accordion__content a {
		text-decoration:underline;
	}
}



/*====================================== 
simulationPage
=======================================*/ 

/* simulationPage▼▼
------------------------------------------------------------ */
.simulationPage01Wrap{
	padding: 70px 5%;
	max-width:1400px;
	margin:auto;
}
.simulationPage01WrapBox{
	padding: 30px;
	background-color: #f2f2f2;
	margin-bottom:60px;
}
.simulationPage01WrapBox.marginNo{
	margin-bottom:0;
}

.simulationPage01WrapBox ul{
	margin:0;
	padding:0;
	display: flex;
	flex-wrap: wrap;
}
.simulationPage01WrapBox li{
	position: relative;
	width: 100%;
	height: 100%;
	max-width: 16%;
	margin:0 0.8% 0.8% 0;
}
.simulationPage01WrapBox li::before {
  content: "";
  display: block;
  padding-top: 100%;
}
.simulationPage01WrapBox li:nth-child(6n){
	margin-right: 0;
}
@media screen and (min-width: 768px){
	.simulationPage table th{
		width: 45%;
	}
	.simulationPage table td{
		text-align:center;
	}
}
	
@media screen and (max-width: 1150px){
	.simulationPage01WrapBox li{
		max-width: 19%;
		margin:0 1.25% 1.25% 0;
	}
	.simulationPage01WrapBox li:nth-child(5n){
		margin-right: 0;
	}
	.simulationPage01WrapBox li:nth-child(6n){
		margin:0 1.25% 1.25% 0;
	}
}
@media screen and (max-width: 950px){
	.simulationPage01WrapBox li{
		max-width: 24%;
		margin:0 1.25% 1.25% 0;
	}
	.simulationPage01WrapBox li:nth-child(4n){
		margin-right: 0;
	}
	.simulationPage01WrapBox li:nth-child(5n),
	.simulationPage01WrapBox li:nth-child(6n){
		margin:0 1.25% 1.25% 0;
	}
	.simulationPage01WrapBox li:nth-child(12){
		margin:0;
	}
}
@media screen and (max-width:767px) {
	.simulationPage01WrapBox{
		padding: 5%;
	}
	.simulationPage01WrapBox li{
		max-width: 49%;
		margin:0 2% 2% 0;
	}
	.simulationPage01WrapBox li:nth-child(4n),
	.simulationPage01WrapBox li:nth-child(5n),
	.simulationPage01WrapBox li:nth-child(6n){
		margin:0 2% 2% 0;
	}
	.simulationPage01WrapBox li:nth-child(2n){
		margin-right: 0;
	}
}

ul.ks-cboxtags li label{
	display: inline-block;
	background-color: #fff;
	border: 2px solid #c3c0c1;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    transition: all .2s;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
	text-align:center;
}

.placeAll label,
.colorAll label{
	display: inline-block;
	background-color: #fff;
	border: 2px solid #c3c0c1;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    transition: all .2s;
	text-align:center;
    width: 100%;
    cursor: pointer;
    padding: 1vw;
	font-size:1.4em;
	line-height: 1.8em;
	font-weight: 500;
    margin: 15px 0 10px 0;
}
ul.ks-cboxtags li label {
    width: 100%;
	height:100%;
	cursor: pointer;
	bottom:0;
    padding-top: 75%;
	font-size:1.4em;
	line-height: 1.2em;
	font-weight: 500;
}
ul.colorselectBox li label {
    padding-top: 68%;
}
ul.ks-cboxtags li label::before,
.placeAll label::before,
.colorAll label::before{
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 12px;
    padding: 2px 6px 2px 2px;
	content: "\f067";
	color:#a3a5a7;
    transition: transform .3s ease-in-out;
}

ul.ks-cboxtags li input[type="checkbox"]:checked + label::before,
.placeAll input[type="checkbox"]:checked + label::before,
.colorAll input[type="checkbox"]:checked + label::before{
    content: "\f00c";
	color:#fff;
    transform: rotate(-360deg);
    transition: transform .3s ease-in-out;
}
ul.ks-cboxtags li input[type="checkbox"],
.placeAll input[type="checkbox"],
.colorAll input[type="checkbox"] {
  position: absolute;
  opacity: 0;
}


ul.ks-cboxtags li.place01 label{
	background:url("../../simulation/img/select01.png") no-repeat center 25% #fff;
	background-size: 60%;
}
ul.ks-cboxtags li.place01 input[type="checkbox"]:checked + label {
	border: 2px solid #f9c03c;
	background-color: #f9c03c;
	color: #fff;
	transition: all .2s;
}
ul.ks-cboxtags li.place02 label{
	background:url("../../simulation/img/select02.png") no-repeat center 25% #fff;
	background-size: 60%;
}
ul.ks-cboxtags li.place02 input[type="checkbox"]:checked + label {
	border: 2px solid #1ba8d8;
	background-color: #1ba8d8;
	color: #fff;
	transition: all .2s;
}
ul.ks-cboxtags li.place03 label{
	background:url("../../simulation/img/select03.png") no-repeat center 25% #fff;
	background-size: 60%;
}
ul.ks-cboxtags li.place03 input[type="checkbox"]:checked + label {
	border: 2px solid #db8a32;
	background-color: #db8a32;
	color: #fff;
	transition: all .2s;
}
ul.ks-cboxtags li.place04 label{
	background:url("../../simulation/img/select04.png") no-repeat center 25% #fff;
	background-size: 60%;
}
ul.ks-cboxtags li.place04 input[type="checkbox"]:checked + label {
	border: 2px solid #2ca266;
	background-color: #2ca266;
	color: #fff;
	transition: all .2s;
}
ul.ks-cboxtags li.place05 label{
	background:url("../../simulation/img/select05.png") no-repeat center 25% #fff;
	background-size: 60%;
}
ul.ks-cboxtags li.place05 input[type="checkbox"]:checked + label {
	border: 2px solid #99bc4a;
	background-color: #99bc4a;
	color: #fff;
	transition: all .2s;
}
ul.ks-cboxtags li.place06 label{
	background:url("../../simulation/img/select06.png") no-repeat center 25% #fff;
	background-size: 60%;
}
ul.ks-cboxtags li.place06 input[type="checkbox"]:checked + label {
	border: 2px solid #a588bd;
	background-color: #a588bd;
	color: #fff;
	transition: all .2s;
}
ul.ks-cboxtags li.place07 label{
	background:url("../../simulation/img/select07.png") no-repeat center 25% #fff;
	background-size: 60%;
}
ul.ks-cboxtags li.place07 input[type="checkbox"]:checked + label {
	border: 2px solid #8d93c8;
	background-color: #8d93c8;
	color: #fff;
	transition: all .2s;
}
ul.ks-cboxtags li.place08 label{
	background:url("../../simulation/img/select08.png") no-repeat center 25% #fff;
	background-size: 60%;
}
ul.ks-cboxtags li.place08 input[type="checkbox"]:checked + label {
	border: 2px solid #ef92bb;
	background-color: #ef92bb;
	color: #fff;
	transition: all .2s;
}
ul.ks-cboxtags li.place09 label{
	background:url("../../simulation/img/select09.png") no-repeat center 25% #fff;
	background-size: 60%;
}
ul.ks-cboxtags li.place09 input[type="checkbox"]:checked + label {
	border: 2px solid #ef856e;
	background-color: #ef856e;
	color: #fff;
	transition: all .2s;
}
ul.ks-cboxtags li.place10 label{
	background:url("../../simulation/img/select10.png") no-repeat center 25% #fff;
	background-size: 60%;
}
ul.ks-cboxtags li.place10 input[type="checkbox"]:checked + label {
	border: 2px solid #d46a7c;
	background-color: #d46a7c;
	color: #fff;
	transition: all .2s;
}
.placeAll input[type="checkbox"]:checked + label,
.colorAll input[type="checkbox"]:checked + label {
	border: 2px solid #db0225;
	background-color: #db0225;
	color: #fff;
	transition: all .2s;
}
ul.ks-cboxtags li.color01 label{
	background:url("../../simulation/img/color01.jpg") no-repeat center 25% #fff;
	background-size: 80%;
}
ul.ks-cboxtags li.color02 label{
	background:url("../../simulation/img/color02.jpg") no-repeat center 25% #fff;
	background-size: 80%;
}
ul.ks-cboxtags li.color03 label{
	background:url("../../simulation/img/color03.jpg") no-repeat center 25% #fff;
	background-size: 80%;
}
ul.ks-cboxtags li.color04 label{
	background:url("../../simulation/img/color04.jpg") no-repeat center 25% #fff;
	background-size: 80%;
}
ul.ks-cboxtags li.color05 label{
	background:url("../../simulation/img/color05.jpg") no-repeat center 25% #fff;
	background-size: 80%;
}
ul.ks-cboxtags li.color06 label{
	background:url("../../simulation/img/color06.jpg") no-repeat center 25% #fff;
	background-size: 80%;
}
ul.ks-cboxtags li.color07 label{
	background:url("../../simulation/img/color07.jpg") no-repeat center 25% #fff;
	background-size: 80%;
}
ul.ks-cboxtags li.color08 label{
	background:url("../../simulation/img/color08.jpg") no-repeat center 25% #fff;
	background-size: 80%;
}
ul.ks-cboxtags li.color09 label{
	background:url("../../simulation/img/color09.jpg") no-repeat center 25% #fff;
	background-size: 80%;
}
ul.ks-cboxtags li.color10 label{
	background:url("../../simulation/img/color10.jpg") no-repeat center 25% #fff;
	background-size: 80%;
}
ul.ks-cboxtags li.color11 label{
	background:url("../../simulation/img/color11.jpg") no-repeat center 25% #fff;
	background-size: 80%;
}
ul.ks-cboxtags li.color12 label{
	background:url("../../simulation/img/color12.jpg") no-repeat center 25% #fff;
	background-size: 80%;
}
ul.ks-cboxtags li.color13 label{
	background:url("../../simulation/img/color13.jpg") no-repeat center 25% #fff;
	background-size: 80%;
}
ul.ks-cboxtags li.color01 input[type="checkbox"]:checked + label,
ul.ks-cboxtags li.color02 input[type="checkbox"]:checked + label,
ul.ks-cboxtags li.color03 input[type="checkbox"]:checked + label,
ul.ks-cboxtags li.color04 input[type="checkbox"]:checked + label,
ul.ks-cboxtags li.color05 input[type="checkbox"]:checked + label,
ul.ks-cboxtags li.color06 input[type="checkbox"]:checked + label,
ul.ks-cboxtags li.color07 input[type="checkbox"]:checked + label,
ul.ks-cboxtags li.color08 input[type="checkbox"]:checked + label,
ul.ks-cboxtags li.color09 input[type="checkbox"]:checked + label,
ul.ks-cboxtags li.color10 input[type="checkbox"]:checked + label,
ul.ks-cboxtags li.color11 input[type="checkbox"]:checked + label,
ul.ks-cboxtags li.color12 input[type="checkbox"]:checked + label,
ul.ks-cboxtags li.color13 input[type="checkbox"]:checked + label{
	border: 2px solid #002653;
	background-color: #002653;
	color: #fff;
	transition: all .2s;
}







/*====================================== 
productsNakaPage
=======================================*/ 

/* productsNakaPage▼▼
------------------------------------------------------------ */
.productsNakaPage01Wrap{
	padding: 70px 5% 40px 5%;
	max-width:1400px;
	margin:auto;
}

.h1_p_title h1{
	font-size:4.0em;
	line-height: 1.2em;
	letter-spacing:1px;
	font-weight:500;
	margin-bottom:10px;
}
.h1_p_title h1 .small{
	font-size:0.6em;
	vertical-align: 5px;
}
.h1_p_title h1 .icon_adserise,
.h3_title h3 .icon_adserise,
.h1_p_title h1 .icon_alpolic,
.h1_p_title h1 .icon_af95serise,
.h1_p_title h1 .icon_imono,
.h1_p_title h1 .icon_shimoyoke{
	font-size:0.34em;
	color:#fff;
	padding:2px 15px 3px 15px;
	vertical-align: 8px;
	display:inline-block;
	line-height: 1.8em;
}
.h1_p_title h1 .icon_adserise a,
.h3_title h3 .icon_adserise a,
.h1_p_title h1 .icon_alpolic a,
.h1_p_title h1 .icon_af95serise a,
.h1_p_title h1 .icon_imono a,
.h1_p_title h1 .icon_shimoyoke a{
	color:#fff;;
}
.productsPage01WrapBox01N .h3_title h3{
	display:inline-block;
	letter-spacing:0.5px;
}
.productsPage01WrapBox01N .h3_title .icons_adserise,
.productsPage01WrapBox01N .h3_title .icons_alpolic,
.productsPage01WrapBox01N .h3_title .icons_af95serise,
.productsPage01WrapBox01N .h3_title .icons_imono,
.productsPage01WrapBox01N .h3_title .icons_shimoyoke{
	font-size:1.1em;
	line-height: 1.5em;
	font-weight:500;
	color:#fff;
	padding:2px 6px 3px 6px;
	display:inline-block;
	float:right;
	margin-top:7px;
	text-align:center;
	
}

.productsPage01WrapBox01N .h3_title .icons_adserise a,
.productsPage01WrapBox01N .h3_title .icons_alpolic a,
.productsPage01WrapBox01N .h3_title .icons_af95serise a,
.productsPage01WrapBox01N .h3_title .icons_imono a,
.productsPage01WrapBox01N .h3_title .icons_shimoyoke a{
	color:#fff;
}
.h1_p_title h1 .icon_adserise,
.h3_title h3 .icon_adserise,
.icons_adserise{
	background:#2690b5;
}
.h1_p_title h1 .icon_alpolic,
.icons_alpolic{
	background:#664F8A;
}
.h1_p_title h1 .icon_af95serise,
.icons_af95serise{
	background:#1D6097;
}
.h1_p_title h1 .icon_imono,
.icons_imono{
	background:#30B370;
}
.h1_p_title h1 .icon_shimoyoke,
.icons_shimoyoke{
	background:#17907B;
}
.h2_p_title h2{
	font-size:2.4em;
	letter-spacing:1px;
	font-weight:500;
}
.h3_p_title h3{
	font-size:2.4em;
	letter-spacing:1px;
	font-weight:500;
}
.h4_p_title h4{
	font-size:2.0em;
	letter-spacing:1px;
	font-weight:500;
}
.h4_p_title h4 em{
	font-size:0.6em;
	vertical-align: 3px;
}
.h5_p_title h5{
	font-size:1.6em;
	letter-spacing:1px;
	font-weight:500;
}
ul.p_ul,
ul.h5_p_ul{
	padding-left:1.63em;
}
.p_ul li{
	font-size:1.4em;
	letter-spacing:1px;
	margin-bottom:5px;
}
.h5_p_ul li{
	font-size:1.6em;
	letter-spacing:1px;
}
.p_ul li::before,
.h5_p_ul li::before {
  position: relative;
  top: -3px;
  left: -10px;
  display: inline-block;
  width: 3px;
  height: 3px;
  content: '';
  border-radius: 100%;
  background: #000;
}
ul.img_p_ul{
	max-width:100%;
}
.img_p_ul li{
	float:left;
	font-size:1.4em;
	letter-spacing:0.5px;
	width:48%;
	margin-right:4%;
}
.img_p_ul li:nth-child(2){
	margin-right:0;
}

.productsGrayWrap {
	background:#f2f2f2;
}

.productsBlackWrap h4 {
	background:#000;
	font-size:1.6em;
	letter-spacing:1px;
	font-weight:500;
	color:#fff;
	padding:2px 0 3px 0;
	text-align:center;
}
.productsBlackWrapWaku,
.productsBlackWrap p {
	border:2px solid #000;
	padding:10px;
}
.spd20 {
	padding:20px;
}
.spd30 {
	padding:30px;
}
.icon_glay{
	font-size:1.4em;
	line-height: 1.8em;
	letter-spacing:1px;
	font-weight:500;
	padding:2px 15px 3px 15px;
	color:#fff;
	display:inline-block;
	margin-bottom:5px;
	background:#797979;
}
.icon_green,
.icon_blue{
	font-size:1.4em;
	line-height: 1.8em;
	letter-spacing:1px;
	font-weight:500;
	padding:2px 5px 3px 5px;
	color:#fff;
	display:inline-block;
	margin-bottom:5px;
}
.icon_green{
	width:100%;
	text-align:center;
	background:#27933B;
}
.icon_blue{
	width:100%;
	text-align:center;
	background:#1A679C;
}
.icon_glay em,
.icon_green em,
.icon_blue em{
	font-size:1.4em;
}
.icon_glay02{
	font-size:1.4em;
	line-height: 1.8em;
	letter-spacing:1px;
	font-weight:500;
	padding:2px 10px 3px 10px;
	color:#fff;
	background:#797979;
	margin-bottom:5px;
}
.icon_glay03{
	font-weight:500;
	padding:2px 10px 3px 10px;
	color:#fff;
	background:#797979;
	display:inline-block;
	margin-bottom:5px;
}


.productsColorWrap {
	display: flex;
    flex-wrap: wrap;
}
.productsColorWrap li{
	margin-right:10px;
	text-align:center;
}
.productsColorWrap li img{
	width:100px;
	height:auto;
}
.wakuBox{
	padding:2px 10px 3px 10px;
	border: 2px solid #b4b4b4;
	font-weight:500;
}

.seriesBox,
.seriesBox02{
	padding: 20px;
	text-align:center;
	margin:10px 0;
	background:#E9E9E9;
}
.seriesBox a.button{
	width: 600px;
}

.productsTab{
	padding: 70px 5% 0px 5%;
	max-width:1400px;
	margin:auto;
}

.productsTab ul{
	width: 100%;
	border-bottom: 2px solid #082553;
	text-align:center;
	font-size:1.4em;
	line-height: 1.8em;
	letter-spacing:1px;
	font-weight:500;
}
.productsTab li{
	width: 49%;
	float:left;
	background:#eee;
}
.productsTab li.selectTab a{
	color:#fff;
}
.productsTab li:nth-child(2){
	float:right;
}
.productsTab li a{
	display:block;
	padding:10px;
	transition: all 200ms linear;
}
.productsTab li a:hover{
	background:#082553;
	color:#fff;
}
.productsTab li.selectTab{
	background:none;
	background:#082553;
}


@media screen and (max-width: 767px){
	.h1_p_title h1{
		font-size:3.4em;
		line-height: 1.1em;
		letter-spacing:0.5px;
	}
	.h2_p_title h2{
		font-size:2.0em;
		letter-spacing:0.5px;
	}
	.h3_p_title h3{
		font-size:2.0em;
		letter-spacing:0.5px;
	}
	.h4_p_title h4{
		font-size:1.8em;
		letter-spacing:0.5px;
	}
	.productsNakaPage01Wrap .floatL,
	.productsNakaPage01Wrap .floatR{
		float:none;
	}
	.spd20,
	.spd30 {
		padding:5%;
	}
	.productsNakaPage01Wrap .floatLsp{
		float:left;
		width:48%;
		margin-right:4%;
	}
	.productsNakaPage01Wrap .floatRsp{
		float:right;
		width:48%;
		margin-right:0;
	}
	.icon_glay{
		display:block;
		padding:2px 5px 3px 5px;
		text-align:center;
	}
	.productsColorWrap li{
		width:31%;
		margin-right:2%;
	}
	.productsColorWrap li:child(3n){
		margin-right:0;
	}
	.productsColorWrap li img{
		width:100%;
		height:auto;
	}
	
	.seriesBox a.button{
		width: 100%;
	}

}

.productsNakaPage02Wrap{
	padding: 40px 5%;
	max-width:1400px;
	margin:auto;
}
.productsJireiWrap {
	width:100%;
	padding:30px;
	background:#f2f2f2;
}
.productsCataWrap {
	width:100%;
	padding:30px;
	background:#dde7f1;
}
.productsKakakuWrap {
	width:100%;
	padding:30px;
	border:1px solid #dcdcdc;
}

.productstableWrap table,
.productsKakakuWrap table {
	width: 100%;
	border-top:1px #d2d2d2 solid ;
	border-left:1px #d2d2d2 solid ;
	padding:0;
	font-size:1.3em;
	line-height: 1.8em;
	letter-spacing:0.5px;
	border-collapse:collapse;
	text-align: center;
	margin:10px 0;
} 
.productstableWrap table th,
.productstableWrap table td,
.productsKakakuWrap table th,
.productsKakakuWrap table td{
	border-bottom:1px #d2d2d2 solid ;
	padding:5px;
	margin:0;
	vertical-align:middle;
}
.productstableWrap table th,
.productsKakakuWrap table th{
	font-weight:500;
	background:#e8e8e8;
	border-right:1px #d2d2d2 solid ;
	font-weight:300;
}
.productstableWrap table td,
.productsKakakuWrap table td{
	border-right:1px #d2d2d2 solid ;
	background:#fff;
}

.productsKakakuWrap .glays {
	color:#404040;
	margin:0px;
	padding:3px 0px 3px 5px;
	border-right: 1px solid #b4b4b4;
	border-bottom: 1px solid #b4b4b4;
	text-align: center;
	background: #f3f3f3;
	font-weight:bold;
}
.productsKakakuWrap .glaysw{
	background:#effafe;
}
.productsKakakuWrap .blues{
	background:#e9f1fe;
}

@media screen and (max-width:767px) {
	.productsNakaPage01Wrap,
	.productsJireiWrap,
	.productsKakakuWrap {
		padding: 5%;
	}
}

/* アコーディオンボタン */
.Kakakubutton{
    display:inline-block;
	background:#002653;
    width: 100%;
    padding:8px 0 10px 0;
    color:#fff !important;
    position: relative;
	text-decoration: none;
	font-size:1.4em;
	line-height: 1.8em;
	letter-spacing:1.0px;
	text-decoration:none;
	font-weight:500;
	text-align:center;
	transition: all 0.3s;
}
@media screen and (min-width: 768px){
	.Kakakubutton:hover{
		background:#db0225;
		transition: all 0.3s;
	}
}

/* 価格表：アコーディオン */
.productsKakakuWrap .accordion {
  max-width: 100%;
  margin: 0 auto;
}
.productsKakakuWrap .accordion__title {
	position: relative;
	cursor: pointer;
}
.productsKakakuWrap .accordion__title::before,
.productsKakakuWrap .accordion__title::after {
  content: "";
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  background-color: #fff;
  width: 20px;
  height: 2px;
  transition: all 0.3s;
}
.productsKakakuWrap .accordion__title::after {
  transform: rotate(90deg);
}
.productsKakakuWrap .accordion__content {
	display: none;
}
.productsKakakuWrap .accordion__content.is-open {
  display: block;
}
.productsKakakuWrap .accordion__item .accordion__title.is-active::before {
  transform: rotate(45deg);
}
.productsKakakuWrap .accordion__item .accordion__title.is-active::after {
  transform: rotate(-45deg);
}

@media screen and (max-width: 767px){
	.table-scroll{
		overflow: auto; /*スクロールさせる*/
		white-space: nowrap; /*文字の折り返しを禁止*/
	}
	.table-scroll::-webkit-scrollbar{　　
		height: 5px;
	}
	.table-scroll::-webkit-scrollbar-track{
		background: #333;
	}
	.table-scroll::-webkit-scrollbar-thumb {
		background: #999;
	}
}

/* black_hisashi：▼▼
------------------------------------------------------------ */

.productsNakaBlackPage .contentsWrap{
	background:#999;
}
.productsNakaBlackPage .productsNakaPage01Wrap{
	background:#fff;
}

.productsNakaPageBlackWrap{
		background:url("../../products/black_hisashi/img/bk.png") no-repeat top right;
}
.productsNakaPageBlackNakaWrap{
	padding: 30px 5%;
	max-width:1400px;
	margin:auto;
}
.productsNakaPageBlackNakaWrap h2{
	max-width:500px;
}

/* mokume：▼▼
------------------------------------------------------------ */

.productsNakaMokumePage .contentsWrap{
	background:#EAE5DA;
}
.productsNakaMokumePage .productsNakaPage01Wrap{
	background:#fff;
}

.mokume01Wrap{
	background:#EAE5DA;
	text-align:center;
	padding: 30px 5%;
	max-width:1400px;
	margin:auto;
}
.mokume01Wrap h2{
	color:#6A3906;
	font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝','Yu Mincho', '游明朝体', 'YuMincho','ＭＳ Ｐ明朝', 'MS PMincho', serif;
}
.mokume01WrapNaka{
	margin:auto;
	max-width:500px;
}

/* LED：▼▼
------------------------------------------------------------ */
.productsLedNakaPage .tableWrap table th{
	width: auto;
}

/* ADシリーズ：▼▼
------------------------------------------------------------ */
.ADseriesNakaPageWrap{
	background:#000;
	text-align:center;
}
.ADseriesNakaPage01Wrap{
	padding: 20px 5% 50px 5%;
	max-width:1400px;
	margin:auto;
}
.ADseriesNakaPageWrap h2{
	color:#F7AC00;
	font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝','Yu Mincho', '游明朝体', 'YuMincho','ＭＳ Ｐ明朝', 'MS PMincho', serif;
}
.ADseriesNakaPageWrap h5{
	color:#fff;
}
.icon_adseries{
	font-size:2.2em;
	line-height: 1.8em;
	letter-spacing:1px;
	font-weight:500;
	display:block;
	border-top:1px #555 solid ;
	background:#fff;
}
.icon_adseries em{
	font-size:0.6em;
	color:#fff;
	margin-top:8px;
	padding:1px 15px 2px 15px;
	display:inline-block;
	line-height: 1.8em;
	background:#2690b5;
	float:right;
}

.adseriesWrap{
	background:#f2f2f2;
}
.flexBox{
	display: flex;
}
.flexBox .adseriesBox01{
	border: 2px solid #555;
	background:#fff;
	font-weight:500;
	display: flex;
	align-items: center;
	text-align:center;
	justify-content: space-around;
	padding:20px 0;
}
.flexBox .adseriesBox01 h3{
	font-size:2.0em;
	line-height: 1.0em;
}
.flexBox .GrayBox{
	background:#f2f2f2;
	display: flex;
	align-items: center;
	text-align:center;
	justify-content: space-around;
	margin-left:1%;
	padding:20px 0;
}
.flexBox .GrayBox02{
	background:#EBEBEB;
	padding:10px;
}
.flexBox .imgBox{
	display: flex;
	align-items: center;
	text-align:center;
	justify-content: space-around;
	padding:10px;
}
.wakuBoxG{
	font-size:1.8em;
	display:inline-block;
	width:40px;
	height:40px;
	text-align:center;
	border: 2px solid #00896C;
	background:#fff;
	font-weight:500;
	padding-top:5px;
}
.optionG{
	font-size:1.2em;
	font-weight:500;
	letter-spacing:1px;
	display:inline-block;
	width:40px;
	vertical-align:baseline;
	text-align:center;
	background:#E60012;
	color:#fff;
	margin-top:5px;
}
.wakuBoxN{
	width:40px;
	display:inline-block;
}

@media screen and (max-width: 767px){
	.flexBox{
		display: inline;
	}
	.flexBox .adseriesBox01{
		margin-bottom:5px;
	}
	.flexBox .GrayBox{
		margin-left:0;
		margin-bottom:5px;
	}
	.flexBox .imgBox{
		margin-bottom:30px;
	}
}




/* productsMenuWrap▼▼
------------------------------------------------------------ */
#productsMenuWrap{
	background:#f8f8f8;
	width:100%;
}
.productsMenuWrapBox{
	padding:50px 5% 20px 5%;
	max-width:1400px;
	margin:auto;
}
#productsMenuWrap h3{
	font-size:1.4em;
	line-height: 1.8em;
	letter-spacing:1.0px;
	font-weight:500;
	border-bottom:1px solid #bbb;
	padding-bottom:10px;
	margin-bottom:10px;
}
#productsMenuWrap ul{
	padding-bottom:30px;
}
#productsMenuWrap li{
	float:left;
	font-size:1.3em;
	line-height: 1.4em;
	letter-spacing:1.0px;
	font-weight:300;
	margin-bottom:5px;
	width:24%;
	margin-right:1.33%;
}
#productsMenuWrap li a{
  position: relative;
  text-decoration: none;
}
#productsMenuWrap li a:link,
#productsMenuWrap li a:visited{
	color:#000;
	text-decoration:none;
	outline:0 none;
}
@media screen and (min-width: 768px){
	#productsMenuWrap li a:hover,
	#productsMenuWrap li a:active{
		color:#db0225;
		text-decoration:none;
		outline:0 none;
	}
	#productsMenuWrap li a::after {
		position: absolute;
		bottom: -2px;
		left: 0;
		content: '';
		width: 100%;
		height: 1px;
		background: #db0225;
		transform: scale(0, 1);
		transform-origin: right top;
		transition: transform .5s;
	}
	#productsMenuWrap li a:hover::after {
		transform-origin: left top;
		transform: scale(1, 1);
	}
}

@media screen and (min-width: 1001px){
	#productsMenuWrap li:nth-child(4n){
		margin-right:0;
	}
}
@media screen and (max-width: 1000px){
	#productsMenuWrap li{
		font-size:1.3em;
		line-height: 1.6em;
		letter-spacing:0.25px;
		width:32%;
		margin-right:2%;
	}
	#productsMenuWrap li:nth-child(3n){
		margin-right:0;
	}
	
	#productsMenuWrap{
	padding:10% 5%;
	}
}
@media screen and (max-width: 767px){
	#productsMenuWrap li{
		float:none;
		width:100%;
	}
	#productsMenuWrap li a{
		display:block;
	}
	.productsMenuWrapBox{
		padding:0;
	}
}


/*====================================== 
sitemap
=======================================*/ 

/* sitemapWrap▼▼
------------------------------------------------------------ */
.sitemapPage01Wrap{
	padding: 70px 5% 30px 5%;
	max-width:1400px;
	margin:auto;
}
.sitemapPage01WrapBox{
	padding: 30px;
	margin-bottom:50px;
	background-color: #f2f2f2;
}
.h2_title_link{
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid #d9d9d9;
}
.h2_title_link h2{
	font-size:1.6em;
	letter-spacing:1.5px;
	font-weight:500;
}
.sitemapPage01WrapBox h3{
	font-size:1.4em;
	line-height: 1.8em;
	letter-spacing:1.0px;
	font-weight:500;
	margin-bottom:10px;
}
.sitemapPage01WrapBox ul{
	padding-bottom:30px;
}
.sitemapPage01WrapBox li{
	float:left;
	font-size:1.3em;
	line-height: 1.4em;
	letter-spacing:1.0px;
	font-weight:300;
	margin-bottom:10px;
	padding-bottom:5px;
	width:24%;
	margin-right:1.33%;
	border-bottom:1px solid #bbb;
}
.h2_title_link h2 a,
.sitemapPage01WrapBox li a{
  position: relative;
  text-decoration: none;
	display:block;
}
.h2_title_link h2 a:link,
.h2_title_link h2 a:visited,
.sitemapPage01WrapBox li a:link,
.sitemapPage01WrapBox li a:visited{
	color:#000;
	text-decoration:none;
	outline:0 none;
}

@media screen and (min-width: 768px){
	.h2_title_link h2 a:hover,
	.h2_title_link h2 a:active,
	.sitemapPage01WrapBox li a:hover,
	.sitemapPage01WrapBox li a:active{
		color:#db0225;
		text-decoration:none;
		outline:0 none;
	}
	.h2_title_link h2 a::after,
	.sitemapPage01WrapBox li a::after {
		position: absolute;
		left: 0;
		content: '';
		width: 100%;
		height: 1px;
		background: #db0225;
		transform: scale(0, 1);
		transform-origin: right top;
		transition: transform .5s;
	}
	.h2_title_link h2 a::after {
		bottom: -11px;
	}
	.sitemapPage01WrapBox li a::after {
		bottom: -6px;
	}
	.h2_title_link h2 a:hover::after,
	.sitemapPage01WrapBox li a:hover::after {
		transform-origin: left top;
		transform: scale(1, 1);
	}
}

@media screen and (min-width: 1001px){
	.sitemapPage01WrapBox li:nth-child(4n){
		margin-right:0;
	}
}
@media screen and (max-width: 1000px){
	.sitemapPage01WrapBox li{
		font-size:1.3em;
		line-height: 1.6em;
		letter-spacing:0.25px;
		width:32%;
		margin-right:2%;
	}
	.sitemapPage01WrapBox li:nth-child(3n){
		margin-right:0;
	}
	
	.sitemapPage01WrapBox{
	padding:10% 5%;
	}
}
@media screen and (max-width: 767px){
	.sitemapPage01WrapBox{
		padding:5%;
		margin-bottom:5%;
	}
	.sitemapPage01WrapBox ul{
		padding:0px;
	}
	.sitemapPage01WrapBox li{
		float:none;
		width:100%;
	}
}





/* catalogPageWrap▼▼
------------------------------------------------------------ */
.catalogPage01Wrap{
	padding: 70px 5% 30px 5%;
	max-width:1400px;
	margin:auto;
}
.catalogPage01WrapBox{
	padding: 30px;
	background-color: #f2f2f2;
}
.catalogBox01{
	display:flex;
}
.catalogBox{
	padding: 30px;
	background-color: #fff;
	width:49%;
}
.catalogBox02{
	padding: 30px;
	background-color: #fff;
}
.catalogBox:nth-child(2){
		margin-left:2%;
}
.catalogPage .button{
	width:100%;
}
.catalogPageL{
	float:left;
	width:48%;
}
.catalogPageR{
	float:right;
	width:48%;
}

@media screen and (max-width: 1150px){
	.catalogPage01WrapBox,
	.catalogBox{
		padding: 5%;
		width:100%;
	}
	.catalogPageL,
	.catalogPageR{
		float:none;
		width:100%;
	}
	.catalogPageL{
		margin-bottom:10px;
	}
}
@media screen and (max-width: 767px){
	.catalogBox01{
		display:inline;
	}
	.catalogPageL{
	width:100%;
	}
}









/* contact▼▼
------------------------------------------------------------ */
.contact .PageTitleWrap{
	background:url("../../contact/img/title_bk.jpg") repeat-x top center;
	background-size: cover;
}
@media screen and (max-width: 767px){
	.contact .PageTitleWrap{
		background:url("../../contact/img/title_bk_sp.jpg") repeat-x top right;
		background-size: cover;
	}
}
.contactWrap{
	border:1px solid #bfbfbf;
	padding:40px;
	text-align:center;
}
.contactWrap h3{
	color:#4069e1;
	margin-bottom:10px;
}
@media screen and (max-width: 767px){
	.contactWrap{
		padding:5%;
	}
}


/* contact ▼▼
------------------------------------------------------------ */
.formatWrap table {
	width: 100%;
	border-top:1px #bfbfbf solid ;
	border-left:1px #bfbfbf solid ;
	border-right:1px #bfbfbf solid ;
	margin:10px 0;
	padding:0;
	font-size:1.4em;
	line-height: 1.6em;
	letter-spacing:0.5px;
	border-collapse:collapse;
}
.formatWrap table th,
.formatWrap table td{
	border-bottom:1px #bfbfbf solid ;
	padding:10px;
	margin:0;
	vertical-align:middle;
}
.formatWrap table th{
	font-weight:300;
	text-align:left;
	width: 25%;
	background:#edf1fc;
}
.formatWrap table td{
	background:#fff;
}
.wp20{
	width:20%;
	margin-bottom:5px;
}
.wp50{
	width:50%;
}
.wp95{
	width: 95%;
}
.nowrap{
	white-space: nowrap;
}

input,
textarea {
	padding:3px;
}
select {
	padding:3px;
 	font-size:14px;
}


.form_btn1,
.form_btn2{
	position:relative;
	background-color:#5176e4;
	border:none;
	color:#FFFFFF;
	text-decoration:none;
	display:inline-block;
	vertical-align:middle;
	*vertical-align:auto;
	*zoom:1;
	*display:inline;
	padding:5px 0 7px 0;
	font-size:1.4em;
	line-height: 1.8em;
	width:250px;
	margin-top:10px;
	margin-bottom:100px;
}
.form_btn2{
	background-color:#777;
	margin-bottom:100px;
}
@media screen and (max-width: 767px){
	.form_btn1,
	.form_btn2{
		display:block;
		width:100%;
		margin:0 auto;
		padding:9px 0 11px 0;
		margin-bottom:10px;
	}
	.form_btn1{
		margin-bottom:100px;
	}
}
@media screen and (min-width: 768px){
	.form_btn1,
	.form_btn2{
		-moz-transition:background-color 0.25s ease,color 0.25s ease;
		-o-transition:background-color 0.25s ease,color 0.25s ease;
		-webkit-transition:background-color 0.25s ease,color 0.25s ease;
		transition:background-color 0.25s ease,color 0.25s ease;
	}
	.form_btn1:hover{
		background-color:#7e9aee;
		cursor:pointer;
	}
	.form_btn2:hover{
		background-color:#aaa;
		cursor:pointer;
	}
}



@media screen and (max-width: 767px){
	.formatWrap table th,
	.formatWrap table td{
		width:auto;
		display: block;
	}
	.formatWrap table th{
		border-right:none;
	}
	.wp20{
		width:50%;
	}
	.wp50,
	.wp95{
		width:100%;
	}
	.form_btn1
	input[type="submit"]{
		-webkit-appearance: none;
		width:100%;
		margin-bottom:2%;
	}
	
	
	textarea {
		-webkit-appearance: none;
		padding:2%;
		border: 1px solid #777;
	}
	
	input[type="radio"] {
		position: relative;
		-webkit-appearance: button;
		appearance: button;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		width: 24px;
		height: 24px;
		content: "";
		background-color: #FFFFFF;
		border: 1px solid #999999;
		-webkit-border-radius: 24px;
		border-radius: 24px;
		-webkit-box-shadow: inset 4px 4px 10px rgba(0,0,0,0.2);
		box-shadow: inset 4px 4px 10px rgba(0,0,0,0.2);
		vertical-align: middle;
		cursor: pointer;
	}

	input[type="radio"]:checked:after {
		display: block;
		position: absolute;
		top: 5px;
		left: 5px;
		content: "";
		width: 12px;
		height: 12px;
		background: #58b16c;
		-webkit-border-radius: 12px;
		border-radius: 12px;
	}


}







/* 採用情報 ▼▼
------------------------------------------------------------ */
.recruitPage00Wrap{
	position: relative;
	width:100%;
	text-align:center;
}
.recruitPage00Wrap .recruitPage00NakaWrap{
	width:90%;
	position: absolute;
    top: 0;
    left: 0;
    top: 50%; /* 追記 */
    left: 35%; /* 追記 */
    -ms-transform: translate(-50%, -50%); /* 追記 */
    -webkit-transform: translate(-50%, -50%); /* 追記 */
    transform: translate(-50%, -50%); /* 追記 */
}
.recruitPage00Wrap .recruitPage03Wrap{
	width:90%;
	position: absolute;
    top: 0;
    left: 0;
    top: 40%; /* 追記 */
    left: 50%; /* 追記 */
    -ms-transform: translate(-50%, -50%); /* 追記 */
    -webkit-transform: translate(-50%, -50%); /* 追記 */
    transform: translate(-50%, -50%); /* 追記 */
}
.recruitPage00Wrap .recruitPage00NakaWrap img{
	max-width:100%;
	height:auto;
}
.recruitPage00Wrap .recruitPage03Wrap img{
	max-width:70%;
	height:auto;
}

@media screen and (max-width: 1200px){
	.recruitPage00Wrap .recruitPage00NakaWrap{
		left: 35%; /* 追記 */
}
	.recruitPage00Wrap .recruitPage00NakaWrap img{
		max-width:60%;
		height:auto;
	}
	.recruitPage00Wrap .recruitPage03Wrap img{
		max-width:90%;
		height:auto;
	}
}
	
.recruitPage01Wrap{
	padding: 0 5%;
	max-width:1400px;
	margin:auto;
}
.recruitPage02Wrap{
	background-image: url(../../recruit/img/04bk.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position:  0 0;
	margin: 0;
	text-align:center;
}
.recruitPage02Wrap img{
	margin-top: 25%;
	max-width:80%;
	height:auto;
}
.h2_titleRecruit h2{
	font-size:2.4em;
	letter-spacing:1.5px;
	font-weight:500;
}

.h2_titleRecruit h2 span{
	font-size:1.5em;
	color:#146097;
}
.recruitBlue {
	padding: 30px;
	background:#96c4ea;
	margin-bottom:20px;
}
.recruitGreen {
	padding: 30px;
	background:#b9d676;
	margin-bottom:20px;
}
.recruit2Green {
	padding: 30px 0;
	background: #d1e5b1;
	margin-bottom:10px;
}



/* アルフィンの雨に対する考え方 ▼▼
------------------------------------------------------------ */
.rainPage01Wrap .floatL,
.rainPage02Wrap .floatL{
	width:68%;
}
.rainPage01Wrap .floatR,
.rainPage02Wrap .floatR{
	width:30%;
}
.rainPage01WrapBox,
.rainPage02WrapBox{
	width:100%;
	padding:30px;
	border:1px solid #dcdcdc;
}
.rainPage02WrapBox p{
	text-align: center;
	line-height: 1.3em;
	letter-spacing:1.0px;
	margin-bottom: 5px;
	font-weight:500;
}

.raintableWrap table{
	width: 100%;
	border-top:1px #d2d2d2 solid ;
	border-left:1px #d2d2d2 solid ;
	padding:0;
	font-size:1.3em;
	line-height: 1.8em;
	letter-spacing:0.5px;
	border-collapse:collapse;
	text-align: center;
} 
.raintableWrap table th,
.raintableWrap table td{
	border-bottom:1px #d2d2d2 solid ;
	padding:5px;
	margin:0;
	vertical-align:middle;
}
.raintableWrap table th{
	font-weight:500;
	background:#e8e8e8;
	border-right:1px #d2d2d2 solid ;
	font-weight:300;
}
.raintableWrap table td{
	border-right:1px #d2d2d2 solid ;
	background:#fff;
}
.raintableWrap table td.tableTh{
	background:#f8f8f8;
}
.rainPage02Wrap ul{
	margin:0;
	padding:0;
}
.rainPage02Wrap li{
	list-style: none;
	float:left;
	width: 32.5%;
	margin: 10px 1.25% 10px 0;
	padding:0;
}
.rainPage02Wrap li img{
	width:100%;
	height:auto;
}
.rainPage02Wrap li:last-child{
	float:left;
	margin: 10px 0;
}

@media screen and (max-width: 767px){
	.rainPage01Wrap .floatL,
	.rainPage01Wrap .floatR,
	.rainPage02Wrap .floatL,
	.rainPage02Wrap .floatR{
	width:100%;
	}
	.rainPage02Wrap li {
		float:none;
		width: 100%;
	}
}

/* 庇について：タブメニュー ▼▼
------------------------------------------------------------ */
.alfinTab{
	padding: 70px 5% 0px 5%;
	max-width:1400px;
	margin:auto;
}
.alfinTab div{
	width: 100%;
	border-bottom: 2px solid #082553;
	display:table;
}
.alfinTab a{
	background:#eee;
	text-align:center;
	vertical-align:middle;
	border-left: 2px solid #fff;
	display: table-cell;
	width : calc(100% / 5);
	transition: all 200ms linear;
	font-size:1.4em;
	line-height: 1.8em;
	font-weight:500;
	padding:10px 0;
	
}
.alfinTab a span{
	font-size:0.8em;
	line-height: 0.6em;
}
.alfinTab a:nth-child(1){
	border-left: none;
}
.alfinTab .selectTab{
	background:#082553;
	color:#fff;
}


@media screen and (min-width: 768px){
	.alfinTab a:hover{
		background:#082553;
		color:#fff !important;
	}
}

@media screen and (max-width: 767px){
		.alfinTab div{
			display:inline;
			display: flex;
			flex-wrap: wrap;
		}
		.alfinTab a{
			width : calc(100% / 2) ;
			border-bottom: 2px solid #fff;
		}
		.alfinTab a:nth-child(3),
		.alfinTab a:nth-child(5){
			border-left: none;
		}
		.alfinTab a:nth-child(5),
		.alfinTab a:nth-child(6){
			border-bottom: none;
		}
}



.errorBox{
	border: 2px solid #db0225;
	padding: 20px;
	text-align:center;
	margin-bottom:30px;
}
.errorBox h3{
	font-size:2.0em;
	font-weight:500;
	border-bottom: 1px solid #db0225;
	color:#db0225;
	margin-bottom:10px;
	padding-bottom: 10px;
}
.errorBox li{
	font-size:1.4em;
	color:#db0225;
}



/* 画像送信フォーム */

/* imageform BASE▼▼
------------------------------------------------------------ */
.imageformPageWrap{
	padding: 50px 5% 30px 5%;
	max-width:1400px;
	margin:auto;
}

.imageform .PageTitleWrap{
	background:url("../../imageform/img/title_bk.jpg") repeat-x top center;
	background-size: cover;
}
.imageform table {
	width: 100%;
	padding:0;
	border-collapse:collapse;
}
.imageform table th,
.imageform table td{
	padding:30px 0;
	vertical-align:middle;
	font-size:1.4em;
	line-height: 1.6em;
	letter-spacing:0.5px;
	border-bottom:1px #d2d2d2 solid ;
}
.imageform table th{
	text-align:left;
	width: 320px;
	font-weight:500;
}
.imageform table td{
	background:#fff;
	font-weight:300;
}
.imageform table th .hisu,
.imageform table th .nini{
	color:#fff;
	font-size:0.8em;
	padding:2px 20px;
	float:right;
	margin-right:30px;
}
.imageform table th .hisu{
	background:#db0225;
}
.imageform table th .nini{
	background:#082553;
}
.imageform .w400 {
	width: 400px;
}
.imageform .lineBox{
	border:1px solid #c3c0c1;
	padding:15px;
}
.imageformBox{
	max-width:1400px;
	border:1px solid #c3c0c1;
	padding:15px;
    display: flex;
    align-items: center;
}
.imageformBox h3{
	font-size:2.0em;
	line-height: 2.2em;
	letter-spacing:0.5px;
	font-weight:500;
}


@media screen and (max-width: 767px){
	.imageform table th,
	.imageform table td{
		width:auto;
		display: block;
	}
	.imageform table th{
		border-bottom:none;
		padding:30px 0 10px 0;
	}
	.imageform table td{
		padding:0 0 30px 0;
	}
	.imageform .w400 {
		width: 100%;
	}
	.imageform table th .hisu,
	.imageform table th .nini{
		margin:0 0 0 10px;
		float:none;
	}
	#previewArea img,
	#previewArea01 img,
	#previewArea02 img,
	#previewArea03 img,
	#previewArea04 img{
		width: 100%;
		height:auto;
	}
}




/* imageform BASE2▼▼
------------------------------------------------------------ */
.imageformPage01WrapBox ul{
	margin:0;
	padding:0;
	display: flex;
	flex-wrap: wrap;
}
.imageformPage01WrapBox li{
	position: relative;
	width: 100%;
	height: 100%;
}
.imageformPage01WrapBox li::before {
  content: "";
  display: block;
  padding-top: 100%;
}
.imageform input::placeholder,
.imageform textarea::placeholder{
	color:#d2d2d2;
}
.imageform input[type="text"],
.imageform input[type="email"],
.imageform textarea{
	padding:5px;
	font-size:1.0em;
	line-height: 1.6em;
	letter-spacing:0.5px;
	border:1px solid #c3c0c1;
}


.imageformPage01WrapBox .max04k li{
	max-width: 25%;
}
ul.max04k li:nth-child(4) label{
	border-right: 1px solid #c3c0c1;
}


.imageform ul.if-cboxtags li label{
	display: inline-block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    transition: all .2s;
	position: absolute;
	top: 0;
	left: 0;
	text-align:center;
	border-top: 1px solid #c3c0c1;
	border-left: 1px solid #c3c0c1;
	border-bottom: 1px solid #c3c0c1;
    width: 100%;
	height:100%;
	cursor: pointer;
	bottom:0;
	font-size:0.9em;
	line-height: 1.2em;
	font-weight: 500;
	padding-top: 15px;
}
.imageform ul.if-cboxtags li label::before{
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
	font-size:1.2em;
    padding: 6px 6px 2px 2px;
	content: "\f067";
	color:#a3a5a7;
    transition: transform .3s ease-in-out;
}

.imageform ul.if-cboxtags li input[type="radio"]:checked + label::before,
.imageform ul.if-cboxtags li input[type="checkbox"]:checked + label::before{
    content: "\f00c";
	color:#fff;
    transform: rotate(-360deg);
    transition: transform .3s ease-in-out;
}
.imageform ul.if-cboxtags li input[type="radio"],
.imageform ul.if-cboxtags li input[type="checkbox"] {
  position: absolute;
  opacity: 0;
}

.imageformPage01WrapBox .max02k li{
	max-width: 50%;
}
ul.max02k li:nth-child(2) label{
	border-right: 1px solid #c3c0c1;
}
.imageformPage01WrapBox .max02k li::before,
.imageformPage01WrapBox .max04k li::before{
	padding-top: 60px;
}
.imageform ul.if-cboxtags li.person01 input[type="radio"]:checked + label,
.imageform ul.if-cboxtags li.person02 input[type="radio"]:checked + label,
.imageform ul.if-cboxtags li.person03 input[type="radio"]:checked + label,
.imageform ul.if-cboxtags li.person04 input[type="radio"]:checked + label,
.imageform ul.if-cboxtags li.situation01 input[type="radio"]:checked + label,
.imageform ul.if-cboxtags li.situation02 input[type="radio"]:checked + label,
.imageform ul.if-cboxtags li.situation03 input[type="radio"]:checked + label,
.imageform ul.if-cboxtags li.situation04 input[type="radio"]:checked + label,
.imageform ul.if-cboxtags li.reply01 input[type="checkbox"]:checked + label,
.imageform ul.if-cboxtags li.reply02 input[type="checkbox"]:checked + label {
	background-color: #082553;
	color: #fff;
	transition: all .2s;
}
.imageform input[type='file'] {
  color: rgb(31, 41, 55);
  cursor: pointer;
  border: 1px solid rgb(191, 194, 199);
  border-radius: 0.375rem;
  padding-right: 0.5rem;
  width: 100%;
}
::file-selector-button,
::-webkit-file-upload-button {
  background-color: rgb(209, 213, 219);
  color: rgb(31, 41, 55);
  border: none;
  cursor: pointer;
  border-right: 1px solid rgb(191, 194, 199);
  padding: 0.25rem 1rem;
  margin-right: 1rem;
}
.imageform .errorBox{
	border: 2px solid #db0225;
	padding: 20px;
	text-align:center;
	margin-bottom:30px;
}
.imageform .errorBox h3{
	font-size:2.0em;
	font-weight:500;
	border-bottom: 1px solid #db0225;
	color:#db0225;
	margin-bottom:10px;
	padding-bottom: 10px;
}
.imageform .errorBox li{
	font-size:1.4em;
	color:#db0225;
}

@media screen and (max-width:767px) {
	.imageformPage01WrapBox .max04k li{
		max-width: 50%;
	}
	.imageformPage01WrapBox .max04k li:nth-child(2) label{
		border-right: 1px solid #c3c0c1;
	}
	.imageformPage01WrapBox .max04k li:nth-child(3) label,
	.imageformPage01WrapBox .max04k li:nth-child(4) label{
		border-top:none;
	}
}

/* ボタンの切り替え */
.imageform ul.ks-cboxtags li.person01 input[type="radio"]:checked + label,
.imageform ul.ks-cboxtags li.person02 input[type="radio"]:checked + label,
.imageform ul.ks-cboxtags li.person03 input[type="radio"]:checked + label,
.imageform ul.ks-cboxtags li.person04 input[type="radio"]:checked + label,
.imageform ul.ks-cboxtags li.situation01 input[type="radio"]:checked + label,
.imageform ul.ks-cboxtags li.situation02 input[type="radio"]:checked + label,
.imageform ul.ks-cboxtags li.situation03 input[type="radio"]:checked + label,
.imageform ul.ks-cboxtags li.situation04 input[type="radio"]:checked + label {
	background-color: #082553;
	color: #fff;
	transition: all .2s;
}
.personSelect,
.situationSelect{
	pointer-events: none;　/*クリックをキャンセル*/
}
.personSelect,
.situationSelect{
	opacity: 0.25;
}
.personSelectN,
.situationSelectN{
	display: none ;
}

/* ファイルのドラックドロップ */
#dragDropArea,
#dragDropArea01,
#dragDropArea02,
#dragDropArea03,
#dragDropArea04{
  background-color: #f4f4f4;
  margin: 10px;
  padding: 10px;
  border: #ddd dashed 4px;
  min-height: 150px;
}
#dragDropArea p,
#dragDropArea01 p,
#dragDropArea02 p,
#dragDropArea03 p,
#dragDropArea04 p{
    color: #999;
    font-weight: bold;
	font-size:1.0em;
  text-align: center;
}
#dragDropArea .drag-drop-buttons,
#dragDropArea01 .drag-drop-buttons,
#dragDropArea02 .drag-drop-buttons,
#dragDropArea03 .drag-drop-buttons,
#dragDropArea04 .drag-drop-buttons{
    margin-top: 20px;
	font-size:1.0em;
}
.drag-drop-buttons input{
    margin: auto;
}
#previewArea img,
#previewArea01 img,
#previewArea02 img,
#previewArea03 img,
#previewArea04 img{
  text-align: left;
    margin-top: 10px;
	max-width:300px;
	height:auto;
}

.aboutPage table {
	-webkit-text-size-adjust: 100%;
}
.aboutPage input, .aboutPage select, .aboutPage textarea {
	font-size: 14px;
}