.animation {
}



.main_content {
    width: 100%;
      overflow: hidden;
}
.main_content a {
}

.head_wrap_bunner img{
  width: 100%;
}


section{
	margin: 0 0 150px 0 !important;
	font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ＭＳ 明朝","Times New Roman", Times, "serif",'PT Sans','Rubik','Roboto','Harmattan', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro," メイリオ", Meiryo, Osaka," ＭＳ Ｐゴシック", MS PGothic," sans-serif";

}

h1{
	font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ＭＳ 明朝","Times New Roman", Times, "serif",'PT Sans','Rubik','Roboto','Harmattan', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro," メイリオ", Meiryo, Osaka," ＭＳ Ｐゴシック", MS PGothic," sans-serif";
}

p{
	font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ＭＳ 明朝","Times New Roman", Times, "serif",'PT Sans','Rubik','Roboto','Harmattan', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro," メイリオ", Meiryo, Osaka," ＭＳ Ｐゴシック", MS PGothic," sans-serif";
}

h2{
	font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ＭＳ 明朝","Times New Roman", Times, "serif",'PT Sans','Rubik','Roboto','Harmattan', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro," メイリオ", Meiryo, Osaka," ＭＳ Ｐゴシック", MS PGothic," sans-serif";
}

h3{
	font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ＭＳ 明朝","Times New Roman", Times, "serif",'PT Sans','Rubik','Roboto','Harmattan', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro," メイリオ", Meiryo, Osaka," ＭＳ Ｐゴシック", MS PGothic," sans-serif";
}
.info_text {
    text-align: center;
    line-height: 2.4;
    margin: 90px 0;
    font-size: 23px;
   color: #ffffff;
    /* opacity: 0; */
    /* -webkit-animation: example 0.5s ease 0.5s 1 forwards;
    animation: example 1.2s ease 1.2s 1 forwards; */
}


.akmplus_hidtory_wrapper{
  display: flex;
  flex-wrap: wrap;
}

.akmplus_hidtory_wrapper p{
  line-height: 40px;
  font-weight: 600;
      color: #ffffff;
}

.akmplus_hidtory_wrapper img{
  width: 100%;
}


.akmplus_hidtory_wrapper div{
  width: 50%;
}

.akmplus_item_wrapper ul{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 90%;
  margin: 0 auto;
}

.akmplus_item_wrapper ul li{
  width: 50%;
  text-align: center;
  margin: 0px 0 25px 0;
}

.akmplus_item_wrapper ul li {
  transition: all 1s;
}

.akmplus_item_wrapper ul li :hover{
/* box-shadow: 0 0 0 #047c71, 0 0 0 rgba(0,0,0,.2);
background: #12978d;
transition-duration: .1s; */
}


.akmplus_item_wrapper ul li a img{
  width: 85%;
}

.akmplus_item_wrapper span{
  display: block;
}

.akmplus_item_wrapper p{
  color:#ffffff;
}

.bland_logo{

}

.bland_name{

}

.bland_price{

}

.specialtopic{
  margin-bottom: 50px;
}

.specialtopic h2{
  color: #ffffff;
}
.specialtopic li a p{
  color: #ffffff;
}

.specialtopic li:first-child{
  width: 100%;
  height: 100px;
  margin-bottom: 30px;
}

.specialtopic li{
  width: 25%;
  text-align: center;
  margin-top: 20px;
  height: 300px;
}

.specialtopic li img{
  width: 80%;
}

.specialtopic li img:hover{
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

.specialtopic li p{
  margin: 0 auto;
  width: 80%;
  font-size: 15px;
  line-height: 25px;
}

section {
    /* margin: 45px 0; */
    text-align: center;
}


.akmplus_item_wrapper h1{
  margin: 50px 0px;
  font-weight: 600;
  font-size: 26px;
  text-align: center;
  color:#ffffff;
}

/*PC*/
@media screen and (min-width: 768px) {

.sp_only {
	display: none;
}

.main_content {
	width: 100%;
	max-width: 1100px;
	margin: 70px auto 0;
	font-size: 1.3vw;
}

section p {
    text-align: center;
    font-size: 18px;
    /* margin: 45px 0; */
    /* line-height: 40px; */
}


}


	/*tablet*/
@media screen and (min-width: 415px) and (max-width: 768px) {

  .sp_only {
  	display: none;
  }


}

	/*sp*/
	@media screen and (max-width: 455px) {

    .akmplus_hidtory_wrapper div{
      width: 100%;
    }


    .info_text {
        text-align: center;
        line-height: 2.4;
        margin: 55px 0;
        font-size: 19px;
        color: #ffffff;
        padding: 0 15px;
        /* opacity: 0; */
    }

    .akmplus_hidtory_wrapper div {
    width: 100%;
}

    .pc_only {
    	display: none;
    }

    .specialtopic{
  margin-bottom: 30px;
}

.specialtopic li{
  width: 50%;
  text-align: center;
  margin-top: 20px;
  height: 230px;
}

.specialtopic li p{
  margin: 0 auto;
  width: 80%;
  font-size: 10px;
  line-height: 18px;
}
.specialtopic li img{
  width: 90%;
}


	}