@charset "utf-8";


/*+++++++++++++++++++++++++++++++++++++++++++++++++++

トップページ用のスタイルシート

+++++++++++++++++++++++++++++++++++++++++++++++++++++*/


/* =========================PC=========================================== */
@media screen and (min-width: 768px) {

/* =============================================================================
   汎用スタイル
   ========================================================================== */

#content section {
	margin-bottom:15px;}
#content section:last-child {
	margin-bottom:0;}

#mainImage {
	border-top:5px solid #00cdff;
	border-bottom:5px solid #00cdff;}





/* =============================================================================
   専用スタイル
   ========================================================================== */

.sec01 {}
.sec01 ul {
	padding:0;
	margin:0;
	list-style:none;}
.sec01 ul li {
	padding:40px 0;
	text-align:center;
	float:left;
	width:33%;
	box-sizing:border-box;
	border-left:1px solid #b3b3b3;}
.sec01 ul li:last-child {
	width:34%;
	border-right:1px solid #b3b3b3;}
.sec01 ul li figure {
	margin-bottom:20px;}
.sec01 ul li p {
	font-weight:bold;}
.sec01 ul li p.btn {
	width:166px;
	margin:0 auto;}
.sec01 ul li p.btn a {
	background:url(../img/btn_more.jpg) no-repeat center center;
	height:42px;
	display:block;
	text-indent:-9999px;}


.sec02 {
	width: 940px;
	margin: 0 auto;
}
.sec02 ul {
	padding:0;
	margin:0;
	list-style:none;}
.sec02 .left {
	margin-top: 20px;
	width:480px;
	float:left;}
.sec02 .left li {
	margin-bottom:15px;}
.sec02 .left li:last-child {
	margin-bottom:0;}
.sec02 .right {
	margin-top: 20px;
	width:460px;
	float:left;}
.sec02 .right li {
	margin-bottom:15px;}

#slider ul {
	margin: 0;
	padding: 0;
}
	

}

	
/* =========================スマホ=========================================== */
@media screen and (max-width: 767px) {

/* =============================================================================
   汎用スタイル
   ========================================================================== */

#content section {
	margin-bottom:15px;}
#content section:last-child {
	margin-bottom:0;}

#mainImage {
	border-top:5px solid #00cdff;
	border-bottom:5px solid #00cdff;}





/* =============================================================================
   専用スタイル
   ========================================================================== */

.sec01 {}
.sec01 ul {
	padding:0;
	margin:0;
	list-style:none;}
.sec01 ul li {
	padding:20px 0;
	text-align:center;
	border:1px solid #b3b3b3;
	width:100%;
	box-sizing:border-box;
	margin-bottom: 20px;
}
.sec01 ul li:last-child {
	width:100%;
}
.sec01 ul li figure {
	margin-bottom:20px;}
.sec01 ul li p {
	font-weight:bold;}
.sec01 ul li p.btn {
	width:100%;
	margin:0 auto;}
.sec01 ul li p.btn a {
	background:url(../img/btn_more.jpg) no-repeat center center;
	height:42px;
	display:block;
	text-indent:-9999px;}


.sec02 {
	width:100%;;
	margin: 0 auto;
}
.sec02 ul {
	padding:0;
	margin:0;
	list-style:none;}
	.sec02 .flex li {
		margin-bottom: 20px;
	}
.sec02 .left {
	width:100%;
	}
.sec02 .left li {
	margin-bottom:15px;}
.sec02 .left li:last-child {
	margin-bottom:0;}
.sec02 .right {
	width:100%;
	margin-top: 20px;
	}
.sec02 .right li {
	margin-bottom:15px;}

#slider ul {
	margin: 0;
	padding: 0;}
	
	
	
}