@charset "utf-8";


/* PC向けおよび大型タブレット向けのレイアウトの指定：768px～960px */
@media only screen and (min-width: 768px) {

/*==========================================
 ヘッダーのスタイル
===========================================*/
body {
	background-image: url("../../image/back.gif");
  }

  header {
    margin-left:auto;
    margin-right:auto;
    border-left: 1px solid #231816;
    border-right: 1px solid #231816;
	width: 1002px;
	position:static;
	padding-bottom:6px;
  }
  header h1 {
    float:left;
	max-width:1000px;
  }
  header h1 img {
    width:100%;
  }








/*==========================================
 コンテンツ
===========================================*/

#contents-wrap{
	margin:0 auto;
	width:895px;
  }

#wrap {
    background-color: #fff;
    background-repeat: repeat-y;
    margin: 0 auto;
    width: 1002px;
	overflow: auto;
    border-left: 1px solid #231816;
    border-right: 1px solid #231816;
}




div#main {
	width: 68%;
	float:right;
	padding:0;
  }



#contents{
	width:100%;
	max-width: 971px;
	margin: 0 auto;
    background-color: #fff;
  }

div#contents {
	clear:both;
	margin-top:2px;
	margin-top:-7px;
}

  div#contents section#work article {
    width: 20%;
  }
  div#contents section#work article h3 {
    line-height: 2.2em;
  }
  div#contents section#news {
    width: 49%;
    float: left;
  }
  div#contents section#information {
    width: 49%;
    float: right;
  }


/*==========================================
 ナビゲーション
===========================================*/


nav{
	display:none;
  }


#navigation ul {
    margin: 80px 0 0 21px;
}
#navigation li a {
    background-image: url("../../image/navi-home.jpg");
    background-repeat: no-repeat;
    color: #4b4a48;
    display: block;
    float: left;
    font-size: 112%;
    height: 31px;
    padding: 16px 1px 0;
    text-align: center;
    text-decoration: none;
    width: 192px;
}
#navigation li a:hover {
    background-image: url("../../image/navi-home-a.jpg");
    color: #fff;
}
.navi-home {
    background-image: url("../../image/navi-home-a.jpg") !important;
    background-repeat: no-repeat;
    color: #4b4a48;
    display: block;
    float: left;
    font-size: 112%;
    height: 31px;
    padding: 16px 1px 0;
    text-align: center;
    width: 192px;
}

/*==========================================
 メイン部分
===========================================*/

  div#main {
	width: 69%;
	float:right;
	padding:14px;
  }

/*==========================================
 トップページ
===========================================*/

#intro p {
    background-image: url("../../image/intro-p.jpg");
	font-size:110%;
}

.intro-img {
	width: 100%!important;
	margin-left:0;
}


.intro-orange {
    font-size: 170%;
}


/* リード */
#top-contents h2 {
    background-repeat: no-repeat;
    color: #ee6d1a;
    font-size: 175%;
    font-weight: bold;
    margin-bottom: 15px;
    padding: 19px 0 13px;
    text-align: center;
	border:none;
}


.headline1 {
    background-image: url("../../image/h3.jpg");
    background-repeat: no-repeat;
    color: #ee6d1a;
    float: left;
    font-size: 175%;
    font-weight: bold;
    padding: 13px 0 10px 35px;
    width: 356px;
}
.deadline {
    background-image: url("../../image/deadline.jpg");
    background-repeat: no-repeat;
    color: #fff;
    float: left;
    font-size: 140%;
    font-weight: bold;
    padding: 12px 0 10px;
    text-align: center;
    width: 178px;
}

.boxleft-yajirushi {
	max-width:150px;
}

.boxleft-ex {
	width: 346px;
	margin-right: 10px;
}

.boxleft-ex2 {
    padding: 56px 0 0 40px;
}


.rankbotan {
	margin-top: 25px;
}


#ranking h3 {
    padding: 45px 0 36px 124px;
	font-size: 255%;
}


.orange2 {
    font-size: 145%;
}


#other h3 {
	color:#fff;
	font-size:17px;
}

.other-botan {
	float:left;
	margin: -6px 0 0 223px;
}

/* シチュエーション別 */

.situation-price {
	font-size:110%;
	margin-bottom:10px;
}
/* プロフィール */


#top-profile {
    background-image: url("../../image/top-profile-b.jpg");
    background-repeat: no-repeat;
    height: 100%;
    padding-top: 110px;
    width: 653px;
}


#top-profile p {
    margin-bottom: 15px;
    padding-right: 200px;
}

.profile-b {
    font-size: 120%;
    font-weight: bold;
    line-height: 180%;
}


/*==========================================
 シチュエーション別
===========================================*/


.intro-lead {
    font-size: 20px;
}

#situation-lead h1 {
	font-size: 26px;
	padding: 14px 0 22px;
}


/* リード文 */

#situation-lead h1 {
	line-height:120%;
}

/* お客様の声 */
.voice h3 {
    font-size: 20px;
    padding: 23px 0 14px;
}


.boxleft {
    width: 358px;
}



.boxright {
    width: 270px;
}

.boxleft2 {
    float:left;
	margin-right:15px;
}

.boxleft2 img{
	width:100%;
}

.boxright2 {
    float:left;
}



#boxbottom {
    display: none;
}

#situation-fee h3 {
    font-size: 152%;
}

#situation-fee img{
	max-width:650px;
	height:auto;
}


#situation-flow h3 {
    font-size: 152%;
}


#situation-voice {
    background-color: #fff;
    float: left;
    margin-top: 20px;
    padding-bottom: 20px;
    width: 662px;
}

.voice-box {
    float: left;
    margin: 15px;
    width: 285px;
	border:none;
}


.voice-box p {
    font-size: 90%;
    margin-bottom: 0 !important;
    margin-top: 10px;
}

.staffblog h2 {
    font-size: 17px;
}


/*==========================================
 よくある質問
===========================================*/
#question dl {
    border-bottom: 1px solid #ee6d1a;
    clear: both;
    margin-top: 25px;
	width:100%!important;
}
#question dt {
	clear:left;
    float:left;
    font-size: 150%!important;
    margin-bottom: 15px;
    width: 60px;
}
#question dd {
    float: left;
    font-size: 110%!important;
    margin-left: 0!important;
    padding: 1px 0 16px!important;
    width: 540px;
}


.question1 {
    color: #ee6d1a;
    font-weight: bold;
}
.question2 {
    font-weight: bold;
}
.answer {
    font-weight: bold;
}
.margin-q {
    margin-top: 20px !important;
}

/*==========================================
 お申し込みの流れ
===========================================*/


#make-flow p {
    padding: 13px 0 8px 96px;
}

#make-flow h2 {
    background-repeat: no-repeat;
    color: #000;
    font-size: 175%;
    font-weight: bold;
    margin-top: 10px;
    padding: 4px 0 0 97px;
}
.flow-step1 {
    background-image: url("../../image/step1.jpg")!important;
}
.flow-step2 {
    background-image: url("../../image/step2.jpg")!important;
}
.flow-step3 {
    background-image: url("../../image/step3.jpg")!important;
}
.flow-step4 {
    background-image: url("../../image/step4.jpg")!important;
}
.flow-step5 {
    background-image: url("../../image/step5.jpg")!important;
}
.flow-step6 {
    background-image: url("../../image/step6.jpg")!important;
}
.flow-step7 {
    background-image: url("../../image/step7.jpg")!important;
}
.flow-step8 {
    background-image: url("../../image/step8.jpg")!important;
}
.flow-step9 {
    background-image: url("../../image/step9.jpg")!important;
}

.flow-next {
    margin-left: 90px;
}

/*==========================================
 プロフィール
===========================================*/

#top-administrator {
    border: 1px dotted #a1a1a1;
    padding: 20px;
}

#bottom-profile {
    margin-top: -70px;
}


/*==========================================
 フォーム
===========================================*/

.form-h2box-d { 
	max-width:609px;
	background: url(../../image/form-h2-back1.jpg) no-repeat ;
	background-position: center;
	-moz-background-size:100% auto;
	background-size:100% auto;
}

.form-h2box-d h2 {
    color: #5e4238;
    font-size: 137%;
    font-weight: bold;
    margin-bottom: 3%;
    padding: 6% 0;
    text-align: center;
}

 
#form-caution{ 
	width:98%;
	font-size:130%;
	padding:0;
}

#form-caution p{ 
	padding:0;
}


.form-lead { 
	margin-top:0;
}



.form-s{ 
	font-size:74%;
	display:block;
	padding-top:2%;
}

#other-adress{ 
	clear:both;
}

#form-base {
	background-color:#95c300;
	width:99%;
}


#form-base dl{
	background-color:#96C60E;

}

#form-base dt, #other-adress dt{ 
	clear:both;
	float:left;	
	width:35%;
	display:block;

}

#form-base dd, #other-adress dd{ 
	width:58%;
	float:left;
	display:block;
	background:#FBFBEF;
}

.tbl-layout dt {
    padding: 4px 0 3px 2%;
}

.tbl-layout dd {
    padding: 8px 2% 3px 3%;
}

.red {
	color:#E32D73;
}

#other-adress{
    margin: 8px 0 8px;
}

#other-adress dt{
	background:none;
	width:30%;
}

#other-adress dd{
	background:none;
}

.form-h2box-s {
   background-image: none;
  }

.form-h2box-s h2 {
   background-image: url("../../image/bottom-base-h1.jpg");
    background-repeat: no-repeat;
    color: #674f21;
    font-weight: normal;
    margin-bottom: 3px;
    margin-top: 12px;
    padding: 9px 0 22px;
	font-size:27px;
	width:100%;
  }




.sp-menu{
	display:none;
}


#side-box2 {
    background-image: url("../../image/meyasu-b.jpg");
    background-repeat: no-repeat;
    color: #684d1e;
    display: block;
    font-size: 21px;
    font-weight: bold;
    padding: 52px 10px 36px 57px;
    text-decoration: none;
    width: 223px;
}

#mailform td{
    background-color: #fff;
}

.mf-top{
    background-color: #D8B9B7;
	text-align:center;
	font-size:24px;
	color:#fff;
	font-size
}


/*==========================================
 関連記事PC版
===========================================*/


#relate-pc h3 {
    background-repeat: no-repeat;
    border-bottom: 2px solid #593b17;
    clear: both;
    color: #646263;
    font-size: 120%;
    margin-bottom: 10px;
    padding: 6px 0 0 7px;
    width: 600px;
}

#relate-pc ul {
    margin-left: 17px;
    margin-top: 0;
    padding: 0;
    text-align: left;
}

#relate-pc li {
    background-image: url("../../images/yajirushi.jpg");
    background-repeat: no-repeat;
    font-size: 100%;
    margin-bottom: 5px;
    padding-left: 31px;
    vertical-align: middle;
}

/*==========================================
 カテゴリ部分
===========================================*/

#webpage {
    padding-right: 15px;
}


#webpage h2 {
    font-size: 120%;
}


/*==========================================
サイドメニュー
===========================================*/



div#sidemenu {
	width: 27%;
	float:left;
	padding:10px 0 0 3px;
  }


#sidemenu li {
	width:100%;
	height:auto;
  }





/*==========================================
フッター
===========================================*/


footer {
	clear:both;
	width:1000px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	border-top: none;
  }




/*==========================================
その他
===========================================*/



.onlysp{
	display:none;
  }


.red2 {
    font-size: 120%;
}

.step-top {
    display: none!important;
}

.spblank {
    display: none!important;
}

.pcblank {
	clear:both;
	margin-top:-10px;
}


/*==========================================
 流れ
===========================================*/

.tabContainer{
	display:none;
}