*{
text-decoration: none;
}

body{
font-family: "���S�V�b�N��", YuGothic, "���S�V�b�N Medium", "Yu Gothic Medium", "���S�V�b�N", "Yu Gothic", sans-serif;
}
@media screen and (max-width:767px) {
body{
padding-bottom: 30px;
}
}


p{
margin: 0;
}

#wrap{
font-size: 100%;
line-height: 2;
}


@media screen and (max-width:767px) {
}


/*swiper*/
.swiper-container {
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
  }
@media screen and (max-width:767px) {
  .swiper-container {
    width: 100%;
    padding-top: 0;
    padding-bottom: 50px;
  }
}
  .swiper-slide {
    background-position: center;
    background-size: cover;
    width: 350px;
    height: 200px;
  }

.swiper-pagination-bullet {
background-color: #000;
}
/*swiper*/


.pagetop {
    height: 50px;
    width: 50px;
    position: fixed;
    right: 30px;
    bottom: 30px;
    background: #193776;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
    border: 2px solid #ffffff;
}

.pagetop__arrow {
    height: 10px;
    width: 10px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: translateY(20%) rotate(-45deg);
}
@media screen and (max-width:767px) {
.pagetop {
display: none;
}
}
@media screen and (max-width:767px) {
.pagetop_wrap{
display: none;
}
}








.content_box{
max-width: 1000px;
margin: 0 auto 30px;
line-height: 2;
padding: 0 15px;
}
.content_box2{
max-width: 1000px;
margin: 0 auto;
line-height: 2;
padding: 0 15px;
}

footer{
font-size: 60%;
text-align: center;
padding: 60px 0;
}

header{
background: url("../img/top/top_bg.jpg") no-repeat center top;
background-size:cover;
    width:100%;
padding: 30px 0 0;
}
@media screen and (max-width:767px) {
header{
background: url("../img/top/top_bg_sm.jpg") no-repeat center top;
background-size:cover;
height:100vh;
padding: 15px 0 0;
}
}


.header_box{
/*max-width: 1000px;*/
    width: 100%;
margin: 0 auto;
padding: 0 15px;

}
@media screen and (max-width:767px) {
.header_box{
padding: 0;
}
}

.header_box h1{
margin:0;
line-height: 0;
}


#pc_menu{
    position: relative;
}


.pc_menu_box{
display:flex;
float: right;
padding-right: 15px;
}
.pc_menu_box a{
margin-right: 1px;
color: #ffffff;
background: #193776;
padding: 11px 25px;
transform:skewX(-30deg);
display:flex;
}

.pc_menu_box a:hover{
background: #15294c;
text-decoration: none;
}

.pc_menu_box span{
transform:skewX(30deg);
}




@media screen and (max-width:767px) {
.pc_menu_box{
display: none;
}
}



.catch{
padding: 280px 0 280px 10%;
    text-align:left;
}
@media screen and (max-width:767px) {
.catch{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 100;
    text-align:center;
padding: 0 30px;
}
}
.catch img{
    max-width:380px;
    filter: drop-shadow(5px 5px 5px #000);
}




.product_menu{
background: url("../img/top/product_bg.jpg") no-repeat center top;
background-size:cover;
width:100%;
padding: 60px 0;
}

.product_menu_box{
max-width: 1000px;
margin: 0 auto;
padding: 0 30px;

text-align: center;
}

.product_menu_box a{
background: #ffffff;
padding: 40px 0;
font-size: 140%;
font-weight: bold;
color: #000;
text-decoration: none;
}
@media screen and (max-width:767px) {
.product_menu_box a{
background: #ffffff;
padding: 15px 0;
font-size: 100%;
font-weight: bold;
color: #000;
text-decoration: none;
}
}

.product_menu_box a:hover{
background: #ccc;
}
.product_menu_box_center{
border-left:1px solid #ccc;
border-right:1px solid #ccc;
}

.product_menu_box img{
padding: 0 15px;
margin-bottom: 15px;
max-width: 100px;
}
@media screen and (max-width:767px) {
.product_menu_box img{
padding: 0 15px;
margin-bottom: 15px;
max-width: 70px;
}
}



.product_title{
letter-spacing: 0.2em;
color: #fff;
font-size: 200%;
font-weight: bold;
margin-bottom: 15px;
}
.title-border {
letter-spacing: 0.2em;
    position: relative;
    display: inline-block;
    padding: 0 40px;
    color: #fff;
    font-size: 140%;
    font-weight: bold;
    margin-bottom: 30px;
}
@media screen and (max-width:767px) {
.product_title{
	letter-spacing: 0.2em;
	color: #fff;
	font-size: 160%;
	font-weight: bold;
	margin-bottom: 15px;
}
.title-border {
	letter-spacing: 0.2em;
    position: relative;
    display: inline-block;
    padding: 0 30px;
    color: #fff;
    font-size: 120%;
    font-weight: bold;
    margin-bottom: 30px;
}
}

 
.title-border:before,
.title-border:after {
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 20px;
    height: 2px;
    background-color: #fff;
}
.title-border:before {
    left: 0;
}
.title-border:after {
    right: 0;
}





.h3_title{
border-left: 3px solid #193776;
padding-left: 15px;
margin-bottom: 30px;
}


.h3_title h3{
font-size: 220%;
font-weight: bold;
line-height: 1;
margin: 15px 0 0;
}
@media screen and (max-width:767px) {
.h3_title h3{
font-size: 160%;
margin: 10px 0 0;
}
}

.h3_title p{
font-weight: bold;
font-size: 60%;
color: #193776;
line-height: 1;
}




.h4_title{
text-align: center;
margin-bottom: 30px;
}
.h4_title h4{
font-size: 220%;
font-weight: bold;
line-height: 1;
margin: 0 0 15px;
}
@media screen and (max-width:767px) {
.h4_title h4{
font-size: 160%;
font-weight: bold;
line-height: 1;
margin: 0 0 10px;
}
}
.h4_title p{
font-weight: bold;
font-size: 60%;
color: #193776;
line-height: 1;
}






.material_box{
border: 1px solid #193776;
width: 100%;
padding: 15px 0;
text-align: center;
margin-bottom: 10px;
}


#material{
padding: 0 10px;
}
#material .col-xs-4,col-md-3{
padding-left: 5px;
padding-right: 5px;
}




#table_style{
width: 100%;
padding: 0 15px;
}

#table_style table{
border-bottom: 1px solid #d3d3d3;
width: 100%;
}


#table_style th{
background: #efefef;
border: 1px solid #d3d3d3;
border-width: 1px 0 0 1px;
padding: 10px 15px;
width:225px;
}
@media screen and (max-width:767px) {
#table_style th{
width:120px;
}
}


#table_style td{
background: #ffffff;
border: 1px solid #d3d3d3;
border-width: 1px 1px 0 1px;
padding: 10px 15px;
}





.contact_span{
font-weight: normal;
color: red;
margin-left: 5px;
}









.message{
width: 100%;
background: #193776;
padding: 30px 0;
margin-bottom: 60px;
color: #ffffff;
}
/*
.message2{
width: 100%;
background: #212529;
padding: 30px 0;
margin-bottom: 60px;
color: #ffffff;
}
*/









@media screen and (max-width:767px) {
}





@media screen and (max-width:767px) {
.br_none{
display: none;
}
}



.map{
width: 100%;
height: 350px;
}








.sm_none{
display: block;
}
@media screen and (max-width:767px) {
.sm_none{
display: none;
}
}



.pd_tb60{
padding: 60px 0;
}

.bold{
font-weight: bold;
font-size: 120%;
}

.bold2{
font-weight: bold;
}


.t_center{
text-align: center;
}
.t_right{
text-align: right;
}
.t_left{
text-align: left;
}
.p_lr15{
padding: 0 15px;
}
.ml30{
margin-left: 30px;
}
.m_auto{
margin: 0 auto;
}
.mb10{
margin-bottom: 10px;
}
.mb15{
margin-bottom: 15px;
}
.mb20{
margin-bottom: 20px;
}
.mb30{
margin-bottom: 30px;
}
.mb40{
margin-bottom: 40px;
}
.mb50{
margin-bottom: 50px;
}
.mb60{
margin-bottom: 60px;
}