/***********************
	pcのみ
	********************/

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

	.txt_ttl {
		font-size: 1.6em;
		margin-bottom: 50px;
	}
	.gray {
		display: block;
		font-size: 0.9em;
		margin-top: 50px;
		margin-bottom: 15px;
	}
	.lower_top._without_image {
		padding: 100px 0 25px 0;
		height: auto;
		border-bottom: solid 1px #959595;
	}
	.lower_top._without_image:after {
		content: "";
		display: block;
		line-height: 0;
		overflow: hidden;
		position: absolute;
		left: 0;
		bottom: -2px;
		width: 8%;
		border-bottom: 3px solid #fff;
	}
	.lower_top._without_image .txtArea {
		position: relative;
	}
	.lower_top .txtArea span {
		color: #393939;
	}

	.lower_contactArea .txt {
		text-align: center;
		margin-bottom: 50px;
		line-height: 2em;
	}

	.icon_desc {
		line-height: 1.6;
	}
	.calendarArea .txt span::after {
		content: none !important;
	}
	.calendarArea .txt span {
		display: block !important;
	}


	.formArea .mailform dt{
		width: 160px;
		float: left;
		clear: left;
		font-size: 1em;
		padding-top: 7px;
	}

	.formArea .mailform dt .must{

	}

	.formArea .mailform dd{
		margin-left: 170px;
		width: 600px;
		box-sizing: border-box;
		margin-bottom: 25px;
	}
	.formArea .mailform dd.input-multi {
		display: flex;
		justify-content: flex-start;
	}
	.formArea .mailform dd.input-2col {
		display: flex;
		justify-content: space-between;
	}
	.formArea .mailform dd.input-2col input {
		display: block;
		width: 45%;
	}

	.formArea .mailform dd input,
	.formArea .mailform dd select {
		font-size: 100%;
		padding: 5px 5px;
		width: 100%;
		box-sizing: border-box;
	}
	.formArea .mailform dd .input-short{
		width: 45%;
	}
	.formArea .mailform dd .input-mtop{
		margin-top: 10px;
	}
	.formArea .mailform dd .input-tiny{
		width: 8em;
	}
	.formArea .mailform dd input[type=radio] {
		display: inline;
		width: auto;
	}
	.formArea .mailform dd input[type=radio] + label {
		padding-left: 0.5em;
	}
	.formArea .mailform dd .radio-inline {
		display: inline-block;
		width: auto;
		margin-right: 2em;
		line-height: 2;
	}

	.formArea .mailform dd textarea{
		width: 100%;
		height: 475px;
		font-size: 100%;
		padding: 5px 5px;
	}

	.formArea .buttons{
		text-align: center;
		margin-top: 80px;
	}
	.confirmArea .buttons {
		padding-left: 0;
	}

	.formArea .buttons .submitBtn{
		display: block;
		width: 450px;
		height: 100%;
		padding: 15px;
		border: solid 2px #F2D0CB;
		background-color: #F2D0CB;
		color: #fff;
		text-align: center;
		transition: .5s;
		font-size: 1.3em;
		margin: 0 auto;
		line-height: 1;
		cursor: pointer;
	}

	.formArea .buttons .submitBtn:hover{
		background-color: #fff;
		border: solid 1px #F2D0CB;
		color: #F2D0CB;
	}

	.confirm_customer{
		position: absolute;
		top: 50px;
		left: 200px;
	}

	.confirm_customer .current{
		display: inline-block;
		margin: auto 20px;
		width: 270px;
		padding: 15px 0;
		border: solid 1px #F2D0CB;
		background-color: #fff;
		color: #F2D0CB;
		text-align: center;
		font-size: 1em;

	}



	.confirmArea .mailform{
		border-top: solid 1px #B3B3B3;
	}

	.confirmArea .mailform dt{

	}

	.confirmArea .mailform .row{
		border-bottom: solid 1px #B3B3B3;
	}

	.confirmArea .mailform dt{
		padding: 30px 0 0;
	}
	.confirmArea .mailform dd{
		padding: 25px 0 0;
		line-height: 2em;
		font-weight: bold;
	}

	.confirmArea .buttons{
		margin-top: 50px;
	}

	.confirmArea .buttons button{
		display: inline-block;
		margin: auto 20px;
	}

	.formArea .buttons .submitBtn{
		display: inline-block;
		margin-left: 20px;
	}

	.confirmArea .buttons .resetBtn{
		display: inline-block;
		width: 270px;
		height: 100%;
		padding: 15px;
		border: solid 2px #959595;
		background-color: #fff;
		color: #959595;
		text-align: center;
		transition: .5s;
		font-size: 1.3em;
		margin: 0 auto;
		line-height: 1;
		cursor: pointer;
	}

	.confirmArea .buttons .resetBtn:hover{
		background-color: #959595;
		color: #fff;
	}

	.thanks_ttl{
		font-size: 1.5em;
		margin-bottom: 15px;
	}
	.my_attend_list {
		/*background: #F2D0CB;*/
		/*padding: 20px;*/
		margin-bottom: 80px;
	}
	.my_attend_list ul li {
		display: flex;
		justify-content: space-between;
		border-bottom: #ccc 1px solid;
		line-height: 2;
		padding: 15px 0;
	}
	.my_attend_list ul li ._date{
		width: 30%;
	}
	.my_attend_list ul li ._course{
		width: 25%;
	}
	.my_attend_list ul li ._curriculum{
		width: 32%;
	}
	.my_attend_list ul li ._status{
		width: 10%;
		color: #f00;
		font-weight: bold;
	}
	.my_attend_list ul li ._cancel{
		width: 1.5em;
	}
	.my_attend_list ul li ._cancel a{
		display: block;
		width: 1.5em;
		height: 1.5em;
		line-height: 1.5;
		border: #666 1px solid;
		background: #666;
		color: #fff;
		border-radius: 1px;
		text-align: center;
		position: relative;
		top: 0.3em;
	}


}


/***********************
	spのみ
	********************/
@media screen and (max-width: 768px) {
	.txt_ttl {
		font-size: 1.5em;
		margin-bottom: 2em;
	}
	.gray {
		display: none;
	}
	.lead h2 {
		font-size: 1.5em;
		margin-bottom: 2em;
	}
	.lead .gray {
		display: none;
	}

	.calendarArea .txt span::after {
		content: none;
	}

	.icon_desc {
		line-height: 1.6;
		text-align: left;
	}

	.formArea .mailform dt{
		font-size: 1em;
		padding: 5px 0;
	}

	.formArea .mailform dt .must{

	}

	.formArea .mailform dd{
		width: 100%;
		box-sizing: border-box;
		margin-bottom: 20px;
	}
	.formArea .mailform dd.input-multi {
		display: flex;
		justify-content: flex-start;
		flex-wrap: wrap;
	}

	.formArea .mailform dd input{
		font-size: 100%;
		padding: 5px 5px;
		width: 100%;
		border: solid 1px #ccc;
		box-sizing: border-box;
	}
	.formArea .mailform dd input,
	.formArea .mailform dd select {
		font-size: 100%;
		padding: 5px 5px;
		width: 100%;
		box-sizing: border-box;
	}
	.formArea .mailform dd select.input-tiny {
		margin-top: 10px;
	}
	.formArea .mailform dd .input-mtop{
		margin-top: 10px;
	}
	.formArea .mailform dd input[type=radio] {
		display: inline;
		width: auto;
	}
	.formArea .mailform dd input[type=radio] + label {
		padding-left: 0.5em;
	}
	.formArea .mailform dd .radio-inline {
		display: block;
		width: 100%;
		line-height: 2;
	}

	.formArea .mailform dd textarea{
		width: 100%;
		height: 475px;
		font-size: 100%;
		padding: 5px 5px;
		border: solid 1px #ccc;
		box-sizing: border-box;
	}

	.formArea .buttons{
		text-align: center;
		margin-bottom: 120px;
		margin-top: 30px;
	}

	.formArea .buttons .submitBtn{
		display: block;
		width: 100%;
		height: 100%;
		padding: 20px 0;
		border: solid 2px #eabebe;
		background-color: #eabebe;
		color: #fff;
		text-align: center;
		transition: .5s;
		font-size: 1.2em;
		line-height: 1;
	}

	.formArea .buttons .submitBtn:hover{
		background-color: #eabebe;
		color: #fff;
	}

	.confirmArea .mailform{
		border-top: solid 1px #B3B3B3;
	}

	.confirmArea .mailform dt{

	}

	.confirmArea .mailform .row{
		border-bottom: solid 1px #B3B3B3;
		padding: 15px 0 0;
	}

	.confirmArea .mailform dt{
		margin-bottom: 0.6em;

	}
	.confirmArea .mailform dd{
		line-height: 1.7;
		font-weight: bold;
	}

	.confirmArea .buttons{
		margin-top: 50px;
	}

	.confirmArea .buttons button{
		display: inline-block;
		margin: auto 20px;
	}

	.formArea .buttons .submitBtn{
		display: inline-block;
		width: 100%;
		margin-left: 0;
	}

	.confirmArea .buttons .resetBtn{
		display: inline-block;
		width: 45%;
		height: 100%;
		padding: 20px 0;
		border: solid 1px #959595;
		background-color: #fff;
		color: #959595;
		text-align: center;
		transition: .5s;
		font-size: 1.2em;
		line-height: 1;
		margin: 0 auto;
		margin-right: 4%;
	}
	.confirmArea .buttons .submitBtn{
		width: 45%;
		margin-right: 0;
	}

	.confirm_customer .current{
		display: inline-block;
		margin: 20px auto;
		width: 45%;
		padding: 15px 0;
		border: solid 1px #eabebe;
		background-color: #fff;
		color: #eabebe;
		text-align: center;
		font-size: 1em;

	}

	.thanks_ttl{
		font-size: 1.5em;
		margin-bottom: 15px;
	}

	.my_attend_list {
		/*background: #F2D0CB;*/
		/*padding: 20px;*/
		margin-bottom: 4em;
	}
	.my_attend_list ul li {
		display: flex;
		justify-content: space-between;
		border: none;
		line-height: 1.7;
		flex-wrap: wrap;
		border-bottom: #ccc 1px solid;
		padding: 1em 0;
	}
	.my_attend_list ul li ._date {
		font-weight: bold;
		width: 100%;
	}
	.my_attend_list ul li ._course{
		width: 100%;
	}
	.my_attend_list ul li ._curriculum{
		width: 100%;
	}
	.my_attend_list ul li ._status{
		width: 80%;
		color: #f00;
		font-weight: bold;
	}
	.my_attend_list ul li ._cancel{
		width: 20%;
	}
	.my_attend_list ul li ._cancel a{
		display: block;
		margin: 0 0 0 auto;
		width: 1.6em;
		height: 1.6em;
		line-height: 1.6;
		border: #666 1px solid;
		background: #666;
		color: #fff;
		text-align: center;
		border-radius: 1px;
	}
	.lower_contact .txt {
		line-height: 1.7;
		margin-bottom: 3em;
	}


}