@charset "utf-8";

@import url('components.css');
@import url('swiper.min.css');

.swP { display: block; }
.swT { display: none; }
.swS { display: none; }
.swP.swT { display: block; }
.swP.swS { display: block; }
.swT.swS { display: none; }
.swP.swT.swS { display: block; }
.strong { font-weight: bold !important; }
.sup { font-size: .9rem; color:#666; margin: 0 0 5px; }
a { text-decoration:none; color:#333; }
a:hover { text-decoration:none; color:#3091A9; }
img { max-width: 100%; }
body { background: #ffffff; }
.attention { color:#f00; }
.cRed { color:#f00; }
ul.asterisk li { text-indent: -1em; padding-left:1em;  }
.efwbl { font-weight: bold; }
.efsnm { font-size: 100%; }
.efcre01 { color: #e70012; }

ol.list { list-style-type: decimal; margin: 0 0 40px; padding: 0 0 0 2em; }
ol.list li { list-style-type: decimal; }

ul.list li { padding-left: 20px; position: relative; }
ul.list li:before { content: ""; display: inline-block; width: 6px; height: 6px; overflow: hidden; border-radius: 100px; background: #847764; margin: 0 10px 0 0; vertical-align: middle; position: absolute; top:10px; left: 5px; }

ul.point { margin: 0 0 30px; }
ul.point li { border:2px solid #555; padding: 10px; line-height: 1.4; color:#EF8943; margin: 0 0 10px; font-weight: bold; }


.globalheader { background: #5B5757; color:#fff; line-height: 1; display: flex; justify-content: space-between; align-items: center; height: 30px; }
.globalheader .globalName { display: inline-block; line-height: 1; vertical-align: middle; margin: 0 0 0 5px; }
.globalheader ul { display: inline-block; line-height: 1; vertical-align: middle; font-size: .1rem; }
.globalheader ul li { display: inline-block; margin: 0 1em 0 0; color:#fff; font-size: .8rem; line-height: 1; vertical-align: middle; }
.globalheader ul li a { color: rgba(255,255,255,.7); }
.globalheader ul li a:hover { color: rgba(255,255,255,1); }

header { background: #fff; padding: 15px; width: 100%; top:30px; left: 0; transition: padding .8s, background .8s; z-index: 10000; }
header::after { content: ""; display: block; clear: both; }
header .logo { float: left; padding: 8px 0; }
header .logo img { max-height: 34px; }
header .headerContact { float: right; }
header .headerContact a { color: rgba(0,0,0,0.75); display: block; width: 15rem; line-height: 20px; padding: 15px 10px; overflow: hidden; text-align: center; font-size: 1rem; font-weight: bold; background: #fEe718; box-shadow: inset -1px -1px 0 rgba(0,0,0,0.1); transition: background .4s; position: relative; }
header .headerContact a span { line-height: 20px; color: rgba(0,0,0,0.75); font-weight: 600; }
header .headerContact a::after { display: none; content: url(/mri-trans/static/images/ico_mail.svg); width: 26px; height: 20px; position: absolute; top:calc(50% - 12px); left: calc(50% - 13px); fill:#fff; }
header .headerContact a:hover { background: #eEd708; }
header .headerRegister { float: right; margin: 0 0 0 5px; }
header .headerRegister a { color: rgba(255,255,255,1); display: block; width: 140px; line-height: 20px; padding: 15px 10px; overflow: hidden; text-align: center; font-size: 1rem; font-weight: bold; background: #1FCCB5; box-shadow: inset -1px -1px 0 rgba(0,0,0,0.1); transition: background .4s; position: relative; }
header .headerRegister a span { line-height: 20px; color: rgba(255,255,255,1); font-weight: 600; }
header .headerRegister a::after { display: none; content: url(/mri-trans/static/images/ico_register.svg); width: 26px; height: 22px; position: absolute; top:calc(50% - 11px); left: calc(50% - 13px); fill:#fff; }
header .headerRegister a:hover { background: #00aC95; }
header .menubtn,
header .menubtn span { display: inline-block; transition: all .8s; box-sizing: border-box; }
header .menubtn { display: none; position: absolute; top:61px; right: 16px; width: 22px; height: 18px; cursor: pointer; }
header .menubtn span { position: absolute; left: 0; width: 100%; height: 2px; background-color: #666; border-radius: 2px; }
header .menubtn span:nth-of-type(1) { top: 0; }
header .menubtn span:nth-of-type(2) { top: 8px; }
header .menubtn span:nth-of-type(3) { bottom: 0; }
header .menubtn.active span { background-color: #3E3939; }
header .menubtn.active span:nth-of-type(1) { -webkit-transform: translateY(8px) rotate(-45deg); transform: translateY(8px) rotate(-45deg); }
header .menubtn.active span:nth-of-type(2) { opacity: 0; }
header .menubtn.active span:nth-of-type(3) { -webkit-transform: translateY(-8px) rotate(45deg); transform: translateY(-8px) rotate(45deg); }
header nav { float: right; padding: 0 15px 0 0; }
header nav li { float: left; }
header nav li a { display: inline-block; line-height: 20px; margin: 15px 10px; font-weight: 500; font-size: 1rem; letter-spacing: 0; }
header nav li a:hover { text-decoration: underline; color:#EF8943; }
header nav li.active a { text-decoration: underline; color:#EF8943; font-weight: 600;  }
body.scrollfix header { padding: 0 0 0 10px; box-shadow: 0 0 1px rgba(0,0,0,0.1); top:0; position: fixed; }
body.scrollfix header .menubtn { top:16px; right: 10px; }
body.scrollfix header nav li a { font-size: 1rem; letter-spacing: 0; }

footer .footerContact { background: #EFB644; background: linear-gradient(135deg, rgba(239,182,68,1) 0%,rgba(239,199,68,1) 100%); padding: 30px 0; }
footer .footerContact h2 { font-size: 1.4rem; text-align: center; color:#fff; margin: 0 0 20px; }
footer .footerContact .inr { display: flex; justify-content: center; }
footer .footerContact .inr p { font-size: .9rem; background: rgba(255,255,255,.25); display:flex; align-items: center; line-height: 1; color:#946109; margin: 0; padding: 0 10px; }
footer .footerContact .inr p em { font-size: 2.2rem; letter-spacing: 0; color:#946109; font-family: arial; line-height: 1; text-align: center; margin: 0 5px; }
footer .footerContact .inr p:before { content: url(/mri-trans/static/images/ico_freedial.svg); }
footer .footerContact ul { text-align: center; display: flex; }
footer .footerContact li { display: inline-block; margin: 0 0 0 10px; }
footer .footerContact li a { display: inline-block; padding: 15px; line-height: 1.2; text-align: center; color: #fff; min-width: 240px; background: #EF8943; border-radius: 2px; transition: .4s; }
footer .footerContact li a:hover { background: #5B5757; }
footer .footerSitemap { background: #847764; padding: 30px 0; }
footer .footerSitemap > .inr { max-width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; }
footer .footerSitemap > .inr dl { display: block; margin: 0 20px 0 0; position: relative; width: calc((100% - 260px) / 3); }
footer .footerSitemap > .inr dl:after { content: ""; display: block; clear: both; }
footer .footerSitemap > .inr dl dt { padding: 0 0 10px; border-bottom: 1px solid rgba(255,255,255,.2); width: 100%; margin: 0 0 15px; color: #fff; }
footer .footerSitemap > .inr dl dt a { color:#fff; }
footer .footerSitemap > .inr dl dd { min-width: 50%; float: left; font-size: .8rem; margin: 0 0 5px; }
footer .footerSitemap > .inr dl dd a { color:#fff; }
footer .footerSitemap > .inr p { width:180px; background: rgba(255,255,255,.25); padding:15px; color:#fff; font-size: .8rem; line-height: 1.25; }
footer .footerSitemap > .inr p em { display: block; text-align: center; margin: 0 auto 15px; }
footer small { display: block; text-align: center; font-size: .7rem; padding: 25px 0; color:#888; font-family: arial; }

.kv { text-align: center; background: #fafafa; }
.kv .swiper-slide { text-align: center; display: flex; align-items: center; justify-content: center; }

.catch { margin: 70px auto; max-width: 1200px; }
.catch > h1 { font-size: 1.6rem; text-align: center; }
.catch > p { font-size: 1.067rem; text-align: center; line-height: 2; margin: 0 auto 70px; }
.catch > p em { font-weight: bold; color: #EF8943; }
.catch .inr { display: flex; justify-content: center; flex-wrap: wrap; }
.catch .inr > a { display: block; width: calc((100% - 20px) / 5); max-width: 266px; margin: 0 2px; background: #5B5757; transition: opacity .4s; }
.catch .inr > a:hover { opacity: .75; }
.catch .inr > a dt img { width: 100%; height: 236px; object-fit: cover; font-family: 'object-fit: cover;'; }
.catch .inr > a dd { padding: 20px; }
.catch .inr > a dd h2 { font-size: 1rem; line-height: 1.25; color:#fff; margin: 0 0 10px; }
.catch .inr > a dd p { font-size: .9rem; line-height: 1.5; min-height: 7.5em; color: rgba(255,255,255,.5); }
.catch .inr > a object a { display: block; height: 31px; line-height: 31px; text-align: center; background: #EF8943; color: rgba(255,255,255,.8); font-size: 11px; font-weight: bold; color:#fff; margin: 0 auto; transition: background .4s;}
.catch .inr > a:hover object a { background: #EFB644; }

.contactWrapM { background: #EFB644; background: linear-gradient(135deg, rgba(239,182,68,1) 0%,rgba(239,199,68,1) 100%); padding: 40px 0; margin: 70px 0 80px; }
.contactWrapM h2 { font-size: 1.6rem; text-align: center; color:#fff; }
.contactWrapM p { font-size: .9rem; color:#fff; line-height: 1; text-align: center; margin: 0 auto 20px; }
.contactWrapM p em { font-size: 3rem; color:#fff; font-family: arial; line-height: 1; text-align: center; }
.contactWrapM ul { text-align: center; }
.contactWrapM li { display: inline-block; margin: 0 5px; }
.contactWrapM li a { display: inline-block; padding: 15px; line-height: 1.2; text-align: center; color: #fff; min-width: 260px; background: #EF8943; border-radius: 2px; transition: .4s; }
.contactWrapM li a:hover { background: #5B5757; }

.topcontent { max-width: 1100px; margin: 80px auto 30px; display: flex; justify-content: space-between; }
.topcontent .main { width: 670px; }
.topcontent .sub { width: 375px; }

.courselist { margin: 0 0 50px; }
.courselist h2 { border-left: 4px solid #EFB644; padding: 2px 0 2px 8px; margin: 0 0 20px; line-height: 1; font-weight: normal; font-size: 1.2rem; }
.courselist h3 { margin: 20px 0; line-height: 1; }
.courselist > p { margin: 0 0 20px; }
.courselist > .category ul { display: flex; flex-wrap: wrap; }
.courselist > .category ul li { width: calc((100% - 25px) / 6); margin: 0 5px 5px 0; line-height: 1.2; font-size: .9rem; }
.courselist > .category ul li:last-child { margin: 0 0 5px; line-height: 1.2;font-size: .9rem; }
.courselist > .category ul li a { background: #F8F2E8; height: 60px; display: flex; align-items: center; padding:10px; color:#111; line-height: 1.2; font-size: .9rem; position: relative; transition: background .4s; }
.courselist > .category ul li a > span { color:#111; line-height: 1.2; font-size: .9rem; }
.courselist > .category ul li a:before { content: ""; display: inline-block; width: 0; height: 0; border-style: solid; border-width: 4px 0 4px 6px; border-color: transparent transparent transparent #EFB644; margin: 0 10px 0 0; vertical-align: middle; }
.courselist > .category ul li a:hover { background: #e8e2d8; }
.courselist > .inr { display: flex; flex-wrap: wrap; }
.courselist > .inr a { display: block; width: calc((100% - 40px) / 3); margin: 0 20px 0 0; border-top:1px solid rgba(0,0,0,.15); padding: 10px 0; transition: background .4s; }
.courselist > .inr a:nth-of-type(3n) { margin: 0; }
.courselist > .inr a dl { display: flex; align-items: center; justify-content: space-between; }
.courselist > .inr a dl dt { width: 50px; }
.courselist > .inr a dl dd { width: calc(100% - 60px); line-height: 1.25; font-size: .9rem; transition: color .4s;  }
.courselist > .inr a:hover { background: #fafafa; }
.courselist > .inr a:hover dl dd { color:#EFB644; }

.newslist { border:1px solid rgba(0,0,0,.1); padding: 15px; margin: 0 0 50px; }
.newslist dl { display: flex; width: 100%; padding: 20px 0; line-height: 1; border-bottom: 1px solid rgba(0,0,0,.1); }
.newslist dl:last-child { border-bottom: none; }
.newslist dl dt { line-height: 1.2; width: 7em; text-align: left; margin: 0 10px 0 0; }
.newslist dl dd { line-height: 1.2; width: calc((100% - 7em) - 10px); }
.newslist dl dd a { color:#6794BB; }
.newslist dl dd a:hover { color:#67BB94; }
.newslist ul { padding: 15px 0 0; border-top:1px solid rgba(0,0,0,.1); }
.newslist ul li { text-align: center; }
.newslist ul li a { display: inline-block; text-align: center; background: #555; padding: 15px; min-width: 240px; line-height: 1.2; color:#fff; transition: background .4s; }
.newslist ul li a:before { content: url(/mri-trans/static/images/ico_list.svg); vertical-align: middle; margin: 0 5px 0 0; }
.newslist ul li a:hover { background: #777; }

.pagenation { }
.pagenation ul { display: flex; flex-wrap: wrap; }
.pagenation ul li { font-size: .9rem; margin: 0 10px 10px 0; width: 36px; line-height: 36px; text-align: center; color:#aaa; }
.pagenation ul li a { font-size: .9rem; display: block; line-height: 20px; padding: 7px 0 7px; background: #fff; color:#333; border:1px solid rgba(0,0,0,0.15); text-align: center; border-radius: 2px; transition: .4s; }
.pagenation ul li a:hover,
.pagenation ul li a.active:hover,
.pagenation ul li a.active { background: rgba(239,126,68,.8); color:#fff; text-decoration: none; }
.pagenation .btns { display: flex; justify-content: center; flex-wrap: wrap; }
.pagenation .btns a.btn { display: inline-block; min-width: 180px; margin: 0 10px 10px; border:1px solid #ccc; padding: 15px 20px; line-height: 1.1; text-align: center; transition: .4s; text-decoration: none; }
.pagenation .btns a.btn:hover { opacity: 0.75; }
.pagenation .btns a.btn.back { background: #47596A; color:#fff; border-color: #3C4C5A; }

.main > .newsArticle { max-width: 800px; margin: 0 auto; }
.main > .newsArticle .inr { margin: 0 auto 30px; border:1px solid rgba(0,0,0,.15); padding:45px 60px 60px; }
.main > .newsArticle .inr .kv { margin: -45px -60px 45px; }
.main > .newsArticle .inr .kv img { max-height: 500px; width: 100%; object-fit: cover; font-family: 'object-fit: cover;'; }
.main > .newsArticle .inr h2 { font-size: 1.8rem; font-weight: 500; line-height: 1.25; padding: 0 0 40px; margin: 0 0 30px; border-bottom: 1px solid #ddd; position: relative; z-index: 10; }
.main > .newsArticle .inr h2 small { display: flex; align-items: center; width: 100%; font-size: 14px; line-height: 1.25; color: rgba(0,0,0,.5); font-weight: normal; margin: 0 0 10px; }
.main > .newsArticle .inr h2 small time { font-size: 14px; color: rgba(0,0,0,.5); }
.main > .newsArticle .inr h2 small .label { display: inline-block; border:1px solid rgba(0,0,0,.15); padding: 7px 15px 5px; line-height: 1; font-size: 14px; margin: 0 10px 0 0; }

.main > .newsArticle .inr p { margin: 0 0 30px; }
.main > .newsArticle .inr .read * { vertical-align: middle; }
.main > .newsArticle .inr .read a { color:#6794BB; text-decoration: underline; }
.main > .newsArticle .inr .read a:hover { color:#BB9467; text-decoration: none; }
.main > .newsArticle .inr .read aside { background: rgba(241,230,209,.5); padding: 15px; margin: 0 0 30px; }

.columnlist { display: flex; flex-wrap: wrap; }
.columnlist > a { width: calc((100% - 90px) / 4); margin: 0 30px 60px 0; padding: 0; border-bottom: 1px solid rgba(0,0,0,.1); }
.columnlist > a:nth-of-type(4n) { margin: 0 0 60px 0 }
.columnlist > a dt { margin: 0 0 10px;  }
.columnlist > a dt img { width: 100%; height: 260px; object-fit: cover; font-family: 'object-fit: cover;'; }
.columnlist > a dd .date { text-decoration: none; font-size: .8rem; color: rgba(0,0,0,.3); }
.columnlist > a dd h3 { font-size: 1rem; color: #6794BB; text-decoration: underline; line-height: 1.4; min-height: 4.2em; margin: 0 0 10px; }
.columnlist > a dd .seminardate h4 { background: rgba(0,0,0,.03); text-align: center; font-size: 12px; line-height: 1; font-weight: bold; color: #EF8943; padding: 2px; }
.columnlist > a dd .seminardate p { padding: 15px 0; margin: 0; font-size: 14px; line-height: 1.6; font-weight: bold; color: rgba(0,0,0,.8); }
.columnlist > a:hover dt img { opacity: .75; }
.columnlist > a:hover dd h3 { font-size: 1rem; color: #67BB94; }

.semiDateArticle { margin: -60px 0 20px; border-bottom: 1px solid #ddd; padding: 0 0 20px; position: relative; z-index: 100; }
.semiDateArticle dl { display: flex; }
.semiDateArticle dl dt { width: 100px; background: #EF8943; color: #fff; display: flex; align-items: center; justify-content: center; }
.semiDateArticle dl dt span { color: #fff; font-weight: bold; font-size: 14px; }
.semiDateArticle dl dd { background: #eee; width: calc(100% - 100px); padding: 10px; line-height: 1.25; }

.main > .newsArticle .inr .read .semiBtn { background: #EF8943; padding: 25px 50px; margin: 0 0 40px; }
.main > .newsArticle .inr .read .semiBtn a { box-shadow: 3px 3px 10px rgba(0,0,0,.1); display: block; padding: 20px; line-height: 1.4; color: rgba(0,0,0,.8); text-align: center; position: relative; font-size: 21px; font-weight: bold; background: #FFDF00; text-decoration: none; color: rgba(0,0,0,.8); }
.main > .newsArticle .inr .read .semiBtn a:after { content: url(/wp/wp-content/themes/mediasoken_theme/mri-trans/static/images/ico_pen.svg); position: absolute; top:calc(50% - 16.445px); left: calc(50% - 10em); }
.main > .newsArticle .inr .read .semiBtn a:hover { opacity: .75; }


.pickup { margin: 0 0 50px; }
.pickup h2 { border-left: 4px solid #EFB644; padding: 2px 0 2px 8px; margin: 0 0 20px; line-height: 1; font-weight: normal; font-size: 1.2rem; }
.pickup ul { display: flex; flex-wrap: wrap;}
.pickup ul li { margin: 0 15px 15px 0; text-align: center; }
.pickup ul li:nth-of-type(even) { margin: 0 0 15px 0; }

.csrreport { margin: 0 0 50px; }
.csrreport h2 { border-left: 4px solid #EFB644; padding: 2px 0 2px 8px; margin: 0 0 20px; line-height: 1; font-weight: normal; font-size: 1.2rem; }
.csrreport ul { margin: 4px; box-shadow: 0 0 0 4px #F1EEEB; background: #fff; border:1px solid #ddd; }
.csrreport ul li a { display: block; padding: 10px; line-height: 1.1; border-bottom: 1px solid rgba(0,0,0,.1); position: relative; }
.csrreport ul li a:before { content: ""; display: inline-block; width: 0; height: 0; border-style: solid; border-width: 4px 0 4px 6px; border-color: transparent transparent transparent #C1B4A1; margin: 0 5px 0 0; vertical-align: middle; }

.topVideo { background: #fafafa; border-top:1px solid rgba(0,0,0,.05); padding: 40px 0; margin: 0 auto; }
.topVideo h2 { font-weight: normal; font-size: 1.2rem; text-align: center; line-height: 1.2; margin: 0 auto 40px; }
.vimeo { max-width: 640px; margin: 0 auto 10px; }

.supportsite { padding: 40px 0; border-top:1px solid rgba(0,0,0,.05); }
.supportsite h2 { font-weight: normal; font-size: 1.2rem; text-align: center; line-height: 1.2; margin: 0 auto 40px; }
.supportsite ul { text-align: center; }
.supportsite ul li { display: inline-block; margin: 0 5px; }

h1.title { font-size: 2rem; padding:50px 25px; position: relative; overflow: hidden; background: url(/mri-trans/static/images/catch_image.jpg) center center no-repeat; background-size: cover; line-height: 1.25; }
h1.title::before { content: ""; display: block; width: 1500px; height: 1500px; background: rgba(239,126,68,.8); position: absolute; top:-800px; left:-850px; transform: rotate(30deg); z-index: 10; transition: .4s; }
h1.title span { color:#fff; position: relative; z-index: 10; font-weight: 500; letter-spacing: .1em; line-height: 1.25; }

.topicpath { padding: 10px; border-bottom: 1px solid #eee; }
.topicpath ul { max-width: 100%; overflow-x: auto; overflow-y:hidden; display: flex; }
.topicpath ul li { line-height: 1.2; font-size: .8rem; position: relative; color:#666; white-space: nowrap; }
.topicpath ul li::before { content: "＞"; line-height: 1.2; font-size: .8rem; padding: 0 5px; color:#aaa; }
.topicpath ul li:nth-of-type(1)::before { display: none; }
.topicpath ul li a { line-height: 1.2; font-size: .8rem; color:#666; }
.topicpath ul li a:hover { color:#3091A9; }

.main { max-width: 1100px; margin: 60px auto; }
.main .h02 { font-size:1.5rem; font-weight: 300; padding:0 0 10px 0; line-height: 1.2; border-bottom: 1px solid #ddd; margin: 0 0 40px; position: relative; }
.main .h02::after { content: ""; width: 160px; height: 3px; overflow: hidden; background: #EF8943; position: absolute; left: 0; bottom: -1px; }
.main .h03 { font-size:1rem; font-weight: 300; padding:12px 10px 10px; line-height: 1.2; background: #F7DAA1; margin: 0 0 40px; border-radius: 2px; color:#111; }
.main .h04 { font-size:1.1rem; font-weight: bold; padding:0; line-height: 1.4; margin: 20px 0; color:#EF8943; }
.main .h05 { font-size:1rem; font-weight: normal; padding:0; line-height: 1.4; margin: 20px 0; background:#eee; line-height: 1; padding: 5px 5px 4px; }
.main .h06 { font-size:1rem; font-weight: bold; padding:0; line-height: 1.4; margin: 10px 0; border-bottom: 1px solid #eee; }
.main > .kv { margin: 0 0 60px; text-align: center; }

.main .hCenter { padding: 20px; margin: 30px 10px; text-align: center; font-size: 1.1rem; position: relative; }
.main .hCenter:before { content: ""; display: block; width: 100px; height: 0; border-top:1px solid rgba(0,0,0,.5); position: absolute; top:0; left: calc(50% - 50px); }
.main .hCenter:after { content: ""; display: block; width: 100px; height: 0; border-top:1px solid rgba(0,0,0,.5); position: absolute; bottom:0; left: calc(50% - 50px); }
.main .hCenter.green { color:#3C9D69; }
.main .hCenter.blown { color:#D2983F; }
.main > section { margin: 0 auto 80px; }
.main > section p { margin: 0 0 30px; letter-spacing: 0; }
.main > section a { color:#6794BB; }
.main > section a:hover { color:#67BB94; }
.main > section p a { text-decoration: underline; }
.main .pagecatch { margin: 80px 0; font-size: 1.6rem; font-weight: normal; line-height: 1.4; color:#EF8943; }

.imgColumn { display: flex; justify-content: space-between; }
.imgColumn > *:first-child { width: calc(100% - 270px);  }
.imgColumn > *:last-child { margin: 0; width: 250px; text-align: center; }

.imgColumn.reverse { }
.imgColumn.reverse > *:first-child { margin: 0; width: 250px; text-align: center; }
.imgColumn.reverse > *:last-child { width: calc(100% - 270px); text-align: left; }

.seminarTable {}
.seminarTable dl { display: flex; }
.seminarTable dl dt { width: 120px; margin: 0 5px 5px 0; padding: 5px; line-height: 1.4; background: #F7DAA1; }
.seminarTable dl dd { width: calc((100% - 120px) - 5px); padding: 5px; line-height: 1.4; }

.sub { max-width: 1100px; margin: 60px auto; }
.sub .courselist > .inr a { width: calc((100% - 40px) / 5); margin: 0 10px 0 0; }
.sub .courselist > .inr a:nth-of-type(3n) { margin: 0 10px 0 0; }
.sub .courselist > .inr a:nth-of-type(5n) { margin: 0; }
.sub .courselist > .inr a dl dd { font-size: .8rem; }
.sub .pickup ul li:nth-of-type(even) { margin: 0 15px 15px 0; }
.topcontent .sub .pickup ul li:nth-of-type(even) { margin: 0 0 15px 0; }

.flowimage ul { display: flex; }
.flowimage ul li { background: #F1E6D1; padding:15px 10px; line-height: 1.25; margin: 0 30px 30px 0; border-radius: 3px; display: flex; align-items: center; justify-content: center; text-align: center; position: relative; }
.flowimage ul li > span { line-height: 1.25; text-align: center; }
.flowimage ul li:after { content: ""; display: inline-block; position: absolute; top:calc(50% - 4px); right: -20px; width: 0; height: 0; border-style: solid; border-width: 4px 0 4px 6px; border-color: transparent transparent transparent #C1B4A1; margin: 0 5px 0 0; vertical-align: middle; }
.flowimage ul li:last-child { margin: 0 0 30px; }
.flowimage ul li:last-child:after { display: none; }

.wrap { background: #f6f6f6; padding: 20px; margin: 0 0 30px; }
.wrap.blue { background: #D0DEEE; }
.wrap.lightblue { background: #E5E9EB; }
.wrap.blown { background: #F6F0E3; color:#C5753E; }
.wrap.border { background: #fff; border:1px solid #ddd; }
/*
.howtoChart img { max-width: 420px; }
*/
.courseListLong { margin: -40px 0 40px; }
.courseListLong > dl { display: flex; justify-content: space-between; padding: 15px 0; border-bottom: 1px solid rgba(0,0,0,.2); }
.courseListLong > dl:last-of-type { border-bottom: none; }
.courseListLong > dl dt { width: 100px; }
.courseListLong > dl dd { width: calc(100% - 115px); }
.courseListLong > dl dd h3 { line-height: 1.25; font-size: 1rem; margin: 0 0 10px;  }
.courseListLong > dl dd table { margin: 0 0 10px; }
.courseListLong > dl dd th { font-size: .9rem; line-height: 1.4; padding: 0 10px 0 0; }
.courseListLong > dl dd td { font-size: .9rem; line-height: 1.4; padding: 0; }
.courseListLong > dl dd td a { text-decoration: underline; }
.courseListLong > dl dd li a { border:1px solid #ccc; background: #FBFBFB; text-align: center; padding:3px 15px 2px; font-size: .8rem; color:#333; line-height: 1.1; }

.pickupLink { margin: 40px 0; padding: 40px 10px; border-top:1px solid #ddd; }
.pickupLink h6 { color:#EF8943; text-align: center; margin: 0 0 20px; }
.pickupLink li { text-align: center; }
.pickupLink li a { border:1px solid #ccc; background: #fff; text-align: center; padding:10px 30px; font-size:1rem; color:#333; line-height: 1.1; }
.pickupLink li a:hover { background: #777; color:#fff; border:#777; }

.btn.plain { display: inline-block; min-width: 200px; border:1px solid rgba(0,0,0,.3); padding:12px 30px 10px 10px; line-height: 1.1; color:#333 !important; margin: 0 0 10px 0; position: relative; text-decoration: none !important; }
.btn.plain::after { content: ''; width: 6px; height: 6px; border: 0px; border-top: solid 1px #666; border-right: solid 1px #666; transform: rotate(45deg); position: absolute; top: calc(50% - 4px); right: 10px; }
.btn.plain:hover { background: #888; color:#fff !important;}
.btn.plain:hover::after { border-color: #fff; }

.btn.contact { display: inline-block; min-width: 200px; border:1px solid rgba(0,0,0,.15); padding:17px 30px 15px 15px; line-height: 1.1; font-weight: bold; color: rgba(0,0,0,.75) !important; background: #fEe718; margin: 0 0 10px 0; position: relative; text-decoration: none !important; }
.btn.contact::after { content: ''; width: 6px; height: 6px; border: 0px; border-top: solid 1px #666; border-right: solid 1px #666; transform: rotate(45deg); position: absolute; top: calc(50% - 4px); right: 10px; }
.btn.contact:hover { background: #eEd708; color: rgba(0,0,0,.75) !important; }

.simplelist ul { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 0 40px; border-top:1px solid #ddd; }
.simplelist ul li { width: calc((100% - 60px) / 4); margin: 0 20px 0 0; }
.simplelist ul li:nth-of-type(4n) { margin: 0; }
.simplelist ul li a { display: block; padding: 10px 30px 10px 0; border-bottom:1px solid #ddd; color:#333; position: relative; }
.simplelist ul li a::after { content: ''; width: 6px; height: 6px; border: 0px; border-top: solid 1px #666; border-right: solid 1px #666; transform: rotate(45deg); position: absolute; top: calc(50% - 4px); right: 10px; }

.stepflow {}
.stepflow h2 { background: #F6F6F6; line-height: 1.2rem; font-size: 1rem; padding: 0; font-weight: normal; margin: 0 0 30px; }
.stepflow h2 em { display:block; line-height: 1.2rem; font-size: 1rem; padding:7px 7px 5px; margin: 0; color:#fff; }
.stepflow h2 span { display:block; line-height: 1.2rem; font-size: 1rem; padding:7px 7px 5px; margin: 0; }
.stepflow .step1 h2 em { background: #8FC31F; }
.stepflow .step2 h2 em { background: #F39800; }
.stepflow .step3 h2 em { background: #C40909; }
.stepflow ul { margin: 0 0 30px; }
.stepflow li { line-height: 1.4; padding: 5px 0 5px 25px; position: relative; }
.stepflow li:after { content: ""; display:block; position: absolute; left: 5px; top:calc(.5em + 4px); width: 0; height: 0; border-style: solid; border-width: 8px 5px 0 5px; border-color: #000000 transparent transparent transparent; }
.stepflow .step1 li:after { border-color: #8FC31F transparent transparent transparent; }
.stepflow .step2 li:after { border-color: #F39800 transparent transparent transparent; }
.stepflow .step3 li:after { border-color: #C40909 transparent transparent transparent; }

.voicelist .cont { background: #F6F0E3; border-radius: 10px; padding: 20px; margin: 0 0 30px; }
.voicelist .cont h2 { font-size: 1.4rem; font-weight: normal; }
.voicelist .cont ul { margin: 0 0 20px; }
.voicelist .cont ul a { text-decoration: underline; }
.voicelist .cont dl { display: flex; justify-content: space-between; }
.voicelist .cont dt { width:125px; }
.voicelist .cont dd { width:calc(100% - 135px);  }

.courseList { display: flex; flex-wrap: wrap; }
.courseList > a { width: calc((100% - 40px) / 3); box-shadow: inset 0 0 1px #333; position: relative; margin: 0 15px 15px 0; transition: .4s; }
.courseList > a:nth-of-type(3n) { margin: 0 0 15px; }
.courseList > a dl { position: relative; display: flex; justify-content: space-between; align-items: center; background: rgba(239,126,68,1); transition: .4s; }
.courseList > a dl dt { width: 60px; position: relative; top:-5px; margin: 0 0 0 5px; transition: .4s; }
.courseList > a dl dd { width: calc(100% - 60px); padding: 0 10px; line-height: 1.25; font-size: 1rem; font-weight: bold; letter-spacing: .05em; color:#fff; transition: .4s; }
.courseList > a p { font-size: 1rem; line-height: 1.6; color: rgba(0,0,0,.8); padding: 15px; margin: 0; }
.courseList > a:hover dl { background: #666; }
.courseList > a:hover dl dt { top:-10px; }
.courseList > a:hover dl dd { color:#fff; }

.faqwrap { margin: 0 0 40px; }
.faqwrap dl { border:1px solid rgba(0,0,0,.15); margin: 0 0 5px; }
.faqwrap dt { line-height: 1.4; padding: 13px 30px 10px 23px; position: relative; cursor: pointer; }
.faqwrap dt::before { content:""; display: block; width: 0;height: 25px; border-left: 5px solid #EF8943; position: absolute; top:calc(50% - 12.5px); left: 8px; }
.faqwrap dt::after { content: ''; width: 8px; height: 8px; border: 0px; border-top: solid 1px rgba(0,0,0,.5); border-right: solid 1px rgba(0,0,0,.5); transform: rotate(135deg); position: absolute; top: calc(50% - 8px); right: 15px; }
.faqwrap dd { line-height: 1.4; padding: 15px; display: none; }

.faqwrap dl:hover dt,
.faqwrap dl.active dt { background: #F6F0E3; }
.faqwrap dl.active dd { display: block; }
.faqwrap dl.active dt::after { transform: rotate(-45deg); top:calc(50% - 4px); }

.linelist li a { display: block; border:1px solid #ddd; color:#333; margin:0 0 10px; line-height: 1.4; padding: 13px 30px 10px 23px; position: relative; cursor: pointer; }
.linelist li a::before { content:""; display: block; width: 0;height: 25px; border-left: 5px solid #EF8943; position: absolute; top:calc(50% - 12.5px); left: 8px; }
.linelist li a:hover { background: #F6F0E3; }

.usefulList { display: flex; flex-wrap: wrap; }
.usefulList > a { width: calc((100% - 45px) / 4); margin: 0 15px 15px 0; transition: opacity .4s; }
.usefulList > a:nth-of-type(4n) { margin: 0 0 15px 0; }
.usefulList > a dt img { width: 100%; }
.usefulList > a dd { padding: 10px 0 0 0; line-height: 1.4; position: relative; }
.usefulList > a dd:before { content: ""; display: inline-block; width: 0; height: 0; border-style: solid; border-width: 4px 0 4px 6px; border-color: transparent transparent transparent #C1B4A1; margin: 0 5px 0 0; vertical-align: middle; }
.usefulList > a:hover { opacity: .75; }

.bookwrap { padding: 20px 0; display: flex; justify-content: space-between; }
.bookwrap .img { width: 100px; }
.bookwrap .txt { width: calc(100% - 120px); }
.bookwrap .txt h4 { margin: 0 0 30px; display: block; background: #F7DAA1; padding:9px 7px 7px; text-align: center; position: relative; line-height: 1.2; color:#333; font-weight: normal; }
.bookwrap .txt h4::after { content: ""; display: block; position: absolute; bottom:-20px; left: calc(50% - 15px);width: 0; height: 0; border-style: solid; border-width: 20px 15px 0 15px; border-color: #F7DAA1 transparent transparent transparent; }
.bookwrap .txt ul { display: flex; justify-content: center; flex-wrap: wrap; }
.bookwrap .txt ul li { margin: 0 20px 20px 0; }

.writerProf { margin: 0 0 30px; }
.writerProf dl { display: flex; justify-content: space-between; margin: 0 0 10px; }
.writerProf dt { width: 86px; }
.writerProf dd { width:calc((100% - 86px) - 20px); }

.sampleimg { display: flex; justify-content: center; margin:40px 0; }
.sampleimg li { margin: 0 5px; }

.contact { max-width: 800px; margin: 0 auto; }
.contact dl { width: 100%; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #eee; padding: 15px; position: relative; }
.page .contact dl { width: 100%; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #eee; padding: 15px; position: relative; }
.contact dl:nth-of-type(1) { border-top: 1px solid #eee; }
.contact dl:nth-child(even) { background-color: #fcfcfc; }
.contact dl dt { width: 18em; position: relative; padding:0 4em 0 0; }
.contact dl dt::before { content: ""; display: block; width: 3em; padding:5px; line-height: 14px; font-size: .85rem; background: #666; color:#fff; text-align: center; border-radius: 3px; position: absolute; top:calc(50% - 12px); right:15px; }
.contact dl.must dt::before { content: "必須"; background: #D94848; }
.contact dl.option dt::before { content: "任意"; background: #4595D8; }
.contact dl dd { width: calc(100% - 18em); }
.contact dl dd input,
.contact dl dd select,
.contact dl dd textarea { font-size: 16px; outline: none; margin: 0; }
.contact dl dd table { width: 100%; }
.contact dl dd th { padding: 5px 0; margin: 0; width: 7.5em; }
.contact dl dd td { padding: 5px 0; margin: 0;  }
.contact p { margin: 40px 0; }
.contact p a { color:#3091A9; text-decoration: underline; }
.contact p a:hover { color:#A99130; text-decoration: none; }
.contact ul { display: flex; justify-content: center; flex-wrap: wrap; margin: 40px 0; }
.contact ul li { display: inline-block; margin: 0 10px 10px; }
.contact ul li a { cursor: pointer; display: inline-block; min-width: 200px; padding: 15px; text-align: center; line-height: 1.2; background:#eee; color: #666; border:none; outline: none; font-size: 1.071rem; font-weight: 400; box-shadow: inset -1px -1px 0 rgba(0,0,0,0.1); transition: background .4s; }
.contact ul li a:hover { background: #ddd; }
.contact ul li button { cursor: pointer; display: inline-block; min-width: 200px; padding: 15px; text-align: center; line-height: 1.2; background:#fEe718; color: rgba(0,0,0,0.75); border:none; outline: none; font-size: 1.071rem; font-weight: 600; box-shadow: inset -1px -1px 0 rgba(0,0,0,0.1); transition: background .4s; }
.contact ul li button:hover { background: #eEd708; }
.contact dl.error { background: rgba(255,0,0,0.075) !important; color:#f00; }
.contact p.error label { color:#f00; }
.contact dl.error dt { color:#f00; }
.contact .errorlist { background: rgba(255,0,0,0.075); padding: 15px; margin: 0 0 30px; border: 2px solid #D65A5A; }
.contact .errorlist > span { display: block; }
.contact .submit-btn {cursor: pointer; display: inline-block; min-width: 200px; padding: 15px; text-align: center; line-height: 1.2; background:#fEe718; color: rgba(0,0,0,0.75); border:none; outline: none; font-size: 1.071rem; font-weight: 600; box-shadow: inset -1px -1px 0 rgba(0,0,0,0.1); transition: background .4s; }
.contact .submit-btn :hove { background: #eEd708; }
.contact .fix-btn { display: inline-block; margin: 0 10px 10px; cursor: pointer; display: inline-block; min-width: 200px; padding: 15px; text-align: center; line-height: 1.2; background:#eee; color: #666; border:none; outline: none; font-size: 1.071rem; font-weight: 400; box-shadow: inset -1px -1px 0 rgba(0,0,0,0.1); transition: background .4s;}
.contact .privacy_error { color:#f00;}
.contact .errorlist:empty{padding: 0; border:none}

.challengeform { max-width: 800px; margin: 0 auto 40px; }

.challengeText { border:1px solid rgba(0,0,0,.1); margin: 0 0 20px; }
.challengeText dt { padding: 20px; line-height: 1.25; background: #FCF4C1; }
.challengeText dd { padding: 20px; }
.challengeText dd h6 { color:#EF8943; font-weight: normal; }
.challengeText dd ol.list { margin: 0; padding-bottom:0; }
.hfst { margin: 0 0 10px; }
.hfst:before { content: "▼"; color:#EF8943; }
.challengeTextarea { border:2px solid #777; font-size: 16px; }

.register { max-width: 800px; margin: 0 auto 40px; }
.register .cont { display: none; }
.register .cont.active { display: block; }

.registerMenu { display: flex; margin: 0 0 60px; flex-wrap: wrap; }
.registerMenu dl { width: 25%; box-shadow: inset 0 0 1px rgba(0,0,0,.5); padding: 30px 15px; text-align: center; position: relative; cursor: pointer; }
.registerMenu dl:hover:after,
.registerMenu dl.active:after {content: ""; display: block; position: absolute; left: calc(50% - 20px); bottom: -20px; width: 0; height: 0; border-style: solid; border-width: 20px 20px 0 20px; border-color: #EF8943 transparent transparent transparent; }
.registerMenu dt { line-height: 1.4; color: #333; text-align: center; margin: 0 0 10px; padding: 50px 0 0; position: relative;  }
.registerMenu dd { line-height: 1.4; color: rgba(0,0,0,.5); text-align: left; font-size: .8rem; }

.registerMenu dl.active,
.registerMenu dl:hover { background: #EF8943; }
.registerMenu dl.active dt,
.registerMenu dl:hover dt { color: #fff; }
.registerMenu dl.active dd,
.registerMenu dl:hover dd { color: rgba(255,255,255,.5); }

.registerMenu dl:before { content: ""; position: absolute; top:30px; left: calc(50% - .5em); font-size: 30px; font-weight: normal; }
.registerMenu dl:nth-of-type(1):before { content: "1"; }
.registerMenu dl:nth-of-type(2):before { content: "2"; }
.registerMenu dl:nth-of-type(3):before { content: "3"; }
.registerMenu dl:nth-of-type(4):before { content: "4"; }

.registerMenu dl:hover:nth-of-type(1):before,
.registerMenu dl:hover:nth-of-type(2):before,
.registerMenu dl:hover:nth-of-type(3):before,
.registerMenu dl:hover:nth-of-type(4):before,
.registerMenu dl.active:nth-of-type(1):before,
.registerMenu dl.active:nth-of-type(2):before,
.registerMenu dl.active:nth-of-type(3):before,
.registerMenu dl.active:nth-of-type(4):before { color: #fff; }

.courseTit { background: #EFB644; margin: 0 auto 60px; display: flex; align-items: center; }
.courseTit .img { width: 150px; }
.courseTit .txt { width: calc(100% - 150px); text-align: center; color:#fff; }
.courseTit .txt h2 { text-align: center; text-decoration: underline; color:#fff; font-size: 1.5rem; font-weight: normal; }
.courseTit .txt p { text-align: center; color:#fff; font-size: 1rem; font-weight: normal; }

.courseInfo { border-top:1px solid #eee; border-bottom: 1px solid #eee; padding: 10px 0; margin: 0 0 40px; }
.courseInfo dl { display: flex; margin: 0 0 5px; }
.courseInfo dl dt { width: 160px; background: #F7DAA1; padding: 5px; line-height: 1.4; }
.courseInfo dl dd { width: calc(100% - 120px); padding: 5px; line-height: 1.4; margin: 0 0 0 10px; }

.courseSample { background: #F1EEEB; text-align: center; padding: 10px; margin: 0 0 10px; display: flex; align-items: center; justify-content: center; }
.courseSample h3 { display: inline-block;}
.courseSample ul { display: inline-block; padding: 0 0 0 10px; }
.courseSample ul li { display: inline-block; padding: 0 0 0 10px; }
.courseSample ul li a { display: inline-block; padding: 15px 30px; line-height: 1.2; color:#fff; background: #EF8943; box-shadow: 0 0 1px rgba(0,0,0,.1); border-radius: 2px; }
.courseSample ul li a:hover { color:#fff; background: #cF6923; }

.pdfInfo a { display: inline-block; margin: 0 0 40px 0; }
.pdfInfo a dl { display: flex; align-items: center; }
.pdfInfo a dt { margin: 0 10px 0 0; }
.pdfInfo a dd { line-height: 1.2; font-size: .8rem; }
.pdfInfo a:hover dd { color: #6794BB; }

.courseDetail { display: flex; justify-content: space-between; padding: 0 0 40px; border-bottom: 1px solid #eee; }
.courseDetail > .cont { width: calc((100% - 20px) / 2); }

.appealBtn { padding: 40px 0; text-align: center; }
.appealBtn h6 { color: #EF8943; text-align: center; font-weight: bold; margin: 0 auto 20px; }
.appealBtn ul { text-align: center; }
.appealBtn ul li { display: inline-block; }
.appealBtn ul li a {  }

.courseTheme { margin: 60px 0; }
.courseTheme h2 { font-size: 1.5rem; font-weight: bold; padding: 0 0 20px; line-height: 1.2; margin: 0 0 40px; text-align: center; position: relative; }
.courseTheme h2::after { content: url(/mri-trans/static/images/ico_theme_tit.svg); position: absolute; left: calc(50% - 30px); bottom: 0; }
.courseTheme .inr { display: flex; flex-wrap: wrap; }
.courseTheme .inr .cont { width: calc((100% - 3px) / 3); margin: 0 1px 0 0; text-align: center; padding:0 40px 40px; }
.courseTheme .inr .cont:nth-of-type(1) { border-top:5px solid #2B9BEE; background: rgba(213,228,239,.75); }
.courseTheme .inr .cont:nth-of-type(2) { border-top:5px solid #ECC33B; background: rgba(239,233,213,.75); }
.courseTheme .inr .cont:nth-of-type(3) { border-top:5px solid #3EA48F; background: rgba(213,239,227,.75); margin: 0; }
.courseTheme .inr .cont .step { line-height: 1; padding: 30px 0 10px; text-align: center; font-size: 30px; }
.courseTheme .inr .cont .step small { line-height: 1; font-size: 1rem; }
.courseTheme .inr .cont:nth-of-type(1) .step { color:#2B9BEE; }
.courseTheme .inr .cont:nth-of-type(2) .step { color:#D5B340; }
.courseTheme .inr .cont:nth-of-type(3) .step { color:#3EA48F; }
.courseTheme .inr .cont h3 { text-align: center; font-weight: bold; color:#111; line-height: 1.4; margin: 0 0 40px; }

.uservoice > .cont { display: flex; justify-content: space-between; margin: 0 0 20px; }
.uservoice > .cont .img { width: 75px; text-align: center; }
.uservoice > .cont .txt { width: calc((100% - 75px) - 20px); background: #CDE7EB; border-radius: 25px; padding: 20px; position: relative; }
.uservoice > .cont .txt:after { content: ""; display: block; position: absolute; top:30px; left: -20px; width: 0; height: 0; border-style: solid; border-width: 0 20px 20px 0; border-color: transparent #CDE7EB transparent transparent; }
.uservoice > .cont .txt h4 { font-size: 1.2rem; margin: 0 0 5px; line-height: 1.2; }
.uservoice > .cont .txt .date { margin: 0 0 20px; line-height: 1.2; }
.uservoice > .cont .txt p { margin: 0; padding: 0; line-height: 1.4; }

.courseSelect { display: flex; justify-content: space-between; flex-direction: row-reverse; margin: 40px 0; }
.courseSelect .img { width: 250px; }
.courseSelect .txt { width:calc((100% - 250px) - 20px); }
.courseSelect .txt ul { display: flex; flex-wrap: wrap;  }
.courseSelect .txt ul li { width: 25%; }
.courseSelect .txt ul li:before { content: "・"; }

.courseLine { display: flex; justify-content: space-between; margin: 0 0 40px; }
.courseLine dl { width: calc((100% - 20px) / 2); }
.courseLine dt { border-bottom: 1px solid #ddd; margin: 0 0 10px; }

.sitemap { max-width: 800px; margin: 0 auto; }
.sitemap ul { display: flex; justify-content: space-between; flex-wrap: wrap; }
.sitemap ul li { width: 50%; }

.columnlist > a dt { position: relative; }
.columnlist > a dt .label { position: absolute; top:5px; right: 5px; line-height: 1; font-size: 12px; color: #fff; background: rgba(34,34,34,.9); padding: 4px; min-width: 110px; text-align: center; }

.searchArea { background: rgba(0,0,0,.03); padding: 30px 10px; margin: 0 0 40px; text-align: center; border-radius: 2px; }
.searchArea .inr { display: inline-block; margin: 0 auto; }
.searchArea .inr ul { display: flex; margin: 0 0 15px; }
.searchArea .inr ul li { margin: 0 10px 0 0; }
.searchArea .inr ul li:nth-last-of-type(1) { margin: 0; }
.searchArea .inr ul li input  { font-size: 16px; height: 40px; padding: 0 .25em; border-radius: 0; width: 400px; }
.searchArea .inr ul li select { font-size: 16px; height: 40px; padding: 0 .25em; border-radius: 0; }
.searchArea .inr ul li button { font-size: 16px; height: 40px; width: 60px; border:none; outline: none; background: #EF8943; text-align: center; border-radius: 3px; cursor: pointer; }
.searchArea .inr ul li button:hover { background: #fF9953; }
.searchArea .inr ul li button:active { background: #C3693A; }
.searchArea .inr ol { display: flex; flex-wrap: wrap; }
.searchArea .inr ol li { margin: 0 5px 5px 0; }
.searchArea .inr ol li a { display: inline-block; line-height: 1; padding: 10px; background: #fff; font-size: 14px; color: #444; box-shadow: 1px 1px 0 rgba(0,0,0,.1); }
.searchArea .inr ol li a:hover { background: #847764; color: #fff; }

.voicelistV2 dl { background: #F6F0E3; border-radius: 7px; margin: 0 0 10px; cursor: pointer; transition: .4s; }
.voicelistV2 dl dt { font-size: 1.2rem; font-weight: 500; line-height: 1.25; position: relative; padding: 20px 50px 20px 20px; }
.voicelistV2 dl dt:after { content: ""; display: block; position: absolute; right: 25px; top:calc(50% - 10px); width: 12px; height: 12px; border-top: 1px solid #333; border-right: 1px solid #333; -webkit-transform: rotate(135deg); transform: rotate(135deg); transition: .4s; }
.voicelistV2 dl dt small { font-size: 12px; font-weight: 600; color: rgba(0,0,0,.5); }
.voicelistV2 dl dt small a { color: rgba(0,0,0,.5); text-decoration: underline; }
.voicelistV2 dl dd { display: block; visibility: hidden; height: 0; overflow: hidden; opacity: 0; margin: 0 20px; line-height: 2; font-size: 1rem; border-top:1px solid rgba(0,0,0,.1); transition: .4s; }
.voicelistV2 dl dd small { display: block; font-size: .85rem; font-weight: bold; text-align: right; color: rgba(0,0,0,.5); padding: 5px 0 0; }
.voicelistV2 dd a { display: block; max-width: 400px; margin: 20px auto; padding: 16px 30px 16px 16px; line-height: 1.2; border-radius: 3px; box-shadow: 3px 3px 6px rgba(0,0,0,.1); text-align: center; color: #fff; font-weight: 600; background:#EF8943; position: relative; top:0; transition: .4s; }
.voicelistV2 dd a:before { content: ""; display: block; position: absolute; right: 10px; top: calc(50% - 5px); display: inline-block; width: 10px; height: 10px; margin: 0 10px; border-top: 1px solid #fff; border-right: 1px solid #fff; transform: rotate(45deg); }
.voicelistV2 dd a:hover { color: #fff; background:#fF9953; top:-5px; }
.voicelistV2 .pickup { position: relative; }
.voicelistV2 .pickup::before { content: "PICKUP!"; position: absolute; left: 10px; top:-20px; display: flex; align-items: center; justify-content: center; background: #ff9349; color: #fff; border-radius: 3px; width: 70px; height: 30px; font-size: 11px; font-weight: bold; }
.voicelistV2 .pickup::after { content: ""; position: absolute; left: 40px; top:10px; display: block;width: 0; height: 0; border-style: solid; border-width: 7px 7px 0 7px; border-color: #ff9349 transparent transparent transparent; }

.voicelistV2 dl:hover,
.voicelistV2 dl.active { background: #eae4d7; }
.voicelistV2 dl dt:hover,
.voicelistV2 dl.active dt { color: #3091A9; }
.voicelistV2 dl.active dt:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.voicelistV2 dl.active dd { visibility: visible; opacity: 1; height: auto; padding: 10px 0 20px; }

.wp-block-list {list-style-type:disc;padding-left:1.5rem}
.wp-block-list li {list-style-type:disc}

@media print, screen and (min-width:1101px){
}
@media print, screen and (max-width:1100px){
	.swP { display: none; }
	.swT { display: block; }
	.swS { display: none; }
	.swP.swT { display: block; }
	.swP.swS { display: none; }
	.swT.swS { display: block; }
	.swP.swT.swS { display: block; }

	.globalheader ul { display: none; }
	header .menubtn { display: block; }
	header .headerRegister { margin-right: 40px; }
	header nav { display: none; position: fixed; top:100px; left: 20px; width: calc(100% - 40px); background: #fff; float: none; padding: 0; box-shadow: 2px 2px 10px rgba(0,0,0,0.2); z-index: 999; }
	header nav ul { margin: 0; padding: 0; float: none; display: flex; justify-content: flex-start; flex-wrap: wrap; }
	header nav li { float: none; width: calc(100% / 2); }
	header nav li a { display:block; line-height: 20px; margin:0; padding: 15px 10px 15px 25px; box-shadow: inset -1px -1px 0 rgba(0,0,0,0.1); position: relative; }
	header nav li a::before { content: ""; display: block; position: absolute; left:10px; top: calc(50% - 5px); width: 0; height: 0; border-style: solid; border-width: 5px 0 5px 6px;  border-color: transparent transparent transparent #EF8943; }
	body.scrollfix header nav { top:70px; }
	footer .footerContact .inr { display: block; }
	footer .footerContact .inr p { text-align: center; margin: 0 20px 10px; padding: 15px; }
	footer .footerContact ul { margin: 0 20px; justify-content: space-between; }
	footer .footerContact li { width: calc(50% - 5px); margin: 0; }
	footer .footerContact li a { width: auto; display: block; }
	footer .footerSitemap { padding: 20px; }
	footer .footerSitemap > .inr { flex-wrap: wrap; }
	footer .footerSitemap > .inr dl { width: calc((100% - 60px) / 3); }
	footer .footerSitemap > .inr dl dd { width: 100%; float: none; }
	footer .footerSitemap > .inr p { width: 100%; }
	.catch { margin: 20px auto; }
	.catch > h1 { margin: 0 30px; font-size: 1.2rem; }
	.catch > p { margin: 0 30px 20px; font-size: .9rem; }
	.catch .inr > a { width: 100%; max-width: 100%; margin: 0 5px 5px; }
	.catch .inr > a dl { display: flex; justify-content: space-between; align-items: center; }
	.catch .inr > a dt img { width: 180px; height: 180px; object-fit: cover; font-family: 'object-fit: cover;' }
	.catch .inr > a dd { width: 100%; }
	.catch .inr > a object a { margin: 0; }
	.courselist > .category ul li { width: calc((100% - 10px) / 3); }
	.courselist > .category ul li:last-child,
	.courselist > .category ul li:nth-of-type(3) { margin: 0 0 5px; }
	.courselist > .inr a { width: calc((100% - 10px) / 2); margin: 0 10px 0 0; }
	.courselist > .inr a:nth-of-type(3n) { margin: 0 10px 0 0; }
	.courselist > .inr a:nth-of-type(2n) { margin: 0 0 0 0; }
	.contactWrapM { margin: 20px 0; }
	.topcontent { margin: 40px 10px; display: block; }
	.topcontent .main { width: auto; margin: 0 0 20px; }
	.topcontent .sub { width: auto; margin: 0 0 20px; }
	.pickup ul li:nth-of-type(even) { margin: 0 15px 15px 0; }
	.page .main { margin: 20px; }
	.imgColumn { display: block; }
	.imgColumn > *:first-child { width: auto; }
	.imgColumn > *:last-child { width: auto; margin: 20px auto; }
	.sub { margin: 20px; }
	.main .pagecatch { margin: 40px 0; font-size: 1.3rem; }
	.sub .courselist > .inr a { width:50%; margin: 0; }
	.sub .courselist > .inr a:nth-of-type(3n),
	.sub .courselist > .inr a:nth-of-type(5n),
	.sub .courselist > .inr a:nth-of-type(2n) { margin: 0; }
	.topcontent .sub .pickup ul li:nth-of-type(even) { margin: 0 15px 15px 0; }
	.columnlist > a { width: calc((100% - 40px) / 3); margin: 0 20px 20px 0;  }
	.columnlist > a:nth-of-type(4n) { margin: 0 20px 20px 0 }
	.columnlist > a:nth-of-type(3n) { margin: 0 0 20px 0 }
	.columnlist > a dt img { height: 30vw; }
	.courseList > a { width: calc((100% - 30px) / 3); }
	.courseList > a:nth-of-type(5n) { margin: 0 15px 15px 0; }
	.courseList > a:nth-of-type(3n) { margin: 0 0 15px; }
	.courseSelect .txt ul li { width: 50%; }
	.voicelistV2 dl dt { font-size: 1rem; }
	.voicelistV2 dl dt small { font-size: 11px; }
	.voicelistV2 dl dt:after { right: 15px; }
	.voicelistV2 dl dd { line-height: 1.4; }
	.semiDateArticle { margin: -40px 0 20px; }
	.semiDateArticle dl { display: block; }
	.semiDateArticle dl dt { width: auto; font-size: 10px; font-size: 11px; padding: 2px; }
	.semiDateArticle dl dt span { font-size: 11px; }
	.semiDateArticle dl dd { width: auto; padding: 10px; line-height: 1.4; }
	.main > .newsArticle .inr .read .semiBtn { padding:5px; margin: 0 0 20px; }
	.main > .newsArticle .inr .read .semiBtn a { padding: 20px 5px; font-size: 12px; }
	.main > .newsArticle .inr .read .semiBtn a:after { display: none; }

}
@media print, screen and (max-width:640px){
	html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, em, img,strong,
	dl, dt, dd, ol, ul, li, form, label, table, caption, tbody, tfoot, thead, tr, th,
	td, article, aside, dialog, figure, figcaption, footer, header, hgroup, menu, nav,
	section, time, mark, audio, video { letter-spacing: 0; }
	.swP { display: none; }
	.swT { display: none; }
	.swS { display: block; }
	.swP.swT { display: none; }
	.swP.swS { display: block; }
	.swT.swS { display: block; }
	.swP.swT.swS { display: block; }

	header { padding: 15px 15px 15px 10px; }
	header .logo { width: calc(100% - 150px); height: 50px; display: flex; align-items: center; }
	header .headerContact a { width:55px; height: 50px; padding: 2px; }
	header .headerContact a span { display: block; text-align: center; font-size: .6rem; padding: 28px 0 0; }
	header .headerContact a span span { display: none; }
	header .headerContact a::after { display: block; top:7px; }
	header .headerRegister { margin-left:0; }
	header .headerRegister a { width:55px; height: 50px; padding: 2px; }
	header .headerRegister a span { display: block; text-align: center; font-size: .6rem; padding: 28px 0 0; }
	header .headerRegister a::after { display: block; block; top:6px; }
	header nav li { float: none; width: calc(100% / 1); }
	.supportsite ul li { margin:  0 auto 10px; }
	footer .footerContact h2 { font-size: 1.2rem; }
	footer .footerContact ul { display: block; }
	footer .footerContact li { width: auto; display: block; margin:10px 0 0; }
	footer .footerContact .inr p { display: block; }
	footer .footerContact .inr p em { display: block; }
	footer .footerSitemap { padding: 10px; }
	footer .footerSitemap > .inr { display: block; }
	footer .footerSitemap > .inr dl { width: auto; margin: 0 0 30px; }
	footer .footerSitemap > .inr dl dt { padding: 0; }
	footer .footerSitemap > .inr dl dd { width: 50%; float: left; }

	.pickup ul { display: flex; justify-content: space-between; }
	.pickup ul li,
	.pickup ul li:nth-of-type(even) { margin: 0 0 10px 0; width: calc((100% - 10px) / 2); }
	.topinfo dl { display: block; padding: 15px 0; }
	.topinfo dl dt { width: auto; font-size: .8rem; color: rgba(0,0,0,.5); }
	.topinfo dl dd { width: auto; }
	.catch .inr > a dd h2 { font-size: 1.1rem; }
	.contactWrapM { padding: 20px 20px 10px;}
	.contactWrapM h2 { font-size: 1rem; }
	.contactWrapM p em { font-size: 2.6rem; }
	.contactWrapM li { margin: 0 0 10px; display: block; }
	.contactWrapM li a { display: block; }

	.courselist > .category ul li { width: calc((100% - 5px) / 2); margin: 0 5px 5px 0; }
	.courselist > .category ul li:last-child,
	.courselist > .category ul li:nth-of-type(3) { margin: 0 5px 5px 0; }
	.courselist > .category ul li:nth-of-type(2n) { margin: 0 0 5px 0; }

	.page h1.title { font-size: 1.5rem; }
	.sub .pickup ul li:nth-of-type(even) { margin: 0 0 15px 0; }
	.topcontent .sub .pickup ul li:nth-of-type(even) { margin: 0 0 15px 0; }

	.main .newslist { margin:20px 0; padding: 20px; }
	.main .newslist dl { display: block; text-align: left; padding: 15px 0; }
	.main .newslist dl dt { width: auto; font-size: 10px; text-align: left; }
	.main .newslist dl dd { width: auto; }
	.main .newsArticle { margin:20px 0; }
	.main .newsArticle .inr { padding: 25px; }
	.main .pagenation ul li { display: none; }
	.main .pagenation ul li.prev,
	.main .pagenation ul li.next { display: block; }

	.page .newsArticle { margin:20px 0; }
	.page .newsArticle .inr { padding: 25px; }

	.columnlist > a { width: calc((100% - 16px) / 2); margin: 0 16px 16px 0;  }
	.columnlist > a:nth-of-type(4n) { margin: 0 16px 16px 0 }
	.columnlist > a:nth-of-type(3n) { margin: 0 16px 16px 0 }
	.columnlist > a:nth-of-type(2n) { margin: 0 0 16px 0 }
	.columnlist > a dt img { height: 44vw; }
	.main > .newsArticle .inr .kv { margin: -25px -25px 25px; }
	.howtoChart img { max-width: 100%; }
	.courseListLong > dl dt { width: 65px; }
	.courseListLong > dl dd { width: calc(100% - 80px); }
	.simplelist ul li { width: 100%; margin: 0; }
	.main > .kv { margin: -20px -20px 20px; }
	.courseList > a { width: calc((100% - 10px) / 2); margin: 0 10px 10px 0; }
	.courseList > a:nth-of-type(5n) { margin: 0 10px 10px 0; }
	.courseList > a:nth-of-type(3n) { margin: 0 10px 10px 0; }
	.courseList > a:nth-of-type(2n) { margin: 0 0 10px; }
	.courseList > a dl dt { width: 45px; }
	.courseList > a dl dd { width: calc(100% - 45px); padding: 0 5px; font-size: .8rem; }
	.courseList > a p { padding: 7px; }

	.bookwrap { display: block; }
	.bookwrap .img { width: auto; text-align: center; margin: 0 0 20px; }
	.bookwrap .txt { width: auto; }

	.page .contact dl { display: block; }
	.page .contact dl dt { width: auto; position: relative; padding:0 4em 0 0; margin: 0 0 10px; font-weight: 600; }
	.page .contact dl dt::before { right: 0; }
	.page .contact dl dd { width: auto; }
	.page .contact dl dd table,
	.page .contact dl dd tbody,
	.page .contact dl dd thead,
	.page .contact dl dd th,
	.page .contact dl dd td { display: block; width: 100%; padding: 5px 0; }

	.registerMenu dl { width: 50%; }

	.courseTit { display: block; margin: 0 0 20px; }
	.courseTit .img { width: auto; padding: 20px 10px 10px; text-align: center; }
	.courseTit .txt { width: auto; padding: 10px; }
	.courseTit .txt h2 { line-height: 1.25; font-size: 1.3rem; margin: 0 0 10px; }
	.courseTit .txt p { line-height: 1.4; font-size: .8rem; }
	.courseInfo dl { display: block;  }
	.courseInfo dl dt { width: auto; padding: 0; margin: 0 0 10px; line-height: 1; padding:5px 5px 3px; font-size: .8rem; font-weight: bold; color: rgba(0,0,0,.6);}
	.courseInfo dl dd { width: auto; padding: 0; margin: 0 0 15px; }
	.courseSample { display: block; text-align: center; }
	.courseSample ul { display: block; text-align: center; padding: 0; }
	.courseSample ul li { display: block; text-align: center; padding:10px 10px 0; margin: 0; }
	.courseSample ul li a { display: block; text-align: center; }
	.courseDetail { display: block; }
	.courseDetail > .cont { width: auto; }
	.courseDetail > .cont h3 { margin: 20px 0; }
	.courseTheme .inr { display: block;}
	.courseTheme .inr .cont { width: auto; }

	.uservoice > .cont .img { width: 30px; }
	.uservoice > .cont .txt { width: calc((100% - 30px) - 20px); padding: 10px; position: relative; border-radius: 10px; }

	.main > section { margin: 0 auto 40px; }
	.courseSelect { display: block; }
	.courseSelect .img { width: auto; text-align: center; margin: 0 0 20px; }
	.courseSelect .txt { width: auto; }
	.courseSelect .txt ul li { width: 100%; }
	.courseLine { display: block; margin: 0 0 20px; }
	.courseLine dl { width: auto; margin: 0 0 20px; }
	.courselist > .category ul li a { padding:5px; }
	.courselist > .category ul li a > span { font-size: .8rem; }

	.sitemap ul { display: block; }
	.sitemap ul li { width: auto; }

	.columnlist > a dt .label { font-size: 10px; min-width: 100px; }
	.searchArea { padding: 20px 20px 15px; }
	.searchArea .inr ul { display: block; margin: 0 0 15px; }
	.searchArea .inr ul li { margin: 0 0 5px 0; }
	.searchArea .inr ul li:nth-last-of-type(1) { margin: 0 0 5px; }
	.searchArea .inr ul li input  { width: 100%; }
	.searchArea .inr ul li select { width: 100%; }
	.searchArea .inr ul li button { width: 100%; }
	.searchArea .inr ul li button:hover { background: #fF9953; }
	.searchArea .inr ul li button:active { background: #C3693A; }
	.main > .newsArticle .inr h2 small .label { font-size: 12px; padding: 5px 10px; }
	.main > .newsArticle .inr h2 { font-size: 1.4rem; padding: 0 0 25px; line-height: 1.5; }


}
@media print, screen and (max-width:420px){
	.courselist > .inr a dl dt { width: 40px; }
	.courselist > .inr a dl dd { font-size: 11px; width: calc(100% - 45px); }
	.sub .courselist > .inr a dl dt { width: 40px; }
	.sub .courselist > .inr a dl dd { font-size: 11px; width: calc(100% - 45px); }
}
@media print, screen and (max-width:374px){
	.courselist > .inr a dl dt { width: 35px; }
	.courselist > .inr a dl dd { font-size: 10px; width: calc(100% - 40px); }
	.courselist > .inr a dl dt { width: 35px; }
	.courselist > .inr a dl dd { font-size: 10px; width: calc(100% - 40px); }
}

.contact tr.error {display: table-row !important;}
.mw_wp_form_confirm .mw_wp_form_hide_confirm {display:none;}
.mw_wp_form_confirm .kv {margin-bottom:40px;}
.main section.register p { margin: 0 0 30px; letter-spacing: 0; }

.register .errorlist { background: rgba(255,0,0,0.075); padding: 15px; margin: 0 0 30px; border: 2px solid #D65A5A; }
.register .errorlist > span { display: block; }
.register .errorlist:empty{padding: 0; border:none}

.EnglishWordBreak{
	word-break:normal;
	overflow-wrap:normal;
	/*color:red;*/
}

.main > .newsArticle .inr .spInterview img { width: auto; height: auto; }
.main > .newsArticle .inr .spInterview .catch { margin: 30px 0;}
.main > .newsArticle .inr .spInterview .catch h3 { text-align: left; font-size: 1.6rem; font-weight: bold; line-height: 1.4; color: #EF8943; margin: 0; }
.main > .newsArticle .inr .spInterview .catch p { text-align: left; font-size: 1rem; line-height: 1.4; color: #222; }
.main > .newsArticle .inr .spInterview .caption p { text-align: left; font-size: 1.1rem; color: rgba(0,0,0,.9); }
.main > .newsArticle .inr .spInterview .intro h3 { text-align: left; font-size: 1.6rem; color: #ef2c86; }
.main > .newsArticle .inr .spInterview .intro .inr { margin: 0; padding: 0; border:none; }
.main > .newsArticle .inr .spInterview .intro .inr dl { display: flex; justify-content: space-between; padding: 20px; background: #f8f2e8; margin: 30px 0; }
.main > .newsArticle .inr .spInterview .intro .inr dl dt { width: 140px; text-align: center; }
.main > .newsArticle .inr .spInterview .intro .inr dl dt img { width: 140px; object-fit: cover; border-radius: 300px; }
.main > .newsArticle .inr .spInterview .intro .inr dl dd { width: calc((100% - 140px) - 20px); }
.main > .newsArticle .inr .spInterview .intro .inr dl dd h4 { font-size: 1.2rem; color: rgba(0,0,0,.9); }
.main > .newsArticle .inr .spInterview .intro .inr dl dd p { margin: 0; }
.main > .newsArticle .inr .spInterview .body .talk { margin: 40px 0; }
.main > .newsArticle .inr .spInterview .body .talk dt { font-size: 1.3rem; color:#15a3b3; line-height: 1.4; margin: 0 0 10px; padding: 0 0 0 40px; position: relative; font-weight: bold; }
.main > .newsArticle .inr .spInterview .body .talk dt::before { content: "Q"; font-family: 'Arial Narrow', Arial, sans-serif; font-size: 36px; font-weight: 100; color:#15a3b3; position: absolute; left: 0; top:calc(50% - .5em); line-height: 1; }
.main > .newsArticle .inr .spInterview .body .talk dd { padding: 0 0 0 40px; position: relative; }
.main > .newsArticle .inr .spInterview .body .talk dd em { font-weight: bold; color: #EF2C86; }
.main > .newsArticle .inr .spInterview .body .talk dd::before { content: "A"; font-family: 'Arial Narrow', Arial, sans-serif; font-size: 36px; font-weight: 100; color:#EF2C86; position: absolute; left:2px; top:0; line-height: 1; }
.main > .newsArticle .inr .spInterview .body .talk.imgLeft { display: flex; justify-content: space-between; }
.main > .newsArticle .inr .spInterview .body .talk.imgLeft .img { width: 240px; text-align: center; }
.main > .newsArticle .inr .spInterview .body .talk.imgLeft .img img { width: 240px; border-radius: 3px; }
.main > .newsArticle .inr .spInterview .body .talk.imgLeft dl { width: calc((100% - 240px) - 20px); }
.main > .newsArticle .inr .spInterview .body .talk.imgRight { display: flex; justify-content: space-between; flex-direction: row-reverse; }
.main > .newsArticle .inr .spInterview .body .talk.imgRight .img { width: 240px; text-align: center; }
.main > .newsArticle .inr .spInterview .body .talk.imgRight .img img { width: 240px; border-radius: 3px; }
.main > .newsArticle .inr .spInterview .body .talk.imgRight dl { width: calc((100% - 240px) - 20px); }
.main > .newsArticle .inr .spInterview .outro .inr { margin: 0; padding: 0; border:none; }
.main > .newsArticle .inr .spInterview .outro .inr dl { display: flex; justify-content: space-between; margin: 30px 0; }
.main > .newsArticle .inr .spInterview .outro .inr dl dt { width: 140px; text-align: center; }
.main > .newsArticle .inr .spInterview .outro .inr dl dt img { width: 140px; object-fit: cover; border-radius: 300px; }
.main > .newsArticle .inr .spInterview .outro .inr dl dd { width: calc((100% - 140px) - 20px); padding: 20px; background: #ef8943; color:#fff; border-radius: 15px; box-shadow: 5px 5px 10px rgba(0,0,0,.05); position: relative; min-height: 140px; }
.main > .newsArticle .inr .spInterview .outro .inr dl dd::before { content: ""; display: block; position: absolute; left: -15px; top:60px; width: 0; height: 0; border-style: solid; border-width: 10px 15px 10px 0; border-color: transparent #ef8943 transparent transparent; }
.main > .newsArticle .inr .spInterview .outro .inr dl dd h4 { font-size: 1.2rem; color: rgba(0,0,0,.9); }
.main > .newsArticle .inr .spInterview .outro .inr dl dd p { margin: 0; }
@media print, screen and (max-width:640px){
	.main > .newsArticle .inr .spInterview .intro .inr dl { display: block; }
	.main > .newsArticle .inr .spInterview .intro .inr dl dt { width: auto; margin: 0 auto 15px; }
	.main > .newsArticle .inr .spInterview .intro .inr dl dd { width: auto; }
	.main > .newsArticle .inr .spInterview .body .talk.imgLeft { display: block;}
	.main > .newsArticle .inr .spInterview .body .talk.imgLeft .img { width: auto; margin: 0 auto 20px; }
	.main > .newsArticle .inr .spInterview .body .talk.imgLeft dl { width: auto; }
	.main > .newsArticle .inr .spInterview .body .talk.imgRight { display: block;}
	.main > .newsArticle .inr .spInterview .body .talk.imgRight .img { width: auto; margin: 0 auto 20px; }
	.main > .newsArticle .inr .spInterview .body .talk.imgRight dl { width: auto; }
	.main > .newsArticle .inr .spInterview .outro .inr dl { display: block;}
	.main > .newsArticle .inr .spInterview .outro .inr dl dt { width: auto; }
	.main > .newsArticle .inr .spInterview .outro .inr dl dd { width: auto; margin: 30px 0 0; }
	.main > .newsArticle .inr .spInterview .outro .inr dl dd:before { left: calc(50% - 7.5px); top:-15px;  border-width: 0 10px 15px 10px; border-color: transparent transparent #ef8943 transparent; }
}