@charset "UTF-8";
/* CSS Document */

/*パンクズリストの設定*/

#pankuzu_oya{
	width:100%;
	height:40px;
	background-color:#10124b;	
	border-bottom: 1px solid #eee;
	margin-top: 70px;
	
}

#pankuzu_ko{
	width:1100px;
	height:40px;
	margin:0 auto;
	background-color:#10124b;
}

#pankuzu_ko li{
	font-size:11px;
	display:inline;
	color:#fff;
	float:left;
	margin:0px;
	padding-right: 5px;
	line-height:40px;
    text-align:center;
	}
	
#pankuzu_ko li a{
	color:#fff;
	text-decoration:underline;
	}

#pankuzu_ko li a:hover{
	text-decoration:none;
	}	
	
#pankuzu_ko li:before{
	content:"＞";
	margin-right:10px;
	}
	
#pankuzu_ko li:first-child:before{
	content:"";
	}




.navWrapper{
	margin:0 auto;
	background-color: #fff;
	padding: 10px 0 0;
	

	
}


nav ul{
	width: 1000px;
	margin: 0 auto;
	padding-bottom: 10px;
	display: flex;
	justify-content: space-between; /* 左右均等分布 */
}

nav li{
	border: 1.5px solid #101254;
	width: 235px;
	padding: 10px 0;
	text-align: center;
}

.nowPage{
	background-color: #D7F0FF;
	
}





.mainImgWrapper{
	position: relative;
}

.mainImg{
	width: 100%;
	min-height: 570px;
	height: auto;
	margin-top: 10px;
}



.mainImg1{
	background: url("../reviewsheet/img/main1.jpg") no-repeat center;
	background-size:cover;
	
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
                  (min-resolution: 2dppx){
.mainImg1{
	background: url("../reviewsheet/img/main1@2x.jpg") no-repeat center;
	background-size:cover;
	
}
}


.mainImg2{
	background: url("../sp/img/main2.jpg") no-repeat center;
	background-size:cover;
	
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
                  (min-resolution: 2dppx){
.mainImg2{
	background: url("../sp/img/main2@2x.jpg") no-repeat center;
	background-size:cover;
	
}
}

.mainImg3{
	background: url("../api/img/main3.jpg") no-repeat center;
	background-size:cover;
	
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
                  (min-resolution: 2dppx){
.mainImg3{
	background: url("../api/img/main3@2x.jpg") no-repeat center;
	background-size:cover;
	
}
}

.mainImg4{
	background: url("../review/img/main4.jpg") no-repeat center;
	background-size:cover;
	
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
                  (min-resolution: 2dppx){
.mainImg4{
	background: url("../review/img/main4@2x.jpg") no-repeat center;
	background-size:cover;
	
}
}


.mainImg5{
	background: url("../karute/img/main5.jpg") no-repeat center;
	background-size:cover;
	
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
                  (min-resolution: 2dppx){
.mainImg5{
	background: url("../karute/img/main5@2x.jpg") no-repeat center;
	background-size:cover;
	
}
}


.mainImg6{
	background: url("../function/img/main6.jpg") no-repeat center;
	background-size:cover;
	
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
                  (min-resolution: 2dppx){
.mainImg6{
	background: url("../function/img/main6@2x.jpg") no-repeat center;
	background-size:cover;
	
}
}


.mainImg7{
	background: url("../dm/img/main7.jpg") no-repeat center;
	background-size:cover;
	
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
                  (min-resolution: 2dppx){
.mainImg7{
	background: url("../dm/img/main7@2x.jpg") no-repeat center;
	background-size:cover;
	
}
}

.mainImg8{
	background: url("../analysis/img/main8.jpg") no-repeat center;
	background-size:cover;
	
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
                  (min-resolution: 2dppx){
.mainImg8{
	background: url("../analysis/img/main8@2x.jpg") no-repeat center;
	background-size:cover;
	
}
}



.mainTextArea{
	margin-left: 60px;
}


.mainTitle{
	background-color: #10124b;
	display: inline-block;
	color:#fff;
	padding: 10px;
	margin: 40px 0;
	width: 350px;
	text-align: center;
}

.mainTitle_ipsp{
	display: none;
}


.mainTitle p{
	font-size: 4.5rem;
	/*border-bottom: solid 1px;*/
	display: inline;
	padding-bottom: 10px;
	
}


.mainTitle h2{
	font-size: 4.5rem;
	
}

.mainText{
	position: absolute;
	text-align: left;
	
}

.whiteshadow{
	text-shadow: 1px 1px 2px #fff; 
}

.blackshadow{
	text-shadow: 1px 1px 2px #000; 
}


.mainText1{
	color:#b4091e;
	font-size: 3.0rem;
	text-shadow: 1px 1px 2px #fff;
	font-family: “Times New Roman”, “游明朝”, YuMincho, “ヒラギノ明朝 ProN W3”, “Hiragino Mincho ProN”, “HG明朝E”, “メイリオ”, Meiryo, serif;
}
	

.mainText2{
	font-size: 1.6rem;
	line-height: 1.8em;
	
}

.contentsWrapper{
	width: 100%;
	padding: 0 5%;
	box-sizing: border-box;
	
}

.contents{
	padding: 40px 0;
	border-bottom: 1px solid #10124B;
	margin: 0 auto;
	
}



.contents1{
	padding: 40px 5%;
	box-sizing: border-box;
}

.textArea{
	text-align: left;
	margin: 0 auto;
}

.textArea h3{
	color:#B4091E;
	font-size:2.5rem;
	padding-bottom: 10px;
	
}

.textArea p{
	font-size:1.6rem;
	
}

.imgArea{
	text-align: center;
	padding-top: 20px;
	width: 100%;
	height: auto;
	margin: 0 auto;
	
}


.imgWrapper{
	margin: 0 auto;
	max-width: 900px;
	display: flex;
	justify-content: center;
}

.imgWrapper img{
	padding: 0 30px;
}


.contents2{
	padding: 40px;
	background: #F0EAE4;
	text-align: center;
	margin: 0 auto;
}

.contents2 img{
	padding-bottom: 30px;
	text-align: center;
	width: 100%;
	max-width: 1000px;
	height: auto;
}



.contentsLast{
	border-bottom: none;
}

/*==========================================
 ipad
===========================================*/
 @media only screen and (max-width:768px){
/*パンクズリストの設定*/

#pankuzu_oya{
	width:100%;
	height:40px;
	background-color:#10124b;	
	border-bottom: 1px solid #eee;
	
}

#pankuzu_ko{
	width:100%;
	height:40px;
	margin:0 auto;
	background-color:#10124b;
}

#pankuzu_ko li{
	font-size:11px;
	display:inline;
	color:#fff;
	float:left;
	margin:0px;
	padding-right: 5px;
	line-height:40px;
    text-align:center;
	}
	
#pankuzu_ko li a{
	color:#fff;
	text-decoration:underline;
	}

#pankuzu_ko li a:hover{
	text-decoration:none;
	}	
	
#pankuzu_ko li:before{
	content:"＞";
	margin-right:10px;
	}
	
#pankuzu_ko li:first-child:before{
	content:"";
	}


nav ul{
	width: 700px;
	margin: 0 auto;
	padding-bottom: 10px;
	display: flex;
	justify-content: space-between; /* 左右均等分布 */
}

nav li{
	border: 1.5px solid #101254;
	width: 160px;
	padding: 10px 0;
	text-align: center;
}
	 
.mainImgWrapper{
	position: relative;
		
}

.mainImg{
	width: 100%;
	min-height: 570px;
	height: auto;
	margin-top: 0px;

}



.mainImg1{
	background: url("../reviewsheet/img/main1_ip.jpg") no-repeat center;
	background-size:cover;
	
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
                  (min-resolution: 2dppx){
.mainImg1{
	background: url("../reviewsheet/img/main1_ip@2x.jpg") no-repeat center;
	background-size:cover;
	
}
}
	 
	 
.mainImg2{
	background: url("../sp/img/main2_ip.jpg") no-repeat center;
	background-size:cover;
	
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
                  (min-resolution: 2dppx){
.mainImg2{
	background: url("../sp/img/main2_ip@2x.jpg") no-repeat center;
	background-size:cover;
	
}
}
	 
.mainImg3{
	background: url("../api/img/main3_ip.jpg") no-repeat center;
	background-size:cover;
	
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
                  (min-resolution: 2dppx){
.mainImg3{
	background: url("../api/img/main3_ip@2x.jpg") no-repeat center;
	background-size:cover;
	
}
}
	 
.mainImg4{
	background: url("../review/img/main4_ip.jpg") no-repeat center;
	background-size:cover;
	
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
                  (min-resolution: 2dppx){
.mainImg4{
	background: url("../review/img/main4_ip@2x.jpg") no-repeat center;
	background-size:cover;
	
}
}
	 

.mainImg5{
	background: url("../karute/img/main5_ip.jpg") no-repeat center;
	background-size:cover;
	
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
                  (min-resolution: 2dppx){
.mainImg5{
	background: url("../karute/img/main5_ip@2x.jpg") no-repeat center;
	background-size:cover;
	
}
}


.mainImg6{
	background: url("../function/img/main6_ip.jpg") no-repeat center;
	background-size:cover;
	
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
                  (min-resolution: 2dppx){
.mainImg6{
	background: url("../function/img/main6_ip@2x.jpg") no-repeat center;
	background-size:cover;
	
}
}


.mainImg7{
	background: url("../dm/img/main7_ip.jpg") no-repeat center;
	background-size:cover;
	
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
                  (min-resolution: 2dppx){
.mainImg7{
	background: url("../dm/img/main7_ip@2x.jpg") no-repeat center;
	background-size:cover;
	
}
}

.mainImg8{
	background: url("../analysis/img/main8_ip.jpg") no-repeat center;
	background-size:cover;
	
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
                  (min-resolution: 2dppx){
.mainImg8{
	background: url("../analysis/img/main8_ip@2x.jpg") no-repeat center;
	background-size:cover;
	
}
}
	 

 .mainTextArea{
	margin-left: 0px;
}


.mainTitle{
display: none;
}
	 
.mainTitle_ipsp{
	display: block;
	background-color: #10124b;
	color:#fff;
	padding: 10px;
	width: 100%;
	text-align: center;
}
	 


.mainTitle p{
	font-size: 3.0rem;
	/*border-bottom: solid 1px #fff;*/
	display: inline;
	padding-bottom: 10px;
	
}


.mainTitle h2{
	font-size: 3.0rem;
	
}

.mainText{
	position: static;
	text-align: center;
	padding-top: 400px;
}


.mainText1{
	color:#b4091e;

	font-size: 3.0rem;
	font-family: “Times New Roman”, “游明朝”, YuMincho, “ヒラギノ明朝 ProN W3”, “Hiragino Mincho ProN”, “HG明朝E”, “メイリオ”, Meiryo, serif;
}
	 
.imgArea{
	text-align: center;
	padding-top: 20px;
	width: 100%;
	height: auto;
	margin: 0 auto;
	
}


.imgWrapper{
	margin: 0 auto;
	max-width: 750px;
	display: flex;
	justify-content: center;
}
	 
.img100{
	padding: 30px 0px;
	margin: 0 auto;
	text-align: center;
	width: 100%;
	height: auto;

	}		 
	 
.ip-block{
	margin: 0 auto;
	display: block;
	height: auto;
	text-align: center;	
}
	  
	 
.imgWrapper img{
	padding: 0 30px;
}
	 
.ip-block img{
	margin-bottom: 10px;

}		 
	 
	 
.contentsWrapper{
	width: 100%;
	padding: 0 5%;
	box-sizing: border-box;
	
}

.contents{
	padding: 40px 0;
	border-bottom: 1px solid #10124B;
	margin: 0 auto;
	
}



.contents1{
	padding: 20px 5%;
	box-sizing: border-box;
}
	 
	 
	 
	 
	 
	 

 .contentsLast{
	border-bottom: none;
}
		 
	 
}

/*==========================================
 sp
===========================================*/
 @media only screen and (max-width:480px){
	 
#pankuzu_oya{
	width:100%;
	height:40px;
	background-color:#10124b;	
	border-bottom: 1px solid #eee;
	margin-top: 60px;
	
}	 
	 
	 
.navWrapper{
	width: 100%;
	margin: 0 auto;
	box-sizing: border-box;
	padding:10px;
	 }
	 
	 
nav ul{
	width:  100%;
	margin: 0 auto;
	padding-bottom: 0px;
	display: flex;
	justify-content: space-between; /* 左右均等分布 */
}

nav li{
	border: 1px solid #101254;
	border-right: none;
	width: 120px;
	padding: 5px;
	text-align: center;
	vertical-align: middle;
	font-size: 1.2rem;
} 

.navTop li{
	border-bottom: none;
		 
	 }
	 
.navRight{
	border: 1px solid #101254;
		 
	 }	 

.mainImgWrapper{
	position: relative;
		
}

.mainImg{
	width: 100%;
	min-height: 480px;
	height: auto;
	margin-top: 0px;

}



.mainImg1{
	background: url("../reviewsheet/img/main1_sp.jpg") no-repeat center;
	background-size:cover;
	
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
                  (min-resolution: 2dppx){
.mainImg1{
	background: url("../reviewsheet/img/main1_sp@2x.jpg") no-repeat center;
	background-size:cover;
	
}
}
	 
.mainImg2{
	background: url("../sp/img/main2_sp.jpg") no-repeat center;
	background-size:cover;
	
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
                  (min-resolution: 2dppx){
.mainImg2{
	background: url("../sp/img/main2_sp@2x.jpg") no-repeat center;
	background-size:cover;
	
}
}
	 
.mainImg3{
	background: url("../api/img/main3_sp.jpg") no-repeat center;
	background-size:cover;
	
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
                  (min-resolution: 2dppx){
.mainImg3{
	background: url("../api/img/main3_sp@2x.jpg") no-repeat center;
	background-size:cover;
	
}
}
	 
.mainImg4{
	background: url("../review/img/main4_sp.jpg") no-repeat right center;
	background-size:cover;
	
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
                  (min-resolution: 2dppx){
.mainImg4{
	background: url("../review/img/main4_sp@2x.jpg") no-repeat right center;
	background-size:cover;
	
}
}
	 
.mainImg5{
	background: url("../karute/img/main5_sp.jpg") no-repeat center;
	background-size:cover;
	
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
                  (min-resolution: 2dppx){
.mainImg5{
	background: url("../karute/img/main5_sp@2x.jpg") no-repeat center;
	background-size:cover;
	
}
}


.mainImg6{
	background: url("../function/img/main6_sp.jpg") no-repeat center;
	background-size:cover;
	
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
                  (min-resolution: 2dppx){
.mainImg6{
	background: url("../function/img/main6_sp@2x.jpg") no-repeat center;
	background-size:cover;
	
}
}


.mainImg7{
	background: url("../dm/img/main7_sp.jpg") no-repeat center;
	background-size:cover;
	
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
                  (min-resolution: 2dppx){
.mainImg7{
	background: url("../dm/img/main7_sp@2x.jpg") no-repeat center;
	background-size:cover;
	
}
}

.mainImg8{
	background: url("../analysis/img/main8_sp.jpg") no-repeat center;
	background-size:cover;
	
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
                  (min-resolution: 2dppx){
.mainImg8{
	background: url("../analysis/img/main8_sp@2x.jpg") no-repeat center;
	background-size:cover;
	
}
}
		 
	 
	 
 .mainTextArea{
	margin-left: 0px;
}


.mainTitle{
display: none;
}
	 
.mainTitle_ipsp{
	display: block;
	background-color: #10124b;
	color:#fff;
	padding: 10px;
	width: 100%;
	text-align: center;
}
	 


.mainTitle p{
	font-size: 3.0rem;
	/*border-bottom: solid 1px #fff;*/
	display: inline;
	padding-bottom: 10px;
	
}


.mainTitle h2{
	font-size: 3.0rem;
	
}

.mainText{
	position: static;
	text-align: center;
	padding: 300px 10px 0;
}


.mainText1{
	color:#b4091e;

	font-size: 2.5rem;
	font-family: “Times New Roman”, “游明朝”, YuMincho, “ヒラギノ明朝 ProN W3”, “Hiragino Mincho ProN”, “HG明朝E”, “メイリオ”, Meiryo, serif;
}
	 
	 
.textArea{
	text-align: left;
	margin: 0 auto;
}

.textArea h3{
	color:#B4091E;
	font-size:2.0rem;
	padding-bottom: 10px;
	
}

.textArea p{
	font-size:1.6rem;
	
}	 
	 
.imgArea{
	text-align: center;
	padding-top: 20px;
	width: 100%;
	margin: 0 auto;
	box-sizing: border-box;
}


.imgWrapper{
	margin: 0 auto;
	max-width: 400px;
	width: 100%;
	display: block;
	text-align: center;	
}


.imgWrapper img{
	padding: 20px 0px;
	margin: 0 auto;
	text-align: center;

	}
	 
.img100{
	padding: 30px 0px;
	margin: 0 auto;
	text-align: center;
	width: 100%;
	height: auto;

	}	 
	 
	 
.contentsWrapper{
	width: 100%;
	padding: 0 5%;
	box-sizing: border-box;
	
}

.contents{
	padding: 30px 0;
	border-bottom: 1px solid #10124B;
	margin: 0 auto;
	
}



.contents1 img{
	padding: 20px 5%;
	box-sizing: border-box;
	text-align: center;
	width: 100%;
	height: auto;
	margin: 0 auto;
}
	 
	
	 
	 
.contents2{
	padding: 30px;
	background: #F0EAE4;
	text-align: center;
	margin: 0 auto;
	width: 100%;
	box-sizing: border-box;
}

.contents2 img{
	padding-bottom: 30px;
	text-align: center;
	width: 100%;
	
	height: auto;
}	
	 
.contentsLast{
	border-bottom: none;
}
	 
	 	 
	 
}