@charset "utf-8";

/* 
ーーーーーーーーーーーーーーーーーーーーーーーーーーー */
.opencampus h1,h2,h3 { line-height: 1.5em; }
.opencampus p { font-size: 16px; line-height: 1.5em; }
.opencampus li { font-size: 16px; line-height: 1.5em; }


/* 
ーーーーーーーーーーーーーーーーーーーーーーーーーーー */
.op_senyou #sticky-bar-menu li a {
    box-shadow: rgb(0 0 0 / 30%) 0px 8px 10px 2px;
    border-radius: 35px 0 0 35px;
}

/* トップ
ーーーーーーーーーーーーーーーーーーーーーーーーーーー */
.op_header {
width: 100%;
max-width: 2000px; 
margin: 0 auto;
padding: 0 0 30px 0;
background-image: url(../images/op/op_header_main_pc.jpg);
background-size:cover;
}

.op_header .main_mb { display: none; }

.op_header .title { max-width: 600px; }
.op_header .title .pc img { position: relative; top: 0; left: -10%; }
.op_header .title .mb img { display: none; }

.op_header .day_box { max-width: 300px; margin-left: 40px; }
.op_header .day_box h2 { font-size: 40px; line-height: 1.5em; color: #cf737a; text-align: left!important; margin-bottom: 0; }
.op_header .day_box .course { font-size: 20px; font-weight: bold; line-height: 1.5em; color: #cf737a; padding: 5px 0; border-top: 2px solid #cf737a; border-bottom: 2px solid #cf737a; }

@media screen and (max-width: 767px) {
.op_header {
background-image: none;
padding: 0;
}
.op_header .main_mb { display: block; }
.op_header .text_dox{ display: flex; align-items: center; padding: 30px 10px; background: #fff; }
.op_header .title .pc img { display: none!important; }
.op_header .title .mb img { display: block; width: 100%; max-width: 300px; }
.op_header .day_box { max-width: 100%; margin-left: 0; }
.op_header .day_box h2 { font-size: 7vw; }
.op_header .day_box .course { font-size: 4.5vw; }
}

/* 参加メリット
ーーーーーーーーーーーーーーーーーーーーーーーーーーー */
.merit { background: rgba(207, 114, 122, 0.3); border-top: 3px solid #cf737a; border-bottom: 3px solid #cf737a; }

.sanka { max-width: 1000px; margin: 0 auto 80px auto; padding: 0 15px; text-align: center; z-index: 1; }

.merit .point_back {
width: 100%;
max-width: 1200px;
margin: 0 auto;
background-image: url(../images/op/point_back.png),url(../images/op/point_back.png);
background-position: -5% 30%,110% 10%;
}
@media screen and (max-width: 1200px) {
.merit .point_back { background-size: 40vw; }
}

.merit .point_box {
width: 100%;
max-width: 1000px;
margin: 0 auto 30px auto;
display: flex;
justify-content: space-between;
}
.merit .point_box .point {
width: 100%;
text-align: center;
padding: 10px;
}
.merit .point_box .point p {
margin-bottom: 0;
}
.merit .point_box .point img {
display: block;
text-align: center;
margin: 0 auto 20px auto;
}

@media screen and (max-width: 767px) {
.merit .point_back { background-image: none; }
.merit .point_box .point p { text-align: left; }
.merit .point_box .point p br { display: none; }
}
@media screen and (max-width: 500px) {
.merit .point_box { display: block; }
}

/* プログラム
ーーーーーーーーーーーーーーーーーーーーーーーーーーー */
.program { max-width: 1000px; margin: 0 auto 50px auto; padding: 0 15px; text-align: center; }

.program_box { 
width: 100%;
max-width: 1000px;
margin: 0 auto;
padding: 0 15px;
}

/* プログラム時間 */
.program_box .time ul {
max-width: 500px;
margin: 0 auto 30px auto;
border-top: 1px solid #cf737a;
}
.program_box .time li {
font-size: 25px;
font-weight: bold;
text-align: right;
padding: 15px 0;
border-bottom: 1px solid #cf737a;
}
.program_box .time li span { float: left; }
.program_box .time li .am img:nth-child(1)  { margin-right: 10px; }
.program_box .time li .pm img { margin-left: 70px; }

.program_box .time p { 
color: #cf737a;
text-align: center;
margin-bottom: 15px;
}

.program_box .news_btn a {
display: block;
max-width: 170px;
margin: 0 auto 30px auto;
padding: 10px;
border-radius: 24px;
font-size: 14px;
font-weight: bold;
text-align: center;
background: #d4b567;
color: #fff;
}
.program_box .news_btn a:hover { cursor: pointer; opacity: 0.8; }

.delta {
background: #cf737a;
width: 20px;
height: 15px;
clip-path: polygon(0 0, 100% 0%, 50% 100%);
-webkit-clip-path: polygon(0 0, 100% 0%, 50% 100%);
margin: 0 auto 10px auto;
}

@media screen and (max-width: 550px) {
.program_box .time li { font-size: 18px; text-align: left; }
.program_box .time li span { margin-right: 10px; }
}

/* プログラムタイトル */
.program_box .no { max-width: 1000px; margin: 0 auto; text-align: center; }
.program_box .no h2 { font-size: 28px; color: #cf737a; }
.program_box .no p { margin-bottom: 0!important; }
.program_box .no img { margin-bottom: 10px; }
.program_box .no .dotted { text-align: center; }

/* プログラム1 */
.program_box .shien {
background-image: url(../images/op/program_dotted_02.svg);
background-position: center;
}
.program_box .shien ul { display: flex; }
.program_box .shien ul:last-child { margin-bottom: 0; }
.program_box .shien li { width: 50%; padding-right: 10px; }
.program_box .shien li:nth-child(2) { padding-right: 0; padding-left: 10px; }

@media screen and (max-width: 767px) {
.program_box .shien { background-image: none; }
.program_box .shien ul { display: block; }
.program_box .shien li { width: 100%; max-width: 500px; margin: 0 auto 15px auto; padding-right: 0; }
.program_box .shien li:nth-child(2) { padding-left: 0; }
}

/* プログラム2 */
.program_box .course_01 {
display: flex;
margin-bottom: 50px;
position: relative;
}
.course_01 .back {
width: 700px;
height: 250px;
background: #f6f0e1;
position: absolute;
right: 0;
}
.course_01 .photo { width: 50%; padding-top: 30px; z-index: 1; }
.course_01 .text_box { width: 50%; padding: 30px 100px 30px 30px; }
.course_01 .text_box h2 { font-family: serif; font-size: 30px; text-align: left!important; }
.course_01 .text_box h2 span { font-size: 20px; }
.course_01 .text_box p { text-align: left!important; margin-bottom: 0!important; line-height: 2em; }

.program_box .course_02 {
display: flex;
margin-bottom: 50px;
position: relative;
}
.course_02 .back {
width: 700px;
height: 250px;
background: #f6f0e1;
position: absolute;
left: 0;
}
.course_02 .photo { width: 50%; padding-top: 30px; z-index: 1; }
.course_02 .text_box { width: 50%; padding: 30px 30px 30px 100px; }
.course_02 .text_box h2 { font-family: serif; font-size: 30px; text-align: left!important; }
.course_02 .text_box h2 span { font-size: 20px; }
.course_02 .text_box p { text-align: left!important; margin-bottom: 0!important; line-height: 2em; }

.c_blue { color: #2d6aae; }
.b_blue { width: 500px; float: right; border-bottom: 1px solid #2d6aae; }

.c_pink { color: #f09192; }
.b_pink { width: 500px; float: left; border-bottom: 1px solid #f09192; }

.c_orange { color: #e7a100; }
.b_orange { width: 500px; float: right; border-bottom: 1px solid #e7a100; }

.c_violet { color: #a688bd; }
.b_violet { width: 500px; float: left; border-bottom: 1px solid #a688bd; }

.c_green { color: #85b83a; }
.b_green { width: 500px; float: right; border-bottom: 1px solid #85b83a; }

@media screen and (max-width: 767px) {
.program_box .course_01 { display: block; max-width: 500px; margin: 0 auto 50px auto; background: #f6f0e1; padding: 15px; border-radius: 20px; }
.program_box .course_sp { margin-bottom: 0; }
.course_01 .back { display: none; }
.course_01 .photo { width: 100%; padding-top: 0; padding-right: 0; margin-bottom: 15px; }
.course_01 .text_box { width: 100%; padding: 0; }
	
.program_box .course_02 { flex-direction: column-reverse; max-width: 500px; margin: 0 auto 50px auto; background: #f6f0e1; padding: 15px; border-radius: 20px; }
.course_02 .back { display: none; }
.course_02 .photo { width: 100%; padding-top: 0; padding-right: 0; margin-bottom: 15px; }
.course_02 .text_box { width: 100%; padding: 0; }

.b_blue,.b_pink,.b_orange,.b_violet,.b_green{ width: 100%; float: none; }
}

/* プログラム3 */
.program_box .taiken { margin-bottom: 50px; }
.program_box .taiken_sp { margin-bottom: 0; }

.taiken .back_01 {
background-image: url(../images/top/bgimg_star01.png);
background-position: 20px 70%;
}
.taiken .back_02 {
background-image: url(../images/top/bgimg_star01.png);
background-position: 150px 80%;
}
.taiken .back_03 {
background-image: url(../images/top/bgimg_star01.png);
background-position: 300px 90%;
}
.taiken .back_04 {
background-image: url(../images/top/bgimg_star01.png);
background-position: 80px 90%;
}
.taiken .back_05 {
background-image: url(../images/top/bgimg_star01.png);
background-position: 320px 90%;
}
@media screen and (max-width: 970px) {
.taiken .back_01 { background-size: 40vw; }
.taiken .back_02 { background-size: 40vw; }
.taiken .back_03 { background-size: 40vw; }
.taiken .back_04 { background-size: 40vw; }
.taiken .back_05 { background-size: 40vw; }
}

.taiken .photo { max-width: 500px; margin: 0 auto; }

.taiken .text_box_01 {
max-width: 400px;
background: #fff;
border-top: 2px solid #cf737a;
border-bottom: 2px solid #cf737a;
padding: 10px 20px;
margin: -30px 0 0 70px;
}
.taiken .text_box_01 h3 { font-family: serif; font-size: 24px; color: #cf737a; margin-bottom: 0; }

.taiken .text_box_02 {
max-width: 400px;
background: #fff;
border-top: 2px solid #cf737a;
border-bottom: 2px solid #cf737a;
padding: 10px 20px;
margin: -30px 70px 0 auto;
}
.taiken .text_box_02 h3 { font-family: serif; font-size: 24px; color: #cf737a; margin-bottom: 0; }

@media screen and (max-width: 767px) {
.taiken .back_01 { background-image: none; }
.taiken .back_02 { background-image: none; }
.taiken .back_03 { background-image: none; }
.taiken .back_04 { background-image: none; }
.taiken .back_05 { background-image: none; }
.taiken .text_box_01 { max-width: 500px; margin: 0 auto; }
.taiken .text_box_02 { max-width: 500px; margin: 0 auto; }
}

/* プログラム4 */
.program_box .talk {
display: flex;
max-width: 1000px;
margin: 0 auto;
padding: 100px;
}
.program_box .talk_sp { margin-bottom: -80px; }
.talk_back {
background-image: url(../images/op/point_back.png),url(../images/op/point_back.png);
background-position: 0% 30%,100% 70%;
}
@media screen and (max-width: 970px) {
.talk_back { background-size: 40vw; }
}
.talk .photo { padding-right: 10px; }
.talk .photo:nth-child(2) { padding-right: 0; padding-left: 10px; }

@media screen and (max-width: 767px) {
.program_box .talk { display: block; padding: 0; margin-top: 20px; }
.program_box .talk_sp { margin-bottom: 0; }
.talk_back  { background-image: none; }
.talk .photo { max-width: 500px; margin: 0 auto 20px auto; padding-right: 0; margin-bottom: 20px; }
.talk .photo:nth-child(2) { padding-left: 0; margin-bottom: 0; }
}

/* プログラム5 */
.nyushi_sp { margin-top: -100px; }
@media screen and (max-width: 767px) {
.nyushi_sp { margin-top: 0; }
}

/* プログラム6 */
.program_box .soudan span { color: #cf737a; }

.program_box .setumei a {
display: block;
max-width: 300px;
padding: 10px;
border-radius: 24px;
font-size: 14px;
font-weight: bold;
text-align: center;
background: #d4b567;
color: #fff;
}
.program_box .setumei a:hover { cursor: pointer; opacity: 0.8; }

.program_box .setumei {
display: flex;
background: #f6f0e1;
padding: 20px;
border-radius: 20px;
margin: 0 auto 70px auto;
}
.setumei .text_box { margin-left: 20px; }
.setumei .text_box h3 { font-size: 28px; color: #cf737a; margin-bottom: 10px; }
.setumei .text_box p { margin-bottom: 15px; }

@media screen and (max-width: 767px) {
.program_box .setumei { display: block; max-width: 500px; }
.setumei .text_box { margin-left: 0; margin-top: 20px; }
}

/* 参加者の声
ーーーーーーーーーーーーーーーーーーーーーーーーーーー */
.voice_01 {
max-width: 1200px;
margin: 0 auto;
padding: 100px 15px 0 15px;
margin-top: -150px;
text-align: center;
background-image: url(../images/op/point_back.png),url(../images/op/point_back.png);
background-position: 0% 50%,100% -20%;
}
@media screen and (max-width: 970px) {
.voice_01 { background-size: 40vw; }
}
.voice_01 .mb { display: none; }

.voice_02 {
max-width: 1000px;
margin: 0 auto 50px auto;
padding: 0 15px;
margin-top: -50px;
text-align: center;
}
.voice_02 .mb { display: none; }

@media screen and (max-width: 767px) {
.voice_01 { padding: 0 15px 0 15px; margin-top: 0; background-image: none; }
.voice_01 .pc { display: none; }
.voice_01 .mb { display: block; margin: 0 auto; }
.voice_02 { margin-top: 0; }
.voice_02 .pc { display: none; }
.voice_02 .mb { display: block; margin: 20px auto 0 auto; }
}

/* 開催日程
ーーーーーーーーーーーーーーーーーーーーーーーーーーー */
.nittei { max-width: 1000px; margin: 0 auto; }

.nittei .day {
display: flex;
justify-content: center;
max-width: 1000px;
margin: 0 auto;
padding: 0 15px;
}

.day .back {
width: 200px;
height: 200px;
margin-right: 20px;
border-radius: 50%;
text-align: center;
background: rgba(207, 114, 122, 0.2);
position: relative;
}
.day_text {
max-width: 180px;
margin: 0 auto;
padding-top: 30px;
}
.day_text h3 { font-size: 40px; color: #111; margin-bottom: 0; }
.day_text h3 span { font-size: 20px; }
.day_text p { font-size: 18px; text-align: left; margin-left: 30px; margin-bottom: 0; }
.day_text .bus { position: absolute; top: 0; }
.day_text .tow img:first-child { margin-right: 10px; }

.nittei .sanka { margin-bottom: 60px; }

.nittei .sougei { margin: 30px auto 60px auto; padding: 0 15px; }
.nittei .sougei a {
display: block;
max-width: 450px; 
margin: 0 auto;
font-size: 24px;
font-weight: bold;
color: #fff;
text-align: center;
background: #d4b567;
border-radius: 40px;
padding: 10px;
}
.nittei .sougei a span {
font-size: 16px;
}
.nittei .sougei a span br {
display: none;
}
.nittei .sougei a:hover { cursor: pointer; opacity: 0.8; }

@media screen and (max-width: 500px) {
.nittei .day { display: block; }
.day .back { margin: 0 auto 20px auto; }
}
@media screen and (max-width: 400px) {
.nittei .sougei a span br { display: block; }
}


/* 参加サポート制度
ーーーーーーーーーーーーーーーーーーーーーーーーーーー */
.support {
display: flex;
max-width: 1000px;
margin: 0 auto 30px auto;
padding: 0 15px;
}
.support:last-child {
margin: 0 auto 80px auto;
}

.support .text_box {
width: 50%;
background: #fff;
padding: 0 20px 20px 20px;
margin-right: 10px;
}
.support .text_box:nth-child(2n) {
margin-right: 0;
margin-left: 10px;
}

.support .text_box a {
display: block;
width: 100%;
margin: 0 auto;
font-size: 18px;
font-weight: bold;
color: #fff;
text-align: center;
background: #d4b567;
border-radius: 40px;
padding: 10px;
}

.support .text_box .title {
display: flex;
align-items: center;
justify-content: flex-start;
border-bottom: 2px solid #cf737a;
margin-bottom: 20px;
padding-bottom: 10px;
}
.support .text_box .title h3 {
font-size: 28px;
line-height: 1.2em;
color: #cf737a;
margin-bottom: 0;
}
.support .text_box .title h3 span { font-size: 16px; }

.support .text_box .title2 {
display: flex;
align-items: center;
justify-content: flex-start;
border-bottom: 2px solid #cf737a;
margin-bottom: 20px;
padding-bottom: 10px;
}
.support .text_box .title2 h3 {
font-size: 28px;
line-height: 1.2em;
color: #cf737a;
margin-bottom: 0;
}
.support .text_box .title2 h3 span { font-size: 16px; }

.support .text_box .title .sp_01 { margin-top: -15px; margin-right: 10px; }
.support .text_box .title2 .mb { display: none; }

.support .text_box p {
font-size: 15px;
line-height: 2em;
margin-bottom: 10px;
}

.support .text_box .pink { color: #fff; background: #cf737a; margin-right: 5px; padding: 5px; }
.support .text_box .yellow { background: linear-gradient(transparent 50%, #fff000 50%); }

@media screen and (max-width: 767px) {
.support{ display: block; }
.support .text_box { width: 100%; max-width: 500px; margin: 0 auto 30px auto; padding: 20px; }
.support .text_box:nth-child(2n) { margin: 0 auto 30px auto; }
.support .text_box .title .sp_01 { margin-top: 0; }
}
@media screen and (max-width: 500px) {
.support .text_box .title2 { display: block; }
.support .text_box .title2 .pc { display: none; }
.support .text_box .title2 .mb { display: inline-block; }
}
@media screen and (max-width: 400px) {
.support .text_box .title { display: block; }
}