@charset "UTF-8";
/* メディアクエリ	*/

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
   ■■■■■     スマホ用（〜768px）     ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
  ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */ 
@media screen and (max-width: 768px) {
/* 文章（写真なし） */
.fukidashi_text {
	width:674px;
	padding:25px 35px 25px 40px;
	font-size: 24px;
    line-height: 1.8em;
    letter-spacing:1pt;
	background-color: #f7f7f7;
	border-radius: 6px 6px 6px 6px;
	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
	float: left;
}
/* 文章（写真あり） */
.fukidashi_text_lr {
	width:344px;
	padding:25px 25px 25px 30px;
	font-size: 24px;
    line-height: 1.8em;
    letter-spacing:1pt;
	background-color: #f7f7f7;
	border-radius: 6px 6px 6px 6px;
	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
	float: left;
}
} 




/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
   ■■■■■     タブレット用（768px〜991px）     ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
  ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */ 
@media screen and (min-width: 768px) {

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

	更新情報

   ========================================================================== */ 
/*  ボックス */
#info_out {
	padding: 5px;
	margin: 10px 3px 20px 3px;
}

/*  内ボックス */
#info_in{
	overflow: auto;
	height: 300px;
}

.info_title {
	margin: 0 0 10px 0;
}

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

	MAIN

   ========================================================================== */ 
/*  【一番外のボックス】 */
.title_out {
	padding-top: 110px;
}
/*  【タイトルコピー】 */
.titlecopy {
	font-size: 30px;
	line-height: 1.6em;
	letter-spacing:5pt;
	padding: 0 100px 0 100px;
}
/*  【ボディコピー】 */
.bodycopy {
	font-size: 20px;
	text-align: center;
	padding: 10px 100px 0 100px;
	line-height: 1.6em;
}
/* ==========================================================================

	SERVICE

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

.regular_l {
	padding: 30px 10px 60px 80px;
}
.regular_r {
	padding: 103px 80px 60px 10px;
}
/*  パネルタイトル  */
.regular_l .panel-title,
.regular_r .panel-title {
	min-height: 110px ;
	padding:5px 10px 5px 20px;
}

.regular_l .panel-body,
.regular_r .panel-body {
	padding: 10px 20px 10px 20px;
	line-height: 1.6em;
}

/*  タイトル  */
.back h2 {
	padding:10px 0 0 0 ;
	font-weight: bold;
	line-height: 1.5em;
	font-size: 22px;
}

.regular_r_pc {
	padding: 118px 0px 0 0px;
}

.pac_r_pc2 {
	padding: 85px 0px 0 0px;
}

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

	attention

   ========================================================================== */ 
.attension_l {
	padding: 0 5px 50px 30px;
}
.attension_r {
	padding: 73px 30px 50px 5px;
}
/* ==========================================================================  

	WORKS

   ========================================================================== */
/*  テキスト */
.works_ryuudou_text {
	padding: 20px 0 0 50px;
	min-height: 250px ;
}
/*  画像 */
.works_ryuudou_p {
	padding: 50px 50px 0 50px;
	min-height: 250px ;
}
/* ==========================================================================  

	PROFILE

   ========================================================================== */
.profile_text {
	line-height: 2.5em;
	font-weight: bold;

}

/* 「ロゴ」 画像 */
.rogo_photo {
	margin-bottom: 20px;
} 

/* 「ロゴ」 外枠 */
.rogo_out {
	padding:10px 0 0 20px;
}

.rogo-text {
	line-height: 1.8em;
}

/* ソーシャルボタン */
#socialbuttons {
	padding: 10px 0 0 5px;
}


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

	CONTACT

   ========================================================================== */
/* 外枠 */
.mail_out {
	padding: 0;
	margin-bottom: 50px;
}

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

	ブログ部分

   ========================================================================== */
/*  【一番外のボックス】 */
.brog_out {
	padding-top: 80px;
}

/*  文章部分【外ボックス】 */
.brog_main {
	padding-left: 20px;
}

/*  【検索フォーム】 */
.widgetsearch {

}


/*  【ボックス】 */
.brog_box {
	padding: 24px;
}

/*  【左メニュー】 */
.brog_side {
	padding-left:20px;
}

/*  【カテゴリー】 */
.widgetmenu {
	padding-right:20px;
}

/*  【検索フォーム】ボタン */
.widgetsearch_btn {
	margin-top: 0;
}

}
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
   ■■■■■    PC用（992px〜1679px）     ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
  ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */ 
@media screen and (min-width: 992px) {

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

	更新情報

   ========================================================================== */ 
/*  ボックス */
#info_out {
	padding: 5px;
	margin: 10px 3px 20px 3px;
}

/*  内ボックス */
#info_in{
	overflow: auto;
	height: 300px;
}

.info_title {
	margin: 0 0 10px 0;
}

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

	共通

   ========================================================================== */ 
/*各タイトル*/
.contents_title {
	padding:80px 0 20px 0;
}

.contents_title p {
	font-size:24px ;
	line-height: 1.5em;
}

.webfont {
	font-family: 'Montserrat', sans-serif;
	font-size: 70px;
	color: #000;
	line-height: 1.5em;
}

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

	MAIN

   ========================================================================== */ 
/*  【タイトルコピー】 */
.titlecopy {
	font-size: 32px;
	line-height: 1.6em;
	letter-spacing:5pt;
	padding: 30px 200px 0 200px;
}
/*  【ボディコピー】 */
.bodycopy {
	font-size: 20px;
	text-align: center;
	padding: 30px 200px 0 200px;
	line-height: 1.6em;
}

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

	SERVICE

=========================================================================== */ 
/*  各ボックス */
.service_out {
    font-family: Arial, Helvetica, sans-serif;
    margin: 40px 0 0;
	padding: 0 40px 0 40px;
}

.back .please {
	padding: 40px 0 0 0;
}

.regular_l {
	padding: 40px 20px 80px 50px;
}
.regular_r {
	padding: 113px 50px 80px 20px;
}



.contents_title  p {
	height:50px ;
	padding:20px;
	display:block
}

/*  パネルタイトルボックス全体  */
/*  本文  */
.panel-title {
	font-size: 18px;
}

/*  タイトル  */
.back h3 {
	font-size: 20px;
	line-height: 1.6em;
	padding: 10px 0 10px 0;
	margin: 0;
	font-weight: bold;
	color: #990000;
}





.regular_l .panel-body,
.regular_r .panel-body {
	padding: 20px 20px 20px 30px;
}


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

	pac

   ========================================================================== */ 
/*  外枠 */
.pac_l ,
.pac_r {
	min-height: 500px ;
}
.pac_l {
	padding: 10px 5px 0px 150px;
}
.pac_r {
	padding: 10px 150px 0px 5px;
}

.attension_l, 
.attension_r {
	min-height: 250px ;
}
.attension_l {
	padding: 0 5px 50px 150px;
}
.attension_r {
	padding: 73px 150px 50px 5px;
}

.kakusu {
	color: #F5F5F5;
}

.pac_l .panel-body,
.pac_r .panel-body,
.attension_l .panel-body,
.attension_r .panel-body {
	padding: 20px 20px 20px 30px;
}

/*  「価格について」  */
.price_about {
	padding: 0 150px 0 150px;
}

.pac_r_pc1 {
	padding: 0px 0px 0 0px;
}

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

	WORKS

   ========================================================================== */
/*  テキスト */
.works_ryuudou_text {
	padding: 50px 50px 0 100px;
	height:250px;
}
/*  画像 */
.works_ryuudou_p {
	padding:60px 100px 20px 0;
}

/*  画像 */
.works_ryuudou_p  img {
	max-height: 200px;
}

.works_ryuudou_text  h5{
	line-height: 2em;
}


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

	PROFILE

   ========================================================================== */
.profile_text {
	font-size: 18px;
	line-height:2.4em;
}

/* 「概要」外枠 */
.gaiyou_out {

} 

/* 「ロゴ」 外枠 */
.rogo_out {
	padding: 0 0 0 100px;
}



.addres {
	padding: 0 50px 0 0px;
}

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

	MAP

   ========================================================================== */
/*マップの高さを広げる*/
	#gmap {
	height: 400px;
	margin-top: 50px;
	padding: 0px;
	margin-bottom: 30px;
	background-color: #CCC;
}
/* ==========================================================================  

	CONTACT

   ========================================================================== */
/* 外枠 */
.mail_out {
	padding: 0 100px 0 100px;
}
/* ==========================================================================  

	ブログ部分

   ========================================================================== */
/*  【一番外のボックス】 */
.brog_out {
	padding-top: 40px;
}

/*  文章部分【外ボックス】 */
.brog_main {
	padding-left: 20px;
}

/*  【検索フォーム】 */
.widgetsearch {
	text-align: left;
	height:50px;
	
}


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

	TICP面談ページ部分

   ========================================================================== */
.header {
		text-align: center;
}



/* 外枠3	*/
.menu_box_06 {
	min-height:1000px;
	width:100%;
	padding:0 0 100px 0;
	}

.menu_box_01 {
	width:100%;
	padding:0 0 20px 0;
		text-align: center;
	}
	
	.menu_box_02 {
	width:100%;
	padding:0 0 50px 0;
			font-size: 18px;
	}
	
/* 内枠	*/
.job_box_inner {
	width:60%;
	margin: 0 auto 0 auto ;
}
.menu_box_06 th {
	background: #f7f8f8;
	text-align: center;
	border: 1px solid #c9caca;
	border-collapse: collapse;
	padding: 10px;
	height: 25px;
	font-size: 16px;
	width:15%;
}
.menu_box_06 td  {
	background: #fff;
	text-align: right;
	border: 1px solid #c9caca;
	border-collapse: collapse;
	padding:10px;
	height: 25px;
	font-size: 16px;
	width:50%;
}
.menu_box_06 td  img{
	width:100%;
	margin: 10px auto 5px auto ;
}
.att {
		font-size: 14px;
}


} 
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
   ■■■■■    大画面PC用（1680px以上）     ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
  ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */ 
@media screen and (min-width: 1680px) {

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

	MAIN

   ========================================================================== */ 
/*  【一番外のボックス】 */
.title_out {
	padding-top: 150px;
}

/*  【タイトルコピー】 */
.titlecopy {
	font-size: 36px;
	line-height: 1.6em;
	letter-spacing:5pt;
	padding: 30px 200px 0 200px;
}
/*  【ボディコピー】 */
.bodycopy {
	font-size: 20px;
	text-align: center;
	padding: 30px 0px 50px 0px;
	line-height: 1.6em;
}
/* ==========================================================================  

	SERVICE

   ========================================================================== */ 
/*  パネルタイトル  */
.panel-title {
	font-size: 20px;
	line-height: 1.4em;

}

/*  タイトル  */
.back h3 {
	font-size: 22px;
	line-height: 1.6em;
}

.regular_l {
	padding: 50px 30px 80px 250px;
}
.regular_r {
	padding: 122px 250px 80px 30px;
}

.regular_l .panel-body,
.regular_r .panel-body {
	font-size: 18px;
	line-height: 1.6em;
	padding: 20px 40px 20px 40px;
}

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

	pac

   ========================================================================== */ 
.pac_l {
	padding: 20px 20px 20px 250px;
}

.pac_r {
	padding: 20px 250px 20px 20px;
}
.attension_l {
	padding: 5px 20px 0 250px;
}
.attension_r {
	padding: 78px 250px 50px 20px;
}
.pac_l .panel-body,
.pac_r .panel-body, 
.attension_l .panel-body, 
.attension_r .panel-body {
	font-size: 16px;
	line-height: 1.6em;
	padding: 20px 40px 20px 20px;
}

/*  「価格について」  */
.price_about {
	padding: 0 250px 0 250px;
}
/* ==========================================================================  

	WORKS

   ========================================================================== */
/*  テキスト */
.works_ryuudou_text {

}
/*  画像 */
.works_ryuudou_p {
	padding: 50px 0 0 100px;
}

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

	PROFILE

   ========================================================================== */
/* 挨拶 */
.profile_text {
	font-size: 20px;
	line-height: 2.4em;
	padding: 0 150px 0 150px;

}
/* 「概要」外枠 */
.gaiyou_out {
	padding: 0 200px 0 350px;
} 
/* 「ロゴ」 外枠 */
.rogo_out {
	padding: 10px 0 0 50px;
}
/* ソーシャルボタン */
#socialbuttons {
	padding:0 0 0 160px;
}

/* 「概要」写真 */
.gaiyou_photo {
	padding: 10px 70px 0 0;
} 

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

	MAP

   ========================================================================== */
/* 住所 */
.addres {
	padding: 0 100px 0 300px;
}
/* ==========================================================================  

	CONTACT

   ========================================================================== */
/* 外枠 */
.mail_out {
	padding: 0 400px 0 400px;
}

}