/* CSS Document */
.clearfix:after {
	 visibility: hidden;
	 display: block;
	 font-size: 0;
	 content: " ";
	 clear: both;
	 height: 0;
	 }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

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

	.tut_content{
		width: 100%;
		position: relative;
		font-size: 13px;
		letter-spacing: 1px;
		line-height: 1.6;
		box-sizing:border-box;
	}


	.tut_content .wrap_tut_content{
		padding: 0 20px;
	}

	.tut_content .wrap_tut_content p{
		margin-bottom: 1em;
	}
	
	.red_tl{
		color:#CC0000;
		font-size:20px;
		font-weight:bold;
	}
	
	.bold{
		font-weight: bold;
	}
	
	a.agreement_link{
		color:#38a0b4;
		font-weight:bold;
	}

	/*--TEXT--*/
	p.ct_1{
		margin-bottom: 10px;
		display: inline-block;
	}
	a.hoverlink:hover{
		text-decoration:underline;
	}
	a.agree_link{
		display: inline;
		text-transform: uppercase;	
		text-decoration: underline;
		right:20px;
	}
	a.agree_link:hover{
		text-decoration:underline;
	}
	a.agree_link{
		position: relative;
		top: 0;
		text-align: right;

	}
	span.right{
		text-align: right;
		display: inline-block;
		width: 100%;	
		margin: 10px 0px;		
	}
	p.t_title{
		margin: 10px 0 30px;
	}
	.mar_bt{
		margin-bottom: 20px;
	}
	p.t_title >span{
		color: red;
		font-size: 13px;
		font-weight: normal;
	}
	.red_text{
		color: red;
		font-size: 12px;
		margin-bottom: 15px;
	}
	.text_indent_1{
		text-align: left;
		margin-left: 1em;
		text-indent: -1.3em;
	}
	.text_indent_2{
		text-align: left;
		margin-left: 3em;
		text-indent: -2.7em;
	}
	.text_indent_3{
		text-align: left;
		margin-left: 5em;
		text-indent: -2.8em;
	}
	span.date{
		display:block;
		margin-right:10px;
	}


	.agreement_box:first-child{
		margin:1em auto 0 !important;
	}

	.agreement_box p{
	}

	.mgB50{
		margin-bottom:50px;
	}
}

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

	/*agreement.html*/
	.agreement_box{
		width: 724px;
		margin:2em auto 0;
		display:block;
	}

	.block_content,
	.block_content_1{
		width: 724px;
		margin: 0 auto 1px;
	}

	.block_content .block_content_right:after{
		content: url(../img/agreement_ico_right_arrow.png);
		position: absolute;
		top: 50%;
		right: 335px;
	}
	.block_content_left{
		width: 362px;
		float: left;
	}
	.block_content_right{
		width: 362px;
		float: right;
	}
	.c_title{
		font-size: 15px;
		line-height: 40px;
		text-align: center;
	}

	.block_content .s_content,
	.block_content_1 .s_content{
		padding: 20px 15px 20px 30px;
		line-height: 26px;	 
	}

	h4.s_content_title{
		text-align: left;
		font-size: 15px;
		margin: 0 0 10px;
	}

}


/* sp /////////////////////////////////////////////////////////////////// */

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

	.wrap_tut_content {
		width:100%;
		box-sizing:border-box;
		top:15px 0 0;
		padding: 0 20px;
	}
	
	.tut_content .wrap_tut_content p{
		margin-bottom: 1em;
	}
	
	.red_tl{
		color:#CC0000;
		font-size:20px;
		font-weight:bold;
	}
	
	.bold{
		font-weight: bold;
	}
	
	a.agreement_link{
		color:#38a0b4;
		font-weight:bold;
	}

	.wrap_tut_content ul,
	.ag_list {
		padding:0;
		box-sizing:border-box;
		font-size:10px;
		font-weight:bold;
		font-size: 12px;
	}
	.ag_list a,
	.wrap_tut_content ul li a{
		color:#908d7d;
		/*text-decoration:underline;*/
	}

	.agreement_box {
		width: 100%;
		margin-top: 15px;
		padding: 0 20px;
		box-sizing: border-box;
	}

	.block_content_1 {
		margin: 0 0 1em;
	}

	.s_content {
		margin: 0;
		padding: 0 3% 3%;
		line-height: 1.3;
	}

	.s_content_title {
		display: block;
		font-size: 10px;
		color: #000000;
		padding: 3% 3% 1.5%;
	}

	.empty .block_content_left {
		display: none;
		width: 100%;
	}

	.block_content_right {
		background-color: #fdf7dd;
		width: 100%;
		float: none;
		box-sizing: border-box;
		padding: 0;
	}

	.block_content h4.c_title {
		background: #fdf7dd;
		color: #000;
		font-weight: bold;
		padding: 3% 3% 1.5%;
		font-size: 14px;
	}

	.block_content .block_content_left,
	.block_content .block_content_left .c_title {
		background: #DBD3BC;
	}

}

/*20190626*/

.stl{
	font-size: 1.1em;
	font-weight: bold;
}

.bold{
	font-weight: bold;
}

/*20190626*/

#mypageparts-pc #mypageparts {
	padding-bottom: 0;
}

#mypageparts-pc #mypageparts div.links {
	display: none;
}