@charset "utf-8";



/*PC・タブレット・スマホ共通設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*全体の設定
---------------------------------------------------------------------------*/
body {
	margin: 0px;
	padding: 0px;
	color: #666;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 2;
	background: #fff;
	-webkit-text-size-adjust: none;
}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure,form {margin: 0px;padding: 0px;font-size: 100%;}
ul{list-style-type: none;}
ol {padding-left: 40px;padding-bottom: 15px;}
img {border: none;max-width: 100%;height: auto;vertical-align: middle;}
table {border-collapse:collapse;font-size: 100%;border-spacing: 0;}
iframe {width: 100%;}

/*リンク（全般）設定
---------------------------------------------------------------------------*/
a {
	color: #666;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
a:hover {
	color: #f16f9a;
	text-decoration: none;
}

/*ヘッダー（サイトロゴとメニューが入ったブロック）
---------------------------------------------------------------------------*/
/*ヘッダーブロック*/
header {
	width: 100%;
	background: #f16f9a;
	position: fixed;
	height: 70px;
	-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 6px rgba(0,0,0,0.4);
    z-index: 100;
}
/*ロゴ画像の設定*/
header #logo {
	width: 130px;
	width: 160px;
	float: left;
	padding: 15px 10px 20px;
	background: #fff;
	background: linear-gradient(#fff, #f0f0f0);
	background: linear-gradient(rgba(255,255,255,0.85), #f0f0f0);
	box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
}

/*mainimg
---------------------------------------------------------------------------*/
#mainimg {padding-top: 70px;}

/*inner
---------------------------------------------------------------------------*/
.inner {
	max-width: 1500px;
	margin: 0 10%;
}

/*メニュー
---------------------------------------------------------------------------*/
/*メニューブロックの設定*/
#menubar {
	float: right;
	margin-top: 20px;
}
/*メニュー１個あたりの設定*/
#menubar li {
	float: left;
	letter-spacing: 0.2em;
}
#menubar a {
	display: block;
	color: #fff;
	text-decoration: none;
	padding-left: 20px;
}
/*マウスオン時*/
#menubar a:hover {color: #ffea00;}
/*スマホ用メニューを表示させない*/
#menubar-s {display: none;}
/*３本バーアイコンを表示させない*/
#menubar_hdr {display: none;}

/*contents
---------------------------------------------------------------------------*/
.contents {
	clear: both;width: auto;
	padding: 200px 0px 50px;
}
.home .contents {
	padding-top: 50px;
}
/*コンテンツのh2タグの設定*/
.contents h2 {
	clear: both;
	margin-bottom: 15px;
	color: #FFF;
	background: #dd658d;
	background: -webkit-gradient(linear, left top, left bottom, from(#f16f9a), to(#dd658d));
	background: -webkit-linear-gradient(#f16f9a, #dd658d);
	background: linear-gradient(#f16f9a, #dd658d);
	padding: 5px 15px;
}
/*コンテンツのh2タグの１文字目への設定*/
.contents h2::first-letter {
	border-left: 3px solid #fff;
	padding-left: 10px;
}
/*コンテンツのh3タグの設定*/
.contents h3 {
	clear: both;
	margin-bottom: 15px;
	background: #FFF;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#ededed));
	background: -webkit-linear-gradient(#FFF, #ededed);
	background: linear-gradient(#FFF, #ededed);
	padding: 4px 15px;
	border: 1px solid #bcbcbc;
}
/*コンテンツのh3タグの１文字目への設定*/
.contents h3::first-letter {
	border-left: 3px solid #dd658d;
	padding-left: 10px;
}
/*コンテンツの段落タグ設定*/
.contents p {
	padding: 0px 20px 20px;
}
.contents h2 + p,
.contents h3 + p {
	margin-top: -5px;
}

/*SERVICEページの各ブロック
---------------------------------------------------------------------------*/
/*各ボックスの設定*/
.contents .list {
	position: relative;overflow: hidden;
	background: #f6f4f0;
	border: 1px solid #ccc;
	margin-bottom: 15px;
	padding: 2%;
}
.contents .list a {
	text-decoration: none;display: block;overflow: hidden;
	padding: 2%;
	margin: -2%;
}
/*マウスオン時のボックス*/
.contents .list a:hover {
	background: #fff;
}
/*ボックス内の段落タグ設定*/
.contents .list p {
	padding: 0px;
	margin-left: 24%;
}
/*ボックス内の写真設定*/
.contents .list figure img {
	float: left;
	width: 20%;
	padding: 0.5%;
	border: 1px solid #CCC;
	background: #fff;
	margin-right: 3%;
}
/*ボックス内のh4タグ設定*/
.contents .list h4 {
	margin-left: 24%;
	font-size: 18px !important;
	margin-bottom: 10px;
	border-bottom: 1px solid #CCC;
}
/*リンクを貼った際に出る「→」マーク*/
.contents .list a::before {
	content: "→";
	font-size: 12px;
	display: block;
	position: absolute;
	right: 10px;
	bottom: 10px;
	width: 30px;
	line-height: 30px;
	text-align: center;
	background: #ccc;
	background: rgba(0,0,0,0.2);
	color: #fff;
	border-radius: 50%;
}
/*マウスオン時の「→」マーク*/
.contents .list a:hover::before {
	background: #f16f9a;
}

/*トップページ内「更新情報・お知らせ」ブロック
---------------------------------------------------------------------------*/
dl.new{padding-left: 10px;}
.home dl.new {height: 10em;overflow: auto;}
dl.new dt {font-weight: bold;float: left;width: 8em;}
dl.new dd {padding-left: 8em;}

/*フッター設定
---------------------------------------------------------------------------*/
footer {
	clear: both;
	text-align: center;
	background: #f16f9a;
	color: #fff;
	padding: 15px 0;
}
footer a {
	text-decoration: none;
	color: #fff;
}

/*テーブル１
---------------------------------------------------------------------------*/
.ta1 {
	width: 100%;
	margin-bottom: 15px;
}
.ta1, .ta1 td, .ta1 th {
	border: 1px solid #CCC;
	line-height: 2;
}
/*テーブル１行目に入った見出し部分*/
.ta1 th.tamidashi {
	width: auto;
	text-align: left;
	color: #FFF;
	background: #333;
	background: -webkit-gradient(linear, left top, left bottom, from(#4b4b4b), to(#333));
	background: -webkit-linear-gradient(#4b4b4b, #333);
	background: linear-gradient(#4b4b4b, #333);
}
/*テーブル内の左側*/
.ta1 th {
	width: 140px;
	padding: 10px;
	text-align: center;
	background: #f0f0f0;
}
/*テーブル内の右側*/
.ta1 td {
	padding: 10px;
}

/*PAGE TOP設定
---------------------------------------------------------------------------*/
#pagetop {
	clear: both;
	max-width: 980px;
	margin: 0 auto;
	padding-top: 40px;
}
#pagetop a {
	color: #FFF;
	font-size: 20px;
	padding: 0px 30px;
	background: #000;
	text-decoration: none;
	text-align: center;
	display: block;
	float: right;
	border-radius: 4px 4px 0px 0px;
}
/*マウスオン時*/
#pagetop a:hover {
	background-color: #666;
	color: #FFF;
}

/*bg0
---------------------------------------------------------------------------*/
.bg0 {
	background: #f8f7f5;
	overflow: hidden;
	border-top: 1px solid #f0efed;
}

/*bg1（トップページ「メッセージ」）
---------------------------------------------------------------------------*/
.bg1 {
	border-top: 1px solid #e3e2dc;
	border-bottom: 1px solid #e3e2dc;
	background: #f1f0ea;
	text-align: center;
	line-height: 3;
}
.bg1 p {
	font-size: 18px;
	padding: 20px 0px;
}

/*bg2（トップページ「社名の由来」）
---------------------------------------------------------------------------*/
.bg2 {
	background: #FFF url(../images/bg2.jpg) no-repeat center center/cover;
}
.bg2 h2 {
	background: none;
	text-align: center;
	font-size: 30px;
	letter-spacing: 0.1em;
	border-bottom: 1px dotted rgba(0,0,0,0.3);
	margin-bottom: 30px;
	color: #555;
}
.bg2 h2::first-letter {
	border: none;
	padding:0;
}
.bg2 p {
	font-size: 18px;
	text-align: center;
}

/*inputボタン
---------------------------------------------------------------------------*/
input[type="submit"].btn,
input[type="button"].btn,
input[type="reset"].btn {
	padding: 5px 10px;
	border: 1px solid #ccc;
	font-size: 15px;
	border-radius: 3px;
	background: #fff;
}
/*マウスオン時の設定*/
input[type="submit"].btn:hover,
input[type="button"].btn:hover,
input[type="reset"].btn:hover {
	border: 1px solid #999;
}

/*box（blog2.html,news2.htmlで使用）
---------------------------------------------------------------------------*/
.box {padding: 0 20px 20px;overflow: hidden;}
.box h4 {font-weight: normal;font-size: 20px;color: #f16f9a;}
.box p {padding-left: 0!important;padding-right: 0!important;}
.box .fl {float: left;margin: 0 2% 0 0;}
.box .fr {float: right;margin: 0 0 0 2%;}

/*btn1（blog2.html,news2.html最下部のページ移動ボタン）
---------------------------------------------------------------------------*/
a.btn1 {display: inline-block;text-decoration: none;text-align: center;padding: 2px 40px;background: #999;color: #fff;border-radius: 3px;}
a:hover.btn1 {background: #ccc;color: #fff;}
a.btn1.n {background: none;color: #999;text-decoration: underline;}
a:hover.btn1.n {text-decoration: none;}

/*btn2（トップページ最新記事のボタン）
---------------------------------------------------------------------------*/
a.btn2 {
	text-decoration: none;display: block;text-align: center;
	background: #f16f9a;color: #fff;
	border-radius: 3px;
	width: 10em;
	margin: 10px auto;
}
a.btn2:hover {background: #ff83ac;color: #fff;}

/*ページナビ
---------------------------------------------------------------------------*/
/*ボックス全体*/
.page-numbers {
	clear: both;
	text-align: center;
	padding-bottom: 5px;
	padding-top: 20px;
	margin-bottom: 20px;
}
/*ナビ１個あたりの設定*/
.page-numbers li {
	display: inline;
}
.page-numbers a {
	text-decoration: none;
	border: 1px solid #ccc;	/*枠線の幅、線種、色*/
	padding: 10px;			/*ボックス内の余白*/
}
/*現在表示中の設定*/
.page-numbers li .current,
.page-numbers span {
	border: 1px solid #ccc;	/*枠線の幅、線種、色*/
	padding: 10px;			/*ボックス内の余白*/
	font-weight: bold;		/*文字を太字に*/
	background: #eee;		/*背景色*/
	color: #ababab;			/*文字色*/
}
.page-numbers a span {
	background: #fff;		/*背景色*/
	border: 1px solid #ccc;	/*枠線の幅、線種、色*/
	padding: 10px;			/*ボックス内の余白*/
	margin: -11px;			/*調整。paddingとborderの数字を合わせてマイナスをつける*/
	color: #666;			/*文字色*/
}
/*マウスオン時の設定*/
.page-numbers a:hover,
.page-numbers a:hover span {
	background: #eee;	/*背景色*/
}

/*その他
---------------------------------------------------------------------------*/
.look {background: #000;border-radius: 4px;color: #fff;padding: 5px;}
.mb15,.mb1em {margin-bottom: 15px;}
.mb50 {margin-bottom: 50px;}
.clear {clear: both;}
ul.disc {padding: 0em 25px 1em;list-style: disc;}
.color1 {color: #f16f9a;}
.pr {font-size: 10px;}
.wl {width: 96%;}
.ws {width: 50%;}
.c {text-align: center;}
.r {text-align: right;}
.fr {float:right;}
.fl {float:left;}
.big1 {font-size: 200%;}
.mini1 {font-size: 90%;}
.cl {float:left;width: 49%;}
.cr {float:right;width: 49%;}



/*画面幅1150px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:1150px){

/*メニュー
---------------------------------------------------------------------------*/
/*メニュー１個あたりの設定*/
#menubar li {
	letter-spacing: normal;
}

}



/*画面幅980px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:980px){

/*ヘッダー（サイトロゴとメニューが入ったブロック）
---------------------------------------------------------------------------*/
/*ロゴ画像の設定*/
header #logo {
	width: 120px;
}

/*contents
---------------------------------------------------------------------------*/
.contents {
	padding: 140px 0px 50px;
}

/*inner
---------------------------------------------------------------------------*/
.inner {
	width: auto;
	margin: 0 10px;
}

/*PAGE TOP設定
---------------------------------------------------------------------------*/
#pagetop {
	width: auto;
	margin-right: 10px;
}

}



/*画面幅800px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:800px){

/*メニュー
---------------------------------------------------------------------------*/
/*スマホ用メニューを非表示から表示に切り替える*/
#menubar-s {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 101;
	border-top: 1px solid #dd658d;
}
/*メニュー１個あたりの設定*/
#menubar-s li {
	float: left;
	width: 50%;
	border-bottom: 1px solid #dd658d;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
#menubar-s li:nth-child(even)  {
	border-left: 1px solid #dd658d;
}
#menubar-s a {
	display: block;
	height: 70px;
	line-height: 70px;
	text-decoration: none;
	background: #fff;
	background: rgba(255,255,255,0.9);
	color: #dd658d;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
/*メニューのテキストの前に入れる文字*/
#menubar-s a::before {
	content: "→";
	padding-right: 10px;
	padding-left: 10px;
}
/*PC用メニューを非表示にする*/
#menubar {display: none;}

/*３本バーアイコン設定
---------------------------------------------------------------------------*/
/*３本バーブロック*/
#menubar_hdr {
	display: block;
	position: fixed;
	top: 13px;
	right: 10px;
	width: 30px;
	border: 1px solid #FFF;
	border-radius: 4px;
	padding: 12px 10px 5px;
    z-index: 102;
	background: #f16f9a;
}
/*３本のバー（1本あたり）*/
#menubar_hdr span {
	display: block;
	border-top: 2px solid #FFF;
	border-radius: 2px;
	margin-bottom: 7px;
}



/*画面幅480px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:480px){

/*全体の設定
---------------------------------------------------------------------------*/
body {
	font-size: 12px;
	line-height: 1.5;
}

/*メニュー
---------------------------------------------------------------------------*/
/*メニュー１個あたりの設定*/
#menubar-s li {
	float: none;
	width: auto;
}
#menubar-s li:nth-child(even)  {
	border-left: none;
}

/*SERVICEページの各ブロック
---------------------------------------------------------------------------*/
/*ボックス内の段落タグ設定*/
.contents .list p {
	margin-left: 0;
}
/*ボックス内の写真設定*/
.contents .list figure img {
	float: none;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
/*ボックス内のh4タグ設定*/
.contents .list h4 {
	margin-left: 0;
}

/*トップページ内「更新情報・お知らせ」ブロック
---------------------------------------------------------------------------*/
dl.new dt {float: none;width: auto;}
dl.new dd {padding-left: 0;}

/*テーブル１
---------------------------------------------------------------------------*/
.ta1 {
	width: 100%;
}
/*テーブル内の左側*/
.ta1 th{
	width: 100px;
	padding: 2px;
}
/*テーブル内の右側*/
.ta1 td{
	width: auto;
	padding: 2px;
}

/*bg1
---------------------------------------------------------------------------*/
.bg1 h2,.bg2 h2 {
	font-size: 18px;
}
.bg1 h2 span {
	font-size: 10px;
}
.bg1 p,.bg2 p {
	font-size: 12px;
	padding: 10px 20px;
}

/*その他
---------------------------------------------------------------------------*/
.ws {width: 92%;}
.big1 {font-size: 16px;}

}