@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: 170%!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.4em;
   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.2em;
   margin: 0 0 5px 0;
   line-height: 190%;
}

.font_s {
	font-size: 0.8em;
}

.kikaku01 {
	padding:8px;
	background-image: linear-gradient(100deg, #c19a6f, #876540);
}

.kikaku02 {
	padding:8px;
	background-image: linear-gradient(100deg, #d08649, #a36f5b);
	border-top: 1px solid #e3c9ac;
	border-bottom: 1px solid #e3c9ac;
}

.kikaku03 {
	padding:5px;
	background-image: linear-gradient(90deg, #c19a6f, #876540);
	margin: 0 0 5px 0;
}

.kikaku_inner {
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	padding: 18px 10px;
	line-height: 180%;
}

.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;
}

.block02 {
   background-color: #cfcfcf;
   line-height: 200%;
   padding:80px 20px;
   margin: 0 0 60px 0;
}

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

.waku1 {
   border: 1px solid #111;
   padding: 6px;
}

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

.column_inner {
   padding: 12px;
}

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

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

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

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

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

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

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

ul.column3 li {
   width:32%;
   margin: 0 0 60px 0;
}

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

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

ul.column4 li {
   width:24%;
   margin: 0 0 60px 0;
}

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

.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.3em;
}


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

.kikaku_inner {
	font-size: 1.1em;
}

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

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

.block02 {
   padding:40px 10px;
   margin: 0 0 30px 0;
}

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

.column_inner {
   padding: 0;
}

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;
}

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

ul.column3 li {
   width:48.5%;
   margin: 0 0 25px 0;
}

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

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

ul.column4 li {
   width:48.5%;
   margin: 0 0 25px 0;
}

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



.disp_pc {
   display: none;
}

.disp_sp {
   display: block;
}

}