@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:#222;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:#ff3d00;text-decoration:none;}
a:hover{color:#ff3d00;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:4px;-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;}
}
/**/
.pagetitleWrap {
margin: 0;
padding: 48px 0;
}
@media screen and (max-width: 1000px) {
.pagetitleWrap {
padding: 50px 0 50px;
}
}
.pagetitleWrap .inner{
margin: 0 auto;
max-width: 1480px;
padding: 0 40px;
}
.pagetitleWrap .inner .pagetitleArea .mainTitle {
border: none;
font-size: 3rem;
font-weight: 700;
margin: 0 0 8px;
padding: 0;
line-height: 1.25;
}
@media (max-width: 1200px) {
.pagetitleWrap .inner .pagetitleArea .mainTitle {
font-size: 2.5rem;
}
}
@media screen and (max-width: 1000px) {
.pagetitleWrap .inner .pagetitleArea .mainTitle {
font-size: 1.875rem;
}
}
.pagetitleWrap .inner .pagetitleArea .subTitle {
font-size: 1rem;
font-weight: 400;
color: #ddd;
line-height: 1.5;
position: relative;
}
/**/
.contentMiddle{
margin: 0 auto;
max-width: 1480px;
padding: 0 40px;
}
@media only screen and (max-width: 1000px){
.contentMiddle{
max-width: inherit;
padding: 0 5%;
}
}
/**/
footer{margin:0;padding:40px 20px 32px;text-align:center;border-top:1px solid #ddd;}
footer .logo{margin-bottom:8px;}
footer .logo img{width:140px;}
footer .copyright{font-size:0.75rem;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%;padding:1.5em 1em;font-size:90%;line-height:1.4;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: 1000px){
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;margin-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:#ff3d00;border:none;border-radius:8px;}
input[type=button]:hover{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{float:right;margin:4px;padding:0.5em 0.75em;font-size:80%;font-weight:bold;line-height:1;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サイト上における閲覧履歴と個人情報を紐付けて把握、分析する場合があります。