@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; box-sizing:border-box; word-break:break-all;}
div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
ul,ol{ list-style:none;}
html,body {
margin:0 auto;
padding:0;
font-family: Lucida Grande,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック",sans-serif;
font-size:18px;
text-align:left;
color:#191919;
min-width:1200px;
}
@media screen and (max-width:767px){
html,body{ font-size:3.5vw; min-width:240px; max-width:640px;}
}

img{ border-style:none; vertical-align:bottom; padding:0; line-height:0em; max-width:100%; height:auto;}
figure{ margin:20px auto; text-align:center;}
figure.waku img{ background:#fff; border: 1px dotted #333; box-shadow:rgba(0, 0, 0, 0.1) 0 0 5px 2px;}
@media screen and (max-width:767px){
figure{ margin:3% auto;}
}

p{ line-height:1.75em; margin:0 0 1em; padding:0; text-align:left;}
p:last-child{ margin:0;}
a{ color:inherit; text-decoration:none;}
a:hover{}
.opa{ transition: all 0.3s ease;}
.opa:hover{ opacity: 0.7;}
@media screen and (max-width:767px){
p{ line-height:1.6em;}
.opa:hover{ opacity: 1.0;}
}

.left{ text-align:left;}
.right{ text-align:right;}
.center{ text-align:center;}

.clear{ clear:both;}
.clearfix:after{ margin:0; padding:0; visibility:hidden; content:"."; display:block; line-height:0; clear:both;}

/*ヘッダー*/
#header.catch_a{ background:url("../images/catch_a_bg.jpg") center bottom no-repeat;}
#header.catch_b{ background:url("../images/catch_b_bg.jpg") center bottom no-repeat;}
#header.catch_c{ background:url("../images/catch_c_bg.jpg") center bottom no-repeat;}
#catch{ position: relative; margin: 0 auto; width: 1200px;}
#catch figure.btn{ position: absolute; left: 0; bottom: 30px; margin: auto;}
#header.catch_b #catch figure.btn{ bottom: 60px;}
#header.catch_c #catch figure.btn{ width: 1010px; text-align: center; bottom: 60px;}
@media screen and (max-width:767px){
#header{ background: none !important;}
#catch{ width: 100%;}
#catch figure.btn{ position: static;}
#header.catch_c #catch figure.btn{ width: 100%;}
}

/*フッター*/
#footer{ background: #c8e1fa; position: relative; z-index: 3; box-shadow:rgba(0, 50, 100, 0.33) 0 0 5px 2px;}
p.copyright{ text-align: center; background: #003264; color: #fff; font-size: 16px; padding: 1em; letter-spacing: 0.1em;}
@media screen and (max-width:767px){
p.copyright{ font-size:2.5vw; padding: 0.5em;}
}
#corp{ width: 840px; margin: 0 auto; padding: 20px 0;}
#corp dl dt{ text-align: center; font-size: 48px; color: #003264; letter-spacing: 0.1em; position: relative; font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'メイリオ', Meiryo, serif;}
#corp dl dt:before{ content: ""; width: 4em; height: 1px; position: absolute; left: 0; top: 50%; background: #003264;}
#corp dl dt:after{ content: ""; width: 4em; height: 1px; position: absolute; right: 0; top: 50%; background: #003264;}
#corp table{ width: 100%; border-collapse: separate; border-spacing: 0.66em;}
#corp table th{ background: #003264; color: #fff; text-align: center; padding: 0.66em; font-size: 24px; letter-spacing: 0.1em; vertical-align: middle; width: 200px;}
#corp table td{ color: #003264; vertical-align: middle; padding: 0.66em 0;}
@media screen and (max-width:767px){
#corp{ width:94%; padding:3% 0;}
#corp dl dt{ font-size:4.5vw; margin-bottom:3%;}
#corp dl dt:before{ width:6em;}
#corp dl dt:after{ width:6em;}
#corp table{ width: 100%; border-collapse: collapse; border-spacing:0;}
#corp table th{ display: block; width:100%; padding: 0.33em; font-size:3vw;}
#corp table td{ display: block; width: 100%; padding: 0.66em; font-size:2.5vw;}
}

/*メイン*/
#content{ overflow:hidden;}
section { width:100%; background:#fff; margin:0 auto;}
.maincontent { padding:40px 0 80px; margin:0 auto; width:1080px;}
@media screen and (max-width:767px){
.maincontent { padding:3% 0 9%; margin:0 auto; width:94%;}
}

/*タイトル*/
h2{ background: #003264; color: #fff; text-align: center; padding:0.66em 0; position: relative; font-size: 48px; line-height: 1.25em; font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'メイリオ', Meiryo, serif;}
h2:before{ content: ""; width: 100%; height: 5px; position: absolute; left: 0; right: 0; top: 0; margin: auto;}
h2:after{ content: ""; width: 100%; height: 5px; position: absolute; left: 0; right: 0; bottom: 0; margin: auto;}
h2:before, h2:after{
background: #003264;
background: -moz-linear-gradient(left,  #003264 0%, #6496c8 50%, #003264 100%);
background: -webkit-linear-gradient(left,  #003264 0%,#6496c8 50%,#003264 100%);
background: linear-gradient(to right,  #003264 0%,#6496c8 50%,#003264 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003264', endColorstr='#003264',GradientType=1 );
}
@media screen and (max-width:767px){
h2{ font-size:5vw;}
h2:before{ height:1vw;}
h2:after{ height:1vw;}
}

/*悩み*/
#sec001{ background: url("../images/bg/gray_jean.png");}
#nayami dl{ display: table; table-layout: fixed; width: 100%;}
#nayami dl dt{ display: table-cell; vertical-align: middle;}
#nayami dl dd{ display: table-cell; vertical-align: middle; width: 360px; text-align: right;}
#nayami dl dd img{ border: 4px solid #fff; box-shadow:rgba(0, 0, 0, 0.2) 0 0 5px 2px; transform:rotate(5deg);}
#nayami ul li{ font-size: 23px; color: #003264; letter-spacing: 0.1em; font-weight: bold; padding: 0.33em 0.66em; border-bottom: 4px dotted #333;}
#nayami ul li:first-child{ border-top: 4px dotted #333;}
@media screen and (max-width:767px){
#nayami dl{ display:block;}
#nayami dl dt{ display:block;}
#nayami dl dd{ display:block; width:100%; text-align: center; margin-top: 6%;}
#nayami dl dd img{ border:1vw solid #fff; width: 66.6666%;}
#nayami ul li{ font-size:3.4vw; letter-spacing: 0; border-bottom:0.75vw dotted #333;}
#nayami ul li:first-child{ border-top:0.75vw dotted #333;}
}

/*アピール*/
#sec002{ background: url("../images/bg/grey.png");}
#pr h3{ background: #003264; color: #fff; font-size: 36px; letter-spacing: 0.1em; padding: 0.5em; margin-bottom: 1em; text-align: center; border-top: 10px double #fff; border-bottom: 10px double #fff; position: relative; font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'メイリオ', Meiryo, serif;}
#pr h3:before{ content: ""; width: 1em; height: 1px; position: absolute; left: 0; top: 50%; background: #fff;}
#pr h3:after{ content: ""; width: 1em; height: 1px; position: absolute; right: 0; top: 50%; background: #fff;}
#pr .pr001, #pr .pr002, #pr .pr003{ margin-bottom: 2em;}
#pr dl{ display: table; table-layout: fixed; width: 100%;}
#pr dl dt{ display: table-cell; vertical-align: middle; width: 480px;}
#pr dl dt img{ border: 4px solid #fff; box-shadow:rgba(0, 0, 0, 0.2) 0 0 5px 2px;}
#pr dl dd{ display: table-cell; vertical-align: middle; padding: 20px;}
#pr dl dd p{ text-align: center; border: 1px solid #333; background: #fff; padding: 15px; font-weight: bold;}
#pr dl dd strong{ color: #c83232;}
#pr .pr001 dl dd p{ font-size: 36px; line-height: 1.2em;}
#pr .pr002 dl dd p{ font-size: 24px; line-height: 1.4em;}
#pr .pr003 dl dd p{ font-size: 36px; line-height: 1.2em;}
#pr .pr003 dl dd p strong{ display: inline-block; vertical-align: middle; margin-left: 0.25em; padding: 0 0.25em; font-size: 72px; line-height: 1em;}
#pr .pr003 dl dd p strong{ background:linear-gradient(transparent 66%, #fac832 33%); background: -webkit-linear-gradient(transparent 66%, #fac832 33%);}
#pr .pr003 figure{ float: right; margin: 20px 80px 0 0;}
#pr .pr003 figure img{ width: 360px; border: 4px solid #fff; box-shadow:rgba(0, 0, 0, 0.2) 0 0 5px 2px;}
#pr .pr003 ul{ display: inline-block; margin: 20px;}
#pr .pr003 ul li{ font-size: 36px; font-weight: bold; letter-spacing: 0.1em; padding: 0.25em 0.5em; border-bottom: 4px dotted #333;}
#pr .pr003 ul li:first-child{ border-top: 4px dotted #333;}
#pr .pr003 p{ font-size: 24px; line-height: 1.4em; font-weight: bold;}
#pr .pr004 dl dd p{ font-size: 36px; line-height: 1.2em;}
#pr .pr004 dl dd p strong{ display: inline-block; vertical-align: middle; margin-left: 0.25em; padding: 0 0.25em; font-size: 72px; line-height: 1em;}
#pr .pr004 dl dd p strong{ background:linear-gradient(transparent 66%, #fac832 33%); background: -webkit-linear-gradient(transparent 66%, #fac832 33%);}
#pr .pr004 figure{ float: right; margin: 20px 80px 0 0;}
#pr .pr004 figure img{ width: 360px; border: 4px solid #fff; box-shadow:rgba(0, 0, 0, 0.2) 0 0 5px 2px;}
#pr .pr004 ul{ display: inline-block; margin: 20px;}
#pr .pr004 ul li{ font-size: 36px; font-weight: bold; letter-spacing: 0.1em; padding: 0.25em 0.5em; border-bottom: 4px dotted #333;}
#pr .pr004 ul li:first-child{ border-top: 4px dotted #333;}
#pr .pr004 p{ font-size: 24px; line-height: 1.4em; font-weight: bold;}
#pr .pr004p{font-size: 20px!important;padding: 20px;margin: 20px;background: #fff;border: solid #333 1px;}
@media screen and (max-width:767px){
#pr h3{ font-size:4.5vw; border-top:1vw double #fff; border-bottom:1vw double #fff; line-height: 1.25em; margin-bottom: 0.5em;}
#pr .pr001, #pr .pr002, #pr .pr003{ margin-bottom: 1em;}
#pr dl{ display:block;}
#pr dl dt{ display:block; width:100%;}
#pr dl dt img{ border:1vw solid #fff; }
#pr dl dd{ display:block; padding:3% 0;}
#pr dl dd p{ padding: 3%;}
#pr .pr001 dl dd p{ font-size:6vw;}
#pr .pr002 dl dd p{ font-size:3.5vw; text-align: left;}
#pr .pr003 dl dd p{ font-size:4.5vw;}
#pr .pr003 dl dd p strong{ font-size:9vw;}
#pr .pr003 dl dd{ padding: 0;}
#pr .pr003 figure{ float:none; margin:3% auto 0;}
#pr .pr003 figure img{ width:66.6666%; border:1vw solid #fff;}
#pr .pr003 ul{ display:block; margin:3% auto;}
#pr .pr003 ul li{ font-size:4.5vw; border-bottom:0.75vw dotted #333;}
#pr .pr003 ul li:first-child{ border-top:0.75vw dotted #333;}
#pr .pr003 p{ font-size:3.5vw;}

#pr .pr004 dl dd p{ font-size:4.5vw;}
#pr .pr004 dl dd p strong{ font-size:9vw;}
#pr .pr004 dl dd{ padding: 0;}
#pr .pr004 figure{ float:none; margin:3% auto 0;}
#pr .pr004 figure img{ width:66.6666%; border:1vw solid #fff;}
#pr .pr004 ul{ display:block; margin:3% auto;}
#pr .pr004 ul li{ font-size:4.5vw; border-bottom:0.75vw dotted #333;}
#pr .pr004 ul li:first-child{ border-top:0.75vw dotted #333;}
#pr .pr004 p{ font-size:3.5vw;}
#pr .pr004p{font-size: 3.5vw!important;padding: 10px;margin: 10px 0;}
}

/*どんな仕事？*/
#sec003{ background: url("../images/bg/bg_what.jpg") center bottom;}
#sec003 .maincontent{ position: relative;}
#sec003 .maincontent p{ text-align: center; width: 640px; margin: 0 auto; font-size: 30px; line-height: 1.6em; font-weight: bold;}
#sec003 .maincontent p strong{ display: block; background: #c83232; color: #fff; font-size: 48px; line-height: 1em; padding: 0.25em; border: 10px double #fff;}
#sec003 .maincontent figure.ico1{ position: absolute; left: -40px; bottom: 0; margin: auto;}
#sec003 .maincontent figure.ico2{ position: absolute; right: -40px; bottom: 0; margin: auto;}
@media screen and (max-width:767px){
#sec003 .maincontent p{ width:75%; font-size:4vw; line-height: 1.4em;}
#sec003 .maincontent p strong{ font-size:5vw; border:1vw double #fff;}
#sec003 .maincontent figure.ico1{ position: absolute; left: -6vw; bottom: 3vw; margin: auto;}
#sec003 .maincontent figure.ico2{ position: absolute; right: -6vw; bottom: auto; top: 1.5vw; margin: auto;}
#sec003 .maincontent figure.ico1 img,
#sec003 .maincontent figure.ico2 img{ width: 20vw;}
}

/*待遇*/
#sec004{ background: url("../images/bg/lined_paper.png");}
#treatment{ position: relative; padding-right: 250px;}
#treatment figure.ico{ position: absolute; right: 0; bottom: 0; margin: auto; text-align: right;}
#treatment figure.ico img{ width: 210px;}
#treatment table{ width: 840px; margin: 0 auto; border-collapse: separate; border-spacing: 0.66em;}
#treatment table th{ background: #c83232; border: 10px double #fff; color: #fff; text-align: center; padding: 0.66em; font-size: 32px; line-height: 1.2em; letter-spacing: 0.1em; vertical-align: middle; width: 320px; box-shadow:rgba(0, 0, 0, 0.2) 0 0 5px 2px;}
#treatment table td{ background: #fff; color: #003264; vertical-align: middle; padding: 0.66em; font-size: 24px; box-shadow:rgba(0, 0, 0, 0.1) 0 0 5px 2px;}
#treatment table td ul li{ font-weight: bold; letter-spacing: 0.1em; padding: 0.33em 0.66em; border-bottom: 4px dotted #333;}
#treatment table td ul li:first-child{ border-top: 4px dotted #333;}
@media screen and (max-width:767px){
#treatment{ padding-right:0;}
#treatment figure.ico{ position: absolute; right: 3%; bottom: 3vw; margin: auto;}
#treatment figure.ico img{ width: 25%;}
#treatment table{ width: 100%; border-collapse: collapse; border-spacing:0;}
#treatment table th{ border:1vw double #fff; padding: 0.33em; font-size:4.5vw; display: block; width: 100%;}
#treatment table td{ padding: 0.66em 0.66em 1.5em; font-size: 4.5vw; display: block; width: 100%;}
#treatment table td ul li{ border-bottom:0.5vw dotted #333;}
#treatment table td ul li:first-child{ border-top:0.5vw dotted #333;}
}

/*どんな会社*/
#sec005{ background: url("../images/bg/ep_naturalwhite.png");}
.about_msg dl{ display: table; table-layout: fixed; margin: 0 auto 40px;}
.about_msg dl dt{ display: table-cell; vertical-align: middle; width: 280px; padding-right: 40px;}
.about_msg dl dd{ display: table-cell; vertical-align: middle; background: #fff; padding: 20px; box-shadow:rgba(0, 0, 0, 0.1) 0 0 5px 2px;}
@media screen and (max-width:767px){
.about_msg dl{ display: block; margin: 0 auto 6%;}
.about_msg dl dt{ display:block; width:100%; padding:0; margin-bottom: 3%; text-align: center;}
.about_msg dl dt img{ width: 33.3333%;}
.about_msg dl dd{ display:block; padding:3%; font-size: 3vw;}
}
#performance h3{ background: #003264; color: #fff; font-size: 36px; letter-spacing: 0.1em; padding: 0.5em; margin-bottom: 1em; text-align: center; border-top: 10px double #fff; border-bottom: 10px double #fff; position: relative; font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'メイリオ', Meiryo, serif;}
#performance h3:before{ content: ""; width: 1em; height: 1px; position: absolute; left: 0; top: 50%; background: #fff;}
#performance h3:after{ content: ""; width: 1em; height: 1px; position: absolute; right: 0; top: 50%; background: #fff;}
.performance{ border: 10px solid #003264; padding: 20px; background: #fff; margin: 40px auto; box-shadow:rgba(0, 0, 0, 0.2) 0 0 5px 2px;}
.performance:last-child{ margin-bottom: 0;}
.performance h4{ text-align: center; color: #003264; font-size: 28px; letter-spacing: 0.1em; border-bottom: 10px double #003264;}
.performance dl{ margin: 0 auto; display: table; table-layout: fixed; border-collapse: separate; border-spacing: 20px;}
.performance dl dt{ display: table-cell; vertical-align: middle;}
.performance dl dd{ display: table-cell; vertical-align: middle; width: 320px;}
.performance table{ font-size: 24px; margin: 0 auto;}
.performance table th{ text-align: right; color: #003264;}
.performance table.inline tr{ display: inline;}
.performance table.inline td{ padding-right: 1em;}
@media screen and (max-width:767px){
#performance h3{ font-size:4.5vw; border-top:1vw double #fff; border-bottom:1vw double #fff; margin-bottom: 0.5em;}
.performance{ border:1vw solid #003264; padding:3%; margin:3% auto 6%;}
.performance h4{ font-size:4.5vw; border-bottom:1vw double #003264;}
.performance dl{ display:block; border-collapse: collapse; border-spacing:0;}
.performance dl dt{ display:block; margin: 3% auto;}
.performance dl dd{ display:block; width:100%;}
.performance table{ font-size:3vw;}
.performance table tr{ display: inline;}
.performance table td{ padding-right: 0em;}
.performance table.inline td{ padding-right:0em;}
}

/*ユーザーボイス*/
#sec006{ background: url("../images/bg/hip-square.png");}
#voice h3{ background: #003264; color: #fff; font-size: 36px; letter-spacing: 0.1em; padding: 0.5em; margin-bottom: 0.5em; text-align: center; border-top: 10px double #fff; border-bottom: 10px double #fff; position: relative; font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'メイリオ', Meiryo, serif;}
#voice h3:before{ content: ""; width: 1em; height: 1px; position: absolute; left: 0; top: 50%; background: #fff;}
#voice h3:after{ content: ""; width: 1em; height: 1px; position: absolute; right: 0; top: 50%; background: #fff;}
.voice{ margin: 40px auto;}
.voice:last-child{ margin-bottom: 0;}
.voice p{ margin: 20px 40px; padding: 20px; background: #fff; border-radius: 20px; box-shadow:rgba(0, 0, 0, 0.1) 0 0 5px 2px;}
@media screen and (max-width:767px){
#voice h3{ font-size:4.5vw; border-top:1vw double #fff; border-bottom:1vw double #fff; position: relative;}
.voice{ margin:3% auto 6%;}
.voice p{ margin:3% auto; padding:3%; border-radius:3vw; font-size: 3vw;}
}

/*メッセージ*/
#sec007{ background: url("../images/bg/gridme.png");}
#sec007 #message{ background: #efefef; padding: 40px; width: 960px; margin: 0 auto; border-radius: 20px; box-shadow:rgba(0, 0, 0, 0.1) 0 0 5px 2px;}
#sec007 #message p{ font-size: 24px; font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'メイリオ', Meiryo, serif;}
#sec007 #message p.sign{ text-align: right; font-weight: bold;}
@media screen and (max-width:767px){
#sec007 #message{ padding:3%; width:100%; border-radius:3vw;}
#sec007 #message p{ font-size:3.5vw;}
}

/*流れ*/
#sec008{ background: url("../images/bg/old_mathematics.png");}
#howto{ margin-top: 40px;}
#howto dl{ display: table; table-layout: fixed; width: 100%; border: 4px solid #003264; background: #fff; border-radius: 24px; overflow: hidden; margin: 20px auto;}
#howto dl dt{ display: table-cell; vertical-align: top; padding: 20px 40px 0 0;}
#howto dl dd{ display: table-cell; vertical-align: middle; width: 320px;}
#howto dl dt h4{ background: url("../images/howto_tit_bg.png") right center no-repeat #003264; background-size: auto 100%; color: #fff; font-size: 36px; padding: 0.25em 0.5em;}
#howto dl dt h4 span{ font-size: 24px; display: inline-block; vertical-align: middle;}
#howto dl dt p{ margin: 1em 1em 0; font-size: 21px; line-height: 1.6em;}
#howto #howto_last{ background: #c83232; color: #fff; padding: 0.1em 60px; font-size: 84px; letter-spacing: 0.1em; border: 10px double #fff; position: relative; font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'メイリオ', Meiryo, serif; border-radius: 24px; box-shadow:rgba(0, 50, 100, 0.2) 0 0 5px 2px;}
#howto #howto_last span.ico{ position: absolute; right: 60px; bottom: 0; width: 200px;}
@media screen and (max-width:767px){
#howto{ margin-top:6%;}
#howto dl{ display:block; border:0.5vw solid #003264; border-radius:3vw; margin:3% auto;}
#howto dl dt{ display:block; padding:0;}
#howto dl dd{ display:block; width:100%; text-align: center; padding: 3%;}
#howto dl dd img{ width: 66.6666%; border-radius: 3vw;}
#howto dl dt h4{ background:#003264; font-size:4.5vw; padding: 0.25em 0.5em;}
#howto dl dt h4 span{ font-size:3.5vw;}
#howto dl dt p{ font-size:3.5vw; line-height:1.4em;}
#howto figure.arrow img{ width: 50%;}
#howto #howto_last{ padding:0.1em 0.33em; font-size:7.5vw; border:1vw double #fff; border-radius: 3vw;}
#howto #howto_last span.ico{ right:0.5em; width:20%;}
}

/*フォーム*/
#form{ background: url("../images/bg/retina_wood.png");}
#form #form_box table{ width: 100%; border-collapse: separate; border-spacing: 0.5em;}
#form #form_box table th,
#form #form_box table td{ padding: 0.5em;}
#form #form_box table th{ background: #003264; color: #fff; width: 25%; text-align: center; font-size: 24px;}
#form #form_box table td{ background: #fff;}
#form #form_box .submit{ text-align: center; margin-top: 1em;}
#form #form_box .submit p{ margin-top: 1em;}
#form #form_box .submit input{ width: auto; padding: 0; background: none; border: none;}
@media screen and (max-width:767px){
#form #form_box table th{ display: block; width: 100%; font-size: 4.5vw; padding: 0.33em;}
#form #form_box table td{ display: block; width: 100%; font-size: 3.5vw; padding: 0.66em;}
}
::placeholder{ font-weight: normal; color: #aaa;}
input[type=submit]{ -moz-appearance:none; -webkit-appearance:none; appearance:none; background:none; border:none;}
input, textarea, select{ font-family: Lucida Grande,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック",sans-serif; font-size: 24px; font-weight: bold; letter-spacing: 0.1em; width:100%; max-width:100%; padding:0.5em 1em; box-sizing:border-box; border: none; box-shadow: none; background: #fff; color: #191919; border-radius: 8px; border: 1px solid #aaa;}
@media screen and (max-width:767px){
input, textarea, select{ font-size:4.5vw;}
input[type=submit]{ border:1.5vw double #fff;}
}
#form div.maincontent div#form_box {text-align: center;}
#form div.maincontent div#form_box p {text-align: center;}
#form div.maincontent div#form_box img{margin:0 auto;}



@media print, screen and (min-width:768px){
.smp{ display:none !important;}
}
@media screen and (max-width:767px){
.pc{ display:none !important;}
}