/*--- SP版 ---*/

@media screen and (max-width: 1199px){
/* メインビジュアル */
	#main_view{
		height: calc(120vw);
		background-image: url(../images/mv_sp.jpg);
		background-position: top center;
		background-size: 100% auto;
	}
	
	#mv_copy{
		margin: auto;
		width: fit-content;
		font-size: 9vw;
		position: absolute;
		top: auto;
		left: 0;
		right: 0;
		bottom: 20px;
		transform: translateY(0);
	}
	#mv_copy h1{
		font-size: 11vw;
	}
	
	/* TOP共通 */
	.top_content{
		padding: 40px 0;
	}
	
	.sec_title{
		margin-bottom: 30px;
		font-size: 2.8rem;
	}
	.sec_title:not(:first-child){
		margin-top: 40px;
	}
	
	.sec_subtitle{
		margin: 40px 0 20px;
		font-size: 2.4rem;
	}
	
	/* コンセプト */
	#concept .concept_content{
		padding: 20px;
		width: auto;
	}
	#concept h2{
		font-size: 2rem;
	}
	
	/* 保険の案内 */
	#ins_navi .ins_type{
		display: block;
		margin-top: -20px;
	}
	#ins_navi .ins_type a{
		margin: 20px auto 0;
		width: auto;
		max-width: 580px;
	}
	@media screen and (max-width: 500px){
		#ins_navi .ins_type a{
			padding: 10px;
			height: calc(40vw + 20px);
		}
		#ins_navi .ins_type h3{
			width: 40vw;
			height: 40vw;
			font-size: 6vw;
		}
		#ins_navi .ins_type h3::after{
			bottom: 10px;
		}
		#ins_navi .ins_type .type_img{
			margin-right: 10px;
		}
		#ins_navi .ins_type .type_img img{
			max-height: 35vw;
		}
	}
	
	/* お問い合わせ */
	#contact > .inner{
		display: block;
	}
	#contact .sec_title{
		margin-bottom: 30px;
		text-align: center;
	}
	#contact .contact_msg{
		margin: 0 auto;
		width: fit-content;
	}
	#contact .contact_mail a{
		margin: 20px auto 0;
		width: auto;
		max-width: 480px;
		height: 25vw;
		max-height: 120px;
	}
}