@charset "utf-8";

.page_mall .header .menu a.mall{
border-bottom:solid 8px #67468f;
}
.campaign .section_header{
margin-bottom:10px;
}
.campaign .page_content .inner{
width:1044px;
}
.campaign .btn_box{
padding-top:25px;
text-align:center;
}
.campaign .btn_box a{
border:solid 1px #67468f;
display:inline-block;
padding:4px 20px;
font-weight:bold;
}
.campaign .btn_box a:hover{
background:#67468f;
color:#fff;
} @media only screen and (max-width: 767px) {
.campaign .page_content .inner{
width:auto;
}
.page_wrap.section .section_header h1{
padding:0;
}
} .campaign_kv{
background-repeat:no-repeat;
background-position:center top;
text-align:center;
color: #67468f;
background-image:url(//tokyoteshigoto.tokyo/jp2017/wp-content/themes/tokyoteshigoto2020/assets/campaign/kv-pc.jpg);
background-size:1375px auto;
padding-top:280px;
}
.campaign_kv .inner{
width:560px !important;
}
.campaign_kv .inner h2{
font-size:2rem;
font-family: "游ゴシック Regular", "Yu Gothic Regular", "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
font-weight:bold;
line-height:40px;
margin-bottom:20px;
}
.campaign_kv .period{
margin-bottom:20px;
}
.campaign_kv .period strong{
margin:auto;
padding:3px 16px;
border-radius:30px;
display:inline-block;
background:#e5004f;
color:#fff;
font-weight:normal;
}
.campaign_kv .period strong span{
font-size:1.2rem;
} @media only screen and (min-width: 960px) {
.campaign_kv{
background-image:url(//tokyoteshigoto.tokyo/jp2017/wp-content/themes/tokyoteshigoto2020/assets/campaign/kv-pc.jpg);
background-size:1375px auto;
padding-top:280px;
}
} @media only screen and (max-width: 767px) {
.campaign_kv{
margin-bottom:50px;
background-image:url(//tokyoteshigoto.tokyo/jp2017/wp-content/themes/tokyoteshigoto2020/assets/campaign/kv-sp.jpg);
background-size:95vw auto;
padding-top:96vw;
}
.campaign_kv .inner{
width:auto !important;
}
.campaign_kv .inner h2{
font-size:1.6rem;
line-height:20px;
text-align:left;
}
.campaign_kv .period strong{
font-size:1.2rem;
}
.campaign_kv .inner p{
text-align:left;
}
} .present_items{
border:solid 10px #f1f1f7;
position:relative;
}
.present_items:before{
position:absolute;
content:"";
display:block;
background:url(//tokyoteshigoto.tokyo/jp2017/wp-content/themes/tokyoteshigoto2020/assets/campaign/hr-present.png) no-repeat;
z-index:1;
}
.present_items li{
position:relative;
}
.present_items li a,
.present_items li span{
display:block;
}
.present_items li:before{
position:absolute;
content:"";
display:block;
background:#67468f;
color:#fff;
text-align:center;
border-radius:30px;
line-height:38px;
width:38px;
height:38px;
top:-14px;
left:-14px;
}
.present_items li:first-child:before{content:"A";}
.present_items li:nth-of-type(2):before{content:"B";}
.present_items li:nth-of-type(3):before{content:"C";}
.present_items li:nth-of-type(4):before{content:"D";}
.present_items li:nth-of-type(5):before{content:"E";}
.present_items li:nth-of-type(6):before{content:"F";}
.present_items li:nth-of-type(7):before{content:"G";}
.present_items li img{
margin-bottom:10px;
}
.present_items li a{
text-decoration:underline;
}
.present_items li a i{
font-style:normal;
font-size:1.2rem !important;
}
.present_items li span + span{
font-size:1.2rem !important;
margin-top:-10px;
} @media only screen and (min-width: 960px) {
.present_items{
margin-bottom:60px;
}
.present_items:before{
width:252px;
height:99px;
background-size:252px auto;
top:110px;
left:25px;
}
.present_items ul{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
padding:50px 25px 30px;
}
.present_items li{
width:calc(25% - 20px);
text-align:center;
margin-bottom:40px;
}
.present_items li img{
width:100%;
}
.present_items li:first-child{
margin-left:25%;
}
.present_items li:nth-of-type(4),
.present_items li:nth-of-type(5),
.present_items li:nth-of-type(6),
.present_items li:nth-of-type(7){
margin-bottom:0;
}
} @media only screen and (max-width: 767px) {
.present_items{
border:solid 4px #f1f1f7;
padding:10px 0;
margin-bottom:40px;
}
.present_items:before{
width:126px;
height:50px;
background-size:126px auto;
top:-20px;
right:10px;
}
.present_items li{
padding:10px 20px;
display:flex;
}
.present_items li:before{
top:5px;
left:5px;
width:28px;
height:28px;
line-height:28px;
}
.present_items li img{
width:22vw;
height:100%;
display:block;
margin-right:10px;
margin-bottom:0;
}
} .quiz_wrap{
background:#f1f1f8;
padding:50px 90px ;
}
.quiz_wrap h3{
text-align:center;
}
.quiz_wrap h3 img{
width:644px;
margin-top:-60px;
}
.quiz_wrap .quiz{
position:relative;
background:#fff;
padding:45px 90px 30px;
margin-bottom:50px;
}
.quiz_wrap .quiz a{
text-decoration:underline;
}
.quiz_wrap .quiz_num{
position:absolute;
top:-15px;
left:0;
right:0;
margin:auto;
background:#67468f;
color:#fff;
display:inline-block;
border-radius:30px;
width:80px;
text-align:center;
padding:4px 2px;
}
.quiz_wrap .quiz_answer{
color:#e5004f;
font-weight:bold;
text-align:center;
padding:25px 0;
}
.quiz_wrap .quiz_answer span{
font-size:2rem;
}
.quiz_wrap .quiz_answer span:not(:first-child){
margin-left:60px;
}
.quiz_wrap .quiz_link{
text-align:center;
}
.quiz_wrap .quiz:before{
position:absolute;
content:"";
display:block;
width:120px;
height:120px;
background-repeat:no-repeat;
background-position:center top;
background-size:120px auto;
bottom:-15px;
right:-15px;
}
.quiz_wrap .quiz:nth-of-type(2n):before{
left:-15px;
}
.quiz_wrap .quiz:nth-of-type(1):before{background-image:url(//tokyoteshigoto.tokyo/jp2017/wp-content/themes/tokyoteshigoto2020/assets/campaign/q-1.png);}
.quiz_wrap .quiz:nth-of-type(2):before{background-image:url(//tokyoteshigoto.tokyo/jp2017/wp-content/themes/tokyoteshigoto2020/assets/campaign/q-2.png);}
.quiz_wrap .quiz:nth-of-type(3):before{background-image:url(//tokyoteshigoto.tokyo/jp2017/wp-content/themes/tokyoteshigoto2020/assets/campaign/q-3.png);}
.quiz_wrap .quiz:nth-of-type(4):before{background-image:url(//tokyoteshigoto.tokyo/jp2017/wp-content/themes/tokyoteshigoto2020/assets/campaign/q-4.png);}
.quiz_wrap .quiz:nth-of-type(5):before{background-image:url(//tokyoteshigoto.tokyo/jp2017/wp-content/themes/tokyoteshigoto2020/assets/campaign/q-5.png);}
.quiz_bottom{
text-align:center;
font-weight:bold;
color:#67468f;
font-size:2rem !important;
line-height:40px;
margin-top:-20px;
margin-bottom:20px;
}
.present_finish{
text-align:center;
font-size:2.4rem!important;
line-height:40px;
font-family:"游明朝体", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", serif;
color:#67468f;
padding-top:60px;
margin-bottom:-100px;
} @media only screen and (max-width: 767px) {
.present_items + .quiz_wrap{
padding-bottom:40px;
}
.quiz_wrap{
margin:0 -15px;
padding:15px;
}
.quiz_wrap h3{
margin-bottom:30px !important;
}
.quiz_wrap h3 img{
width:100%;
margin-top:-20px;
}
.quiz_wrap .quiz{
padding:30px 15px 20px;
margin-bottom:30px;
}
.quiz_wrap .quiz:before{
position:static;
width:15vw;
height:15vw;
background-size:15vw auto;
display:inline-block;
float:left;
margin:10px 10px 10px 0;
}
.quiz_wrap .quiz_num{
padding:0px 2px;
}
.quiz_wrap .quiz_title{
line-height:22px;
text-align:justify;
}
.quiz_wrap .quiz_answer{
padding:10px 0 20px;
}
.quiz_wrap .quiz_answer span{
font-size:1.6rem;
}
.quiz_wrap .quiz_answer span:not(:first-child){
margin-left:15px;
}
.quiz_bottom{
font-size:1.8rem !important;
line-height:28px;
margin-top:0;
}
} .campaign_detail{
padding-top:80px;
}
.campaign_detail h4{
text-align:center;
color:#67468f;
font-family:"游明朝体", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", serif;
font-size:2.4rem !important;
margin-bottom:40px;
}
.campaign_detail_flex{
display:flex;
padding:30px;
border-top:solid 1px #ccc;
}
.campaign_detail_flex + .btn_index{
border-top:solid 1px #ccc;
padding-top:60px;
}
.campaign_detail_th{
width:20%;
padding-right:30px;
box-sizing:border-box;
color:#67468f;
font-weight:bold;
line-height:30px;
}
.campaign_detail_td{
width:80%;
line-height:30px;
}
.campaign_detail_td table{
margin-top:10px;
}
.campaign_detail table th:first-child,
.campaign_detail table td:first-child{
text-align:center;
}
.campaign_detail table th:last-child,
.campaign_detail table td:last-child{
text-align:right;
}
.campaign_detail table th{
background:#f1f1f8;
}
.campaign_detail table th,
.campaign_detail table td{
border:solid 1px #ccc;
padding:4px 20px;
}
.campaign_detail_td .btn_index{
text-align:left;
}
.campaign_detail_td .btn_index a{
text-align:center;
text-decoration:none;
}
.campaign_detail_td a{
text-decoration:underline;
}
.campaign_detail_td b{
font-weight:normal;
color:#cc0000;
}
.campaign_detail_td ul li{
text-indent:-1.5em;
padding-left:2em;
}
.campaign_detail_td ul li.nolist{
list-style:none;
text-indent:unset;
padding-left:unset;
} @media only screen and (max-width: 767px) {
.campaign_detail{
padding-top:40px;
}
.campaign_detail_flex{
display:block;
padding:0;
margin:0 -15px;
padding:20px 15px;
}
.campaign_detail_th{
width:100%;
padding-right:0;
margin-bottom:10px;
}
.campaign_detail_td{
width:100%;
line-height:30px;
}
.campaign_detail_td p + .btn_index{
margin-top:10px;
}
.campaign_detail_td a,
.campaign_detail table th,
.campaign_detail table td{
padding:4px 4px;
}	
.campaign_detail table th,
.campaign_detail table td,
.campaign_detail table th a,
.campaign_detail table td a{
font-size:.8rem !important;
}
.campaign_detail table th:first-child,
.campaign_detail table td:first-child{
width:40px;
}
.campaign_detail_td ul li{
list-style:none;
}
.campaign_detail_flex + .btn_index{
margin:0 -15px;
padding-right:15px;
padding-left:15px;
}
} .input_error .show_error{
color:red;
font-weight:bold;
display:block !important;
text-align:center;
margin-bottom:30px;
}
.campaign.form .campaign_kv .inner{
width:800px !important;
padding-bottom:30px;
}
.campaign.form .campaign_kv{
background-image:url(//tokyoteshigoto.tokyo/jp2017/wp-content/themes/tokyoteshigoto2020/assets/campaign/kv-form-pc.jpg);
background-size:1044px auto;
padding-top:300px;
} .campaign.form .btn_box{
padding:0 0 60px;
margin-top:-10px;
}
.campaign.form .quiz{
padding-top:40px;
padding-bottom:0;
}
.campaign.form .quiz:before{
display:none;
}
.campaign.form .quiz_answer{
color:#212121;
padding-top:15px;
}
.quiz_answer input{
vertical-align:3px;
margin-right:10px;
}
.quiz_select.quiz{
padding:50px 90px 1px !important;
}
.quiz_select .quiz_num{
width:120px;
}
.quiz_select ul{
display:flex;
justify-content:space-between;
}
.quiz_select ul li {
text-align:center;
width:calc(14.28% - 20px)
}
.quiz_select ul li a{
text-decoration:none !important;
}
.quiz_select ul li img{
width:100%;
}
.mw_wp_form_input .quiz_wrap .quiz_answer span{
margin-left:0;
font-weight:bold;
}
.mw_wp_form_input .quiz_wrap .quiz_answer .horizontal-item:not(:first-child){
margin-left:60px;
}
.form_box_th{
font-weight:bold;
}
.contact .form_box_input{
min-height:unset;
margin-bottom:30px;
}
.quiz_select .form_box_input select{
width:100px;
padding:12px 10px;
}
.quiz_select .quiz_answer .form_box_input{
margin:auto;
}
.quiz_select .quiz_answer .form_box_input select{
width:400px;
margin:auto;
}
.quiz_select .form_box_input input[type=radio]{
margin-right:10px;
margin-left:40px;
}
.quiz_select .form_box_input .form_box_td span:first-child input[type=radio]{
margin-left:0;
}
.quiz_select .form_box_input .sheet .mwform-radio-field{
width:100%;
display:block;
margin-top:15px;
}
.quiz_select .form_box_input .sheet input[type=radio]{
margin-left:0;
}
.quiz_select .form_box_input i{
font-style:normal;
font-size:1.2rem !important;
display:block;
}
.input_address input + input{
margin-top:10px;
}
.btn_index a,
.btn_index button.btn_submit,
.btn_index button.btn_confirm{
background:#e5004f;
border-radius:6px;
box-shadow:0px 3px 0px 0px #b7003f;
transition:.5s;
width:504px;
height:auto;
color:#fff;
border:none;
padding:35px 0;
font-size:2.4rem !important;
line-height:unset;
}
.btn_index a:hover{
background:#e5004f;
opacity:.8;
}
.btn_index button.btn_back{
margin-top:40px;
}
.btn_index button:hover{
opacity:.8;
cursor:pointer;
}
.quiz_select .form_box_input .error,
.quiz_select .form_box_accept .error{
color:red;
font-size:1.2rem !important;
display:block;
}
.quiz_select .form_box_input .error_box input{
background-color:#fff2f2 !important;
}
.contact .form_box_accept {
height: auto;
line-height: 30px;
padding:30px 0;
margin-top:30px;
}
.contact .form_box_accept a{
font-size:1.3rem;
}
.form_box_td input::placeholder{
font-style:italic;
color:#ccc;
} @media only screen and (max-width: 800px) {
.campaign.form .campaign_kv .inner,
.campaign.campaign_complete .campaign_kv .inner{
width:600px !important;
}
}
@media only screen and (max-width: 767px) {
.campaign.form .campaign_kv,
.campaign.campaign_complete .campaign_kv{
background-image:url(//tokyoteshigoto.tokyo/jp2017/wp-content/themes/tokyoteshigoto2020/assets/campaign/kv-form-sp.jpg);
background-size:96vw auto;
padding-top:50.6vw;
margin-bottom:20px;
}
@media only screen and (max-width: 640px) {
.campaign.form .campaign_kv .inner,
.campaign.campaign_complete .campaign_kv .inner{
width:auto !important;
}
}
.campaign.form .quiz_wrap{
padding-top:40px;
}
.campaign.form .input_error .quiz_wrap{
padding-top:20px;
}
.input_error .show_error{
text-align:left;
}
.campaign.form .quiz{
padding-top:20px;
}
.campaign.form .quiz_answer{
padding-top:6px;
}
.quiz_select ul{
display:flex;
justify-content:center;
flex-wrap:wrap;
padding-top:15px;
}
.quiz_select ul li {
text-align:center;
width:calc(25% - 10px);
margin-right:10px;
margin-bottom:10px;
}
.quiz_select ul li a{
text-decoration:none !important;
font-weight:bold;
}
.quiz_select ul li:nth-of-type(4),
.quiz_select ul li:nth-of-type(7) {
margin-right:0;
}
.contact .form_box_td {
margin-bottom: 0;
}
.contact .form_box_td input[type=text],
.contact .form_box_td input[type=tel],
.contact .form_box_td input[type=number],
.contact .form_box_td input[type=email],
.quiz_select .quiz_answer .form_box_input select{
width:100%;
}
.contact .form_box_td input[type=radio] {
width: auto;
-webkit-appearance:radio;
}
.quiz_select .form_box_input select{
width:auto;
padding-right:32px;
}
.form_box_td .hide_confirm{
margin-top:15px;
}
.form_box_td .hide_confirm input[type=email]{
margin-top:10px;
}
.quiz_select.quiz {
padding: 20px 15px 1px !important;
}
.mw_wp_form_input .quiz_wrap .quiz_answer .mwform-radio-field{
display:block;
}
.mw_wp_form_input .quiz_wrap .quiz_answer .horizontal-item:not(:first-child),
.mw_wp_form_input .quiz_wrap .quiz_answer span input[type=radio]{
margin-right:0;
margin-left:0;
vertical-align:middle;
}
.btn_index button.btn_back{
margin-bottom:25px;
width:100%;
}
.btn_index{
padding:0;
}
.btn_index a,
.btn_index button.btn_submit,
.btn_index button.btn_confirm{
width:100%;
padding:15px 0;
font-size:1.6rem !important;
}
.contact .form_box_accept {
margin-bottom:30px;
}
} .mw_wp_form_confirm .back_campaign,
.mw_wp_form_confirm .quiz_title ul,
.mw_wp_form_confirm .form_box_td i,
.mw_wp_form_confirm .form_box_accept,
.mw_wp_form_confirm .hide_confirm {
display:none;
}
.mw_wp_form_input .hide_input{
display:none;
} .campaign_complete h1{
text-shadow:none !important;
}
.campaign_complete .campaign_kv{
background-image:url(//tokyoteshigoto.tokyo/jp2017/wp-content/themes/tokyoteshigoto2020/assets/campaign/kv-form-pc.jpg);
background-size:1044px auto;
padding-top:300px;
}
.campaign_complete .campaign_kv .inner{
width:1044px !important;
}
.campaign_complete .bg{
background:#f1f1f8;
padding:60px 0;
}
.campaign_complete .bg p{
line-height:40px;
}
.campaign_complete .bg h2{
font-family:"游明朝体", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", serif;
font-size:4.2rem !important;
margin-bottom:40px;
}
.campaign_complete .btn_box a{
border:none;
background:#67468f;
color:#fff;
display:block;
padding:12px 20px;
width:240px;
margin:auto;
font-weight:normal;
}
.campaign_complete .btn_box a:hover{
} @media only screen and (max-width: 767px) {
.campaign_complete .bg{
padding:30px 15px;
margin:0 -15px;
}
.campaign_complete .bg h2{
font-size:2.1rem !important;
margin-bottom:20px;
text-align:center;
}
.campaign_complete .bg p{
line-height:30px;
}
.campaign_complete .btn_box a{
width:100%;
}
} .quiz_wrap h3 img{
margin-bottom:40px;
}
.campaign_close .inner{
padding:20px 0 30px;
}
.campaign_close .inner p{
border:solid 2px #ff0000;
color:#ff0000;
text-align:center;
padding:30px 0;
font-size:2rem;
font-weight:bold;
}
@media only screen and (max-width: 767px) {
.quiz_wrap h3 img{
margin-bottom:0px;
}
.campaign_close{
padding:5px 0 15px;
}
.campaign_close .inner{
padding:18px 0 ;
}
.campaign_close .inner p{
font-size:1.2rem;
padding:15px 0;
line-height:18px;
}
.quiz_wrap + .campaign_close{
padding:20px 0 0;
}
.quiz_wrap + .campaign_close .inner{
padding:0;
}
}