@charset "utf-8";
/* CSS Document */



/*----------------------------------------------------
	☆SP
----------------------------------------------------*/


/*デバイスの横幅が750px以下の場合*/
@media only screen and (max-width: 850px) {

	#contentsin{
		border-color: #5a878f;
  }
	/*----------------------------------------------------
	☆header
	----------------------------------------------------*/
	#header{
		border-color: #f0f0f0;
	}

	#header .header .overser{
		background-image: url('../../cmn/cmn_img/slash.png');
	}
	/*----------------------------------------------------
	☆protect_head
	----------------------------------------------------*/
	#protect_head{
		margin-top:40px;
		margin-bottom:40px;
	}

	#protect_head .protect_head_top{
		width: 94%;
		margin: 0 auto;
	}
	#protect_head .protect_head_top h1{
		text-align: center;
		font-size:14px;
		letter-spacing: 0.06em;
		line-height: 1.2;
		margin-left: 0;
		margin-bottom: 10px;
		z-index: 0;
	}
	#protect_head .protect_head_top h1 .top{
		font-size:12px;
		margin-bottom:15px;
	}
	#protect_head .protect_head_top h1 .big{
		font-size:30px;
	}
	#protect_head .protect_head_top .img{
		width:100%;
		max-width:1183px;
		position:relative;
		z-index:0;

	}
	#protect_head .protect_head_top .img img{
		display:block;
		width:100%;
		margin-left: 0;
	}

	#protect_head .protect_head_bottom{
		margin-top:10px;
    background:url('../img/bk_02.png') no-repeat 5% top/70px;
	}

	#protect_head .protect_head_bottom .protect_head_bottom_text .protect_head_bottom_text_wrap{
		width:284px;
		margin:0 auto;
	}
	#protect_head .protect_head_bottom .protect_head_bottom_text:after{
		content:"";
		display:block;
		clear:both;
	}
	#protect_head .protect_head_bottom .protect_head_bottom_text .text{
		clear: both;
		float:none;
		font-size:12px;
		line-height:1.2;
/* 		height:520px; */
		margin-top:0;
		width: 100%;
		margin-bottom: 10px;
	}
	#protect_head .protect_head_bottom .protect_head_bottom_text .text:after{
		width:30px;
		left:50%;
		margin-left: -15px;
		top: -10px;
	}
	#protect_head .protect_head_bottom .protect_head_bottom_text h2{
		font-size:15px;
		margin-top:40px;
		margin-bottom: 50px;
		width: 200px;
		float: right;
	}
	#protect_head .protect_head_bottom .protect_head_bottom_text h2 img{
		display: block;
		width: 100%;
	}


	#protect_head .protect_head_bottom .protect_head_bottom_link{
		margin-top:0px;
	}

	#protect_head .protect_head_bottom .protect_head_bottom_link h2{
		font-size:20px;
		margin-bottom:40px;
	}
	#protect_head .protect_head_bottom .protect_head_bottom_link ul{
		width: 94%;
		margin: 0 auto;
	}
	#protect_head .protect_head_bottom .protect_head_bottom_link ul li{
		width: 32%;
		margin-right: 2%;
	}
	#protect_head .protect_head_bottom .protect_head_bottom_link ul li:nth-of-type(3n){
		margin-right: 0;
	}
	#protect_head .protect_head_bottom .protect_head_bottom_link ul li a{
		font-size:12px;
		letter-spacing:0em;
		padding: 10px 0;
		display: block;
	}

	#protect_head .protect_head_bottom .protect_head_bottom_link .link_button a{
		width: 94%;
		font-size:14px;
		padding:13px 0;
		margin-top:20px;
		background: #fff;
	}
	#protect_head .protect_head_bottom .protect_head_bottom_link .link_button a span{
		position:relative;
		padding-right:25px;
	}

	#protect_head .protect_head_bottom .protect_head_bottom_link .link_button a span:after{
		font-size:12px;
		top:3px;
	}

	/*----------------------------------------------------
	☆to_links
	----------------------------------------------------*/

	#main.to_links{
    padding:40px 0 0;
  }
	#main.to_links .to_link{
		margin-top:-66px;
		padding-top:66px;
	}
	#main.to_links .to_link:nth-last-of-type(1){
		padding-bottom: 20px;
	}
	#main.to_links .to_link .fltbox{
		padding-bottom: 20px;
	}





}