@charset "utf-8";
/* CSS Document */
/*===============================================
●tablet.css 画面の横幅が768pxまで
===============================================*/
@media screen and (max-width: 768px){
	body{
		font-size : 15px;
		line-height : 170%;
	}
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
	.head_sp{
		width : 100%;
	}
	.head_pc{
		display : none;
	}
	#wrapper{
		width : 100%;
	}
	.blue_area{
		width : 100%;
		padding : 20px 0px;
		background-color : #e8f5fd;
	}
	.white_area{
		width : 100%;
		padding : 20px 0px;
		background-color : #ffffff;
	}
	.gray_area{
		width : 100%;
		padding : 20px 0px;
		background-color : #f5f5f5;
	}
	.main{
		width : 92%;
		padding : 7px;
		margin : 0px auto;
	}
	.main ul{
		margin-left : -20px;
	}
	.midashi_font{
		font-size : 20px;
		line-height : 30px;
		text-align : center;
		color : #1A1A1A;
		font-weight : 600;
		padding : 5px 0px;
	}
.balloon-text{
  padding: 10px;
  border-radius: 6px;
  position: relative;
  display: flex;
	color : #ffffff;
	font-size : 18px;
}
	.seika_box{
		width : 94%;
		margin : 10px auto;
	}
	.seika_box li{
		float : none;
		width : 96%;
		margin : 0 auto;
		padding : 5px;
		list-style : none;
	}
	.seika_waku{
		padding : 10px;
		background-color : #f4f4f4;
		border : 1px solid #868788;
		margin : 0 auto;
	}
.seika_photo{
padding : 10px;
text-align : center;
}
.seika_name{
font-size : 20px;
font-weight : 600;
text-align : center;
padding : 5px 0px;
}
.seika_syoku{
font-size : 115%;
text-align : center;
padding : 0px 0px 10px 0px;
}
.seika_coment{
	font-size : 20px;
	font-weight : 600;
	color : #ffffff;
	text-align : center;
padding : 10px;
background-color : #001a90;
}
	.blue_obi{
		width : 100%;
		padding : 10px 0px 4px 0px;
		background-color : #001a90;
		color : #ffffff;
		text-align : center;
	}
	.rieki_area{
		width : 100%;
		padding : 30px 0px;
		background-color : #ffffff;
	}
	.midashi_l{
		font-size : 22px;
		line-height : 32px;
		padding : 10px 0px;
	}
	.midashi_m{
		font-size : 20px;
		line-height : 42px;		
	}
	.voice_area{
		width : 100%;
		padding : 20px 0px;
		background-color : #46b546;
	}
	.voice_waku{
		width : 100%;
		margin : 10px auto;
	}
	.voice_waku li{
		float : none;
		width : 95%;
		padding : 4px;
		list-style : none;
		text-align : center;
		margin : 10px auto;
	}
	.voice_waku2{
		width : 98%;
		margin : 10px auto;
	}
	.voice_waku2 li{
		float : none;
		width : 90%;
		padding : 5px;
		list-style : none;
		text-align : center;
		margin : 0 auto;
	}
	.riyu_box {
 margin: 10px auto;
 padding: 20px 10px;
 width: 90%;
 border: 1px solid #ccc; /* 枠線 */
 background-color: #fff; /* 背景色 */
 box-shadow: 1px 1px 2px #ccc;
}
	.riyu_in{
		width : 94%;
		padding : 5px;
		margin : 0px auto;
	}
.project_box {
	width : 94%;
    margin: 2em auto;
    background: #ffffff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.project_box .box-title {
    font-size: 1.2em;
    background: #E53E40;
    padding: 10px 20px;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.project_box_in {
    padding: 20px;
    margin: 0;
}
	.sono_no{
		padding : 6px 15px;
		background-color : #ffffff;
		color : #E53E40;
		width : 70px;
		font-size : 20px;
		margin-bottom : 10px;
	}
	.yellow_area{
		width : 100%;
		padding : 20px 0px;
		background-color : #faebc6;
	}
	.main_border2{
		width : 84%;
		padding : 20px 8px;
		margin : 20px auto;
		border : 10px solid #fbbb82;
		background-color : #ffffff;
	}
	.naiyou_box{
		width : 84%;
		padding : 25px 10px;
		margin : 20px auto;
		border : 10px solid #2038a2;
	}
.sanka_btn {
	width : 85%;
  padding: 12px 20px;
  text-decoration: none;
  color: #FFF;
  background: #e91c06;/*色*/
  border-radius: 4px;
	font-size : 20px;
	margin : 10px auto;
	text-align : center;
}

.sanka_btn:hover {
  background-color : #bd1504;
  box-shadow: none;
  text-shadow: none;
}
	.price_font{
		font-size : 22px;
		font-weight : bold;
		line-height : 34px;
		margin-bottom : 15px;
	}
.get_box {
	width : 94%;
    margin: 10px auto;
    background: #ffffff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.get_box .box-title {
    background: #2583d0;
    padding: 10px 0px 5px 10px;;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.get_box_in {
    padding: 20px;
    margin: 0;
}
		#footer{
			width : 100%;
			padding : 8px 0;
			text-align : center;
			background-color : #000000;
			color : #ffffff;
			
		}
}