@charset "UTF-8";

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

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

.img_responsive {
    display: block;
    max-width: 100%;
    height: auto;
}
.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

#wwc {
   line-height: 180%!important;
}

#wwc 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.5em;
   margin: 0 0 5px 0;
}

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


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

.block00 {
   background: linear-gradient(to bottom right, #000000, #333333);
   line-height: 200%;
   color: #fff;
   margin: 0 0 80px 0;
}

.block01 {
   background-color: #3c3736;
   line-height: 200%;
   color: #fff;
   padding:80px 0 0 0;
   margin: 0 0 80px 0;
}

.block_inner {
   max-width: 1400px;
   padding: 100px;
   margin: 0 auto;
}

.waku1 {
   border: 1px solid #111;
   padding: 7px;
   margin: 0 1px 0 0;
}

.waku2 {
   border: 1px solid #111;
   background-color:#111;
   color:#fff;
   padding: 7px;
}

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

ul.column2 li {
   width:49.5%;
   margin: 0 0 60px 0;
}

ul.column2 li img {
   margin: 0 0 20px 0;
}

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

ul.column2_re li {
   width:49.5%;
   margin: 0 0 60px 0;
}

ul.column2_re li img {
   margin: 0 0 20px 0;
}

.column2_inner {
   padding: 0 40px 0 10px;
}

ul.column2_2 {
   max-width: 1400px;
   padding: 0;
   margin: 0 auto;
   display: flex;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   list-style: none;
}

ul.column2_2 li {
   width:49.5%;
   margin: 0 0 60px 0;
}

.column2_2_inner {
   padding: 0 0 0 40px;
}

.disp_pc {
   display: block;
}

.disp_sp {
   display: none;
}


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

#wwc h1{
   font-size: 1.8em;
}

#wwc h2{
   font-size: 1.4em;
}


#wwc h3{
   font-size: 1.2em;
}

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

.block01 {
   padding:0 0 0 0;
   margin: 0 0 40px 0;
}

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

ul.column2 {
   max-width: 100%;
   padding: 0px 10px;
}

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

ul.column2 li img {
   margin: 0 0 10px 0;
}

ul.column2_re {
   max-width: 100%;
   padding: 0px 10px;
   flex-direction: column-reverse;
}

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

ul.column2_re li img {
   margin: 0 0 10px 0;
}

.column2_inner {
   padding: 0;
}

ul.column2_2 {
   max-width: 100%;
   padding: 0px 10px;
   margin: 0 0 30px 0;
}

ul.column2_2 li {
   width:100%;
   margin: 0 0 20px 0;
}

.column2_2_inner {
   padding: 0;
}

.disp_pc {
   display: none;
}

.disp_sp {
   display: block;
}

}