<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900);
.text-secondary {
  color: #00a99d;
}

a.text-secondary:hover,
a.text-secondary:focus {
  color: #00766e;
}

.text-tertiary {
  color: #f15429;
}

a.text-tertiary:hover,
a.text-tertiary:focus {
  color: #d93a0e;
}

.text-quaternary {
  color: #d44586;
}

a.text-quaternary:hover,
a.text-quaternary:focus {
  color: #bb2b6c;
}

.text-quinary {
  color: #f28d9c;
}

a.text-quinary:hover,
a.text-quinary:focus {
  color: #ed5f74;
}

.text-red {
  color: #ff0000;
}

a.text-red:hover,
a.text-red:focus {
  color: #cc0000;
}

.text-black {
  color: #000;
}

a.text-black:hover,
a.text-black:focus {
  color: black;
}

.text-white {
  color: #fff;
}

.bg-secondary {
  color: #fff;
  background-color: #00a99d;
}

.bg-tertiary {
  color: #fff;
  background-color: #f15429;
}

.bg-quaternary {
  color: #fff;
  background-color: #d44586;
}

.bg-quinary {
  color: #fff;
  background-color: #f28d9c;
}

.bg-red {
  color: #fff;
  background-color: #ff0000;
}

.bg-black {
  color: #fff;
  background-color: #000;
}

.bg-white {
  background-color: #fff;
}

.btn-secondary {
  color: #fff;
  background-color: #00a99d;
  border-color: #009085;
}
.btn-secondary:focus, .btn-secondary.focus {
  color: #fff;
  background-color: #00766e;
  border-color: #00100f;
}
.btn-secondary:hover {
  color: #fff;
  background-color: #00766e;
  border-color: #00524c;
}
.btn-secondary:active, .btn-secondary.active, .open &gt; .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #00766e;
  border-color: #00524c;
}
.btn-secondary:active:hover, .btn-secondary:active:focus, .btn-secondary:active.focus, .btn-secondary.active:hover, .btn-secondary.active:focus, .btn-secondary.active.focus, .open &gt; .btn-secondary.dropdown-toggle:hover, .open &gt; .btn-secondary.dropdown-toggle:focus, .open &gt; .btn-secondary.dropdown-toggle.focus {
  color: #fff;
  background-color: #00524c;
  border-color: #00100f;
}
.btn-secondary:active, .btn-secondary.active, .open &gt; .btn-secondary.dropdown-toggle {
  background-image: none;
}
.btn-secondary.disabled, .btn-secondary.disabled:hover, .btn-secondary.disabled:focus, .btn-secondary.disabled.focus, .btn-secondary.disabled:active, .btn-secondary.disabled.active, .btn-secondary[disabled], .btn-secondary[disabled]:hover, .btn-secondary[disabled]:focus, .btn-secondary[disabled].focus, .btn-secondary[disabled]:active, .btn-secondary[disabled].active, fieldset[disabled] .btn-secondary, fieldset[disabled] .btn-secondary:hover, fieldset[disabled] .btn-secondary:focus, fieldset[disabled] .btn-secondary.focus, fieldset[disabled] .btn-secondary:active, fieldset[disabled] .btn-secondary.active {
  background-color: #00a99d;
  border-color: #009085;
}
.btn-secondary .badge {
  color: #00a99d;
  background-color: #fff;
}

.btn-tertiary {
  color: #fff;
  background-color: #f15429;
  border-color: #ef4111;
}
.btn-tertiary:focus, .btn-tertiary.focus {
  color: #fff;
  background-color: #d93a0e;
  border-color: #792008;
}
.btn-tertiary:hover {
  color: #fff;
  background-color: #d93a0e;
  border-color: #b7310c;
}
.btn-tertiary:active, .btn-tertiary.active, .open &gt; .btn-tertiary.dropdown-toggle {
  color: #fff;
  background-color: #d93a0e;
  border-color: #b7310c;
}
.btn-tertiary:active:hover, .btn-tertiary:active:focus, .btn-tertiary:active.focus, .btn-tertiary.active:hover, .btn-tertiary.active:focus, .btn-tertiary.active.focus, .open &gt; .btn-tertiary.dropdown-toggle:hover, .open &gt; .btn-tertiary.dropdown-toggle:focus, .open &gt; .btn-tertiary.dropdown-toggle.focus {
  color: #fff;
  background-color: #b7310c;
  border-color: #792008;
}
.btn-tertiary:active, .btn-tertiary.active, .open &gt; .btn-tertiary.dropdown-toggle {
  background-image: none;
}
.btn-tertiary.disabled, .btn-tertiary.disabled:hover, .btn-tertiary.disabled:focus, .btn-tertiary.disabled.focus, .btn-tertiary.disabled:active, .btn-tertiary.disabled.active, .btn-tertiary[disabled], .btn-tertiary[disabled]:hover, .btn-tertiary[disabled]:focus, .btn-tertiary[disabled].focus, .btn-tertiary[disabled]:active, .btn-tertiary[disabled].active, fieldset[disabled] .btn-tertiary, fieldset[disabled] .btn-tertiary:hover, fieldset[disabled] .btn-tertiary:focus, fieldset[disabled] .btn-tertiary.focus, fieldset[disabled] .btn-tertiary:active, fieldset[disabled] .btn-tertiary.active {
  background-color: #f15429;
  border-color: #ef4111;
}
.btn-tertiary .badge {
  color: #f15429;
  background-color: #fff;
}

.btn-quaternary {
  color: #fff;
  background-color: #d44586;
  border-color: #cf3079;
}
.btn-quaternary:focus, .btn-quaternary.focus {
  color: #fff;
  background-color: #bb2b6c;
  border-color: #68183c;
}
.btn-quaternary:hover {
  color: #fff;
  background-color: #bb2b6c;
  border-color: #9e245c;
}
.btn-quaternary:active, .btn-quaternary.active, .open &gt; .btn-quaternary.dropdown-toggle {
  color: #fff;
  background-color: #bb2b6c;
  border-color: #9e245c;
}
.btn-quaternary:active:hover, .btn-quaternary:active:focus, .btn-quaternary:active.focus, .btn-quaternary.active:hover, .btn-quaternary.active:focus, .btn-quaternary.active.focus, .open &gt; .btn-quaternary.dropdown-toggle:hover, .open &gt; .btn-quaternary.dropdown-toggle:focus, .open &gt; .btn-quaternary.dropdown-toggle.focus {
  color: #fff;
  background-color: #9e245c;
  border-color: #68183c;
}
.btn-quaternary:active, .btn-quaternary.active, .open &gt; .btn-quaternary.dropdown-toggle {
  background-image: none;
}
.btn-quaternary.disabled, .btn-quaternary.disabled:hover, .btn-quaternary.disabled:focus, .btn-quaternary.disabled.focus, .btn-quaternary.disabled:active, .btn-quaternary.disabled.active, .btn-quaternary[disabled], .btn-quaternary[disabled]:hover, .btn-quaternary[disabled]:focus, .btn-quaternary[disabled].focus, .btn-quaternary[disabled]:active, .btn-quaternary[disabled].active, fieldset[disabled] .btn-quaternary, fieldset[disabled] .btn-quaternary:hover, fieldset[disabled] .btn-quaternary:focus, fieldset[disabled] .btn-quaternary.focus, fieldset[disabled] .btn-quaternary:active, fieldset[disabled] .btn-quaternary.active {
  background-color: #d44586;
  border-color: #cf3079;
}
.btn-quaternary .badge {
  color: #d44586;
  background-color: #fff;
}

.btn-quinary {
  color: #fff;
  background-color: #f28d9c;
  border-color: #ef7688;
}
.btn-quinary:focus, .btn-quinary.focus {
  color: #fff;
  background-color: #ed5f74;
  border-color: #ce1833;
}
.btn-quinary:hover {
  color: #fff;
  background-color: #ed5f74;
  border-color: #e93f58;
}
.btn-quinary:active, .btn-quinary.active, .open &gt; .btn-quinary.dropdown-toggle {
  color: #fff;
  background-color: #ed5f74;
  border-color: #e93f58;
}
.btn-quinary:active:hover, .btn-quinary:active:focus, .btn-quinary:active.focus, .btn-quinary.active:hover, .btn-quinary.active:focus, .btn-quinary.active.focus, .open &gt; .btn-quinary.dropdown-toggle:hover, .open &gt; .btn-quinary.dropdown-toggle:focus, .open &gt; .btn-quinary.dropdown-toggle.focus {
  color: #fff;
  background-color: #e93f58;
  border-color: #ce1833;
}
.btn-quinary:active, .btn-quinary.active, .open &gt; .btn-quinary.dropdown-toggle {
  background-image: none;
}
.btn-quinary.disabled, .btn-quinary.disabled:hover, .btn-quinary.disabled:focus, .btn-quinary.disabled.focus, .btn-quinary.disabled:active, .btn-quinary.disabled.active, .btn-quinary[disabled], .btn-quinary[disabled]:hover, .btn-quinary[disabled]:focus, .btn-quinary[disabled].focus, .btn-quinary[disabled]:active, .btn-quinary[disabled].active, fieldset[disabled] .btn-quinary, fieldset[disabled] .btn-quinary:hover, fieldset[disabled] .btn-quinary:focus, fieldset[disabled] .btn-quinary.focus, fieldset[disabled] .btn-quinary:active, fieldset[disabled] .btn-quinary.active {
  background-color: #f28d9c;
  border-color: #ef7688;
}
.btn-quinary .badge {
  color: #f28d9c;
  background-color: #fff;
}

.btn-red {
  color: #fff;
  background-color: #ff0000;
  border-color: #e60000;
}
.btn-red:focus, .btn-red.focus {
  color: #fff;
  background-color: #cc0000;
  border-color: #660000;
}
.btn-red:hover {
  color: #fff;
  background-color: #cc0000;
  border-color: #a80000;
}
.btn-red:active, .btn-red.active, .open &gt; .btn-red.dropdown-toggle {
  color: #fff;
  background-color: #cc0000;
  border-color: #a80000;
}
.btn-red:active:hover, .btn-red:active:focus, .btn-red:active.focus, .btn-red.active:hover, .btn-red.active:focus, .btn-red.active.focus, .open &gt; .btn-red.dropdown-toggle:hover, .open &gt; .btn-red.dropdown-toggle:focus, .open &gt; .btn-red.dropdown-toggle.focus {
  color: #fff;
  background-color: #a80000;
  border-color: #660000;
}
.btn-red:active, .btn-red.active, .open &gt; .btn-red.dropdown-toggle {
  background-image: none;
}
.btn-red.disabled, .btn-red.disabled:hover, .btn-red.disabled:focus, .btn-red.disabled.focus, .btn-red.disabled:active, .btn-red.disabled.active, .btn-red[disabled], .btn-red[disabled]:hover, .btn-red[disabled]:focus, .btn-red[disabled].focus, .btn-red[disabled]:active, .btn-red[disabled].active, fieldset[disabled] .btn-red, fieldset[disabled] .btn-red:hover, fieldset[disabled] .btn-red:focus, fieldset[disabled] .btn-red.focus, fieldset[disabled] .btn-red:active, fieldset[disabled] .btn-red.active {
  background-color: #ff0000;
  border-color: #e60000;
}
.btn-red .badge {
  color: #ff0000;
  background-color: #fff;
}

.btn-black {
  color: #fff;
  background-color: #000;
  border-color: black;
}
.btn-black:focus, .btn-black.focus {
  color: #fff;
  background-color: black;
  border-color: black;
}
.btn-black:hover {
  color: #fff;
  background-color: black;
  border-color: black;
}
.btn-black:active, .btn-black.active, .open &gt; .btn-black.dropdown-toggle {
  color: #fff;
  background-color: black;
  border-color: black;
}
.btn-black:active:hover, .btn-black:active:focus, .btn-black:active.focus, .btn-black.active:hover, .btn-black.active:focus, .btn-black.active.focus, .open &gt; .btn-black.dropdown-toggle:hover, .open &gt; .btn-black.dropdown-toggle:focus, .open &gt; .btn-black.dropdown-toggle.focus {
  color: #fff;
  background-color: black;
  border-color: black;
}
.btn-black:active, .btn-black.active, .open &gt; .btn-black.dropdown-toggle {
  background-image: none;
}
.btn-black.disabled, .btn-black.disabled:hover, .btn-black.disabled:focus, .btn-black.disabled.focus, .btn-black.disabled:active, .btn-black.disabled.active, .btn-black[disabled], .btn-black[disabled]:hover, .btn-black[disabled]:focus, .btn-black[disabled].focus, .btn-black[disabled]:active, .btn-black[disabled].active, fieldset[disabled] .btn-black, fieldset[disabled] .btn-black:hover, fieldset[disabled] .btn-black:focus, fieldset[disabled] .btn-black.focus, fieldset[disabled] .btn-black:active, fieldset[disabled] .btn-black.active {
  background-color: #000;
  border-color: black;
}
.btn-black .badge {
  color: #000;
  background-color: #fff;
}

.englishfonts {
  font-family: "Raleway", sans-serif;
  font-weight: 400;
}

.japanisefonts {
  font-family: "Noto Sans Japanese", sans-serif;
  font-weight: 400;
}

body {
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-size: 16px;
}

.hover:hover {
  opacity: 0.6;
}

/*----------------------------------------------------
Bootstrap調整
----------------------------------------------------*/
.fb_iframe_widget &gt; span {
  vertical-align: baseline !important;
}

/*----------------------------------------------------
#header
----------------------------------------------------*/
#header {
  background-color: #fff;
  width: 100%;
  height: 90px;
  border-bottom: 1px solid #f3ebc7;
}
@media screen and (max-width: 767px) {
  #header {
    height: 60px;
  }
}
#header .container {
  position: relative;
}
#header #logo {
  margin: 0;
  padding: 0;
  line-height: 1;
  font-size: 100%;
  position: absolute;
  top: 30px;
  left: 15px;
}
@media screen and (max-width: 767px) {
  #header #logo {
    top: 20px;
  }
  #header #logo img {
    width: 180px;
    height: auto;
  }
}
#header #goto_sogo {
  position: absolute;
  top: -2px;
  right: 15px;
}
#header #goto_sogo:hover {
  opacity: 0.6;
}
@media screen and (max-width: 767px) {
  #header #goto_sogo {
    display: none;
  }
}
#header #togglemenu {
  display: none;
}
@media screen and (max-width: 767px) {
  #header #togglemenu {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    background-color: #009fe8;
    color: #fff;
    font-size: 12px;
    line-height: 1;
    padding: 9px;
    width: 90px;
    height: 30px;
    border-bottom: 1px solid #008ecf;
  }
  #header #togglemenu:hover {
    text-decoration: none;
  }
  #header #togglemenu:link, #header #togglemenu:active {
    text-decoration: none;
  }
}
#header #togglelogin {
  display: none;
}
@media screen and (max-width: 767px) {
  #header #togglelogin {
    position: absolute;
    top: 30px;
    right: 0;
    display: inline-block;
    background-color: #009fe8;
    color: #fff;
    font-size: 12px;
    line-height: 1;
    padding: 9px;
    width: 90px;
    height: 30px;
  }
  #header #togglelogin:hover {
    text-decoration: none;
  }
  #header #togglelogin:link, #header #togglelogin:active {
    text-decoration: none;
  }
}

.event #header {
  height: 132px;
}
@media screen and (max-width: 767px) {
  .event #header {
    height: 60px;
  }
}
.event #header #logo {
  top: 50px;
}
@media screen and (max-width: 767px) {
  .event #header #logo {
    top: 20px;
  }
}
.event #header #gotologinbtn {
  position: absolute;
  top: 60px;
  right: 15px;
}
@media screen and (max-width: 767px) {
  .event #header #gotologinbtn {
    display: none;
  }
}

.home #header #logo {
  top: 12px;
}
@media screen and (max-width: 767px) {
  .home #header #logo {
    top: 12px;
  }
}
@media screen and (max-width: 767px) {
  .home #header #togglemenu {
    padding: 24px 9px;
    height: 60px;
  }
}

/*----------------------------------------------------
#loginarea
----------------------------------------------------*/
#loginarea {
  background: url("../images/bg_a.png");
  width: 100%;
  padding: 20px 0;
}
@media screen and (max-width: 767px) {
  #loginarea {
    padding: 10px 0;
  }
}
#loginarea .matching-login {
  display: table;
}
@media screen and (max-width: 767px) {
  #loginarea .matching-login {
    width: 100%;
  }
}
#loginarea .matching-login-cell {
  display: table-cell;
  white-space: nowrap;
  padding-right: 10px;
  vertical-align: middle;
  font-size: 16px;
}
@media screen and (max-width: 767px) {
  #loginarea .matching-login-cell {
    padding: 5px 0;
    display: block;
    width: 100%;
  }
}
#loginarea .matching-login-cell .form-control {
  margin: 0;
  width: 200px;
}
@media screen and (max-width: 767px) {
  #loginarea .matching-login-cell .form-control {
    width: 100%;
  }
}
#loginarea .matching-login-cell a {
  color: #000;
  text-decoration: underline;
}

/*----------------------------------------------------
#main
----------------------------------------------------*/
#main {
  width: 100%;
  height: 450px;
  background: url("../images/bg_gizagiza01.png") bottom repeat-x;
}
@media screen and (max-width: 767px) {
  #main {
    height: auto;
    padding: 30px 0 60px;
  }
}
#main .container {
  height: 100%;
}
#main .cont {
  display: table;
  height: 100%;
  width: 100%;
}
@media screen and (max-width: 767px) {
  #main .cont {
    display: block;
    width: 100%;
  }
  #main .cont img {
    max-width: 100%;
    height: auto;
  }
}
#main .cont .text {
  height: 100%;
  display: table-cell;
  vertical-align: middle;
  white-space: nowrap;
  padding: 0 30px;
  padding-bottom: 30px;
}
@media screen and (max-width: 767px) {
  #main .cont .text {
    display: block;
    width: 100%;
    white-space: normal;
    padding: 0;
  }
}
#main .cont #catccopy {
  margin: 0;
  padding: 0;
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  #main .cont #catccopy {
    text-align: center;
    margin-bottom: 15px;
  }
}
#main .cont #bodycopy {
  margin: 0;
}
@media screen and (max-width: 767px) {
  #main .cont #bodycopy {
    margin-bottom: 30px;
  }
}
#main .cont .eyecatch {
  text-align: right;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
  padding: 0 30px;
  padding-bottom: 30px;
}
@media screen and (max-width: 767px) {
  #main .cont .eyecatch {
    display: block;
    width: 100%;
    padding: 0;
  }
}

/*----------------------------------------------------
#matchingtop
----------------------------------------------------*/
#matchingtop {
  background-color: #e7f6f4;
  width: 100%;
  padding: 40px 0 0;
}
#matchingtop .container {
  width: 1310px;
}
@media screen and (max-width: 767px) {
  #matchingtop .container {
    width: 100%;
  }
}
#matchingtop .conttitle {
  text-align: center;
  margin: 0;
  padding: 0;
  line-height: 1;
  margin-bottom: 30px;
}
#matchingtop .conttitle img {
  max-width: 100%;
  height: auto;
}
#matchingtop .matchingtopbox {
  background: url("../images/bg_matching01.png");
  border: 5px solid #fff;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  padding: 10px;
}
@media screen and (max-width: 767px) {
  #matchingtop .matchingtopbox {
    padding: 5px;
  }
}
#matchingtop .matchingtopbox .inner {
  background-color: #fff;
  display: table;
  padding: 30px 0;
}
@media screen and (max-width: 767px) {
  #matchingtop .matchingtopbox .inner {
    display: block;
    width: 100%;
    padding: 0;
  }
}
#matchingtop .matchingtopbox .inner .matchingtop-single {
  display: table-cell;
  border-right: 1px dotted #000;
  width: 25%;
  padding: 0 30px;
}
#matchingtop .matchingtopbox .inner .matchingtop-single:last-child {
  border-right: none;
}
@media screen and (max-width: 767px) {
  #matchingtop .matchingtopbox .inner .matchingtop-single {
    display: block;
    width: 100%;
    border-right: none;
    border-bottom: 1px dotted #000;
    padding: 15px;
  }
  #matchingtop .matchingtopbox .inner .matchingtop-single:last-child {
    border-bottom: none;
  }
}
#matchingtop .matchingtopbox .inner .matchingtop-single .title {
  text-align: center;
  margin: 10px 0 30px;
}
#matchingtop .matchingtopbox .inner .matchingtop-single .title img {
  max-width: 100%;
  height: auto;
}
@media screen and (max-width: 767px) {
  #matchingtop .matchingtopbox .inner .matchingtop-single .title img {
    max-width: 200px;
    height: auto;
  }
}
#matchingtop .matchingtopbox .inner .matchingtop-single p {
  font-size: 13px;
  line-height: 1.5;
}
#matchingtop .matchingtopbox .inner .matchingtop-single p a {
  color: #00a99d;
  text-decoration: underline;
}
#matchingtop .matchingtopbottom {
  text-align: center;
}
#matchingtop .matchingtopbottom p {
  margin: 0;
}

/*----------------------------------------------------
#eventtop
----------------------------------------------------*/
#eventtop {
  background-color: #fceeea;
  width: 100%;
  padding: 40px 0 50px;
}
#eventtop .conttitle {
  text-align: center;
  margin: 0;
  padding: 0;
  line-height: 1;
  margin-bottom: 30px;
}
#eventtop .conttitle img {
  max-width: 100%;
  height: auto;
}

/*----------------------------------------------------
.eventtopbox
----------------------------------------------------*/
.eventtopbox {
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  background-color: #fff;
  border: 2px solid #000;
  margin-bottom: 30px;
}
.eventtopbox .eventtopbox-header {
  text-align: center;
  padding: 20px;
}
.eventtopbox .eventtopbox-header img {
  max-width: 100%;
  height: auto;
}
.eventtopbox .eventtopbox-body {
  padding: 20px;
  padding-top: 0;
}
.eventtopbox .eventtopbox-body .eventtopbox-archive {
  padding-bottom: 8px;
}
.eventtopbox .eventtopbox-body .eventtopbox-archive .flag {
  font-size: 11px;
  color: #fff;
  padding: 2px 8px;
  background-color: #808080;
}
.eventtopbox .eventtopbox-body .eventtopbox-archive .flag.quaternary {
  background-color: #d44586;
}
.eventtopbox .eventtopbox-body .eventtopbox-archive a.text {
  font-size: 12px;
  color: #000;
  display: block;
}
.eventtopbox .eventtopbox-footer {
  border-top: 1px dotted #000;
  text-align: center;
  padding: 15px;
}
.eventtopbox .eventtopbox-footer a {
  font-size: 14px;
  color: #000;
}

/*----------------------------------------------------
#topcta
----------------------------------------------------*/
#topcta {
  background: #000;
  text-align: center;
  color: #fff;
  padding: 30px 0;
}
#topcta a {
  color: #fff;
}
#topcta img {
  max-width: 100%;
  height: auto;
}

/*----------------------------------------------------
#topnews
----------------------------------------------------*/
#topnews {
  padding: 50px 0;
}
#topnews .conttitle {
  text-align: center;
  margin: 0;
  padding: 0;
  line-height: 1;
  font-size: 100%;
  margin-bottom: 30px;
}

/*----------------------------------------------------
#ftopnav
----------------------------------------------------*/
#ftopnav {
  background-color: #f7f2dc;
  padding: 20px 0;
}
@media screen and (max-width: 767px) {
  #ftopnav .container {
    text-align: center;
  }
}
#ftopnav .list-inline {
  margin: 0;
  float: left;
}
@media screen and (max-width: 767px) {
  #ftopnav .list-inline {
    display: none;
  }
}
#ftopnav .list-inline li {
  font-size: 15px;
  padding: 13px 0;
  padding-right: 20px;
  padding-left: 20px;
}
#ftopnav .list-inline li a {
  color: #000;
}
#ftopnav .ph_dlbtn {
  float: right;
}
@media screen and (max-width: 767px) {
  #ftopnav .ph_dlbtn {
    float: none;
  }
}

/*----------------------------------------------------
#home-header
----------------------------------------------------*/
#home-header {
  width: 100%;
}
#home-header .home-header {
  position: relative;
  z-index: 1;
  width: 1280px;
  height: 640px;
  margin: 0 auto;
}
@media screen and (max-width: 1280px) {
  #home-header .home-header {
    width: 100%;
    height: 640px;
  }
}
@media screen and (max-width: 767px) {
  #home-header .home-header {
    width: 100%;
    height: auto;
  }
}
#home-header .home-header-single {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
#home-header .home-header-single img {
  max-width: 100%;
  height: auto;
}
@media screen and (max-width: 1280px) {
  #home-header .home-header-single {
    width: 100%;
    height: 640px;
  }
  #home-header .home-header-single img {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  #home-header .home-header-single {
    background: none;
    height: auto;
  }
}
#home-header .container {
  position: relative;
  z-index: 2;
  margin-top: -640px;
  width: 1280px;
  height: 640px;
}
@media screen and (max-width: 1280px) {
  #home-header .container {
    width: 100%;
    height: 640px;
  }
}
@media screen and (max-width: 767px) {
  #home-header .container {
    width: 100%;
    height: auto;
    margin-top: -110px;
  }
}
#home-header #home-logo {
  margin: 0;
  padding: 0;
  line-height: 1;
  font-size: 100%;
  position: absolute;
  top: 50px;
  right: 200px;
}
@media screen and (max-width: 1280px) {
  #home-header #home-logo {
    right: 13%;
  }
}
@media screen and (max-width: 767px) {
  #home-header #home-logo {
    position: relative;
    top: auto;
    right: auto;
    text-align: center;
  }
  #home-header #home-logo img {
    max-width: 230px;
    height: auto;
  }
}
#home-header #home-lead {
  margin: 0;
  padding: 0;
  line-height: 1;
  font-size: 100%;
  position: absolute;
  top: 420px;
  right: 160px;
}
@media screen and (max-width: 1280px) {
  #home-header #home-lead {
    right: 8%;
  }
}
@media screen and (max-width: 767px) {
  #home-header #home-lead {
    position: relative;
    top: auto;
    right: auto;
    text-align: center;
    margin-top: 25px;
  }
  #home-header #home-lead img {
    max-width: 200px;
    height: auto;
  }
}

/*----------------------------------------------------
#home-body
----------------------------------------------------*/
#home-body {
  padding: 40px 0 60px;
  width: 100%;
  background: url("../images/bg_gizagiza01.png") bottom repeat-x;
}

.home-body-box {
  padding: 35px;
  padding-top: 0;
  border: 3px solid;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  margin-top: 60px;
}
@media screen and (max-width: 767px) {
  .home-body-box {
    padding: 15px;
    padding-top: 0;
  }
}
.home-body-box.matching {
  border-color: #00a99d;
}
.home-body-box.event {
  border-color: #f15429;
}
.home-body-box .title {
  margin: 0;
  padding: 0;
  line-height: 1;
  font-size: 100%;
  margin-top: -60px;
  margin-bottom: 20px;
  text-align: center;
}
.home-body-box .title a:hover {
  opacity: 0.6;
}
@media screen and (max-width: 767px) {
  .home-body-box .title img {
    height: 150px;
  }
}
.home-body-box .img {
  text-align: center;
  margin-bottom: 30px;
}
.home-body-box .img img {
  height: 196px;
}
@media screen and (max-width: 767px) {
  .home-body-box .img img {
    max-width: 100%;
    height: auto;
  }
}
.home-body-box .text {
  text-align: center;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .home-body-box .text {
    text-align: left;
  }
  .home-body-box .text br {
    display: none;
  }
}
.home-body-box .cta {
  text-align: center;
}
.home-body-box .cta a:hover {
  opacity: 0.6;
}
.home-body-box .cta img {
  max-width: 100%;
  height: auto;
}
	
/*----------------------------------------------------
#body
----------------------------------------------------*/
#body {
  padding: 50px 0;
}
@media screen and (max-width: 767px) {
  #body {
    padding: 36px 0;
  }
}

/*----------------------------------------------------
#home-news
----------------------------------------------------*/
#home-news {
  background-color: #f7f2dc;
  padding: 40px 0 50px;
}
#home-news .cont-title {
  margin: 0;
  padding: 0;
  line-height: 1;
  font-size: 100%;
  text-align: center;
  margin-bottom: 40px;
}
#home-news .cont-title img {
  max-width: 100%;
  height: auto;
}

/*----------------------------------------------------
#home-footer
----------------------------------------------------*/
#home-footer {
  background-color: #f3ebc7;
  border-top: 1px dotted #000;
  padding: 30px 0;
}
@media screen and (max-width: 767px) {
  #home-footer .container {
    padding-left: 30px;
    padding-right: 30px;
  }
}

.matching #home-footer {
  border-top: 1px solid #fff;
}

.event #home-footer {
  border-top: 1px solid #fff;
}

.fnav {
  margin: 0;
  margin-top: 30px;
  font-size: 15px;
}
.fnav a {
  color: #000;
}
@media screen and (max-width: 767px) {
  .fnav {
    margin: 0;
  }
}

#copyright {
  font-size: 12px;
  margin: 0;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #copyright {
    font-size: 10px;
    margin-top: 0px;
  }
}

#comment {
  font-size: 15px;
  margin: 0;
  text-align: left;
}
@media screen and (max-width: 767px) {
  #copyright {
    font-size: 15px;
    margin-top: 30px;
  }
}

/*----------------------------------------------------
UIKIT
----------------------------------------------------*/
.flow-box {
  padding: 45px;
  background: url("../images/bg_flow-box.png");
  border: 1px dotted #f4ecca;
}
@media screen and (max-width: 767px) {
  .flow-box {
    padding: 45px 30px;
  }
}

/*----------------------------------------------------
.cont
----------------------------------------------------*/
.cont p {
  margin-bottom: 30px;
}

.cont .button {
  text-align: center;
  margin: 0;
  line-height: 1;
  padding: 20px 5px;
}
.btn-border {
  display: inline-block;
  max-width: 390px;
  text-align: center;
  border: 2px solid #f15429;
  font-size: 16px;
  color: #f15429;
  text-decoration: none;
  font-weight: bold;
  padding: 16px 20px;
  border-radius: 4px;
  transition: .4s;
}
.btn-border:hover {
  background-color: #f15429;
  border-color: #f5734f;
  color: #fff;
}
.btn-border:hover a {
  background-color: #f15429;
  border-color: #f5734f;
  color: #fff;
  text-decoration:none;
}

.cont ul {
  margin-bottom: 30px;
}
.cont .conttitle {
  text-align: center;
  margin: 0;
  padding: 0;
  line-height: 1;
  padding-bottom: 25px;
  background: url("../images/pointimg01.png") no-repeat bottom center;
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .cont .conttitle {
    padding-bottom: 20px;
  }
  .cont .conttitle img {
    height: 30px;
  }
}
.cont .contlead {
  text-align: center;
}
@media screen and (max-width: 767px) {
  .cont .contlead {
    text-align: left;
  }
  .cont .contlead br {
    display: none;
  }
}
.cont .contintitle {
  padding: 12px 0 15px;
  padding-left: 55px;
  margin: 40px 0 30px;
  font-size: 24px;
  line-height: 1.1;
  font-weight: bold;
  background: url("../images/pointimg02.png") no-repeat left top;
  border-bottom: 1px dotted #000;
}
@media screen and (max-width: 767px) {
  .cont .contintitle {
    padding: 8px 0 10px;
    padding-left: 30px;
    background-size: 40px;
    font-size: 20px;
  }
}
.cont .imgtitle {
  padding: 12px 0;
  margin: 40px 0 30px;
  font-size: 100%;
  line-height: 1.1;
  border-bottom: 1px dotted #000;
}
@media screen and (max-width: 767px) {
  .cont .imgtitle {
    padding: 8px 0;
  }
}
.cont .continintitle {
  padding: 0;
  padding-top: 25px;
  margin: 40px 0 30px;
  font-size: 18px;
  line-height: 1.1;
  font-weight: bold;
  color: #d44586;
  background: url("../images/pointimg03.png") no-repeat left top;
}
.cont .contininintitle {
  padding: 5px 0;
  padding-left: 22px;
  margin: 40px 0 30px;
  font-size: 17px;
  line-height: 1.1;
  font-weight: bold;
  color: #d44586;
  background: url("../images/pointimg04.png") no-repeat left top;
}
.cont .posttitle {
  padding: 30px 0;
  margin: 0;
  font-size: 24px;
  line-height: 1.1;
  font-weight: bold;
  border-top: 3px solid #000;
  border-bottom: 1px dotted #000;
  background: none !important;
}
@media screen and (max-width: 767px) {
  .cont .posttitle {
    padding: 20px 0;
    font-size: 20px;
  }
}
.cont .postdata {
  padding: 5px 0;
  font-size: 14px;
  border-bottom: 1px dotted #000;
  margin-bottom: 30px;
}

/*----------------------------------------------------
.newslist
----------------------------------------------------*/
.newslist {
  margin: 0;
  padding: 0;
  border-top: 1px dotted #000;
}
.newslist li {
  border-bottom: 1px dotted #000;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.newslist a {
  display: block;
  font-size: 14px;
  padding: 20px 0;
  color: #000;
}
.newslist a:hover {
  text-decoration: none;
  background-color: #faf7ea;
}
.newslist a:link, .newslist a:active {
  text-decoration: none;
}
.newslist a .date {
  margin-right: 10px;
}

.modal-content .newslist a {
  padding: 15px;
}

/*----------------------------------------------------
.newslist-narrow
----------------------------------------------------*/
.sidetitle {
  font-weight: bold;
  padding: 30px 0;
  background: url("../images/pointimg05.png") no-repeat left top;
}

.newslist-narrow {
  margin: 0;
  padding: 0;
  border-top: 1px dotted #000;
}
.newslist-narrow li {
  border-bottom: 1px dotted #000;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.newslist-narrow a {
  display: block;
  font-size: 14px;
  padding: 15px 0;
  color: #000;
}
.newslist-narrow a:hover {
  text-decoration: none;
  background-color: #faf7ea;
}
.newslist-narrow a:link, .newslist-narrow a:active {
  text-decoration: none;
}
.newslist-narrow a .date {
  display: block;
}
.newslist-narrow a .text {
  display: block;
}

/*----------------------------------------------------
.newslist-wide
----------------------------------------------------*/
.newslist-wide {
  margin: 0;
  padding: 0;
}
.newslist-wide li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.newslist-wide li.even {
  background-color: #f7f2dc;
}
.newslist-wide a {
  display: block;
  font-size: 14px;
  padding: 20px 40px;
  color: #000;
}
@media screen and (max-width: 767px) {
  .newslist-wide a {
    padding: 20px;
  }
}
.newslist-wide a:hover {
  text-decoration: none;
  background-color: #f3ebc7;
}
.newslist-wide a:link, .newslist-wide a:active {
  text-decoration: none;
}
.newslist-wide a .date {
  margin-right: 40px;
}
@media screen and (max-width: 767px) {
  .newslist-wide a .date {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .newslist-wide a .text {
    display: block;
  }
}

/*----------------------------------------------------
.searchbox
----------------------------------------------------*/
.searchbox {
  border: 3px solid #f15429;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.searchbox .title {
  margin: 0;
  text-align: center;
  margin-top: -18px;
}
.searchbox .responsive-search {
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  margin-top: -12px;
}
.searchbox .responsive-search .responsive-search-tr:first-child .responsive-search-th {
  -moz-border-radius: 7px 0 0 0;
  -webkit-border-radius: 7px;
  border-radius: 7px 0 0 0;
  padding-top: 26px;
}
@media screen and (max-width: 767px) {
  .searchbox .responsive-search .responsive-search-tr:first-child .responsive-search-th {
    -moz-border-radius: 7px 7px 0 0;
    -webkit-border-radius: 7px;
    border-radius: 7px 7px 0 0;
  }
}
.searchbox .responsive-search .responsive-search-tr:first-child .responsive-search-td {
  padding-top: 26px;
}
@media screen and (max-width: 767px) {
  .searchbox .responsive-search .responsive-search-tr:first-child .responsive-search-td {
    padding: 15px;
  }
}
.searchbox .responsive-search-submit {
  -moz-border-radius: 0 0 7px 7px;
  -webkit-border-radius: 0;
  border-radius: 0 0 7px 7px;
}

.responsive-search {
  font-size: 16px;
  display: table;
  width: 100%;
}
.responsive-search .responsive-search-tr {
  display: table-row;
}
@media screen and (max-width: 767px) {
  .responsive-search .responsive-search-tr {
    display: block;
    width: 100%;
  }
}
.responsive-search .responsive-search-th {
  width: 1%;
  vertical-align: middle;
  white-space: nowrap;
  display: table-cell;
  padding: 15px 30px;
  background-color: #fbe5df;
  border-bottom: 1px solid #fff;
}
@media screen and (max-width: 767px) {
  .responsive-search .responsive-search-th {
    padding: 15px;
    display: block;
    width: 100%;
  }
}
.responsive-search .responsive-search-td {
  display: table-cell;
  vertical-align: middle;
  padding: 15px;
  border-bottom: 1px solid #fbe5df;
}
@media screen and (max-width: 767px) {
  .responsive-search .responsive-search-td {
    display: block;
    width: 100%;
  }
}
.responsive-search .responsive-search-td .form-control {
  margin: 0;
}

.responsive-search-submit {
  padding: 15px;
  background-color: #fbe5df;
}

/*----------------------------------------------------
.eventsearch
----------------------------------------------------*/
.eventsearch {
  border: 5px solid #000;
  display: table;
  padding: 15px;
  width: 100%;
  margin-bottom: 30px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.eventsearch.seminar {
  border-color: #598dd4;
}
.eventsearch.party {
  border-color: #de7c70;
}
.eventsearch.taiken {
  border-color: #8aa33b;
}
.eventsearch.kankou {
  border-color: #67b56e;
}
.eventsearch.kouza {
  border-color: #d477a4;
}
.eventsearch.sports {
  border-color: #55c0c9;
}
@media screen and (max-width: 767px) {
  .eventsearch {
    display: block;
    width: 100%;
  }
}
.eventsearch .iconarea {
  display: table-cell;
  vertical-align: top;
}
@media screen and (max-width: 767px) {
  .eventsearch .iconarea {
    display: block;
    width: 100%;
    text-align: center;
  }
}
.eventsearch .titlearea {
  display: table-cell;
  vertical-align: top;
  width: 380px;
  padding: 0 15px;
}
@media screen and (max-width: 767px) {
  .eventsearch .titlearea {
    display: block;
    width: 100%;
    padding: 15px 0;
  }
}
.eventsearch .titlearea .title {
  font-size: 18px;
  font-weight: bold;
  color: #f15429;
}
.eventsearch .titlearea .title a {
  color: #f15429;
}
.eventsearch .labelarea {
  margin-bottom: 10px;
}
.eventsearch .textarea {
  display: table-cell;
  vertical-align: middle;
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  .eventsearch .textarea {
    display: block;
    width: 100%;
  }
}
.eventsearch .more {
  text-decoration: underline;
  color: #f15429;
}

/*----------------------------------------------------
.eventbox
----------------------------------------------------*/
.eventbox {
  border: 5px solid #000;
  width: 100%;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.eventbox.seminar {
  border-color: #598dd4;
}
.eventbox.party {
  border-color: #de7c70;
}
.eventbox.taiken {
  border-color: #8aa33b;
}
.eventbox .eventbox-tr {
  display: table;
  border-bottom: 1px dotted #ddd;
}
.eventbox .iconarea {
  display: table-cell;
  vertical-align: top;
  padding: 30px;
  width: 1%;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .eventbox .iconarea {
    text-align: center;
    padding: 15px;
    display: block;
    width: 100%;
  }
}
.eventbox .titlearea {
  display: table-cell;
  vertical-align: top;
  padding: 30px;
  padding-left: 0;
}
.eventbox .titlearea .labelarea {
  margin-bottom: 10px;
}
.eventbox .titlearea .title {
  font-size: 18px;
  font-weight: bold;
  color: #f15429;
}
@media screen and (max-width: 767px) {
  .eventbox .titlearea {
    padding: 15px;
    padding-top: 0;
    display: block;
    width: 100%;
  }
}
.eventbox .textarea {
  padding: 30px;
}
@media screen and (max-width: 767px) {
  .eventbox .textarea {
    padding: 15px;
  }
}
.eventbox .eventbox-data {
  display: table;
  width: 100%;
}
.eventbox .eventbox-data .eventbox-data-tr {
  display: table-row;
}
.eventbox .eventbox-data .eventbox-data-tr .eventbox-data-th {
  display: table-cell;
  vertical-align: text-top;
  width: 1%;
  white-space: nowrap;
  padding: 15px;
  border-top: 1px solid #ddd;
  background-color: #faf7ea;
}
@media screen and (max-width: 767px) {
  .eventbox .eventbox-data .eventbox-data-tr .eventbox-data-th {
    display: block;
    width: 100%;
  }
}
.eventbox .eventbox-data .eventbox-data-tr .eventbox-data-td {
  display: table-cell;
  vertical-align: text-top;
  padding: 15px;
  border-top: 1px solid #ddd;
}
@media screen and (max-width: 767px) {
  .eventbox .eventbox-data .eventbox-data-tr .eventbox-data-td {
    display: block;
    width: 100%;
  }
}
.eventbox .eventbox-cta {
  border-top: 1px solid #ddd;
  padding: 30px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .eventbox .eventbox-cta {
    padding: 15px;
    text-align: left;
  }
}

/*----------------------------------------------------
.eventbox
----------------------------------------------------*/
.chui {
  font-size: 13px;
}
.chui .chui-header {
  background-color: #f4ecca;
  font-weight: bold;
  text-align: center;
  padding: 5px;
}
.chui .chui-body {
  background-color: #f7f2dc;
  padding: 15px;
}

/*----------------------------------------------------
.table-responsive
----------------------------------------------------*/
.table-responsive {
  display: table;
  width: 100%;
  border-left: 1px solid #ddd;
  border-top: 1px solid #ddd;
}
.table-responsive &gt; .tr {
  display: table-row;
}
@media screen and (max-width: 767px) {
  .table-responsive &gt; .tr {
    display: block;
    width: 100%;
  }
}
.table-responsive &gt; .tr &gt; .th {
  width: 1%;
  display: table-cell;
  background-color: #f7f2dc;
  white-space: nowrap;
  padding: 12px;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  vertical-align: top;
}
@media screen and (max-width: 767px) {
  .table-responsive &gt; .tr &gt; .th {
    display: block;
    width: 100%;
  }
}
.table-responsive &gt; .tr &gt; .td {
  display: table-cell;
  vertical-align: top;
  padding: 12px;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
@media screen and (max-width: 767px) {
  .table-responsive &gt; .tr &gt; .td {
    display: block;
    width: 100%;
  }
}

/*----------------------------------------------------
.table-responsive2
----------------------------------------------------*/
.table-responsive2 {
  display: table;
  width: 100%;
  border-left: 1px solid #ddd;
  border-top: 1px solid #ddd;
}
.table-responsive2 &gt; .tr {
  display: table-row;
}
@media screen and (max-width: 767px) {
  .table-responsive2 &gt; .tr {
    display: block;
    width: 100%;
  }
}
.table-responsive2 &gt; .tr &gt; .th {
  width: 1%;
  display: table-cell;
  background-color: #FFB3CC;
  white-space: nowrap;
  padding: 12px;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  vertical-align: top;
}
@media screen and (max-width: 767px) {
  .table-responsive2 &gt; .tr &gt; .th {
    display: block;
    width: 100%;
  }
}
.table-responsive2 &gt; .tr &gt; .td {
  display: table-cell;
  vertical-align: top;
  padding: 12px;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
@media screen and (max-width: 767px) {
  .table-responsive2 &gt; .tr &gt; .td {
    display: block;
    width: 100%;
  }
}

/*  col  ==========================*/

.col-left {
	width:47.5%;
	float:left;}
.col-right {
	width:47.5%;
	float:right;}

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

.col-left {
	width:100%;
	float:none;}
.col-right {
	width:100%;
	float:none;}

}


/*----------------------------------------------------
.faq
----------------------------------------------------*/
.faq {
  border: 10px #f3ebc7 solid;
  padding: 20px;
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .faq .padding_20 {
    padding: 10px !important;
  }
  .faq img {
    max-width: 40px;
  }
}

/*----------------------------------------------------
.imgarea
----------------------------------------------------*/
.imgarea {
  width: 100%;
  display: table;
  margin-bottom: 20px;
  margin-left: -5px;
  margin-right: -5px;
}
.imgarea .imgarea-row {
  display: table-row;
}
.imgarea .imgarea-cell {
  display: table-cell;
  padding: 0 5px;
}
.imgarea .imgarea-cell img {
  display: block;
  max-width: 100%;
  height: auto;
}

/*----------------------------------------------------
CMS
----------------------------------------------------*/
/*----------------------------------------------------
.cms
----------------------------------------------------*/
.cms {
  line-height: 1.75;
  font-size: 16px;
}
.cms img {
  max-width: 100%;
  height: auto;
}
.cms h2 {
  padding: 12px 0 15px;
  padding-left: 55px;
  margin: 40px 0 30px;
  font-size: 24px;
  line-height: 1.1;
  font-weight: bold;
  background: url("../images/pointimg02.png") no-repeat left top;
  border-bottom: 1px dotted #000;
}
@media screen and (max-width: 767px) {
  .cms h2 {
    padding: 8px 0 10px;
    padding-left: 30px;
    background-size: 40px;
    font-size: 20px;
  }
}
.cms h3 {
  padding: 0;
  padding-top: 25px;
  margin: 40px 0 30px;
  font-size: 18px;
  line-height: 1.1;
  font-weight: bold;
  color: #d44586;
  background: url("../images/pointimg03.png") no-repeat left top;
}
.cms h4 {
  padding: 5px 0;
  padding-left: 22px;
  margin: 40px 0 30px;
  font-size: 17px;
  line-height: 1.1;
  font-weight: bold;
  color: #d44586;
  background: url("../images/pointimg04.png") no-repeat left top;
}
.cms ul {
  margin-bottom: 30px;
}
.cms table {
  margin-bottom: 30px;
}

/*----------------------------------------------------
HELPER
----------------------------------------------------*/
/*----------------------------------------------------
.baseline
----------------------------------------------------*/
.baseline {
  display: table;
}
.baseline &gt; .baseline-row {
  display: table-row;
}
.baseline &gt; .baseline-row &gt; .baseline-cell {
  display: table-cell;
  vertical-align: middle;
}
.baseline &gt; .baseline-row &gt; .baseline-cell img {
  max-width: none;
}
.baseline.baseline-top &gt; .baseline-row &gt; .baseline-cell {
  vertical-align: top;
}
.baseline.baseline-bottom &gt; .baseline-row &gt; .baseline-cell {
  vertical-align: bottom;
}
.baseline.baseline-justify {
  width: 100%;
}
.baseline.baseline-justify &gt; .baseline-row &gt; .baseline-cell {
  width: 10000px;
}
.baseline.baseline-justify &gt; .baseline-row &gt; .baseline-cell.nowrap {
  width: auto;
  white-space: nowrap;
}

/*----------------------------------------------------
.bg-pattern
----------------------------------------------------*/
.bg-pattern-a {
  background: url("../images/bg-pattern-a.gif");
}

.bg-pattern-b {
  background: url("../images/bg-pattern-b.gif");
}

.bg-pattern-c {
  background: url("../images/bg-pattern-c.gif");
}

.bg-pattern-d {
  background: url("../images/bg-pattern-d.gif");
}

.bg-pattern-e {
  background: url("../images/bg-pattern-e.gif");
}

.bg-pattern-f {
  background: url("../images/bg-pattern-f.gif");
}

/*----------------------------------------------------
.img-responsive-inline
----------------------------------------------------*/
.img-responsive-inline {
  max-width: 100%;
  height: auto;
}

.kome {
  display: inline-block;
  text-indent: -1em;
  margin-left: 1em;
}

/*----------------------------------------------------
z-index
----------------------------------------------------*/


/*  youtube 20171024 umeki add =====================*/
.youtube {
	width:100%;
	max-width:730px;
	margin:5% auto;
	padding:5px;
	background:#ffcae0;
	border-radius:4px;
}
.youtube-contents {
	width:100%;
	height:0;
	overflow:hidden;
	padding-top:56.25%;
	position:relative;
}
.youtube-contents iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

/*----------------------------------------------------
#kikanshi
----------------------------------------------------*/
/*PCでは無効（改行しない）*/
.pc_none{
  display: none;
}

/*スマートフォンでは有効（改行する）*/
@media screen and (max-width: 767px) {
  .pc_none{
      display: block;
  }
}

.kikanshi {
  padding: 0.5em 1em;
  margin-top: 2em;
  /* color: #ff7d6e; */
  background: #ffebe9;
  border-top: solid 10px #ff7d6e;
}
.kikanshi div {
  margin: 0; 
  padding-bottom: 15px;
}
.kikanshi .pdf {
  margin: 0 0 0 1em;
}
.kikanshi a {
  color: #009fe8;
  text-decoration: underline;
}
.kikanshi .contintitle2 {
  padding: 12px 0 15px;
  padding-left: 55px;
  margin: 10px 0 10px;
  font-size: 24px;
  line-height: 1.1;
  font-weight: bold;
  background: url("../images/pointimg02.png") no-repeat left top;
}
@media screen and (max-width: 767px) {
  .kikanshi .contintitle2 {
    padding: 8px 0 10px;
    padding-left: 30px;
    background-size: 40px;
    font-size: 20px;
  }
}


/*----------------------------------------------------
matching-exp
----------------------------------------------------*/

.matching-exp {
  padding: 24px 15px;
  margin-top:0;
}

.matching-exp &gt; div {
  padding: 25px 15px 20px;
  box-sizing: border-box;
  border: #00a99d 3px solid;
  border-radius: 7px;
  width: 510px;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

.matching-exp h3 {
  height: 24px;
  margin: 0;
}

.matching-exp h3 img {
  height: 100%;
  width: auto;
  display: block;
  margin: 0 auto;
}

.matching-exp span {
  width:120px;
  display: block;
  margin:25px auto 0;
}

.matching-exp span {
  width: 120px;
  display: block;
  margin: 15px auto 0;
}

.matching-exp span img {
  width: 100%;
  height: auto;
  display: block;
}

#matchingtop .matchingtopbottom .matching-exp p {
  font-size:15px;
  margin: 1rem;
}

.matching-exp ul {
  list-style:none;
    padding: 0;
    margin-bottom: 0;
}

.matching-exp ul li {

}

.matching-exp ul li + li {
  margin-top:8px;
}

.matching-exp ul li a {
  height:40px;
  padding:0 18px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border:#00a99d 2px solid;
  color:#00a99d;
  font-size:16px;
  box-sizing:border-box;
  text-decoration: none;
}

.matching-exp ul li a:after {
  content: '';
  border: 0;
  border-top: solid 1px #00a99d;
  border-right: solid 1px #00a99d;
  width: 10px;
  height: 10px;
  /* 矢印アイコンの位置を設定 */
  top: 50%;
  right: 20px;
  transform: translateY(-50%) rotate(45deg); /* rotate(45deg)で矢印を回転（向きを変更）させる */
  margin-top: 8px;
  text-decoration: none;
}

.matching-exp ul li a:hover:after {
  border-top: solid 1px #FFF;
  border-right: solid 1px #FFF;
}

@media screen and (min-width: 767px) {

.matching-exp {
  padding: 10px 15px 60px;
  margin-top: 0;
}

.matching-exp &gt; div {
  padding: 30px 25px;
  width: 940px;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

.matching-exp &gt; div &gt; div {
  position: relative;
  width: 580px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 10px;
}

.matching-exp h3 {
  height: 36px;
  /* margin: 0; */
  margin-bottom: 10px;
  font-size: 28px;
}

.matching-exp h3 img {
  height: 100%;
  width: auto;
  display: block;
  margin: 0 auto;
}

.matching-exp span {
  width: 150px;
  display: block;
  margin: 0;
  position: absolute;
  bottom: 0;
  left: -110px
}

.matching-exp p {
  margin-top: 15px;
  font-size: 16px;
  text-align: center;
  margin-bottom: 0;
  padding-bottom: 20px;
}

.matching-exp ul {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
  display: flex;
  justify-content: space-between;
}

.matching-exp ul li {
  width: calc((100% - 24px) / 4);
}

.matching-exp ul li a {
  height: 60px;
  padding: 0 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: #00a99d 2px solid;
  color: #00a99d;
  font-size: 20px;
  /* font-weight: bold; */
  box-sizing: border-box;
  position: relative;
  background:#FFF;
  transition: .3s ease all;
}

.matching-exp ul li a:hover{
  background:#00a99d;
  color:#FFF;
  text-decoration: none;
}

.matching-exp ul li a:after {
  content: '';
  border: 0;
  border-top: solid 2px #00a99d;
  border-right: solid 2px #00a99d;
  width: 10px;
  height: 10px;
  /* 矢印アイコンの位置を設定 */
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%) rotate(45deg); /* rotate(45deg)で矢印を回転（向きを変更）させる */
  margin-top: 0px;
  text-decoration: none;
}

.matching-exp ul li a:hover:after {
  border-top: solid 2px #FFF;
  border-right: solid 2px #FFF;
}


.matching-exp ul li + li {
  margin-top: 0;
}


}
</pre></body></html>