/*BEGIN PC STYLE*/
	span.one-dot{
		margin-left: -6px;
		letter-spacing: -5px;		
	}
	span.dot-line {
		margin-right: 5px;
		letter-spacing: -7px !important;
	}
	.top-content p{
		line-height:25px;
	}
	.wrapper1 {
		margin: 0 auto;
		margin-bottom: 57px;
		padding: 17px 20px;
		width: 530px;
		border: 1px solid #fff;
		font-size: 12px;
		color: #fff;
		box-shadow: 9px 8px #45618d;
	}
	.wrapper2 {
		margin: 0 auto;
	}

	.item-wrap {
		display: inline-table;
		margin: 0 15px;
		position: relative;
		padding-bottom: 30px;
		width: 310px;
		height: 453px;
		max-height: 453px;
		background: #fff;
		text-align: center;
		border-top-left-radius: 20px;
		border-bottom-right-radius: 20px;
		box-shadow: 5px 5px 5px #314463;
	}
	.item-wrap>img {
		margin-top: 32px;
	}
	.top-content p {
		margin-bottom: 14px;
		font-size: 14px;
	}
	.image1 {
		margin: 0 auto;
		margin-top: 33px;
	}
	.image2 {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
	}
	.triangle-sm {
		margin-top: 16px;
		margin-bottom: 10px;
	}
	.item-description {
		padding: 0 23px;
		font-size: 13px;
	}
	.wrapper3 {
		margin: 0 auto;
		margin-top: 83px;
		width: 920px;
		color: #fff;
	}
	
	.right-para,.left-para{
		display: inline-table;
		width:45%;
	}
	.left-para {
		margin-right: 25px;
	}
	.right-para {
		margin-left: 25px;
	}
	.para-caption {
		height: 30px;
		line-height: 30px;
		font-size: 20px;
	}
	.para-content {
		font-size: 13px;
	}
	.wrapper4 p{
		display:flex;
		text-indent:3px;
	}
	.left-para .para-content p{
		margin-bottom: 9px;
	}
	.right-para .para-content p{
		width: 83%;
		margin-bottom: 20px;
		/*line-height:25px;*/
	}
	.right-para .para-content label{
		width: 17%;
		margin-bottom: 20px;
	}
	.para-line {
		margin-top: 9px;
		margin-bottom: 20px;
		width: 100%;
		border-top: 1px solid #fff;
	}
	.wrapper4 {
		margin: 0 auto;
		margin-top: 30px;
		padding: 1px 18px;
		width: 844px;
		height: auto;
		background: #fff;
		border-top-left-radius: 20px;
		border-bottom-right-radius: 20px;
		box-shadow: 5px 5px 5px #314463;
	} 
	.blue-caption {
		background: #5070A3;
		width: 100%;
		height: 43px;
		border-radius: 5px;
	}
	.blue-caption img {
		margin-top: 7px;
	}
	p.group-caption {
		margin-top: 22px;
		margin-bottom: 10px !important;
		font-size: 15px !important;
		font-weight: bold;
	}
	.wrapper4 p {
		font-size: 13px;
		line-height: 22px;
	}
	.wrapper4 span {
		color: #45618d;
		font-size: 13px;
	}
	p.refer {
		margin-top: 16px;
	}
	.wrapper4 p span:last-child {
		color: #000;
	}
	.top-content .f-top {
		position: relative;
		right: 8px;
	}
	.refer{
		display:flex;
	}
/*END PC STYLE*/
@media (max-width:1050px) {
	
/*	.item-wrap {		
		margin: 0 7px;
		position: relative;
		padding-bottom: 30px;
		width: 255px;
		min-height: 468px;
		height: 100%;
	}
	
	.wrapper3 {
		width: 895px;
	}*/
}
@media (max-width:900px) {
/*	.wrapper3 {
		width: 731px;
	}
	
	.wrapper2{width:100%;}
	.item-wrap {		
		position: relative;
		padding-bottom: 30px;
		min-height:527px;
		height: 100%;
		width: 210px;
	}
	.item-wrap .image1{
		height:70%;
	}
	.left-para .para-content p span{
		letter-spacing:-2px;
	}
	.right-para .para-content label {
		width: 25%;
		margin-bottom: 20px;
	}
	.right-para .para-content p {
		width: 75%;
		margin-bottom: 20px;
		letter-spacing: 0px;
		line-height: 25px;
	}
	.wrapper4{
		margin: 0 auto;
		margin-top: 50px;
		padding: 1px 25px ;
		width: 660px;
		height: auto;
		background: #fff;
		border-top-left-radius: 20px;
		border-bottom-right-radius: 20px;
		box-shadow: 5px 5px 5px #314463;
	}*/
}
.wrapper4-inline{
	margin:25px;
	padding:25px 0px;
}
/*BEGIN SP STYLE*/
	/* BEGIN max width 767px */
@media (max-width: 768px) {
	.item-wrap {
		height: auto;
		min-height: auto;
	}
	
/****begin header & footer****/
	.item-wrap img:first-child {
		padding-top: 32px;
	}

	.dot-line {
		display: none;
	}
	.top-content,
	.item-wrap {
		margin-bottom: 9% !important;
	}
	.pc{
		display: none;
	}
	.sp{
		display: block;
	}
	.wrapper3 {
		margin-top: 20px;
	}
	.menu-open{
		position: fixed;
		right: 257px;
	}
	.container{
		width: 100%;
	}
	.top-bar{
		display: none;
	}
	.pre_header{
		position: relative;
		height: 53px;
		background: #324B73;
	}
	.content{
		margin-top: 22px;
	}
	.logo_wrapper{
		width: calc(100% - 60px - 41px);
		padding: 15.5px 16px 0px 25px;
		float: left;
	}
	.logo img{
		max-width:100%;
		max-height: 32.5px;
		margin: 0;
	}
	.menu-trigger{
		display: block;
		top: 1px;
	}
	.menu-sep{
		width: 2px;
		height: 32px;
		border-left: 2px solid #fff;
		margin: 11px 55px 0px 0px;
	}
	.footer{
		text-align: center;
		margin-bottom: 34px;
	}
	.footer span.copyright{
		margin: 0 auto;
		float: inherit;
	}
	.sp-nav-wrap ul.nav-bar li:last-child{
		border-bottom: none;
	}
	.sp-nav-wrap .sns_btn_wrapper{
		margin: 0 auto;
	}
	.sp-nav-wrap ul.nav-bar li:last-child i{
		display: block;
		width: 31px;
		height: 31px;
		cursor: pointer;
		display: inline-block;
	}
	.sp-nav-wrap ul.nav-bar li:last-child i.second-btn{
		margin-left: 25px;
	}
	.sp-nav-wrap i.first-btn{
		background: url(../img/sp/sp_facebook.png) no-repeat;
	}
	.sp-nav-wrap i.second-btn{
		background: url(../img/sp/sp_sns_otherbtn.png) no-repeat;
	}
	
/******end header & footer******/
/****content****/
	/*.content {
		margin-bottom: 15%;
	}*/
	.top-content{
		align-items: center;
		margin-bottom: 5%;
	}
	.top-content dt{
		margin: 4% 0;
	}
	.top-content dd, 
	.item-description, 
	.para-content p, 
	.wrapper4 p ,
	.right-para .para-content label, 
	.wrapper1 p,
	.wrapper1 p > span,
	.wrapper4 p span,
	.para-top {
		font-size: 13px;
	}
	.top-content p {
		text-align:center;
	}
	.wrapper1 {
		width: 310px;
		padding: 10px 0;
	}
	.wrapper1 > p {
		margin: 20px 0;
	}
	.wrapper1 > p > span {
		display: block;
	}
	.item-wrap {
		display: block;
		width: 310px;
		margin:0 auto;
		list-style: none;
		margin-bottom: 5%;
		padding-bottom: 7%;
	}
	.image1 {
		margin-top: 8%;
		width: 70%;
	}
	.triangle-sm {
		margin-top: 10px;
		margin-bottom: 16px;
	}
	.item-description {
		padding: 0 9%;
	}
	.wrapper3 {
		width: 100%;
	}
	.wrapper3 > div {
		display: list-item;
		list-style: none;
		width: 310px;
		margin:0 auto;
	}
	.para-caption {
		font-size: 20px;
		font-weight: bold;
	}
	.para-top {
		display: block;
	}
	.para-down {
		margin-left: 3%; 
	}
	.right-para .para-content label {
		width: 24%;
	}
	.right-para .para-content p {
		width: 76%;
	}
	.left-para {
		margin-bottom: 6% !important;
	}
	.wrapper4 {
		width: 310px;
		padding-top: 6%;
		border-top-left-radius: 30px;
		border-bottom-right-radius: 30px;
			
		margin-top: 20px;
		padding: 0px;
	}
	.blue-caption img {
	
	}
	.wrapper4-inline{
		margin:35px;
		padding:30px 0px;
	}
	.blue-caption {
		height: 65px;
		line-height: 74px;
		border-radius: 10px;
	}
	p.group-caption {
		font-size: 15px !important;
	}
	.wrapper4 p {
		line-height: 20px;
	}
	.wrapper4 p span {
		display: table-cell;
	}
	.wrapper4 p span:first-child {
		color: #45618d;
	}
	p.refer {
		font-size: 12px;
	}
/*end content*/
}
	/* BEGIN max width 600px */
	@media (max-width: 600px) {
		.blue-caption {
		    height: 56px;
		    border-radius: 10px;
		}
		.top-content,
		.item-wrap {
		    margin-bottom: 9% !important;
		}
		.left-para {
		    margin-bottom: 10% !important;	
		}
		.right-para .para-content label {
			width: 23%;
		}
		.right-para .para-content p {
			width: 77%;
		}
		.blue-caption img {
			width: 65%;
			margin-top:10px;
		}
		.blue-caption {
			height: 60px;
			line-height: 66px;
			border-radius: 9px;
		}
	}
	@media (max-width: 550px) {	
		.blue-caption img {
			width: 68%;
			margin-top: 10px;
		}		
		.blue-caption {
			height: 50px;
			border-radius: 8px;
			line-height: 52px;
		}
	}
	@media (max-width: 500px) {	
		.blue-caption img {
			width:68%;
			margin-top: 10px;
		}		
		.blue-caption {
			height: 50px;
			border-radius: 10px;
		}
	}
	/* END max width 600px */

	/* BEGIN max width 405px */
	@media (max-width: 405px) {		
		.blue-caption img {
		    margin-top: 15px;
		}
		.right-para .para-content label {
			width: 35%;
			display:block;
			margin-bottom: 10px
		}
		.right-para .para-content p {
			width: 100%;
			display:block;
			margin-bottom: 10px
		}
		.blue-caption img {
			width: 60%;
			margin-top: 10px;
		}		
		.blue-caption {
			height: 50px;
			border-radius: 10px;
		}
	}