@charset "UTF-8";

.l-header {
    background: #000000 !important;
}

.mt10 { margin: 10px 0 0 0;}

.mt20 { margin: 20px 0 0 0;}

.mt30 { margin: 30px 0 0 0;}

.mt40 { margin: 40px 0 0 0;}

.mt50 { margin: 50px 0 0 0;}

.mb10 { margin: 0 0 10px 0;}

.mb20 { margin: 0 0 20px 0;}

.mb30 { margin: 0 0 30px 0;}

.mb40 { margin: 0 0 40px 0;}

.mb50 { margin: 0 0 50px 0;}

.img_responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

#wd {
   line-height: 200%!important;
   overflow: hidden;
}

#wd h1{
   font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
   font-weight: 500;
   font-size: 2.4em;
   margin: 0 0 0 0;
}

#wd h2{
   font-weight: 600;
   font-size: 1.3em;
   margin: 0 0 10px 0;
}


#wd h3{
   font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
   font-weight: 500;
   font-size: 1.7em;
   margin: 0 0 5px 0;
   line-height: 190%;
}

#wd h4{
   font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
   font-weight: 500;
   font-size: 1.4em;
   margin: 0 0 6px 0;
}

#wd h5{
   font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
   font-weight: 500;
   font-size: 1.4em;
   margin: 0 0 4px 0;
}

.font-s { font-size: 0.8em;}

.shadow {
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
}

.tx span { display: inline-block; }

.bc2 span { display: inline-block; }

.color-bk { color: #000;}

.color-wh { color: #fff;}

.color-gold { color: #ab941d;}

.color-pink { color: #e786b2;}

.color-gray { color: #727171;}

.block01 {
   clip-path: inset(0);
}

.block01::before {
   content:"";
   display:block;
   position:fixed;
   top:0;
   left:0;
   z-index:-1;
   width:100%;
   height:100vh;
   background-repeat:no-repeat;
   background-position:50% 0%;
   background-image:url("../img/bg_main.jpg");
   background-size:cover;
}

.block02 {
   clip-path: inset(0);
}

.block02::before {
   content:"";
   display:block;
   position:fixed;
   top:0;
   left:0;
   z-index:-1;
   width:100%;
   height:100vh;
   background-repeat:no-repeat;
   background-position:50% 0%;
   background-image:url("../img/bg_wh.jpg");
   background-size:cover;
}

.block03 { background: #c1ad49;}

.block04 { background: #de82b2;}

.block05 { background: #ed6c00;}

.block06 { background: #e9e4e1;}

.block_inner {
   max-width: 1300px;
   padding: 80px 60px;
   margin: 0 auto;
}

.waku1 {
   border: 1px solid #fff;
   padding: 5px 20px;
   line-height: 300%;
}

.waku2 {
   border: 1px solid #fff;
   background-color: #fff;
   padding: 6px 10px;
   color: #222;
   text-align: left;
}

.waku3 {
   border: 1px solid #000;
   padding: 5px 20px;
   line-height: 300%;
}

ul.column2 {
   max-width: 1300px;
   padding: 0;
   margin: 0 auto;
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   list-style: none;
}

ul.column2 li {
   width:47%;
   margin: 0 0 50px 0;
   padding: 30px;
   box-sizing: border-box;
}

ul.column2_re {
   max-width: 1300px;
   padding: 0;
   margin: 0 auto;
   display: flex;
   flex-wrap: wrap;
   flex-direction: row-reverse;
   justify-content: space-around;
   list-style: none;
}

ul.column2_re li {
   width:47%;
   margin: 0 0 50px 0;
   padding: 30px;
   box-sizing: border-box;
}

ul.column3 {
   max-width: 1300px;
   padding: 0;
   margin: 0 auto;
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   list-style: none;
}

ul.column3 li {
   width:32%;
   margin: 0 0 0 0;
   box-sizing: border-box;
}

.disp_pc {
   display: block;
}

.disp_sp {
   display: none;
}

.pc_center {
	text-align: center;
}



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

#wd h1{ font-size: 1.9em;}

#wd h2{ font-size: 1.2em;}


#wd h3{ font-size: 1.6em;}

#wd h4{ font-size: 1.2em;}

#wd h5{ font-size: 1.2em;}

.block_inner {
   max-width: 100%;
   padding: 50px 10px;
}

ul.column2 {
   max-width: 90%;
   padding: 0px;
   margin: 0 auto;
}

ul.column2 li {
   width:100%;
   margin: 0 0 30px 0;
   padding: 20px;
}

ul.column2_re {
   max-width: 100%;
   padding: 0px;
   margin: 0 0 0 0;
   text-align: left;
}

ul.column2_re li {
   width:100%;
   margin: 0 0 30px 0;
   padding: 20px;
}

ul.column2 li img,ul.column2_re li img {
   /*max-width: 80%;*/
   height: auto;
   margin: 0 auto;
}

ul.column3 {
   max-width: 100%;
   padding: 0px;
   margin: 0 auto;
}

ul.column3 li {
   width:100%;
   margin: 0 0 40px 0;
}

.w90 { max-width: 90%!important; margin: 0 auto; }

.waku2 { padding: 8px;}

.disp_pc { display: none;}

.disp_sp { display: block;}

.pc_center { text-align: left;}


}