@charset "UTF-8";
#bottom_fixedcont{
	display: none !important;
}

@media screen and (min-width:751px) {
	
	.service_cont{
		width:100%;
	}
	
	.service_cont.bgbox{
		background:#f2f2f2;
	}
	
	/*howto*/
	.howto_cont{
		padding:130px 0;
	}
	
	.howto_cont h2{
		font-size: 3.6rem;
		font-weight: 600;
		text-align: center;
		padding:0 0 15px 0;
		margin:0 0 40px 0;
		position: relative;
		color:#000;
	}
	
	.howto_cont h2::after{
		content: "";
		width:60px;
		border-bottom: 2px solid #000;
		position: absolute;
		bottom:0;
		left:calc(50% - 30px);
	}
	
	.howto_box{
		width:90%;
		max-width: 780px;
		margin:0 auto;
	}
	
	.howto_box.bobottom{
		padding-bottom:70px;
		margin-bottom:70px;
		border-bottom:1px solid #ccc;
	}
	
	.howto_box h3{
		font-size: 2.4rem;
		font-weight: 600;
		line-height: 1.8em;
		margin:0 0 15px 0;
	}
	
	.howto_box p.sub{
		font-size: 1.6rem;
		line-height: 1.8em;
	}
	
	.howto_box p.sub a{
		color:#1d2088;
		text-decoration: underline;
	}
	
	.howto_box p.sub + p{
		margin-top:30px;
	}
	
	.howto_box p.indent{
		padding-left: 1em;
		text-indent: -1em;
	}
	
	.howto_box .flex_list{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		margin:20px 0 0 0;
	}
	
	.howto_box .flex_list .box{
		padding:50px 20px 30px;
		width:calc((100% - 10px) / 2);
		margin:0 0 10px 0;
		background:#fff;
		box-shadow: 1px 1px 3px rgba(0,0,0,0.06);
		position: relative;
		display: flex;
		align-items: center;
		flex-direction: column;
	}
	
	.howto_box .flex_list .box .num{
		width:54px;
		position: absolute;
		top:15px;
		left:15px;
	}
	
	.howto_box .flex_list .box .ill{
		margin:0 0 40px 0;
	}
	
	.howto_box .flex_list .box .ill img{
		height:60px;
	}
	
	.howto_box .flex_list .box .tl{
		font-size: 2.2rem;
		font-weight: 600;
		margin:0 0 10px 0;
	}
	
	.howto_box .flex_list .box .tx{
		font-size: 1.6rem;
		line-height: 1.6em;
		margin:0 0 30px 0;
	}
	
	.howto_box .flex_list .box .tx strong{
		color:#c1272d;
		font-weight: normal;
	}
	
	.howto_box .flex_list .box a{
		margin: auto 0 0 0;
	}
	
	.download_box{
		margin:70px 0 0 0;
	}
	
	.download_box ul{
		margin:20px 0 0 0;
	}
	
	.download_box ul li{
		position: relative;
		padding-left: 10px;
		font-size: 1.6rem;
		line-height: 1.8em;
		margin:30px 0 0 0;
		font-weight: 600;
	}
	
	.download_box ul li span{
		width:10px;
		position: absolute;
		top:0;
		left:0;
	}
	
	.download_box ul li a{
		text-decoration: underline;
		color:#1d2088;
		font-weight: 400;
	}
	
	.download_box ul li a::after{
		content: "";
		display: inline-block;
 		width: 13px;
  		height: 16px;
		background:url("/new/new_2024/images/common/d_icon02.svg") no-repeat;
		background-size: contain;
  		border-top: none;
  		border-right: none;
  		transform: none;
		position: relative;
		margin:0 0 0 10px;
	}
	
	.terms_cont{
		padding:100px 0;
	}
	
	.terms_cont h2{
		width:90%;
		max-width: 780px;
		margin:0 auto 60px;
		text-align: center;
		font-size: 3.6rem;
		font-weight: 600;
		padding:0 0 20px 0;
		position: relative;
	}
	
	.terms_cont h2::before{
		content: "";
		width:60px;
		border-bottom: 2px solid #000;
		position: absolute;
		left:calc(50% - 30px);
		bottom:0;
	}
	
	.terms_cont.bgbox{
		background:#f2f2f2;
	}
	
	.terms_cont .contbox{
		width:90%;
		max-width: 780px;
		margin:0 auto 60px;
	}
	
	.terms_cont .contbox.bobottom{
		border-bottom:1px solid #cccccc;
		padding:0 0 60px 0;
	}
	
	.terms_cont .contbox:last-child{
		margin-bottom:0;
	}
	
	.terms_cont .contbox.bobottom:last-child{
		border-bottom:none;
		padding:0 0 0 0;
	}
	
	.terms_cont .contbox h3{
		font-size: 1.6rem;
		line-height: 1.8em;
		margin:0 0 10px 0;
	}
	
	.terms_cont .contbox h3.fw{
		font-size: 2.4rem;
		line-height: 1.8em;
		font-weight: 600;
		margin:0 0 10px 0;
	}
	
	.terms_cont .contbox h4{
		font-size: 1.6rem;
		line-height: 1.8em;
		margin:10px 0 0 0;
		font-weight: 600;
	}
	
	.terms_cont .contbox p{
		font-size: 1.6rem;
		line-height: 1.8em;
	}
	
	.terms_cont p.indent{
		padding-left: 1em;
		text-indent: -1em;
	}
	
	.terms_cont .contbox p.rt{
		text-align: right;
	}
	
	.terms_cont .contbox p + ul{
		margin-top:2em;
	}
	
	.terms_cont .contbox p + p{
		margin-top:2em;
	}
	
	.terms_cont ul li{
		position: relative;
		padding-left: 20px;
		font-size: 1.6rem;
		line-height: 1.8em;
	}
	
	.terms_cont ul li span{
		width:20px;
		position: absolute;
		top:0;
		left:0;
	}
	
	.terms_cont ul.dot li{
		position: relative;
		padding-left: 15px;
		font-size: 1.6rem;
		line-height: 1.8em;
	}
	
	.terms_cont ul.dot li span{
		width:15px;
		position: absolute;
		top:0;
		left:0;
	}
	
	.terms_cont ul.dot li ul li{
		position: relative;
		padding-left: 27px;
		font-size: 1.6rem;
		line-height: 1.8em;
	}
	
	.terms_cont ul.dot li ul li span{
		width:27px;
		position: absolute;
		top:0;
		left:0;
	}
	
	.terms_cont ul li ul{
		margin:5px 0 0 0;
	}
	
	.terms_cont a{
		text-decoration: underline;
		color:#1d2088;
	}
	
	.bgcontainer{
		position: relative;
	}
	
	.bgcontainer .bgbox{
		width:100%;
		height:25vw;
	}
	
	.bgcontainer .maintl{
		position: absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		display: flex;
		justify-content:center;
		align-items: center;
		z-index: 1;
		line-height: 1;
	}
	
	.bgcontainer .maintl .tl{
		font-size: 1rem;
		color:#fff;
		font-weight: 400;
		letter-spacing: 0.05em;
		display: flex;
		flex-direction: column;
		justify-content:center;
		align-items: center;
		line-height: 3.5em;
		line-height: 1.6em;
	}
	
	.bgcontainer .maintl .tl span{
		font-size: 6rem;
		font-weight: 700;
		line-height: 1em;
		text-align: center;
	}
	
	.bottom_btn a{
		color:#fff;
		text-decoration: none;
	}
	
	.bottom_btn a::after{
		right:-20px;
	}
}


@media screen and (max-width:750px) {
	
	.service_cont{
		width:100%;
	}
	
	.service_cont.bgbox{
		background:#f2f2f2;
	}
	
	/*howto*/
	.howto_cont{
		padding:50px 0;
	}
	
	.howto_cont h2{
		font-size: 1.8rem;
		font-weight: 600;
		text-align: center;
		padding:0 0 15px 0;
		margin:0 0 30px 0;
		position: relative;
		color:#000;
	}
	
	.howto_cont h2::after{
		content: "";
		width:30px;
		border-bottom: 2px solid #000;
		position: absolute;
		bottom:0;
		left:calc(50% - 15px);
	}
	
	.howto_box{
		width:90%;
		max-width: 780px;
		margin:0 auto;
	}
	
	.howto_box.bobottom{
		padding-bottom:50px;
		margin-bottom:50px;
		border-bottom:1px solid #ccc;
	}
	
	.howto_box h3{
		font-size: 1.6rem;
		font-weight: 600;
		line-height: 1.8em;
		margin:0 0 10px 0;
	}
	
	.howto_box p.sub{
		font-size: 1.2rem;
		line-height: 1.8em;
	}
	
	.howto_box p.sub a{
		color:#1d2088;
		text-decoration: underline;
	}
	
	.howto_box p.sub + p{
		margin-top:30px;
	}
	
	.howto_box p.indent{
		padding-left: 1em;
		text-indent: -1em;
	}
	
	.howto_box .flex_list{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		margin:20px 0 0 0;
	}
	
	.howto_box .flex_list .box{
		padding:30px 20px 20px;
		width:100%;
		margin:0 0 10px 0;
		background:#fff;
		box-shadow: 1px 1px 3px rgba(0,0,0,0.06);
		position: relative;
		display: flex;
		align-items: center;
		flex-direction: column;
	}
	
	.howto_box .flex_list .box .num{
		width:40px;
		position: absolute;
		top:15px;
		left:15px;
	}
	
	.howto_box .flex_list .box .ill{
		margin:0 0 20px 0;
	}
	
	.howto_box .flex_list .box .ill img{
		height:50px;
	}
	
	.howto_box .flex_list .box .tl{
		font-size: 1.8rem;
		font-weight: 600;
		margin:0 0 10px 0;
	}
	
	.howto_box .flex_list .box .tx{
		font-size: 1.2rem;
		line-height: 1.6em;
		margin:0 0 20px 0;
	}
	
	.howto_box .flex_list .box .tx strong{
		color:#c1272d;
		font-weight: normal;
	}
	
	.howto_box .flex_list .box a{
		margin: auto 0 0 0;
	}
	
	.download_box{
		margin:50px 0 0 0;
	}
	
	.download_box ul{
		margin:10px 0 0 0;
	}
	
	.download_box ul li{
		position: relative;
		padding-left: 10px;
		font-size: 1.2rem;
		line-height: 1.8em;
		margin:20px 0 0 0;
		font-weight: 600;
	}
	
	.download_box ul li span{
		width:10px;
		position: absolute;
		top:0;
		left:0;
	}
	
	.download_box ul li a{
		text-decoration: underline;
		color:#1d2088;
		font-weight: 400;
	}
	
	.download_box ul li a::after{
		content: "";
		display: inline-block;
 		width: 11px;
  		height: 14px;
		background:url("/new/new_2024/images/common/d_icon02.svg") no-repeat;
		background-size: contain;
  		border-top: none;
  		border-right: none;
  		transform: none;
		position: relative;
		margin:5px 0 0 5px;
	}
	
	.terms_cont{
		padding:40px 0;
	}
	
	.terms_cont h2{
		width:90%;
		max-width: 780px;
		margin:0 auto 30px;
		text-align: center;
		font-size: 1.8rem;
		font-weight: 600;
		padding:0 0 10px 0;
		position: relative;
	}
	
	.terms_cont h2::before{
		content: "";
		width:30px;
		border-bottom: 2px solid #000;
		position: absolute;
		left:calc(50% - 15px);
		bottom:0;
	}
	
	.terms_cont.bgbox{
		background:#f2f2f2;
	}
	
	.terms_cont .contbox{
		width:90%;
		max-width: 780px;
		margin:0 auto 40px;
	}
	
	.terms_cont .contbox.bobottom{
		border-bottom:1px solid #cccccc;
		padding:0 0 40px 0;
	}
	
	.terms_cont .contbox:last-child{
		margin-bottom:0;
	}
	
	.terms_cont .contbox.bobottom:last-child{
		border-bottom:none;
		padding:0 0 0 0;
	}
	
	.terms_cont .contbox h3{
		font-size: 1.2rem;
		line-height: 1.8em;
		margin:0 0 10px 0;
	}
	
	.terms_cont .contbox h3.fw{
		font-size: 1.4rem;
		font-weight: 600;
		line-height: 1.8em;
		margin:0 0 10px 0;
	}
	
	.terms_cont .contbox h4{
		font-size: 1.2rem;
		line-height: 1.8em;
		margin:10px 0 0 0;
		font-weight: 600;
	}
	
	.terms_cont .contbox p{
		font-size: 1.2rem;
		line-height: 1.8em;
	}
	
	.terms_cont p.indent{
		padding-left: 1em;
		text-indent: -1em;
	}
	
	.terms_cont .contbox p.rt{
		text-align: right;
	}
	
	.terms_cont .contbox p + ul{
		margin-top:2em;
	}
	
	.terms_cont .contbox p + p{
		margin-top:2em;
	}
	
	.terms_cont ul li{
		position: relative;
		padding-left: 15px;
		font-size: 1.2rem;
		line-height: 1.8em;
	}
	
	.terms_cont ul li span{
		width:15px;
		position: absolute;
		top:0;
		left:0;
	}
	
	.terms_cont ul.dot li{
		position: relative;
		padding-left: 10px;
		font-size: 1.2rem;
		line-height: 1.8em;
	}
	
	.terms_cont ul.dot li span{
		width:15px;
		position: absolute;
		top:0;
		left:0;
	}
	
	.terms_cont ul.dot li ul li{
		position: relative;
		padding-left: 20px;
		font-size: 1.2rem;
		line-height: 1.8em;
	}
	
	.terms_cont ul.dot li ul li span{
		width:20px;
		position: absolute;
		top:0;
		left:0;
	}
	
	.terms_cont ul li ul{
		margin:5px 0 0 0;
	}
	
	.terms_cont a{
		text-decoration: underline;
		color:#1d2088;
	}
	
	.bgcontainer{
		position: relative;
	}
	
	.bgcontainer .bgbox{
		width:100%;
		height:25vw;
	}
	
	.bgcontainer .maintl{
		position: absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		display: flex;
		justify-content:center;
		align-items: center;
		z-index: 1;
		line-height: 1;
	}
	
	.bgcontainer .maintl .tl{
		font-size: 1rem;
		color:#fff;
		font-weight: 400;
		letter-spacing: 0.05em;
		display: flex;
		flex-direction: column;
		justify-content:center;
		align-items: center;
		line-height: 3.5em;
		line-height: 1.6em;
	}
	
	.bgcontainer .maintl .tl span{
		font-size: 2rem;
		font-weight: 700;
		line-height: 1em;
		text-align: center;
	}
	
	.bottom_btn a{
		max-width: 280px;
		color:#fff;
		text-decoration: none;
	}
}