@charset "UTF-8";
/* line 75, scss/_variables-site.scss */
#setouchi .block { width: 800px; margin: 0 auto 20px auto; padding: 50px 75px 60px 75px; background: #fff; }
@media only screen and (max-width: 1024px) { /* line 75, scss/_variables-site.scss */
  #setouchi .block { width: 100%; padding: 40px 20px; } }
@media only screen and (max-width: 639px) { /* line 75, scss/_variables-site.scss */
  #setouchi .block { padding: 40px 10px; } }

/* line 89, scss/_variables-site.scss */
#setouchi #gomi, #setouchi #food, #setouchi #learning { padding-top: 60px; padding-bottom: 60px; }
@media only screen and (max-width: 1024px) { /* line 89, scss/_variables-site.scss */
  #setouchi #gomi, #setouchi #food, #setouchi #learning { padding-top: 40px; padding-bottom: 40px; } }

@media screen and (max-width: 720px) { /* line 6, scss/page.scss */
  #setouchi-container .l-content { padding-right: 10px; padding-left: 10px; } }

/* line 12, scss/page.scss */
#setouchi { width: 1100px; font-size: 15px; line-height: 26px; font-weight: bold; background: #e2f5fe; }
@media only screen and (max-width: 1024px) { /* line 12, scss/page.scss */
  #setouchi { width: 100%; } }
@media only screen and (max-width: 639px) { /* line 12, scss/page.scss */
  #setouchi { font-size: 14px; line-height: 22px; } }
/* line 27, scss/page.scss */
#setouchi .pcnone { display: none; }
@media only screen and (max-width: 1024px) { /* line 27, scss/page.scss */
  #setouchi .pcnone { display: block; } }
@media only screen and (max-width: 639px) { /* line 33, scss/page.scss */
  #setouchi br.spnone { display: none; } }
/* line 38, scss/page.scss */
#setouchi .btn { margin-top: 40px; }
/* line 40, scss/page.scss */
#setouchi .btn a { position: relative; background: #108ff7; border-radius: 100vh; width: 280px; margin: 0 auto; padding: 10px; transition: 0.3s; }
/* line 48, scss/page.scss */
#setouchi .btn a::before { /* くの字の表示設定 */ content: ""; margin: auto; position: absolute; top: 0; bottom: 0; right: 15px; width: 5px; /* くの字を山なりに見た時、左側の長さ */ height: 5px; /* くの字を山なりに見た時、右側の長さ */ border-top: 2px solid #fff; /* くの字を山なりに見た時、左側の太さと色 */ border-right: 2px solid #fff; /* くの字を山なりに見た時、右側の太さと色 */ transform: rotate(45deg); /* くの字の向き */ }
/* line 61, scss/page.scss */
#setouchi .btn a:hover { background: #0666b4; }
/* line 66, scss/page.scss */
#setouchi .title-box { padding: 0 20px; margin-bottom: 50px; text-align: center; }
/* line 71, scss/page.scss */
#setouchi .title-box h2 img { height: 50px; margin: 0 auto; display: block; }
/* line 77, scss/page.scss */
#setouchi .title-box .h2-bg { width: 40px; margin: 30px 0; }
/* line 81, scss/page.scss */
#setouchi .title-box p { font-size: 16px; }
/* line 85, scss/page.scss */
#setouchi .movie { position: relative; width: 100%; padding-top: 56.25%; }
/* line 89, scss/page.scss */
#setouchi .movie iframe { position: absolute; top: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); width: 90%; height: 90%; }
@media only screen and (max-width: 1024px) { /* line 85, scss/page.scss */
  #setouchi .movie { margin-bottom: 20px; }
  /* line 101, scss/page.scss */
  #setouchi .movie iframe { width: 100%; height: 100%; } }
/* line 108, scss/page.scss */
#setouchi #kv { text-align: center; }
/* line 110, scss/page.scss */
#setouchi #kv h1 { border-bottom: 6px solid #ffe700; }
/* line 113, scss/page.scss */
#setouchi #kv .kv-copy { background: #fff url("img/bg_footer.png") bottom center no-repeat; padding: 40px 80px 110px 80px; }
@media only screen and (max-width: 1024px) { /* line 113, scss/page.scss */
  #setouchi #kv .kv-copy { padding-left: 20px; padding-right: 20px; } }
/* line 122, scss/page.scss */
#setouchi #kv .kv-area { color: #fff; padding: 60px 175px; background: #108ff7; background: -moz-linear-gradient(#0074eb 0%, #108ff7 100%); background: -webkit-gradient(linear, left top, left bottom, from(#0074eb), to(#108ff7)); background: -webkit-linear-gradient(#0074eb 0%, #108ff7 100%); background: -o-linear-gradient(#0074eb 0%, #108ff7 100%); background: linear-gradient(#0074eb 0%, #108ff7 100%); }
/* line 131, scss/page.scss */
#setouchi #kv .kv-area img { margin-bottom: 50px; }
/* line 134, scss/page.scss */
#setouchi #kv .kv-area p { font-size: 16px; }
@media only screen and (max-width: 1024px) { /* line 122, scss/page.scss */
  #setouchi #kv .kv-area { padding-left: 20px; padding-right: 20px; }
  /* line 140, scss/page.scss */
  #setouchi #kv .kv-area p { font-size: 15px; } }
/* line 146, scss/page.scss */
#setouchi .block { border-radius: 8px; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); }
/* line 152, scss/page.scss */
#setouchi #gomi { background: url("img/bg_section01.png") top right no-repeat; background-size: 70%; }
@media only screen and (max-width: 639px) { /* line 152, scss/page.scss */
  #setouchi #gomi { background-size: contain; } }
/* line 160, scss/page.scss */
#setouchi #gomi .block .ttl { font-size: clamp(17px, 2vw, 22px); line-height: 2; text-align: center; margin-bottom: 40px; }
/* line 165, scss/page.scss */
#setouchi #gomi .block .ttl span { border-bottom: 5px dotted #108ff7; padding-bottom: 3px; }
/* line 168, scss/page.scss */
#setouchi #gomi .block .ttl span a { color: #444; }
/* line 173, scss/page.scss */
#setouchi #gomi .block h4 { font-size: clamp(17px, 2vw, 21px); color: #108ff7; text-align: center; margin-bottom: 15px; }
/* line 179, scss/page.scss */
#setouchi #gomi .block .gomi-img { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; margin: 0 auto 40px auto; }
/* line 183, scss/page.scss */
#setouchi #gomi .block .gomi-img .gomi-img-item { width: calc(50% - 15px); }
/* line 185, scss/page.scss */
#setouchi #gomi .block .gomi-img .gomi-img-item a { transition: 0.5s; }
/* line 188, scss/page.scss */
#setouchi #gomi .block .gomi-img .gomi-img-item a:hover img { opacity: 0.8; }
@media only screen and (max-width: 639px) { /* line 179, scss/page.scss */
  #setouchi #gomi .block .gomi-img { -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; }
  /* line 197, scss/page.scss */
  #setouchi #gomi .block .gomi-img .gomi-img-item { width: 80%; }
  /* line 199, scss/page.scss */
  #setouchi #gomi .block .gomi-img .gomi-img-item:first-child { margin-bottom: 10px; } }
/* line 207, scss/page.scss */
#setouchi #food { background: url("img/bg_section02.png") top left no-repeat; background-size: 85%; }
@media only screen and (max-width: 639px) { /* line 207, scss/page.scss */
  #setouchi #food { background-size: contain; } }
/* line 215, scss/page.scss */
#setouchi #learning { background: url("img/bg_section03.png") top right 20px no-repeat; background-size: 82%; }
@media only screen and (max-width: 639px) { /* line 215, scss/page.scss */
  #setouchi #learning { background-size: contain; } }
/* line 223, scss/page.scss */
#setouchi #project { background-image: url("img/bg_headder.png"), url("img/bg_footer.png"); background-position: top center, bottom center; background-repeat: no-repeat, no-repeat; background-color: #80c4fb; width: 100%; padding: 70px 150px; }
/* line 231, scss/page.scss */
#setouchi #project h2 { text-align: center; margin-bottom: 60px; }
/* line 234, scss/page.scss */
#setouchi #project h2 img { width: 85%; }
/* line 238, scss/page.scss */
#setouchi #project .project-item { margin-bottom: 20px; }
@media only screen and (max-width: 1024px) { /* line 223, scss/page.scss */
  #setouchi #project { padding: 60px 20px; } }
@media only screen and (max-width: 639px) { /* line 223, scss/page.scss */
  #setouchi #project { padding: 60px 10px; }
  /* line 246, scss/page.scss */
  #setouchi #project h2 { margin-bottom: 30px; }
  /* line 248, scss/page.scss */
  #setouchi #project h2 img { width: 95%; } }
/* line 254, scss/page.scss */
#setouchi .activity { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -30px; }
/* line 259, scss/page.scss */
#setouchi .activity .activity-item { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-direction: column; flex-direction: column; width: calc(50% - 20px); background: #f6f6f6; margin-bottom: 30px; }
/* line 266, scss/page.scss */
#setouchi .activity .activity-item .activity-item-img { width: 100%; position: relative; }
/* line 272, scss/page.scss */
#setouchi .activity .activity-item .activity-item-img a img { transition: 0.6s; }
/* line 274, scss/page.scss */
#setouchi .activity .activity-item .activity-item-img a img:hover { opacity: 0.8; }
@media only screen and (min-width: 640px) { /* line 269, scss/page.scss */
  #setouchi .activity .activity-item .activity-item-img a { background: #e5f6fe; width: 100%; display: flex; align-items: stretch; }
  /* line 283, scss/page.scss */
  #setouchi .activity .activity-item .activity-item-img a:before { content: ""; display: block; padding-top: 66.75%; }
  /* line 288, scss/page.scss */
  #setouchi .activity .activity-item .activity-item-img a img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); } }
/* line 298, scss/page.scss */
#setouchi .activity .activity-item .activity-item-img .plef { position: absolute; left: 0; top: 0; width: 80px; text-align: center; font-size: 14px; color: #fff; background: #f06464; padding: 6px 10px 4px 10px; line-height: 1; }
/* line 311, scss/page.scss */
#setouchi .activity .activity-item .activity-item-text { padding: 20px; }
/* line 313, scss/page.scss */
#setouchi .activity .activity-item .activity-item-text h3 { font-size: 16px; color: #3164bd; margin-bottom: 10px; }
/* line 318, scss/page.scss */
#setouchi .activity .activity-item .activity-item-text p { font-size: 14px; color: #444; }
/* line 321, scss/page.scss */
#setouchi .activity .activity-item .activity-item-text p .external-link { color: #444; text-decoration: underline; transition: 0.3s; }
/* line 325, scss/page.scss */
#setouchi .activity .activity-item .activity-item-text p .external-link:hover { color: #3164bd; }
/* line 331, scss/page.scss */
#setouchi .activity .activity-item .btn { margin: auto auto 30px auto; }
/* line 333, scss/page.scss */
#setouchi .activity .activity-item .btn a { width: 200px; }
@media only screen and (max-width: 639px) { /* line 254, scss/page.scss */
  #setouchi .activity { margin-bottom: -20px; }
  /* line 340, scss/page.scss */
  #setouchi .activity .activity-item { display: -ms-flexbox; display: flex; width: 100%; margin-bottom: 30px; } }
/* line 348, scss/page.scss */
#setouchi .activity .activity-item.w100 { width: 100%; }
/* line 350, scss/page.scss */
#setouchi .activity .activity-item.w100 .activity-items { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; border: 1px solid #D9D9D9; background: #fff; }
/* line 355, scss/page.scss */
#setouchi .activity .activity-item.w100 .activity-items .item-img { width: 50%; }
/* line 362, scss/page.scss */
#setouchi .activity .activity-item.w100 .activity-item-text .logo-4 { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; margin-top: 20px; }
/* line 366, scss/page.scss */
#setouchi .activity .activity-item.w100 .activity-item-text .logo-4 .logo-item { width: 23%; padding: 0 10px; }
@media only screen and (max-width: 639px) { /* line 362, scss/page.scss */
  #setouchi .activity .activity-item.w100 .activity-item-text .logo-4 { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -15px; }
  /* line 373, scss/page.scss */
  #setouchi .activity .activity-item.w100 .activity-item-text .logo-4 .logo-item { width: 45%; margin-bottom: 15px; } }
/* line 383, scss/page.scss */
#setouchi.area-nihonkai { background: #D1F1FF; }
/* line 386, scss/page.scss */
#setouchi.area-nihonkai #kv h1 { border-bottom: none; }
/* line 390, scss/page.scss */
#setouchi.area-nihonkai #kv .kv-copy p, #setouchi.area-nihonkai #kv .kv-area p { margin-bottom: 1.5em; }
/* line 392, scss/page.scss */
#setouchi.area-nihonkai #kv .kv-copy p:last-child, #setouchi.area-nihonkai #kv .kv-area p:last-child { margin-bottom: 0; }
/* line 398, scss/page.scss */
#setouchi.area-nihonkai #kv .kv-copy a { color: #459FE1; text-decoration: underline; }
/* line 401, scss/page.scss */
#setouchi.area-nihonkai #kv .kv-copy a:hover { color: #F06464; }
/* line 406, scss/page.scss */
#setouchi.area-nihonkai #kv .kv-area { background: #0580B7; padding: 60px 150px; }
@media only screen and (max-width: 1024px) { /* line 406, scss/page.scss */
  #setouchi.area-nihonkai #kv .kv-area { padding-left: 20px; padding-right: 20px; } }
/* line 413, scss/page.scss */
#setouchi.area-nihonkai #kv .kv-area img { max-width: 475px; width: 100%; }
/* line 423, scss/page.scss */
#setouchi.area-nihonkai .activity .activity-item .activity-item-text h3 { color: #007AB1; }
/* line 428, scss/page.scss */
#setouchi.area-nihonkai .activity .activity-item .btn a { background: #0580B7; }
/* line 434, scss/page.scss */
#setouchi.area-nihonkai #project { background-color: #0580B7; }
/* line 437, scss/page.scss */
#setouchi.area-nihonkai #project h2 img { margin-bottom: 30px; }

/* line 450, scss/page.scss */
.float-banner { background: linear-gradient(rgba(0, 145, 255, 0.85), rgba(0, 118, 242, 0.85)); transition-duration: 0.6s; width: 1100px; }
/* line 456, scss/page.scss */
.float-banner ul { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }
/* line 460, scss/page.scss */
.float-banner ul li { padding: 15px 5vw; position: relative; transition: 0.6s; }
/* line 465, scss/page.scss */
.float-banner ul li a img { width: auto; height: 20px; display: block; }
/* line 470, scss/page.scss */
.float-banner ul li a::after { position: absolute; top: 0; bottom: 0; right: 0; left: 0; z-index: 1; pointer-events: auto; content: ""; }
/* line 481, scss/page.scss */
.float-banner ul li + li { border-left: 1px solid rgba(255, 255, 255, 0.2); }
/* line 486, scss/page.scss */
.float-banner.fix { position: fixed; top: 70px; right: 0; left: 0; margin: 0 auto; /*right: 50%;
transform: translateX(50%);
-webkit-transform: translateX(50%);
-ms-transform: translateX(50%);*/ z-index: 1; animation: fadeIn 1s cubic-bezier(0.33, 1, 0.68, 1) 1 forwards; }
/* line 498, scss/page.scss */
.float-banner.fix.none { opacity: 0; z-index: -1; }
@media (min-width: 769px) { /* line 506, scss/page.scss */
  .float-banner ul li:hover { background: #0666b4; } }
@media (max-width: 768px) { /* line 450, scss/page.scss */
  .float-banner { width: 100%; }
  /* line 515, scss/page.scss */
  .float-banner ul li { padding: 15px 20px; }
  /* line 518, scss/page.scss */
  .float-banner ul li a img { height: 17px; }
  /* line 524, scss/page.scss */
  .float-banner.fix { top: 70px; } }
@media only screen and (max-width: 639px) { /* line 530, scss/page.scss */
  .float-banner ul li { padding: 15px 10px; }
  /* line 533, scss/page.scss */
  .float-banner ul li a img { height: 3vw; } }
@keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
/* line 549, scss/page.scss */
.area-nihonkai .float-banner { background: rgba(5, 128, 183, 0.85); }

/*# sourceMappingURL=page.css.map */