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


/*=================================================
共通
==================================================*/
.section_wrap{width: 100%; padding: 0 10px; margin: 0 auto;}

/*スマホ*/
@media screen and (max-width: 960px) {
    .section_wrap{ margin: 12% auto 0;}
}
/*=================================================
sec1
==================================================*/
.sec1{max-width: 960px; margin:50px auto;}
.sec1 > p{font-size: 16px;}
/*総合カタログ*/
.sec1 .sougou{margin: 20px 0 50px;}
.sec1 .sougou .sougou_title{ border-bottom: 1px solid #CCC; margin: 40px 0 30px;}
.sec1 .sougou .sougou_title h3,
.sec1 .sougou .sougou_title .video_link{display: inline-block; vertical-align: middle;}
.sec1 .sougou .sougou_title h3{width:48%;font-size: 20px;}
.sec1 .sougou .sougou_title .video_link{width: 49%;color: #666; text-align: right; font-size: 15px;}
.sec1 .sougou .sougou_title .video_link a{color:#2D7B99;}
.sec1 .sougou .sougou_title .video_link .mark{color:#2D7B99; font-size: 11px; padding-right: 2px;}
.sec1 .sougou .sougou_title .video_link a:hover{opacity: 0.6;}

.sec1 .sougou ul li{display: inline-block; width: 18%; margin: 0 0.5%;}
.sec1 .sougou ul li a img{width:100%;}
.sec1 .sougou ul li a:hover{opacity: 0.8;}

/*スマホ*/
@media screen and (max-width: 768px) {
    .sec1 > p{font-size: 14px; padding: 0 10px; line-height: 1.8em;}
    /*総合カタログ*/
    .sec1 .sougou{margin: 20px 0 50px;}    
    .sec1 .sougou .sougou_title{  border-bottom: 1px solid #CCC; margin: 30px 10px 30px;}
    .sec1 .sougou .sougou_title h3,
    .sec1 .sougou .sougou_title .video_link{display: inline-block; vertical-align: middle;}
    .sec1 .sougou .sougou_title h3{width:45%; font-size: 20px;}
    .sec1 .sougou .sougou_title .video_link{width: 54%;color: #666; text-align: right; font-size: 14px;}
    .sec1 .sougou .sougou_title .video_link .mark{color:#2D7B99; font-size: 11px; padding-right: 2px;}
        
    .sec1 .sougou ul li{display: inline-block; width: 45%; margin: 0 8px;}
    
}


/*個別カタログバナー*/
.cat_link_list a:hover{opacity: 0.7;}
.cat_link_list a figure img{width: 100%; border:solid 2px #6D96C1;}
.cat_link_list a .img_pc{display: block;}
.cat_link_list a .img_sp{display: none;}
/*スマホ*/
@media screen and (max-width: 768px) {
    .cat_link_list a .img_pc{display: none;}
    .cat_link_list a .img_sp{display: block;}
}

/*ご利用にあたって*/
.sec1 .note{margin: 50px 10px;}
.sec1 .note h4{font-size: 18px; padding: 0 0 10px 0; border-bottom: 1px solid #999;}
.sec1 .note h5{font-size: 15px; margin:20px 10px 0 0px;}
.sec1 .note ul{margin:10px 10px 0 1em;}
.sec1 .note ul li{
    font-size:13px;
    text-indent: -1em;
    padding:3px 0 3px 1em;
}
.sec1 .note ul li span{
    color: #999;
    font-size:10px;
    padding: 0 5px 0 0;
}
.sec1 .note p{font-size: 13px; margin: 5px 10px 0 2em;}