@import url("//fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700;900&display=swap");
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,font,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{margin:0;padding:0;font-weight:normal;font-style:normal;}
*,:hover,:before,:after{box-sizing:border-box;}
html,body{min-width:320px;height:100%;margin:0;padding:0;-webkit-text-size-adjust:100%;}
html,body,select,input,button,textarea{color:#000;font-size:16px;line-height:2;font-family:"Noto Sans","Noto Sans JP","Meiryo","Verdana","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック","sans-serif";font-weight:500;font-size:1rem;word-wrap:break-word;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;-webkit-text-size-adjust:100%;}
a{color:#05b490;text-decoration:none;}
a:hover{color:#05b490;text-decoration:underline;}
p{margin:0 0 1em;padding:0;}
img{max-width:100%;}
button,
input[type="button"],
input[type="reset"],
input[type="submit"]{cursor:pointer;}
input[type="password"]{cursor:text;}
button[disabled],
input[disabled]{cursor:default;}
input[type="submit"],
input[type="button"],
input[type="text"],
input[type="password"],
button,
textarea{max-width:100%;padding:0.25em 1em;border:1px solid #ccc;border-radius:8px;-webkit-appearance:none;}
*:focus{outline:none;}
.alignCenter{text-align:center;}
/**/
header{position:fixed;top:0;left:0;width:100%;margin:0;padding:0;z-index:100;}
header:before{content:"";position:absolute;top:-20%;left:0;display:block;width:100%;height:100%;background:rgba(0,0,0,0.15);box-shadow:0 0 20px 20px rgba(0,0,0,0.15);transform:rotate(1deg);}
header .inner{position:relative;display:flex;align-items:center;width:100%;height:100px;padding:0 2%;background:#fff;z-index:100;}
header .inner .logo{width:25%;padding:0 3% 0 0;}
@media only screen and (max-width: 1200px){
header.header .headTop > .inner > .left{width:30%;}
}
@media only screen and (max-width: 1000px){
header .inner{height:60px;padding:0 13px;}
header .inner .logo{width:100%;margin:0;padding:10px 0 3px;}
header .inner .logo a img{max-height:40px;}
}
/**/
#main{position:relative;padding:100px 0;}
#main:before{content:"";position:absolute;top:0;left:0;right:0;width:100%;height:700px;background:#fff;background:linear-gradient(180deg, rgba(249,249,249,1) 0%, rgba(249,249,249,0) 100%);z-index:-1;}
@media only screen and (max-width: 1000px){
#main{padding:60px 0;}
}
/**/
.pageTitle{display:flex;justify-content:center;align-items:center;padding:2.5em;text-align:center;background:#05b490;min-height:200px;}
.pageTitle h1{margin:0;padding:0;color:#fff;font-size:3.125rem;font-weight:600;letter-spacing:0.2em;text-align:center;}
@media only screen and (max-width: 1450px){
.pageTitle{min-height:17vw;}
.pageTitle h1{font-size:2.7rem}
}
@media only screen and (max-width: 1000px){
.pageTitle{min-height:6em;}
.pageTitle h1{font-size:5vw;}
}
@media only screen and (max-width: 767px){
.pageTitle{background-size:35%;}
.pageTitle h1{font-size:1.7rem;letter-spacing:0.1em;}
}
/**/
.contentMiddle{max-width:calc(1200px + 8vw);margin:0 auto;padding:70px 4vw;}
@media only screen and (max-width: 1000px){
.contentMiddle{max-width:inherit;padding:0 20px;padding:8vw 20px;}
}
/**/
footer{margin:0;padding:50px 20px;color:#fff;text-align:center;background:#384a58;}
footer .copyright{font-size:0.875rem;opacity:0.5;}
/* ===================================
設問エリアのレイアウト
=================================== */
table.items{width:100%;border-bottom:1px solid #ccc;border-spacing:0;border-collapse:collapse;}
table.items td{padding:0.75em 1em;vertical-align:middle;border-top:1px solid #ccc;}
table.items td.label{width:20%;font-size:100%;background:#eee;}
table.items td.value{width:50%;}
table.items td.comment{font-size:80%;color:#999;}
table.items textarea{width:100% !important;resize:vertical;}
span.label_name{padding-right:5px;font-size:85%;font-weight:bold;}/* 氏名 */
p.value{font-size:110%;}/* 入力確認画面、完了画面の入力された文字 */
div.button_area{width:100%;margin:1em auto;text-align:center;}
div.message{margin:0.5em 0;padding:0.5em;font-size:1.4rem;color:#f00;text-align:center;background:#ffebeb;border-radius:4px;}/* 入力エラーメッセージのデザイン */
div.finished-message{margin:0.5em 0;padding:0.5em;font-size:1.4rem;color:#f00;text-align:center;background:#ffebeb;border-radius:4px;}/* 公開終了メッセージのデザイン */
@media only screen and (max-width: 767px){
table.items,
table.items tbody,
table.items tr,
table.items td{display:block;width:100% !important;}
table.items tr{padding:0 0 1.5em;}
table.items td.value,
table.items td.comment{padding-left:0;padding-right:0;border-top:none;}
.privacy_policy{margin-left:0;margi-right:0;text-align:left;}
}
/* ===================================
入力コントロールのデザイン
=================================== */
input[type=button]{min-width:250px;margin:0.5em;padding:0.75em 0.5em;color:#fff;font-weight:bold;font-size:110%;background:#05b490;border:none;}
input[type=button]:hover{background:#009779;cursor:pointer;}
input[type="button"][id="button_confirm_back"]{background-color:#999;}
input[type="text"]:focus {background-color:#e5f0f9;}
select:focus {background-color:#e5f0f9;}
textarea:focus {background-color:#e5f0f9;}
/* ===================================
必須項目のマーク
=================================== */
span.required{padding:0 0.5em;float:right;margin-right:4px;font-size:80%;font-weight:bold;color:#fff;background:#c00;border-radius:4px;}
span.required:after{content:"必須";}
p.required_msg{padding:0.5em 0;font-size:80%;font-weight:bold;color:#f00;}
p.required_msg:after{content:"「※必須」となっている項目は必ず入力してください。";}
/* ===================================
メールアドレスの再入力メッセージ
=================================== */
p.label_mail{margin:0.5em 0 0.25em;font-size:85%;font-weight:bold;}
p.label_mail:after{content:"確認のため、もう一度メールアドレスを入力してください";}
プライバシーポリシーに同意の上、送信してください。
同意して送信すると、Cookieにより当社のWebサイト上における閲覧履歴と個人情報を紐付けて把握、分析する場合があります。