@charset "utf-8";
/* ===================================================================
CSS information

 file name  :aboutmid-blue.css
 author     :Ability Consultant
style info  :ホームページ設定　ハックは最下部に記述
=================================================================== */
/*----------------------------------------------------
	各ページ専用指定
----------------------------------------------------*/

/* 共通
----------------------------------------------------*/

#aboutmid-blue h2 {
    padding: 3em 3.5em 1.5em;
    text-align: center;
}
#aboutmid-blue h2 img {
    max-width: 100%;
}

/* .con_wer
----------------------------------------------------*/
#aboutmid-blue .txt_wer {
    max-width: 100%;
}

#aboutmid-blue .btn_abo {
    background: url("../aboutmid-blue/images/ic_arr.gif") no-repeat 98% 50% #efe595;
    border: 2px solid #ffffff;
    clear: both;
    width: 100%;
	text-align: center;
	margin-bottom: 20px;
}
#aboutmid-blue .btn_abo span {
    color: #000000;
    display: block;
    padding: 6% 0;
    text-decoration: none;
}
#aboutmid-blue .box_abo {
	margin-bottom: 1.5em;
}
#aboutmid-blue .box_abo section{
	margin-top: 1.5em;
}
#aboutmid-blue .con_abo p {
	margin-bottom: 15px;
}
#aboutmid-blue .con_abo .img_pho {
	text-align: center;
	margin-bottom: 20px;
}
#aboutmid-blue .con_abo .img_pho img {
	max-width: 100%;
}
#aboutmid-blue .con_abo .txt_abo {
    text-align: center;
	margin-bottom: 2em;
}
#aboutmid-blue .con_abo img {
    max-width: 100%;
}
#aboutmid-blue .con_abo ul{
    margin-bottom: 3.5em;
}
#aboutmid-blue .con_abo li{
    margin-bottom: 5px;
}

#aboutmid-blue .con_abo{
	max-width: 580px;
	margin: 0 auto;
	}










/* -----------------------------------------------------------
	380pxの解像度のレイアウト調整
----------------------------------------------------------- */
@media only screen and (max-width: 380px) {
#aboutmid-blue h2 {
    padding: 1.5em 3.5em 1.5em;
}

#aboutmid-blue .box_abo {
	margin-bottom: 0.8em;
}
#aboutmid-blue .con_abo .txt_abo {
	margin-bottom: 1em;
}
}


/*======================================

	hack - 各種cssハック - for IE7

=======================================*/
*:first-child+html {}


/*======================================

	hack - 各種cssハック - for IE6

=======================================*/
* html {}