@charset "utf-8";
/*
Theme Name: oridgi
Theme URI: https://example.com
Description: oridgi
Version: 1.1
Author: oridgi
Author URI: https://example.com
*/
@import url('https://fonts.googleapis.com/css2?family=BIZ+UDGothic&family=Kaushan+Script&family=M+PLUS+1p&family=Noto+Sans+JP:wght@100..900&display=swap');
*,::before,::after{box-sizing:border-box;border-style:solid;color:#000;border-width:0;font-family:"M PLUS 1p", sans-serif;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
html{overflow-y:scroll; -webkit-text-size-adjust:100%;}
ul,ol{list-style:none;}
blockquote ,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:''; content:none;}
h1{line-height:0;}
h2,h3,h4,h5,h6{font-weight:700;}
p,th,td,li,dt,dd,a,figcaption{font-size:14px;font-weight:600;letter-spacing:-1px;}
p{margin:0 0 1rem;line-height:2;}
p:last-child{margin:0;}
a{transition:all 0.5s 0s ease; text-decoration:none;}
a:hover{color:#AA672C;}
a:focus{outline:none;}
img{height:auto; max-width:100%;}
ins{text-decoration:none;}
mark{font-style:italic; font-weight:bold;}
del{text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted; cursor:help;}
figure{text-align:center;}
table{border-collapse:collapse; border-spacing:0; width:100%;}
hr{display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0;}
button,input,select,textarea{outline:0; -webkit-box-sizing:border-box; box-sizing:border-box; font-size:100%;}
input,textarea{background-image:-webkit-linear-gradient(hsla(0,0%,100%,0),hsla(0,0%,100%,0)); -webkit-appearance:none; border-radius:0;}
input[type="checkbox"]{-webkit-appearance:checkbox;}
input[type="radio"]{-webkit-appearance:radio;}
button::-moz-focus-inner,input::-moz-focus-inner{border:0; padding:0;}
iframe{max-width:100%;}
#wrapper{ max-width:1100px; margin:auto; overflow:hidden; }
.inner{ max-width:1100px; margin:auto; }
.sp-br{ display:block; }
.red{ color:#F15A24; }
@media only screen and (min-width:768px){
	p,th,td,li,dt,dd,a,figcaption{font-size:16px;letter-spacing:0;}
	.sp-br{ display:none; }
}

/* PAGE TOP */
button.page-top{ position:fixed; border-radius:2px 0 0 2px; right:20px; bottom:20px; width:13px; height:100px; padding:0; cursor:pointer; opacity:10; visibility:hidden; transition:0.4s; letter-spacing:1px; z-index:98; border:none; background-color: transparent; background-repeat:no-repeat; background-image:url(img/pagetop.svg); }
button.page-top.is-active{ visibility:visible; }
button.page-top span{ display:none}

/* GRECAPTCHA */
.grecaptcha-badge{ display:none !important; z-index:99; }

/* CONTACT */
#form{ position:relative; padding:60px 20px 70px; background-size:cover; background-repeat:no-repeat; background-image:url(img/back.svg); }
#form::before{ content:''; position:absolute; top:0; left:0; margin:auto; width:100%; height:100%; z-index:0; background-size:contain; background-repeat:no-repeat; background-image:url(img/people-back.webp); background-position:bottom; opacity:0.4; }
.form-over,
.form-under{ position:relative; }
.form-over{ z-index:2; margin:0 auto 20px; max-width:550px; }
.form-over h2{ color:#036EB8; font-size:18px; text-align:center; margin:0 0 10px; }
.form-over h2 span{ color:#E7336E; display:block; font-size:35px; }
.form-over p{ display:table; margin:auto; }
.form-under{ z-index:3; max-width:750px; margin:auto; }
.form-tbl{ width:100%; margin:auto; border-collapse:separate; border-spacing:1rem; }
.form-tbl td{ padding:0.5rem 0; }
.form-tbl .required{ font-size:10px; margin:0 0 0 5px; color:#fff; background:#E60012; padding:2px 15px; border-radius:15px; }
.form-tbl label{ margin:0 0 10px; display:flex; align-items:center; }
.form-tbl input[type="text"],
.form-tbl input[type="email"],
.form-tbl input[type="tel"],
.form-tbl textarea{ width:100%; box-sizing:border-box; padding:5px; box-shadow:0 0 15px 0 rgba(0,0,0,0.2); }
.form-btn,
.form-btn input[type="submit"]{ cursor:pointer; max-width:230px; height:50px; }
.form-btn{ width:100%; padding:0 30px 0 0; position:relative; display:flex; justify-content:center; align-items:center; font-size:18px; border-radius:50px; transition:0.4s; margin:auto!important; background:linear-gradient(90deg,rgba(0,116,193,1) 0%,rgba(0,78,162,1) 50%,rgba(0,116,193,1) 100%); background-size:200% 100%; border:none; text-align:center; }
.form-btn::before{ content:''; position:absolute; top:0; bottom:0; right:10px; margin:auto; width:30px; height:30px; z-index:0; background-size:contain; background-repeat:no-repeat; background-image:url(img/btn_arrow.svg); background-position:center; }
.form-btn:hover{ background-position:100% 0; }
.form-btn input[type="submit"]{ background:transparent; padding:0; color:#FFF; display:block; text-align:center; }
.form-btn span{ display:none; }
.form-tbl .wpcf7-list-item{ margin:0; }
.form-tbl .supple{ display:block; font-weight:400; }
.form-tbl .supple a{ font-weight:400; color:#036EB8; }
.form-tbl .supple a:hover{ text-decoration:underline; }
@media only screen and (max-width:767px){
	.form-tbl{ width:100%; border-spacing:0; margin:0; }
	.form-tbl td{ display:block; width:100%; text-align:left; }
	.form-tbl input[type="text"],
	.form-tbl input[type="email"],
	.form-tbl input[type="tel"]{ padding:10px 5px; }
}
@media only screen and (min-width:768px){
	.form-over h2 span{ font-size:38px; }
	.form-tbl input[type="text"],
	.form-tbl input[type="email"],
	.form-tbl input[type="tel"]{ padding:10px 5px; }
	.form-btn,
	.form-btn input[type="submit"]{ max-width:400px;  height:70px; }
	.form-btn{  padding:0 40px 0 0; }
	.form-btn input[type="submit"]{ font-size:20px; }
	.form-btn::before{ right:20px; width:46px; height:46px; }
}
@media only screen and (min-width:1024px){
	#form{ padding:75px 20px 80px; }
	.form-over{ margin:0 auto 30px; }
	.form-over h2{ font-size:26px; margin:0 0 22px; }
	.form-over h2 span{ margin:10px 0 0; font-size:50px; }
	.form-over p{ font-size:20px; }
	.form-tbl input[type="text"],
	.form-tbl input[type="email"],
	.form-tbl input[type="tel"]{ padding:12px 5px; }
}

/* FOOTER */
footer{ position:relative; width:auto; max-width:1100px; margin:auto; background-size:cover; background-repeat:no-repeat; background-image:url(img/back.svg); padding:10px 20px; }
footer::after{ content:''; position:absolute; mix-blend-mode:multiply; bottom:0; left:0; width:100%; height:100%; background:linear-gradient(90deg,rgba(0,116,193,1) 0%,rgba(0,78,162,1) 100%); }
footer figure{ position:relative; z-index:2; }
footer img{ width:100px; }
@media only screen and (min-width:1024px){
	footer{ padding:20px; }
	footer img{ width:auto; }
}