@charset "UTF-8";
/* ===================================================================
CSS information

 file name  :parts.css
 style info :WEBパーツ素材のCSS
=================================================================== */

/* ===================================================================
画像
=================================================================== */
img{
max-width: 100%;
height: auto;
width /***/:auto;
vertical-align: bottom;
}
/* ===================================================================
box-sizing
=================================================================== */
*{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
/* ===================================================================
ボタン
=================================================================== */
.btn{
	display: block;
	padding: 1em 0;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	cursor: pointer;
	text-align: center;
	transition: all .8s;
}
.btn-red{
	background-color: #ab3b3a;
	color: #fff;		
}
.btn-red:hover{
	background-color: #932625;
	color: #fff;
}
.btn-blue{
	background-color: #323e6a;
	color: #fff;		
}
.btn-blue:hover{
	background-color: #1e284b;
	color: #fff;
}
.btn-arrow{position: relative;}
.btn-arrow i{
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -10px;
	font-size: 20px;
}

.btn-s{ font-size: 10px; }
.btn-m{ font-size: 14px; }
.btn-l{ font-size: 18px; }
.btn-submit{
	background-color: #486470;
	color: #fff;
}
.btn-fb{ background-color: #3b5998;}
.btn-tw{background-color: #0084b4;}
.btn-gg{background-color: #dd4b39;}

.btn-border{
	outline: solid 1px rgba(255,255,255,.4);
  outline-offset: -6px;
}
@media (max-width: 768px) {/*SP*/
	.btn{
		font-size: .8em;
	}
}

/* ===================================================================
form
=================================================================== */
input,
select{
	outline:none;
}
input,
textarea{	
}
input[type=text],
input[type=email],
textarea{
	border: solid 1px #ccc;
	font-size: 16px;
	line-height: 1.5em;
	padding: 0.4em;
}
input[type=submit]{
	border: none;
}
/* ===================================================================
マージン
=================================================================== */
.mb10{ margin-bottom:10px;}.mb20{ margin-bottom:20px;}
.mb30{ margin-bottom:30px;}.mb40{ margin-bottom:40px;}
.mb50{ margin-bottom:50px;}.mb60{ margin-bottom:60px;}
.mb70{ margin-bottom:70px;}.mb80{ margin-bottom:80px;}
.mb90{ margin-bottom:90px;}.mb100{ margin-bottom:100px;}
.mr10{ margin-right:10px;}.mr20{ margin-right:20px;}
/* ===================================================================
クリアフィックス
=================================================================== */
.clear:after, .clear-left:after, .clear-right:after {display: block; content: "";}
.clear, .clear:after {clear: both;}
.clear-left, .clear-left:after {clear: left;}
.clear-right, .clear-right:after {clear: right;}
.clearfix:after {
	content: " ";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix { display: inline-block; }
/* \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* */