#item {
        float: right;
        max-width: 970px; 
	line-height: 130%;
     padding-bottom:30px;
        margin-top:40px; 
        display:inline;
}
#item::after {
  content: "";
  display: table;
  clear: both;
}
#item h3 {
        font-size:0.7em;
        color:#38b54a;
        clear:right;
        text-indent:16px;
        margin-top:0;
}
#item h3 span {
        font-size:1.7em;
}
#item .box {
       max-width:600px; 
       float:left;
}
#item .explanation {
        font-size:0.9em;
    /*    max-width:600px; */
        padding-left:12px;
        /*padding-right:4px;*/
}
#item .explanation span {
        color:#f3f;
        font-size:0.8em;
}
#item .photo {
        font-size:0.8em;  /* 0.9em  */
    /* padding:0px 0px 10px; */
    margin:0px;
        float:right;
	  width: 350px; /* 幅を指定 */
  margin: 0;
}
#item .photo2 {
        font-size:0.8em;  /* 0.9em  */ 
     padding:0px 0px 10px;
	margin:0px 20px 0px 0px;
        float:left;
}
#item .photo img {
        margin-bottom:2px; 
        line-height:0;
}
#item .photo span {
        color:#090;
}
#item .catch {
        background-color:transparent;  /*#f9f pink #e6fcff warter*/
}
/* =============== phone ================= */
@media only screen and (max-width: 767px) {
  .noscroll {
      overflow: hidden;
      width: 100%;
      height: 100%;
  }
}
.phone .container{
  width: 87.5%;
}
.phone #page{
  min-width: 100%;
}
/* header */
.phone #header .site-name{
  width: 100px;
  height: auto;
}
.phone #header .site-name img{
  width: 100%;
  height: auto;
}
.phone #header .nav-trigger{
  display: block;
}
/* gNav */
.phone #gNav{
  display: none;
}
/* spNav */
.phone #spCover{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.4);
  z-index: 999;
  display: none;
}
.phone #spNav{
  width: 220px;
  height: 100%;
  background-color: #fff;
  position: fixed;
  top: 0;
  right: 0;
  overflow-y: scroll;
  z-index: 1000;
  display: none;
}
.phone #spNav .nav-close-wrap{
  padding: 10px 10px 0px;
  text-align: right;
}
.phone #spNav .nav-close{
  width: 40px;
  height: 40px;
  cursor: pointer;
  display: inline-block;
}
.phone #spNav .nav-close img{
  width: 100%;
  height: auto;
}
.phone #spNav ul{
  display: block;
}
.phone #spNav .spNavWrapper{
  padding: 10px;
}
.phone #spNav ul li{
  border
}
.phone #spNav ul li a.cur,
.phone #spNav ul li.sub a.cur{
  color: #91c34a;
}
.phone #spNav ul li a{
  padding: 10px 10px;
  display: block;
  color: #333333;
  font-size: 13px;
  border-bottom: 1px solid #eee;
  text-decoration: none;
}
.phone #spNav ul li.sub a{
  padding: 10px 20px 10px 20px;
  color: #808080;
}
.sp_menu_open_animate{
	-webkit-animation:anime1 0.3s;
  -moz-animation:anime1 0.3s;
  -ms-animation:anime1 0.3s;
}
@-webkit-keyframes anime1 {
	0%{right:-200px}
	100%{right:0}
}
@-moz-keyframes anime1 {
	0%{right:-200px}
	100%{right:0}
}
@-ms-keyframes anime1 {
	0%{right:-200px}
	100%{right:0}
}
.sp_menu_close_animate{
	-webkit-animation:anime2 0.3s;
  -moz-animation:anime2 0.3s;
  -ms-animation:anime2 0.3s;
}
@-webkit-keyframes anime2 {
	0%{right:0}
	100%{right:-200px}
}
@-moz-keyframes anime2 {
	0%{right:0}
	100%{right:-200px}
}
@-ms-keyframes anime2 {
	0%{right:0}
	100%{right:-200px}
}
/* main */
.phone #main{
  margin: 60px auto 60px;
}
/* footer */
.phone #footer .footBanner ul li{
  width: 100%;
  float: none;
  margin: 0 0 15px;
}
.phone #footer .footComp{
  float: none;
}
.phone #footer .footNav{
  float: none;
  display: none;
}


/* ▼ここから追加 */
@media only screen and (max-width: 767px) {
  /* スマホ表示時の #item レイアウト調整 */
  #item {
    display: block;
    float: none;
    width: 100%;
    padding: 20px 0;
    text-align: center;
  }

  #item .box,
  #item .photo,
  #item .photo2 {
    float: none;
    float: none !important;
    width: 100%;
    margin: 0 auto 20px;
    text-align: center;
  }

  #item h3 {
    font-size: 0.7em;
    text-align: center;
    margin-top: 10px;
  }

  #item .explanation {
    font-size: 1em;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
  }

  #item img {
    width: 100%;
    height: auto;
    max-width: 100%;
  }
}
.column_wrap .tit img {
  width: 100%;
  height: auto;
  max-width: 100%;
  display: block;
}
.column_wrap .tit {
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
  text-align: center;
}

.column_wrap .tit img {
  width: 100%;
  height: auto;
  max-width: 100%;
  display: block;
}