@charset "UTF-8";

.top_links_sp{
	display:none;
}

@media screen and (max-width:620px){
	/* index */
	.top_keyview img{
		width:100%;
	}
	
	.top_links{
		display:none;
	}
	
	.top_links_sp{
		display:block;
		margin:10px 0;
	}
	
	.top_links_sp ul{
		display:block;
		text-align: center;
	}
	
	.top_links_sp li{
		display:inline-block;
	}
	
	.top_links_sp li img{
		width: 150px;
	}
	
	.top_news_box{
		width:100%;
		margin:30px auto 40px auto;
		padding:0 10px;
	}
	
	.box_content_left{
		display:table-cell;
		width:30%;
	}
	
	.top_news_box p a{
		color: #fff;
		width: 200px;
		height: 40px;
		line-height: 40px;
		display: block;
		background-color: #00479d;
		margin:0 auto;
		text-align:center;
	}
	
	/* index */
	/*-------*/
	
	.center_text{
		margin:10px;
	}
	
	.center_text_width{
		width:90%;
	}
	
	.title_blue{
		font-size:16px;
	}
	
	.center_img img{
		width:100%;
	}
	
	.flow_box{
		margin:0 0px 30px 0px;
	}
	
	.flow_box_title_img{
		width:100%;
	}
	
	.flow_content_left{
		display:block;
		width: 100%;
	}
	
	.gray_box{
		width:90%;
		margin-left: auto;
		margin-right: auto;
	}
	
	.gray_box_title{
		font-size:15px;
	}
	
	.gray_box_width1{
		width:40%;
		min-height: 77px;
	}
	
	.gray_box_width2{
		width:55%;
		min-height: 77px;
		
	}

	.gray_box_height2 {
		display: table;
	}

	.gray_box_link {
		font-size: 16px;
		padding: 13px 10px;
		display: table-cell;
		vertical-align: middle;
	}
	
	.flow_tel_web{
		width:90%;
		margin:0 auto;
	}
	
	.flow_tel_web .left{
		width:47%;
	}
	
	.gray_box_text img{
		width:100%;
	}

	.flow_tel_web .right{
		width:47%;
	}
	
	.flow_text{
		margin:0 10px;
	}
	
	.flow_title{
		margin:15px 0 0px 0;
	}
	
	.qa_box{
		width:90%;
	}
	
	.question{
		width:90%;
		font-size: 15px;
	}
	
	.answer{
		width:90%;
	}
	
	.table_style{
		width:95%;
	}
	
	.table_style th{
		padding:10px;
		display:block;
	}
	
	.table_style td{
		padding:10px 10px 0 10px;
		display:block;
	}
	
	.table_style span{
		display:block;
	}
	
	.align_center_text {
		margin: 20px 10px 10px 10px;
	}
	
	.text_width_type1{
		width:100%!important;
	}
	
	.text_width_type2 {
		width:20%!important;
	}
	
	.text_width_type3{
		width:100%!important;
	}
	
	.enter_flow_box {
		width: 100%;
		margin: 0 auto;
	}
	
	.enter_flow_box img{
		width:100%;
	}
	
	.enter_flow div {
		padding-right: 0px;
	}
	
	.enter_flow p{
		margin-right:5px;
		margin-left:5px;
	}
	
	.information_box{
		margin-right:10px;
		margin-left:10px;
	}
	
	.login_box{
		width:95%;
	}
	
	.login_box_contents{
		padding:20px 20px;
	}
	
	.login_box_contents th{
		display:block;
		width:100%;
	}
	
	.login_box_contents td{
		display:block;
		width:100%;
	}
	
	.ico_gray{
		width:100px;
	}
	
	.box_content_right th{
		width:80px;
	}
	
	.box_content_table{
		display:block;
	}
	
	.box_content_left{
		display:block;
		width: 100%;
	}
	
	.box_content_right{
		display:block;
		padding:0;
	}
	
	.box_content_right table{
		width:100%;
	}

	.box_content_right th{
		display:block;
		width:100%;
	}

	.box_content_right td{
		display:block;
	}
	
	.business_box{
		width: 95%;
	}

	.business_box th{
		width: 20%;
	}

	.business_box td{
		width: 80%;
	}
	
	.title_type1{
		font-size:20px;
	}
	
	.title_type2{
		font-size:20px;
	}
	
	.title_type3{
		font-size:17px;
	}
	
	.mypage_link{
		width:95%;
		text-align: center;
	}
	
	.mypage_link p{
		max-width: 380px;
		display: inline-block;
		float: none;
	}
	
	.mypage_link img{
		width:100%;
	}

	.mypage_welcome {
		width: 95%;
	}

	.mypage_welcome p {
		text-align: center;
		padding-left: 0;
	}
	
	#modal {
		width: 90%;
	}
	
	#modal .hcontetns{
		height: 150px;
	}
	
	#modal .hcontetns .himg_msg{
		width: 40%;
		left: 50%;
		top: 10%;
		transform: translate(-50%, -50%);
	}
	
	#modal .hcontetns .himg_center{
		width: 14%;
		left: 50%;
		top: 53%;
		transform: translate(-50%, -50%);
	}
	
	#modal .hcontetns .himg_left{
		width: 32%;
		left: 1px;
		top: 16%;
	}
	
	#modal .hcontetns .himg_right{
		width: 32%;
		left: auto;
		right: 1px;
		top: 16%;
	}
	
	#modal .hfoot{
		text-align: center;
		padding-bottom: 10px;
	}
	.mypage_link ul li {
		display: block;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.mypage_link ul li a {
		width: 100%;
		display: block;
	}
	#sitemap ul {
		width: 100%;
		display: block;
	}
	.price_content {
		margin: 0 20px;
	}
	.price_table thead {
		display: block;
		float: left;
	}
	.price_table thead th {
		display: block;
	}
	.price_table tbody {
		display: block;
		width: auto;
	}
	.price_table tbody tr {
		display: block;
	}
	.price_table tbody tr td {
		display: block;
		text-align: center;
	}
	table.table_price {
		width: 100%;
	}
	.contract_price_box {
		width: 100%;
	}
	.width70 {
		width: auto !important;
	}
	.regulations_btn ul li {
		display: block;
		margin: 10px 10px;
	}
	.regulations_btn ul li a {
		width: 100%;
		display: block;
	}
	.regulations_box {
		margin: 40px 10px 0;
	}
	.regulations_table {
		width: 100%;
	}
	.simple_table {
		word-break: break-all;
		word-wrap: break-all;
	}
}