@charset "UTF-8";
/*
	IMS ASAHI MOUNTAIN PARK
	INDEX CSS
	
	MarkUp -> Pati:)
	
	LAST UPDATE
	
	- 2012.04.04 製作開始 (Pati)
	
--------------------------------------------------------------*/

/* INDEX
--------------------------------------------------------------*/
/* main-images
--------------------------------------------------------------*/
div.main-img{
	background:#edf3de url(../../common/css/images/main_line.gif) repeat-x left bottom;
	height:100px;
	padding:0 0 5px;
	text-align:left;
	width:100%;
}

div.main-img h2{
	background:url(../../css/images/page_title.jpg) no-repeat center top;
	text-align:center;
	width:100%;
}

.content{
	background:url(../../css/images/line.gif) no-repeat 10px bottom;
	margin:0 auto 30px;
}

p.txt{
	clear:both;
	margin:0 0 30px 20px;
}

p.txt img{
	display:block;
	margin:20px 0 20px;
}




.content h3{
	margin:0 auto 30px;
}


.content h4{
	margin:0 auto 30px;
	text-align:center;
}

div.text_area{
	float:left;
	width:470px;
	margin:0 0 0 38px;
}

div.text_area h5{
	background:#fffce4;
	font-weight:bold;
	padding:10px 20px;
}

div.text_area p{
	padding:20px 20px;
}


div.photo_area{
	float:right;
	width:420px;
}

ul.support_menu{
	margin:0 auto 30px;
	width:980px;
}
ul.support_menu li.left a{
	background:url(../../css/images/btn_list.gif) no-repeat left center;
	display:block;
	float:left;
	padding:0 0 0 20px;
	
}

ul.support_menu li.left a:hover{
	background:url(../../css/images/btn_list_on.gif) no-repeat left center;
}

ul.support_menu li.right a{
	background:url(../../css/images/btn_next.gif) no-repeat right center;
	display:block;
	float:right;
	padding:0 20px 0 0;
}

ul.support_menu li.right a:hover{
	background:url(../../css/images/btn_next_on.gif) no-repeat right center;
}

p.txt-img,
p.txt2{
text-align:center;}



/*CLEAR FIX 
--------------------------------- */
.content,
ul.support_menu{overflow: hidden;}

.content:after,
ul.support_menu:after{
	content: "";
	display: block;
	clear: both;
	overflow: hidden;
}

/*\*/
* html .content,
* html ul.support_menu{
	height: 1em;
	overflow: visible;
}

/**/


.support_flex{
    display: flex;
    justify-content: space-around;
}

.support_flex > div{
    width: 48%;
    margin: 3px auto;
}

.support_flex h6{
     background: #fffce4;
  font-weight: bold;
  padding: 10px 20px;  
}

.support_flex >div >div,
.support_flex >div >div > p
{
    margin:20px auto 20px;
}

.support_1{
    margin: 50px auto;
}

h5.shisetsu{
    padding: 10px 0!important;
    margin-top:30px;
}

h5.shisetsu::before{
  content: url(../../../common/images/circle_h5.png);
  vertical-align: middle;
  padding-right: 5px;  
     transform: scale(0.1);
  padding-left: 1em;
}

@media screen and (max-width:767px) {
     
    
.support_flex{
    display: block;
    justify-content: space-around;
}

.support_flex > div{
    width: 100%;
    margin: 3px auto;
}
    
    .support_flex > div > img{
    width: 100%;
}
    
     .support_flex > div > P >img{
    width: 100%;
}
    
    ul.support_menu {
  overflow: inherit;
    width: 100%;
}
   
    
}