@charset "utf-8"; /* mobile----------------------------------------------------*/ @media screen and (max-width: 480px) { .cover{width: 90%; margin: 0 auto;} .seminar_box {width: 90%; margin: 40px auto 20px; border:1px solid #ccc; padding: 4%; position: relative;} .midashi_mon{position: absolute; top:-18px; left: -18px;} .midashi_womon{position: absolute; top:-18px; left: -18px;} .day_box{width: 100%; margin: 20px auto;} .day_shikaku {width: 66%;height: 66%; border:4px solid #0071BC;text-align: center;margin: 0 auto; color: #0071BC;padding: 2%;} .day{font-weight: bold; font-size: 1.6em; margin: 4px auto 10px;} .day_shikaku_w {width: 66%;height: 66%; border:4px solid #FF7676;text-align: center;color: #FF7676; margin: 0 auto;padding: 2%;} .text_box{width: 100%;font-size: 1.1em;} .text_box p{margin: 5px auto;} .seminar_title{font-weight: bold;font-size: 1.4em;} .spre {display: flex;flex-direction: column-reverse;} .schedule_button{margin: 10px auto 0;text-align: center;} .button_s {text-decoration: none;background-image: linear-gradient(#fff,#f5f8fa);border: 1px solid #e6ecf0; border-radius: 4px;color: #393e42;cursor: pointer;display: inline-block; font-size: 14px; font-weight: bold;padding: 6px 20px; position: relative;margin: 20px auto;} .button_s .fa-file-alt{color: #1da1f3;} .button_s:hover{ background-color: #e6ecf0; background-image: linear-gradient(#fff,#e6ecf0); border-color: #e6ecf0;} .koushi_box{width: 100%;text-align: center;margin-bottom: 20px;} .koushi_photo {width: 60%; height: 60%; margin: 20px auto;} .koushi_photo img{border-radius: 50%;width: 100%; height: 100%;box-shadow: 0 0 8px gray;} .koushi_box p{margin: 16px auto 0;} .name{font-weight: bold; font-size: 1.4em;} .seminar_iframe{width: 100%; min-height: 100%; margin: 0 auto;overflow:auto; -webkit-overflow-scrolling:touch; display: inline-block;} .seminar_iframe iframe{margin: 0 auto; width:100%; height:100%; border:none; display:block; overflow-x: hidden;} .text_box dl{width: 100%; display: flex;} .text_box dt{width: 24%; margin-right: 1%;} .text_box dd{width: 75%; } .ss{font-size: 0.8em;} .center{text-align: center;} }/* Tablet---------------------------------------------------*/ @media (min-width: 481px) and (max-width: 768px) { .cover{width: 98%; margin: 0 auto;} .seminar_box {width: 90%; margin: 40px auto 20px; border:1px solid #ccc; padding: 4%; position: relative;} .midashi_mon{position: absolute; top:-18px; left: -18px;} .midashi_womon{position: absolute; top:-18px; left: -18px;} .day_box{width: 100%; margin: 20px auto;} .day_shikaku {width: 66%;height: 66%; border:4px solid #0071BC;text-align: center;margin: 0 auto; color: #0071BC;padding: 2%;} .day{font-weight: bold; font-size: 1.6em; margin: 4px auto 10px;} .day_shikaku_w {width: 66%;height: 66%; border:4px solid #FF7676;text-align: center;color: #FF7676; margin: 0 auto;padding: 2%;} .text_box{width: 100%;font-size: 1.1em;} .text_box p{margin: 5px auto;} .seminar_title{font-weight: bold;font-size: 1.4em;} .spre {display: flex;flex-direction: column-reverse;} .schedule_button{margin: 10px auto 0;text-align: center;} .button_s {text-decoration: none;background-image: linear-gradient(#fff,#f5f8fa);border: 1px solid #e6ecf0; border-radius: 4px;color: #393e42;cursor: pointer;display: inline-block; font-size: 14px; font-weight: bold;padding: 6px 20px; position: relative;margin: 20px auto;} .button_s .fa-file-alt{color: #1da1f3;} .button_s:hover{ background-color: #e6ecf0; background-image: linear-gradient(#fff,#e6ecf0); border-color: #e6ecf0;} .koushi_box{width: 100%;text-align: center;margin-bottom: 20px;} .koushi_photo {width: 60%; height: 60%; margin: 20px auto;} .koushi_photo img{border-radius: 50%;width: 100%; height: 100%;box-shadow: 0 0 8px gray;} .koushi_box p{margin: 16px auto 0;} .name{font-weight: bold; font-size: 1.4em;} .seminar_iframe{width: 100%; min-height: 100%; margin: 0 auto;overflow:auto; -webkit-overflow-scrolling:touch; display: inline-block;} .seminar_iframe iframe{margin: 0 auto; width:100%; height:100%; border:none; display:block; overflow-x: hidden;} .text_box dl{width: 100%; display: flex;} .text_box dt{width: 24%; margin-right: 1%;} .text_box dd{width: 75%; } .ss{font-size: 0.8em;} .center{text-align: center;} }/* PC-------------------------------------------------------*/ @media screen and (min-width: 769px) { .cover{width: 1080px; margin: 0;} .seminar_box {width: 86%; margin: 40px 0 0 20px; border:1px solid #ccc; padding: 40px; position: relative; display: flex;} .midashi_mon{position: absolute; top:-18px; left: -18px;} .midashi_womon{position: absolute; top:-18px; left: -18px;} .day_box{width: 18%;} .day_shikaku {width: 66%;height:auto; border:4px solid #0071BC;text-align: center;color: #0071BC;padding: 6%;} .day{font-weight: bold; font-size: 1.6em; margin: 4px auto 10px;} .day_shikaku_w {width: 66%;height: auto; border:4px solid #FF7676;text-align: center;color: #FF7676;padding: 6%;} .text_box{width: 58%;font-size: 1.1em;margin-left: 6%;} .text_box p{margin: 5px auto;} .seminar_title{font-weight: bold;font-size: 1.4em;} .schedule_button{margin: 10px auto 0 200px;} .spre {display: flex; justify-content: space-between;width: 100%;} .button_s {text-decoration: none;background-image: linear-gradient(#fff,#f5f8fa);border: 1px solid #e6ecf0; border-radius: 4px;color: #393e42;cursor: pointer;display: inline-block; font-size: 14px; font-weight: bold;padding: 6px 20px; position: relative;} .button_s .fa-file-alt{color: #1da1f3;} .button_s:hover{ background-color: #e6ecf0; background-image: linear-gradient(#fff,#e6ecf0); border-color: #e6ecf0;} .koushi_box{width: 18%;} .koushi_photo {width: 130px; height: 130px;} .koushi_photo img{border-radius: 50%;width: 100%; height: 100%;box-shadow: 0 0 8px gray;} .koushi_box p{margin: 16px auto 0;} .name{font-weight: bold; font-size: 1.4em;margin-left: 20px;} .seminar_iframe{width: 100%; height: 500px; margin: 0 auto;overflow:auto; -webkit-overflow-scrolling:touch; display: inline-block;} .seminar_iframe iframe{margin: 0 auto; width:100%; height:100%; border:none; display:block; overflow-x: hidden;} .text_box dl{width: 100%; display: flex;} .text_box dt{width: 24%; margin-right: 1%;} .text_box dd{width: 75%; } .ss{font-size: 0.8em;} .center{text-align: center;} .lead a{color: #29ABE2 !important; font-weight: bold; font-size: 1.1em;} .lead a:hover{border-bottom: thin solid #29ABE2 !important; font-weight: bold;} }