@charset "utf-8";
.menu-container {position: fixed;display: flex;width: 100%;
align-items: center;background: #3d5a80;
padding: 20px;z-index: 999;
-webkit-user-select: none;user-select: none;box-sizing: border-box;}
.custom-logo-link {line-height: 0;margin: 0 20px;}
.menu-container .custom-logo-link img { max-height: 40px;max-width: 100px;flex-shrink: 0;}
.menu-container a {text-decoration: none;transition: color 0.3s ease;}
.menu-container a:hover {color: #98c1d9;}
.menu-container input {display: block;width: 35px;height: 25px;margin: 0;
position: absolute;cursor: pointer;
opacity: 0; /* hide this */
z-index: 2; /* and place it over the hamburger */
-webkit-touch-callout: none;}

/* Burger menu */
.menu-container span {display: block;width: 33px;height: 4px;margin-bottom: 5px;position: relative;background: #fff;
border-radius: 3px; z-index: 1;transform-origin: 4px 0px; transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),opacity 0.55s ease;}

.menu-container span:first-child {transform-origin: 0% 0%;}
.menu-container span:nth-child(3) {transform-origin: 0% 100%;}
.menu-container input:checked ~ span {opacity: 1;transform: rotate(45deg) translate(3px,-1px);
background: #fff;}
.menu-container input:checked ~ span:nth-child(4) {opacity: 0;transform: rotate(0deg) scale(0.2, 0.2);}
.menu-container input:checked ~ span:nth-child(3) {transform: rotate(-45deg) translate(-5px,11px);}
.menu ul {list-style: none;}
.menu li {font-size: 18px;}

/* mobile styles */
@media only screen and (max-width: 1399px) {
.menu a{color: #fff;display: block}
.menu a:hover{color:#3d5a80;background: #98c1d9;text-decoration: none;}
.menu li a{padding:1rem;}
.menu li{border-bottom: 1px solid #7B848C}
.menu-container {flex-direction: column;align-items: flex-start;}
.custom-logo-link {position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.custom-logo-link img {max-height: 30px;}
.menu {position: absolute;box-sizing: border-box;
width: 1138px;left: -1138px;height: 100vh;top: 0;padding: 75px 0 0 0;background: rgba(56,61,65,0.97);
-webkit-font-smoothing: antialiased;
/* to stop flickering of text in safari */
transform-origin: 0% 0%;transform: translateX(0%);transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);}
.menu-container input:checked ~ .menu {transform: translateX(100%);}
}

/* desktop styles */
@media only screen and (min-width: 1400px) { 
  .menu-container {width: 100%;}
  .menu-container a {color: #fff;}
  .menu-container a:hover{text-decoration: none;transform: translateY(20%)}
  .menu-container input {display: none;}

  /* Burger menu */
  .menu-container span {display: none;}
  .menu {position: relative;width: 100%;display: flex;justify-content: space-between;}
  .menu ul {display: flex;padding: 0;margin: 0;justify-content: space-between;width: 100%}
  .menu li {padding: 0 20px;}
}
@media only screen and (min-width: 1400px) and (max-width:1690px) {.menu li {padding: 0 5px;}.menu-container a {font-size:0.9em}}


/* button */
.btn, [type=submit]{-webkit-transition: all .5s ease;-o-transition: all .5s ease !important;transition: all .5s ease !important;}

/* button size */
.round{-webkit-border-radius: 30px!important;
    border-radius: 30px!important;}
.btn.btn-small {font-size:18px; padding: 4px 1.8em;}
.btn.btn-medium {font-size:20px; padding: 14px 46px; line-height: 1.8em}
.btn.btn-large{line-height: 1.8em;font-weight: 900;width: 85%;margin-left: auto;margin-right: auto;display: block}
[type=submit]{width: 100%;font-weight: 900!important;border-radius: 5px}

.btn, [type=submit]{color: #FFF;
text-decoration: none;position: relative;
    display: inline-block;
    padding: .8rem 2.25rem;
    line-height: 1;
    text-transform: capitalize;
    text-align: center;
    font-weight: 500;
    z-index: 1;
    border: 1px solid transparent;
}
.btn:hover, [type=submit]:hover{color:#98c1d9}
.btn:before {
    position: absolute;
    display: block;
    content: "";
    top: 45%;
    right: 10px;
    transform: rotate(
45deg
) translateX(-50%);
    width: 20px;
    height: 20px;
    border-top: 5px solid #FFF;
    border-right: 5px solid #FFF;
}

.gradient-btn, [type=submit]{
    -webkit-background-size: 200% auto;
    background-size: 200% auto;
    background-image: -webkit-gradient(linear, left top, right top, from(#273952), color-stop(51%, #4A6D9B), to(#273952));
    background-image: -webkit-linear-gradient(left, #273952 0%, #4A6D9B 51%, #273952 100%);
    background-image: -moz-linear-gradient(left, #273952 0%, #4A6D9B 51%, #273952 100%);
    background-image: -o-linear-gradient(left, #273952 0%, #4A6D9B 51%, #273952 100%);
    background-image: linear-gradient(to right, #273952 0%, #4A6D9B 51%, #273952 100%);
}

.gradient-btn:hover, [type=submit]:hover {
    background-position: right center;
}

/*コンタクトフォーム追加*/
.comtb{width: 100%}
.must{background:#940002;font-weight: 900;padding: 5px;border-radius: 5px;color: #fff}
.disable{background:#ABABAB;font-weight: 900;padding: 5px;border-radius: 5px;}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="url"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {-webkit-transition: all .5s ease;-o-transition: all .5s ease !important;transition: all .5s ease !important;
	background-color: #fff;
	color: #333;
	width: 100%;
	border: 2px solid #3d5a80;
	font-size: 100%;
	padding: 0.5em;
	border-radius: 4px;
}

.wpcf7 input[type="text"]:hover,
.wpcf7 input[type="text"]:focus,
.wpcf7 input[type="email"]:hover,
.wpcf7 input[type="email"]:focus,
.wpcf7 input[type="url"]:hover,
.wpcf7 input[type="url"]:focus,
.wpcf7 input[type="tel"]:hover,
.wpcf7 input[type="tel"]:focus,
.wpcf7 textarea:hover,
.wpcf7 textarea:focus{
	background-color: #F4F8FF;
	border: 2px solid #8AB1C7;
}

.wpcf7-list-item input{
	display: none;
}
.wpcf7-list-item label{
	display: inline-block;
	position: relative;
	cursor: pointer;
	margin-left: 20px;
	padding: 10px 20px;
	border-radius: 2px;
	text-align: center;
	line-height: 1;
}
.wpcf7-list-item label:before{
	position: absolute;
	content: "";
	top: 50%;
	left: -10px;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	background: #bdc3c7;
    border: 1px solid #3d5a80;
	border-radius: 50%;
}
.wpcf7-list-item input[type="radio"]:checked + span:after {
	position: absolute;
	content: "";
	top: 50%;
	left: -8px;
	width: 16px;
	height: 16px;
	margin-top: -8px;
	border-radius: 50%;
	background: #3d5a80;
}


@media(max-width:680px){
th, td {
 display:block!important;
 width:100%!important;
 -webkit-box-sizing:border-box!important;
 -moz-box-sizing:border-box!important;
 box-sizing:border-box!important;
}
th{background: #f4f4f4}
.inquiry tr:first-child th{
 border-top:1px solid #d7d7d7!important;
}}