@charset "utf-8";

/*■ PC : 751px < Window Size ■*/
@media print,screen and (min-width: 751px) {
	#page-ttl{
		background-image: url(../../img/customer/t_bg2_pc.png),
											url(../../img/customer/t_bg_pc.jpg);
		background-color: transparent;
		background-repeat: repeat,no-repeat;
		background-position: 0 0, center top;
		background-size: auto,cover;
	}
	#content .top_area{
		margin-bottom:-60px;
	}
	#content .top_area .inner{
		padding: 31px 10px 58px;
		background-color:#f6f5f1;
		min-height:0;
	}
	#content .top_area .anc{
		display:flex;
		-js-display:flex;
		display:-webkit-flex;
		-webkit-justify-content: center;
		justify-content: center;
		flex-flow: row nowrap;
		-webkit-flex-flow: row nowrap;
		align-items: center;
		-webkit-align-items: center;
	}
	#content .top_area .anc a{
		color:#333;
		-webkit-transform: rotate(0.05deg);
		   -moz-transform: rotate(0.05deg);
		    -ms-transform: rotate(0.05deg);
		     -o-transform: rotate(0.05deg);
		        transform: rotate(0.05deg);
		text-shadow:1px 1px 0 rgba(51,51,51,0.4);
		font-size:16px;
		line-height:1em;
		display:block;
		opacity:1 !important;
		letter-spacing:1px;
	}
	#content .top_area .anc .sep{
		color:#5bbd2b;
		font-size:16px;
		line-height:1em;
		margin:0 1.2em;
	}

	#customer .inner{
		padding-top:0;
	}
	#customer .tbox h3{
		margin-bottom:35px;
	}
	#customer .tbox .sub{
		font-size:18px;
		color:#5bbd2b;
		-webkit-transform: rotate(0.05deg);
		   -moz-transform: rotate(0.05deg);
		    -ms-transform: rotate(0.05deg);
		     -o-transform: rotate(0.05deg);
		        transform: rotate(0.05deg);
		text-shadow:1px 1px 0 rgba(91,189,43,0.4);
		letter-spacing:1px;
		text-align:center;
		margin-bottom:28px;
	}
	#customer .tbox p{
		color:#333;
		line-height:1.7em;
		text-align:center;
		margin-bottom:36px;
	}

	#customer .bbox{
		display:flex;
		-js-display:flex;
		display:-webkit-flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		flex-flow: row nowrap;
		-webkit-flex-flow: row nowrap;
		align-items: stretch;
		-webkit-align-items: stretch;
	}
	#customer .bbox .txt{
		max-width:580px;
		width:50.88%;
	}
	#customer .bbox .txt p{
		line-height:1.7em;
	}
	#customer .bbox .img{
		max-width:520px;
		width:45.62%;
	}
	#customer .bbox .btn_def{
		margin-top:35px;
	}

	#cst01 .bbox,
	#cst03 .bbox{
		flex-flow: row-reverse nowrap;
		-webkit-flex-flow: row-reverse nowrap;
	}
	#cst02{
		background-color:#fff;
	}
	#cst02 .btn_def:hover,
	#cst02 .btn_def:focus,
	#cst02 .btn_def:active {
		border: 3px solid #8EF05E;
	}

	#fix_anc{
		background-color:#f6f5f1;
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		z-index:1;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
		padding:10px;
		-moz-transition: bottom 0.5s ease;
		-ms-transition: bottom 0.5s ease;
		-webkit-transition: bottom 0.5s ease;
		transition: bottom 0.5s ease;
	}
	#fix_anc.sc-off{
		bottom:-100px;
	}
}

/*■ Mobile (Low Res) : 750px > 0 ■*/
@media only screen and (max-width: 750px) {
	#page-ttl{
		background-image: url(../../img/customer/t_bg_sp.jpg);
		background-color: transparent;
		background-repeat: no-repeat;
		background-position: center top;
		background-size: cover;
	}
	#content .top_area{
		margin-bottom:-1.905em;
	}
	#content .top_area .inner{
		padding:0.648em 1.333em 0;
		background-color:#f6f5f1;
		min-height:2.667em;
	}
	#content .top_area .anc{
		text-align:center;
	}
	#content .top_area .anc a{
		color:#333;
		-webkit-transform: rotate(0.05deg);
		   -moz-transform: rotate(0.05deg);
		    -ms-transform: rotate(0.05deg);
		     -o-transform: rotate(0.05deg);
		        transform: rotate(0.05deg);
		text-shadow:1px 1px 0 rgba(51,51,51,0.4);
		font-size:1em;
		line-height:1.4em;
		display:inline;
		opacity:1 !important;
		letter-spacing:0.05em;
	}
	#content .top_area .anc .sep{
		color:#5bbd2b;
		font-size:1em;
		line-height:1.4em;
		margin:0 1em;
	}

	#customer .inner{
		padding-top:0;
	}
	#customer .tbox h3{
		margin-bottom:1.143em;
	}
	#customer .tbox .sub{
		font-size:1.143em;
		color:#5bbd2b;
		-webkit-transform: rotate(0.05deg);
		   -moz-transform: rotate(0.05deg);
		    -ms-transform: rotate(0.05deg);
		     -o-transform: rotate(0.05deg);
		        transform: rotate(0.05deg);
		text-shadow:1px 1px 0 rgba(91,189,43,0.4);
		letter-spacing:1px;
		text-align:center;
		margin-bottom:0.5em;
	}
	#customer .tbox p{
		color:#333;
		text-align:center;
		margin-bottom:1.333em;
	}

	#customer .bbox{
		display:flex;
		-js-display:flex;
		display:-webkit-flex;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
		flex-flow: column-reverse wrap;
		-webkit-flex-flow: column-reverse wrap;
		align-items: center;
		-webkit-align-items: center;
	}
	#customer .bbox .txt{
		width:100%;
	}
	#customer .bbox .img{
		width:100%;
		margin-bottom:1.143em;
	}
	#customer .bbox .btn_def{
		margin-top:1.333em;
	}

	#cst01 .tbox h3 .en,
	#cst02 .tbox h3 .en,
	#cst03 .tbox h3 .en{
		letter-spacing:0;
		font-size:1.78em;
	}

	#cst02{
		background-color:#fff;
	}

	/* IE11 */
	_:-ms-fullscreen, :root #customer .bbox .img{
		max-height:19.62em;
	}
}