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

body {
-webkit-text-size-adjust: 100%;
line-height: 1.6;
font-size: 18px;
overflow-x: hidden;
position: relative;
background-color: #fff;
color: #333;
margin:0 auto;
padding:0;
}
	
/*モーダル用*/
.modalBaseBody{overflow: hidden;}

.main{min-height: calc(100vh - 387px); display: block;}
table,th,td,dl,dt,dd,p,a,div,h1,h2,h3,h4,h5,li,label{word-break: break-all;}
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}
a[href*="tel:"] i {margin:0 5px 0 0; color:#265bb9;}

a:hover,button:hover,.pagetop :hover,input[type="submit"]:hover,
input[type="button"]:hover{opacity: 0.7; transition: 0.2s;}

/*button*/
header ul.header-top-menu li a i{margin-right: 0.5em;}
a.btn-style01 ,
input[type="submit"].btn-style01 ,
input[type="button"].btn-style01 {color:#36982f; background-color:#fff; display: block; width: 250px; height:60px; line-height:60px; border-radius: 30px; padding:0 20px; margin:0 auto; text-align: center; font-weight: 700; border:solid 1px #36982f;}

a.btn-style02
{min-width: 500px; padding:20px; line-height: 1.3; display: inline-block; color: #fff; font-weight: 700; position: relative;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#172e73+1,4caae0+100 */
background: #172e73; /* Old browsers */
background: -moz-linear-gradient(left,  #172e73 1%, #4caae0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #172e73 1%,#4caae0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #172e73 1%,#4caae0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#172e73', endColorstr='#4caae0',GradientType=1 ); /* IE6-9 */}

a.btn-style02::after  {content: "\f054"; font-family: FontAwesome; position: absolute; top: 50%; right: 20px; transform: translate(0, -50%);}

/*header start=======================================================*/
header{width: 100%; height:80px; background-color:var(--base-color); position: fixed; top:0; left:0; z-index:100; border-bottom:solid 1px var(--white); display: flex; justify-content: flex-end;}
header h1 {position: absolute; top:17px; left:15px; display: flex;}
header h1 a {}
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;}
nav.globalNav {position: absolute; right:200px; top:0;}
nav.globalNav ul {}
nav.globalNav li {margin:0 0 0 40px;}
nav.globalNav a {color:var(--white); display: block; line-height:80px;}
header a.typeLogin {display: block; background-color: var(--white); color: var(--base-color); padding:0 12px; border-radius: 5px; line-height:34px; font-size: 17px; height: 35px; margin: 23px 25px 0 40px;}
header a.typeLogin i {padding-right: 10px;}

nav.globalNav li a.js-dropdown {position:relative;}

nav.globalNav ul li .panel { position: absolute; top: 80px; left: 120px; overflow: hidden; background:#f5f5f5; width: 310px; z-index:100; display: none; border-right:solid 1px#ccc; border-left:solid 1px#ccc;}
nav.globalNav ul li .panel li {font-weight: lighter; width:100%; margin:0;}
nav.globalNav ul li .panel li a {display: block; color:#222; padding:0 20px; height:60px; line-height:60px; text-align: left; border-bottom:solid 1px #ccc;}
nav.globalNav ul li .panel li a i {margin:0 5px 0 0; color:#ccc;}

#HeadMenuBtn , .globalNavSP {display: none;}

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

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


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

footer {background-color:#444; color:var(--white); margin:50px 0 0 0;}
.footerInner {}
footer .footerAddressArea {width:420px;}
footer .footerAddressArea h2 {display: flex; margin:0 auto 10px auto; align-items: center}
footer .footerAddressArea h2 img {width:280px; align-content: center;}
footer .footerAddressArea h2 span {padding:2px 7px 2px 8px; color:#fff; margin:16px 0 0 10px; font-size:76%; border:solid 1px var(--white); align-content: center;}
footer .footerAddressArea h3 {font-weight:600; margin:20px 0 0 0;}

footer nav.umnList {width:900px; max-width: calc(100% - 450px);}
footer nav.umnList ul {display: flex;}
footer nav.umnList ul li {padding: 10px; width: 50%;}
footer nav.umnList ul li a {color:var(--white); text-indent: -0.5em; padding-left: 0.5em; margin-left: 0.5em;}
footer nav.umnList ul li a i {margin-right: 5px;}
footer nav.umnList p a {display: block; width:110px; text-align:center; margin:0 0 0 auto; padding:0 10px; color:var(--white); font-size:80%;}

footer address {margin:20px auto 0 auto; text-align: center; font-size: 14px; letter-spacing: 2px;}

.FlexNav{display: flex; width: 50%;}
	
.guide-li{display: block; padding-right: 0 !important;}
.guide{display: block; margin-left: 10px;}
.guide a{display: block; padding: 5px 0; font-size: 85%; font-weight: 400 !important;}
.guide a i{margin-right: 5px;}
	
.footer-pad{padding-bottom: 60px; border-bottom:solid 1px #666;}

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%;
    --fa-bounce-rebound: 1;
}
@keyframes arrowmove3{
    0%{bottom:20px;}
    50%{bottom:25px;}
    100%{bottom:20px;}
}

/*footer end=======================================================*/
/* =====================================================================
pagetop
==============================================================*/
.pagetop {position: fixed; bottom: 20px; right: 20px; z-index: 40; display: none; width:70px; height:70px; line-height:85px; text-align: center; border-radius: 50%; cursor: pointer; background-color:#999;}
.pagetop i {color:#fff; font-size:50px;}


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

#pageTitleCommon {height: 220px; padding:80px 0 0 0; border-bottom:solid 4px var(--base-color); width:100%; background-image: url("../../images/common/pageTitleCommon_bg.png"); background-repeat: no-repeat; background-position: right bottom -15%;}
#pageTitleCommon h2 {width:1280px; max-width:90%; margin:0 auto; height:140px; line-height:140px; font-size:34px; font-weight: 600;}

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

main {margin: 0 auto; display:block;}

.TitleType01 {color:var(--base-color); border-bottom:double 3px var(--base-color); font-size:32px; font-weight: bolder;}
.TitleType01 h3 {font-weight: bolder;}

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

.TitleType03 {background-color:var(--base-color); color:#fff; line-height:45px; padding:0 40px 0 20px; position: relative; display: inline-flex; align-items: center; width: 210px;}
.TitleType03::after {content:""; display: block; width: 52px; aspect-ratio: 1/cos(30deg); clip-path: polygon(50% 0,100% 100%,0 100%); background: var(--base-color); position: absolute; right:-26px; top:0; height: 45px;}

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

.TitleType05 {color:var(--base-color); font-size:24px; font-weight: bolder;}

.LinkType01 {font-weight:bolder; display: block; text-align: center; height:60px; line-height:60px; background-color:var(--btn-bg-gray); color:#fff; font-size:20px;}
.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 {width:1280px; max-width:90%; margin:0 auto;}
.common-wrap01{width: 100%; max-width: 1100px; min-width: 960px; margin-left: auto; margin-right: auto;}
.common-pad{padding: 50px 0;}
.comPad:last-child {padding:60px 0 150px 0;}
.common-lower{padding: 25px 0 75px;}

.footerInner {width:1500px; max-width:90%; margin:0 auto;}
	
/*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; justify-content: center; flex-direction: row-reverse;}
.entry-flex{display: flex; justify-content: flex-end;}
.entry-flex2{display: block;}
	
.entryBtn02{width:165px !important; height: 35px !important; padding: 0 15px; line-height: 18px !important; border-radius: 5px; font-size: 90%; margin-top: 1px;}
	
.btn-alien{font-size: 90%;}
	
/* ----------
messageArea------------------------------------------ */

.warningArea {background-color:#f2dfdf; border:solid 1px #eed5d9; padding:20px; text-align: center; color:#c80e0a;}
.warningArea dl {}
.warningArea dl dt {font-size:1.2rem; font-weight: bolder;}
.warningArea dl dd {}

.error-message {padding-top: 5px;}

.attentionBox {border:solid 1px #e4d0d0; background-color:#fcf3f3; padding:10px 15px;}
.attentionBox p {color:#c55a5a; text-indent: -1.3em; padding-left: 1.6em;}
.attentionBox i {margin:0 5px 0 1em; }


.error-messageBox {border:solid 10px #edf6fc; padding:50px; margin:60px auto; width:1000px; max-width:100%;}
.error-messageBox dt {font-size:1.8rem; border-bottom: solid 1px #ccc; padding:0 0 10px 0; margin:0 0 30px 0; text-align: center;}
.error-messageBox dt i {display: block; font-size:6rem; color:#ff849b; margin:0 0 10px 0;}
.error-messageBox dd {text-align: center;}


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

.abouStepBox {}
.abouStepBox dl {}
.abouStepBox dt {width:160px; padding-bottom: 30px; height: 190px;}
.abouStepBox dt p {text-align: center;}
.abouStepBox dt p.titleStep {background-color:var(--lightBlue); color:var(--white); margin:5px 0 15px 0; padding:5px 0 6px; text-align: center;}
.abouStepBox dt p img {width:80%;}
.abouStepBox dd {width:calc(100% - 200px); padding:0 0 0 50px; position: relative;}
.abouStepBox dd:before {content:""; display: block; width:3px; height:100%; background-color:#ccc; position: absolute; left:6px;}

.abouStepBox dd h4 {color:var(--lightBlue); font-size:120%; font-weight: 600; position: relative; margin:5px 0 0 0; padding-top: 3px;}
.abouStepBox dd h4::before , .abouStepBox dd h4::after {content:""; display:block; background-color:var(--lightBlue);}
.abouStepBox dd h4::before {width:15px; height:15px; border-radius: 50%; position: absolute; left:-50px; top:13px;}
.abouStepBox dd h4::after {width:38px; height:4px; position: absolute; left:-49px; top:18.5px;}
.abouStepBox dd h5 {color:var(--white); font-size:120%; padding:5px 0 5px 20px;}

.abouStepBox {}
.abouStepBox .stepPointBox {border:solid 1px #ccc; padding:10px 20px; width:500px;}

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

.aboutStepTitle {font-size:26px; margin-bottom:20px; position: relative; font-weight: 600; text-indent: -2em; padding-left: 1.8em;}
.aboutStepTitle span {background-color:var(--base-color); padding:0 12px; margin:0 10px 0 0; color:var(--white);}

.aboutSeminarImg img {width:100%; height:auto;}
.aboutSeminarCon dl {margin:10px auto 0 auto;}
.aboutSeminarCon dl dt {width:180px; color:var(--white); margin:0 10px 0 0; padding:5px 0; display: flex; justify-content: center; align-items: center;}
.aboutSeminarCon dl dd {width:calc(100% - 200px); padding:5px 0;}

.aboutSeminarNote {border:double 3px #ccc; padding:30px;}
.aboutSeminarNote dt {color:var(--base-color); font-weight: 600; font-size:22px;}
.aboutSeminarNote dd {}

.txt-item{line-height: 2;}

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

.contactTel {background-color:#e5e5e5; display: flex; padding:80px; width:95%; margin:0 auto;}
.contactTel dl {align-content: center; line-height: 1.3; }
.contactTel dl dt {font-size: 20px; font-weight: 500;}
.contactTel dl dd a{display: block; font-size:38px; font-weight: 600; line-height: 40px;}
.contactTel dl span {font-size:18px; line-height: 35px; font-weight: 500;}
.contactTel dl {display: flex; align-items: center;}
.contactTel i {display: flex; justify-content: center; align-items: center; width: 75px; height: 75px; font-size:75px; margin-right: 20px; margin-top: 1px; color: var(--sub-color);}
.Tel-i {font-size:85px !important; margin-top: -3px !important;}
.contactTel-in{width: 50%; margin: 0 auto; border-right: solid 2px #999; display: flex; align-items: center; justify-content: center; padding-right: 30px;}
.contactTel-in2{width: 50%; margin: 0 auto; display: flex; align-items: center; justify-content: center; padding-left: 30px;}

.Teltime{font-size: 16px; font-weight: 500; display: flex; text-align: center; align-items: center; color: var(--base-txt-color); border: solid 1px var(--base-txt-color);padding: 5px; margin-right: 15px;}

.contact-p{padding: 8px 7px 0 0; font-size: 25px;}
	
.contactSeminarTitle {display:none;}

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

.type-input {width:95%; margin: 0 auto;}
.type-input tr {border-bottom:dotted 1px #999; display: flex;}
.type-input tr:last-child{border-bottom: none;}	
.type-input th , .type-input td {vertical-align: top; line-height:1.8;}
.type-input th {font-weight: 500; padding:30px 10px; width:250px; position: relative; line-height: 36px;}
.type-input td {padding:25px 10px; width: calc(100% - 250px);}
.td-height1 {line-height: 1 !important;}
.Input-contact{padding:25px 10px !important;}
	
.btnArea {padding:20px; background-color:#f5f5f5; margin:50px 0 0 0; text-align: center;}


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

.seminarList {margin: 50px auto 0 auto;}
.seminarList .seminarMonth {width:70px; background-color:#555; color:#fff; text-align: center; padding:10px 0 0 0;}
.seminarList .seminarMonth h3 {font-size:130%;}
.seminarList .seminarBlock {width:calc(100% - 80px);}
.seminarList .seminarContents {background-color:var(--bg-color); margin:0 0 30px 0; border:solid 1px #ccc; padding:10px;}
.seminarList .seminarContents:last-child {margin-bottom:0;}
.seminarList .seminarContents a {color:var(--base-txt-color);}
.seminarList .seminarTitle {width:100%; align-items: center; margin:0 0 5px 0;}
.seminarList .seminarTitle h4 {font-size:130%; font-weight: 600; color:#555;}
.seminarList .seminarTitle.pending h4 {font-size:130%; font-weight: 600; color:var(--preparation-color);}
.seminarList .seminarTitle p {width:210px; color:#cd6464; text-align: center; border:solid 1px #cd6464; font-size:16px;}
.seminarList .seminarTitle p.typeEnd {color:#666; border:solid 1px #666;}

.seminarList .seminarContents a:hover {
    opacity: 0.65;
}

.seminarList .seminarBlockInner {width:calc(100% - 145px); padding:0 20px 0 10px;}
.seminarList .seminarBlockInner.junbi {color: #888;}
.seminarList .seminarBlockInner.junbi .TitleType04 span {color: #666;}
.seminarList .seminarBlockInner.junbi .seminarCourse table td {color: #666;}

.seminarList .seminarCourse {background-color:#fff; margin:5px 0; padding:10px 20px; display: flex; justify-content: space-between; align-items: center;}

.seminarList .seminarCourseInner {position: relative; padding:0 20px 0 0;}
.seminarList .seminarCourseInner:first-child { width:84%; border-right:solid 1px #ccc;}
.seminarList .seminarCourseInner:last-child {
	padding:0; width:16%; min-width: 155px; display: flex; justify-content: center; padding-left: 20px;
}
.seminarList .seminarCourseInner > .FlexBoxB {flex-wrap: nowrap;}

.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%;
	width:40%;
	min-width: 340px;
	max-width: 340px;
        display: flex;
        align-items: center;
/*min-width: unset;*/
max-width: unset;
width: 45%;
}
.seminarList .seminarCourse label.label-table-last {
	width:60%;
	display: flex;
        align-items: center;
}
.seminarList .seminarCourse table.table-last {
	width:100%;
	width:60%;
	display: flex;
        align-items: center;
}

.seminarList .seminarCourse table th ,
.seminarList .seminarCourse table td {font-size:16px; color:#333;}
.seminarList .seminarCourse table th {font-size:14px; color:#888; text-align: center;}
.seminarList .seminarCourse table th.kaisai {text-align: right; padding-right: 15px; min-width: 80px; max-width: 80px; line-height: normal;}
.seminarList .seminarCourse table th.kaijou {text-align: right; padding-right: 15px; min-width: 80px; max-width: 80px; line-height: normal;}
/*.seminarList .seminarCourse table td {width:85% !important; min-width: 250px;}*/
.seminarList .seminarCourse table td.kaisai-value {width:260px; min-width: 260px; line-height: normal;}
.seminarList .seminarCourse table td.kaijou-value {
	width:85%;
	min-width: 260px;
	line-height: 20px;
}



/* 講習会マスター専用タグ */
.seminar-detail-table {

}
.seminar-detail-table th {
	font-weight: normal;
	vertical-align: top;
	text-align: center;
	white-space: nowrap;
	line-height: normal;
}
.seminar-detail-table td {
	font-weight: normal;
	line-height: normal;
}



@media screen and (max-width: 1280px) {
	.seminarList .seminarCourse table th,
	.seminarList .seminarCourse table td {
		display: block;
		width: 100%;
	}

	.seminarList .seminarCourse table th.kaisai {text-align: left;}
	.seminarList .seminarCourse table th.kaijou {text-align: left;}

    .seminarList .seminarCourse table tr {
        display: inline-block;
        /*padding-bottom: 10px;*/
        width: 100%;
    }
    .seminarList .seminarCourse table th.h20 + td.kaisai-value,
    .seminarList .seminarCourse table tr.h20
    {
	/*苦肉の策*/
	display: flex;
	height: 20px;
    }
    .seminarList .seminarCourse table tr.h20:last-child
    {
	/*苦肉の策*/
	height: unset;
    }
    .seminarList .seminarCourse table tr:last-child {
        padding-bottom: 0px;
    }

    .seminarList .seminarCourse table th {
        /*padding: 8px 8px 0 8px;*/
    }
    .seminarList .seminarCourse table td {
        /*padding: 0 8px;*/
	padding-bottom: 8px;
    }
    .seminarList .seminarCourse table td.kaisai-value {
	white-space: nowrap;
    }
    .seminarList .seminarCourse table td.kaijou-value {
        min-width: 300px;
    }
    .seminarList .seminarCourse table td:last-child {
        border-bottom: dotted 1px #ccc;
        /*padding-bottom: 8px;*/
	margin-bottom: 8px;
        width: 100%;
    }
    .seminarList .seminarCourse table.table-first td:last-child {
	margin-bottom: 0px;
        border-bottom: none;
    }
    .seminarList .seminarCourse table tr:last-child td:last-child {
	padding-bottom: 0px;
	margin-bottom: 0px;
        border-bottom: none;
    }

    .seminarList .seminarCourse table.table-last {
	width: 100%;
        margin-top: 8px;
    }

    .TitleType04 span {
	display: block;
    }

	/* 日時と会場の特別レスポンシブ */
/*
	.seminarList .seminarCourse table tr
	{
		border-bottom: dotted 1px #ccc;
		margin-bottom: 5px;
		padding-bottom: 10px;
	}
	.seminarList .seminarCourse table th.kaisai,
	.seminarList .seminarCourse table th.kaijou
	{
		display: table-cell;
		width: unset;
	}
	.seminarList .seminarCourse table td.kaisai-value
	{
		display: revert;
	        text-align: left;
	        padding-bottom: 0;
	}
	.seminarList .seminarCourse table td.kaijou-value
	{
		display: table-cell;
	        text-align: left;
	        padding-bottom: 0;
	}
*/
}

.seminarList .seminarStatus {width:145px !important; position: relative; padding:0 !important;}
.seminarList .seminarStatus p {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width:90%; color:#fff; text-align: center; font-size:16px;}
.seminarList .seminarStatus p::before {}
.seminarList .seminarStatus p i {margin:0 0 0 5px}
.seminarList .seminarStatus p.typePreparation {color:var(--preparation-bg-color);}


.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: 130%;
    font-weight: 600;
    color: var(--preparation-color);
    top: 7px;
    line-height: 28px;
}
.seminarList.seminarList-notfound .notfound-area .notfound-img {
    height: 120px;
    z-index: 0;
    opacity: 0.5;
    display: inline-block;
    position: relative;
    top: -1px;
}


.sessionBlock {background-color:var(--bg-color); padding:40px; margin:0 auto 60px auto;}
.sessionBlock .payBlock {margin: 0 0 20px 0; margin-bottom: 10px;}
.sessionBlock .payList {border-top:solid 1px #ccc; border-left:solid 1px #ccc; background-color:#fff; width: 100%;}
.sessionBlock .payList thead th {background-color:#85b63b; color:#fff; text-align: center; white-space: nowrap;}
.sessionBlock .payList tbody th {background-color:#eefbd3; text-align: center;  white-space: nowrap;}
.sessionBlock .payList th , .sessionBlock .payList td {border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; padding:10px;  white-space: nowrap;}
.sessionBlock .payList td {text-align: center;  white-space: nowrap;}
.sessionBlock .payList .tax {display: block; font-size:80%;}
.sessionBlock:last-child {margin-bottom:0;}
.courseBox {background-color:#fff; padding:10px; display: flex; align-items: center; justify-content: space-between; width:100%;}
.courseBoxInner {position: relative; padding:10px;}
.courseBoxInner:first-child {
	width: calc(100% - 210px);
	/*min-width:75%;*/
	padding-right:20px;
	border-right: solid 1px #ccc;
}
.courseBoxInner:last-child {
	width:25%;
	max-width: 150px;
	max-width: 175px;
	padding-left:15px;
        max-width: 210px;
        padding-left: 10px;
        width: 100%;
}
.courseBoxInner:last-child::after {background-color:transparent;}
.courseBox table {width: 50%;}
.courseBox table th {width: 60px; font-size: 16px; padding:2px 10px 0 0; color: #888; text-align: center; white-space: nowrap;}
.courseBox table td {width: calc(100% - 60px); font-size: 18px; vertical-align: middle; line-height: 24px;}



.courseBox .courseBoxInner .FlexBoxB {flex-wrap: nowrap;}

.courseBox table { width:100%;}
.courseBox table.table-first { width:40%; }
.courseBox table.table-last { width:60%; }

.courseBox table th.kaisai {text-align: right; padding-right: 15px; min-width: 95px; max-width: 95px; line-height: normal;}
.courseBox table th.kaijou {text-align: right; padding-right: 15px; min-width: 95px; max-width: 95px; line-height: normal;}

.courseBox table td.kaisai-value {width:300px; min-width: 300px; line-height: normal;}
.courseBox table td.kaijou-value {width:85%; min-width: 300px; line-height: normal;}

@media screen and (max-width: 1200px) {
	.courseBox table th,
	.courseBox table td {
		display: block;
		width: 100%;
	}

	.courseBox table th.kaisai {text-align: left;}
	.courseBox table th.kaijou {text-align: left;}

    .courseBox table tr {
        display: inline-block;
        /*padding-bottom: 10px;*/
        width: 100%;
    }
    .courseBox table th.h20 + td.kaisai-value,
    .courseBox table tr.h20
    {
	/*苦肉の策*/
	display: flex;
	height: 20px;
    }
    .courseBox table tr.h20:last-child
    {
	/*苦肉の策*/
	height: unset;
    }
    .courseBox table tr:last-child {
        padding-bottom: 0px;
    }

    .courseBox table th {
        /*padding: 8px 8px 0 8px;*/
    }
    .courseBox table td {
        /*padding: 0 8px;*/
	padding-bottom: 8px;
    }
    .courseBox table td.kaisai-value {
	white-space: nowrap;
    }
    .courseBox table td.kaijou-value {
        min-width: 300px;
    }
    .courseBox table td:last-child {
        border-bottom: dotted 1px #ccc;
        /*padding-bottom: 8px;*/
	margin-bottom: 8px;
        width: 100%;
    }
    .courseBox table.table-first td:last-child {
	margin-bottom: 0px;
        border-bottom: none;
    }
    .courseBox table tr:last-child td:last-child {
	padding-bottom: 0px;
	margin-bottom: 0px;
        border-bottom: none;
    }

    .courseBox table.table-last {
	width: 100%;
        margin-top: 8px;
    }
}



.venueList {}
.venueList li {margin:0 10px 0 10px; width: calc(50% - 20px);}
.venueList li:last-child {margin:0 0 0 10px !important; width: calc(50% - 10px);}
.venueList li:first-child {margin:0 10px 0 0 !important; width: calc(50% - 10px);}
.firstOnly{width: unset !important;}

.venueList li table {display: block; background-color: #e3e3e3; padding: 15px 20px;}
.venueList li table th {white-space: nowrap; vertical-align: top; /*text-align: end;*/ display: flex; justify-content: space-between;}
.venueList li table th::after {content:":"; margin: 0 10px 0 10px;}
.venueList li table td {}

.txtCapacity {
	display: flex;
	/*line-height: 1.2;*/
	line-height: 22px;
	justify-content: center;
	font-size:22px;
	font-weight: 600;
        margin: 0;
        padding: 0;
        align-items: center;
}
.txtCapacity span {
	display: block; font-size:14px; margin:6px 3px 0 0; vertical-align: 2px; font-weight: 400; white-space: nowrap; margin-right: 0px;
	position: relative;
	top: 1px;
	margin-top: 0px;
}
.txtCapacity label {
	font-weight: bold;
	position: relative;
	top: -1px;	
}

.txtCapacity2 {
	display: flex; line-height: 1.2; text-align: center; font-size:23px; font-weight: 600;
        margin: 0;
        padding: 0;
        align-items: center;
}
.txtCapacity2 span {
	display: block; font-size:14px; margin:6px 0 0 3px; vertical-align: 2px; font-weight: 400;
	position: relative;
	top: 1px;
	margin-top: 0px;
}
.txtCapacity2 label {
	font-weight: bold;
	position: relative;
	top: -1px;	
}
.txtCenter{text-align: center;}
	
.Capacity-wid{display: flex; justify-content: center;}

.remarksBox {margin:20px auto 0 auto; padding:20px 0 0 0; border-top:solid 1px #ccc;}

.paymentBox {width: fit-content; display: block; background-color:#fff; padding:10px 20px; border:solid 1px #ccc;}
.paymentFlex{display: block;}
.paymentBox span{display: flex; font-size: 90%; margin-left: -7px; line-height: 2;}
.paymentBox p{display: flex;}

.txtDeadline {font-weight: bolder; background-color:#fff; display: inline-block; padding: 10px 20px 8px 20px; color:#cc0000; margin-bottom: 5px;}

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

.loginBlock {background-color:#fff; padding:30px;}
.loginBlock {width:49%;}
.loginBlock .loginBox {display: flex;}
.loginBlock .loginBox p , .loginBlock .loginBox ul {align-content: center;}

.entryBlockWeb h5 , 
.entryBlockFax h5
{color:#fff; padding:5px 20px; font-size:120%; font-weight: 600;}
.TitleTypeWeb {background-color:var(--btn-bg-orange);}
.TitleTypeFax {background-color:var(--btn-bg-gray);}
.entryBlockWeb {padding:30px; background-color:#fff1e6;}
.entryBlockFax {padding:30px; background-color:#eee;}

.entryConfirmationBox {width:65%;}
.entryBlockWeb .entryConfirmationBox {background-color:var(--white); padding:20px; background-image: url("../../images/detail/entryConfirmationBox_bg.jpg"); background-position: right 5px bottom 10px; background-repeat: no-repeat; background-size:250px;}
.entryBlockWeb .entryConfirmationBox a.sizeL {height:60px; line-height:57px; font-size:22px; width: 320px;}


.entryLoginBox {padding:20px; width:32%; border:solid 1px var(--gray); min-width: 390px; margin-left: 30px;}

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

.entryLoginBox .wei600{background: linear-gradient(transparent 50%, #ddd 50%); display: inline;}

.entryLoginBox .login-text-layout {
    width: 100%;
    display: flex;
    justify-content: center;
}
.entryLoginBox .login-text {
    background: linear-gradient(transparent 50%, #ddd 50%);
    display: inline;
}
	
.entryLoginBox dl {margin:20px auto 0 auto; width:100%; max-width: 450px;}
.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: 110%;  padding: 6px 0 10px;}

.messageArea {width:80%; text-align: center; padding:30px; color:#fff; margin:0 auto; line-height:1.6;}
.messageArea h4 {font-size:36px;}
.messageArea p {font-size:20px;}

.entryBtnArea {position:fixed; top: calc(50% - 136px); right:0; width:100px;}
.entryBtnArea ul {}
.entryBtnArea ul li {width:100px; line-height:1.3;}
.entryBtnArea ul li a {display: block; width:100%; color:var(--white); padding:20px 0; text-align: center;}
.entryBtnArea ul li a.typeFax {background-color:var(--btn-bg-gray);}
.entryBtnArea ul li a.typeFax:hover {background-color:#919191; opacity: 1.0; transition: 0.2s;}
.entryBtnArea ul li a.typeWeb {background-color:var(--btn-bg-orange);}
.entryBtnArea ul li a.typeWeb:hover {background-color:#f5943d; opacity: 1.0; transition: 0.2s;}
.entryBtnArea ul li a i {display: block; font-size:40px; margin:0 auto 10px auto;}

.applyBox {}
.applyBox dt {position: relative;}
.applyBox dt span {background: linear-gradient(transparent 50%, #ffeeee 50%);}
.applyBox dd {}

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

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

.entryTitle span {font-size:80%; display: block;}
.entryInput {width:100%;  align-content: center; min-height: 90px;}
.entryInput dl {width:100%; border-bottom:solid 1px #bbb;}
.entryInput dl dt {padding:18.5px 20px; vertical-align: middle;width:270px; background-color:#e5e5e5; display: flex; flex-direction: column; justify-content: center;}
.entryInput dl:last-child {border-bottom:none;}

.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%;}

.entryInput .seminarTitle span {display: block; background-color: #fff; padding: 5px 25px; font-weight: 500; font-size: 18px; margin-right: 20px;}
.entryInput .seminarTitle p{font-size: 18px;}
	
.entryInput .seminarKubun li {width: 50%;}
.FlexEntry {display: flex;}
	
.entryInput .seminarType {}
.entryInput .seminarType li {padding:10px 10px 10px 15px; margin:0 auto; position: relative;}
.entryInput .seminarType li:first-child {padding-top: 20px;}
.entryInput .seminarType li:last-child {padding-bottom: 20px;}

.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;
}
.entryInput .seminarType-comment {
    line-height: 20px;
    margin-bottom: 2px;
    font-size: 16px;
}
label.typeRadioSeminar .switch label.radio-title,
.Input-confilm label.radio-title {
    font-size: 16px;
    color: #888;
    margin-right: 10px;
    display: inline-block;
    white-space: nowrap;
}
.standby-mode-comment {
    font-size: 16px;
    line-height: 22px;
    color: var(--possible-color);
}

.inputBtnBlock {}
.inputBtnBlock p {}
.inputBtnBlock p button i {margin:0 0 0 5px;}

.entryFinBox {border:solid 10px #edf6fc; padding:50px; margin:60px auto; width:1000px; max-width:100%;}
.entryFinBox dt {font-size:1.6em; 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 20px 0;}
.entryFinBox dd ul {background-color:#f5f5f5;}
.entryFinBox dd ul li {margin-bottom:20px;}
.entryFinBox dd .txt105Per {font-weight: 500;}
.Not-reaching {background-color:#f5f5f5; padding:20px; margin:20px auto 0 auto;}
.Not-reaching p {font-weight: 500; margin-bottom: 10px;}

button{font-family:"Noto Sans JP", sans-serif;}

.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: 40px 0 40px 1em;
z-index: 10;
}
.entryStep li:after{ top:-15px; right:-.8em; border-style: solid; border-color: transparent transparent transparent var(--gray); border-width: 40px 0 40px 1em; z-index: 10; }
.entryStep li.active{ background: var(--base-color); }
.entryStep li.active:after{border-color: transparent transparent transparent var(--base-color);
}

/*------------------------------------------------------------------------------------------*/
/* login */
.memberLoginBlock {padding:30px; border:double 3px #ddd; width:60%; 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 li {}
.mypageTag li a.active {background-color:var(--base-color); border: solid 1px var(--base-color); color:var(--white);}
.mypageTag p {padding:5px;}

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

.mypageSearch {padding:30px 40px; border-radius: 5px; margin: 0 auto;}
.mypageSearch ul {}
.mypageSearch ul li {align-content: center;}
.mypageSearch ul li a {}
	
.Search-ttl{width: 130px; font-size: 18px; font-weight: 500; padding-top: 7px;}
.Search-form{width:calc(100% - 290px); margin: 0 20px;}

.tableTypeList2 {width:100%; min-width: 1060px; box-sizing: border-box; border:solid 1px #888; font-size: 17px; border-collapse:separate;}
.tableTypeList2 tr:first-child{position: sticky; top: 0; z-index: 5;}
.tableTypeList2 th {background-color:var(--btn-no-push); border-right: solid 1px #888; text-align: center; padding:6px 10px; font-weight: 500; white-space: nowrap;}
.tableTypeList2 td {padding:10px; border-right: solid 1px #888; white-space: nowrap;}
.tableTypeList2 td p {line-height: 1.1;}
.tableTypeList2 td span {font-size: 85%;}
.widDate{min-width: 300px;}
.tableTypeList2 th:last-child {border-right: none;}
.tableTypeList2 td:last-child {border-right: none;}
.tableTypeList2 tr.typeComplete td {background-color:#eee;}

.tableSc2{overflow-x: auto; overflow-y: auto; height: 100%; max-height: 450px; margin: 0 auto;}

.logout{padding-bottom: 50px;}
	
/*------------------------------------------------------------------------------------------*/
/* table-style */

.tableTypeInput {width:100%; margin:0 auto;}
.tableTypeInput th , .tableTypeInput td {padding:10px; border-bottom:dotted 1px #bbb;}
.tableTypeInput th {width:250px; position: relative; vertical-align: top; padding-top:13px;}

.tableTypeInput02 {width:100%; border-top:solid 1px #bbb; border-left:solid 1px #bbb;}
.tableTypeInput02 th , .tableTypeInput02 td { padding:10px; border-bottom:solid 1px #bbb;}
.tableTypeInput02 th {width:250px; background-color:#f5f5f5;}
.tableTypeInput02 td {border-right:solid 1px #bbb;}

.hissu {position: relative; font-weight: 400;}
.hissu::after {content:"必須"; color:#fff; background-color:#dd0000; font-size:80%; line-height:1; padding:5px 10px 7px; border-radius: 3px; position: absolute; top:21px; right:20px;}

.hissu-con::after {top:35px;}	

.errormessage {color:#dd0000; font-size:80%;}

#btn_passview , #btn_passview02 {color:#666; margin:0 0 0 10px; font-size:24px;}

/* -------------------------------------------------- */
/* AfterArrow */

.ArrowRTestStyle a{ width:100%; background:#ccc; margin-bottom:10px; border-radius:6px; padding:10px; color:#000;}
.ArrowR_Pc,.ArrowRG_Pc a,.ArrowR02_Pc,.ArrowRG02_Pc a,.ArrowR03_Pc,.ArrowRG03_Pc a,.ArrowB_Pc,.ArrowBG_Pc a,.ArrowB02_Pc,.ArrowBG02_Pc a,.ArrowB03_Pc,.ArrowBG03_Pc a,.ArrowT_Pc,.ArrowTG_Pc a,.ArrowT02_Pc,.ArrowTG02_Pc a,.ArrowT03_Pc,.ArrowTG03_Pc a{ display:-webkit-box; display:-webkit-flex; display: flex; align-items:center; -webkit-align-items:center;}
.ArrowR02_Pc,.ArrowRG02_Pc a,.ArrowB02_Pc,.ArrowBG02_Pc a,.ArrowT02_Pc,.ArrowTG02_Pc a{ -webkit-justify-content:center; justify-content:center;}
.ArrowR03_Pc,.ArrowRG03_Pc a,.ArrowB03_Pc,.ArrowBG03_Pc a,.ArrowT03_Pc,.ArrowTG03_Pc a{ -webkit-justify-content:space-between; justify-content:space-between;}

.ArrowR_Pc:after,.ArrowRG_Pc a:after{ margin-left: auto; display:inline-block; content:"\f105"; font-family: FontAwesome;}
.ArrowR02_Pc:after,.ArrowRG02_Pc a:after{ margin-left:14px; content:"\f105"; font-family: FontAwesome;}
.ArrowB_Pc:after,.ArrowBG_Pc a:after{ margin-left: auto; display:inline-block; content:"\f107"; font-family: FontAwesome;}
.ArrowB02_Pc:after,.ArrowBG02_Pc a:after{ margin-left:14px; content:"\f107"; font-family: FontAwesome;}
.ArrowT_Pc:after,.ArrowTG_Pc a:after{ margin-left: auto; display:inline-block; content:"\f106"; font-family: FontAwesome;}
.ArrowT02_Pc:after,.ArrowTG02_Pc a:after{ margin-left:14px; content:"\f106"; font-family: FontAwesome;}
.ArrowR03_Pc:after,.ArrowRG03_Pc a:after{ content:"\f105"; display:inline-block; font-family: FontAwesome;}
.ArrowB03_Pc:after,.ArrowBG03_Pc a:after{ content:"\f107"; display:inline-block; font-family: FontAwesome;}
.ArrowT03_Pc:after,.ArrowTG03_Pc a:after{ content:"\f106"; display:inline-block; font-family: FontAwesome;}
.ArrowR03_Pc:before,.ArrowRG03_Pc a:before{ content:""; display:inline-block;}
.ArrowB03_Pc:before,.ArrowBG03_Pc a:before{ content:""; display:inline-block;}
.ArrowT03_Pc:before,.ArrowTG03_Pc a:before{ content:""; display:inline-block;}

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

.FlexBoxPc{ display:-webkit-box; display:-webkit-flex; display: flex; -webkit-flex-wrap:wrap; flex-wrap:wrap;}
.FlexBoxPcL{ display:-webkit-box; display:-webkit-flex; display: flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:flex-start; justify-content:flex-start;}
.FlexBoxPcR{ display:-webkit-box; display:-webkit-flex; display: flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:flex-end; justify-content:flex-end;}
.FlexBoxPcC{ display:-webkit-box; display:-webkit-flex; display: flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:center; justify-content:center;}
.FlexBoxPcB{ display:-webkit-box; display:-webkit-flex; display: flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:space-between; justify-content:space-between;}
.FlexBoxPcA{ display:-webkit-box; display:-webkit-flex; display: flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:space-around; justify-content:space-around;}
.FlexBoxPcM{ 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 height */

.hei45{height: 45px;}
	
/* block item Width */

.wid2Col_pc {width: 49% !important;}
.wid3Col_pc {width: 32% !important;}

.wid10Per_pc {width: 10% !important;}
.wid15Per_pc {width: 15% !important;}
.wid20Per_pc {width: 20% !important;}
.wid25Per_pc {width: 25% !important;}
.wid30Per_pc {width: 30% !important;}
.wid35Per_pc {width: 35% !important;}
.wid40Per_pc {width: 40% !important;}
.wid45Per_pc {width: 45% !important;}
.wid50Per_pc {width: 50% !important;}
.wid55Per_pc {width: 55% !important;}
.wid60Per_pc {width: 60% !important;}
.wid65Per_pc {width: 65% !important;}
.wid70Per_pc {width: 70% !important;}
.wid75Per_pc {width: 75% !important;}
.wid80Per_pc {width: 80% !important;}
.wid85Per_pc {width: 85% !important;}
.wid90Per_pc {width: 90% !important;}
.wid95Per_pc {width: 95% !important;}
.wid100Per_pc {width: 100% !important;}

.wid40_pc {width: 40px !important;}
.wid50_pc {width: 50px !important;}
.wid80_pc {width: 80px !important;}
.wid90_pc {width: 90px !important;}
.wid100_pc {width: 100px !important;}
.wid110_pc {width: 110px !important;}
.wid120_pc {width: 120px !important;}
.wid130_pc {width: 130px !important;}
.wid140_pc {width: 140px !important;}
.wid150_pc {width: 150px !important;}
.wid160_pc {width: 160px !important;}
.wid170_pc {width: 170px !important;}
.wid190_pc {width: 190px !important;}
.wid200_pc {width: 200px !important;}
.wid230_pc {width: 230px !important;}
.wid220_pc {width: 220px !important;}
.wid240_pc {width: 240px !important;}
.wid250_pc {width: 250px !important;}
.wid280_pc {width: 280px !important;}
.wid300_pc {width: 300px !important;}
.wid310_pc {width: 310px !important;}
.wid350_pc {width: 350px !important;}
.wid400_pc {width: 400px !important;}
.wid450_pc {width: 450px !important;}
.wid500_pc {width: 500px !important;}
.wid550_pc {width: 550px !important;}
.wid600_pc {width: 600px !important;}
.wid650_pc {width: 650px !important;}
.wid700_pc {width: 700px !important;}
.wid750_pc {width: 750px !important;}
.wid800_pc {width: 800px !important;}
.wid850_pc {width: 850px !important;}
.wid900_pc {width: 900px !important;}
.wid950_pc {width: 950px !important;}


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

/* - All margin */

.marA0_pc {margin: 0px !important;}
.marA5_pc {margin: 5px !important;}
.marA10_pc {margin: 10px !important;}
.marA15_pc {margin: 15px !important;}
.marA20_pc {margin: 20px !important;}
.marA25_pc {margin: 25px !important;}
.marA30_pc {margin: 30px !important;}
.marA40_pc {margin: 40px !important;}
.marA50_pc {margin: 50px !important;}
.marA60_pc {margin: 60px !important;}
.marA70_pc {margin: 70px !important;}
.marA80_pc {margin: 80px !important;}
.marA90_pc {margin: 90px !important;}

/* - Top margin */

.marT0_pc {margin-top: 0px !important;}
.marT5_pc {margin-top: 5px !important;}
.marT10_pc {margin-top: 10px !important;}
.marT15_pc {margin-top: 15px !important;}
.marT17_pc {margin-top: 17px !important;}
.marT20_pc {margin-top: 20px !important;}
.marT25_pc {margin-top: 25px !important;}
.marT30_pc {margin-top: 30px !important;}
.marT35_pc {margin-top: 35px !important;}
.marT40_pc {margin-top: 40px !important;}
.marT50_pc {margin-top: 50px !important;}
.marT60_pc {margin-top: 60px !important;}
.marT70_pc {margin-top: 70px !important;}
.marT80_pc {margin-top: 80px !important;}
.marT90_pc {margin-top: 90px !important;}

/* - Bottom margin */

.marB0_pc {margin-bottom: 0px !important;}
.marB5_pc {margin-bottom: 5px !important;}
.marB10_pc {margin-bottom: 10px !important;}
.marB15_pc {margin-bottom: 15px !important;}
.marB17_pc {margin-bottom: 17px !important;}
.marB20_pc {margin-bottom: 20px !important;}
.marB25_pc {margin-bottom: 25px !important;}
.marB30_pc {margin-bottom: 30px !important;}
.marB35_pc {margin-bottom: 30px !important;}
.marB40_pc {margin-bottom: 40px !important;}
.marB50_pc {margin-bottom: 50px !important;}
.marB60_pc {margin-bottom: 60px !important;}
.marB70_pc {margin-bottom: 70px !important;}
.marB80_pc {margin-bottom: 80px !important;}
.marB90_pc {margin-bottom: 90px !important;}

/* - Left margin */

.marL0_pc {margin-left: 0px !important;}
.marL5_pc {margin-left: 5px !important;}
.marL7_pc {margin-left: 7px !important;}
.marL10_pc {margin-left: 10px !important;}
.marL15_pc {margin-left: 15px !important;}
.marL20_pc {margin-left: 20px !important;}
.marL25_pc {margin-left: 25px !important;}
.marL30_pc {margin-left: 30px !important;}
.marL40_pc {margin-left: 40px !important;}
.marL50_pc {margin-left: 50px !important;}
.marL60_pc {margin-left: 60px !important;}
.marL70_pc {margin-left: 70px !important;}
.marL80_pc {margin-left: 80px !important;}
.marL90_pc {margin-left: 90px !important;}
.marL135_pc {margin-left: 135px !important;}
	
/* - Right margin */

.marR0_pc {margin-right: 0px !important;}
.marR5_pc {margin-right: 5px !important;}
.marR7_pc {margin-right: 7px !important;}
.marR10_pc {margin-right: 10px !important;}
.marR15_pc {margin-right: 15px !important;}
.marR20_pc {margin-right: 20px !important;}
.marR25_pc {margin-right: 25px !important;}
.marR30_pc {margin-right: 30px !important;}
.marR40_pc {margin-right: 40px !important;}
.marR50_pc {margin-right: 50px !important;}
.marR60_pc {margin-right: 60px !important;}
.marR70_pc {margin-right: 70px !important;}
.marR80_pc {margin-right: 80px !important;}
.marR90_pc {margin-right: 90px !important;}

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

/* - All padding */

.padA0_pc {padding: 0px !important;}
.padA5_pc {padding: 5px !important;}
.padA10_pc {padding: 10px !important;}
.padA15_pc {padding: 15px !important;}
.padA17_pc {padding: 17px !important;}
.padA20_pc {padding: 20px !important;}
.padA25_pc {padding: 25px !important;}
.padA30_pc {padding: 30px !important;}
.padA40_pc {padding: 40px !important;}
.padA50_pc {padding: 50px !important;}
.padA60_pc {padding: 60px !important;}
.padA70_pc {padding: 70px !important;}
.padA80_pc {padding: 80px !important;}
.padA90_pc {padding: 90px !important;}

.pad25 {padding: 25px 20px !important;}
	
/* - Top padding */

.padT0_pc {padding-top: 0px !important;}
.padT5_pc {padding-top: 5px !important;}
.padT9_pc {padding-top: 9px !important;}
.padT10_pc {padding-top: 10px !important;}
.padT15_pc {padding-top: 15px !important;}
.padT18_pc {padding-top: 18px !important;}
.padT20_pc {padding-top: 20px !important;}
.padT25_pc {padding-top: 25px !important;}
.padT30_pc {padding-top: 30px !important;}
.padT40_pc {padding-top: 40px !important;}
.padT50_pc {padding-top: 50px !important;}
.padT55_pc {padding-top: 55px !important;}
.padT60_pc {padding-top: 60px !important;}
.padT70_pc {padding-top: 70px !important;}
.padT80_pc {padding-top: 80px !important;}
.padT90_pc {padding-top: 90px !important;}

/* - Bottom padding */

.padB0_pc {padding-bottom: 0px !important;}
.padB5_pc {padding-bottom: 5px !important;}
.padB10_pc {padding-bottom: 10px !important;}
.padB15_pc {padding-bottom: 15px !important;}
.padB20_pc {padding-bottom: 20px !important;}
.padB25_pc {padding-bottom: 25px !important;}
.padB30_pc {padding-bottom: 30px !important;}
.padB40_pc {padding-bottom: 40px !important;}
.padB50_pc {padding-bottom: 50px !important;}
.padB55_pc {padding-bottom: 55px !important;}
.padB60_pc {padding-bottom: 60px !important;}
.padB70_pc {padding-bottom: 70px !important;}
.padB80_pc {padding-bottom: 80px !important;}
.padB90_pc {padding-bottom: 90px !important;}

/* - Left padding */

.padL0_pc {padding-left: 0px !important;}
.padL5_pc {padding-left: 5px !important;}
.padL10_pc {padding-left: 10px !important;}
.padL15_pc {padding-left: 15px !important;}
.padL20_pc {padding-left: 20px !important;}
.padL25_pc {padding-left: 25px !important;}
.padL30_pc {padding-left: 30px !important;}
.padL40_pc {padding-left: 40px !important;}
.padL50_pc {padding-left: 50px !important;}
.padL60_pc {padding-left: 60px !important;}
.padL70_pc {padding-left: 70px !important;}
.padL80_pc {padding-left: 80px !important;}
.padL90_pc {padding-left: 90px !important;}

.padL5_pc2 {padding-left: 5px !important;}
	
/* - Right padding */

.padR0_pc {padding-right: 0px !important;}
.padR3_pc {padding-right: 3px !important;}
.padR5_pc {padding-right: 5px !important;}
.padR10_pc {padding-right: 10px !important;}
.padR15_pc {padding-right: 15px !important;}
.padR20_pc {padding-right: 20px !important;}
.padR25_pc {padding-right: 25px !important;}
.padR30_pc {padding-right: 30px !important;}
.padR40_pc {padding-right: 40px !important;}
.padR50_pc {padding-right: 50px !important;}
.padR60_pc {padding-right: 60px !important;}
.padR70_pc {padding-right: 70px !important;}
.padR80_pc {padding-right: 80px !important;}
.padR90_pc {padding-right: 90px !important;}

/* - Font size */

.txt10px_pc{font-size: 1.0rem !important;}
.txt11px_pc{font-size: 1.1rem !important;}
.txt12px_pc{font-size: 1.2rem !important;}
.txt13px_pc{font-size: 1.3rem !important;}
.txt14px_pc{font-size: 1.4rem !important;}
.txt15px_pc{font-size: 1.5rem !important;}
.txt16px_pc{font-size: 1.6rem !important;}
.txt17px_pc{font-size: 1.7rem !important;}
.txt18px_pc{font-size: 1.8rem !important;}
.txt19px_pc{font-size: 1.9rem !important;}
.txt20px_pc{font-size: 2.0rem !important;}
.txt21px_pc{font-size: 2.1rem !important;}
.txt22px_pc{font-size: 2.2rem !important;}
.txt23px_pc{font-size: 2.3rem !important;}
.txt24px_pc{font-size: 2.4rem !important;}
.txt25px_pc{font-size: 2.5rem !important;}
.txt26px_pc{font-size: 2.6rem !important;}

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

/* Align setting */
.ali-L_pc {text-align: left !important;}
.ali-C_pc {text-align: center !important;}
.ali-R_pc {text-align: right !important;}

.flex_pc{display: flex;}
.justify-end_pc{justify-content: flex-end;}

.nowrap_pc{white-space: nowrap;}	

.PcNodisplay{ display:none !important;}
.pcOnly-p {display: inline!important; font-weight: 500;}
.spOnly {display: none !important;}
.spOnly-p {display: none !important;}

 }

h2.TitleType06 {
    position: relative;
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 10px;
}
h2.TitleType06:first-child {
    margin-top: 30px;
}
h2.TitleType06::before {
    content: attr(data-number);
    font-size: 34px;
    font-weight: bold;
    color: var(--base-color);
    margin-right: 25px;
    position: relative;
    top: 3px;
}
h2.TitleType06::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 225px;
    height: 2px;
    background: var(--base-color);
}

.letterLowering a {text-decoration: underline;}

.seminarList {
    margin-top: 30px;
    z-index: 1;
    position: relative;
}

.seminarYearArea {
    background: #f6fdec;
    padding: 40px 30px;
    padding-bottom: 0px;
    /*padding-bottom: 110px;*/
    z-index: 2;
    position: relative;
    border-radius: 10px;
    margin-top: 100px;
    /*min-height: 365px;*/
    height: 100%;
}
.seminarYearArea:first-child {
    margin-top: 0px;
}
.seminarYearArea img.pagetitle-common2 {
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    width: 300px;
    z-index: -1;
    opacity: 0.7;
}

.seminar-button-area,
.seminar-button-area-fixed {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
}
.seminar-button-area-fixed {
    position: fixed;
    top: 80px;
    left: 0px;
    margin: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    background: rgba(0, 0, 0, 0.4);
    background: rgba(237, 255, 231, 0.6);
    height: 80px;
    align-items: center;
    transition: all 0.5s 0s ease;
    z-index: 100;
    display: none;
    opacity: 0;
}
.seminar-button-area-fixed.fixedmode {
	display: flex;
	animation: fixedmode-open 1s;
	animation-fill-mode: forwards;
	opacity: 1;
}
@keyframes fixedmode-open {
	0% {
		top: 0;
		opacity: 1;
	}
	100% {
		top: 80px;
		opacity: 1;
	}
}
.seminar-button-area-fixed.fixedmode.close {
	animation: fixedmode-close 1s;
	animation-fill-mode: forwards;
}
@keyframes fixedmode-close {
	0% {
		top: 80px;
		opacity: 1;
	}
	100% {
		top: 0;
		opacity: 1;
	}
}

body.iphone-access .seminar-button-area-fixed.fixedmode,
body.android-access .seminar-button-area-fixed.fixedmode {
	top: 55px;
	animation: fixedmode-open-sp 1s !important;
}
body.iphone-access .seminar-button-area-fixed.fixedmode.close,
body.android-access .seminar-button-area-fixed.fixedmode.close {
	animation: fixedmode-close-sp 1s !important;
}
@keyframes fixedmode-open-sp {
	0% {
		top: -55px;
		opacity: 1;
	}
	100% {
		top: 55px !important;
		opacity: 1;
	}
}
@keyframes fixedmode-close-sp {
	0% {
		top: 55px;
		opacity: 1;
	}
	100% {
		top: -55px;
		opacity: 1;
	}
}

.seminar-find-box {
/*
    position: absolute;
    bottom: 20px;
    left: 580px;
*/
    margin-bottom: 20px;
}
.seminar-find-box > a {
	position: relative;
	width: fit-content;
	min-width: 460px;
	padding: 0 55px 0 55px;
	font-size: 22px;
	font-weight: 300;
	color: #fff;
	line-height: 60px;
	background: #e18900;
	border-radius: 4px;
	cursor: pointer;
	display: flex;
	align-items: center;
	height: 60px;
	border-bottom: solid 3px #ad6b05;
}
.seminar-find-box > a:hover {
	opacity: unset;
	/*background: #ffb23a;*/
	border: none;
	transform: translateY(3px); 
}
.seminar-find-box > a > img {
    display: inline-block;
    height: 35px;
    position: relative;
    margin-right: 10px;
    top: 1px;
}
.seminar-find-box > a > i {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 24px;
}
.seminar-calendar-box {
/*
    position: absolute;
    bottom: 20px;
*/
    margin-right: 35px;
    margin-bottom: 20px;
}
.seminar-calendar-box > a {
	position: relative;
	width: fit-content;
	min-width: 460px;
	padding: 0 50px 0 50px;
	font-size: 22px;
	font-weight: 300;
	color: #fff;
	line-height: 60px;
	background: #1c7bb3;
	border-radius: 4px;
	cursor: pointer;
	display: flex;
	align-items: center;
	height: 60px;
	border-bottom: solid 3px #0e5883;
}
.seminar-calendar-box > a:hover {
	/*background-color:#4ba7dd;*/
	opacity: 1.0;
	transition: 0.2s;
	border: none;
	transform: translateY(3px); 
}
.seminar-calendar-box > a > img {
    display: inline-block;
    height: 37px;
    position: relative;
    margin-right: 10px;
}
.seminar-calendar-box > a > i {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 24px;
}
.seminar-calendar-box > a > span.pclabel,
.seminar-find-box > a > span.pclabel {

}
.seminar-calendar-box > a > span.splabel,
.seminar-find-box > a > span.splabel {
    display: none;
}

.seminar-button-area-fixed.fixedmode .seminar-find-box,
.seminar-button-area-fixed.fixedmode .seminar-calendar-box {
    margin-bottom: 0px;
}

.entryInput dl dd.Input-confilm.seminar-line-area {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
label.typeRadioSeminar .switch.seminar-line-area {
    flex-direction: column;
    justify-content: center;
}
label.typeRadioSeminar .switch.seminar-line-area input:checked + .switch::before {
    top: 50% !important;
}
.entryInput dl dd.Input-confilm.seminar-line-area > label.seminar-line-block,
label.typeRadioSeminar .switch.seminar-line-area > label.seminar-line-block {
    display: inline-block;
}
.entryInput dl dd.Input-confilm.seminar-line-area > label.seminar-line-block label.radio-datetime,
label.typeRadioSeminar .switch.seminar-line-area > label.seminar-line-block label.radio-datetime {
    display: inline-flex;
    line-height: 22px;
}

.seminar-select-box {
    position: absolute;
    bottom: 20px;
}
.seminar-select-box .seminar-select-wrapper {
	position: relative;
	display: inline-block;
	user-select: none;
}
.seminar-select-box .seminar-select-wrapper select {
	display: none;
}
.seminar-select-box .seminar-select {
	position: relative;
	display: inline-block;
}
.seminar-select-box .seminar-select-trigger {
	position: relative;
	display: block;
	width: fit-content;
	padding: 0 84px 0 22px;
	font-size: 22px;
	font-weight: 300;
	color: #fff;
	line-height: 60px;
	background: var(--base-color);
	border-radius: 4px;
	cursor: pointer;
}
.seminar-select-box .seminar-select-trigger:after {
	position: absolute;
	display: block;
	content: '';
	width: 10px;
	height: 10px;
	top: 50%;
	right: 25px;
	margin-top: -3px;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: rotate(45deg) translateY(-50%);
	transition: all .4s ease-in-out;
	transform-origin: 50% 0;
}
.seminar-select-box .seminar-select.opened .seminar-select-trigger:after {
	margin-top: 3px;
	transform: rotate(-135deg) translateY(-50%);
}
.seminar-select-box .seminar-select-options {
	position: absolute;
	display: block;
	top: 100%; left: 0; right: 0;
	min-width: 100%;
	width: max-content;
	margin: 15px 0;
	border: 1px solid #b5b5b5;
	border-radius: 4px;
	box-sizing: border-box;
	box-shadow: 0 2px 1px rgba(0,0,0,.07);
	background: #f1fddf;
	transition: all .4s ease-in-out;

	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translateY(-15px);
}
.seminar-select-box .seminar-select.opened .seminar-select-options {
	opacity: 1;
	visibility: visible;
	pointer-events: all;
	transform: translateY(0);
	z-index: 1;
}
.seminar-select-box .seminar-select-options:before {
	position: absolute;
	display: block;
	content: '';
	bottom: 100%;
	left: 25px;
	width: 12px;
	height: 12px;
	margin-bottom: -6px;
	border-top: 1px solid #b5b5b5;
	border-left: 1px solid #b5b5b5;
	background: #f1fddf;
	transform: rotate(45deg);
	transition: all .4sease-in-out;
}
.seminar-select-box .option-hover:before {
	background: #f9f9f9;
}
.seminar-select-box .seminar-select-option {
	position: relative;
	display: block;
	padding: 0 22px;
	border-bottom: 1px solid #b5b5b5;
	font-size: 18px;
	font-weight: normal;
	color: #25812d;
	line-height: 57px;
	cursor: pointer;
	transition: all .4s ease-in-out;
}
.seminar-select-box .seminar-select-option:first-of-type {
	border-radius: 4px 4px 0 0;
}
.seminar-select-box .seminar-select-option:last-of-type {
	border-bottom: 0;
	border-radius: 0 0 4px 4px;
}
.seminar-select-box .seminar-select-option:hover,
.seminar-select-box .seminar-select-option.selection {
	background: #f9f9f9;
	background: var(--base-color);
	color: #fff;
}

.responsive-table {

}
.responsive-table th,
.responsive-table td {
        display: table-cell;
}

.scroll-top {
        position: fixed;
        width: 1280px;
        max-width: 90%;
        margin: 0 auto;
        float: right;
	z-index: 2;
	opacity: 0;
	visibility: hidden; 
	transition: opacity .5s, visibility .5s;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	white-space: nowrap;
	animation: arrowmove 1s ease-in-out infinite;
}
@keyframes arrowmove{
	0%{bottom:20px;}
	50%{bottom:25px;}
	100%{bottom:20px;}
 }
/* scroll-viewクラスがついたら出現 */
.scroll-top.scroll-view {
	opacity: 1;
	visibility: visible;
}
.scroll-top a {
    text-decoration: none;
    color: #666;
    text-transform: uppercase;
    font-size: 15px;
    display: block;
    position: absolute;
    top: -160px;
    right: -50px;
    color: var(--base-color);
}
/* Edge IE11 hack */
_:-ms-lang(x), .js-scroll a::before{
	right:-11px;
}

@media screen and (min-width: 800px) {

    #pageTitleCommon {background-image: unset; position: relative;}
    #pageTitleCommon h2 {
        z-index: 1;
        position: relative;
        padding: 0;
        line-height: 42px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-wrap: nowrap;
        width: 1280px;
        max-width: 90%;
        margin: 0 auto;
    }
    #pageTitleCommon > .pageTitleBackImage {
        background-image: url("../../images/common/pageTitleCommon2_bg.png");
        position: absolute;
        bottom: 0;
        z-index: 0;
        right: 0;
        object-fit: cover;
        height: 140px;
    }

}