@import url("//fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700;900&family=Oswald:wght@200..700&family=Murecho:wght@100..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:#4f5562;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:#ff664b;text-decoration:none;}
a:hover{color:#ff664b;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;}
}
/**/
.pagetitleWrap {
margin: 0;
padding: 80px 0 80px;
}
@media screen and (max-width: 768px) {
.pagetitleWrap {
margin: 80px 0 0;
padding: 50px 0 50px;
}
}
.pagetitleWrap .inner{
margin: 0 auto;
max-width: 1480px;
padding: 0 40px;
}
.pagetitleWrap .inner .pagetitleArea .mainTitle {
border: none;
font-family: "Murecho", "Noto Sans JP", sans-serif;
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: 768px) {
.pagetitleWrap .inner .pagetitleArea .mainTitle {
font-size: 1.875rem;
}
}
.pagetitleWrap .inner .pagetitleArea .subTitle {
font-size: 2rem;
font-weight: 400;
color: #dbdad5;
font-family: "Oswald", sans-serif;
line-height: 1.5;
margin: 0 0 5px;
padding-top: 8px;
position: relative;
}
.pagetitleWrap .inner .pagetitleArea .subTitle:before {
background: linear-gradient(to right, #2c91ff 20%, #00e1b6 20%, #00e1b6 40%, #ff664b 40%, #ff664b 60%, #ffdf1e 60%, #ffdf1e 80%, #1ec8e6 80%);
border-radius: 8px;
content: "";
display: block;
height: 8px;
left: 0;
position: absolute;
width: 40px;
bottom: inherit;
top: 0;
}
/**/
.contentMiddle{
margin: 0 auto;
max-width: 1480px;
padding: 0 40px;
}
@media only screen and (max-width: 768px){
.contentMiddle{
max-width: inherit;
padding: 0 5%;
}
}
/**/
footer{margin:0;padding:120px 20px 40px;color:#fff;text-align:center;background:#4f5562;}
footer .logo{margin-bottom:100px;}
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;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:linear-gradient(to right, #ff664b 0%, #ff994b 100%);border:none;border-radius:2em;}
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{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サイト上における閲覧履歴と個人情報を紐付けて把握、分析する場合があります。