charset "UTF-8";

	.b_plan .plan_txt{
		width: 90%;
		/* background-color: #eee; */
		/* margin-right: 80px; */
	}
	.b_plan .plan_txt h3{
		font-size: 24px;
		margin-bottom: 15px;
	}
	.b_plan .plan_txt h3 .subttl{
		font-size: 18px;
	}
	.b_plan small{
		font-size: 12px;
	}
	.b_plan .plan_stmi{
		margin-bottom: 15px;
	}
	.b_plan .naiyou{
		box-sizing: border-box;
		right: 0;
		padding: 40px 30px;
		background: #fff;
		border: solid 5px #f5da44;
	}
	.b_plan .plan_img{
		width: 100%;
	}
	.txt_onry{
		/* background-color: red; */
		margin-top: 80px;
		max-width: 1080px;
		margin: 0 auto;
		display: flex;
		padding-top: 80px;
		justify-content: space-between;
	}
	.txt_onry .txt_inner{
		width: 100%;
		background: url(/images/common/bg_1.png);
		/* background-color: rgba(255, 255, 255, .9); */
		padding: 40px 0;
	}
	.txt_onry .hem_bbq{
	/* background-color: red; */
	margin-left: 10%;
	}
	.txt_onry .hem_bbq .plan_stmi{
	margin-bottom: 40px;
	}
	.txt_inner h3{
		/* background-color: red; */
		padding: 0 45px;
	}
	.txt_inner .plan_stmi{
		padding: 0 40px;
	}
	.txt_iiner .niyu{
		padding: 0 40px;
	}

	/*== ボタン共通設定 */
.btn{
    /*アニメーションの起点とするためrelativeを指定*/
    position: relative;
  	overflow: hidden;
    /*ボタンの形状*/
  	text-decoration: none;
  	display: inline-block;
    border: 1px solid #f5da44;/* ボーダーの色と太さ */
    padding: 10px 30px;
    background-color: #f5da44;
    text-align: center;
    outline: none;
    margin-left: 40%;
    margin-top: 50px;
    /*アニメーションの指定*/
    transition: ease .2s;
}

/*ボタン内spanの形状*/
	.btn span {
	  position: relative;
	  z-index: 3;/*z-indexの数値をあげて文字を背景よりも手前に表示*/
	  color:#173A52;
	}

	.btn:hover span{
	  color: #173A52;
	}

/*== 背景が流れる（左から右） */
	.bgleft:before {
	  content: '';
/*絶対配置で位置を指定*/
	  position: absolute;
	  top: 0;
	  left: 0;
	  z-index: 2;
	    /*色や形状*/
	  background:#ffe400;/*背景色*/
	  width: 100%;
	  height: 100%;
	    /*アニメーション*/
	  transition: transform .6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
	  transform: scale(0, 1);
	  transform-origin: right top;
	}

	/*hoverした際の形状*/
	.bgleft:hover:before{
	  transform-origin:left top;
	  transform:scale(1, 1);
	}
	@media screen and (max-width: 768px){
		.btn{
		margin-left: 60%;
		}
		.article_inner2{
		  flex-direction: column-reverse;
		  display: flex;
		}
		.b_plan{
			display: block;
		}
		.b_plan .tb_on{
			display: none;
		}
		.b_plan .tb_non{
			display: block;
			width: 100%;
		}
		.txt_onry{
			display: flex;
		}
		.b_plan .plan_txt h3 .subttl{
			font-size: 11px;
		}
		.b_plan .plan_txt h3{
			font-size: 20px;
			line-height: 1.5;
		}
		.b_plan .plan_txt h3 .tb{
			display: block;
			width: 100%;
			padding: 30px 25px 0 25px;

		}
		.plan_txt .hem_bbq h3{
			/* background-color: red; */
			line-height: 2;
		}
	}

	@media screen and (max-width: 450px){
		.btn{
		margin-left: 33%;
		}
		.journal_article .area_ttl{
			line-height: 1;
		}
		.article_inner .sp{
		display: block;
		}
		.b_plan{
			padding: 0 22px;
		}
		.txt_onry{
			display: block;
			width: 100%;
		}
		.b_plan .plan_txt{
			width: 100%;
		}
		.txt_onry .hem_bbq{
			margin-left: 0;
			margin-top: 30px;
		}
		.txt_onry .plan_txt{
			width: 94.5%;
		}

	}