@media screen and (max-width: 1150px) {

	.seminar-find-box > a,
	.seminar-calendar-box > a {
		width: fit-content;
		min-width: unset;
		padding: 0 25px 0 25px;
	}

}

@media screen and (max-width: 1000px) {

	.seminar-button-area-fixed.fixedmode {
		justify-content: space-evenly;
		height: 60px;
	}
	.seminar-calendar-box {
		margin-right: 15px;
	}
	.seminar-calendar-box > a {
		font-size: 17px;
	        line-height: 19px;
		height: 50px;
	        font-weight: bold;
		padding: 0 22px 0 21px;
	}
	.seminar-calendar-box > a:active {
		background: #1c7bb3;
	}
	.seminar-calendar-box > a > img {
	    width: 28px;
	    height: 28px;
	}

	.seminar-find-box {
		margin-right: 0px;
	}
	.seminar-find-box > a {
		font-size: 17px;
	        line-height: 19px;
		height: 50px;
	        font-weight: bold;
		padding: 0 22px 0 22px;
	}
	.seminar-find-box > a:active {
		background: var(--base-color);
	}
	.seminar-find-box > a > img {
	    width: 26px;
	    height: 26px;
	}
	.seminar-find-box > a > i {
	    font-size: 20px;
	}
}

@media screen and (max-width: 856px) {

body {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.6;
-webkit-text-size-adjust: 100%; 
margin-left:auto;
margin-right:auto;
}

html.active {
	overflow: hidden !important;
	height: 100%;
}

body.active {
	overflow: hidden !important;
	height: 100%;
}
	
/*モーダル用*/
.modalBaseBody{overflow: hidden;}	
	
.main{min-height: calc(100vh - 100px); display: block; min-width: 300px;}	
*{word-break: break-all;/* 意図しない横幅が出ないように画面幅で強制改行を有効にする */}

a,div,img,ul,li,ol,dt,dl,dd,span,
h1,h2,h3,h4,h5,h6,h7,h8,
article,aside,canvas,details,figcaption,figure,
header,footer,hgroup,menu,nav,section,summary,input,textarea,p {-webkit-box-sizing: border-box;box-sizing: border-box;}

.pcOnly {display: none !important;}

p{word-break:normal; word-wrap:break-word;}

/* =====================================================================
	SP共通
==============================================================*/
/*wrap系 start=======================================================*/	
.wrap{min-height: 100vh; max-width: 100vw; overflow-x: hidden;}
.common-wrap01,.subttl{width: 92%; margin-left: auto; margin-right: auto; display: block;}	
.common-pad{padding: 25px 0;}
.common-lower{padding: 10px 0 45px;}
/*wrap系 end=======================================================*/
/*button*/
header ul.header-top-menu li a i{margin-right: 0.5em;}

	
/*header start=======================================================*/	
header{height: 80px; width:100%; z-index:90; position:fixed; top:0; left:0; background-color: var(--base-color);}
header h1 {position: absolute; top: 17px; left: 15px; display: flex;}
header h1 img {width:280px;}
header h1 span {display: flex; padding: 1px 7px; border: solid 1px var(--white); color: var(--white); margin: 20px 0 0 10px; font-size: 14px; align-items: center; justify-content: center; line-height: 1.4;}
#HeadMenuBtn {}
/* ハンバーガーボタンのデザイン調整 */
.header__trigger {
position: fixed;
right:0; top:0;
background-color:transparent;
width: 80px;
height: 80px;
border: none;
z-index: 9; /* メニューを開いている時もクリックできるよう設定 */
}
/* ハンバーガーボタン内の線、デザイン調整 */
.header__trigger > span {
	background-color:#fff;
	background-color: #ddf2d1;
	position: absolute;
	left: 0;
	width: 30px;
	height: 2px;
	/* transform: translateX(-50%); */
	transition: transform 0.3s ease;
}
/* ハンバーガーボタン内の線、位置調整 */
.header__trigger > span:first-child {top: 26px; left: 25px;}
.header__trigger > span:nth-child(2) {top: 50%; transform: translateY(-50%); left: 25px;}
.header__trigger > span:last-child {bottom: 26px; left: 25px;}
.header__trigger p {display: block; position: absolute; bottom:-11px; font-weight: 600; color:#fff; font-size:110%;}
.header__trigger.active > span {
	background-color: #fff;
	background-color: #ddf2d1;
}
.header__trigger.active > span:first-child {transform: translate(-15%, 12px) rotate(-45deg); transition: transform 0.3s ease; left: 30px;}
.header__trigger.active > span:nth-child(2) {transform: translate(-15%, 0) rotate(45deg); transition: transform 0.3s ease; left: 30px;}
.header__trigger.active > span:last-child {opacity: 0;transition: opacity 0.3s ease; left: 30px;}

/* ハンバーガーボタンnew start */
.header-btn-trigger {
	position: fixed;
	right:15px;
	top:18px;
	z-index: 9;
	width: 50px;
	height: 44px;
	cursor: pointer;
}
.header-btn-trigger {
        right: 15px;
        top: 15px;
	top: 26px;
        width: 35px;
        height: 28px;
}
.header-btn-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #fff;
  /*background-color: #ddf2d1;*/
  border-radius: 4px;
}
.header-btn-trigger, .header-btn-trigger span {
  display: inline-block;
  transition: all .5s;
  box-sizing: border-box;
}
.header-btn-trigger.ani-off span {
	animation: none !important;
}
.header-btn-trigger span:nth-of-type(1) {
  top: 0;
}
.header-btn-trigger span:nth-of-type(2) {
  top: 20px;
}
.header-btn-trigger span:nth-of-type(2) {
  top: 13px;
}
.header-btn-trigger span:nth-of-type(3) {
  bottom: 0;
}

#btn-type-new span:nth-of-type(1) {
  -webkit-animation: btn-type-new-bar01 .75s forwards;
  animation: btn-type-new-bar01 .75s forwards;
}
@-webkit-keyframes btn-type-new-bar01 {
  0% {
    -webkit-transform: translateY(13px) rotate(45deg);
  }
  50% {
    -webkit-transform: translateY(13px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0);
  }
}
@keyframes btn-type-new-bar01 {
  0% {
    transform: translateY(13px) rotate(45deg);
  }
  50% {
    transform: translateY(13px) rotate(0);
  }
  100% {
    transform: translateY(0) rotate(0);
  }
}
#btn-type-new span:nth-of-type(2) {
  transition: all .25s .25s;
  opacity: 1;
}
#btn-type-new span:nth-of-type(3) {
  -webkit-animation: btn-type-new-bar03 .75s forwards;
  animation: btn-type-new-bar03 .75s forwards;
}
@-webkit-keyframes btn-type-new-bar03 {
  0% {
    -webkit-transform: translateY(-13px) rotate(-45deg);
  }
  50% {
    -webkit-transform: translateY(-13px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0);
  }
}
@keyframes btn-type-new-bar03 {
  0% {
    transform: translateY(-13px) rotate(-45deg);
  }
  50% {
    transform: translateY(-13px) rotate(0);
  }
  100% {
    transform: translateY(0) rotate(0);
  }
}
#btn-type-new.active span:nth-of-type(1) {
  -webkit-animation: active-btn-type-new-bar01 .75s forwards;
  animation: active-btn-type-new-bar01 .75s forwards;
}
@-webkit-keyframes active-btn-type-new-bar01 {
  0% {
    -webkit-transform: translateY(0) rotate(0);
  }
  50% {
    -webkit-transform: translateY(13px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(13px) rotate(45deg);
  }
}
@keyframes active-btn-type-new-bar01 {
  0% {
    transform: translateY(0) rotate(0);
  }
  50% {
    transform: translateY(13px) rotate(0);
  }
  100% {
    transform: translateY(13px) rotate(45deg);
  }
}
#btn-type-new.active span:nth-of-type(2) {
  opacity: 0;
}
#btn-type-new.active span:nth-of-type(3) {
  -webkit-animation: active-btn-type-new-bar03 .75s forwards;
  animation: active-btn-type-new-bar03 .75s forwards;
}
@-webkit-keyframes active-btn-type-new-bar03 {
  0% {
    -webkit-transform: translateY(0) rotate(0);
  }
  50% {
    -webkit-transform: translateY(-13px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(-13px) rotate(-45deg);
  }
}
@keyframes active-btn-type-new-bar03 {
  0% {
    transform: translateY(0) rotate(0);
  }
  50% {
    transform: translateY(-13px) rotate(0);
  }
  100% {
    transform: translateY(-13px) rotate(-45deg);
  }
}
/* ハンバーガーボタンnew end */

.headerNavArea {background-color:#2a89cb; position: fixed; top: 0; width:100%; padding:10px 0 0 0;}

header a.typeLogin{display: none;}
header a.typeLogin i {padding-right: 10px;}

/* メニューのデザイン */
.globalNavSP { position: fixed; top: 80px; left: 100%; width: 100%; height: calc(100vh - 80px); background-color: #fff; padding: 1rem 1rem 2rem 1rem; transition: all 0.3s ease; overflow: auto; z-index: 90;}

.globalNavSP .globalNavSP-layout
{
	width: 100%;
	display: flex;
	justify-content: flex-end;
}

.globalNavSP ul {
	width:100%; margin:0 auto; padding:30px 0;
        max-width: 420px;
}
.globalNavSP ul li {width:80%; margin:0 auto; font-size:125%;}
.globalNavSP ul li a {display: block; padding:10px; width:100%; margin:0 auto; pointer-events:none; border-bottom:solid 1px #ccc; position: relative;}
.globalNavSP ul li:first-child a {border-top:solid 1px #ccc;}
.globalNavSP ul li i {margin:0 10px 0 0; color:var(--base-color);}

.NavBtn{
	display: flex; width: 80%;
	justify-content: center;
	margin: 20px auto;
}
.globalNavSP a.typeLogin {display: block; width: 50%; margin:0 5px 0 0; background-color:var(--base-color); border-radius: 5px; color:#fff; padding:2px 5px; border-bottom-style:none; text-align: center; height: auto; padding-top: 1px;}
.globalNavSP a.typeLogin i {color:var(--white);}
.globalNavSP a.typeTop {display: block; width: 50%; margin:0 0 0 5px; color:var(--base-color); border-radius: 5px; border: solid 1px var(--base-color); padding:2px 5px; text-align: center; font-size: 17px; padding-top: 4px; padding-left: 4px;}

.globalNavSP a.typeTop i {
        color: var(--base-color);
        margin-right: 10px;
        font-size: 90%;
        position: relative;
        top: -1px;
}

.globalNavSP a.typeLogin,
.globalNavSP a.typeTop
{
	padding: 0;
	height: 38px;
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 155px;
}
.globalNavSP a.typeLogin i,
.globalNavSP a.typeTop i
{
    position: relative;
    top: 1px;
}

.globalNavSP li.parent {padding:15px 10px 15px 25px; border-bottom:solid 1px #ccc;}

.globalNavSP li ul {
	padding:10px 0 0 0 ; font-size: 85%;
	padding-top: 0px;
}
.globalNavSP li ul li {width:100%; padding: 0; margin-left: 15px;font-size: 110%;}
.globalNavSP li ul li a {border-bottom-style:none; padding: 5px;}
.globalNavSP li ul li:first-child a {border-top-style:none;}

.active #mask {display: block; position: fixed; top: 80px; left: 0; width: 100%; height: 100%; z-index: 2; cursor: pointer; background-color: rgba(0, 0, 0, 0.75);}

.NavAd{
	width: 80%; margin: 40px auto; margin-bottom:calc(80px + env(safe-area-inset-bottom)); border: solid 2px var(--base-color); background-color: #fbffee; padding: 20px;
	max-width: 340px;
}
.NavAd .name{font-size: 80%; line-height: 1.2;}
.NavAd h2{font-size: 120%; font-weight: 700; line-height: 1.2;}
.NavAd .ad{font-size: 85%; line-height: 1.2; padding: 5px 0;}
.NavAd .tel{line-height: 1.2; padding: 5px 0 0;}
.NavAd .tel span{font-size: 85%; font-weight: 400;}
.NavAd .tel i{font-size: 15px;}
	
.globalNavSP {
	left: 0;
	pointer-events: none;
	opacity: 0;
	transform-origin: center;
	transform: scale(.5);
	transition: all .3s ease;
}
.globalNavSP.active {
	pointer-events: auto;
	opacity: 1;
	transform: scale(1.0);
}
.globalNavSP.active  ul li a { pointer-events:auto;text-indent: -1rem; padding-left: 2.5rem;}


.globalNav ul {display: none;}

/*header end=======================================================*/		

/*footer start=======================================================*/


.pageTop {position: fixed; right:20px; bottom:20px; z-index:10;}
.pageTop i {font-size:300%; color:#666; }

footer{padding-top: 25px;}

.detail_footer{padding-bottom: 50px !important;}

footer {
    position: relative;
}
footer .footer-pagetop-area {
    position: absolute;
    top: -35px;
    width: 100%;
    left: 0px;
    display: flex;
    justify-content: center;
}
footer .footer-pagetop-area .footer-pagetop {
    width: 1280px;
    max-width: 90%;
    display: block;
    text-align: right;
    font-size: 90%;
}
footer .footer-pagetop-area .footer-pagetop a i {
    margin-right: 5px;
    position: relative;
    top: 2px;
    font-size: 105%;
}
	
/*footer end=======================================================*/	
	
/* =====================================================================
	pagetop
==============================================================*/
.pagetop {display: none; position: fixed; bottom: 10px; right: 10px; z-index: 40; width:50px; height:50px; padding-top:7px; text-align: center; border-radius: 50%; cursor: pointer; background: #999;}		
.pagetop i {color:#fff; font-size:30px;}


/* ---------------------------------------------------------------- */
/* 初期パーツのcss--ここまで */
/* ---------------------------------------------------------------- */

h2.TitleType06 {
    font-size: 20px;
}
h2.TitleType06::before {
    display: block;
    font-size: 26px;
}
.seminarYearArea {
    padding: 40px 20px;
    padding-bottom: 100px;
    padding-bottom: 0px;
}
.seminarYearArea:first-child {
    margin-top: 0px;
}
.seminarYearArea img.pagetitle-common2 {
    opacity: 0.3;
    right: -10px;
    top: -15px;
    transform: unset;
    width: 50%;
    max-width: 270px;
}

.seminar-select-box {
    width: 100%;
    transform: translateX(-50%);
    left: 50%;
    padding-left: 20px;
    padding-right: 20px;
}
.seminar-select-box .seminar-select-trigger {
        font-size: 18px;
        padding-right: 55px;
        line-height: 24px;
        padding-top: 12px;
        padding-bottom: 13px;
}
.seminar-select-box .seminar-select,
.seminar-select-box .seminar-select-trigger,
.seminar-select-box .seminar-select-wrapper,
.seminar-select-box .seminar-select-options {
        width: 100%;
}
.seminar-select-box .seminar-select-option:hover,
.seminar-select-box .seminar-select-option.selection,
.seminar-select-box .seminar-select-option {
    line-height: 22px;
    font-size: 16px;
    padding-top: 12px;
    padding-bottom: 13px;
}
.seminarList {margin-top: 20px !important;}

#pageTitleCommon {height: 120px; border-bottom:solid 4px var(--base-color); width:100%; margin:80px 0 0 0; background-image: url("../../images/common/pageTitleCommonSp_bg.png"); background-repeat: no-repeat; background-position: right bottom;}
#pageTitleCommon h2 {width:90%; margin:0 auto; height:120px; line-height:1.3; font-size:150%; font-weight: 600; padding-top: 42px;}
#pageTitleCommon h2 {
        padding-top: 0;
        padding: 0;
        line-height: 28px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-wrap: nowrap;
        width: 1280px;
        max-width: 90%;
        margin: 0 auto;
}

.pankuzu {padding:10px 0; font-size:90%; background-color:#f5f5f5;}
.pankuzu ul {width:90%; margin:0 auto;}
.pankuzu ul li {}
.pankuzu ul li::after {content:">"; font-family: "FontAwesome"; margin:0 5px; color:#999;}
.pankuzu ul li:last-child::after {content:none;}
.pankuzu ul li a {}
.pankuzu ul li a svg {width:20px;}

main {margin: 0 auto; width:100%;}

.TitleType01 {color:var(--base-color); border-bottom:double 3px var(--base-color); font-size:160%; font-weight: bolder; padding:0 0 10px 0;}
.TitleType01 h3 {font-weight: bolder;}

.TitleType02 {font-size:120%; background-color:var(--base-color); color:#fff; padding:5px 5px 6px 25px; margin-bottom:30px; border-radius:5px; position: relative;}
.TitleType02::before {content:""; display: block; background-color:#bde67f; width:5px; height:25px; position: absolute; left: 13px; top:9px; border-radius: 3px;}

.TitleType03 {background-color:var(--base-color); color:#fff; line-height:35px; padding:0 40px 0 20px; position: relative; display: inline-flex; align-items: center; font-weight: 400;}
.TitleType03::after {content: ""; position: absolute; bottom: 0; right: -20px; width: 0; height: 35px; border-style: solid; border-color: transparent transparent var(--base-color) transparent; border-width: 0px 20.5px 35px 20.5px;}

.TitleType04 {font-weight: bolder;}
.TitleType04 i {color:var(--base-color); margin:0 5px 0 0;}
.TitleType04 span {font-weight: 400; font-size:90%; display: block; padding-bottom: 5px;}

.TitleType05 {font-size:140%; font-weight: bolder;}

.LinkType01 {display: block; text-align: center; height:50px; line-height:50px; background-color:var(--btn-bg-gray); color:#fff;}
.LinkType01 i {margin:0 5px;}

.LinkType02 {display: block; text-align: center; height:50px; line-height:50px; background-color:var(--point-color); color:#fff;}

.downloadArea {background-color:#e7eefb; padding:30px;}

/*wrap系 start=======================================================*/
.site-width {margin:0 auto; width:90%;}
.common-wrap01{margin:0 auto; width:90%;}
/*.common-pad{padding: 50px 0;}*/
.common-lower{padding: 25px 0 75px;}

.scroll-top {margin:0 auto; width:90%;}
.scroll-top a {
    font-size: 12px;
    right: -18px;
    top: -130px;
}
/*wrap系 end=======================================================*/

.input-btn-area {position: fixed; bottom:0; background-color:rgba(0,0,0,0.15); padding:10px; width:100%;}
.input-btn-area ul {}
.input-btn-area ul li {}

/*------------------------------------------------------------------------------------------*/
/* input-btn-area */

.confirm-flex{display: flex; flex-direction: column; align-items: center;}
.entry-flex{display: flex; flex-direction: column; align-items: flex-end;}
.entry-flex2{display: flex; justify-content: space-between;}
	
.entryBtn02{width:130px !important; height: 30px !important; padding: 2px 5px 0 !important; line-height: 18px !important; border-radius: 5px; font-size: 95%;}
	
.btn-alien{font-size: 100%;}

	
/* ----------
about------------------------------------------ */

.abouStepBox {}
.abouStepBox dl {position: relative; padding:0; margin:0 auto 50px; margin-bottom: 80px;}
.abouStepBox dl:last-child {margin-bottom: 50px;}
.abouStepBox dl::after {content: ""; position: absolute; left: 50%;  bottom: -58px; transform: translateX(-50%) translateY(-50%) rotate(180deg); border-style: solid; border-color: transparent transparent var(--lightBlue) transparent; border-width: 0px 17.5px 17px 17.5px;}
.abouStepBox dl:last-child::after {display: none;}
.abouStepBox dt {}
.abouStepBox dt p {text-align: center;}
.abouStepBox dt p.titleStep {background-color:var(--lightBlue); color:var(--white); margin: 0 !important; padding:5px 0; text-align: center; font-weight: 600; font-size:110%;}
.abouStepBox dt p img {width:30%;}
.abouStepBox dd {padding:10px; background-color: #f5f5f5;}
.abouStepBox dd div {display: block !important; padding: 0 10px;}
.abouStepBox dd div img {float: right; margin: 20px 15px 10px;}
.abouStepBox dd div img {
    width: 85px;
    position: absolute;
    right: 5px;
    z-index: 2;
    top: -88px;
}
.abouStepBox dd div img.step1 {
    width: 80px !important;
    top: -81px;
}
.abouStepBox dd div img.step3 {
    width: 75px !important;
    top: -75px;
}
.abouStepBox dd div::after {content: ""; display: block; clear: both;}
.StepFlex{display: flex !important; padding: 0 !important;}
.abouStepBox dd p {padding: 10px; letter-spacing: -0.2px;}
.abouStepBox dd .wid30Per {margin: auto 0;}
.abouStepBox dd .wid70Per {}
	
.abouStepBox {}
.abouStepBox .stepPointBox {border:solid 1px #ccc; padding:10px 20px;}

.aboutMeritBox {padding:10px 20px; margin:20px auto;}
.aboutMeritBox .aboutMeritTtl {color:var(--btn-bg-orange); font-size:110%; font-weight: 600;}

.aboutStepTitle {font-size:140%; margin-bottom:20px; border-radius:5px; position: relative; font-weight: 600; text-indent: -2em; padding-left: 2em;}
.aboutStepTitle span {background-color:var(--base-color); padding:3px 10px; margin:0 10px 0 0; color:var(--white);}

.aboutSeminarImg {margin:0 auto 10px auto;}
.aboutSeminarImg img {width:100%; height:auto;}
.aboutSeminarCon {}
.aboutSeminarCon dl {margin:10px auto 0 auto;}
.aboutSeminarCon dl dt {width:180px; color:var(--white); text-align: center; margin:0 0 5px 0;}
.aboutSeminarCon dl dd {}

/* ----------
contact------------------------------------------ */

.contactTel {background-color:#e5e5e5; padding:10px; margin:0 5px;}
.contactTel dl {line-height: 1.3; width:85%; display: flex; font-size: 85%;}
.contactTel dl div {width: 192px;}
.contactTel dl dt {}
.contactTel dl dd {font-size:160%;}
.contactTel dl dd a {display: block; font-weight: 600;}
.contactTel dl dd span {display: block; font-size:60%;}
.contactTel dl {width: 400px; padding: 15px 10px; justify-content: center; white-space: nowrap;}
.contactTel-in{padding-bottom: 0;}
.contactTel-in2{padding-top: 0;}
.contactTel i {font-size:240%; margin:0 10px 0 0; color:#333; display: flex; padding-top: 10px;}
.Tel-i{font-size:274% !important; padding-top: 9px !important;}
.contact-p{font-size: 80%; padding-top: 4px;}
	
.contactSeminarTitle {display:none;}

.agreementArea {text-align:center; padding:20px; background-color:#d4f1f9;}
.agreementArea iframe {baackground-color:#fff; border:solid 1px #ccc;}

.type-input {width:100%;}
.type-input th , .type-input td {display: block;}
.type-input th {position: relative; padding:15px 5px 2px 5px; font-weight: 600;}
.type-input tr{ border-bottom:solid 1px #ccc;}
.type-input tr:last-child{border-bottom: none;}	
.type-input td {padding:0px 5px 35px 5px;}
.type-input tr:last-child td{padding-bottom: 15px;}	
.btnArea {padding:20px; background-color:#f5f5f5; margin:50px 0 0 0; text-align: center;}


.entryFinBox {border:solid 7px #edf6fc; padding:20px; margin:60px auto;}
.entryFinBox dt {font-size:1.4rem; border-bottom: solid 1px #ccc; padding:0 0 10px 0; margin:0 0 30px 0; text-align: center;}
.entryFinBox dt i {display: block; font-size:5rem; color:#a2e581; margin:0 0 10px 0;}
.entryFinBox dd ul {background-color:#f5f5f5;}

/*------------------------------------------------------------------------------------------*/
/* contents */


.seminarList {margin: 50px auto 0 auto;}
.seminarList .seminarMonth {width:100%; background-color:#555; color:#fff; padding:5px 0 5px 10px; margin:0 auto 20px auto;}
.seminarList .seminarMonth h3 {font-size:130%;}
.seminarList .seminarBlock { width: 100%;}
.seminarList .seminarContents {background-color:var(--bg-color); margin:0 0 20px 0; border:solid 1px #ccc;}
.seminarList .seminarContents:last-child {margin-bottom:0;}
.seminarList .seminarContents a {color:var(--base-txt-color);}
.seminarList .seminarContents a > div,
.seminarList .seminarContents > div {padding:10px;}
.seminarList .seminarContents > div.seminarTitle {padding:10px 20px;}
.seminarList .seminarTitle {width:100%; margin:0 0 10px 0;}
.seminarList .seminarTitle h4 {font-size:130%; font-weight: 600; color:#555;}
.sp-seminardate {color:#cd6464; text-align: center; margin-bottom: 5px;}
.sp-seminardate.typeEnd {color:#666;}

.seminarList .seminarBlockInner.junbi {color: #888;}
.seminarList .seminarBlockInner.junbi .TitleType04 span {color: #666;}
.seminarList .seminarBlockInner.junbi .seminarCourse table td {color: #666;}
.seminarList .seminarBlockInner.junbi .seminarTitle h4 {color: #888;}

.seminarList .seminarCourse {background-color:#fff; margin:0 auto 20px auto; padding:10px 15px;}
.seminarList .seminarCourse:last-child{margin-bottom:0;}
.seminarList .seminarCourseInner {}
.seminarList .seminarCourseInner:first-child {}
.seminarList .seminarCourseInner:last-child {}
.seminarList .seminarCourse table {width:100%;}


.seminarList .seminarCourseInner .FlexBoxB > label,
.seminarList .seminarCourse table {
	width:100%;
}
.seminarList .seminarCourse label.label-table-first {
	width:40%;
	min-width: 340px;
	max-width: 340px;
        display: flex;
        align-items: center;
}
.seminarList .seminarCourse table.table-first {
	width:100%;
}
.seminarList .seminarCourse label.label-table-last {
	width:60%;
	display: flex;
        align-items: center;
}
.seminarList .seminarCourse table.table-last {
	width:100%;
}


.seminarList .seminarCourse table th ,
.seminarList .seminarCourse table td {display: block; width:100%;}
.seminarList .seminarCourse table th { padding:8px 8px 0 8px; font-weight: 600; color: #888; font-size: 15px;}
.seminarList .seminarCourse table td { padding:0 8px; font-size: 17px;}

.seminarList .seminarCourse table td:last-child {
	border-bottom:solid 1px #ccc;
	padding-bottom:8px;
}
.seminarList .seminarCourse table th.h20 + td.kaisai-value,
.seminarList .seminarCourse table tr.h20 > td.kaisai-value {
	border-bottom:dotted 1px #ccc;
	border-bottom:solid 1px #ccc;
}



    .seminarList .seminarCourse table th.h20 + td.kaisai-value,
    .seminarList .seminarCourse table tr.h20 td.kaisai-value
    {
        display: flex;
        align-items: center;
        min-height: 30px;
        padding-top: 0;
        padding-bottom: 0;
    }
    .seminarList .seminarCourse table th.h20 + td.kaisai-value > label,
    .seminarList .seminarCourse table tr.h20 td.kaisai-value > label
    {
	/*苦肉の策*/
	display: inline-block;
    }





.seminarList .seminarStatus {
    position: relative;
    padding:0 !important;
    display: flex;
    justify-content: center;
}
.seminarList .seminarStatus p {
    width:100%;
    color:#fff;
    text-align: center;
    font-weight: 600;
    padding:10px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 160px;
    padding-right: 0;
    padding-left: 5px;
}
.seminarList .seminarStatus p::before {}
.seminarList .seminarStatus p i {margin:0 0 0 5px;}


.seminarList.seminarList-notfound {
    display: none;
}
.seminarList.seminarList-notfound .notfound-area {
    background-color: var(--bg-color);
    margin: 0 0 30px 0;
    border: solid 1px #ccc;
    padding: 10px;
    width: 100%;
    height: 175px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    flex-direction: column;
    margin-bottom: 0px;
}
.seminarList.seminarList-notfound .notfound-area .notfound-label {
    position: relative;
    z-index: 1;
    font-size: 100%;
    font-weight: 600;
    color: var(--preparation-color);
    top: 7px;
    line-height: 28px;
}
.seminarList.seminarList-notfound .notfound-area .notfound-img {
    height: 100px;
    z-index: 0;
    opacity: 0.5;
    display: inline-block;
    position: relative;
    top: -1px;
}


.sessionContactBtn {font-size:18px; width:350px; margin:5px 0 0 0;}
.sessionContactBtn a {display: block; color:#fff; background-color:var(--tel-color); text-align: center; padding:5px 0; border-radius: 5px;}
.sessionContactBtn a i {margin:0 5px 0 0;}

.sessionBlock {background-color:var(--bg-color); padding:20px; margin:0 auto 40px auto;}
.sessionBlock .payBlock {overflow: auto; width:100%; -webkit-overflow-scrolling: touch; margin:0 0 20px 0; margin-bottom: 10px;}
.sessionBlock .payList {border-top:solid 1px #ccc; border-left:solid 1px #ccc; background-color:#fff; white-space: nowrap; width: 100%;}
.sessionBlock .payList thead th {background-color:#85b63b; color:#fff; text-align: center; position: sticky; position: -webkit-sticky; left:0; top: 0;}
.sessionBlock .payList thead th:first-child {z-index:10;}
.sessionBlock .payList tbody th {background-color:#eefbd3; text-align: center; position: sticky; position: -webkit-sticky; left:0; top: 0; border-left: solid 1px #ccc;z-index:10;}
.sessionBlock .payList th , .sessionBlock .payList td {border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; padding:10px;}
.sessionBlock .payList td {text-align: center;}
.sessionBlock .payList .tax {display: block; font-size:80%;}
.sessionBlock:last-child {margin-bottom:0;}

.courseBox {background-color:#fff; padding: 15px;}
.courseBoxInner {}
.courseBoxInner::after {}
.courseBoxInner:last-child::after {}
.courseBox table {width:100%;}
.courseBox table th ,
.courseBox table td {display: block;}
.courseBox table th {padding:8px 8px 0 8px; font-weight: 600; font-size: 87%; white-space: nowrap; color: #888;}


/*.courseBox table td {padding:0 8px 8px 8px; border-bottom:solid 1px #ccc; font-size: 105%;}*/
.courseBox table td {padding:0 8px 8px 8px; font-size: 105%;}
.courseBox table td:last-child {
        border-bottom: solid 1px #ccc;
        padding-bottom: 8px;
}


    .courseBox table th.h20 + td.kaisai-value,
    .courseBox table tr.h20 td.kaisai-value
    {
        display: flex;
        align-items: center;
        min-height: 30px;
        padding-top: 0;
        padding-bottom: 0;
    }
    .courseBox table th.h20 + td.kaisai-value > label,
    .courseBox table tr.h20 td.kaisai-value > label
    {
	/*苦肉の策*/
	display: inline-block;
    }



.venueList {}
.venueList li {margin:20px 0;}
.venueList li:last-child {margin:20px 0 0 0 !important;}
.venueList li:first-child {margin:0 0 20px 0 !important;}
.venueList li table {display: block; width:100%; background-color: #e3e3e3; padding: 15px 20px;}
.venueList li table tbody,
.venueList li table tr,
.venueList li table th,
.venueList li table td {display: block;}
.venueList li table th {padding:8px 8px 0 8px; font-weight: 600; font-size: 87%;}
.venueList li table td {padding:0 8px 8px 8px; border-bottom:solid 1px #ccc;}
.venueList li table tr:last-child td {border-bottom:none !important;}

.txtCapacity {display: flex; line-height: 1.1; justify-content: center; font-size:160%; font-weight: 600; margin:15px auto 5px auto;}
.txtCapacity span {display: block; font-size:60%; margin:8px 3px 0 0; font-weight: 500; vertical-align: 2px; position: relative; top: 1px;}
.txtCapacity label {
	font-weight: bold;
	position: relative;
	top: 1px;
}
.txtCapacity2 {display: flex; line-height: 1.2; text-align: center; font-size:100%; font-weight: 600;}
.txtCapacity2 span {display: block; font-size:60%; margin:8px 3px 0 0; font-weight: 500; vertical-align: 2px; position: relative; top: 1px;}
.txtCapacity2 label {
	font-weight: bold;
	position: relative;
	top: 1px;
}
.pc-br{display: none;}

.remarksBox {margin:20px auto 0 auto;}

.paymentBox{background-color:#fff; padding: 10px 20px 20px !important; border:solid 1px #ccc;}
.paymentFlex{display: block; padding: 0 !important;}
.paymentBox span{display: block; font-size: 90%; margin-left: -9px;}
.paymentBox p{padding: 10px 0 0 0 !important; line-height: normal;}

.txtDeadline {font-weight: bolder; background-color:#fff; display: inline-block; padding: 8px 15px 6px 13px; color:#cc0000; margin-bottom: 8px;}

.applyBlock {border:solid 1px #ccc; padding:20px; display: inline-block; background-color:#fff;}

.entryBlockWeb h5 , 
.entryBlockFax h5
{color:#fff; padding:5px 10px 5px 40px; font-size:120%; font-weight: 600; position: relative;line-height: normal;}
.entryBlockWeb h5 i , 
.entryBlockFax h5 i
{position: absolute; top: 11px; left: 10px; width: 20px; text-align: center;}
.TitleTypeWeb {background-color:var(--btn-bg-orange);}
.TitleTypeFax {background-color:var(--btn-bg-gray);}
.entryBlockWeb {padding:10px; background-color:#fff1e6;}
.entryBlockFax {padding:10px; background-color:#eee;}

.entryBlockWeb {position: relative;}
.entryBlockWeb .entryConfirmationBoxbg {
    width: 130px;
    position: absolute;
    right: 0px;
    z-index: 0;
    top: -42px;
}

.entryConfirmationBox ,
.entryLoginBox ,
.entryApplyBox {padding:10px;}

.entryConfirmationBox {background-color:var(--white); padding:15px; margin:0 auto 20px auto; }

label.typeChBox .switch::before {padding-top: 3px !important;}	

.entryBlockWeb .entryConfirmationBox {background-color:var(--white); background-image: url("../../images/detail/entryConfirmationBox_bg.jpg"); background-position: right 5px bottom 17px; background-repeat: no-repeat; background-size:35%; padding: 20px 10px;}
.entryLoginBox {border:solid 1px var(--gray); padding:20px 15px;}
.entryLoginBox .wei600 {letter-spacing: -0.5px; font-size: 95%;}

.entryLoginBox .login-text-layout {
    width: 100%;
    display: flex;
    justify-content: center;
}
.entryLoginBox .login-text {
    background: linear-gradient(transparent 50%, #ddd 50%);
    display: inline;
    letter-spacing: -0.5px;
    font-size: 95%;
}

.entryApplyBox {background-color:var(--white); border:solid 1px var(--gray); padding:15px 20px; background-image: url("../../images/detail/entryApplyBox_bg.jpg"); background-position: right 5px bottom 10px; background-repeat: no-repeat;}
.entryApplyBox h6 {border-bottom:solid 1px #ccc; padding:0 0 10px 0; margin:0 0 10px 0; font-weight: 600;}

.entryBlockWeb .entryConfirmationBox a.sizeL {width: 100%; min-width: 190px; max-width: unset;}

.entryBlockWeb {position: relative;}
.entryBlockWeb .entryConfirmationBoxbg {
    width: 130px;
    position: absolute;
    right: 0px;
    z-index: 0;
    top: -42px;
}
.entryBlockWeb .entryConfirmationBox {
    background-image: unset;
}

.entryLoginBox dl {margin:20px auto 0 auto; width:100%;}
.entryLoginBox dt , .entryLoginBox dd {margin:0; line-height:1.3;}
.entryLoginBox dd {margin:0 0 10px 0;}
.entryLoginBox dd p {font-weight: 600; font-size: 105%;  padding: 6px 0 8px;}

.entryBtnArea {position:fixed; bottom:0; right:0; width:100%; z-index:20;}
.entryBtnArea ul {}
.entryBtnArea ul li {width:50%; line-height:1.3;}
.entryBtnArea ul li a {display: block; width:100%; color:var(--white); padding:15px 0; text-align: center;}
.entryBtnArea ul li a.typeFax {background-color:var(--btn-bg-gray);}
.entryBtnArea ul li a.typeWeb {background-color:var(--btn-bg-orange);}
.entryBtnArea ul li a i {margin:0 5px 0 0;}

.entryBtnBlock {}
.entryBtnBlock p {}
.entryBtnBlock p a {text-decoration: underline !important;}
.entryBtnBlock p a.typeWeb {display: inline-block; width:100%; padding:10px 0; text-align: center; background-color:var(--btn-bg-orange); color:var(--white);}
.entryBtnBlock p a.typeFax {display: inline-block; width:100%; padding:10px 0; text-align: center; background-color:var(--btn-bg-gray); color:var(--white);}
.entryBtnBlock p a i{margin:0 0 0 5px;}

.entryBtnBlock p a.typeWeb.typeDisabled ,
.entryBtnBlock p a.typeFax.typeDisabled {background-color:var(--gray); color:#ddd; pointer-events: none;}

a.typeWeb {display: block; width:300px; padding:10px; text-align: center; background-color:var(--btn-bg-orange); color:var(--white); font-size:20px;}
a.typeFax {display: block; width:300px; padding:10px; text-align: center; background-color:var(--btn-bg-gray); color:var(--white); font-size:20px;}
footer .typeLogin i {margin:0;}

.messageArea {width:100%; text-align: center; padding:20px; color:#fff; margin:0 auto; line-height:1.6;}
.messageArea h4 {font-size:140%;}
.messageArea p {}
	
/*電話・FAX*/

.tel-black{pointer-events: auto;}
.tel-white{pointer-events: auto;}
.tel-green{pointer-events: auto;}

/*------------------------------------------------------------------------------------------*/
/* entry */

.entryLoginAlert {
    padding: 20px;
    margin-top: 20px;
    background: #f6fdec;
    background: #eee;
    border-radius: 10px;
}
.entryLoginAlert label {
    line-height: 24px;
    display: block;
}
.entryLoginAlert a {
    position: relative;
    left: 18px;
}
.entryLoginAlert a > i {
    margin-right: 4px;
    width: 1px;
}

.entryTitle {color:var(--white); background-color:#666; font-size:95%; padding:5px 10px; width: 150px; font-weight: 400;}
.entryTitle span {font-size:80%; display: block;}
.entryInput dl {width:100%; margin:0 auto 0 auto;}
.entryInput dl dt {font-size:100%; background-color:#ddd; padding:10px; font-weight: 500;}
.entryInput dl dd {width: 100%; padding: 15px 20px 30px;}
.entryInput dl:first-child {}


.entryInput .seminarTitle {font-size:100%; padding:15px 20px; line-height:1.5;}
.entryInput .seminarTitle span {font-size:80%; display: block;}

.entryInput .seminarKubun {padding:15px 20px;}

.entryInput .seminarKubun li {width: 50%;}
.entryInput .seminarKubun li:last-child {padding-bottom: 0;}

.FlexEntry2{display: block;}
.FlexEntry2 li{width: 100% !important;}
	
.entryInput .seminarType {}
.entryInput .seminarType li {padding:5px 5px 5px 10px; margin:3px auto; position: relative;}

.entryInput .seminarType li span.numCapacity {width:90px; text-align: center; margin: 5px 5px 5px 0;}
.entryInput .seminarType li span.numCapacity i {color:var(--white);}
.entryInput .seminarType li span.numCapacity i.fa-play { transform:rotate(-90deg);}

.entryInput .seminarType li.standby-mode {
	pointer-events: none;
}
.entryInput .seminarType li.standby-mode label.typeRadioSeminar input[type="radio"] {

}
.entryInput .seminarType li.standby-mode label.typeRadioSeminar .switch::before {
	content: "\f068";
}
.entryInput .seminarType li span.numCapacity.standby-numCapacity {
	display: none;
}
.entryInput .seminarType li.standby-mode span.numCapacity {
	display: none;
}
.entryInput .seminarType li.standby-mode span.numCapacity.standby-numCapacity {
	display: flex;
}
label.typeRadioSeminar .switch {
    flex-wrap: wrap;
}
.entryInput .seminarType-comment {
    line-height: 18px;
    margin-bottom: 2px;
    font-size: 14px;
}
label.typeRadioSeminar .switch label.radio-title,
.Input-confilm label.radio-title {
    font-size: 14px;
    color: #888;
    margin-right: 10px;
    display: inline-block;
    white-space: nowrap;
}
label.typeRadioSeminar input:checked + .switch::before {
    top: 50% !important;
}
.standby-mode-comment {
    font-size: 15px;
    line-height: 20px;
    color: var(--possible-color);
}

.inputBtnBlock {}
.inputBtnBlock p {}
.inputBtnBlock p button {display: block; width:100%; margin:0 auto; text-align: center; background-color:var(--btn-bg-orange); color:var(--white); font-weight: 600; font-size:1.6rem;}
.inputBtnBlock p button i {margin:0 0 0 5px;}

.entryFinBox {border:solid 7px #edf6fc; padding:20px; margin:60px auto;}
.entryFinBox dt {font-size:1.4em; border-bottom: solid 1px #ccc; padding:0 0 10px 0; margin:0 0 30px 0; text-align: center;}
.entryFinBox dt i {display: block; font-size:2.5em; color:#a2e581; margin:0 0 15px 0;}
.entryFinBox dd ul {background-color:#f5f5f5; padding:10px 0;}
.entryFinBox dd ul li {margin-bottom: 20px;}
.entryFinBox dd .txt105Per {font-weight: 500;}
.Not-reaching {background-color:#f5f5f5; padding:20px !important; margin:20px auto 0 auto;}
.Not-reaching p {font-weight: 500;}

.entryStep{
list-style-type: none;
display:table;
width:100%;
padding:0;
margin:30px 0;
overflow:hidden;
}
.entryStep li{
display:table-cell;
position:relative;
background: var(--gray);
padding: 0.5em 0.5em 0.5em 2em;
color: #fff;
}
.entryStep li:last-child{
padding-right: 1em;
}
.entryStep li:last-child:before,
.entryStep li:last-child:after{
display:none;
}
.entryStep li:before,
.entryStep li:after{
content: "";
position: absolute;
width: 0;
height: 0;
margin: auto;
}
.entryStep li:before{
top:-15px;
right:-1em;
border-style: solid;
border-color: transparent transparent transparent #fff;
border-width: 37px 0 37px 1em;
z-index: 10;
}
.entryStep li:after{ top:-15px; right:-.8em; border-style: solid; border-color: transparent transparent transparent var(--gray); border-width: 37px 0 37px 1em; z-index: 10; }
.entryStep li.active{ background: var(--base-color); }
.entryStep li.active:after{border-color: transparent transparent transparent var(--base-color);
}
	
label.typeRadioSeminar .switch { padding: 0 15px 0 1.6em !important;}
	

.entryBtn01 {width: 100% !important; max-width: 100% !important;}



/*------------------------------------------------------------------------------------------*/
/* 講習会マスター専用タグ */

.seminar-detail-table {

}
.seminar-detail-table th,
.seminar-detail-table td {
	display: block !important;
	width: 100% !important;
	text-align: left !important;
	line-height: normal !important;
	
}
.seminar-detail-table th {
	/*font-weight: bold;*/
}
.seminar-detail-table td {
	margin-bottom: 10px;
}
.seminar-detail-table tr:last-child td {
	margin-bottom: 0px;
}


	
/*------------------------------------------------------------------------------------------*/
/* login */

.memberLoginBlock {padding:20px; border:double 3px #ddd; margin:0 auto;}
.memberLoginBlock .loginBox {width:90%; margin:0 auto;}
.memberLoginBlock .loginBox p , .memberLoginBlock .loginBox ul {align-content: center;}
.memberLoginBlock .loginBox p a.linkLogin {display: block; width:200px; background-color:var(--base-color); color:var(--white); border-radius: 7px; padding:10px 0; margin:0 auto; text-align: center;}
.memberLoginBlock .loginBox dl {}
.memberLoginBlock .loginBox dl dt {}
.memberLoginBlock .loginBox dl dt i {color:var(--gray); margin:0 5px 0 0;}
.memberLoginBlock .loginBox dl dd {margin:0 auto 10px auto;}

/*------------------------------------------------------------------------------------------*/
/* mypage */

.mypageTag {padding-top: 20px;}
.mypageTag li {}
.mypageTag li a {padding:5px 20px; display: block; color:#000;}
.mypageTag li a.active {background-color:var(--base-color); color:var(--white);}
.mypageTag p {padding:5px;}

.mypageEdit {margin:-4px 0 0 0;}

.mypageSearch {padding:25px; text-align: center; margin: 0 auto;}
.mypageSearch ul {}
.mypageSearch ul li {margin:0 0 10px 0;}
.mypageSearch ul li a {}
	
.Search-ttl{font-size: 18px; font-weight: 500;}
	
.mypageInput dl dt {width: 100%; padding: 10px 5px 10px 15px; font-weight: 500;}
.mypageInput dl dd {width: 100%; font-size: 120%;}

.Input-confilm{display: flex; align-items: center; justify-content: flex-start;}
.Input-confilm a{display: flex; align-items: center; justify-content: space-between; width: 100%; height: 100%; padding: 20px; color: #333;}
.Input-confilm a i{display: block; color: #aaa; font-size: 120%;}
	
.doc {padding:2px 10px; color:#fff; font-size:16px;}
.no-need {background-color:var(--gray);}
.need {background-color:var(--base-color);}
	
.tableTypeList2 {width:100%;}
.tableTypeList2 colgroup {display: none;}
.tableTypeList2 tr {display: block; margin-bottom: 10px; padding: 20px 0 10px; border:solid 1px #ccc; border-radius: 2px;}
.tableTypeList2 tr:first-child {display: none;}
.tableTypeList2 tr:last-child {margin-bottom: 0;}
.typeComplete{background-color:#eee;}
.tableTypeList2 th {display: none;}
.tableTypeList2 td {display: block; width:100%; padding: 0 15px 10px; font-size: 95%;}
.tableTypeList2 td p {font-size: 110%;}
.tableTypeList2 td span {padding-left: 5px; font-size: 90%;}
.tableTypeList2 td:first-child {padding: 0; background-color: #797979; color: var(--white); width: 72px; height: 23px; text-align: center; margin-left: 15px; border-radius: 3px; font-size: 85%;}
.tableTypeList2 td:nth-child(2) {padding: 2px 15px 10px 15px; font-size: 100%;}
.tableTypeList2 tbody td::before {content: attr(data-txt);font-weight: 500; margin:0 10px 0 0; display:block; color: #797979; font-size: 90%;}
.tableTypeList2 tbody td:first-child::before {display:none;}
.tableTypeList2 tbody td:nth-child(2)::before {display:none;}
	
.Download{margin-top: 5px; width: 200px;}
	
.tableSc2{margin: 0 auto;}
	
.logout{padding-bottom: 25px;}

/*------------------------------------------------------------------------------------------*/
/* table-style */

.FlexDate dd {padding-top: 2px;}
	
.tableTypeInput {width:100%; margin:0 auto;}
.tableTypeInput th , .tableTypeInput td {display: block;}
.tableTypeInput th {position: relative; padding:10px; font-weight: bolder;}
.tableTypeInput td {border-bottom:dotted 1px #bbb; padding:10px;}

.tableTypeInput02 {width:100%; border-top:solid 1px #bbb; border-left:solid 1px #bbb;}
.tableTypeInput02 th , .tableTypeInput02 td {display: block; border-right:solid 1px #bbb; padding:5px}
.tableTypeInput02 th {background-color:#f5f5f5; font-size:80%;}
.tableTypeInput02 td {border-bottom:solid 1px #bbb;}


.hissu {position: relative;}
.hissu::after {
	content:"必 須"; color:var(--white); background-color:#dd0000; padding:0 8px; font-size:80%; line-height:20px; height:20px; border-radius:3px; position: absolute; right:10px; top:13px;
        padding-bottom: 2px;
}
.hissu-con::after{top: 16px; padding-bottom: 2px;}

.errormessage {color:#dd0000; font-size:1.4rem;}
	
#btn_passview , #btn_passview02 {color:#666; margin:0 0 0 10px; font-size:20px;}

.SpNodisplay{ display:none !important;}

.txt-item{padding: 2px 13px 3px; display: block; width: fit-content; line-height: 2;}
.txt-ttl{display: block; width: fit-content; margin-left: -9px; line-height: 1;}
	
/* -------------------------------------------------- */
/* AfterArrow */

.ArrowRTestStyle a{ width:100%; background:#ccc; margin-bottom:10px; border-radius:6px; padding:10px; color:#000;}
.ArrowR_Sp,.ArrowRG_Sp a,.ArrowR02_Sp,.ArrowRG02_Sp a,.ArrowR03_Sp,.ArrowRG03_Sp a,.ArrowB_Sp,.ArrowBG_Sp a,.ArrowB02_Sp,.ArrowBG02_Sp a,.ArrowB03_Sp,.ArrowBG03_Sp a,.ArrowT_Sp,.ArrowTG_Sp a,.ArrowT02_Sp,.ArrowTG02_Sp a,.ArrowT03_Sp,.ArrowTG03_Sp a{ display:-webkit-box; display:-webkit-flex; display: flex; align-items:center; -webkit-align-items:center;}
.ArrowR02_Sp,.ArrowRG02_Sp a,.ArrowB02_Sp,.ArrowBG02_Sp a,.ArrowT02_Sp,.ArrowTG02_Sp a{ -webkit-justify-content:center; justify-content:center;}
.ArrowR03_Sp,.ArrowRG03_Sp a,.ArrowB03_Sp,.ArrowBG03_Sp a,.ArrowT03_Sp,.ArrowTG03_Sp a{ -webkit-justify-content:space-between; justify-content:space-between;}

.ArrowR_Sp:after,.ArrowRG_Sp a:after{ margin-left: auto; display:inline-block; content:"\f105"; font-family: FontAwesome;}
.ArrowR02_Sp:after,.ArrowRG02_Sp a:after{ margin-left:14px; content:"\f105"; font-family: FontAwesome;}
.ArrowB_Sp:after,.ArrowBG_Sp a:after{ margin-left: auto; display:inline-block; content:"\f107"; font-family: FontAwesome;}
.ArrowB02_Sp:after,.ArrowBG02_Sp a:after{ margin-left:14px; content:"\f107"; font-family: FontAwesome;}
.ArrowT_Sp:after,.ArrowTG_Sp a:after{ margin-left: auto; display:inline-block; content:"\f106"; font-family: FontAwesome;}
.ArrowT02_Sp:after,.ArrowTG02_Sp a:after{ margin-left:14px; content:"\f106"; font-family: FontAwesome;}
.ArrowR03_Sp:after,.ArrowRG03_Sp a:after{ content:"\f105"; display:inline-block; font-family: FontAwesome;}
.ArrowB03_Sp:after,.ArrowBG03_Sp a:after{ content:"\f107"; display:inline-block; font-family: FontAwesome;}
.ArrowT03_Sp:after,.ArrowTG03_Sp a:after{ content:"\f106"; display:inline-block; font-family: FontAwesome;}
.ArrowR03_Sp:before,.ArrowRG03_Sp a:before{ content:""; display:inline-block;}
.ArrowB03_Sp:before,.ArrowBG03_Sp a:before{ content:""; display:inline-block;}
.ArrowT03_Sp:before,.ArrowTG03_Sp a:before{ content:""; display:inline-block;}

/* -------------------------------------------------- */
/* flexbox */

.FlexBoxSp{ display:-webkit-box; display:-webkit-flex; display: flex; -webkit-flex-wrap:wrap; flex-wrap:wrap;}
.FlexBoxSpL{ display:-webkit-box; display:-webkit-flex; display: flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:flex-start; justify-content:flex-start;}
.FlexBoxSpR{ display:-webkit-box; display:-webkit-flex; display: flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:flex-end; justify-content:flex-end;}
.FlexBoxSpC{ display:-webkit-box; display:-webkit-flex; display: flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:center; justify-content:center;}
.FlexBoxSpB{ display:-webkit-box; display:-webkit-flex; display: flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:space-between; justify-content:space-between;}
.FlexBoxSpA{ display:-webkit-box; display:-webkit-flex; display: flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:space-around; justify-content:space-around;}
.FlexBoxSpM{ display:-webkit-box; display:-webkit-flex; display: flex; -webkit-justify-content:center; justify-content:center; -webkit-align-items:center; align-items:center; -webkit-text-align:center; text-align:center;}


/* -------------------------------------------------- */
/* block item Width */

.wid10Per_sp {width: 10% !important;}
.wid15Per_sp {width: 15% !important;}
.wid20Per_sp {width: 20% !important;}
.wid25Per_sp {width: 25% !important;}
.wid30Per_sp {width: 30% !important;}
.wid35Per_sp {width: 35% !important;}
.wid40Per_sp {width: 40% !important;}
.wid45Per_sp {width: 45% !important;}
.wid50Per_sp {width: 50% !important;}
.wid55Per_sp {width: 55% !important;}
.wid60Per_sp {width: 60% !important;}
.wid65Per_sp {width: 65% !important;}
.wid70Per_sp {width: 70% !important;}
.wid75Per_sp {width: 75% !important;}
.wid80Per_sp {width: 80% !important;}
.wid85Per_sp {width: 85% !important;}
.wid90Per_sp {width: 90% !important;}
.wid95Per_sp {width: 95% !important;}
.wid100Per_sp {width: 100% !important;}

.wid30_sp {width: 30px !important;}	
.wid50_sp {width: 50px !important;}
.wid65_sp {width: 65px !important;}
.wid70_sp {width: 70px !important;}	
.wid75_sp {width: 75px !important;}	
.wid80_sp {width: 80px !important;}	
.wid90_sp {width: 90px !important;}	
.wid100_sp {width: 100px !important;}
.wid110_sp {width: 110px !important;}
.wid115_sp {width: 115px !important;}
.wid120_sp {width: 120px !important;}	
.wid127_sp {width: 127px !important;}	
.wid150_sp {width: 150px !important;}
.wid180_sp {width: 180px !important;}
.wid200_sp {width: 200px !important;}
.wid240_sp {width: 240px !important;}
.wid250_sp {width: 250px !important;}
.wid300_sp {width: 300px !important;}
.wid350_sp {width: 350px !important;}
.wid400_sp {width: 400px !important;}
.wid450_sp {width: 450px !important;}
.wid500_sp {width: 500px !important;}
.wid550_sp {width: 550px !important;}
.wid600_sp {width: 600px !important;}
.wid650_sp {width: 650px !important;}
.wid700_sp {width: 700px !important;}
.wid750_sp {width: 750px !important;}
.wid800_sp {width: 800px !important;}
.wid850_sp {width: 850px !important;}
.wid900_sp {width: 900px !important;}
.wid950_sp {width: 950px !important;}
	
.max-wid150_sp{max-width: 150px !important;}	
.min-wid65_sp {min-width: 65px !important; width: 25% !important; max-width: 115px !important;}
.min-wid115_sp {min-width: 115px !important; width: 40% !important; max-width: 175px !important;}

/* -------------------------------------------------- */
/* block item Margin */

/* - All margin */

.marA0_sp {margin: 0px !important;}
.marA5_sp {margin: 5px !important;}
.marA10_sp {margin: 10px !important;}
.marA15_sp {margin: 15px !important;}
.marA20_sp {margin: 20px !important;}
.marA25_sp {margin: 25px !important;}
.marA30_sp {margin: 30px !important;}
.marA40_sp {margin: 40px !important;}
.marA50_sp {margin: 50px !important;}
.marA60_sp {margin: 60px !important;}
.marA70_sp {margin: 70px !important;}
.marA80_sp {margin: 80px !important;}
.marA90_sp {margin: 90px !important;}

/* - Top margin */

.marT0_sp {margin-top: 0px !important;}
.marT5_sp {margin-top: 5px !important;}
.marT10_sp {margin-top: 10px !important;}
.marT15_sp {margin-top: 15px !important;}
.marT20_sp {margin-top: 20px !important;}
.marT25_sp {margin-top: 25px !important;}
.marT30_sp {margin-top: 30px !important;}
.marT40_sp {margin-top: 40px !important;}
.marT50_sp {margin-top: 50px !important;}
.marT60_sp {margin-top: 60px !important;}
.marT70_sp {margin-top: 70px !important;}
.marT80_sp {margin-top: 80px !important;}
.marT90_sp {margin-top: 90px !important;}

/* - Bottom margin */

.marB0_sp {margin-bottom: 0px !important;}
.marB5_sp {margin-bottom: 5px !important;}
.marB10_sp {margin-bottom: 10px !important;}
.marB15_sp {margin-bottom: 15px !important;}
.marB20_sp {margin-bottom: 20px !important;}
.marB25_sp {margin-bottom: 25px !important;}
.marB30_sp {margin-bottom: 30px !important;}
.marB40_sp {margin-bottom: 40px !important;}
.marB50_sp {margin-bottom: 50px !important;}
.marB60_sp {margin-bottom: 60px !important;}
.marB70_sp {margin-bottom: 70px !important;}
.marB80_sp {margin-bottom: 80px !important;}
.marB90_sp {margin-bottom: 90px !important;}

/* - Left margin */

.marL-5_sp {margin-left: -5px !important;}
.marL0_sp {margin-left: 0px !important;}
.marL3_sp {margin-left: 3px !important;}	
.marL5_sp {margin-left: 5px !important;}
.marL7_sp {margin-left: 7px !important;}	
.marL10_sp {margin-left: 10px !important;}
.marL15_sp {margin-left: 15px !important;}
.marL20_sp {margin-left: 20px !important;}
.marL25_sp {margin-left: 25px !important;}
.marL30_sp {margin-left: 30px !important;}
.marL40_sp {margin-left: 40px !important;}
.marL50_sp {margin-left: 50px !important;}
.marL60_sp {margin-left: 60px !important;}
.marL70_sp {margin-left: 70px !important;}
.marL80_sp {margin-left: 80px !important;}
.marL90_sp {margin-left: 90px !important;}

/* - Right margin */

.marR0_sp {margin-right: 0px !important;}
.marR5_sp {margin-right: 5px !important;}
.marR10_sp {margin-right: 10px !important;}
.marR15_sp {margin-right: 15px !important;}
.marR20_sp {margin-right: 20px !important;}
.marR25_sp {margin-right: 25px !important;}
.marR30_sp {margin-right: 30px !important;}
.marR40_sp {margin-right: 40px !important;}
.marR50_sp {margin-right: 50px !important;}
.marR60_sp {margin-right: 60px !important;}
.marR70_sp {margin-right: 70px !important;}
.marR80_sp {margin-right: 80px !important;}
.marR90_sp {margin-right: 90px !important;}

/* -------------------------------------------------- */

/* - All padding */

.padA0_sp {padding: 0px !important;}
.padA5_sp {padding: 5px !important;}
.padA10_sp {padding: 10px !important;}
.padA15_sp {padding: 15px !important;}
.padA20_sp {padding: 20px !important;}
.padA25_sp {padding: 25px !important;}
.padA30_sp {padding: 30px !important;}
.padA40_sp {padding: 40px !important;}
.padA50_sp {padding: 50px !important;}
.padA60_sp {padding: 60px !important;}
.padA70_sp {padding: 70px !important;}
.padA80_sp {padding: 80px !important;}
.padA90_sp {padding: 90px !important;}

/* - Top padding */

.padT0_sp {padding-top: 0px !important;}
.padT1_sp {padding-top: 1px !important;}
.padT5_sp {padding-top: 5px !important;}
.padT10_sp {padding-top: 10px !important;}
.padT15_sp {padding-top: 15px !important;}
.padT20_sp {padding-top: 20px !important;}
.padT25_sp {padding-top: 25px !important;}
.padT30_sp {padding-top: 30px !important;}
.padT40_sp {padding-top: 40px !important;}
.padT50_sp {padding-top: 50px !important;}
.padT60_sp {padding-top: 60px !important;}
.padT70_sp {padding-top: 70px !important;}
.padT80_sp {padding-top: 80px !important;}
.padT90_sp {padding-top: 90px !important;}

/* - Bottom padding */

.padB0_sp {padding-bottom: 0px !important;}
.padB5_sp {padding-bottom: 5px !important;}
.padB10_sp {padding-bottom: 10px !important;}
.padB15_sp {padding-bottom: 15px !important;}
.padB20_sp {padding-bottom: 20px !important;}
.padB25_sp {padding-bottom: 25px !important;}
.padB30_sp {padding-bottom: 30px !important;}
.padB40_sp {padding-bottom: 40px !important;}
.padB50_sp {padding-bottom: 50px !important;}
.padB60_sp {padding-bottom: 60px !important;}
.padB70_sp {padding-bottom: 70px !important;}
.padB80_sp {padding-bottom: 80px !important;}
.padB90_sp {padding-bottom: 90px !important;}

/* - Left padding */

.padL0_sp {padding-left: 0px !important;}
.padL5_sp {padding-left: 5px !important;}
.padL10_sp {padding-left: 10px !important;}
.padL15_sp {padding-left: 15px !important;}
.padL20_sp {padding-left: 20px !important;}
.padL25_sp {padding-left: 25px !important;}
.padL30_sp {padding-left: 30px !important;}
.padL40_sp {padding-left: 40px !important;}
.padL50_sp {padding-left: 50px !important;}
.padL60_sp {padding-left: 60px !important;}
.padL70_sp {padding-left: 70px !important;}
.padL80_sp {padding-left: 80px !important;}
.padL90_sp {padding-left: 90px !important;}

/* - Right padding */

.padR0_sp {padding-right: 0px !important;}
.padR5_sp {padding-right: 5px !important;}
.padR10_sp {padding-right: 10px !important;}
.padR15_sp {padding-right: 15px !important;}
.padR20_sp {padding-right: 20px !important;}
.padR25_sp {padding-right: 25px !important;}
.padR30_sp {padding-right: 30px !important;}
.padR40_sp {padding-right: 40px !important;}
.padR50_sp {padding-right: 50px !important;}
.padR60_sp {padding-right: 60px !important;}
.padR70_sp {padding-right: 70px !important;}
.padR80_sp {padding-right: 80px !important;}
.padR90_sp {padding-right: 90px !important;}

/* - Font size */

.txt10px_sp{font-size: 1.0rem !important;}
.txt11px_sp{font-size: 1.1rem !important;}
.txt12px_sp{font-size: 1.2rem !important;}
.txt13px_sp{font-size: 1.3rem !important;}
.txt14px_sp{font-size: 1.4rem !important;}
.txt15px_sp{font-size: 1.5rem !important;}
.txt16px_sp{font-size: 1.6rem !important;}
.txt17px_sp{font-size: 1.7rem !important;}
.txt18px_sp{font-size: 1.8rem !important;}
.txt19px_sp{font-size: 1.9rem !important;}
.txt20px_sp{font-size: 2.0rem !important;}
.txt21px_sp{font-size: 2.1rem !important;}
.txt22px_sp{font-size: 2.2rem !important;}
.txt23px_sp{font-size: 2.3rem !important;}
.txt24px_sp{font-size: 2.4rem !important;}
.txt25px_sp{font-size: 2.5rem !important;}
.txt26px_sp{font-size: 2.6rem !important;}
	
.txt105Per_sp{font-size: 105% !important;}

/* Float setting */
.flt-L_sp {float: left !important;}
.flt-R_sp {float: right !important;}

/* Align setting */
.ali-L_sp {text-align: left !important;}
.ali-C_sp {text-align: center !important;}
.ali-R_sp {text-align: right !important;}
	
.block_sp{display: block;}
.flex_sp{display: flex;}	
.justify-c_sp{justify-content: center;}
.spOnly-p {display: inline!important;}
.pcOnly-p {display: none!important;}	

.pc-disp-only {display: none !important;}
.sp-disp-only {display: inline-block !important;}

.responsive-table {

}
.responsive-table tbody {
    padding-top: 20px;
    display: inline-block;
}
.responsive-table th,
.responsive-table td {
    display: block;
    width: 100%;
    padding: 0px !important;
}
.responsive-table th {
    padding: 20px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
.responsive-table td {
    padding: 20px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
.responsive-table td:last-child {
    padding-bottom: 20px !important;
}


}

@media screen and (max-width: 775px) {

	.seminar-button-area {
		flex-direction: column;
	}
	.seminar-calendar-box {
		margin-right: 0px;
	}

	.seminar-calendar-box > a,
	.seminar-find-box > a {
		width: 100%;
		display: flex;
		justify-content: center;
	}

}

@media only screen and (max-width: 650px) {

    .seminar-button-area-fixed.fixedmode .seminar-calendar-box > a,
    .seminar-button-area-fixed.fixedmode .seminar-find-box > a {
        padding: 0 12px 0 11px;
        font-size: 16px;
    }
}

@media screen and (max-width: 639px) {

    #pageTitleCommon > .pageTitleBackImage {
        display: none;
    }

}

@media only screen and (max-width: 600px) {

    label.typeRadioSeminar .switch {padding: 5px 15px 5px 1.6em !important;}

    .seminar-calendar-box > a,
    .seminar-find-box > a {
	width: 100%;
    }

    .seminar-button-area-fixed.fixedmode .seminar-calendar-box > a > span.pclabel,
    .seminar-button-area-fixed.fixedmode .seminar-find-box > a > span.pclabel {
        display: none !important;
    }
    .seminar-button-area-fixed.fixedmode .seminar-calendar-box > a > span.splabel,
    .seminar-button-area-fixed.fixedmode .seminar-find-box > a > span.splabel {
        display: block !important;
    }

}

@media only screen and (max-width: 520px) {

    #pageTitleCommon {
        margin: 55px 0 0 0;
    }

    header{height: 55px;}
    .header__trigger {
        height: 55px;
    }
    .header__trigger > span:first-child {top: 15px; left: 25px;}
    .header__trigger > span:nth-child(2) {top: 50%; left: 25px;}
    .header__trigger > span:last-child {bottom: 14px; left: 25px;}

    header h1 span {
        position: absolute;
        top: -5px;
        left: 192px;
        font-size: 11px !important;
        padding-left: 1px;
        padding-right: 0px;
        width: 90px;
        padding-top: 1px;
        padding-bottom: 2px;
        border: 0;
    }

    .header-btn-trigger {
	top: 14px;
    }

    .globalNavSP {
        top: 55px;
        height: 100%;
    }

    .seminar-button-area-fixed.fixedmode {
	top: 55px;
        animation: fixedmode-open-sp 1s !important;
    }
    .seminar-button-area-fixed.fixedmode.close {
        animation: fixedmode-close-sp 1s !important;
    }
}

@media only screen and (max-width: 500px) {

    .seminar-calendar-box > a,
    .seminar-find-box > a {
	width: 100%;
    }

}

@media only screen and (max-width: 480px) {
    .entryBlockWeb .entryConfirmationBoxbg {
        width: 100px;
        top: -28px;
        right: 2px;
    }

    .abouStepBox dd div img {
        width: 70px;
        top: -69px;
        right: -5px;
    }
    .abouStepBox dd div img.step1 {
        width: 65px !important;
        top: -62px;
        right: -5px;
    }
    .abouStepBox dd div img.step3 {
        width: 60px !important;
        top: -56px;
        right: -5px;
    }

    .entryBlockWeb h5 , 
    .entryBlockFax h5 {
        font-size: 95%;
        padding-left: 35px;
    }
    .entryBlockWeb h5 i , 
    .entryBlockFax h5 i {
        top: 10px;
    }
}

@media only screen and (max-width: 420px) {

    .seminar-calendar-box > a,
    .seminar-find-box > a {
        padding: 0 12px 0 11px;
        font-size: 16px;
    }

    .abouStepBox dt p.titleStep {
        text-align: left;
        padding-left: 20px;
        font-size: 105%;
    }

    .seminar-button-area-fixed.fixedmode .seminar-calendar-box > a,
    .seminar-button-area-fixed.fixedmode .seminar-find-box > a {
        padding: 0 12px 0 11px !important;
        font-size: 16px !important;
    }
}

@media only screen and (max-width: 400px) {

    .entryLoginBox .login-text-layout {
        display: inline;
    }
    .entryLoginBox .login-text {
        display: inline;
    }

    .seminar-button-area-fixed.fixedmode .seminar-calendar-box > a > img,
    .seminar-button-area-fixed.fixedmode .seminar-find-box > a > img {
        display: none !important;
    }

}

@media only screen and (max-width: 380px) {

    .seminar-calendar-box > a > span.pclabel,
    .seminar-find-box > a > span.pclabel {
        display: none;
    }
    .seminar-calendar-box > a > span.splabel,
    .seminar-find-box > a > span.splabel {
        display: block;
	/* 微妙に中央に見えないため調整 */
        position: relative;
        left: -10px;
    }
    .seminar-button-area-fixed.fixedmode .seminar-calendar-box > a > span.splabel,
    .seminar-button-area-fixed.fixedmode .seminar-find-box > a > span.splabel {
        position: unset;
        left: unset;
    }

    .seminar-calendar-box > a > img,
    .seminar-find-box > a > img {
	/*display: none;*/

	/* 微妙に中央に見えないため調整 */
        position: relative;
        left: -10px;
    }

    .header-btn-trigger {
	width: 30px;
	height: 24px;
	top: 16px;
    }
    #btn-type-new span:nth-of-type(2) {
	top: 11px;
    }
#btn-type-new span:nth-of-type(1) {
  -webkit-animation: btn-type-new-bar01 .75s forwards;
  animation: btn-type-new-bar01 .75s forwards;
}
@-webkit-keyframes btn-type-new-bar01 {
  0% {
    -webkit-transform: translateY(11px) rotate(45deg);
  }
  50% {
    -webkit-transform: translateY(11px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0);
  }
}
@keyframes btn-type-new-bar01 {
  0% {
    transform: translateY(11px) rotate(45deg);
  }
  50% {
    transform: translateY(11px) rotate(0);
  }
  100% {
    transform: translateY(0) rotate(0);
  }
}
#btn-type-new span:nth-of-type(2) {
  transition: all .25s .25s;
  opacity: 1;
}
#btn-type-new span:nth-of-type(3) {
  -webkit-animation: btn-type-new-bar03 .75s forwards;
  animation: btn-type-new-bar03 .75s forwards;
}
@-webkit-keyframes btn-type-new-bar03 {
  0% {
    -webkit-transform: translateY(-11px) rotate(-45deg);
  }
  50% {
    -webkit-transform: translateY(-11px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0);
  }
}
@keyframes btn-type-new-bar03 {
  0% {
    transform: translateY(-11px) rotate(-45deg);
  }
  50% {
    transform: translateY(-11px) rotate(0);
  }
  100% {
    transform: translateY(0) rotate(0);
  }
}
#btn-type-new.active span:nth-of-type(1) {
  -webkit-animation: active-btn-type-new-bar01 .75s forwards;
  animation: active-btn-type-new-bar01 .75s forwards;
}
@-webkit-keyframes active-btn-type-new-bar01 {
  0% {
    -webkit-transform: translateY(0) rotate(0);
  }
  50% {
    -webkit-transform: translateY(11px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(11px) rotate(45deg);
  }
}
@keyframes active-btn-type-new-bar01 {
  0% {
    transform: translateY(0) rotate(0);
  }
  50% {
    transform: translateY(11px) rotate(0);
  }
  100% {
    transform: translateY(11px) rotate(45deg);
  }
}
#btn-type-new.active span:nth-of-type(2) {
  opacity: 0;
}
#btn-type-new.active span:nth-of-type(3) {
  -webkit-animation: active-btn-type-new-bar03 .75s forwards;
  animation: active-btn-type-new-bar03 .75s forwards;
}
@-webkit-keyframes active-btn-type-new-bar03 {
  0% {
    -webkit-transform: translateY(0) rotate(0);
  }
  50% {
    -webkit-transform: translateY(-11px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(-11px) rotate(-45deg);
  }
}
@keyframes active-btn-type-new-bar03 {
  0% {
    transform: translateY(0) rotate(0);
  }
  50% {
    transform: translateY(-11px) rotate(0);
  }
  100% {
    transform: translateY(-11px) rotate(-45deg);
  }
}

}


@media only screen and (max-width: 420px)
{
	.NavBtn{display: block; width: 80%; margin: auto;}
	.globalNavSP a.typeLogin {display: block; background-color:var(--base-color); border-radius: 5px; color:#fff; padding:10px 0; border-bottom-style:none; text-align: center; font-size: 110%;}
	.globalNavSP a.typeLogin i {color:var(--white);　padding-right: 10px;}
	.globalNavSP a.typeTop {display: block; margin-top: 15px; color:var(--base-color); border-radius: 5px; border: solid 1px var(--base-color); padding:7px; text-align: center; font-size: 110%;}
	.globalNavSP a.typeTop i {
	        color: var(--base-color);
	        margin-right: 10px;
	        font-size: 90%;
	        position: relative;
	        top: -1px;
	}
	.globalNavSP a.typeLogin,
	.globalNavSP a.typeTop
	{
		width: 100%;
		max-width: 100%;
		display: flex;
		margin-left: 0;
	}
}

@media only screen and (max-width: 360px)
{
	.globalNavSP ul li
	{
		width: 90%;
		font-size: 18px;
	}
	.globalNavSP li ul li
	{
		font-size: 17px;
	}
	.NavBtn,
	.NavAd
	{
		width: 90%;
	}
}

@media only screen and (max-width: 350px) {

    .abouStepBox dd div img,
    .abouStepBox dd div img.step1,
    .abouStepBox dd div img.step3 {
	display: none;
    }

    .entryBlockWeb .entryConfirmationBoxbg {
        display: none !important;
    }

    .seminar-calendar-box > a,
    .seminar-find-box > a {
        padding: 0 12px 0 11px;
        font-size: 16px;
    }

}

@media only screen and (max-width: 320px) {

    .seminar-button-area-fixed.fixedmode .seminar-calendar-box > a,
    .seminar-button-area-fixed.fixedmode .seminar-find-box > a {
        padding: 0 7px 0 6px !important;
        font-size: 14px !important;
    }

}