@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@700&Noto+Sans+JP:wght@800&family=Noto+Serif+JP:wght@800&display=swap');

@font-face {
font-family: 'Impact';
src: url('fonts/Impact.woff2') format('woff2'),
url('fonts/Impact.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'Berlin Sans FB Demi Bold';
font-style: normal;
font-weight: normal;
src: local('Berlin Sans FB Demi Bold'), url('fonts/BRLNSDB.woff') format('woff');
}

@font-face {
font-family: 'Freestyle Script Regular';
font-style: normal;
font-weight: normal;
src: local('Freestyle Script Regular'), url('fonts/FREESCPT.woff') format('woff');
}

body{
font-size:14px;
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family:'メイリオ', 'Meiryo','ＭＳ ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
font-weight: 600;
font-style: normal;
letter-spacing: 0.05em;
font-feature-settings: "palt";
}

body {
animation: fadeIn 0.4s ease 0s 1 normal;
-webkit-animation: fadeIn 0.4s ease 0s 1 normal;
background:#fff url(../img/header/big_window_office_white.jpg)  no-repeat center top;
}

@keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}

*{
margin:0px;
padding:0px;
box-sizing:border-box;
outline: 0;
}

ul,li{
list-style:none;
}

i{
font-style: normal;
}

img{
max-width:100%;
display:block;
}

a{
text-decoration: none;
transition: 0.2s!important;
}

a:hover{
cursor: pointer
}

h1,h2,h3,h4,h5,h6{
line-height: 100%;
}

.got{
font-family: "Noto Sans JP", sans-serif;
font-weight: 800;
font-style: normal;
}
/*--------------------form--------------------*/

label.input{
width: 100%;
height: 50px;
border-radius: 5px;
display: block;
background: #fff;
overflow: hidden;
border:solid 1px #dcdcdc;
color: #000
}

input[type="text"],input[type="email"],input[type="tel"]{
width: 100%;
height: 100%;
border:none;
background: transparent;
font-size:14px;
padding-left: 10px
}

select{
width: 100%;
height: 100%;
appearance: none;
-webkit-appearance: none; 
-moz-appearance: none;
border:none;
background: transparent;
font-size:14px;
padding-left: 10px;
}

.select-wrapper {
position: relative;
display: inline-block;
width: 200px;
}

.select-wrapper::after {
content: "▼";
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
font-size: 12px;
pointer-events: none; 
color: #555;
}

label.short{
width: 54%!important
}

label.textarea{
width: 100%;
height: 150px;
border-radius: 5px;
display: block;
background: #fff;
overflow: hidden;
border:solid 1px #dcdcdc;
margin-bottom: 15px;
color: #000;
}

textarea {
font-weight: 500;
width: 100%;
height: 100%;
padding: 10px;
font-size: 14px;
line-height: 1.5;
background: transparent;
resize: vertical; 
border:none;
}

input[type="submit"],input[type="button"]{
width: 300px;
height: 50px;
display: block;
margin: 0px auto;
background: #205299;
-webkit-appearance: none;
border:none;
font-weight: 600;
color:#fff;
border-radius: 5px;
}

input[type="submit"]:hover,input[type="button"]:hover{
cursor: pointer;
opacity: 0.7;
}

input[type="checkbox"]{
width: 100%;
height: 100%;
border:none;
box-shadow: none;
border-radius: 0px;
}