@charset "utf-8";

/* フォームメール2 CSS */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}
table{border-collapse:collapse;}
h1 {
	font-size : 100%;
	font-weight : normal;
 }
 h2 {
	font-size : 120%;
	color : #999;
	font-weight : normal;
	text-align:center;
 }
.no_link{
	pointer-events: none;
}
/* ページトップへ */
#page-top {
    position: fixed;
    bottom: 10px;
    right: 10px;
    font-size: 100%;
	z-index: 10;
}
#page-top a {
    background:url(../img/page_bk.png);
	background-repeat:repeat;
    text-decoration: none;
    color: #fff;
    width: 70px;
    padding: 20px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background:url(../img/page_bk2.png);
	background-repeat:repeat;
}
div#sfm-container h1 {
	width: 100%;
	font-size: 100%;
	padding: 12px 0px 12px 0px;
	/*border-left: 6px solid #E7355C;*/
	margin: 0%;
	/*background-color: #EF858C;*/
	text-align:center;
	box-sizing: border-box;
	line-height: 100%;
}
div#sfm-container h2 {
	font-size: 100%;
	margin: 0 auto;
	padding: 10px 0px 0px;
	color: #000;
	font-weight: bold;
}

div#sfm-layout { width: 100%; text-align: center; margin: 20px 0px 15%;box-sizing: border-box; }
div#sfm-layout p { font-weight: normal; margin: 0px; padding-bottom: 5px; }
div#sfm-layout h3 { font-size: 100%; text-align: center; margin: 20px 0px;font-weight: normal; }
div#sfm-layout a:link, div#sfm-layout a:visited { color: #00d; text-decoration: none; }
div#sfm-layout a:hover { color: #f22; text-decoration: underline; }
div#sfm-layout form { margin: 0px; }
div#sfm-layout input, div#sfm-layout select, div#sfm-layout textarea { font-size: 90%; }
div#sfm-layout td, div#sfm-layout th { width: 100%;font-size: 80%; line-height: 140%; text-align: left; }
div#sfm-layout td {
	width: 100%;
	padding: 10px 0%;
	background-color: #EFEFEF;
}
div#sfm-layout th {
	font-weight: normal;
	width: 100%;
	padding: 10px 0%;
	color: #595757;
	border-left: 1px solid #bbb;
	background-color: rgba(241,142,56,0.3);
	box-sizing: border-box;
}
div#sfm-layout .type-red { color: #90002c; }
div#sfm-layout .border-red { border-left-color: #90002c; }
div#sfm-layout .ERR { color: #90002c; }

/* フォーム整形 */
#name1, #name2, #kana1, #kana2, #kigyoumei { width: 50%; }
#name, #kana, #subject { width: 50%; }
#email, #emailcheck { width: 50%; }
#address0 { margin-bottom: 3px; }
#address2,#address3 { width: 70%; }
#platformline, #platform { width: 30%; }
#nenrei { width: 10%; }
#zip0 { width: 20%; }
#zip1 { width: 30%; }
#tel0, #tel1, #tel2, #fax0, #fax1, #fax2 , #year , #mouth, #days , #familyperson { width: 20%; }
#shinbunsonota, #jobsonota, #sumaisonota, #nandesonota { width: 30%; }
#message { width: 90%; height: 100px; }

/* 著作権表記 */
div#copyright { display: none; font-size: 10px; text-align: right; margin-top: 2px; }
div#copyright a:link, div#copyright a:visited { display: none; color: #FFF; text-decoration: none; }
div#copyright a:hover { display: none; text-decoration: underline; }

/* 資料請求フォームフォント */
.copyright_font {
	font-size: 12px;
	line-height: 150%;
	color: #333;
	padding-top: 20px;
	text-align:center;
}
div#sfm-layout .coment { text-align: left; background: #fff; width: auto; border-left: none; }
div#sfm-layout .coment input { width: 30%; height:40px; font-size: 120%; font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif; }
 
/* 資料請求フォームフォント */
.font_rq {
	font-size: 12px;
	line-height: 150%;
	color: #333;
}
.setumei_font {
	font-size:80%;
	text-indent:-1em;
	padding-left:1em;
	line-height: 150%;
}
.text, textarea, .dropdown{
    border:1px solid #dbdbdb;
	font-size: 90%;
    padding: 5px;
    color: #000;
    background: #fcfcfc;
    border-radius: 2px;
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}
.text2{
    border:1px solid #dbdbdb;
	font-size: 90%;
    padding: 10px 5px;
    color: #000;
    background: #fcfcfc;
    border-radius: 2px;
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}
.kojinjoho_font{
	width:90%;
	font-size:0.9em;
	padding-top:10px;
}
.kojinjoho_font2{
	width:90%;
	font-size:0.9em;
}
.cpt_font {
	font-size: 80%;
	line-height: 150%;
	color: #000;
}
.hissu_wpr{
	background: #90002c;
	font-size: 80%;
	color: #FFFFFF;
	padding: 3px;
	border-radius: 3px;
}
.hissu_wpr2{
	background: #90002c;
	font-size: 100%;
	color: #FFFFFF;
	padding: 3px;
	border-radius: 3px;
}
/*▼▼▼ヘッダー部分▼▼▼*/
/* サイト名 */
.site h1 a	{color: #000000;
	text-decoration: none}

.site h1	{
	margin: 0;
	padding:4px 0px;
	font-size: 30px}

.site img	{border: none}
/* ボックスの左右 */
.boxA
	{padding-left: 15px;
	padding-right: 15px}


/* ボックスの上下 */
.boxA	{padding-top: 10px;
	padding-bottom: 10px}
/* ページトップへ */
#page-top {
    position: fixed;
    bottom: 10px;
    right: 10px;
    font-size: 100%;
	z-index: 10;
}
#page-top a {
    background:url(../img/page_bk.png);
	background-repeat:repeat;
    text-decoration: none;
    color: #fff;
    width: 70px;
    padding: 20px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background:url(../img/page_bk2.png);
	background-repeat:repeat;
}
/*▲▲▲ヘッダー部分▲▲▲*/
.doui_links a{
		color: #00008b !important;
	}
	.doui_links a:hover{
		color: #90002c !important;
	}
.toiawase_tel{
	display: block;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	padding: 0px 3%;
	box-sizing: border-box;
	font-size: 80%;
}
/*▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼*/
/*▼▼▼▼▼▼▼モバイル用ワイド幅（667pxまで）▼▼▼▼▼▼▼▼*/
/*▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼*/
@media only screen and (max-width:667px){
	div#sfm-container {
		width:100%;
		margin: auto;
	}
    div#sfm-container { margin: 0 0px; }
	div#sfm-container th{
        width: 100%;
        display: block;
        border-top: none;
		padding: 10px;
		box-sizing: border-box;
		border: 1px solid #e6e6e6;
		background-color: rgba(241,142,56,0.3);
		font-size: 100%;
    }
    div#sfm-container td{
        width: 100%;
        display: block;
        border-top: none;
		padding: 10px;
		box-sizing: border-box;
		border: 1px solid #e3e3e3;
		background: #fff;
		font-size: 100%;
    }
    div#sfm-container tr:first-child th   { border-top: 1px solid #ddd; }
	div#sfm-layout table { width: 100%; margin: 0% 0% 0% 0%; border: 1px solid #FFFFFF;}
	div#sfm-layout .submit { text-align: center; background: #fff; width: auto; border-left: none; }
div#sfm-layout .submit input { width: 40%; height:40px; font-size: 85%; font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif; }
.pcnomi{
	display:none;
}
	.sp_only{
		display: block;
	}
	.pctb_only{
		display: none;
	}
.doui_wpr{
		width: 100%;
		width: 0 auto;
		text-align: left;
		font-size: 80%;
	}
	.doui_links{
		padding: 10px 0px;
		text-align: center;
	}
	.doui_links span{
		font-size: 80%;
	}
}
/*▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼*/
/*▼▼▼▼▼▼▼タブレット用ワイド幅（668pxから）▼▼▼▼▼▼▼▼*/
/*▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼*/
@media only screen and (min-width:668px){
	div#sfm-container {
		width:100%;
		margin: auto;
	}
	div#sfm-container th  { width: 30%; text-align: left; padding: 10px; box-sizing: border-box;border: 1px solid #e6e6e6;background-color: rgba(241,142,56,0.3);font-size: 100%;}
	div#sfm-container td  { width: auto; text-align: left; padding: 10px;border: 1px solid #e3e3e3;background: #fff;font-size: 100%;}
	div#sfm-layout .submit { text-align: center; background: #fff; width: auto; border-left: none; }
div#sfm-layout .submit input { width: 30%; height:40px; font-size: 120%; font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif; }
	.sp_only{
		display: none;
	}
.doui_wpr{
		width: 100%;
		width: 0 auto;
		text-align: center;
		font-size: 80%;
	}
	.doui_links{
		padding: 10px 0px;
	}
	.doui_links span{
		font-size: 80%;
	}
}
/*===============================================
●tablet.css 画面の横幅が768pxまで　モバイルスタイル
===============================================*/
@media screen and (max-width: 768px){
	.pc_only{
		display: none;
	}
header{
	width:100%;
	margin:0 auto;
	background:#FFFFFF;
	}
footer{
	width:100%;
	margin:0 auto;
	padding:20px 0px;
	background:#86757d;
	}
.footer_tbl{
	display: table;
	width: 96%;
	margin: 0 auto;
	font-size:80%;
	color: #FFFFFF;
	padding: 0px 2%;
}
	.footer_tbl_a{
		display: table-cell;
		text-align: left;
	}
	.footer_tbl_a a{
		color: #FFFFFF;
		text-decoration: none;
	}
	.footer_tbl_a a:hover{
		color: #e3e3e3;
		text-decoration: none;
	}
	.footer_tbl_b{
		display: table-cell;
		text-align: right;
	}
/* トグルボタン */
#menubtn	{padding: 6px 12px;
	border: solid 1px #aaaaaa;
	border-radius: 5px;
	background-color: #ffffff;
	position: absolute;
	top: 20px;
	right: 15px;
	cursor: pointer}

#menubtn:hover	{background-color: #dddddd}

#menubtn:focus	{outline: none}

#menubtn i	{color: #888888;
	font-size: 18px}

#menubtn span	{display: inline-block;
	text-indent: -9999px}

/* ナビゲーションメニュー（縦並び） */
.menu	{display: none}

.menu ul	{
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none}

.menu li a	{
	display: block;
	padding: 10px 5px;
	color: #58494f;
	font-size: 100%;
	text-decoration: none;
	border-bottom: 1px dotted #58494f;
	}

.menu li a:hover	{color: #999999}
.kugiri{display:none;}
	.pc_only_menu{
		display: none;
	}
.busi_sld{
		display: block;
		width: 100%;
		position:relative;
		margin: 0 auto;
	}
	.busi_sld h1{
		display: block;
		width: 100%;
		position:absolute;
		text-align:  center;
		font-size: 150%;
		top: 30%;
		color: #58494f;
		letter-spacing: 0.2em;
		z-index: 10;
		line-height: 100%;
		box-sizing: border-box;
	}
	.busi_sld h1 span{
		font-size: 60%;
		letter-spacing: 0.4em;
	}
}
/*===============================================
●smart.css  画面の横幅が600pxまで
===============================================*/
@media screen and (max-width:600px){
.box1 h1 img{
		width: 50%;
		height: auto;
	}
.busi_sld h1{
		display: block;
		width: 100%;
		position:absolute;
		text-align:  center;
		font-size: 150%;
		top: 10%;
		color: #58494f;
		letter-spacing: 0.2em;
		z-index: 10;
		line-height: 100%;
		box-sizing: border-box;
	}
}
/*▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼*/
/*▼▼▼▼▼▼▼▼▼▼PC用ワイド幅（769pxから）▼▼▼▼▼▼▼▼▼▼▼*/
/*▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼*/
@media only screen and (min-width:769px){
	.mb_only{
		display: none;
	}
    div#sfm-container {
	width: 100%;
	width: 960px;
	margin: 0 auto;
	padding: 5px 0px;
	/*border: 1px solid #604C3F;*/
	text-align: center;
	box-sizing: border-box;
}
div#sfm-container th  { width: 30%; text-align: left; padding: 10px; box-sizing: border-box;border: 1px solid #e6e6e6;background-color: rgba(241,142,56,0.3);font-size: 100%;}
div#sfm-container td  { width: auto; text-align: left; padding: 10px;border: 1px solid #e3e3e3;background: #fff;font-size: 100%;}
div#sfm-layout table { width: 100%; margin: auto; }
div#sfm-layout .submit { text-align: center; background: #fff; width: auto; border-left: none; }
div#sfm-layout .submit input { width: 20%; height:40px; font-size: 100%; font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;margin: 0px 10px; }
	.sp_only{
		display: none;
	}
	.doui_wpr{
		width: 100%;
		width: 0 auto;
		text-align: center;
		font-size: 80%;
	}
	.doui_links{
		padding: 10px 0px;
	}
	.doui_links span{
		font-size: 80%;
	}
/*▼▼▼ヘッダー部分▼▼▼*/
header{
	width: 100%;
	max-width:1200px;
	margin:0 auto;
	background:#FFFFFF;
	}
footer{
	width:100%;
	min-width: 960px;
	height:100%;
	margin:0 auto;
	padding:20px 0px;
	background:#86757d;
}
.footer_tbl{
	display: table;
	max-width: 1180px;
	min-width: 940px;
	margin: 0 auto;
	font-size:80%;
	color: #FFFFFF;
	padding: 0px 10px
}
	.footer_tbl_a{
		display: table-cell;
		text-align: left;
	}
	.footer_tbl_a a{
		color: #FFFFFF;
		text-decoration: none;
	}
	.footer_tbl_a a:hover{
		color: #e3e3e3;
		text-decoration: none;
	}
	.footer_tbl_b{
		display: table-cell;
		text-align: right;
	}
/* トグルボタン */
#menubtn	{display: none}

/* ナビゲーション */
#menu	{display: block !important}
.pc_only_menu{
	padding: 10px 0px 0px;
	color: #58494f;	
}
.menu ul	{
	background:#FFFFFF;
	margin: 0;
	padding: 0;
	list-style: none}

.menu li a	{
	display: block;
	background:#FFFFFF;
	padding: 13px 15px;
	color: #58494f;	
	font-size: 100%;
	text-decoration: none}

.menu li a:hover	{color: #999999;}

.menu ul:after	{content: "";
	display: block;
	clear: both}

.menu li	{float: left;
	width: auto}

/* BOX1とBOX2を横に並べる設定 */
.boxA:after	{content: "";
	display: block;
	clear: both}

.box1{
	float: left;
	width: auto}

.box2{
	float: right;
	width: auto;
}
/*▲▲▲ヘッダー部分▲▲▲*/
.busi_sld{
		display: block;
		width: 100%;
		min-width: 960px;
		position:relative;
		margin: 0 auto;
		box-sizing: border-box;
	}
	.busi_sld h1{
		display: block;
		width: 100%;
		position:absolute;
		text-align: center;
		font-size: 200%;
		top: 30%;
		color: #58494f;
		letter-spacing: 0.2em;
		z-index: 10;
		line-height: 100%;
		box-sizing: border-box;
	}
	.busi_sld h1 span{
		font-size: 60%;
		letter-spacing: 0.4em;
	}
}