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

body{
	margin:0;
	padding:0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

a:link {
	text-decoration: none!important;
}
a {
	outline: none;
	color:#000;
}
.clear{
	clear:both;
}

/*========pc_style========*/
@media screen and (min-width: 751px) {
	
		.p_mail_box:hover{
		opacity:0.6;
		transition:ease 0.5s;
	}
	/*==base style==*/
	wrap{
		width:100%;
		min-width:1080px;
		position:relative;
	}

	header{
		width:100%;
		height:90px;
		background:#fff;
		position:fixed;
		z-index:999;
	}
	header .hd_wrap{
		width:1080px;
		margin:auto;
		text-align:center;
	}
	header ul li{
		list-style:none;
		display: inline-block;
	}
	header .logo{
		width:261px;
		float:left;
		margin-top:22px;
		margin-left:-8px;
	}
	header .hd_list{
		width:800px;
		float:left;
		margin-left:340px;
		position:absolute;
	}
	header .hd_list li{
		margin:2px 0 0 40px;
	}
	header .hd_list p{
		font-family:'Montserrat', sans-serif;
	}
	header .hd_list a{
		color:#231815;
	}
	header .hd_list .ico_ring{
		-webkit-border-radius: 50%;
	    -moz-border-radius: 50%;
	    border-radius: 50%;
		border:#5d5d5d 1px solid;
		padding:5px 5px 2px 4px;
	}
	header .hd_list a:hover .ico_ring{
		background:#56c3ca;
		transition:ease 0.8s;
	}
	.header{
		margin-left:-27px;
	}

	
	.pri_wrap{
		width:1080px;
		margin: auto;
		padding-top: 90px;
	}
	.privacy_ttl{
		width: 1080px;
		margin: 40px 0 80px 0;
	}
	.pri_wrap h2{
		display: block;
		background: #fffcf0;
		padding: 14px 120px;
		text-align: center;
		font-size: 28px;
		color:#00a2ff;font-weight: 100;
		margin-top: 80px;
	}
	.p_txt{
		line-height: 170%;
		box-sizing: border-box;
		border: solid 1px #d0d0d0;
		padding: 50px;
		margin-top: 30px;
	}
	.p_mail_box{
		width:300px;
		height: 32px;
		margin: auto;
		margin-top: 30px;
		border-radius: 4px;
		background: #000;
		color:#fff;
		padding: 20px;
		text-align: center;
		font-size: 22px;
	}
	.p_mail_box a{
		color:#fff;
	}
	footer{
		bottom:0;
		width:100%;
		height:40px;
		background:#000;
		margin-top: 200px;
	}
	footer p{
		color:#fff;
		font-size:14px;
		text-align:center;
		margin:0;
		padding-top:10px;
	}
	
	.top_link{
		position:absolute;
		width:500px;
		margin:auto;
		height:40px;
		margin:40px 0 120px 240px ;
		background:url(../images/link_bg_sp03.png) no-repeat #13abb5;
		background-position:478px 18px;
		color:#fff;
		text-align:center;
		font-size:20px;
	}
	.top_link p{
		margin-top:-5px;
		color:#fff;
	}
	.b05_skewed_slide_in {
		overflow: hidden;
		border: #000000 solid 1px;
	}
	.b05_skewed_slide_in div {
		position: absolute;
		text-align: center;
		width: 100%;
		height: 45px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		padding: 10px;
	}
	.b05_skewed_slide_in div:nth-child(1) {
		color: #000000;
	}
	
	.b05_skewed_slide_in div:nth-child(2) {
		background-color: #000;
		width: 600px;
		transition: all 0.2s ease;
		-webkit-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		transform: translate(-650px, 0px) skewX(-30deg);
		-webkit-transform: translate(-650px, 0px) skewX(-30deg);
		-moz-transform: translate(-650px, 0px) skewX(-30deg);
	}
	
	.b05_skewed_slide_in div:nth-child(3) {
		color: #ffffff;
		left: 0px;
		transition: left 0.001s ease;
		-webkit-transition: left 0.001s ease;
		-moz-transition: left 0.001s ease;
	}
	
	.b05_skewed_slide_in:hover div:nth-child(2) {
		transition: all 0.5s ease;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		transform: translate(-15px, 0px) skewX(-30deg);
		-webkit-transform: translate(-15px, 0px) skewX(-30deg);
		-moz-transform: translate(-15px, 0px) skewX(-30deg);
	}
	
	.b05_skewed_slide_in:hover div:nth-child(3) {
		left: 0px;
		transition: left 0.34s ease;
		-webkit-transition: left 0.34s ease;
		-moz-transition: left 0.34s ease;
	}
	.sp_style{
		display: none;
	}
	
}

@media screen and (max-width:750px) {
	header{
		width:750px;
		height:80px;
		margin:0;
		background:#fff;
		position:fixed;
		z-index:999;
		top: 0;
	}
	.logo{
		margin:18px 0 0 30px;
	}
	header ul li{
		list-style:none;
		text-align:center;
		padding-bottom:60px;
	}
	header ul li:nth-child(1){
		margin-top:110px;
	}
	
	.pc_style{
		display:none;
	}
	.main_nav{
		position:absolute;
		opacity:0.8;
		background:#fff;
		right:10px;
		top:300px;
		text-align:left;
		padding:0 10px 0 8px;
	}
	.dosis{
		font-size:40px;
		margin:4px 0 0 15px;
		font-family:'Dosis', sans-serif;
		letter-spacing:3px;
	}
	.nav_text{
		font-size:32px;
		margin-bottom:8px;
		margin-top:4px;
		font-family:'Montserrat', sans-serif;
		font-weight:bold;
		
	}
	.nav_text span{
		font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-size:18px;
		font-weight:100;
		border-radius:4px;
		border:#231815 solid 1px;
		padding-top:3px;
		margin:-16px 4px 0 10px;
	}
	.nav_text a{
		color:#231815;
		padding:6px 18px 2px 18px;
	}
	
	.pri_wrap{
		width:700px;
		margin: auto;
	}
	.privacy_ttl{
		margin-top:150px;
		margin-left: 25px;
	}
	.pri_wrap h2{
		display: block;
		background: #fffcf0;
		padding: 14px 40px;
		text-align: center;
		font-size: 36px;
		color:#00a2ff;font-weight: 100;
		margin-top: 70px;

	}
	.p_txt_box{
		width: 700px;
		margin: auto;
	}
	.p_txt{
		line-height: 170%;
		box-sizing: border-box;
		border: solid 1px #d0d0d0;
		padding: 40px 25px 40px 30px;
		margin-top: 30px;
		font-size: 22px;
	}
	.p_mail_box{
		width:300px;
		height: 32px;
		margin: auto;
		margin-top: 30px;
		border-radius: 4px;
		background: #000;
		color:#fff;
		padding: 20px;
		text-align: center;
		font-size: 22px;
	}
	.p_mail_box a{
		color:#fff;
	}
	.b05_skewed_slide_in {
		overflow: hidden;
		border: #000000 solid 1px;
	}
	.b05_skewed_slide_in div {
		position: absolute;
		text-align: center;
		width: 100%;
		height: 60px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		padding: 10px;
	}
	.b05_skewed_slide_in div:nth-child(1) {
		color: #000000;
	}
	
	.b05_skewed_slide_in div:nth-child(2) {
		background-color: #000;
		width: 720px;
		transition: all 0.2s ease;
		-webkit-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		transform: translate(-740px, 0px) skewX(-30deg);
		-webkit-transform: translate(-740px, 0px) skewX(-30deg);
		-moz-transform: translate(-740px, 0px) skewX(-30deg);
	}
	
	.b05_skewed_slide_in div:nth-child(3) {
		color: #ffffff;
		left: 0px;
		transition: left 0.01s ease;
		-webkit-transition: left 0.01s ease;
		-moz-transition: left 0.01s ease;
	}
	
	.b05_skewed_slide_in:hover div:nth-child(2) {
		transition: all 0.5s ease;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		transform: translate(-15px, 0px) skewX(-30deg);
		-webkit-transform: translate(-15px, 0px) skewX(-30deg);
		-moz-transform: translate(-15px, 0px) skewX(-30deg);
	}
	
	.b05_skewed_slide_in:hover div:nth-child(3) {
		left: 0px;
		transition: left 0.34s ease;
		-webkit-transition: left 0.34s ease;
		-moz-transition: left 0.34s ease;
	}
	.top_link{
		position:absolute;
		width:500px;
		margin:auto;
		margin:80px 0 0 25px;
		height:60px;
		background:url(../images/article_bg_sp.png) no-repeat #13abb5;
		background-position:656px 16px;
	}
	.top_link p{
		color:#fff;
		text-align:center;
		margin-top:-2px;
		font-size:30px;
	}
	footer p{
		text-align:center;
		color:#000;
		margin-bottom:40px;
		margin-top:260px;
	}
	
	.pc_style{
		display: none;
	}

}