@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: noto-sans-cjk-jp, sans-serif;
font-style: normal;
-webkit-font-feature-settings: "palt";
font-feature-settings: "palt";
font-size:18px;
text-align:left;
color:#333;
min-width:1080px;
}
@media screen and (max-width:767px){
html,body{ font-size:3vw; min-width:240px; max-width:767px;}
}

img,svg{ border-style:none; vertical-align:bottom; padding:0; line-height:0em; max-width:100%; height:auto;}
figure{ margin:0 auto; text-align:center;}
figure.waku img{ box-shadow:rgba(0, 0, 0, 0.2) 0 0 5px 2px;}


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;}
}

.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{ background:#fff; padding:10px 60px; position:relative; z-index:5; box-shadow:rgba(0, 0, 0, 0.1) 0 0 5px 2px;}
#header dl{ display: table; table-layout: fixed; width: 100%;}
#header dl dt{ display: table-cell; vertical-align: middle; width: 160px;}
#header dl dd{ display: table-cell; vertical-align: middle; text-align: right;}
#header dl dd a{ display: inline-block; background: #009b63; color: #fff; font-size: 16px; padding: 1em; line-height: 1em;}
@media screen and (max-width:767px){
#header{ padding:1.5% 3%;}
#header dl dt{ width:25%;}
#header dl dd a{ font-size:2.5vw;}
}

/*キャッチ*/
#catch{ background: url(../images/catch_bg.jpg) center center no-repeat #fafafa; background-size:cover; text-align: center; padding:60px 0; text-shadow: rgba(255,255,255,1.0) 5px 5px 10px, rgba(255,255,255,1.0) -5px 5px 10px, rgba(255,255,255,1.0) 5px -5px 10px, rgba(255,255,255,1.0) -5px -5px 10px; position:relative; z-index:3; box-shadow:rgba(0, 0, 0, 0.1) 0 0 5px 2px;}
#catch h2{ font-size: 48px; font-weight: 700; line-height: 1.5em; margin-bottom: 40px;}
#catch h3{ font-size: 36px; font-weight: 500; line-height: 1.5em; margin-bottom: 40px; color: #0951b7;}
#catch p{ text-align: center; font-size: 24px; font-weight: 700; line-height: 1.25em; letter-spacing: 0.1em;}
#catch p strong{ display: inline-block; font-size: 48px; color: #e7004b;}
#catch p span{ display: block; font-size: 16px; font-weight: 500;}
@media screen and (max-width:1600px){
#catch{ background-size: 1600px auto;}
}
@media screen and (max-width:767px){
#catch{ background: url("../images/catch_bg_smp.jpg") center bottom no-repeat #fafafa; background-size:cover; padding:9% 3%;}
#catch h2{ font-size:6vw; margin-bottom:4.5%;}
#catch h3{ font-size:4vw; margin-bottom:6%;}
#catch p{ font-size:3vw; letter-spacing: 0.1em;}
#catch p strong{ font-size:7vw;}
#catch p span{ font-size:2vw; margin-top: 1em;}
}

/*フッター*/
#footer{ background: #333; color: #fff; font-size: 13px;}
p.copyright{ text-align: center; line-height: 4em;}
@media screen and (max-width:767px){
#footer{ font-size:2.5vw;}
#footer_fixed{ background: #009b63; color: #fff; position: fixed; left: 0; right: 0; bottom: 0; z-index: 999;}
#footer_fixed a{ display: block; padding: 1em; text-align: center; letter-spacing: 0.1em; font-size: 4.5vw;}
}

h1,h2,h3,h4,h5{ font-weight: 700; font-weight: bold; letter-spacing: 0.1em; line-height: 1.25em;}

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

/*実績ご利用企業*/
#performance{ background: #efefef; padding: 60px 0;}
#performance h2{ text-align: center; font-size: 36px; font-weight: 700; margin-bottom: 40px;}
#performance h3{ text-align: center; font-size: 18px; line-height: 1.5em; font-weight: 700; color: #0951b7; margin-bottom: 20px;}
#performance ul{ border: 4px solid #0951b7; background: #fff; padding: 1em; width: 800px; margin: 0 auto;}
#performance ul li{ display: inline-block; vertical-align: middle; font-size: 16px; letter-spacing: 0.1em;}
#performance ul li:after{ content: "、";}
#performance ul li:last-child{ margin-left: 1em; float: right;}
#performance ul li:last-child:after{ content: ""; display: none;}
@media screen and (max-width:767px){
#performance{ padding:9% 0;}
#performance h2{ font-size:6vw; margin-bottom:6%;}
#performance h3{ font-size:3vw; margin-bottom:3%;}
#performance ul{ border:0.75vw solid #0951b7; width:100%; font-size: 2.5vw;}
#performance ul li{ font-size:2.75vw; letter-spacing: 0.1em;}
#performance ul li:last-child{ float: none; display: block; text-align: right; margin: 0;}
}

/*悩み*/
#trouble{ background: url(../images/bg01.png) center bottom; padding:60px 0 120px;}
#trouble h2{ text-align: center; font-size: 42px; font-weight: 700; margin-bottom: 40px;}
#trouble .trouble_in{ display: table; table-layout: fixed; width: calc(100% + 40px); margin-left: -20px; border-collapse: separate; border-spacing: 20px 0;}
#trouble .trouble_in .trouble_box{ display: table-cell; vertical-align: top; background: #fff; padding: 20px; box-shadow:rgba(0, 0, 0, 0.1) 0 0 5px 2px;}
#trouble .trouble_in .trouble_box h3{ color: #0951b7; font-size: 21px; border-left: 5px solid #0951b7; border-bottom: 1px solid #0951b7; padding: 0 10px 5px; margin-bottom: 10px;}
#trouble .trouble_in .trouble_box ul li{ font-size: 16px; line-height: 1.25em; padding-left: 1.25em; margin: 0.5em; position: relative;}
#trouble .trouble_in .trouble_box ul li span.lsf{ color: #e7004b; position: absolute; left: 0; top: 0;}
@media screen and (max-width:767px){
#trouble{ background-size: cover; padding:6% 0 12%;}
#trouble h2{ font-size:5vw; margin-bottom:6%;}
#trouble .trouble_in{ display:block; width:100%; margin:0; border-collapse:collapse; border-spacing:0;}
#trouble .trouble_in .trouble_box{ display:block; padding:1em;}
#trouble .trouble_in .trouble_box h3{ font-size:4vw; border-left:0.75vw solid #0951b7; padding: 0 1.5vw 1.5vw; margin-bottom:3%;}
#trouble .trouble_in .trouble_box ul li{ font-size:3vw;}
}

/*研修内容*/
#training{ background: #fff; padding:30px 0 60px;}
#training h2{ text-align: center; font-size: 42px; font-weight: 700; margin-bottom: 40px;}
#training p{ font-size: 24px;}
@media screen and (max-width:767px){
#training{ padding:6% 0 9%;}
#training h2{ font-size:5vw; margin-bottom:6%;}
#training p{ font-size:3.5vw;}
}

/*理由特徴*/
#reason{ padding: 60px 0;}
#reason h2{ text-align: center; font-size: 42px; font-weight: 700; margin-bottom: 40px;}
#reason .reason01{ background: url("../images/reason01.jpg") left center no-repeat; padding-left: 420px; margin-bottom: 40px;}
#reason .reason02{ background: url("../images/reason02.jpg") right center no-repeat; padding-right: 420px;}
#reason dl{ background: rgba(255, 255, 255, 0.8); padding: 20px; box-shadow:rgba(0, 0, 0, 0.1) 0 0 5px 2px;}
#reason h3{ color: #0951b7; font-size: 21px; border-left: 5px solid #0951b7; border-bottom: 1px solid #0951b7; padding: 0 10px 5px; margin-bottom: 10px;}
@media screen and (max-width:767px){
#reason{ padding:9% 0;}
#reason h2{ font-size:6vw; margin-bottom:6%;}
#reason .reason01{ background: none; padding:0; margin-bottom:6%;}
#reason .reason02{ background: none; padding:0;}
#reason dl{ padding:1em; position: relative; z-index: 5;}
#reason h3{ font-size:4vw; border-left:0.75vw solid #0951b7; padding: 0 1.5vw 1.5vw; margin-bottom:3%;}
#reason p{ font-size: 3vw;}
}

/*3つの理由*/
#point{ background: rgba(9,81,183,0.2); padding-bottom: 40px;}
#point h2{ background: url("../images/point_h2.jpg") center center no-repeat; background-size: cover; padding: 60px 0; text-align: center; color: #fff; font-size: 42px; line-height: 1.5em;}
#point h2 span{ display: block; font-size: 24px; line-height: 1.5em; margin-top: 1em;}
#point .point_list{ width: 1000px; margin:0 auto;}
#point .point_list dl{ position: relative; margin: 40px auto; padding-top: 40px;}
#point .point_list dl:nth-child(1){ background: url("../images/point/1.jpg") left top no-repeat;}
#point .point_list dl:nth-child(2){ background: url("../images/point/2.jpg") right top no-repeat;}
#point .point_list dl:nth-child(3){ background: url("../images/point/3.jpg") left top no-repeat;}
#point .point_list dl dt{ display: none;}
#point .point_list dl dd{ width: 640px; position: relative; z-index: 3; background: rgba(255, 255, 255, 0.8); box-shadow:rgba(0, 0, 0, 0.1) 0 0 5px 2px; margin:0 0 0 auto; padding: 20px;}
#point .point_list dl:nth-child(2n) dd{ margin:0 auto 0 0;}
#point .point_list dl dd h3{ font-size: 32px; font-weight: 700; border-bottom: 1px solid #333; margin-bottom: 20px; position: relative; padding: 0 0 0.25em 2em;}
#point .point_list dl dd h3 span{ display: inline-block; color: #0951b7; position: absolute; left: 0; top: 0;}
#point .point_list dl dd p{ line-height: 1.5em;}
@media screen and (max-width:767px){
#point{ padding-bottom:6%;}
#point h2{ padding:6% 3%; font-size:5vw;}
#point h2 span{ font-size:3.5vw;}
#point .point_list{ width:100%;}
#point .point_list dl{ margin:6% auto; padding-top:0;}
#point .point_list dl:nth-child(1),
#point .point_list dl:nth-child(2),
#point .point_list dl:nth-child(3){ background:none;}
#point .point_list dl dt{ display:block;}
#point .point_list dl dd{ width:94%; padding:1em; margin: auto; margin-top: -9vw;}
#point .point_list dl:nth-child(2n) dd{ margin: auto; margin-top: -6vw;}
#point .point_list dl dd h3{ font-size:4.5vw; margin-bottom:3%;}
#point .point_list dl dd h3 span{ display: inline-block; color: #0951b7; position: absolute; left: 0; top: 0;}
#point .point_list dl dd p{ line-height: 1.5em;}
}

/*比較*/
#compare{ background: #fff; padding: 60px 0;}
#compare h2{ font-size: 42px; font-weight: bold; text-align: center; margin-bottom: 40px;}
#compare table{ width: 100%; border-collapse: collapse; border-spacing: 0; table-layout: fixed; letter-spacing: 0.1em; position: relative;}
#compare table th{ border: 4px solid #fff; padding: 10px; text-align: center; vertical-align: middle;}
#compare table td{ border: 4px solid #fff; padding: 10px; text-align: center; vertical-align: middle;}
#compare table thead td{ border: none; background: none; width: 28%;}
#compare table thead th{ background: rgba(9,81,183,0.2); color: #0951b7; font-size: 24px;}
#compare table thead th:last-child{ background: #e7004b; color: #fff; font-size: 36px;}
#compare table tbody th{ background: rgba(9,81,183,1.0); color: #fff; font-size:21px;}
#compare table tbody td{ font-size: 48px; font-weight: bold; font-weight: 900; background: #efefef; line-height: 0;}
#compare table tbody td:last-child{ background: rgba(231,0,75,0.2); color: #e7004b; line-height: 0;}
#compare table tbody td img{ width: 60px; line-height: 0em;}
#compare table:after{ content: ""; width: calc(24% - 12px); height: calc(100% - 12px); border: 12px solid #e7004b; position: absolute; right: -6px; top: -6px; box-shadow:rgba(231, 0, 75, 0.5) 0 0 5px 2px;}
@media screen and (max-width:767px){
#compare{ padding:9% 0;}
#compare h2{ font-size:6vw; margin-bottom:6%;}
#compare table{ letter-spacing: 0.1em;}
#compare table th{ border:0.5vw solid #fff; padding:0.5em;}
#compare table td{ border:0.5vw solid #fff; padding:0.5em;}
#compare table thead th{ font-size:3vw;}
#compare table thead th:last-child{ font-size:6vw;}
#compare table tbody th{ font-size:3vw;}
#compare table tbody td{ font-size:9vw; padding: 0.25em;}
#compare table tbody td img{ width:9vw;}
#compare table:after{ content: ""; width: calc(24% - 2vw); height: calc(100% - 2vw); border:2vw solid #e7004b; position: absolute; right: -1vw; top: -1vw;}
}

/*プログラム*/
#proglam{ background:#fff; padding-bottom: 60px;}
#proglam h2{ background: url("../images/progrlam_h2.jpg") center center no-repeat; background-size: cover; padding: 40px 0; text-align: center; color: #fff; font-size: 42px; line-height: 1.5em; margin-bottom: 40px;}
#proglam h3{ color: #0951b7; font-size: 24px; border-left: 5px solid #0951b7; border-bottom: 1px solid #0951b7; padding: 0 10px 5px; margin: 40px auto 20px;}
#proglam dl{ display: table; table-layout: fixed; width: 100%;}
#proglam dl dt{ display: table-cell; vertical-align: middle; width: 42%;}
#proglam dl dd{ display: table-cell; vertical-align: middle; font-size:14px;}
#proglam dl dd strong{ display: block; font-size:20px;}
#proglam dl dd ul{ margin: 20px 1.75em;}
#proglam dl dd ul li{ float: none; border-bottom: 1px dotted #333; font-size: 18px; letter-spacing: 0.1em; padding: 0.5em 1em; width: 100%; margin: 0 auto;}
#proglam dl dd ul li:first-child{ border-top: 1px dotted #333;}
@media screen and (max-width:767px){
#proglam{ padding-bottom:9%;}
#proglam h2{ padding:6% 0; font-size:5vw; margin-bottom:6%;}
#proglam h3{ font-size:4vw; border-left:0.75vw solid #0951b7; padding: 0 1.5vw 1.5vw; margin-bottom:3%;}
#proglam dl{ display:block;}
#proglam dl dt{ display:block; width:100%; margin-bottom: 3%; text-align: center;}
#proglam dl dt img{ width: 66.6666%;}
#proglam dl dd{ display:block; font-size:2.5vw;}
#proglam dl dd strong{ font-size:3.75vw;}
#proglam dl dd ul{ margin:3% 0;}
#proglam dl dd ul li{ font-size:3vw; padding: 0.5em 0;}
}

/*研修までの流れ*/
#flow{ background: #fff; padding: 60px 0;}
#flow h2{ font-size: 42px; font-weight: bold; text-align: center; margin-bottom: 40px;}
#flow ul li{ border-bottom: 1px solid #aaa; padding: 20px;}
#flow ul li:first-child{ border-top: 1px solid #aaa;}
#flow dl{ display: table; table-layout: fixed; width: 100%;}
#flow dl dt{ display: table-cell; vertical-align: middle; width: 240px;}
#flow dl dd{ display: table-cell; vertical-align: middle; padding-left: 20px;}
#flow dl dt h3{ display: none;}
#flow dl dd h3{ font-size: 32px; margin-bottom: 10px;}
#flow dl dd h3 span{ color: #0951b7; font-size: 48px; display: inline-block;}
#flow dl dd p{ line-height: 1.5em;}
@media screen and (max-width:767px){
#flow{ padding:9% 0;}
#flow h2{ font-size:6vw; margin-bottom:6%;}
#flow ul li{ padding:3%;}
#flow dl{ display:block;}
#flow dl dt{ display:block; width:100%; text-align: center; margin-bottom: 3%;}
#flow dl dt img{ width: 66.6666%;}
#flow dl dd{ display:block; padding:0;}
#flow dl dd h3{ display: none;}
#flow dl dt h3{ display: block; font-size:5vw; margin-bottom:3%; text-align: left;}
#flow dl dt h3 span{ font-size:9vw; color: #0951b7; display: inline-block;}
}

/*お客様の声*/
#voice{ background: #efefef; padding: 60px 0;}
#voice h2{ font-size: 42px; font-weight: bold; text-align: center; margin-bottom: 40px;}
#voice h3{ color: #0951b7; font-size: 24px; border-left: 5px solid #0951b7; border-bottom: 1px solid #0951b7; padding: 0 10px 5px; margin:45px auto 15px;}
#voice_in{ width: 1080px; margin: 0 auto;}
#voice_in ul{ letter-spacing: -1em;}
#voice_in ul li{ display: inline-block; vertical-align: top; letter-spacing: 0; width: 33.3333%;}
#voice_in ul li:nth-child(3n+1){ padding-right: 10px;}
#voice_in ul li:nth-child(3n+2){ padding: 0 5px;}
#voice_in ul li:nth-child(3n){ padding-left: 10px;}
#voice_in ul li:nth-child(1n+4){ padding-top: 15px;}
#voice_in dl dt{ position: relative; margin-bottom: 10px;}
#voice_in dl dt span{ position: absolute; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); color: #fff; font-size: 16px; text-align: center; padding: 0.5em;}
#voice_in dl dd{ background: #fff; border: solid 1px #0951b7; position: relative;}
#voice_in dl dd p{ background: #fff; position: relative; z-index: 5; padding:10px; font-size: 16px; line-height: 1.5em;}
#voice_in dl dd:before{ position: absolute; top:5px; left:5px; width: 100%; height: 100%; background: #0951b7; content: "";}
@media screen and (max-width:767px){
#voice{ padding:9% 3%;}
#voice h2{ font-size:6vw;}
#voice h3{ font-size:4vw; border-left:0.75vw solid #0951b7; padding: 0 1.5vw 1.5vw; margin-bottom:3%;}
#voice_in{ width:100%;}
#voice_in ul li{ display:block; width:100%; margin:6% auto;}
#voice_in ul li:nth-child(3n+1){ padding:0;}
#voice_in ul li:nth-child(3n+2){ padding:0;}
#voice_in ul li:nth-child(3n){ padding:0;}
#voice_in dl dt{ margin:0 auto 3%; width: 66.6666%;}
#voice_in dl dt span{ font-size:2.5vw;}
#voice_in dl dd{ background: #fff; border: solid 1px #0951b7; position: relative;}
#voice_in dl dd p{ background: #fff; position: relative; z-index: 5; padding: 1em;}
#voice_in dl dd:before{ top:1vw; left:1vw;}
}

/*よくある質問*/
#qanda{ background: #fff; padding: 60px 0;}
#qanda h2{ text-align: center; font-size: 36px; margin-bottom: 40px;}
.qanda_list{ letter-spacing: -1em;}
.qanda_list dl{ display: inline-block; letter-spacing: 0; vertical-align: top; width: calc(50% - 15px); margin:15px;}
.qanda_list dl:nth-child(2n+1){ margin-left: 0;}
.qanda_list dl:nth-child(2n){ margin-right: 0;}
.qanda_list dl dt{ display: table; table-layout: fixed; width: 100%; background: #f4f4f4; cursor: pointer; transition: 0.3s;}
.qanda_list dl dt:hover{ opacity: 0.7;}
.qanda_list dl dt span{ display: table-cell; vertical-align: middle; width: 60px; padding: 15px 0; background: #0951b7; text-align: center;}
.qanda_list dl dt strong{ display: table-cell; vertical-align: middle; padding: 0.5em;}
.qanda_list dl dd{ padding:10px 10px 0 70px; font-size: 16px; line-height: 1.5em;}
.qanda_list dl dd{ display: none;}
@media screen and (max-width:767px){
#qanda{ padding:9% 0;}
#qanda h2{ font-size:6vw; margin-bottom:6%;}
.qanda_list dl{ display:block; width:100%; margin:3% auto;}
.qanda_list dl:nth-child(2n+1){ margin-left:3% auto;}
.qanda_list dl:nth-child(2n){ margin-right:3% auto;}
.qanda_list dl dt span{ width:12.5%; padding:0;}
.qanda_list dl dt strong{ padding: 0.5em;}
.qanda_list dl dd{ padding:1.5%; font-size:3vw;}
}

/*cv_area*/
.cv_area{ background: url(../images/bg05.png); padding: 60px 0; text-align: center; position:relative; z-index:3; box-shadow:rgba(0, 0, 0, 0.1) 0 0 5px 2px;}
.cv_area img{ max-width: 720px;}
@media screen and (max-width:767px){
.cv_area{ padding:6% 0;}
.cv_area img{ max-width:88%;}
}

/*form*/
#form{ background: #efefef; padding: 60px 0;}
#form h2{ text-align: center; font-size: 36px; margin-bottom: 40px;}
#form .maincontent{ background: #fff; box-shadow:rgba(0, 0, 0, 0.1) 0 0 5px 2px; padding: 40px;}
#form table{ width: 100%; border-collapse: collapse; border-spacing: 0;}
#form table th{ width: 280px; vertical-align: middle; padding: 1em;}
#form table td{ vertical-align: middle; padding: 1em;}
#form table th span.req{ color: #0951b7; font-weight: bold; float: right; margin: 0.25em auto; font-size: 75%;}
@media screen and (max-width:767px){
#form{ padding:9% 0;}
#form h2{ font-size:6vw; margin-bottom:6%;}
#form .maincontent{ padding:3%;}
#form table{ width: 100%; display:block;}
#form table th{ display:block; width:100%; padding:0 0 0.5em; font-size:4vw;}
#form table td{ display:block; width:100%; padding:0 0 1.5em;}
#form table th span.req{ color: #0951b7; float: right;}
}

::placeholder{ color: #aaa; font-weight: 300;}
::-ms-input-placeholder{ color: #aaa; font-weight: 300;}
input[type=submit], button, select{ -webkit-appearance: none;}
input,textarea{ width:100%; padding:0.5em; font-family: noto-sans-cjk-jp, sans-serif; font-size:18px; font-weight:bold; line-height: 1.25em; border:1px solid #aaa; box-sizing: border-box; border-radius: 4px;}
textarea{ text-align: left; height: 10em; font-weight: normal;}
input[type=checkbox]{ width: auto; padding: 0; margin-right: 0.5em;}
label{ display: block; background: #efefef; padding: 0.25em; margin-bottom: 0.5em; cursor: pointer;}
label:last-child{ margin-bottom: 0;}
button[type=submit]{ display: block; border: none; padding: 0; background: #329632; color: #fff; margin: 0 auto; width: 640px; padding: 0.75em; font-size: 24px; letter-spacing: 0.1em; font-weight: bold; cursor: pointer; border:6px double #fff; position: relative; transition: 0.3s;}
button[type=submit]{ width: 640px !important; border: none !important; background: #009b63 !important; font-size: 24px; font-weight: normal; color: #fff; padding: 1em 0.5em; border-radius: 8px; margin-top: 20px;}
button[type=submit] span.lsf{ position: absolute; right: 1em; top: calc(50% - 0.5em);}
button[type=submit]:hover{ opacity: 0.7;}
@media screen and (max-width:767px){
input,textarea{ font-size:4.5vw; padding: 0.25em 0.5em}
textarea{ height: 10em;}
label{ font-size:3vw; width:100%; margin:0.5em 0; text-align:left;}
label:first-child{ margin-top:0;}
label:last-child{ margin-bottom:0;}
input[type=checkbox]{ margin-right:0.25em;}
button[type=submit]{ max-width:100%; font-size:6vw; padding: 0.5em; margin-top: 0;}
}

/*運営会社*/
#company{ background: #fff; padding: 60px;}
#company h2{ text-align: center; font-size: 36px; margin-bottom: 20px;}
#company table{ width: 800px; margin: 20px auto; border-collapse: collapse; border-spacing: 0; font-size: 16px;}
#company table th{ border: 1px solid #aaa; padding: 1em; background: #efefef; text-align: center; font-weight: normal;}
#company table td{ border: 1px solid #aaa; padding: 1em; font-weight: normal;}
#company p.txt_link{ text-align: center;}
#company p.txt_link a{ text-decoration: underline; font-size: 16px;}
#company p.txt_link a:hover{ text-decoration: none;}
@media screen and (max-width:767px){
#company{ padding:9% 0;}
#company h2{ font-size:5vw; margin-bottom:6%;}
#company table{ width:100%; margin:3% auto; font-size:3vw;}
#company table th{ display: block; border-bottom: none;}
#company table td{ display: block; border-bottom: none;}
#company table tr:last-child td{ border-bottom: 1px solid #aaa;}
#company p.txt_link a{ font-size:3vw;}
}


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