@charset "utf-8";

/***************************************************
PC用および共通設定 974px～
***************************************************/

.last{
	margin-right:0 !important;
}
.clear{
	clear:both;
}
.clear-pc{
	clear:both;
}
.sp{display:none;}
.pc{display:block;}
.br-sp{display:none;}
.br-pc{display:inline-block;}

.hidden{
  display: none;
}
p{margin-top:0;}

/*-------
トップ
-------*/


.main_image{
	background:url("../images/main_image_pc.jpg") center top;
	background-size:cover;
	height:300px;
}
.box_main_image{
	position:relative;
	width:974px;
	margin:auto;
}
h2{
	font-size:230%;
	text-align:center;
	margin:0 auto 0;
	padding:7% 0 0;
}
.wrp01 h2{color:#004089;}
.wrp02 h2{color:#dd621f;}


.wrp{
	width:100%;
	padding-bottom:8%;
}
.box{
	width:900px;
	margin:auto;
}
.wrp01{
	background-color:#d0e1ff;
}
.wrp02{
	background-color:#ffe7c0;
}

.main_container ul{
	display:flex;
	justify-content: space-between;;
	flex-wrap:wrap;
}
.wrp ul li{
	width:49%;
	margin-bottom:2%;
}
.wrp ul li img{
	width:100%;
}

.wrp01 ul li:first-child,.wrp01 ul li:nth-child(2),.wrp01 ul li:nth-child(3),.wrp02 ul li:first-child{
	width:100%;
}

.wrp03{
	padding:6% 0;
}

.box03{

	padding: 2% 2%;
	border: solid 3px #bfc0c0;
}
.wrp03 ul{
	display:block;
}
.wrp03 ul li{
	width:100%;
	margin-bottom:1%;
}
.wrp03 ul li a{
	background: url(/common_renew/images/com_ic01_sp.png) no-repeat 0 50%;
	background-size: 6px 10px;
	isplay: inline-block;
	padding-left: 15px;
}
.wrp03 p{
	font-weight:bold;
	font-size:120%;
	margin-bottom:2%;
}

/***************************************************
タブレット用 768px～973px
***************************************************/

@media only screen and (max-width: 973px){

.sp{display:none;}
.pc{display:block;}

.hidden{
  display: none;
}
.mt6p{margin-top:6%;}

/*------------
 トップ
------------*/
.box_main_image{
	position:relative;
	width:100%;
	margin:auto;
}
.box{
	width:96%;
	margin:auto;
}


}

/***************************************************
スマートフォン用 ～767px
***************************************************/
@media only screen and (max-width: 767px){

.sp{display:block;}
.pc{display:none;}
.last{
	margin-right:0 !important;
}
.clear{
	clear:both;
}
.clear-sp{
	clear:both;
}
.clear-pc{
	clear:none;
}
/*------------
 トップ
------------*/
.main_image{
	height:100%;
}
.wrp ul li{
	width:100%;
	margin-bottom:4%;
}

.wrp{
	padding-bottom:16%;
}
h2{
	font-size:200%;
	text-align:center;
	margin:0 auto 0;
	padding:10% 0 0;
}
.wrp03{
	padding:8% 0;
}
.box03{

	padding: 3% 3%;
}
}