@charset "UTF-8";
/*!  mixin,変数
================================================ */
/*=============================================================
 feature_about
=============================================================*/
#mainImg {
  display: none;
  background-image: url(../img/feature/img_main_sp.jpg); }
  @media (min-width: 640px) {
    #mainImg {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      background-image: url(../img/feature/img_main_pc.jpg); } }

/*=============================================================
 追加
=============================================================*/

#m_b_chosei{
	margin-bottom:-10px;}
@media (min-width: 640px) {
	#m_b_chosei{
		margin-bottom:-15px;} }


.contact_link{
	color:#f38440;
	font-weight:bold;}

#feature_about section {
  margin-bottom: 50px; }
  @media (min-width: 640px) {
    #feature_about section {
      margin-bottom: 70px; } }

.txt {
  margin-bottom: 30px;
	line-height: 1.6em; }

.h2_green{
	font-size: 22px;
	font-weight: bold;
	color:#05a41c;
	margin-bottom: 20px;}
  @media (min-width: 640px) {
	  .h2_green{
			font-size: 32px;}}

.txt_b span{
	display:inline-block;
		font-weight: bold;
		font-size: 16px;
padding-bottom:0;}
  @media (min-width: 640px) {
	 .txt_b span{
		font-weight: bold;
		 font-size: 16px;
	  	margin-top:0;}}

span.small_f{
	margin-top:15px;
	font-weight:normal;
	line-height:1.2em;
	font-size:13px;}
@media (min-width: 640px) {
	span.small_f{
	margin-top:28px;
	font-size:14px;}}

#sec03 .txt_b,#sec04 .txt_b{
	margin-bottom:10px;
}


/*---------------------------------------------------優良box*/

.katsuyaku_box{
	width: 100%;
	height: auto;
	margin: 0 auto;
	font-weight: bold;}
    @media (min-width: 640px) {
		.katsuyaku_box{
			width: 100%;
			height: auto;
			margin-top: 30px;}}

.katsuyaku_box_ttl {
  background-color:#c3f1cf;
  margin-top:22px;
  line-height:50px;
  height:50px;
  box-sizing:border-box;
  width:100%x;
  height: auto;
  font-size:17px;
	font-weight: bold;
	padding-left: 15px;}
	    @media (min-width: 640px) {
			.katsuyaku_box_ttl {
			font-size:20px;
			width: 650px;}}

.katsuyaku_box_txt {
	overflow: hidden;
  background-color:#ecfbf0;
  box-sizing:border-box;
  width:100%;
	height: auto;
 }
	    @media (min-width: 640px) {
			.katsuyaku_box_txt {
				width:100%;
				padding:0;
				display: flex;}}

.katsuyaku_box_inbox{
    box-sizing: border-box;
    background-color: #ecfbf0;
    padding:15px;
}
@media (min-width: 640px) {
	.katsuyaku_box_inbox{
		padding: 25px;
		width: 650px;}}

.katsuyaku_img{
	background: #fff;
	width: 100%;
	padding-top: 20px;
}
@media (min-width: 640px) {
	.katsuyaku_img{
		flex: 1;
		padding: 0;
	}
}
.katsuyaku_box_txt p{
  background-color:#ecfbf0;
	font-size:16px;}
	    @media (min-width: 640px) {
			.katsuyaku_box_txt p{
				float: left;
				font-size:17px;
				width:85%;
				margin-right: auto;}}

.katsuyaku_box_txt img{
	display: block;
	padding: 0;
	margin: 0 auto;
width: 100px;}

.katsuyaku_current{
  position:relative;
	margin-top: 20px;}

.katsuyaku_current a {
  display:block;
  color:#f38440;
  padding-left:1.0em;
font-size:16px;}

.katsuyaku_current:before {
            position: absolute;
            content: '';
            display: inline-block;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 6px 0 6px 6px;
            left: 5px;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            border-color: transparent transparent transparent #f38440; }

 @media (min-width: 640px) {/*フォント調整*/
.f_s a{
	font-size: 15px;}}

.mod_list01 .item .tit {/*このページだけgreen background指定*/
  background-color: #05a41c; }

/*------------------------------------------------------------------優良box end*/

@media (min-width: 640px){
   #feature_about .mod_list01 .item {
    width: 400px;
    float: left;
    margin-right: 19px;
    margin-bottom: 20px;
}
   #feature_about .mod_list01 .item:nth-of-type(2n) {
    margin-right: 0;
}}