@charset "utf-8";
/*▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼PC▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */

section .subnavi {
    width: 100%;
    overflow: hidden;
    background-color: rgba(255,255,255,0.98);
    font-size: 14px;
	padding:0 0 50px 0;
}

section .subnavi li {
	float:left;
}

section.products_nav{
	clear:both;
	margin:50px auto;
}

section .subtitlef{
font-size: 34px;
margin-top: 25px;
text-align:center;
}

section .subN3_waku{
width: 1060px;
margin: 15px auto 15px auto;
}
section .subN3_waku li{
width: 250px;
height: auto;
margin: 0px 20px 0px 0px;
font-size: 22px;
font-weight: 700;
text-align: center;
background-repeat: no-repeat;
background-position: center top;
background-color: rgba(255,255,255,1.00);
background-size: 100% auto;
-webkit-transition: all .4s ease-out;
-moz-transition: all .4s ease-out;
-ms-transition: all .4s ease-out;
transition: all .4s ease-out;
}
section .subN3_waku li:last-child{
margin: 0px 0px 0px 0px;
}
section .subN3_waku li:hover {
    background-color: rgba(51,134,160,1.00);
}
section .subN3_waku li .more {
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    color: rgba(100,100,100,1.00);
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    display: block;
    width: 90px;
    margin: 0px auto;
    padding-top: 10px;
    background-image: url(../../images/common/arrow_line.png);
    background-repeat: no-repeat;
    background-position: right bottom;
	-webkit-transition: all .4s ease-out;
	-moz-transition: all .4s ease-out;
	-ms-transition: all .4s ease-out;
	transition: all .4s ease-out;
}
section .subN3_waku li:hover .more {
    background-image: url(../../images/common/arrow_line_hover.png);
    color: rgba(255,255,255,1.00);
    width: 120px;
}
section .subN3_waku li a {
    color: rgba(0,0,0,1.00);
    display: block;
    padding-top: 200px;
    padding-bottom: 30px;
	font-size: 22px !important;
    font-weight:bold;
    text-align: center;
	line-height:20px;
}
section .subN3_waku li:hover a {
    color: rgba(255,255,255,1.00);
}
section .guide_box01 {
    background-image: url(../../images/common/guide01.jpg);
}
section .guide_box02 {
    background-image: url(../../images/common/guide02.jpg);
}
section .guide_box03 {
    background-image: url(../../images/common/guide03.jpg);
}
section .guide_box04 {
    background-image: url(../../images/common/guide04.jpg);
}


section .subN1, section .subN2 {
	background-color: rgba(255,255,255,1.00);
}

section .subN1 .subtitlef, section .subN2 .subtitlef {
	color: rgba(0,0,0,1.00);
	margin-top: 0px;
}
section .subN1_waku, section .subN2_waku{
width: 1100px;
margin: 15px auto 15px auto;
}
section .subN1_waku li, section .subN2_waku li{
width: 220px;
height: auto;
margin: 0px 0px 0px 0px;
font-size: 16px;
font-weight: 700;
text-align: center;
background-repeat: no-repeat;
background-position: center top;
background-color: rgba(255,255,255,1.00);
background-size: 100% auto;
-webkit-transition: all .4s ease-out;
-moz-transition: all .4s ease-out;
-ms-transition: all .4s ease-out;
transition: all .4s ease-out;
border-top:solid 1px rgba(220,220,220,1.00);
border-left:solid 1px rgba(220,220,220,1.00);
border-bottom:solid 1px rgba(220,220,220,1.00);
}
section .subN1_waku li:nth-child(5), section .subN2_waku li:nth-child(5){
border-right:solid 1px rgba(220,220,220,1.00);
}
section .subN1_waku li:nth-child(10){
border-right:solid 1px rgba(220,220,220,1.00);
}
section .subN1_waku li:nth-child(11){
  width: 221px;
  border-right:solid 1px rgba(220,220,220,1.00);
}
section .subN1_waku li:nth-child(n+6){
border-top:0;
}
section .subN1_waku li:hover, section .subN2_waku li:hover {
    background-color: rgba(51,134,160,1.00);
}
section .subN1_waku li a, section .subN2_waku li a {
    color: rgba(0,0,0,1.00);
    display: block;
    padding-top: 155px;
    padding-bottom: 20px;
	font-size: 16px !important;
    font-weight:bold;
    text-align: center;
	line-height:16px;
}

section .subN1_waku li:hover a, section .subN2_waku li:hover a {
    color: rgba(255,255,255,1.00);
}
section .subN1_waku li .more, section .subN2_waku li .more {
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    color: rgba(100,100,100,1.00);
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    display: block;
    width: 90px;
    margin: 0px auto;
    padding-top: 8px;
    background-image: url(../../images/common/arrow_line.png);
    background-repeat: no-repeat;
    background-position: right bottom;
	-webkit-transition: all .4s ease-out;
	-moz-transition: all .4s ease-out;
	-ms-transition: all .4s ease-out;
	transition: all .4s ease-out;
}


section .subN1_waku li:hover .more, section .subN2_waku li:hover .more {
    background-image: url(../../images/common/arrow_line_hover.png);
    color: rgba(255,255,255,1.00);
    width: 120px;
}
section .guide_box11 {
background-image: url(../../images/common/guide11.png);
}
section .guide_box12 {
background-image: url(../../images/common/guide12.png);
}
section .guide_box13 {
background-image: url(../../images/common/guide13.png);
}
section .guide_box14 {
background-image: url(../../images/common/guide14.png);
}
section .guide_box15 {
background-image: url(../../images/common/guide15.png);
}
section .guide_box16 {
background-image: url(../../images/common/guide16.png);
}
section .guide_box16b {
background-image: url(../../images/common/guide16b.png);
}
section .guide_box17 {
background-image: url(../../images/common/guide17.png);
}
section .guide_box18 {
background-image: url(../../images/common/guide18.png);
}
section .guide_box19 {
background-image: url(../../images/common/guide19.png);
}
section .guide_box20 {
background-image: url(../../images/common/guide20.png);
}
section .guide_box21b {
background-image: url(../../images/common/guide21.png);
}

section .guide_box21 {
background-image: url(../../images/products/top/main_img_01_10_8v.png);
}
section .guide_box22 {
background-image: url(../../images/products/top/main_img_02_14_4v.png);
}
section .guide_box23 {
background-image: url(../../images/products/top/main_img_03_18v.png);
}
section .guide_box24 {
background-image: url(../../images/products/top/main_img_04_36v.png);
}
section .guide_box25 {
background-image: url(../../images/products/top/main_img_05_14_4v.png);
}



/*▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼SP 640px common▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */
@media (max-width: 640px) {

section .subnavi {
	padding:0 0 20px 0;
}

section .subtitlef{
font-size: 30px;
}

section .subN3_waku{
width: 96%;
}
section .subN3_waku li{
width: 48%;
margin: 10px 1%;
border:solid 1px rgba(220,220,220,1.00);
}
section .subN3_waku li:last-child{
margin:10px 1%;
}
section .subN3_waku li a {
	font-size: 16px !important;
	 padding-top: 80%;
}
section .subN3_waku li .more {
    font-size: 12px;
}

section .subN1_waku, section .subN2_waku{
width: 96%;
}
section .subN1_waku li, section .subN2_waku li{
width: 50%;
border-right:solid 1px rgba(220,220,220,1.00);
border-bottom:0;
background-size: contain;
}
section .subN1_waku li a, section .subN2_waku li a {
	font-size: 15px !important;
}
section .subN1_waku li:nth-child(n+6){
border-top:solid 1px rgba(220,220,220,1.00);
}
section .subN1_waku li:nth-child(7), section .subN1_waku li:nth-child(8){
border-bottom:solid 1px rgba(220,220,220,1.00);
}
section .subN1_waku li:nth-child(9){
border-top:0;
border-bottom:solid 1px rgba(220,220,220,1.00);
width: 50%;
}
section .subN1_waku li:nth-child(10){
border-top:0;
border-bottom:solid 1px rgba(220,220,220,1.00);
width: 50%;
}
section .subN1_waku li:nth-child(11){
  border-top:0;
  border-bottom:solid 1px rgba(220,220,220,1.00);
  width: 50%;
}
section .subN1_waku li:nth-child(2n+0), section .subN2_waku li:nth-child(2n+0){
border-left:0;
}
section .subN2_waku li:nth-child(3), section .subN2_waku li:nth-child(4){
border-bottom:solid 1px rgba(220,220,220,1.00);
}
section .subN2_waku li:nth-child(5){
border-top:0;
border-bottom:solid 1px rgba(220,220,220,1.00);
border-right:solid 1px rgba(220,220,220,1.00);
}

section .subN1_waku li.guide_box16b a{
    padding-top: 148px;
    padding-bottom: 19px;
}
section .subN1_waku li.guide_box16b .more{
    line-height: 20px;
    padding-top: 0px;
}



}