@charset "utf-8";
/*top.css*/


/*--=== SP ONLY max-width: 767px ===-- / */
@media screen and (max-width: 767px){
#mainimage{width:100%;height:200px;margin: 0 auto;
background:linear-gradient(to bottom,  rgba(255,255,255,1) 20%,rgba(125,180,223,1) 100%); overflow: hidden;position:relative;
}
#mainimage > div{position:absolute;}
#mainimage > div img{width: 100%}
#mainimage_title1{width:90%;position: absolute;
  top: 45%;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;}

  
#partner{background-color: #f7f8fa;}
#partner div{padding:  15px;background-size: 200px}
#partner div h2{margin-bottom: 1em;width: 80%}
#partner div h3{font-size: 14px ;margin-bottom: 1em; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif}

#partner div p{font-size:14px; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;line-height:1.8em;}

  
category_list_ul{position: relative}

#category_list_ul > li{border: 1px solid #d7d7d7;margin-bottom: 30px;position:relative;background-image: url(/images/category_list_ul_bg.jpg);display: block;background-size: 100%;background-position: center bottom}


#category_list_ul > li  h3{background-color: #0050a3;}
#category_list_ul > li:after{content: "."; display: block; height: 0; font-size:0;clear: both; visibility:hidden;}
.category_list_txt{}
.category_list_txt h3{color: #fff;background-color: #0050a4;padding: 5px 10px;font-size:16px;font-weight: bold; }
.category_list_txt p{padding: 10px;color:#0050a4;line-height:1.6em;; }
.category_list_pic{width: 42%;height: auto;float: right;margin:0 5px 5px 0;}
.category_sub_list{margin:0 10px;border-top: 1px dotted #676767;width:48.8%;float: left;;margin-top: 0.5em}
.category_sub_list li{border-bottom: 1px dotted #676767}
.category_sub_list li a{background-image:url(/images/arrow_pc.png);background-repeat: no-repeat;padding: 3px 10px;display: block;background-position: left center;color: #333;text-decoration: none;font-size: 12px; }
.iso9001{
  background-color: #fff!important;
  background-image: none!important;
  display: flex!important;
  align-items: center;
  justify-content: center;
  border: none!important;
  img{
    width: 60%;
  }
}
  
@media only screen and (orientation:landscape) {

}


/* common class / */


/* / common class */ 






}
/*--=== / SP ONLY max-width: 767px ===-- */


/*--=== PC ONLY min-width: 768px ===-- / */
@media screen and (min-width: 768px){
	
#mainimage{max-width: 1280px;height:390px;margin: 0 auto;
background:linear-gradient(to bottom,  rgba(255,255,255,1) 20%,rgba(125,180,223,1) 100%); overflow: hidden;position:relative;
}
#mainimage > div{position:absolute;}
#mainimage > div img{width: 100%}
 
#mainimage_title1{width:74.37%;position: absolute;
  top: 40%;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;}
#mainimage_title2{width:28.82%;position: absolute;
  top: 53%;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;}
  
#partner{background-color: #f7f8fa;box-shadow: 0px 1px 2px 3px rgba(0,0,0,0.2);position:relative;}
#partner div{max-width: 1180px;margin: 0 auto;background-image:url(/images/top_partner_bg.jpg);background-repeat: no-repeat;background-position: right center;padding:  50px 50px}
#partner div h2{margin-bottom: 1em;width: 563px;}
#partner div h3{font-size: 138.5% ;margin-bottom: 1em; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif}

#partner div p{font-size:138.5%; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;line-height:1.8em;}

#category_list_ul{max-width: 1280px;margin: 40px auto;position: relative}
#category_list_ul:after{content: "."; display: block; height: 0; font-size:0;clear: both; visibility:hidden;}
#category_list_ul > li{width:48.82%;float: left;margin-left: 1.9%;border: 1px solid #d7d7d7;margin-bottom: 30px;position:relative;background-image: url(/images/category_list_ul_bg.jpg);display: block;background-size: 100%;background-position: center bottom}
#category_list_ul > li:nth-child(2n-1){margin-left: 0}

#category_list_ul > li  h3{background-color: #0050a3;}
#category_list_ul > li:after{content: "."; display: block; height: 0; font-size:0;clear: both; visibility:hidden;}
.category_list_txt{width:48.8%;float: left}
.category_list_txt h3{color: #fff;background-color: #0050a4;padding: 7px 10px;font-size:138.5%;font-weight: bold; }
.category_list_txt p{padding: 10px;color:#0050a4;line-height:1.6em;; }
.category_list_pic{width: 48%;height: auto;float: right;margin: 5px;}
.category_sub_list{margin:0 10px;border-top: 1px dotted #676767;margin-top: 1em}
.category_sub_list li{border-bottom: 1px dotted #676767}
.category_sub_list li a{background-image:url(/images/arrow_pc.png);background-repeat: no-repeat;padding: 4px 10px;display: block;background-position: left center;color: #333;text-decoration: none;font-size: 108% }

.iso9001{
  background-color: #fff!important;
  background-image: none!important;
  display: flex!important;
  align-items: center;
  justify-content: center;
  border: none!important;
  img{
    width: 60%;
  }
}
/* common class / */


/* / common class */ 

/*-----------------------------------------------------
Yahoo UI Library Font-size Adjustment
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
http://developer.yahoo.com/yui/license.txt
http://developer.yahoo.com/yui/fonts/
 
10px = 77%     11px = 85%     12px = 93%     13px = 100%
14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
22px = 167%    23px = 174%    24px = 182%    25px = 189%
26px = 197%
------------------------------------------------------*/



}
/*--=== / PC ONLY min-width: 768px ===-- */

/*--=== PRINT ONLY===-- / */
@media print{
	
img{width;100%;height: auto;}
#mainimage{width: 100%;height:390px;margin: 0 auto;
background:linear-gradient(to bottom,  rgba(255,255,255,1) 20%,rgba(125,180,223,1) 100%); overflow: hidden;position:relative;
}
#mainimage > div{position:absolute;}
#mainimage > div img{width: 100%}
 
#mainimage_title1{width:74.37%;position: absolute;
  top: 40%;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;}
#mainimage_title2{width:28.82%;position: absolute;
  top: 53%;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;}
  
#partner{background-color: #f7f8fa;box-shadow: 0px 1px 2px 3px rgba(0,0,0,0.2);position:relative;}
#partner div{width: 100%;margin: 0 auto;background-image:url(/images/top_partner_bg.jpg);background-repeat: no-repeat;background-position: right center;padding:  50px 50px}
#partner div h2{margin-bottom: 1em;width:60%;}
#partner div h3{font-size: 16px ;margin-bottom: 1em; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif}

#partner div p{font-size:14px; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;line-height:1.8em;}

#category_list_ul{width: 100%;margin: 40px auto;position: relative}
#category_list_ul:after{content: "."; display: block; height: 0; font-size:0;clear: both; visibility:hidden;}
#category_list_ul > li{width:48%;float: left;margin-left: 2%;border: 1px solid #d7d7d7;margin-bottom: 30px;position:relative;background-image: url(/images/category_list_ul_bg.jpg);display: block;background-size: 100%;background-position: center bottom}
#category_list_ul > li:nth-child(2n-1){margin-left: 0}

#category_list_ul > li  h3{background-color: #0050a3;}
#category_list_ul > li:after{content: "."; display: block; height: 0; font-size:0;clear: both; visibility:hidden;}
.category_list_txt{width:48.8%;float: left}
.category_list_txt h3{color: #fff;background-color: #0050a4;padding: 7px 10px;font-size:138.5%;font-weight: bold; }
.category_list_txt p{padding: 10px;color:#0050a4;line-height:1.6em;; }
.category_list_pic{width: 48%;height: auto;float: right;margin: 5px;}
.category_sub_list{margin:0 10px;border-top: 1px dotted #676767;margin-top: 1em}
.category_sub_list li{border-bottom: 1px dotted #676767}
.category_sub_list li a{background-image:url(/images/arrow_pc.png);background-repeat: no-repeat;padding: 4px 10px;display: block;background-position: left center;color: #333;text-decoration: none;font-size: 12px }


/* common class / */


/* / common class */ 



}
/*--=== / PRINT ONLY  ===-- */