@charset 'UTF-8';
/* font-family: 'Sorts Mill Goudy', serif;*/
@media only screen and (max-width: 640px) {
}
/*----------------------------------------------------
sec-opn
----------------------------------------------------*/
.sec-opn{
width: 100%;
height: 75vh;
position: relative;
margin-bottom: calc(-4.5rem - 12vw);
}
.sec-opn_bg{
position: relative;
width: 100%;
height: 100%;
background: url(../img/aboutus/kv.jpg) no-repeat right;
background-size: cover;
}
.sec-opn_bg:before{
content: "";
position: absolute;
top: 0;
left: 0%;
width: 100%;
height: 100%;
background: rgba(0,1,33,0.1);
display: block;
z-index: 1;
}
.opn-ttl{
font-family: forma-djr-display, sans-serif;
font-weight: 700;
font-style: normal;
width: 100%;
position: absolute;
color: #FFF;
font-size: 5rem;
line-height: 1;
letter-spacing: .5rem;
z-index: 1;
top: 35%;
left: 10%;
}
.opn-ttl span{
font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
font-style: normal;
font-size: 2rem;
display: block;
line-height: 1.4;
letter-spacing: .2rem;
}
@media (min-width: 769px) {
}
@media only screen and (max-width: 768px) {
.sec-opn{
height: 48vh;
}
.opn-ttl{
font-size: 3.2rem;
top: 38%;
left: 10%;
}
.opn-ttl span{
font-size: 2rem;
}
}
/* -----------------------------------------------------------
sec01
----------------------------------------------------------- */
.sec01_bg{
position: relative;
z-index: 1;
background: #FFF;
padding: 120px 120px;
border-radius: 15.5rem/9.25rem;
overflow: hidden;
border-top-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}
.sec01-ttl{
font-size: 3.5rem;
font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
font-style: normal;
letter-spacing: .5rem;
}
@media (min-width: 60em) {
.sec01{
margin-right: -15px;
margin-left: -15px;
}
.sec01_bg{
border-radius: calc(12rem + 38vw)/calc(1rem + 18vw);
}
}
@media (min-width: 80em){
.sec01{
margin-right: -15px;
margin-left: -15px;
}
.sec01_bg{
border-radius: 46.5rem/20rem;
}
}
@media (min-width: 769px) {
}
@media only screen and (max-width: 768px) {
.sec01_bg{
padding: 60px 20px;
}
.sec01-ttl{
font-size: 2rem;
letter-spacing: .1rem;
line-height: 1;
text-align: center;
}
}
/* -----------------------------------------------------------
contact-form7
----------------------------------------------------------- */
.wpcf7 span.wpcf7-not-valid-tip {
font-size: 80%;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
background-color: #E6E6E2;
color: #333;
width: 100%;
border: none;
font-size: 100%;
padding: 1rem;
}
.last{
margin-left: 20px;
}
/*.age{
padding: 0.5rem;
}*/
.wpcf7 input[type="radio"]{
margin-left: 0.5rem;
}
.wpcf7 input[type="submit"] {
width: 40%;
padding: 1.2em 6em;
letter-spacing: 0.1rem;
position: relative;
display: inline-block;
background-color: #0054A7;
font-weight: 700;
color: #FFF;
border: none;
text-align: center;
transition: all .3s;
margin-top: 40px;
}
.wpcf7 input[type="submit"]:hover {
background-color: #4C4948;
text-decoration: none;
color: #FFF;
border: none;
}
.wpcf7 input[type="confirm"] {
width: 40%;
padding: 1.2em 6em;
letter-spacing: 0.5rem;
position: relative;
display: inline-block;
background-color: #3372e8;
color: #000;
text-align: center;
transition: all .3s;
margin-top: 40px;
}
.wpcf7 input[type="confirm"]:hover {
background-color: #f0f0f0;
text-decoration: none;
color: #FFF;
}
.wpcf7 input[type="button"] {
width: 40%;
padding: 1.2em 6em;
letter-spacing: 0.5rem;
position: relative;
display: inline-block;
background-color: #aaaaaa;
color: #FFF;
text-align: center;
transition: all .3s;
font-weight: 600;
border: none !important;
}
.wpcf7 input[type="button"]:hover {
background-color: #4C4948;
text-decoration: none;
color: #FFF;
}
.wpcf7c-conf {
background-color: transparent !important; /* 閭梧勹濶ｲ */
color: black; /* 譁�ｭ苓牡 */
border: none !important; /* 蜻ｨ繧翫�邱�: 螟ｪ縺輔邱夂ｨｮ 邱壹�濶ｲ */
}
/* Chrome, Safari */
input::-webkit-input-placeholder{
color: #999;
}
/* Firefox */
input::-moz-999older{
color: #ff9900;
}
/* Firefox 18莉･蜑� */
input:-moz-placeholder{
color: #999;
}
/* IE */
input:-ms-input-placeholder{
color: #999;
}
input::placeholder,
textarea::placeholder {
color: #999;
}
/* Edge */
input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
color: #999;
}
/* IE11 & IE10 */
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: #999;
}
select{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.wpcf7-form .wpcf7-select, select{
border-color: #ddd;
background-color: #ffffff;
color: #4b4b4b;
padding: .5rem;
border-radius: 0;
}
/* Chrome, Safari */
input::-webkit-input-first_as_label{
color: #999;
}
@media only screen and (max-width: 768px) {
.wpcf7 input[type="submit"] {
width: 100%;
}
.wpcf7 input[type="button"] {
width: 100%;
}
.wpcf7 input[type="confirm"] {
width: 100%;
}
}
/* -----------------------------------------------------------
contact-form7_design
----------------------------------------------------------- */
table {
width: 100%;
}
.timeline th,
.timeline td{
padding: 30px;
border-bottom: 1px solid #ddd;
}
.timeline th{
padding: 20px;
}
.timeline th {
width: 30%;
text-align: left;
font-size: 1.4rem;
letter-spacing: .075rem;
}
.timeline tr:first-child {
border-top: 1px solid #ddd;
}
.asterisk {
margin: 0 0 0 10px;
padding: 6px;
color: #FFF;
font-size: 12px;
font-weight: 700;
background-color: #0054A7;
}
.alert{
color: #c0392b;
text-align: center;
padding-left: 0;
padding-right: 0;
margin-top: 30px;
}
.button-box {
text-align: center;
}
@media only screen and (max-width: 768px) {
.timeline th,
.timeline td{
width: 100%;
display: block;
border-top: none;
}
.timeline th {
text-align: center;
}
}
/* -----------------------------------------------------------
recaptcha
----------------------------------------------------------- */
.recaptcha {
font-size: 14px;
line-height: 1.8;
opacity: 0.7;
margin-top: 20px;
}
@media screen and (min-width: 768px) {
.recaptcha {
text-align: center;
}
}
.pp-link {
display: inline-block;
color: #000;
text-decoration: underline;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.pp-link:hover {
color: #000;
text-decoration: underline;
opacity: 0.3;
}