@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 !important;
    margin-left: auto !important;
}

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

#ctw h2{
   font-weight: 500;
   font-size: 5em;
   line-height: 110%;
   margin: 0 0 8px 0;
}

#ctw h3{
   font-weight: 500;
   font-size: 4em;
   line-height: 120%;
   margin: 0 0 8px 0;
}

#ctw h4{
   font-weight: 600;
   font-size: 2.4em;
   line-height: 120%;
   margin: 0 0 8px 0;
}

#ctw h5{
   font-weight: 500;
   font-size: 1.6em;
   line-height: 160%;
   margin: 0 0 10px 0;
}

.midashi {
   font-family: "Libre Bodoni", serif;
   font-optical-sizing: auto;
   font-style: normal;
}

.color_title {
   color:#8e8561;
}

.bg01 {
   background-color: #f6f6f6;
}

.bg02 {
   background-color: #000000;
   color:#fff;
}

.bg03 {
   background-color: #928d82;
}

.bg04 {
   background: linear-gradient(to bottom right, #7fb7c1, #89bec8);
}

.bg05 {
   background: linear-gradient(to bottom right, #e7f1f3, #abccd3);
}

.bg06 {
   background: linear-gradient(to bottom right, #7fb7c1, #5da2ae);
}

.bg07 {
   background: linear-gradient(to bottom right, #dae8eb, #e7eef0);
}

.bg08 {
   background: linear-gradient(to bottom right, #abccd3, #e7f0f2);
}

.bg09 {
   background: linear-gradient(to bottom right, #dae8eb, #dae8eb);
}

.bg_safari {
   background-color: #00333c;
}

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

.block_inner2 {
   max-width: 900px;
   padding: 100px;
   margin: 0 auto;
   text-align: center;
}

.waku1 {
   border: 1px solid #fff;
   padding: 2px 5px;
}

.waku2 {
   border: 1px solid #111;
   padding: 2px 5px;
}

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

ul.column2 li {
   width:48%;
   margin: 30px 0 30px 0;
   text-align: center;
}

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

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

ul.column2_re li {
   width:48%;
   margin: 30px 0 30px 0;
   text-align: center;
}

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

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

ul.column3 li {
   width:31%;
   margin: 0 0 60px 0;
   line-height: 180%;
}

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

ul.column3 li p {
   margin: 0 0 8px 0;
}

.movie {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.movie iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.txt_left {
   text-align: left;
}

#ctw .disp_pc {
   display: block;
}

#ctw .disp_sp {
   display: none;
}


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

#ctw h2{
   font-size: 3.2em;
}


#ctw h3{
   font-size: 2.6em;
}

#ctw h4{
   font-size: 1.8em;
}

#ctw h5{
   font-size: 1.4em;
}

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

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

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

ul.column2 {
   max-width: 99%;
   padding: 0px 10px;
   margin:20px 0 0 0;
}

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

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

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

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

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

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

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

ul.column3 li img {
   width: 90%;
   margin: 0 auto 10px;
}

#ctw .disp_pc {
   display: none;
}

#ctw .disp_sp {
   display: block;
}

.w80 {
   max-width: 80%!important;
}

}