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

.kahimama {
	background-color: #fff;
}
.kahimama a {
	text-decoration: none;
}
.kahimama p {
	font-size: 16px;
	line-height: 1.5;
	letter-spacing: 0.03em;
}
.page #main h2 {
	border: none;
	margin: 0;
	padding: 0;
}
	.pc_none{
		display: none;
		}
	.sp_none{
		display: block;
		}
/*----------------------------------------------------
	font
----------------------------------------------------*/


/*----------------------------------------------------
	color
----------------------------------------------------*/


/*----------------------------------------------------
	margin
----------------------------------------------------*/


/*----------------------------------------------------
	padding
----------------------------------------------------*/


/*----------------------------------------------------
	contents
----------------------------------------------------*/
.page .kahimama #main h2 {
	font-size: 40px;
	line-height: 1.4;
	padding-bottom: 20px;
}
.page .kahimama #main h2 span {
	font-size: 30px;
}
.page .kahimama #main .inner p {
	font-size: 20px;
	line-height: 1.8;
}
.clearfix::after {
  content: "";
  display: block;
  clear: both;
}
.kahimama .box {
	position: relative;
	margin-top: 100px;
	padding: 30px;
	background: url(../img/bg.jpg) repeat ;
}
/*--- feature_01 --*/

.kahimama .feature_01 {
	background: url(../img/bg.jpg) repeat top center;
	padding: 30px;
	margin-top: 40px;
}
.kahimama .feature_01 .wrap {
	background: #FFF;
	border: 6px solid #e50012;
	padding: 20px;
}
.page .kahimama #main .feature_01 h2 {
	padding: 30px 50px 0;
}
.kahimama .feature_01 p {
	font-size: 20px;
	line-height: 1.8;
	padding: 30px 50px 10px;
}
.kahimama .feature_01 .col-2 {
	display: inline-block;
	width: 49.5%;
	text-align: center;
	margin-top: 30px;
}
.kahimama .feature_01 .more {
	padding-top: 20px;
}
/*--- feature_02 --*/
.kahimama .feature_02 .wrap {
  background: #fff;
  border-radius: 6px;
  padding: 30px;
}
.col {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.col_02 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
.col_02 img {
	margin-right: 20px;
}
.kahimama .feature_02 {
  background: url(../img/bg_02.jpg) repeat top center;
  padding: 30px;
  margin-top: 40px;
}
.kahimama .feature_02 h2 span.f_30 {
  font-size: 30px;
}
.kahimama .feature_02 .ph {
  width: 48%;
}
.kahimama .feature_02 .txt {
  width: 52%;
	padding: 20px;
}
.kahimama .feature_02 img.icon {
  position: absolute;
  top: 10px;
  right: 10px;
}
.kahimama .feature_02 .more {
  margin-top: 30px;
}
/*--- footer --*/
.top_footer {
	clear: both;
	padding-top: 60px;
	text-align: center;
}
 @media screen and (max-width: 767px) {
.page .kahimama #main h2 {
	font-size: 4.26vw;
}
.page .kahimama #main h2 span {
	font-size: 3vw;
}
.page .kahimama #main .inner p {
	font-size: 2.5vw;
}
/*--- feature_01 --*/
.kahimama .feature_01 {
	padding: 20px;
}
.kahimama .feature_01 .wrap {
	position: inherit;
}
.page .kahimama #main .feature_01 h2 {
	padding: 10px;
}
.kahimama .feature_01 p {
	font-size: 2.5vw;
	padding: 10px;
}
.kahimama .feature_01 .col-2 {
	display: block;
	width: 100%;
	text-align: center;
}
.kahimama .feature_01 .more {
	padding-top: 20px;
	width: 80%;
	margin: 0 auto;
}
  /*--- feature_02 --*/
  .kahimama .col {
    display: block;
  }
.kahimama .feature_02 .wrap {
  padding: 10px;
}
  .kahimama .feature_02 {
    padding: 20px;
  }
  .kahimama .feature_02 .ph {
    width: 100%;
  }
  .kahimama .feature_02 .txt {
    width: 100%;
    padding-top: 30px;
  }
  /*--- footer --*/
  .top_footer {
    padding-top: 30px;
  }
  .kahimama {
    padding-bottom: 30px;
  }
/*--- footer --*/
.top_footer {
	padding-top: 30px;
}
.kahimama {
	padding-bottom: 30px;
}
}
 @media screen and (max-width: 480px) {
	.pc_none{
		display: block;
		}
	.sp_none{
		display: none;
		}
.kahimama .feature_01 .box .inner p {
	text-align: left;
}
}