/* ▼▼ indexPage ▼▼ ------------------------------------------------------------ */

/*========= LoadingのためのCSS ===============*/

/* Loading背景画面設定　*/
#splash {
    /*fixedで全面に固定*/
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 999;
	background:#fff;
	text-align:center;
	color:#fff;
	display: none;
}

/* Loading画像中央配置　*/
#splash_logo {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

/* Loading アイコンの大きさ設定　*/
#splash_logo img {
  width:260px;
}

/* fadeUpをするアイコンの動き */
.fadeLoadingUp{
animation-name: fadeUpLoadingAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity: 0;
}

@keyframes fadeUpLoadingAnime{
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
/* Main image▼▼
------------------------------------------------------------ */
#mainImageWrap .full div {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: left;
	height: 100vh;
	margin: 0;
}
#mainImageWrap .full div.img01 {
  background-image: url(../../img/mainimg01.jpg);
}
#mainImageWrap .full div.img02 {
  background-image: url(../../img/mainimg02.jpg);
}
#mainImageWrap .full div.img03 {
  background-image: url(../../img/mainimg03.jpg);
}
#mainImageWrap .full .slick-dots {
  bottom: 4%;
  z-index: +1;
}


.indexPage #mainImageWrap .full h2 {
	position: absolute;
	z-index:1;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	font-size:6.0em;
	letter-spacing:1.5px;
	font-weight:500;
	text-transform: uppercase;
	color:#002653;
}
.indexPage #mainImageWrap .full span {
	color:#db0225;
}
@media screen and (max-width: 1000px){
	.indexPage #mainImageWrap .full h2{
		font-size:4.8em;
	}
}
@media screen and (max-width: 767px){
	.indexPage #mainImageWrap .full h2{
		font-size:2.2em;
	}
}





/*スクロールダウン全体の場所*/
.scrolldown{
    /*描画位置※位置は適宜調整してください*/
	position:absolute;
	bottom:1%;
	right:3%;
    /*矢印の動き1秒かけて永遠にループ*/
	animation: arrowmove 1s 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;
}






/* indexPage01Wrap▼▼
------------------------------------------------------------ */
.indexPage01Wrap{
	width:100%;
	position:relative;
	background:#edeff0;
	padding: 100px 5%;
}
.indexPage01R{
	color:#000;
	width:43%;
	display: inline-block;
	vertical-align: middle;
	margin-left: 6%;
}
.indexPage01L{
	width: 50%;
	display: inline-block;
	vertical-align: middle;
}
.indexPage01L img{
	width: 100%;
	height:auto;
}
.indexPage01R h2{
	font-size:2.4em;
	line-height: 0.9em;
	letter-spacing:2.0px;
	margin-bottom: 20px;
	font-weight:500;
}
.indexPage01R h2 span{
	color:#888;
	font-size:0.5em;
	letter-spacing:1.2px;
}
.indexPage01R p{
	font-size:1.4em;
	line-height: 1.6em;
	letter-spacing:2.0px;
	margin-bottom: 30px;
}

.indexPage01Wrap .button{
    display:inline-block;
	background:rgba(255,255,255,0.25);
    width: 250px;
    padding:20px 35px;
    color:#002653;
    margin:5px;
    border:1px solid #9a9b9c;
    cursor:pointer;
    position: relative;
	text-decoration: none;
	font-size:1.4em;
	line-height: 1.4em;
	letter-spacing:1.0px;
	text-decoration:none;
	font-weight:500;
}
.indexPage01Wrap .button span{
	font-size:0.7em;
	line-height: 1.4em;
	letter-spacing:1.0px;
	font-weight:300;
}
.indexPage01Wrap .button::after{
    content: "";
    display: block;
    position: absolute;
    top: calc(42% - 5px);
    right: 30px;
    width: 20px;
    height: 5px;
    border: none;
    border-right: 2px solid #db0225;
    border-bottom: 2px solid #db0225;
    transform: skew(45deg);
}
@media screen and (min-width: 768px){
	.button,
	.button::before,
	.button::after{
			-webkit-transition: all .3s;
			transition: all .3s;
	}

	.button:hover::after{
		right: 20px;
		width: 30px;
	}
	.indexPage01Wrap .button:hover{
		background:rgba(255,255,255,0.70);
		color:#db0225;
	}
}
@media screen and (max-width:1000px){
	.indexPage01Wrap .button{
		width: 210px;
		padding:10px 30px;
	}
}



@media screen and (max-width: 767px){
	.indexPage01Wrap{
		position:static;
		height: auto;
	}
	.indexPage01Wrap{
		height: auto;
	}
	.indexPage01L{
		position:static;
		width: 100%;
		display: block;
	}
	.indexPage01R{
		position:static;
		width: 100%;
		margin:30px 0 0 0;
		display: block;
	}
	.indexPage01R h2{
	font-size:2.0em;
	}
	.indexPage01Wrap .button{
		width: 100%;
		margin:0;
		padding:10px 30px;
	}
}


/* indexPage02Wrap▼▼
------------------------------------------------------------ */
.indexPage02Wrap ul{
	width:100%;
	margin:0 auto;
	display:-webkit-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	margin-top:-30px;
}
.indexPage .indexPage02Wrap ul{
}
.indexPage02Wrap li{
	position: relative;
	width:33.33%;
	background:#002653;
	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 #022d62;
}
.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;
}
.indexPage02Wrap li a{
	display:block;
	width:100%;
	height:0;
	padding-bottom:110%;
	overflow:hidden;
}
.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:80%;
	}
}
@media screen and (min-width: 768px){
	.indexPage02Wrap li a img{
		opacity:1.0;
		-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 .button{
    display:inline-block;
	background:rgba(255,255,255,0.25);
    width: 250px;
    padding:20px 35px;
    color:#fff;
    margin:5px;
    border:1px solid #bbb;
    cursor:pointer;
    position: relative;
	text-decoration: none;
	font-size:1.4em;
	line-height: 1.4em;
	letter-spacing:1.0px;
	font-weight:500;
	text-decoration:none;
	text-align:left;
}
.indexPage02Wrap .button span{
	font-size:0.7em;
	line-height: 1.4em;
	letter-spacing:1.0px;
	font-weight:300;
}
.indexPage02Wrap .button::after{
    content: "";
    display: block;
    position: absolute;
    top: calc(42% - 5px);
    right: 30px;
    width: 20px;
    height: 5px;
    border: none;
    border-right: 2px solid #db0225;
    border-bottom: 2px solid #db0225;
    transform: skew(45deg);
}
@media screen and (min-width: 768px){
	.indexPage02Wrap li a:hover .button:after{
		right: 20px;
		width: 30px;
	}
	.indexPage02Wrap li a:hover .button{
		border:1px solid #fff;
		background:rgba(255,255,255,0.90);
		color:#db0225;
	}
}
@media screen and (max-width:1000px){
	.indexPage02Wrap .button{
    width: 210px;
    padding:10px 30px;
	}
}



/* Toppage News ▼▼
------------------------------------------------------------ */
.indexPage .newsWrap{
	padding: 100px 5%;
	background:#fff;
}
.indexPage .newsWrap .h2_title_news{
	padding:1% 0 0 0;
	width:20%;
	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:79%;
	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:13%;
	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:87%;
	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 ul{
		width:100%;
	}
	.indexPage .newsWrap li span{
			width:16%;
	}
	.indexPage .newsWrap li p{
		width:70%;
	}
}

@media screen and (max-width: 767px){
	.indexPage .newsWrap{
		width:100%;
		padding:10% 0;
	}
	.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;
	}
}




/* ▼▼ CAD DATA ▼▼ ------------------------------------------------------------ */
.caddata .PageTitleWrap,
.caddataNaka .PageTitleWrap{
	background:url("../../caddata/img/title_bk.jpg") repeat-x top center;
	background-size: cover;
}
.caddataWrapWaku {
	border:2px solid #000;
	padding:10px;
}

.caddata table,
.caddataNaka table{
	width: 100%;
	border-top:1px #bfbfbf solid ;
	border-left:1px #bfbfbf solid ;
	margin:10px 0;
	padding:0;
	font-size:1.4em;
	line-height: 1.6em;
	letter-spacing:0.5px;
	border-collapse:collapse;
}
.caddata table th,
.caddata table td{
	border-bottom:1px #bfbfbf solid ;
	border-right:1px #bfbfbf solid ;
	padding:10px 5px;
	margin:0;
	vertical-align:middle;
}
.caddataNaka table th,
.caddataNaka table td{
	border-bottom:1px #bfbfbf solid ;
	border-right:1px #bfbfbf solid ;
	padding:10px 10px;
	margin:0;
	vertical-align:middle;
}
.caddata table th{
	font-weight:500;
	text-align:center;
	width: 25%;
	background:#e4e9ed;
}
.caddataNaka table th{
	font-weight:500;
	text-align:center;
	background:#e4e9ed;
}
.caddata table td{
	background:#fff;
	text-align:center;
}

.caddata .button{
	display:inline-block;
	background:rgba(0,38,83,1);
	width: 140px;
	padding:8px 0px 10px 10px;
	color:#fff;
	cursor:pointer;
	position: relative;
	text-decoration: none;
	text-align:left;
}
.caddata .button::after{
    content: "";
    display: block;
    position: absolute;
    top: calc(52% - 5px);
    right: 20px;
    width: 20px;
    height: 5px;
    border: none;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: skew(45deg);
}
.caddataNaka .back_button{
	display:inline-block;
	background:rgba(0,38,83,1);
	width: 230px;
	padding:8px 10px 10px 0px;
	color:#fff;
	cursor:pointer;
	position: relative;
	text-decoration: none;
	text-align:right;
	font-size:1.4em;
	line-height: 1.6em;
	letter-spacing:0.5px;
}
.caddataNaka .back_button::after{
    content: "";
    display: block;
    position: absolute;
    top: calc(52% - 5px);
    left: 20px;
    width: 20px;
    height: 5px;
    border: none;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: skew(125deg);
}

.waku01{
	float: left;
	width: 32%;
}
.waku02{
	float: left;
	width: 32%;
	margin-left:2%;
}
.waku03{
	float: right;
	width: 32%;
}

@media screen and (min-width: 768px){
	.caddata .button,
	.caddata .button::before,
	.caddata .button::after,
	.caddataNaka .back_button,
	.caddataNaka .back_button::before,
	.caddataNaka .back_button::after{
			-webkit-transition: all .3s;
			transition: all .3s;
	}
	.caddata .button:hover::after{
		right: 10px;
		width: 30px;
	}
	.caddataNaka .back_button:hover::after{
		left: 10px;
		width: 30px;
	}
	.caddata .button:hover,
	.caddataNaka .back_button:hover{
		background:#db0225;
	}
}


@media screen and (max-width: 1000px){
	.waku01,
	.waku03{
		float: left;
		width: 49%;
	}
	.waku02{
		float: right;
		width: 49%;
		margin-left:0;
	}
}

@media screen and (max-width: 767px){
	.caddata .button{
		width: 130px;
	}
	.caddata .button::after{
		right: 10px;
	}
	
	.caddataNaka .back_button{
		width: 100%;
		text-align:center;
		padding:8px 0px 10px 0px;
	}
	.waku01,
	.waku02,
	.waku03{
		float: none;
		width: 100%;
	}
}




/* ▼▼ 設置動画 ▼▼ ------------------------------------------------------------ */
.movie .PageTitleWrap{
	background:url("../../movie/img/title_bk.jpg") repeat-x top center;
	background-size: cover;
}
.movieWrap ul{
	width:100%;
	margin:0 auto;
	display:-webkit-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
}
.movieWrap li{
	position:relative;
	margin-right:2%;
	margin-bottom:50px;
	height:0;
	text-align:center;
		width:48%;
		padding-top:27%;
}
.movieWrap li:nth-of-type(2n){
	margin-right:0;
}
.movieWrap iframe,
.movieWrap img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.movieWrap img{
	border:1px solid #ddd;
}

@media screen and (max-width: 767px){
	.movieWrap li{
		width:100%;
		margin-right:0;
		padding-top:56%;
	}
}





/* ▼▼ 風圧強度計算 ▼▼ ------------------------------------------------------------ */
.wind .PageTitleWrap{
	background:url("../../wind/img/title_bk.jpg") repeat-x top center;
	background-size: cover;
}
.wind .whiteWrap ol{
}
.wind .whiteWrap li{
	font-size:1.4em;
	line-height: 1.6em;
	letter-spacing:1.5px;
	margin-bottom:1.0em;
}






/* ▼▼ 見積りシミュレーション ▼▼ ------------------------------------------------------------ */
.simulation .PageTitleWrap{
	background:url("../../simulation/img/title_bk.jpg") repeat-x top center;
	background-size: cover;
}
select.minimal {
	font: bold 1em/100% "Helvetica Neue", Arial, sans-serif;
	background-color: white;
	border:1px solid #ddd;
	border-radius:3px;
	display: inline-block;
	font: inherit;
	padding: 0.5em 3.5em 0.6em 1em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	font-size:1.4em;
	line-height: 1.6em;
	background-image:
		linear-gradient(45deg, transparent 50%, gray 50%),
		linear-gradient(135deg, gray 50%, transparent 50%),
		linear-gradient(to right, #ccc, #ccc);
	background-position:
		calc(100% - 20px) calc(1em + 2px),
		calc(100% - 15px) calc(1em + 2px),
		calc(100% - 2.8em) 0.5em;
	background-size:
		5px 5px,
		5px 5px,
		1px 1.6em;
	background-repeat: no-repeat;
	vertical-align:bottom;
}

select.minimal:focus {
  background-image:
    linear-gradient(45deg, #002653 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, #002653 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em,
    calc(100% - 2.8em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.6em;
  background-repeat: no-repeat;
  border-color: #002653;
  outline: 0;
}



.Searchbutton{
	position: relative;
	display:inline-block;
	width: 200px;
	padding:6px 0 8px 0;
	margin-left:5px;
	color:#fff !important;
	cursor:pointer;
	text-decoration: none;
	font-weight:500;
	font-size:1.4em;
	line-height: 1.8em;
	letter-spacing:1.0px;
	text-align:center;
	border: 0px;
	background:url("../img/seach.png") no-repeat center right #002653;
	background-size: 24px;
	transition: all 0.3s;
	vertical-align:top;
}
@media screen and (min-width: 768px){
	.Searchbutton:hover{
		transition: all 0.3s;
		background-color:#db0225;
	}
}
@media screen and (max-width: 767px){
	select.minimal{
		width: 100%;
	}
	.Searchbutton{
		width: 100%;
		padding:10px 10px;
		margin:5px 0;
	}
}

.simulationBox {
	width: 100%;
	border:1px #d2d2d2 solid ;
	padding:10px;
}
.simulation table {
	width: 100%;
	border-top:1px #d2d2d2 solid ;
	border-left:1px #d2d2d2 solid ;
	border-right:1px #d2d2d2 solid ;
	padding:0;
	font-size:1.4em;
	line-height: 1.6em;
	letter-spacing:1.0px;
	border-collapse:collapse;
}
.simulation table th,
.simulation table td{
	border-bottom:1px #d2d2d2 solid ;
	padding:10px;
	margin:0;
	vertical-align:middle;
}
.simulation table th{
	text-align:left;
	width: 25%;
	background:#e8e8e8;
	font-weight:500;
}
.simulation table td{
	background:#fff;
	font-weight:300;
}
.simulation table sup {
	font-size:0.6em;
	vertical-align:5px;
}
.simulation .w200 {
	width: 200px;
}
.simulation .w400 {
	width: 400px;
}

.simulation table.anser th{
	text-align:center;
}
.simulation table.anser th,
.simulation table.anser td{
	border-right:1px #d2d2d2 solid ;
	width:auto;
}

@media screen and (max-width: 767px){
	.simulationBox {
		padding:5%;
	}
	.simulation table.nomalBox th,
	.simulation table.nomalBox td{
		width:auto;
		display: block;
	}
	.simulation table.nomalBox th{
		border-right:none;
		border-bottom:none;
	}
	.simulation table.anser th,
	.simulation table.anser td{
		width:auto;
	}
	.simulation .w200,
	.simulation .w400 {
		width: 100%;
	}
	.simulation table.borderTopNon_sp {
		border-top:none ;
	}
	.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;
	}
}

/* Buttom▼▼
------------------------------------------------------------ */
.Forwardbutton,
.Backbutton{
	display:inline-block;
	background:#002653;
    padding:8px 0 10px 0;
    color:#fff !important;
    cursor:pointer;
    position: relative;
	text-decoration: none;
	text-decoration:none;
	font-weight:500;
	text-align:center;
}
.Forwardbutton,
.Backbutton{
	width: 200px;
	margin:5px;
	font-size:1.4em;
	line-height: 1.8em;
	letter-spacing:1.0px;
	border: 0px;
}
.Forwardbutton{
	width: 300px;
	background:#002653;
}
.Backbutton{
	width: 300px;
	background:#888;
}
@media screen and (min-width: 768px){
	.Forwardbutton,
	.Forwardbutton::before,
	.Forwardbutton::after,
	.Backbutton,
	.Backbutton::before,
	.Backbutton::after{
			transition: all 0.3s;
	}
	.Forwardbutton:hover,
	.Backbutton:hover{
		background:#db0225;
	}
}
@media screen and (max-width: 767px){
	.Forwardbutton,
	.Backbutton{
		width: 100%;
		padding:10px 10px;
		margin:5px 0;
	}
	input.Forwardbutton,
	input.Backbutton{
		-webkit-appearance: none; 
	}
}
@keyframes arrowbefore {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 0.75;
	}
	100% {
		opacity: 0;
		right: 1%;
	}
}

@media print{
	body {
		background: #fff;
	}
	.printnon{
		display:none;
	}
	.simulation .floatL_pc{
		float:left;
		width:49%;
	}
	.simulation .floatR_pc{
		float:right;
		width:49%;
		text-align:right;
	}
	.simulation table {
	font-size:1.2em;
	line-height: 1.5em;
	}
	.simulation .font12{
		font-size:1.0em;
		line-height: 1.4em;
	}
}





/* ▼▼ 風圧力計算 ▼▼ ------------------------------------------------------------ */
.strength .PageTitleWrap,
.strengthNaka .PageTitleWrap{
	background:url("../../strength/img/title_bk.jpg") repeat-x top center;
	background-size: cover;
}
.strength .whiteWrap h2 span{
	color:#000;
}
.strength .whiteWrap h4{
	border-bottom:1px solid #d2d2d2;
	padding-bottom:10px;
	margin-bottom:10px;
}
.strength .whiteWrap h3 span{
	font-weight:300;
	font-size:0.6em;
	color:#000;
}
.strength .whiteWrap h4 span{
	font-weight:300;
	font-size:0.8em;
}

.strengthWaku {
	border:1px solid #d2d2d2;
	padding:20px;
}
@media screen and (max-width: 767px){
	.strength .floatL,
	.strength .floatR{
		float: none;
	}
}
.strength .button{
	display:inline-block;
	background:rgba(0,38,83,1);
	width: 200px;
	padding:8px 0px 10px 10px;
	color:#fff;
	cursor:pointer;
	position: relative;
	text-decoration: none;
	text-align:left;
}
.strength .button::after{
    content: "";
    display: block;
    position: absolute;
    top: calc(52% - 5px);
    right: 20px;
    width: 20px;
    height: 5px;
    border: none;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: skew(45deg);
}
.strength .back_button{
	display:inline-block;
	background:rgba(0,38,83,1);
	width: 200px;
	padding:8px 10px 10px 0px;
	color:#fff;
	cursor:pointer;
	position: relative;
	text-decoration: none;
	text-align:right;
	font-size:1.4em;
	line-height: 1.6em;
	letter-spacing:0.5px;
}
.strength .back_button::after{
    content: "";
    display: block;
    position: absolute;
    top: calc(52% - 5px);
    left: 20px;
    width: 20px;
    height: 5px;
    border: none;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: skew(125deg);
}

@media screen and (min-width: 768px){
	.strength .button,
	.strength .button::before,
	.strength .button::after,
	.strength .back_button,
	.strength .back_button::before,
	.strength .back_button::after{
			-webkit-transition: all .3s;
			transition: all .3s;
	}
	.strength .button:hover::after{
		right: 10px;
		width: 30px;
	}
	.strength .back_button:hover::after{
		left: 10px;
		width: 30px;
	}
	.strength .button:hover,
	.strength .back_button:hover{
		background:#db0225;
	}
}

@media screen and (max-width: 767px){
	.strength .back_button{
		width: 100%;
		text-align:center;
		padding:8px 0px 10px 0px;
	}
	.strength .button{
	width: 150px;
	}
	.strength .button::after{
    right: 10px;
	}
}


select.minimal02{
	font: bold 1em/100% "Helvetica Neue", Arial, sans-serif;
	background-color: white;
	border:1px solid #ddd;
	border-radius:3px;
	display: inline-block;
	font: inherit;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-image:
		linear-gradient(45deg, transparent 50%, gray 50%),
		linear-gradient(135deg, gray 50%, transparent 50%),
		linear-gradient(to right, #ccc, #ccc);
	background-size:
		5px 5px,
		5px 5px,
		1px 1.6em;
	background-repeat: no-repeat;
	vertical-align:bottom;
	padding: 0.1em 3.5em 0.2em 1em;
	background-position:
		calc(100% - 20px) calc(0.7em + 2px),
		calc(100% - 15px) calc(0.7em + 2px),
		calc(100% - 2.8em) 0.5em;
}

select.minimal02:focus {
  background-image:
    linear-gradient(45deg, #002653 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, #002653 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-size:
    5px 5px,
    5px 5px,
    1px 1.6em;
  background-repeat: no-repeat;
  border-color: #002653;
  outline: 0;
  background-position:
    calc(100% - 15px) 0.7em,
    calc(100% - 20px) 0.7em,
    calc(100% - 2.8em) 0.5em;
}
.strength table {
	width: 100%;
	border-top:1px #d2d2d2 solid ;
	border-left:1px #d2d2d2 solid ;
	border-right:1px #d2d2d2 solid ;
	padding:0;
	border-collapse:collapse;
}
.strength table th,
.strength table td{
	border-bottom:1px #d2d2d2 solid ;
	padding:10px;
	margin:0;
	vertical-align:middle;
}
.strength table th{
	text-align:left;
	width: 25%;
	background:#e8e8e8;
	font-weight:500;
}
.strength table td{
	background:#fff;
	font-weight:300;
}
.strength table sup {
	font-size:0.6em;
	vertical-align:5px;
}
.strength table.nomalBox,
.strength table.anser,
.strength table.anser_sp100{
	font-size:1.4em;
	line-height: 1.6em;
	letter-spacing:1.0px;
}
.strength table.anser th,
.strength table.anser td,
.strength table.anser_sp100 th,
.strength table.anser_sp100 td{
	border-right:1px #d2d2d2 solid ;
	width:auto;
	text-align:center;
}
.strength table .w10,
.strength table.anser .w10,
.strength table.anser_sp100 .w10{
	width: 10%;
}
.strength table .w20,
.strength table.anser .w20,
.strength table.anser_sp100 .w20{
	width: 20%;
}
.strength table .w35,
.strength table.anser .w35,
.strength table.anser_sp100 .w35{
	width: 35%;
}
.strength table .w40,
.strength table.anser .w40,
.strength table.anser_sp100 .w40{
	width: 40%;
}
.strength table .w50,
.strength table.anser .w50,
.strength table.anser_sp100 .w50{
	width: 50%;
}

.strength table .yellowBK{
	background:#fff4c1;
}
.strength table .blueBK{
	background:#d1ecff;
}
.strength table .greenBK{
	background:#dbf8dd;
}
.strength table .pinkBK{
	background:#ffe7eb;
}
.strength table .skyBK{
	background:#a2d2fa;
}
.strength table .orangeBK{
	background:#ffe485;
}
.strength table .glayBK{
	background:#e8e8e8;
}


@media screen and (max-width: 767px){
	.strength table.nomalBox th,
	.strength table.nomalBox td{
		width:auto;
		display: block;
	}
	.strength table.nomalBox th{
		border-right:none;
		border-bottom:none;
	}
	.strength table.anser th,
	.strength table.anser td,
	.strength table.anser_sp100 th,
	.strength table.anser_sp100 td{
		width:auto;
	}
}

@media screen and (max-width: 930px){
	.table-wrap{
		overflow: auto; /*スクロールさせる*/
	}
	.table-wrap table.width-over{
		width: 1200px;
	}
}
@media screen and (max-width: 767px){
	.table-wrap table,
	.table-wrap table.anser{
		width: 642px;
	}
	.table-wrap table.anser_sp100{
		width: 100%;
	}
	.table-wrap::-webkit-scrollbar{
		width: 5px;
		background: #e5e5e5;
	}
	.table-wrap::-webkit-scrollbar:horizontal{
		height: 5px;
		background: #e5e5e5;
	}
	.table-wrap::-webkit-scrollbar-thumb{
		background: #5f5f5f;
		border-radius: 2px;
	}
	.table-wrap::-webkit-scrollbar-thumb:horizontal{
		background: #5f5f5f;
		border-radius: 2px;
	}
}

/* ▼▼ 取付説明書 ▼▼ ------------------------------------------------------------ */
.manual .PageTitleWrap,
.manualNaka .PageTitleWrap{
	background:url("../../manual/img/title_bk.jpg") repeat-x top center;
	background-size: cover;
}

.manual table{
	width: 100%;
	border-top:1px #bfbfbf solid ;
	border-left:1px #bfbfbf solid ;
	margin:10px 0;
	padding:0;
	font-size:1.5em;
	line-height: 1.6em;
	letter-spacing:0.5px;
	border-collapse:collapse;
}
.manual table th,
.manual table td{
	border-bottom:1px #bfbfbf solid ;
	border-right:1px #bfbfbf solid ;
	padding:10px 5px;
	margin:0;
	vertical-align:middle;
}
.manual table th{
	font-weight:500;
	text-align:center;
	background:#e4e9ed;
}
.manual table td{
	background:#fff;
	text-align:center;
}

.manual .button{
	display:inline-block;
	background:rgba(0,38,83,1);
	width: 140px;
	padding:8px 0px 10px 10px;
	color:#fff;
	cursor:pointer;
	position: relative;
	text-decoration: none;
	text-align:left;
}
.manual .button::after{
    content: "";
    display: block;
    position: absolute;
    top: calc(52% - 5px);
    right: 20px;
    width: 20px;
    height: 5px;
    border: none;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: skew(45deg);
}

.wakuL{
	float: left;
	width: 49%;
}
.wakuR{
	float: right;
	width: 49%;
}

@media screen and (min-width: 768px){
	.manual table td:nth-of-type(2){
		width: 160px;
	}
	.manual .button,
	.manual .button::before,
	.manual .button::after{
			-webkit-transition: all .3s;
			transition: all .3s;
	}
	.manual .button:hover::after{
		right: 10px;
		width: 30px;
	}
	.manual .button:hover{
		background:#db0225;
	}
}



@media screen and (max-width: 767px){
	.manual table td:nth-of-type(2){
		width: 150px;
	}
	.manual .button{
		width: 130px;
	}
	.manual .button::after{
		right: 10px;
	}
	.wakuL,
	.wakuR{
		float: none;
		width: 100%;
	}
}