@charset "utf-8";

/* サブページ　幅800px用　CSS
--------------------------------------------------------------------------*/

/* 　静的ページCSS
----------------------------------------------------------------------------

		・理念・想い
		・会社概要
		・ご挨拶
		・会社沿革
		・CSR活動
		・スタッフ紹介
		・協力業者様一覧
		・プライバシーポリシー
		・関連リンク
		・サイトマップ
		・お問い合わせ・資料請求
		・ご来場予約・ご来場予約

--------------------------------------------------------------------------*/

@media screen and (max-width: 800px){
/*--------------------------------------------------------------------------
		サブページ共通部分
--------------------------------------------------------------------------*/

/*パンくず、ページタイトル、戻る、ページャーはmain_partsにあり*/

/*サブページTOP画像*/
#c_mainimg {
	margin-bottom: 30px;
}

/*ページ下に置くリンク共通ベース*/
.pageend_link p {
	max-width: 300px;
}

.pageend_link p a {
	padding: 10px;
	font-size: 13px;
}

/*ページ途中に設置するリンクベース*/
.inpage_link p {
	max-width: 250px;
}

.inpage_link p a {
	font-size: 12px;
}



/*--------------------------------------------------------------------------
		会社案内共通ナビ
--------------------------------------------------------------------------*/
#contents_main2.staff #comp_nav {
	padding: 0 10px 0;
}

#contents_main #comp_nav .comp_link, #contents_main2 #comp_nav .comp_link {
	padding: 0 1px 3px;
	width: 33.33%;
}

#contents_main #comp_nav .comp_link a, #contents_main2 #comp_nav .comp_link a {
	padding: 7px;
}


/*--------------------------------------------------------------------------
		理念・想い
--------------------------------------------------------------------------*/
#contents_main.vision section.our-d,
#contents_main.vision section.h-made {
	margin-bottom: 50px;
}

#contents_main.vision section .text p {
	margin-bottom: 20px;
	line-height: 1.8;
	font-size: 13px;
}

#contents_main.vision section.our-d p.v_title_en {
	margin-bottom: 10px;
	font-size: 14px;
}

#contents_main.vision section.our-d h2 {
	margin-bottom: 30px;
	font-size: 16px;
}

#contents_main.vision section.h-made h2 {
	margin-bottom: 30px;
	padding: 10px 10px 8px;
	line-height: 1.8;
	font-size: 14px;
}

#contents_main.vision section.chorus h2 {
	margin-bottom: 30px;
	padding: 20px 0 0;
	height: 80px;
	font-size: 16px;
}

#contents_main.vision section.chorus .text {
	text-align: left;
}

#contents_main.vision section.h-made .br_early,
#contents_main.vision section.chorus .br_early {
	display: none;
}

#contents_main.vision .st_photo img {
	max-width: 600px;
}

#contents_main.vision .st_photo_cut img {
	max-width: 300px;
}


/*--------------------------------------------------------------------------
		会社概要
--------------------------------------------------------------------------*/
/*表共通ベース*/
#twoline_tb table {
	margin: 0 auto 50px;
}

#twoline_tb table th {
	padding: 10px 10px 10px 20px;
	width: 150px;
	font-size: 13px;
}

#twoline_tb table td {
	padding: 10px 10px 8px 20px;
}
/*表_end*/

#contents_main.outline #twoline_tb table caption {
	padding: 2px 0 0 20px;
	background: url(../img/icon_square_c8c.png) left center no-repeat;
	background-size: 15px;
	font-size: 16px;
}

#contents_main.outline #twoline_tb table td.co_name {
	font-size: 14px;
}

#contents_main.outline #twoline_tb table td.out_add > div:first-child {
	padding: 10px 10px 8px 20px;
}

#contents_main.outline #twoline_tb table td.out_add > div a {
	font-size: 12px;
}

#contents_main.outline .box_two_th {
	display: block;
	margin: 0 auto 30px;
	max-width: 500px
}

#contents_main.outline .box_two_th > div {
	display: block;
	padding: 0 0 20px;
	width: 100%;
}

#contents_main.outline .box_two_th h2 {
	padding: 10px 10px 8px;
	font-size: 14px;
}

#contents_main.outline .photo img {
	max-width: 350px;
}

/*ドリームクラブ*/
#contents_main.outline .dreamclub h2 {
	margin: 0 auto 30px;
	padding: 15px;
	width: 200px;
	font-size: 18px;
}

#contents_main.outline .dreamclub h2 span {
	font-size: 11px;
}

#contents_main.outline .dc_area > div {
	padding: 0;
}

#contents_main.outline .dc_area h3 {
	width: 100%;
}
#contents_main.outline .dc_area .dc01 {
	padding: 0 0 140px;
	background: url(../../company/img/dreamclub.png) center bottom no-repeat;
	background-size: 130px;
}

#contents_main.outline .dc_area .dc01 h3 {
	font-size: 21px;
}

#contents_main.outline .dc_area .dc01 h3 span {
	font-size: 11px;
}

#contents_main.outline .dc_area .dc01 .sub_t {
	margin-bottom: 10px;
	font-size: 14px;
}

#contents_main.outline .dc_area .dc02 h3 {
	font-size: 18px;
}
/*アクセスマップ*/
#contents_main.company_ac #map_canvas {
	margin: 0 auto 30px;
	height:300px;
}


/*--------------------------------------------------------------------------
		ご挨拶
--------------------------------------------------------------------------*/
#contents_main.greeting .gr_tb + .gr_tb {
	margin-top: 30px;
	padding: 30px 0 0;
}

#contents_main.greeting .gr_tb {
	display: block;
}

#contents_main.greeting .gr_tb > div {
	display: block;
}

#contents_main.greeting .gr_tb .text {
	margin-bottom: 30px;
}

#contents_main.greeting .gr_tb .text h2 {
	font-size: 16px;
}

.name_h {
	font-size: 12.4px;
}

#contents_main.greeting .gr_tb .photo {
	width: 100%;
	padding: 0;
	text-align: center;
}

#contents_main.greeting .gr_tb .photo img {
	max-width: 250px;
}

#contents_main.greeting .gr_tb .photo p.posi {
	text-align: center;
}
#contents_main.greeting .gr_tb .photo p.name {
	text-align: center;
	font-size: 16px;
}

#contents_main.greeting .pageend_link p a {
	padding: 10px;
	font-size: 13px;
}

#contents_main.greeting .pageend_link p a:hover, #contents_main.greeting .pageend_link p a:active {
	opacity: 0.6;
}

/*先代社長の想い*/
#contents_main.message .ms_img {
	margin-bottom: 30px;
}

#contents_main.message .ms_img img {
	margin-bottom: 10px;
}

#contents_main.message .ms_img p.name {
	font-size: 15px;
}

#contents_main.message .ms_text h2 {
	margin-bottom: 30px;
	font-size: 16px;
}

#contents_main.message .ms_text p {
	margin-bottom: 20px;
}

#contents_main.message .pageend_link p{
	max-width: 200px;
}

/*--------------------------------------------------------------------------
		会社沿革
--------------------------------------------------------------------------*/
#contents_main.history #twoline_tb br.br1st {
	display: block;
}

/*--------------------------------------------------------------------------
		CSR活動
--------------------------------------------------------------------------*/
#contents_main.csr .csr_info h2 {
	font-size: 16px;
} 

#contents_main.csr .csr_info .csr_tb {
	display: block;
}

#contents_main.csr .csr_info .csr_tb > div {
	display: block;
	width: 100%;
}

#contents_main.csr .csr_info .csr_tb > div:first-child {
	padding: 0 0 30px;
}

#contents_main.csr .csr_info .info_img {
	text-align: center;
}

#contents_main.csr .csr_info .info_img img {
	max-width: 300px;
}

#contents_main.csr .csr_act h2 {
	font-size: 15px;
} 

#contents_main.csr .csr_act .bd_box {
	padding: 10px;
}

#contents_main.csr .csr_act .bd_box h3 {
	font-size: 15px;
}

/*--------------------------------------------------------------------------
		スタッフ紹介
--------------------------------------------------------------------------*/
/*ページ内ジャンプ*/
#staff_link {
	/*margin-bottom: 40px;*/
	padding: 0 10px 0;
}

#staff_link div img {
	max-width: 60px;
}

#staff_link div p {
	background: url(../img/jump_r.png) right 5px center no-repeat;
	background-size: 10px;
	font-size: 12px;
}

/*スタッフデータ*/
#box_area .item {
	margin-top: -50px;
	padding: 100px 0 50px;
}

#box_area .item:last-child {
	padding: 100px 0 0;
}

#box_area .item > div {
	padding: 0 10px 0;
}

#box_area .item .s_data {
	margin-bottom: 10px;
}

#box_area .item .s_data .name span {
	padding: 0 0 0 10px;
	font-size: 13px;
}

#box_area .item .s_data .posi {
	margin-bottom: 0;
	font-size: 12px;
}

#box_area .item .s_data .name {
	font-size: 18px;
}

#box_area .item .ph_area {
	display: block;
}

#box_area .item .ph_area > div {
	display: block;
}

#box_area .item .ph_area .ph {
	margin: 0 auto 0;
}

#box_area .item .ph_area .tx01 {
	margin-top: 20px;
	padding: 0;
}

#box_area .item section + section {
	margin-top: 15px;
}

#box_area .item section h2 {
	padding: 0 0 5px 15px;
	background: url(../img/icon_square_c8c.png) left top 5px no-repeat;
	background-size: 10px;
	font-size: 14px;
}

#box_area .item .tx02 {
	margin-top: 15px;
}

#staff_allph.ph_area {
	margin: 0 auto 50px;
}

#staff_allph.ph_area img {
	max-width: 600px;
}

#staff_allph.ph_area_cut img {
	max-width: 400px;
}


/*--------------------------------------------------------------------------
		協力業者様一覧
--------------------------------------------------------------------------*/
#contents_main.supporter table th{
	width:140px;
}

#contents_main.supporter table td{
	padding:15px 10px 10px;
}

#contents_main.supporter table td.name{
	padding:15px 10px 10px;
}


/*--------------------------------------------------------------------------
		プライバシーポリシー
--------------------------------------------------------------------------*/
#contents_main.privacy .pl_item h2 {
	border-left: 8px solid #8C0000;
	font-size: 16px;
}

#contents_main.privacy .pl_item ul {
	padding: 15px 0 0 20px;
}

/*--------------------------------------------------------------------------
		関連リンク集
--------------------------------------------------------------------------*/
#contents_main.link #link_nav{
	margin-bottom: 40px;
}

#contents_main.link section h2 {
	margin-bottom: 20px;
	padding: 5px 0 5px 15px;
	border-left: 8px solid #8C0000;
	font-size: 15px;
}

#contents_main.link section.solar h2 {
	border-left: 8px solid #402000;
}

#contents_main.link section h3 {
	margin-bottom: 10px;
	padding: 2px 0 2px 20px;
	background: url(../img/icon_square_c39.png) left top 6px no-repeat;
	background-size: 12px;
	font-size: 14px;
}

#contents_main.link section > div {
	margin-bottom: 30px;
}

#contents_main.link section > div > div {
	float: none;
	padding: 0;
	width: 100%;
}

#contents_main.link section > div > div a {
	padding: 15px 30px 13px 15px;
	background: url(../img/icon_otlink.png) right 10px center no-repeat #E4E4E4;
	background-size: 15px;
}

#contents_main.link section > div > div a .l_name {
	font-size: 14px;
}



/*--------------------------------------------------------------------------
		サイトマップ
--------------------------------------------------------------------------*/
#allpage .item {
	padding: 0 20px 50px;
	width: 50%;
}

#allpage .item h2 {
	font-size: 14px;
}


    
/*--------------------------------------------------------------------------
		問い合わせフォーム
--------------------------------------------------------------------------*/
#contents_main.form_page .con_text {
	margin-bottom: 50px;
}

/*お問い合わせ共通TEL*/
#con_tel {
	display: block;
	margin: 0 auto 50px;
	font-size: 16px;
}

#con_tel div {
	display: block;
}

#con_tel div.tel_tx {
	padding: 0;
	text-align: center;
}

#con_tel div.tel_no {
	padding: 0;
	background: none;
	text-align: center;
	font-size: 25px;
}

#con_tel div.tel_no:before {
	content: url(../img/icon_tel25.png); 
	padding: 0 10px 0 0;
	box-sizing: border-box;
}

/*入力フォーム*/
#mailf_area h2 {
	font-size: 16px;
}

#mailf_area .mailform {
	display: block;
	padding: 0 0 20px;
	border: none;
}

#mailf_area .choice{
	border: none;
}

#mailf_area .mailform .mfp {
	display: block;
}

#mailf_area .mailform dt {
	margin-bottom :10px;
	padding: 10px 10px 8px;
	width: 100%;
	background: #D1D1D1;
}
    
#mailf_area .mailform.ques_sub dt .ques_tx {
    display: inline;
    padding: 0 0 0 10px;
}

#mailf_area .choice dd .c_click {
	display: block;
	padding: 0 10px 10px;
	width: 100%;
	max-width: 100%;
}

#mailf_area .mfp_buttons {
	margin: 20px auto 0;
}

/*共通*/
#contents_main #mailf_area .mailform dt span.title_caution{
    margin-top: 0;
    font-size: 11px;
}

#contents_main #mailf_area .select_list label {
	font-size: 12px;
}

#contents_main #mailf_area .select_list .mfp_element_checkbox {
	margin: -3px 10px 0 5px;
}

#contents_main #mailf_area .select_list .mfp_element_radio  {
	margin: -3px 10px 0 5px;
}



/*資料請求・お問い合わせ---------------------------------------------*/
#contents_main.contact #mailf_area #mailformpro > dl:first-of-type {
    border-top: none;
}
    
#contents_main.contact .con_text .sales_comment {
    margin: 30px auto 0;
    padding: 15px;
    max-width: 550px;
}


/*ご来場予約---------------------------------------------*/
#contents_main.appoint .appo_merit dl dt {
	font-size: 13px;
}

#contents_main.appoint .appo_merit dl dd {
	font-size: 14px;
}

#contents_main.appoint .appo_merit dl p {
	max-width: 450px;
}

#contents_main.appoint .appo_merit dl p::before {
	content: url(../img/icon_square_10b.jpg);
}

#contents_main.appoint .appo_flow ul {
	display: block;
	max-width: 100%;
}

#contents_main.appoint .appo_flow ul li {
	display: block;
	width: 100%;
}

#contents_main.appoint .appo_flow ul li.square {
	padding: 10px;
	width: 100%;
	box-sizing: border-box;
	text-align: center;
}

#contents_main.appoint .appo_flow ul li.square .pc_no {
	display: block;
}

#contents_main.appoint .appo_flow ul li.square .sp_no {
	display: none;
}

#contents_main.appoint .appo_flow ul li.square img {
	margin: 0 auto 0;
	max-width: 10px;
}

#contents_main.appoint .appo_flow ul li p {
	padding: 10px;
	max-width: 500px;
	font-size: 13px;
}

#contents_main.appoint .appo_flow ul li p br {
	display: none;
}

#mailf_area #tx_more.mailform dt span {
	padding: 0 0 0 10px;
}

#mailf_area #tx_more.mailform dt .ques {
	display: inline-block;
	padding: 0;
}


/*--------------------------------------------------------------------------
		送信完了　共通
--------------------------------------------------------------------------*/
#thanks h2 {
	margin-bottom: 30px;
	line-height: 1.5;
	font-size: 16px;
}

#thanks .tk_text {
	margin-bottom: 30px;
	line-height: 1.8;
}

#thanks_tel {
	font-size: 25px;
}

#thanks_tel::before {
	content: url(../img/icon_tel25.png);
}

}/*800px*/




@media screen and (max-width: 640px){
/*会社案内*/
#twoline_tb table td {
	padding: 10px 10px 8px 10px;
}

#contents_main.outline .box_two_th {
	display: block;
}

#contents_main.outline #twoline_tb table td.out_add > div {
	display: block;
}

#contents_main.outline #twoline_tb table td.out_add > div:first-child {
	padding: 10px 10px 8px 10px;
}

#contents_main.outline #twoline_tb table td.out_add > div:last-child {
	padding: 0 0 10px 10px;
}

/*スタッフ紹介*/
/*ページ内ジャンプ*/
#staff_link div {
	width: 33.33%;
}

/*協力業者様一覧*/
#contents_main.supporter table th{
	display: block;
	padding: 5px;
	width:auto;
	border-bottom:none;
}


#contents_main.supporter table td{
	display: block;
	padding:10px 10px 10px;
}

#contents_main.supporter table td.name{
	padding:15px 10px 0;
	border: none;
	font-size: 14px;
	font-weight:600;
}

#contents_main.supporter .caution {
	font-size: 12px;
}

/*関連リンク*/
#contents_main.link #link_nav {
	background: none;
}

#contents_main.link #link_nav > div .ln_title {
	padding: 3px;
}

#contents_main.link #link_nav .link_box p {
	padding: 5px 2px 5px;
	box-sizing: border-box;
}

#contents_main.link #link_nav .link_box a {
	padding: 5px;
	background: #EBE3DC;
	background-size: 12px;
	border: 1px solid #ACACAC;
	border-radius: 15px;
	font-size: 11px;
}

#contents_main.link #link_nav .link_box a.lb_1line {
	padding: 15px 5px 10px;
}

/*サイトマップ*/
#allpage .item {
	padding: 0 0 30px;
	width: 100%;
}

#allpage .item ul li {
	padding: 0 0 5px 20px;
}

/*問い合わせフォーム*/
#contents_main.form_page .con_text {
	text-align: left;
}

#contents_main.form_page .con_text .in_blo {
    display: inline;
}

/*問い合わせフォーム　送信完了*/
#thanks .main_tx {
    text-align: left;
}

#thanks .main_tx p + p {
    margin-top: 20px;
}

#thanks .main_tx p:first-of-type{
    text-align: center;
}

}/*640px*/





@media screen and (max-width: 500px){	
/*関連リンク*/
#contents_main.link #link_nav .link_box p {
	width: 50%;
}

/*問い合わせフォーム　送信完了*/
#thanks .tk_text {
	text-align: left;
}

#thanks .tk_text br.br_1st {
	display: none;
}

}/*500px*/




@media screen and (max-width: 450px){	
/*会社案内共通ナビ*/
#contents_main #comp_nav .comp_link, #contents_main2 #comp_nav .comp_link {
	padding: 0 2px 5px;
	width: 50%;
}

#contents_main #comp_nav .comp_link a, #contents_main2 #comp_nav .comp_link a {
	padding: 5px;
}

/*理念・想い*/
#contents_main.vision section.h-made h2 .br1st {
	display: block;
}

/*ご挨拶*/
#contents_main.greeting .gr_tb .text h2 .br_1st {
	display: block;
}

/*会社案内*/
#twoline_tb table th {
	padding: 10px;
	width: 100px;
	text-align: center;
	font-size: 12px;
}

#contents_main.outline #twoline_tb table th .br_sp {
	display: block;
}

#contents_main.outline .box_two_th .text_list {
	padding: 10px;
}

#contents_main.history #twoline_tb br.br2st {
	display: block;
}

/*スタッフ紹介*-----------/
/*ページ内ジャンプ*/
#staff_link div {
	padding: 0 3px 0;
	width: 33.33%;
}

#staff_link div img {
	max-width: 50px;
}

#staff_link div p {
	padding: 3px 10px 0px 5px;
	background: url(../img/jump_r.png) right 2px center no-repeat;
	background-size: 10px;
	font-size: 11px;
}

#box_area .item .s_data .name {
	line-height: 1.5;
}

#box_area .item .s_data .name span {
	display: block;
	padding: 0;
	font-weight: normal;
}

}/*450px*/