.pickbnArea{
padding-top: 100px;
height: 250px;
background: #f1f1f1;
text-align: center;
}
/*ここから*/
/*-------------------------------------*/
#renewOC img{
max-width: 100%;
height: auto;
}
#renewOC .u-fcPink{
color: #de0975;
}
#renewOC .u-fcWhite{
color: #fff;
}
#renewOC .u-bgPink{
background: #de0975;
}
#renewOC .u-bgLiGray{
background: #f6f6f6;
}
#renewOC .u-bgWhite{
background: #fff;
}
/*-------------------------------------*/
#renewOC .pc{
display:block !important;
}
#renewOC .tab-pc{
display:block !important;
}
#renewOC .tab{
display: none !important;
}
#renewOC .sp-tab{
display:none !important;
}
#renewOC .sp{
display:none !important;
}
@media screen and (max-width:980px){
#renewOC .pc{
display:none !important;
}
#renewOC .tab{
display:block !important;
}
#renewOC .sp-tab{
display:block !important;
}
}
@media screen and (max-width:767px){
#renewOC .tab-pc{
display: none !important;
}
#renewOC .tab{
display: none !important;
}
#renewOC .sp{
display:block !important;
}
}
/*-------------------------------------*/
#renewOC .fix{
position: fixed;
}
#renewOC .relative{
position: relative;
}
#renewOC .absolute{
position:absolute;
}
/*-------------------------------------*/
#renewOC .l-row {
display: flex;
flex-wrap: wrap;
margin-left: auto;
margin-right: auto;
}
#renewOC .l-row--middle {
align-items: center;
}
#renewOC .l-row--alignEnd {
align-items: flex-end;
}
#renewOC .l-row--center {
justify-content: center;
}
#renewOC .l-row--start {
justify-content: flex-start;
}
#renewOC .l-row--end {
justify-content: flex-end;
}
#renewOC .l-row--around {
justify-content: space-around;
}
#renewOC .l-row--between {
justify-content: space-between;
}
#renewOC .l-row--noWrap {
flex-wrap: nowrap;
}
#renewOC .l-row--re {
flex-direction: row-reverse;
}
/*-------------------------------------*/
#renewOC .autoBlock {
margin-left: auto;
margin-right: auto;
}
/*-------------------------------------*/
#renewOC .maximumBlock {
margin-bottom: 180px;
}
@media only screen and (max-width:767px){
#renewOC .maximumBlock {
margin-bottom: 140px;
}
}
#renewOC .bigBlock {
margin-bottom: 150px;
}
@media only screen and (max-width:767px){
#renewOC .bigBlock {
margin-bottom: 120px;
}
}
#renewOC .sectionBlock {
margin-bottom: 100px;
}
@media only screen and (max-width:767px){
#renewOC .sectionBlock {
margin-bottom: 80px;
}
}
#renewOC .sectionSemiBlock {
margin-bottom: 70px;
}
@media only screen and (max-width:767px){
#renewOC .sectionSemiBlock {
margin-bottom: 50px;
}
}
#renewOC .contentsBlock {
margin-bottom: 50px;
}
@media only screen and (max-width:767px){
#renewOC .contentsBlock {
margin-bottom: 45px;
}
}
#renewOC .contentsSemiBlock {
margin-bottom: 40px;
}
#renewOC .normalBlock {
margin-bottom: 30px;
}
#renewOC .semiBlock {
margin-bottom: 20px;
}
#renewOC .miniBlock {
margin-bottom: 10px;
}
#renewOC .minimumBlock {
margin-bottom: 5px;
}
/*-------------------------------------*/
#renewOC .u-center {
text-align: center;
}
#renewOC .u-right {
text-align: right;
}
#renewOC .u-left {
text-align: left;
}
/*-------------------------------------*/
#renewOC .u-fwBold {
font-weight: bold;
}
#renewOC .u-fwNomal {
font-weight: normal;
}
#renewOC .u-fsItalic {
font-style: italic;
}
#renewOC .u-textSkew {
transform: skewX(-10deg);
}
/*-------------------------------------*/
#renewOC .hidden {
overflow: hidden;
}
#renewOC .dpInlineBlock {
display: inline-block;
}
#renewOC .dpBlock {
display: block;
}
#renewOC .dpNone {
display: none;
}
/*-------------------------------------*/
#renewOC .areaInner{
width: 90%;
margin-left: auto;
margin-right: auto;
max-width: 1100px;
}
@media screen and (max-width:767px){
#renewOC .stepmainTtl{
margin-bottom: 20px;
}
}
#renewOC .stepmainTtl .img{
max-width: 391px;
width: 70%;
margin-left: auto;
margin-right: auto;
}
#renewOC .stepmainTtl .txt{
font-size: 4rem;
letter-spacing: normal;
}
@media screen and (max-width:767px){
#renewOC .stepmainTtl .txt{
font-size: 2.2rem;
}
}
#renewOC .stepTtl {
z-index: 1;
}
#renewOC .stepTtl .inner{
width : 542px;
max-width: 100%;
height : 76px;
line-height: 76px;
border-radius : 25px;
font-size: 2.4rem;
}
@media screen and (max-width:767px){
#renewOC .stepTtl .inner{
width : 80%;
height : 50px;
line-height: 50px;
border-radius : 15px;
font-size: 2rem;
}
}
#renewOC .stepSubTtl {
font-size: 2rem;
}
@media screen and (max-width:767px){
#renewOC .stepSubTtl {
font-size: 1.6rem;
}
}
#renewOC .daySelect{
padding: 75px 25px 35px 35px;
border-radius: 8px;
margin-top: -38px;
}
@media screen and (max-width:767px){
#renewOC .daySelect{
padding: 45px 10px 20px 15px;
margin-top: -25px;
}
}
#renewOC .daySelect .bl_selectBlock_check,
#renewOC .gakkaSelect .bl_selectBlock_check{
margin-right: 10px;
}
@media screen and (max-width:767px){
#renewOC .daySelect .bl_selectBlock_check,
#renewOC .gakkaSelect .bl_selectBlock_check{
margin:0 5px 5px 0;
}
}
#renewOC .daySelect .bl_selectBlock_check input[type="checkbox"],
#renewOC .gakkaSelect .bl_selectBlock_check input[type="checkbox"]{
opacity: 0;
width: 0;
height: 0;
display: block;
}
#renewOC .daySelect .bl_selectBlock_check input[type="checkbox"] + label{
display: inline-block;
font-size: 2.4rem;
letter-spacing: normal;
border: 2px solid #e6e6e6;
width : 163px;
height : 60px;
line-height: 54px;
padding-left: 15px;
border-radius : 30px;
transition: all 0.3s ease;
}
@media screen and (max-width:767px){
#renewOC .daySelect .bl_selectBlock_check input[type="checkbox"] + label{
font-size: 1.5rem;
width : 99px;
height : 40px;
line-height: 34px;
}
}
#renewOC .gakkaSelect .bl_selectBlock_check input[type="checkbox"] + label{
display: inline-block;
font-size: 1.8rem;
letter-spacing: normal;
border: 2px solid #e6e6e6;
width :260px;
height : 75px;
border-radius : 20px;
transition: color 0.3s ease,border 0.3s ease;
}
@media screen and (max-width:767px){
#renewOC .gakkaSelect .bl_selectBlock_check input[type="checkbox"] + label{
font-size: 1.4rem;
width :163px;
height :50px;
border-radius : 10px;
}
}
#renewOC .daySelect .bl_selectBlock_check input[type="checkbox"] + label:hover,
#renewOC .daySelect .bl_selectBlock_check input[type="checkbox"]:checked + label,
#renewOC .gakkaSelect .bl_selectBlock_check input[type="checkbox"] + label:hover,
#renewOC .gakkaSelect .bl_selectBlock_check input[type="checkbox"]:checked + label{
border: 2px solid #de0975;
color: #de0975;
}
#renewOC .daySelect .bl_selectBlock_check input[type="checkbox"] + label:after,
#renewOC .gakkaSelect .bl_selectBlock_check input[type="checkbox"] + label:after {
content: "";
position: absolute;
transition: all 0.2s;
top:15px;
left:18px;
opacity: 0;
width:10px;
height:18px;
color: #fff;
border-bottom: 4px solid #de0975;
border-right: 4px solid #de0975;
transform: rotate(-180deg);
}
@media screen and (max-width:767px){
#renewOC .daySelect .bl_selectBlock_check input[type="checkbox"] + label:after,
#renewOC .gakkaSelect .bl_selectBlock_check input[type="checkbox"] + label:after {
top:12px;
left:10px;
width:5px;
height:10px;
color: #fff;
border-bottom: 2px solid #de0975;
border-right: 2px solid #de0975;
}
}
#renewOC .gakkaSelect .bl_selectBlock_check input[type="checkbox"] + label:after {
top:24px;
}
@media screen and (max-width:767px){
#renewOC .gakkaSelect .bl_selectBlock_check input[type="checkbox"] + label:after {
top:15px;
}
}
#renewOC .daySelect .bl_selectBlock_check input[type="checkbox"]:checked + label::after,
#renewOC .gakkaSelect .bl_selectBlock_check input[type="checkbox"]:checked + label::after{
transform: rotate(40deg);
opacity: 1;
}
#renewOC .daySelect .bl_selectBlock_check input[type="checkbox"] + label .week{
font-size: 1.4rem;
font-weight: normal;
margin-left:5px;
}
@media screen and (max-width:767px){
#renewOC .daySelect .bl_selectBlock_check input[type="checkbox"] + label .week{
font-size: 1rem;
margin-left: 2px;
}
}
#renewOC .gakkaSelect .bl_selectBlock_check input[type="checkbox"] + label .txt{
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
text-align: center;
line-height: 1.2;
z-index: 1;
white-space: nowrap;
}
#renewOC .gakkaSelect .bl_selectBlock_check input[type="checkbox"] + label .icon{
font-family: 'PT Sans', sans-serif;
color: #e6e6e6;
font-size: 3.6rem;
top: 50%;
right: 15px;
transform: translate(0,-50%); 
transition: color 0.3s ease, opacity 0.3s ease;
}
#renewOC .gakkaSelect .bl_selectBlock_check input[type="checkbox"] + label:hover .icon,
#renewOC .gakkaSelect .bl_selectBlock_check input[type="checkbox"]:checked + label .icon{
color: #de0975;
opacity: 0.25;
}
#renewOC .checkStyle.dpNone.on {
display: block !important;
}

#renewOC .checkStyle input[type="checkbox"]{
opacity: 0;
width: 0;
height: 0;
display: block;
}
#renewOC .checkStyle input[type="checkbox"] + label{
display: inline-block;
font-size: 16px;
margin-right: 20px;
}
@media screen and (max-width:767px){
#renewOC .checkStyle input[type="checkbox"] + label{
margin-right:15px;
}
}
#renewOC .checkStyle input[type="checkbox"] + label:before,
#renewOC .checkStyle input[type="checkbox"] + label:after {
content: "";
position: absolute;
transition: all 0.2s;
}
#renewOC .checkStyle input[type="checkbox"] + label:before {
top:5px;
left: 0;
z-index: 0;
width: 16px;
height: 16px;
box-sizing: border-box;
border: 1px solid #000;
}
@media screen and (max-width:767px){
#renewOC .checkStyle input[type="checkbox"] + label:before {
top:4px;
width:12px;
height:12px;
}
}
#renewOC .checkStyle input[type="checkbox"]:checked + label::before {
border: 1px solid #de0975;
background: #de0975;
}
#renewOC .checkStyle input[type="checkbox"] + label:after {
top:4px;
left:5px;
opacity: 0;
width:6px;
height:14px;
color: #fff;
border-bottom: 2px solid #fff;
border-right: 2px solid #fff;
transform: rotate(-180deg);
}
@media screen and (max-width:767px){
#renewOC .checkStyle input[type="checkbox"] + label:after {
top: 4px;
left: 4px;
width: 4px;
height: 9px;
}
}
#renewOC .checkStyle input[type="checkbox"]:checked + label::after {
transform: rotate(40deg);
opacity: 1;
}
#renewOC .checkStyle input[type="checkbox"] + label .txt{
padding-left: 24px;
}
@media screen and (max-width:767px){
#renewOC .checkStyle input[type="checkbox"] + label .txt{
padding-left: 18px;
font-size: 1.3rem;
}
}
#renewOC .resultNum{
font-size: 2rem;
}
#renewOC .openMenu{
width: 240px;
height: 40px;
line-height: 40px;
border-radius: 40px;
font-size: 1.3rem;
background: #000;
cursor: pointer;
}
#renewOC .openMenu:before,
#renewOC .openMenu:after{
content: "";
position: absolute;
top: 50%;
right: 20px;
width: 16px;
height: 2px;
transform: translate(0,-50%);
background: #fff;
}
#renewOC .openMenu:after{
transform: translate(0,-50%) rotate(90deg);
transition: all 0.3s ease;
}
#renewOC .openMenu.open:after{
transform: translate(0,-50%) rotate(0deg);
}
#renewOC .eventSelect{
padding: 75px 0;
margin-top: -38px;
}
#renewOC .serchResult .eventBox{
padding: 40px 25px;
background: #fff;
border-radius : 8px;
letter-spacing: normal;
}
@media screen and (max-width:767px){
#renewOC .serchResult .eventBox{
padding: 20px 15px;
}
}
#renewOC .serchResult .eventBox a:link,
#renewOC .serchResult .eventBox a:visited
{
color:#000;
text-decoration:none;
transition: all 0.3s ease;
}
#renewOC .serchResult .eventBox a:hover,
#renewOC .serchResult .eventBox a:active
{
color:#de0975;
text-decoration:none;
}
#renewOC .serchResult .eventBox.js_target{
display: none;
}
#renewOC .serchResult .eventBox.js_target.js_selected{
display: block;
}
#renewOC .serchResult .eventBox .img{
width: 350px;
}
@media screen and (max-width:980px){
#renewOC .serchResult .eventBox .img{
width: 220px;
}
}
@media screen and (max-width:767px){
#renewOC .serchResult .eventBox .img{
width: 100%;
margin-bottom: 20px;
}
}
#renewOC .serchResult .eventBox .txtBox{
width: calc(100% - 375px);
}
@media screen and (max-width:980px){
#renewOC .serchResult .eventBox .txtBox{
width: calc(100% - 240px);
}
}
@media screen and (max-width:767px){
#renewOC .serchResult .eventBox .txtBox{
width: 100%;
}
}
#renewOC .serchResult .eventBox .txtBox .eventTtl{
font-size: 1.8rem;
}
#renewOC .serchResult .eventBox .txtBox .day{
padding-left: 28px;
background: url("/open-campus/files/icon-eventdate.svg") left 2px no-repeat;
background-size: 20px auto;
min-height: 20px;
font-size: 1.6rem;
}
#renewOC .serchResult .eventBox .txtBox .day .dayIn{
margin-right: 0.8em;
display: inline-block;
}
#renewOC .serchResult .eventBox .txtBox .day .dayIn.dpNone{
display: none !important;
}
#renewOC .serchResult .eventBox .txtBox .day .dayIn .busIcon{
width:21px;
top: -2px;
}
#renewOC .serchResult .eventBox .txtBox .day .week{
font-size: 1.2rem;
}
#renewOC .serchResult .eventBox .txtBox .day .week0{
color:#ff0000;
}
#renewOC .serchResult .eventBox .txtBox .day  .week6{
color:#0d30d0;
}
#renewOC .serchResult .eventBox .txtBox .day .holiday{
color:#ff0000!important;
}
#renewOC .serchResult .eventBox .txtBox .time{
padding-left: 28px;
background: url("/open-campus/files/icon-eventtime.svg") left 2px no-repeat;
background-size: 20px auto;
margin-right: 24px;
font-size: 1.6rem;
}
#renewOC .serchResult .eventBox .txtBox .place{
padding-left: 28px;
background: url("/open-campus/files/icon-eventplace.svg") left 2px no-repeat;
background-size: 20px auto;
margin-right: 24px;
font-size: 1.6rem;
}
#renewOC .serchResult .eventBox .txtBox .cate{
margin-right:0.5em;
font-size: 1.6rem;
}
#renewOC .serchResult .eventBox .txtBox .cate a:link,
#renewOC .serchResult .eventBox .txtBox .cate a:visited
{
text-decoration:underline;
}
#renewOC .serchResult .eventBox .txtBox .cate a:hover,
#renewOC .serchResult .eventBox .txtBox .cate a:active
{
color: #000;
text-decoration:none;
}
#renewOC .serchResult .eventBox .lavel a{
margin-right:0.2em;
font-size: 1rem;
display: inline-block;
padding: 0 10px;
height: 24px;
line-height: 24px;
border-radius: 24px;
}
@media screen and (max-width:767px){
#renewOC .serchResult .eventBox .lavel a{
font-size: 0.8rem;
padding: 0 5px;
}
}
#renewOC .serchResult .eventBox .lavel.cd a{
background: linear-gradient(#602D91 0%, #EE1C23 100%);
}
#renewOC .serchResult .eventBox .lavel.gd a{
background: #E2350C;
}
#renewOC .serchResult .eventBox .lavel.vi a{
background: #16AB54;
}
#renewOC .serchResult .eventBox .lavel.il a{
background: #FD622B;
}
#renewOC .serchResult .eventBox .lavel.ci a{
background: #7AC621;
}
#renewOC .serchResult .eventBox .lavel.mg a{
background: #FAAA13;
}
#renewOC .serchResult .eventBox .lavel.fid a{
background: #27D0CC;
}
#renewOC .serchResult .eventBox .lavel.pd a{
background: #00A5F4;
}
#renewOC .serchResult .eventBox .lavel.id a{
background: #376CB5;
}
#renewOC .serchResult .eventBox .lavel.ad a{
background: #7C56A7;
}
#renewOC .serchResult .eventBox .lavel.fad a{
background: #FA5CA6;
}
#renewOC .serchResult .eventBox .lavel a:hover{
background: #000;
}
#renewOC .serchResult .eventBox .lavel a:link,
#renewOC .serchResult .eventBox .lavel a:visited
{
color: #fff;
}
#renewOC .serchResult .eventBox .lavel a:hover,
#renewOC .serchResult .eventBox .lavel a:active
{
color: #fff;
}
#renewOC .serchResult .eventBox .ocNote{
font-size: 1.6rem;
height: 7em;
}
#renewOC .moreBtn a{
font-size: 1.4rem;
width: 150px;
height: 50px;
line-height: 48px;
border-radius: 50px;
background: #000;
letter-spacing: 0.1rem;
}
#renewOC .moreBtn a:hover{
background: #de0975;
}
#renewOC .serchResult .eventBox .moreBtn a:link,
#renewOC .serchResult .eventBox .moreBtn a:visited
{
color: #fff;
}
#renewOC .serchResult .eventBox .moreBtn a:hover,
#renewOC .serchResult .eventBox .moreBtn a:active
{
color: #fff;
}
/*詳細ページ*/
#renewOC.post{
padding-top: 0;
line-height: 1.8;
}
#renewOC.post .serchResult{
padding:60px 0 120px;
}
@media screen and (max-width:767px){
#renewOC.post .serchResult{
padding:80px 0;
}
}
#renewOC.post .areaInner{
max-width: 980px;
padding: 40px;
}
@media screen and (max-width:767px){
#renewOC.post .areaInner{
padding: 20px 15px;
}
}
#renewOC.post .eventTtl{
font-size: 2.5rem;
}
@media screen and (max-width:767px){
#renewOC.post .eventTtl{
font-size: 1.8rem;
margin-bottom: 10px;
}
}
#renewOC.post .topInfo .img{
width: 40%;
}
@media screen and (max-width:767px){
#renewOC.post .topInfo .img{
width: 100%;
margin-bottom: 20px;
}
}
#renewOC.post .topInfo .txtBox{
width: 55%;
}
@media screen and (max-width:767px){
#renewOC.post .topInfo .txtBox{
width: 100%;
}
}
#renewOC.post .topInfo .ttl,
#renewOC.post .infoBox .ttl{
width: 140px;
height: 40px;
line-height: 40px;
}
#renewOC.post .infoBox .ttl.free{
width:auto;
min-width: 140px;
padding:0 20px;
display: inline-block;
}
@media screen and (max-width:767px){
#renewOC.post .topInfo .ttl,
#renewOC.post .infoBox .ttl{
font-size: 1.3rem;
height: 30px;
line-height: 30px;
}
}
#renewOC.post .topInfo .txtBox .ttl{
width: 80px;
}
@media screen and (max-width:767px){
#renewOC.post .topInfo .txtBox .ttl{
width: 70px;
}
}

#renewOC.post .topInfo .txtBox .note{
width: calc(100% - 100px);
position: relative;
top:4px;
}
@media screen and (max-width:767px){
#renewOC.post .topInfo .txtBox .note{
width: calc(100% - 85px);
top:5px;
font-size: 1.3rem;
line-height: 1.5;
letter-spacing: normal;
}
}
#renewOC.post .topInfo .note .dayIn{
margin-right: 0.5em;
display: inline-block;
}
#renewOC.post .topInfo .note .dayIn.dpNone{
display: none !important;
}
#renewOC.post .topInfo .note .dayIn .busIcon{
width:21px;
top: -6px;
}
#renewOC.post .topInfo .note .week{
font-size: 1.2rem;
}
#renewOC.post .topInfo .note .week0{
color:#ff0000;
}
#renewOC.post .topInfo .note .week6{
color:#0d30d0;
}
#renewOC.post .topInfo .note .holiday{
color:#ff0000!important;
}
#renewOC.post .form.oc .dpNone.on{
display: block;
}
/*postNote*/
#renewOC.post .postNote iframe {
width: 100%;
height: auto;
aspect-ratio: 16 / 9;
max-width: 600px;
display: block;
margin: 20px 0;
}
#renewOC.post .postNote{
word-break: break-all;
}
#renewOC.post .postNote p,
#renewOC.post .postNote ul,
#renewOC.post .postNote ol{
margin-bottom: 20px;
}
#renewOC.post .postNote p:last-child{
margin-bottom: 0;
}
#renewOC.post .postNote img{
max-width: 100%;
height: auto;
margin-bottom: 20px;
}
#renewOC.post .postNote ul li{
list-style-type: disc;
list-style-position: outside;
margin-left: 1em;
}
#renewOC.post .postNote ol li{
list-style-type: decimal;
list-style-position: outside;
margin-left: 1em;
}
#renewOC.post .postNote h2{
font-size: 2.6rem;
line-height: 1.5;
font-weight: bold;
text-decoration: underline;
text-decoration-thickness: 8px;
text-decoration-color: #de0975;
text-underline-offset: -3px;
text-decoration-skip-ink: none;
margin-bottom: 20px;
}
#renewOC.post .postNote h3{
font-size:2.2rem;
line-height: 1.5;
font-weight: bold;
margin-bottom: 20px;
}
#renewOC.post .postNote h4{
font-size:1.8rem;
line-height: 1.5;
font-weight: bold;
margin-bottom: 20px;
}
#renewOC.post .postNote h5{
font-size:1.6rem;
line-height: 1.5;
font-weight: bold;
margin-bottom: 20px;
padding-left: 14px;
position: relative;
}
#renewOC.post .postNote h5:before{
content: "";
position: absolute;
top: 1.1rem;
left: 0;
width: 7px;
height: 3px;
background: #de0975;
}
#renewOC.post .postNote .block{
margin-bottom: 65px;
}
#renewOC.post .formTtl{
font-size: 2.2rem;
}
#renewOC.post .formTtl{
font-size: 2.2rem;
}
@media screen and (max-width:767px){
#renewOC.post .formTtl{
font-size: 1.6rem;
}
}
@media screen and (max-width:767px){
#renewOC.post .formIn{
margin-bottom: 30px;
}
}
#renewOC.post .form dl dt{
width:35%;
box-sizing: border-box;
}
@media screen and (max-width:767px){
#renewOC.post .form dl dt{
width:100%;
padding:0 0 10px;
font-size: 1.5rem;
}
}
#renewOC.post .form dl .icon{
padding: 1px 5px 2px;
margin-left: 7px;
top: -3px;
background: #ff0000;
font-size: 1.1rem;
font-weight: normal;
}
#renewOC.post .form dl dd{
width:65%;
padding-right:30px;
box-sizing: border-box;
}
#renewOC.post .form.oc dl dd{
padding: 0;
}
@media screen and (max-width:767px){
#renewOC.post .form dl dd{
width:100%;
padding: 0;
}
}
#renewOC.post .form dl dd .l-row .input{
width: 48.5%;
}
#renewOC.post .form select{
color:#000;
font-size: 16px;
border:1px solid #000;
border-radius: 0;
padding: 0 60px 0 15px;
height: 60px;
width: 100%;
box-sizing:border-box;
-webkit-appearance: none;
cursor:pointer;
vertical-align:middle;
}
@media screen and (max-width:767px){
#renewOC.post .form select{
height: 45px;
}
}
#renewOC.post .form select{
background: url(/open-campus/files/contact-select.gif) no-repeat right center #fff;
background-size: auto 60px;
}
@media screen and (max-width:767px){
#renewOC.post .form select{
background: url(/open-campus/files/contact-select.gif) no-repeat right center #fff;
background-size: auto 45px;
}
}
#renewOC.post  .formLinkBtn a{
font-size: 1.8rem;
width: 350px;
height: 70px;
line-height: 68px;
border-radius: 50px;
background: #000;
letter-spacing: 0.1rem;
margin: 0 auto;
display: block;
}
@media screen and (max-width:767px){
#renewOC.post  .formLinkBtn a{
font-size: 1.6rem;
width: 100%;
height: 50px;
line-height: 48px;
}
}
#renewOC.post  .formLinkBtn a:hover{
background: #de0975;
}
#renewOC.post  .serchResult .eventBox .formLinkBtn a:link,
#renewOC.post  .serchResult .eventBox .formLinkBtn a:visited
{
color: #fff;
}
#renewOC.post  .serchResult .eventBox .formLinkBtn a:hover,
#renewOC.post  .serchResult .eventBox .formLinkBtn a:active
{
color: #fff;
}
/*交通費サポート*/
#renewOC.post .transportation-support{
padding:70px 0;
}
@media screen and (max-width:767px){
#renewOC.post .transportation-support{
padding:40px 0;
}
}
#renewOC .supportTtl .img{
max-width: 281px;
width: 60%;
margin-left: auto;
margin-right: auto;
}
#renewOC .supportTtl .txt{
font-size: 4rem;
letter-spacing: normal;
}
@media screen and (max-width:767px){
#renewOC .supportTtl .txt{
font-size: 2.2rem;
}
}
#renewOC .supportSubTtl{
font-size: 1.8rem;
}
#renewOC .supportTable{
max-width: 600px;
}
#renewOC .supportTable table{
margin-bottom: 10px;
width: 100%;
}
#renewOC .supportTable th{
background: #FCE7F2;
border: 1px solid #fff;
padding:10px  20px;
width: 50%;
font-size: 1.6rem;
font-weight: bold;
vertical-align: middle;
}
@media screen and (max-width:767px){
#renewOC .supportTable th{
padding:10px;
width: 60%;
font-size: 1.3rem;
line-height:1.4;
}
}
#renewOC .supportTable td{
background: #f6f6f6;
border: 1px solid #fff;
padding:10px  20px;
width: 50%;
font-size: 1.6rem;
font-weight: bold;
vertical-align: middle;
}
@media screen and (max-width:767px){
#renewOC .supportTable td{
padding:10px;
width: 40%;
font-size: 1.3rem;
line-height:1.4;
}
}
#renewOC .miniTxt{
font-size: 1.2rem;
}