@charset "utf-8";

* {
	padding: 0;
	margin: 0;
}

html {
    height: 100%;
}

body {
	height: 100%;
	color: #333;/*333*/
	background-color: #FFFFFF;
	font-family: "メイリオ", Meiryo, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', "ＭＳ Ｐゴシック", "MS PGothic";
	word-wrap: break-word;
	margin-bottom: 20px;
	-webkit-text-size-adjust: 100%;
	background-image: url(img/bg_01.png);
}

img {
	vertical-align: top;
}

section,
article {
	display: block;
}

a img {
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	transition: 0.2s linear;
}
a:hover img, form.contact_form input.form_btn:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}
li {
	list-style-type: none;/*箇条書き無効*/
	text-decoration: none;

}
a {
	color: #3e55c6;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	transition: 0.2s linear;
	text-decoration: none;
}
a:hover {
	color: #ff0000;
	text-decoration: none;
}

.clfix::after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}

.youtube_wrap{
    padding-top: 56.25%;
    width: 100%;
    position: relative;
}
 .youtube_wrap iframe{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}

/*
imgの左・右に文字回り込み
-------------------------------------------*/
.img_left {
	float: left;
	padding-top: 28px;
	padding-right: 20px;
	padding-left: 30px;
	padding-bottom: 28px;
	max-width: 46.55%;/*46.55%*/
    text-align: right;
    font-size: 14px;
}

.img_right {
	float: right;
	padding-top: 28px;
	padding-right: 30px;
	padding-left: 20px;
	padding-bottom: 28px;
	max-width: 46.55%;/*46.55%*/
    text-align: right;
    font-size: 14px;
}

  .img_left img,
  .img_right img,
  .img_center img {
	width: 100%;
}

.content .img_left p,
.content .img_right p {
	font-size: 14px;
	margin: 0px;
	text-align: center;
	letter-spacing: 0.1em;
	color: #555;
}

.g_map {
	padding: 0px;
	margin-top: -20px;
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom: 0px;
	/*border: 10px solid #F6F6F6;
	border-radius: 8px;
	background-color: #FFF;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;*/
}

.a_point {
	margin-top: -90px;
	padding-bottom: 90px;
	display: block;
}

.content p {
	font-size: 16px;/*17*/
	color: #000000;
	line-height: 1.7;
	padding: 10px;/*10px*/
	margin-bottom: 15px;/*10px*/
	margin-top: 15px;/*10px*/
	margin-right: 20px;/*8px*/
	margin-left: 20px;/*20px*/
    /*text-align: justify;*/
}



/*
ヘッダー
-------------------------------------------*/
header {
	width: 100%;
	display: block;
	position: relative;
	background-color: #ffffff;/*00365E*/
	border-bottom-style: solid;
	border-bottom-width: 0px;/*メニュー直下の帯の幅*/
	border-bottom-color: #000;/*EEEメニュー直下の帯の色*/
	background-size: cover;
}

.toppage header {
	height: auto !important;
}
header.header_bg_comp {
background-image: url(img/top_img_comp.jpg);
}	
header.header_bg_prod {
background-image: url(img/top_img_prod.jpg);
}
header.header_bg_cont {
background-image: url(img/top_img_cont.jpg);
}
header.header_bg_conta {
background-image: url(img/top_img_conta.jpg);
}
header.header_bg_contr {
background-image: url(img/top_img_contr.jpg);
}
header.header_bg_equi {
background-image: url(img/top_img_equi.jpg);
}
header.header_bg_file {
background-image: url(img/top_img_file.jpg);
}
header.header_bg_recr {
background-image: url(img/top_img_recr.jpg);
}



header h1 {
	font-weight: normal;
	font-size: 10px;
	line-height: 20px;

	position: absolute;
	z-index: 1000;
}

header .h_box,
header .h_btn {
	font-family: "メイリオ", Meiryo, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', "ＭＳ Ｐゴシック", "MS PGothic";
	z-index: 2000;
}

header .h_box .h_lang {
	font-family: 'EB Garamond', serif;
}

header .h_btn a {
	display: block;
	font-size: 18px;/*お問い合わせフォームの文字サイズ*/
	line-height: 30px;/*30px*/
	color: #000;/*お問い合わせフォームの文字色*/
	text-decoration: none;
	width: 160px;/*お問い合わせフォームの枠の幅・枠の位置等は下部の2297*/
	padding-right: 0px;
	padding-top: 4px;/*お問い合わせフォームの文字枠内の文字の上からの位置*/
	border-radius: 4px;/*5*/
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	box-shadow: rgba(0, 15, 44, 0.3) 0px 0px 7px 0px;
	-webkit-box-shadow: rgba(0, 15, 44, 0.3) 0px 0px 7px 0px;
	-moz-box-shadow: rgba(0, 15, 44, 0.3) 0px 0px 7px 0px;
	background-color: #FFF;/*お問い合わせフォームの枠内の色*/
	text-align: center;
	font-weight: normal;/*日本語*/
	letter-spacing: 1px;
	position: relative;
	z-index: 2000;
}

header .h_btn a::after {
	font-size: 10px;
	display: block;
	width: 30px;
	line-height: 26px;
	position: absolute;
	top: 2px;
	right: 20px;
	text-align: center;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #A2CAD5;
	z-index: 2000;
}

header .h_btn a:hover {
	color: #fff;/*オンマウス時初めて...フォームの文字色*/
	box-shadow: rgba(0, 50, 150, 0.3) 0px 0px 7px 0px;
	-webkit-box-shadow: rgba(0, 50, 150, 0.3) 0px 0px 7px 0px;
	-moz-box-shadow: rgba(0, 50, 150, 0.3) 0px 0px 7px 0px;
	background-color: #3e55c6;/*ed6c00マウスON時の枠色*/
	z-index: 2000;
}

header .h_box {
	background-color: rgba(0,0,0,0.4);
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	
}

header .h_box .h_list li a {
	display: block;
	float: left;
	font-size: 14px;
	line-height: 20px;
	color: #FFF;
	padding-left: 20px;
	padding-right: 20px;
	text-decoration: none;
	margin-top: 3px;
	margin-bottom: 3px;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #FFF;
}

header .h_box .h_list li:last-child a {
	border-right-style: none;
}

header .h_box .h_list li a:hover {
	background-color: rgba(0,0,0,0.3);
}
header .h_box ul.h_lang {
	display: block;
	float: right;
	width: 270px;
	height: 20px;/*30*/
	background-color: rgba(255,255,255,0.5);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

header .h_box .h_lang li a {
	display: block;
	float: left;
	font-size: 14px;
	line-height: 20px;
	color: #00365E;
	text-align: center;
	text-decoration: none;
	width: 10px;
	margin-left: 10px;
	margin-top: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

header .h_box .h_lang li a:hover {
	background-color: rgba(255,255,255,0.5);
}
header .h_box .h_lang li a.selected {
	background-color: #00365E;
	color: #FFFFFF;
	box-shadow: rgba(255, 255, 255, 0.3) 0px 0px 3px 0px;
	-webkit-box-shadow: rgba(255, 255, 255, 0.3) 0px 0px 3px 0px;
	-moz-box-shadow: rgba(255, 255, 255, 0.3) 0px 0px 3px 0px;
}

header .h_tel {
	font-family: "メイリオ", Meiryo, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', "ＭＳ Ｐゴシック", "MS PGothic";
	letter-spacing: 0px;/*2px*/
}

header .h_tel strong {
	font-weight: normal;
}

header .h_tel a {
	color: #000000;/*電話番号文字色*/
	text-decoration: none;
	-moz-text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3);/*0px 0px 5px rgba(0, 0, 0, 0.3)以下同*/
-webkit-text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3);
-ms-text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3);
text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3);
}

header .h_tel i {
	padding-right: 0px;
}

#top_slide .top_catch {
	z-index: 200;
	font-size: 40px; /*50px*/
	letter-spacing: 10px;
	line-height: 0.7; /*0.8小さな説明文の位置*/
	width: 100%;
	font-weight: bold;
	color: #55b715; /*#FFF#d3f9cf#40a133*/
	text-align: center;
	position: absolute;
	top: 10%; /*44%10%11%*/
	letter-spacing: 0em; /*0.1em（スライド写真のタイトルの小さい文字の文字空き）*/
    -moz-text-shadow: 1px 1px 1px #FFF;
	-webkit-text-shadow: 1px 1px 1px #FFF;
	-ms-text-shadow: 1px 1px 1px #FFF;
	text-shadow: 1px 1px 1px #FFF;
	font-family:  Meiryo, "游ゴシック", "Yu Gothic", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif; /*表示したいフォントを最初に入れる*/
}

.img-box {
    text-align: center;
	margin-top: 0px;
	margin-bottom: 20px;
}

/*
グローバルナビ
-------------------------------------------*/

#g_navi {
	font-family: "メイリオ", Meiryo, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', "ＭＳ Ｐゴシック", "MS PGothic";
	font-size: 14px;
}

#g_navi ul li a.ac_menu {
	cursor: pointer;
}

/*
パン屑（contentsメニューの下の帯）
-------------------------------------------*/
.pankuzu {
	display: block;
	padding: 10px;
	background-color: #dcdddd;/*f9f9f9 メニュー下の帯の色*/
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}
.pankuzu li {
	display: inline-block;
	font-size: 14px;/*ホームの文字サイズ*/
	text-decoration: none;
	color: #000;/*666ホームの右文字の色*/
}
.pankuzu li a {
	text-decoration: none;
	color: #000;/*ホームのアイコンと文字の色*/
}
.pankuzu li::after {
	content: "＞";
	padding-left: 10px;
	color: #000;/*＞の色*/
	font-size: 14px;/*そのページのタイトル文字サイズ*/
}
.pankuzu li:last-child::after {
	content: "";
}

/*
メインコンテンツ
-------------------------------------------*/
.cont_wrap {
	max-width: 1038px;/*1160px*/
	width: 100%;
	padding-top: 10px;/*コンテンツ上部空き*/
	padding-bottom: 10px;/*コンテンツ下部空き*/
	margin-top: 20px;
	margin-bottom: 0px;
	margin-right: auto;/*auto*/
	margin-left: auto;/*auto*/
    text-decoration: initial;
    margin-left: 30px;/* リストの左側に余白 */
	text-align: left;
	list-style-type: disc;/* リストの左側に黒丸・箇条書き有効 */
	text-decoration: disc;
}

.content {
	clear: both;
	margin-top: 0px;
	margin-bottom:0px;
}

.main_cont {
	margin-bottom: 10px;
}
.content::after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}


.content h2 {
	font-size: 32px;/*業務案内と下部お問い合わせタイトルの文字サイズ*/
	line-height:1.5;/*2.2*/
	margin-bottom: 0px;
	border-bottom-width: 1px;
	border-bottom-style: ;/*dotted*/
	border-bottom-color: #111;
	font-weight: normal;/*bold*/
	letter-spacing: 1px;
	color: #000;/*111*/
	text-align: center;

}


	font-family: "メイリオ", Meiryo, "游ゴシック", "Hiragino Mincho ProN", "游明朝", YuMincho, "Sawarabi Mincho", "HG明朝E",  "ＭＳ Ｐ明朝", "MS PMincho", serif;
	padding-top: 30px;
	padding-right: 10px;/*10px*/
	padding-bottom: 10px;
	padding-left: 10px;/*10px*/
	margin-left:12px;
	clear: both;
}

.content h2 i {
	padding: 10px;
	color: #FFBF00;/*#FFBF00#3e55c6*/
	font-size: 20px;
}

.content h2 span {
	font-family: "メイリオ", Meiryo, "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;
	font-size: 18px;/*タイトル直下の英文*/
	color: #3e55c6;/*#FFBF00 #3e55c6*/
	font-weight: bold;
　padding-bottom: 30px;

    letter-spacing: 0em;
	line-height: 0;
}

h2 {
	font-size: 32px;
	line-height: 40px;
    font-weight: bold;
	color: #0ed6c00;
	font-family: "メイリオ", Meiryo, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', "ＭＳ Ｐゴシック", "MS PGothic";
	margin-bottom: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	position: relative;
	display: block;
	font-weight: normal;
}

h2 i {
	padding-right: 10px;
	color: #4694B9;
	font-size: 22px;
}
h2 a.btn_list {
	font-size: 14px;
	line-height: 30px;
	text-decoration: none;
	display: block;
	width: 100px;
	position: absolute;
	top: 10px;
	right: 0px;
	letter-spacing: 0px;
	padding-left: 30px;
	color: #FFF;
	background-color: #666666;/*一覧を見る枠色*/
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px
}

h2 a.btn_list::before {
	font-size: 10px;
	display: block;
	width: 20px;
	line-height: 30px;
	position: absolute;
	top: 0px;
	left: 15px;
	content: '>';
}

h2 a.btn_list:hover {
	background-color: #000000;/*一覧を見る枠マウスオン枠色*/
	color: #ffffff;/*一覧を見る枠マウスオン文字色*/
	box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 5px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 5px 0px;
	-moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 5px 0px;
}

h2.h2_title_01 {
	font-size: 27px;/*見出し文字サイズ*/
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #3e55c6;/*見出しの上の横線*/
	background-color: #F9F9F9;
	padding-top: 13px;/*見出し文字上の空き*/
	text-align: left;
	padding-bottom: 8px;/*見出し文字下の空き*/
	padding-left: 12px;/*見出しの左からの位置*/
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDD;
	margin-top: 20px;
	border-radius: 0px 0px 8px 8px ;/*見出し枠の角を丸にの半径のサイズ*/
	

}
h2.h2_title_01 span {
	font-size: 12px;
	color: #AAA;
	padding-left: 20px;
	letter-spacing: 2px;
}

.content h3 {
    font-size: 24px;
	line-height: 10px;
	margin-bottom: -15px;/*見出しの上下位置*/
	background-color: ; /*#F6F6F6 3つのアイコンのバッグ色*/
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	position: relative;
	margin-top: 5px;
	margin-left: -17px;/*見出しの左右位置*/
	margin-right: 20px;
	padding-top: 30px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 28px;
	color: #000;
	font-family: "メイリオ", Meiryo, YuGothic, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", "YuMincho", Meiryo, "Sawarabi Mincho", "HG明朝E",  "ＭＳ Ｐ明朝", "MS PMincho", serif;
	clear: both;
}

.content h3::after {
    display: block;
	width: 5px;
	height: 35px;
	position: absolute;
	top: 10px;
	left: 17px;
	background-color: #3e55c6; /*#3e55c6*/
	content: '';
}

.content h3 span {
    font-size: 16px;
	color: #407b2c;
	font-family: "メイリオ", Meiryo, "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;
	padding-left: 15px;
}

.content h4 {
	font-size: 18px;
	line-height: 30px;
	font-weight: bold;/*normal*/
	color: #000;
	letter-spacing: 1px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	background-color: #ffffff;/*F6F6F6*/
	display: block;
	position: relative;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	clear: both;
}
.content h4::before {
	display: block;
	width: 2px;
	height: 24px;
	position: absolute;
	content: "";
	top: 13px;
	left: 20px;
	/*background-color: #F6F6F6;*/
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

h10 {
	font-size: 17px;
	line-height: 1.7;
	font-weight: normal;
	color: #000;
	font-family: "メイリオ", Meiryo, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', "ＭＳ Ｐゴシック", "MS PGothic";
	margin-top: -10px;
	margin-bottom: 45px;
	position: relative;
	display: block;
}



/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
 /* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
 
@media only screen and (max-width: 1150px) {
    .pc { display: none !important; }
    .sp { display: block !important; }
}
a.btn_more {
	display: block;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 1px solid #FFF;
	position: relative;
	font-size: 14px;
	line-height: 30px;
}


/*
詳細ボックスの表示
-------------------------------------------*/
a.btn_more::before {
	display: block;
	position: absolute;
	width: 20px;
	height: 30px;
	font-size: 12px;
	content: ">";
	left: 5px;
	top: 5px;
}
a.btn_more:hover::before {
	left: 8px;
}

a.btn_more:hover {
	color: #002744;
	background-color: #000;
	border-top-color: #001F35;
	border-right-color: #001F35;
	border-bottom-color: #001F35;
	border-left-color: #001F35;
}

.list_box a.btn_more {
	text-align: center;
	text-decoration: none;
	color: #000;
	background-color: #002744;
	margin-bottom: 20px;
}
.list_box a.btn_more:hover {
	color: #002744;
	background-color: #000;
	border-top-color: #001F35;
	border-right-color: #001F35;
	border-bottom-color: #001F35;
	border-left-color: #001F35;
}

/*
トップピックアップバナー
-------------------------------------------*/

.pickup {
	background-image: url(bg_01.png)
	padding-top: 20px; /*ピックアップの位置上30px→0px*/
	padding-bottom: 20px; /*ピックアップの位置下30px→20px*/
	margin-bottom: 0px;/*全体枠の下空き*/
}

.pickup ul {
	display: block;
	margin-left: auto;
	margin-right: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	max-width: 1100px;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.pickup ul li {
	width: 32.3%; /*4つの枠の場合24%・3つの場合32％*/
	position: relative;

}
.pickup ul li a {
	text-decoration: none;
	display: block;
	background-color: #f5f5f5;
}

.pickup ul li a:hover {
	background-color: #fff;
	border-radius: 0px;/*角丸・画像の角丸*/
	-webkit-border-radius: 0px;/*角丸*/
	-moz-border-radius: 0px;/*角丸*/
}

.pickup ul li a .pu_icon {
	position: absolute;
	top: -5px;
	left: -5px;
	background-color: #0471ad; /*#CC2240*/
	color: #FFF;
	padding-left: 5px; /*5px*/
	padding-right: 5px; /*5px*/
	font-weight: bold;
}

.pickup ul li a .pu_icon.cl_02 {
	background-color: #009999; /*009999*/
}

.pickup ul li a .pu_title {
	display: block;
	font-size: 19px;/*タイトルの文字サイズ*/
	font-weight: bold;
	margin-bottom: 0px; /*10px*/
	text-align: center;
	color: #3e55c6; /*#111*/
	font-family:  Meiryo, YuGothic, "游ゴシック", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuGothic, "Sawarabi Mincho", "HG明朝E",  "ＭＳ Ｐ明朝", "MS PMincho", serif;
	border-top-width: 8px;
	border-top-style: solid;
	/*border-top-color: #f5f5f5; ##f5f5f5・画像下帯の色*/
	padding-top: 10px;/*10px・タイトルの文字上の空き*/
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #A49F8E; /*#A49F8E*/
	padding-bottom: 5px; /*5px*/
	
}

.pickup ul li a:hover .pu_title {
	border-top-color: #ffc600; /*#a7c9f2・5db4b0・マウスオンの帯の色*/
}

.pickup ul li a p {
	color: #111;
	padding-top: 3px; /*10px*/
	padding-right: 5px;/*5pxピックアップ文の左空き（スマホ共通）*/
	padding-bottom: 5px; /*20px*/
	padding-left: 10px;/*5pxピックアップ文の右空き（スマホ共通）*/
	margin-bottom: 20px; /*ピックアップ2段の場合の上下の空き*/
}

.pickup ul li a img {
	-webkit-filter: brightness(1); /*0.8*/
	-moz-filter: brightness(1); /*0.8*/
	-ms-filter: brightness(1); /*0.8*/
    filter:brightness(1); /*0.8*/
  -webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	width: 100%;
	height: 67%; /*50%*/
	object-fit: cover;
	border-radius: 0px;/*角丸・画像の角丸*/
	-webkit-border-radius: 0px;/*角丸*/
	-moz-border-radius: 0px;/*角丸*/
}

.pickup ul li a:hover img {
	opacity: 1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	-webkit-filter:brightness(1.1); /*1.2*/
    -moz-filter:brightness(1.1); /*1.2*/
    -ms-filter:brightness(1.1); /*1.2*/
    filter:brightness(1.1); /*1.2*/
}

/*
無限ループ
-------------------------------------------*/
.loop_wrap_base {
	width: 100%;
	height: auto;
	overflow: hidden;
	background-image: url(img/bg_01.png);
	padding-top:0px;/*上からの位置*/
	padding-bottom: 15px;
	
}


.loop_wrap_base h2 {
font-weight: bold;
	color: #3e55c6;
	text-align: center;
	line-height: 0.4;/*1.2*/
	padding: 10px;
	margin-top:12px;
	margin-bottom:5px;
	font-size: 32px;

}
.loop_wrap_base h2 span {
	font-weight: normal;
	letter-spacing: 0em;
	text-align: center;
	font-size: 17px;
	color: #111;
}

.loop_wrap {
  display: flex;
  width: 220%;/*220%154%*/
  height: auto;
  padding-top: 0px;/*ループ上位置*/
  padding-bottom: 0px;/*ループ下位置*/
  margin-top: -15px;/*ループ画像上端位置*/
}

.loop_wrap ul {
  width: 100%;/*100%*/
  height: auto;
  display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.loop_wrap ul li {
	width: 20%;/*20%*/
}

.loop_wrap ul li a {
	display: block;
	text-decoration: none;
	color: #555;
	text-align: center;
	line-height: 1.4;
	font-size: 13px;
	position: relative;
}
.loop_wrap ul li a img {
	width: 100%;
	display: block;
	margin-bottom: 5px;
}

.loop_wrap ul li a span {
	display: inline-block;
	background-color: #FFFFFF;
	color: #000;
	line-height: 1.4;
	font-size: 13px;
	position: absolute;
	top: 0;
	left: 0;
	padding: 5px;
	letter-spacing: 1px;
	z-index: 10;
}

.loop_wrap ul li a span.cl_1 {
	background-color: #a3cc6a;
	color: #000;
}

.loop_wrap ul li a span.cl_2 {
	background-color: #FFBF00;
	color: #000;
}

.loop_wrap ul li a span.cl_3 {
	background-color: #e2ebf7;
	color: #000;
}

.loop_wrap ul li a span.cl_4 {
	background-color: #facf9a;
	color: #000;
}

.loop_wrap ul li a span.cl_5 {
	background-color: #f4e9e9;/
	color: #000;
}
.loop_wrap ul li a span.cl_6 {
	background-color: #ccc;/
	color: #000;
}


@keyframes loop {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}

@keyframes loop2 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}

.loop_wrap ul:first-child {
  animation: loop 50s -25s linear infinite;
}

.loop_wrap ul:last-child {
  animation: loop2 50s linear infinite;
}

.loop_wrap:hover ul {
  animation-play-state: paused;
}


/*
お知らせ
-------------------------------------------*/

.content .news h2 {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #00365E;
	margin-top: -10px;
	margin-bottom: 10px;


}
.content .news ul li {
	margin-bottom: 30px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #B5A57B;/*B5A57B*/
	
}
.content .news ul li a {
	font-size: 14px;
	color: #333;
	text-decoration: none;
	letter-spacing: 1px;

}

/*
スライドイメージの中のキャッチコピーの位置
-------------------------------------------*/

.top_catch {
	position: absolute;/*absoluteイメージ真ん中の文字の位置*/
	top:57.5%;/*キャチコピー上からの位置35%が中央*/
	left: 0%;
	right: 0%;
	z-index: 1000;
}

.top_form {
	position: absolute;
	top: 18%;
	left: 5%;
	width: 32%;
	max-width: 500px;
	max-height: 380px;
	height: 68%;
	z-index: 100;
	background-color: rgba(0,0,0,0.0);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	color: #FFF;
}

.top_img .top_form h2 {
	font-size: 20px;
	background-color: rgba(255,255,255,0.8);
	margin-bottom: 20px;
	padding-top: 10px;
	border-radius: 5px 5px 0 0 / 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0 / 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0 / 5px 5px 0 0;
	text-align: center;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #3e55c6;/*企業向けタイトル下の帯*/
	color: #000;
}

.top_img .top_form dl {
	clear: both;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000;
	height: 60px;
}

.top_img .top_form dl dt {
	float: left;
	font-size: 16px;
	line-height: 30px;
	display: block;
	width: 30%;
	padding-left: 1%;
	padding-right: 1%;
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: right;
	margin-left: 3%;
}
.top_img .top_form dl dd {
	float: right;
	display: block;
	width: 60%;
	padding-left: 0%;/*1*/
	padding-right: 0%;/*1*/
	padding-top: 10px;
	padding-bottom: 10px;
	margin-right: 3%;
}

.top_img .top_form form dl dd select,
.top_img .top_form form dl dd input {
	padding: 5px;
	min-width: 200px;
	font-size: 16px;
	line-height: 30px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid #DDD;
	background-color: rgba(255,255,255,0.8);
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	transition: 0.2s linear;
}

.top_img .top_form form dl dd select:focus,
.top_img .top_form form dl dd input:focus {
	border: 1px solid #FFF;
	background-color: rgba(255,255,255,1.0);
}

.top_img .top_form form .form_btn {
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: rgba(0,0,0,0.2);
	margin: 10px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.top_img .top_form form .form_btn input {
	display: block;
	margin-left: auto;
	margin-right: auto;
	min-width: 200px;
	font-size: 18px;
	line-height: 30px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 2px solid #F90;
	background-color: #F90;
	text-align: center;
	color: #FFF;
	padding-top: 7px;
	padding-bottom: 7px;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	transition: 0.2s linear;
}

.top_img .top_form form .form_btn input:hover {
	border: 2px solid #000;
	background-color: #FFB900;
	cursor: pointer;
}

/*
ピックアップ
-------------------------------------------*/
.cont_list {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin-top: 20px;
}

.cont_list .list_box {
	width: 32%;/*3列32％　4列23％*/
	background-color: #fff;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 5px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 5px 0px;
	-moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 5px 0px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border: 2px solid #FFF;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	transition: 0.2s linear;
	margin-bottom: 16px;/*2段の場合の段空きのサイズ16px*/

}

.cont_list .list_box:hover {
	background-color: #FFF;
	box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px 0px;
	-moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px 0px;
}

.cont_list .list_box h2 {
	text-align: center;
	padding-top: 20px;
	background-color: #FFF;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #3e55c6;/*3列のタイトル下の帯色*/
	font-size: 32px;/*3つの枠のタイトル文字サイズ*/
	line-height: 22px;
	padding-bottom: 15px;/*タイトル文字の下空き*/
}

.content .list_box h3 {
	font-size: 16px;
	text-align: center;
	margin-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	color: #044760;
	background-color: #F5F5F5;/*F9F9F9*/
	border-bottom-color: #BBB;
	box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px;
	-moz-box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px;
	border-bottom-style: dotted;
}

.content .list_box p {
    font-size: 17px;
    padding-bottom: 0px;/*タイトル文字の下空き*/
    color: #000000;
}

.cont_list .list_box img {
	width: 96%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	margin-bottom: 0px;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
}


ul.works_list {
	padding: 10px;/*10px*/
    margin-left: 10px;
}

ul.works_list li {
	width: 49%;/*48%*/
}

ul.works_list li a {
	padding: 0px;/*10px*/
}

/*
製品事例
-------------------------------------------*/

ul.works_list {
	display: block;
	margin-top: -30px;/*auto*/
	margin-left: 30px;/*auto*/
	margin-right:30px;/*auto*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 94.55%;/*96.10%*/
	max-width: 1200;/*1153px*/
	padding: 0px; /*30px*/
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

ul.works_list li {
	width: 32%; /*実績の一つの幅通常5つつで20% 実績の一つの幅通常4つつで24% 実績の一つの幅通常3つで32.5%*/
	position: relative;
	text-align: left;/*center*/
	padding-left: 0px; /*10px*/
	padding-right: 0px; /*10px*/
	margin-bottom: 10px; /*30px→5px*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

ul.works_list li .works_icon {
	position: absolute;
	top: 20px; /*20px*/
	left: 0px; /*5px*/
	font-weight: bold;
	padding-left: 0px; /*10px*/
	padding-right: 0px; /*10px*/
	color: #FFF;
	background-color: #099; /*#099*/
	z-index: 50;
	

}

ul.works_list li a {
	display: block;
	padding: 0px; /*グレー枠20px→10px*/
	background-color: ;/*#ffffff*/
	text-decoration: none;
	color: #333; /*#333*/
	border: 0px solid #cccccc; /*#ccc*/
}
ul.works_list li a img {
	width: auto;
	width: 100%;/*100%*/
	height: auto;; /*実績の一つの高さ通常5つつで139px 実績の一つの高さ通常4つで187px 実績の一つの高さ通常3つで247px*/
	object-fit: cover;
}

ul.works_list li a:hover img {
	opacity: 1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	-webkit-filter:brightness(1.1); /*ワークアイコンの明るさ通常1.3*/
    -moz-filter:brightness(1.1); /*ワークアイコンの明るさ通常1.3*/
    -ms-filter:brightness(1.1); /*ワークアイコンの明るさ通常1.3*/
    filter:brightness(1.1); /*ワークアイコンの明るさ通常1.3*/
	-webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

ul.works_list li a span {
	display: block;
	padding-top: 3px; /*3px*/
	padding-left: 0px; /*10px*/
	padding-right: 0px; /*10px*
	font-size: 14px; /*14px*/
	letter-spacing: 0px; /*1px*/
	
}

ul.works_list li a span.mask {
	display: block;
	width: auto;
	width: 100%;
	height: auto; /*写真枠の高さ150px*/
	overflow: hidden;
	padding-top: 0px;
}

ul.works_list li a:hover {
	color: #000;
	background-color: ; /*#FFFマウスオン時の色*/
}


/*
製品事例-2列
-------------------------------------------*/

ul.works_list-2 {
	display: block;
	margin-top: 30px;/*auto*/
	margin-left: 30px;/*auto*/
	margin-right:30px;/*auto*/
	margin-bottom:20px;/*auto*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 94.55%;/*96.10%*/
	max-width: 1200;/*1153px*/
	padding: 0px; /*30px*/
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

ul.works_list-2 li {
	width: 49%; /*実績の一つの幅通常5つつで20% 実績の一つの幅通常4つつで24% 実績の一つの幅通常3つで32.5% 実績の一つの幅通常2つで49%*/
	position: relative;
	text-align: center;/*center*/
	margin-bottom: 23px;/*30px→5px*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

ul.works_list-2 li .works_icon {
	position: absolute;
	top: 20px; /*20px*/
	left: 0px; /*5px*/
	font-weight: bold;
	padding-left: 0px; /*10px*/
	padding-right: 0px; /*10px*/
	color: #FFF;
	background-color: #099; /*#099*/
	z-index: 50;

}

ul.works_list-2 li a {
	display: block;
	padding: 0px; /*グレー枠20px→10px*/
	background-color: #ffffff;/*#ffffff*/
	text-decoration: none;
	color: #333; /*#333*/
	border: 0px solid #cccccc; /*#ccc*/
}
ul.works_list-2 li a img {
	width: auto;
	width: 100%;/*100%*/
	height: auto;; /*実績の一つの高さ通常5つつで139px 実績の一つの高さ通常4つで187px 実績の一つの高さ通常3つで247px 実績の一つの高さ通常2つで247px*/
	object-fit: cover;
}

ul.works_list-2 li a:hover img {
	opacity: 1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	-webkit-filter:brightness(1.1); /*ワークアイコンの明るさ通常1.3*/
    -moz-filter:brightness(1.1); /*ワークアイコンの明るさ通常1.3*/
    -ms-filter:brightness(1.1); /*ワークアイコンの明るさ通常1.3*/
    filter:brightness(1.1); /*ワークアイコンの明るさ通常1.3*/
	-webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

ul.works_list-2 li a span {
	display: block;
	padding-top: 3px; /*3px*/
	padding-left: 0px; /*10px*/
	padding-right: 0px; /*10px*
	font-size: 14px; /*14px*/
	letter-spacing: 0px; /*1px*/
	
}

ul.works_list-2 li a span.mask {
	display: block;
	width: auto;
	width: 100%;
	height: auto; /*写真枠の高さ150px*/
	overflow: hidden;
	padding-top: 0px;
}

ul.works_list-2 li a:hover {
	color: #000;
	background-color: #e8f7e7; /*#FFFマウスオン時の色*/
}


/*
帯（サービス・スタッフ）部分
-------------------------------------------*/

.obi {
	background-color: #888888;/*丸枠の写真ある枠色*/
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 10px;
	margin-bottom:10px;
	/*background-image: url(img/obi.png);*/
	background-repeat: no-repeat;
	background-position: center 2px;
}

.obi h2 {
	text-align: center;
	color: #FFF;
	margin-bottom: 30px;
	/*background-image: url(img/obi.png);*/
	background-repeat: no-repeat;
	background-position: center 59px;
	padding-bottom: 15px;
}
.service ul,
.staff ul {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.service ul li,
.staff ul li {
	display: block;
	width: 33%;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 20px;
	color: #FFF;
}

.service ul li p,
.staff ul li p {
	font-size: 12px;
	margin: 10px;
}
.service ul li a,
.staff ul li a {
	text-decoration: none;
	color: #FFF;
}
.service ul li p strong,
.staff ul li p strong {
	font-size: 18px;
	font-weight: normal;
	font-family: "メイリオ", Meiryo, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', "ＭＳ Ｐゴシック", "MS PGothic";
}
.service ul li p .rubi,
.staff ul li p .rubi {
	font-size: 10px;
	letter-spacing: 2px;
}
.service ul li a .mask,
.staff ul li a .mask {
	width: 200px;
	height: 200px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	margin-top: 10px;
	overflow: hidden;
	position: relative;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	transition: 0.2s linear;
}
.service ul li a img,
.staff ul li a img {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	display: block;
}
.service ul li a:hover img {
	width: 120%;
	max-width: 120% !important;
	top: -10%;
	left: -10%;
	opacity: 1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}
.staff ul li a:hover .mask {
	border-radius: 5%;
	-webkit-border-radius: 5%;
	-moz-border-radius: 5%;
}
.staff ul li a:hover img {
	opacity: 1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}

a.btn_more {
	display: block;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 1px solid #FFF;
	position: relative;
	font-size: 14px;
	line-height: 30px;
}

a.btn_more::before {
	display: block;
	position: absolute;
	width: 20px;
	height: 30px;
	font-size: 12px;
	content: ">";
	left: 5px;
	top: 5px;
}
a.btn_more:hover::before {
	left: 8px;
}

a.btn_more:hover {
	color: #002744;
	background-color: #FFF;
	border-top-color: #001F35;
	border-right-color: #001F35;
	border-bottom-color: #001F35;
	border-left-color: #001F35;
}

.list_box a.btn_more {
	text-align: center;
	text-decoration: none;
	color: #FFF;
	background-color: #002744;/*002744*/
	margin-bottom: 20px;
}
.list_box a.btn_more:hover {
	color: #002744;
	background-color: #FFF;
	border-top-color: #001F35;
	border-right-color: #001F35;
	border-bottom-color: #001F35;
	border-left-color: #001F35;
}

/*
個人情報保護方針
-------------------------------------------*/

p.indent-1 {
	padding-left:1em;
	text-indent:-1em;
	line-height: 26px/*26px*/
}

/*
FAQ
-------------------------------------------*/

.content dl.faq {
	margin-bottom: 30px;
	padding-top: 30px;
	padding-right: 0px;/*枠右位置*/
	padding-bottom: 20px;
	padding-left: 0px;/*枠左位置*/
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;/*点線罫の色*/
}
.content dl.faq dt {
	font-size: 22px;
	line-height: 30px;
	position: relative;
	font-family: "メイリオ", Meiryo, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', "ＭＳ Ｐゴシック", "MS PGothic";
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 50px;
	background-color: #fff;
	color: #000;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}
.content dl.faq dt span {
	font-size: 20px;
	font-weight: bold;
	color: #FFF;
	z-index: 1000;
	background-color: #3e55c6;/*丸の色*/
	text-align: center;
	display: block;
	width: 50px;
	padding-top: 10px;
	height: 40px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	position: absolute;
	top: -20px;
	left: -10px;
	z-index: 10;
}
.content dl.faq dt span::before{
	content: "";
	position: absolute;
	bottom: -5px;
	right: -3px;
 	margin-left: -12px;
  border-right: 12px solid transparent;
  border-top: 19px solid #3e55c6;/*三角の色と位置*/
  border-left: 12px solid transparent;
 	z-index: 0;
	transform: rotate(-40deg);
}
.content dl.faq dd {
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}

/*
お問い合わせ枠
-------------------------------------------*/
.content .contact {
	text-align: center;
	background-color: #fff;/*枠全体の色*/
	border: 2px solid #FFF;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 7px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 7px 0px;
	-moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 7px 0px;
	margin-top: 30px;/*枠全体の上位置*/
	margin-bottom: 30px;/*枠全体の下位置*/
}
.content .contact  h2 {
	background-color: #fff;
	padding-top: 30px;/*お問い合わせ文字の上空き*/
	padding-bottom: 10px;/*お問い合わせ文字の下空き*/
	border-radius: 10px 10px 0 0 / 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0 / 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0 / 10px 10px 0 0;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #3e55c6;/*お問い合わせ文字の下帯の色*/
}
.content .contact .tel a {
	font-size: 32px;/*下枠の電話番号文字サイズ*/
	color: #555;/*電話番号文字色*/
	text-decoration: none;
	margin-top: 30px;
}
.content .contact .tel a i {
	padding-right: 10px;
}
.content .contact .tel a strong {
	font-size: larger;
	font-weight: normal;
}

.btn_contact a {
	display: block;
	padding-top: 15px;
	padding-bottom: 13px;
	background-color: #555;/*#3e55c6お問い合わせフォーム枠色*/
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	font-size: 20px;
	line-height: 30px;
	color: #FFF;
	text-decoration: none;
	width:50%;/*お問い合わせの枠幅*/
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 35px;/*お問い合わせ内枠の下位置*/
	margin-left: auto;
	border: 1px solid #555;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 7px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 7px 0px;
	-moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 7px 0px;
}
.btn_contact a:hover {
	background-color: #FFF;
	color: #555;/*066C93マウスオン時の文字色*/
	border: 1px solid #555;/*066C93マウスオン時の枠罫色*/
	
}
.btn_contact a i {
	padding-right: 10px;
	
}



/*
フッター
-------------------------------------------*/

footer {
	background-color: #555;/*666666*/
	color: #FFF;
	clear: both;
	width: 100%;
	display: block;
}

footer ul.f_bn {
	text-align: center;/*center*/
	display: block;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #555;/*999*/
}
footer .f_bn li {
	display: inline;
}
footer .f_bn li a {
	display: inline-block;
	font-size: 18px; /*14px*/
	letter-spacing: 1px;
	padding: 10px;
	text-decoration: none;
	color: #FFF;
	margin-left: 10px;
	font-weight: bold;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	margin-right: 10px;
}

footer .f_bn li a:hover {
	background-color: #555;/*666*/
}

footer .f_bn li a i {
	padding-right: 5px;
	font-size: 200%;
}



.footer_box {
	padding-top: 30px;
	padding-bottom: 30px;
}
.foot_logo {
	display: block;
	margin-right: auto;
	margin-left: auto;
	height: 50px;
}

.footer_box ul li .li_title {
	padding-bottom: 5px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ffffff;/*49697A*/
	font-size: 14px;/*メニューのタイトルサイズ*/
	color: #ccc;/*メニューのタイトルカラー*/
	letter-spacing: 0px;
}

.footer_box ul li a {
	color: #FFF;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	text-decoration: none;
	display: block;
	padding-top: 8px;
	padding-bottom: 0px;
	padding-left: 0px;/*文字の左位置*/
	font-size: 13px;
	line-height: 13px;
	padding-bottom: 5px;
	position: relative;
}

.footer_box ul li a::before {
	font-size: 10px;
	display: block;
	width: 10px;
	line-height: 22px;
	position: absolute;
	top: 3px;
	left: -14px;/*記号の左からの位置*/
	content: '>';/*フッターメニューの文字左の記号*/

}


.footer_box ul li a:hover {
	opacity: 1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}

.footer_box ul {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.footer_box ul li ul {
	width: 100% !important;
}

address {
	font-size: 13px;
	color: #b3b3b3;/*copyright色*/
	font-style: normal;
	text-align: center;
	letter-spacing: 1px;
	line-height: 20px;
	padding-top: 10px;
	padding-bottom: 15px;
	display: block;
}



footer ul.f_bn {
	text-align: center;
	display: block;
	padding-top: 35px;/*SNSの内枠の上空き*/
	padding-bottom: 20px;/*SNSの内枠の下空き*/
	background-color: #ddd;/*006384SNSの枠色*/
}
footer .f_bn li {
	display: inline;
}
footer .f_bn li a {
	display: inline-block;
	font-size: 18px;/*SNS文字サイズ*/
	letter-spacing: 1px;
	padding: 10px;
	text-decoration: none;
	color: #555;/*SNSのアイコン・文字の色*/
	margin-left: 10px;
	font-weight: bold;
	border-radius: 10px;
	-webkit-border-radius: 5px;/*オンマウス時の角丸*/
	-moz-border-radius: 5px;
	margin-right: 5px;
}

footer .f_bn li a:hover {
	background-color: #3e55c6;/*マウスオン時の角丸枠色*/
    color: #fff;/*マウスオン時のSNSのアイコン・文字の色*/
}

footer .f_bn li a i {
	padding-right: 5px;
	font-size: 250%;/*SNSのアイコンサイズ*/
}


/*
PR枠
-------------------------------------------*/
.box_pr {
	font-size: 10px;
	line-height: 20px;
	color: #ffffff;/*アドアート社名色*/
	background-color: #555;/*最下部枠の色*/
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	letter-spacing: 1px;
}
.box_pr li {
	display: inline-block;
	margin: 5px;
}
.box_pr li a {
	color: #ffffff;/*Admin byの色*/
}

/*
トップへ戻るボタン
-------------------------------------------*/
#to_top {
	position: fixed;
	bottom: 30px;
	right: 30px;
	z-index: 200;
}
#to_top a {
	text-decoration: none;
	text-align: center;
	display: block;
	width:50px;
	height:35px;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	padding-top: 15px;
	background-color: rgba(102,102,102,2.0);/* rgba(0,0,0,0.8)丸の色*/
}
#to_top a:hover,
#to_top a:hover img {
	background-color: rgba(102,102,102,2.0);/*rgba(0,34,83,1.0)丸の色マウスオン*/
}


/*
テーブル01は上下部罫線あり02は上下部罫線なし03は上のみ罫線なし
-------------------------------------------*/

table {
	border-collapse: collapse;
}
table td {
	border-collapse: collapse;
}



.content table.table_00,
#mailform table.table_form {
	width: 94.99%;/*右端の位置*/
	margin-top: 20px;
	margin-right: 20px;/*auto*/
	margin-bottom: 0px;
	margin-left: 4px;/*auto*/
}
.content table.table_00 th,

.content table.table_00 td {
	padding: 5px;
	font-size: 16px;
	line-height: 30px;
	border-bottom-width: 0px;
	border-bottom-style: dotted;
	border-top-width: 0px;
    border-top-style: dotted;/*dotted or solid*/
　border-bottom-color: #E3E3E3;/*#E3E3E3*/

}
.content table.table_00 th {

	font-size: 16px;
	font-weight: normal; /*bold*/
	color: #000;/*#00365E*/
	letter-spacing: 0px;/*2px*/

}






.content table.table_01,
#mailform table.table_form {
	width: 94.5%;/*右端の位置*/
	margin-top: -20px;
	margin-right: 20px;/*auto*/
	margin-bottom: 15px;
	margin-left: 30px;/*auto*/
}
.content table.table_01 th,

.content table.table_01 td {
	padding: 10px;
	font-size: 16px;
	line-height: 27px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-top-width: 1px;
    border-top-style: dotted;/*dotted or solid*/
　border-bottom-color: #E3E3E3;/*#E3E3E3*/

}
.content table.table_01 th {
	background-color: #F5F5F5;/*左枠色*/
	font-size: 16px;
	font-weight: normal; /*bold*/
	color: #000;/*#00365E*/
	letter-spacing: 0px;/*2px*/

}

.content table.table_02,
#mailform table.table_form {
	width: 99.2%;/*右端の位置*/
	margin-top: 20px;
	margin-right: 0px;/*auto*/
	margin-bottom: 20px;
	margin-left: 19px;/*auto*/
}
.content table.table_02 th,

.content table.table_02 td {
	padding: 10px;/**/
	font-size: 16px;
	line-height: 27px;
	border-bottom-width: 0px;
	border-bottom-style: dotted;
	border-top-width: 0px;
    border-top-style: dotted;/*dotted or solid*/
　border-bottom-color: #E3E3E3;/*#E3E3E3*/

}
.content table.table_02 th {
	background-color: ;/*#fff左枠色*/
	font-size: 16px;
	font-weight: normal; /*bold*/
	color: #000;/*#00365E*/
	letter-spacing: 0px;/*2px*/

}

.content table.table_03,
#mailform table.table_form {
	width: 94.5%;/*98*//*メールフォームの右空き*/
	margin-top: 20px;
	margin-right: 0px;/*メールフォームの右空き*/
	margin-bottom: 20px;
	margin-left:25px;/*メールフォームの左空き*/
}
.content table.table_03 th,

.content table.table_03 td {
	padding: 10px;
	font-size: 16px;
	line-height: 27px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-top-width: 0px;
    border-top-style: dotted;/*dotted or solid*/
　border-bottom-color: #E3E3E3;/*#E3E3E3*/

}
.content table.table_03 th {
	background-color: #fff;/*左枠色*/
	font-size: 16px;
	font-weight: normal; /*bold*/
	color: #000;/*#00365E*/
	letter-spacing: 0px;/*2px*/

}

.content table.table_03 td .price {
	font-size: 120%;
	white-space: nowrap;
	color: #50a1da;
	font-weight: bold;
	padding-right: 5px;
	padding-left: 5px;
}




#mailform table.table_form th {
	text-align:right;/*right*/
	border-right-width: 4px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-right-color: #CCC;
	border-top-color: #CCC;
	border-bottom-color: #CCC;
	font-size: 16px;/*mail form thの文字サイズ*/
	font-weight: normal;
	padding: 15px;
	background-color: #F5F5F5;
}
.content #mailform table.table_form th p {
	font-size: 10px;
	line-height: 14px;
	color: #ccc;
	margin: 0px;
	padding: 0px;
}
span.required {
	display: inline-block;
	margin-left: 5px;
	color: #FFF;
	background-color: #3e55c6;/*cf111b必須の色*/
	font-size: 12px;
	line-height: 24px;
	padding-right: 5px;
	padding-left: 5px;
}
#mailform table.table_form td {
	padding: 16px;
	background-color: #FFF;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #CCC;
	border-bottom-color: #CCC;
    border-top-width: 1px;
	border-bottom-width: 1px;
	font-size: 16px;/*mail form tdの文字サイズ*/
}
form input.form_btn {
	background-color: #3e55c6;/*送信ボタンの色*/
	color: #FFF;
	padding-top: 10px;
	padding-right: 25px;
	padding-bottom: 10px;
	padding-left: 25px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border: 3px solid #fff;/*eee*/
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	transition: 0.2s linear;
	font-size: 16px;/*mail form 下部送信ボタンの文字サイズ*/
	line-height: 24px;
}
form input.form_btn:hover {
	background-color: #FFF;
	color: #cf111b;
	border-top-color: #cf111b;
	border-right-color: #cf111b;
	border-bottom-color: #cf111b;
	border-left-color: #cf111b;
	cursor: pointer;
}
form input.form_btn_gr {
	background-color: #999;/*555*/
	color: #FFF;
	padding-top: 10px;
	padding-right: 25px;
	padding-bottom: 10px;
	padding-left: 25px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border: 3px solid #fff;/*eee*/
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	transition: 0.2s linear;
	font-size: 16px;/*mail form 下部リセットボタンの文字サイズ*/
	line-height: 24px;
}
form input.form_btn_gr:hover {
	background-color: #FFF;
	color: #555;
	border-top-color: #555;
	border-right-color: #555;
	border-bottom-color: #555;
	border-left-color: #555;
	cursor: pointer;
}


@media screen and (min-width:1800px) {

.top_form {
	top: 30%;
	left: 15%;
}

}

@media screen and (min-width:1100px) {

/*
ヘッダー
-------------------------------------------*/
header {
	height: 200px;
}

header h1 {
	left: 20px;/*ロゴの左からの位置*/
	top:20px;/*ロゴの上からの位置26*/

}
.sp_menu,
.menu_btn,
.close_btn {
	display: none;
}

header .h_box {/*よくあるご質問の枠位置*/
	position: absolute;
	top: 20px;
	right: 20px;
	z-index: 1000;
	width: 360px;/*よくあるご質問の枠幅*/
	padding-left: 0px;
}

header .h_btn {/*お問い合わせフォームの枠位置*/
	position: absolute;/*absolute*/
	top: 30px;/*上端からの枠位置55*/
	right: 30px;/*40*/
	margin-right: 10px;/*38*/
	z-index: 1000;
	width: 150px;/*お問い合わせフォームの枠の右端からの枠（左端先頭の位置）*/
	padding-right: 0px;
}

header .h_tel {
	position: absolute;
	top: 30px;
	right: 205px;/*電話番号右端からの位置（左端先頭の位置）*/
	font-size: 28px;/*22px*/
	z-index: 1000;
}
header .h_tel i {
	padding-right: 5px;
}
header .h_tel strong {
	font-size: 28px;/*28px*/
	text-shadow: 1px 1px 1px rgb(255 255 255);
}
/*
PCグローバルナビ（メニュー）
-------------------------------------------*/
#g_navi {
	width: 100%;
	display: block;
	height: 80px;
	background-color: #00365E;
	background-color: rgba(68,68,68,0.6);/* rgba(0,15,44,0.9)メニューの枠色*/
	position: absolute;
	z-index: 1000;
	left: 0px !important;
	bottom: 0px;
}
#g_navi.nav_fixed {
	position: fixed;
	top: 0px;
}
#g_navi ul.navi_base {
	height: 80px;
	width: 1098px;
	margin-right: auto;
	margin-left: auto;
	display: block;
}

#g_navi ul li{
	width: 183px;
	height: 80px;
	float: left;
	display: block;
	position: relative;
}

#g_navi ul li ul li {
	float: none;
	height: auto;
}


#g_navi li a {
	width: 183px;
	height: 80px;
	display: table-cell;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	line-height: 22px;
	position: relative;
	vertical-align: middle;
}

#g_navi li a::before {
	display: block;
	width: 1px;
	height: 20px;
	position: absolute;
	top: 30px;
	right: 0px;
	background-color: rgba(255,255,255,0.0);/*サブメニュー文字の色*/
	content: '';
}
#g_navi li:first-child a::after {
	display: block;
	width: 1px;
	height: 20px;
	position: absolute;
	top: 30px;
	left: 0px;
	background-color: rgba(255,255,255,0.0);/*サブメニュー文字の色*/
	content: '';
}

#g_navi ul li a.ac_menu {
	position: relative;
}
#g_navi ul li a.ac_menu::after {
	font-size: 10px;/*▼のサイズ*/
	display: block;
	height: 20px;
	width: 20px;
	content: "▼";
	text-align: center;
	line-height: 20px;
	position: absolute;
	bottom: 3px;
	left: 82px;
	color: #ffc600;/*3987A4下三角の色*/
}
#g_navi ul li li a.ac_menu::after {
	font-family: "Font Awesome 5 Free";
	content: "\f105";
	font-weight: 900;
	bottom: 15px;/*サイドメニュー2の>の上下位置*/
	left: auto;
	right: 2px;
	font-size: 14px;/*サイドメニュー2>のサイズ*/
}

#g_navi li a:hover,
#g_navi ul li:hover > a {
	background-color: #3e55c6;/*00365Eメニューマウスオン時の枠色*/
}

#g_navi ul li div {
	position: absolute;
	z-index: 2000;
	top: 80px;
	left: 0px;
	opacity: 0;
	visibility: hidden;
	transition: .3s;
	width: auto;
	height: auto;
	background-color: #a8a8a8;/*00365Eメニューマウスオン時の下に出るサイドメニューの枠の色*/
}

#g_navi ul li div div {
	top: 0;
	left: 100%;
}

#g_navi ul li ul li a{
	opacity: 0.9;
	filter: alpha(opacity=90);
	-ms-filter: "alpha( opacity=90 )";
	height: auto;
	background-color: #666666;/*#00365E*/
	padding-top: 16px;
	padding-bottom: 13px;/*サブメニューの文字の枠内の上下位置*/
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #cccccc;
}
#g_navi ul li ul li a:hover,
#g_navi ul li ul li:hover > a {
	opacity: 1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	background-color: #3e55c6;/*115577メニューマウスオン時の下に出るメニューの枠の色*/
}
#g_navi li li a::before,
#g_navi li li:first-child a::after {
	display: none;
}

#g_navi ul li:hover div.ac_list {
  visibility: visible;
  opacity: 1;
}
#g_navi ul li li:hover div.ac_list_2 {
  visibility: visible;
  opacity: 1;
}

#g_navi div.ac_list {
	display: block !important;
}

/*
メインコンテンツ
-------------------------------------------*/

.content {
	width: 1098px;/*全てのコンテンツの横幅サイズ*/
	margin-right: auto;
	margin-left: auto;
	padding-top: 50px;
	padding-bottom: 30px;
}

.pankuzu ul {
	display: block;
	width: 1098px;/*全てのコンテンツの横幅サイズ*/
	margin-left: auto;
	margin-right: auto;
}

/*
フッター
-------------------------------------------*/
.footer_box  {
	width: 1130px;/*1100*//*1133*/
	margin-right: auto;
	margin-left: auto;
}

.footer_box .box_in .foot_right {
	float: right;
	width: 200px;/*240px*/
}
.footer_box .box_in .foot_right p {
	font-size: 12px;
	margin-bottom: 20px;
	line-height: 30px;
}
.footer_box .box_in ul {
	display: block;
	float: left;
	width: 158.2px;/*一つのブロックの幅*/
	margin-left:15px;
	margin-right:15px;
}
}

/*-----（/1100～）-----*/
@media screen and (max-width:1100px) {
header h1 {
	left: 10px;
	top: 10px;
	width: 380px;
}
img {
	max-width: 100%;/*100%スマホの社名サイズ以下でも可能*/
	height: auto;
	width /***/: auto;
	margin-left: auto;
	margin-right: auto;
}

img.img_left,
img.img_right {
	max-width: 322px;
	
}	.foot_logo {
	display: block;
	margin-right: auto;
	margin-left: auto;
	width: 150px;
}

	
/*
ヘッダー
-------------------------------------------*/

header {
	height: 60px;
}

header h1 {
	left: 10px;
	top: 10px;
	width: 180px;/*180*/
}

header #h_box_sp {
	position: fixed;
	width: 100%;
	height: 110px;/*170*/
	top: 0px;
	left: 0px;
	overflow: auto;
	z-index: 4000;
	background-color: #00365E;
	background-color: rgba(0,15,44,1.0);
	box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 7px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 7px 0px;
	-moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 7px 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 60px;
	display: none;
}

header .h_tel {
	clear: both;
	margin-left: auto;
	margin-right: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 320px;
	font-size: 22px;/*22px*/

	text-align: left;/*centerスマホの電話番号位置*/
}

header .h_tel strong {
	font-size: 25px;/*28*/
	color: #ffffff;
}
header .h_btn a {
	clear: both;
	margin-left: auto;
	margin-right: auto;/*auto*/
	padding-top: 5px;
	padding-bottom: 5px;
	width: 500px;
}

header .h_btn a::after {
	line-height: 36px;/*36*/
}


header .h_box .h_list li a {
	font-size: 12px;
	padding-left: 10px;
	padding-right: 10px;/*10*/
	margin-top: 10px;
}

header .h_box ul.h_lang {
	margin-top: 10px;
	margin-bottom: 10px;
}

/*
メニューボタン
-------------------------------------------*/

.menu_btn {
	display: block;
	height: 30px;
	width: 40px;/*40*/
	text-align: center;
	padding-top: 5px;
	padding-bottom: 15px;
	position: fixed;
	z-index: 5000;
	top: 5px;
	right: 5px;
	background-color: rgba(255,255,255,0.7);
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.menu_btn::after {
	content: "MENU";
	display: block;
	height: 10px;
	width: 40px;
	font-size: 9px;
	letter-spacing: 1px;
	position: absolute;
	left: 0px;
	bottom: 4px;
	text-align: center;
	color: #003584;/*003584*/
}

.menu_btn.opened::after {
	content: "CLOSE";
	color: #FFF;
	font-size: 8px;
	bottom: 4px;/*2*/
}

.menu_btn:hover {
	cursor: pointer;
}

.menu_btn.opened {
	background-color: rgba(0,0,0,0.2);
}

.menu_btn.opened span {
	background-color: #FFF;
}
.menu_btn span {
	width: 28px;
	height: 2px;
	display: block;
	position: absolute;
	left: 50%;/*50*/
	top: 36%;
	margin-left: -14px;
	background-color: #003584;/*003584*/
}
.menu_btn span {
    transition: all 0.3s;
    transform: rotate(0deg);
	-webkit-transform: rotate(0deg);  
    -moz-transform: rotate(0deg);    
  }
.menu_btn span.top {
    transform: translateY(-8px);
	-webkit-transform: translateY(-8px);  
    -moz-transform: translateY(-8px);    
  }
.menu_btn span.bottom {
    transform: translateY(8px);
	-webkit-transform: translateY(8px);  
    -moz-transform: translateY(8px);    
}


.menu_btn:hover span.top {
    transform: translateY(-10px);
	-webkit-transform: translateY(-10px);  
    -moz-transform: translateY(-10px);    
}
.menu_btn:hover span.bottom {
    transform: translateY(10px);
	-webkit-transform: translateY(10px);  
    -moz-transform: translateY(10px);    
}


.menu_btn.opened  span.middle {
    background: rgba(255, 255, 255, 0);
	 transform: translateX(30px);
	 -webkit-transform: translateX(30px);  
    -moz-transform: translateX(30px);    
}
.menu_btn.opened  span.top {
    transform: rotate(-45deg) translateY(0px);
	-webkit-transform: rotate(-45deg) translateY(0px);  
    -moz-transform: rotate(-45deg) translateY(0px);    
}
.menu_btn.opened  span.bottom {
    transform: rotate(45deg) translateY(0px);
	-webkit-transform: rotate(45deg) translateY(0px);  
    -moz-transform: rotate(45deg) translateY(0px);    
}

/*
スマホグローバルナビ
-------------------------------------------*/
#g_navi {
	position: fixed;
	width: 80%;/*80▼の左右位置*/
	height: 100%;/*100で下まで*/
	padding-top: 140px;/*170上からの空き*/
	top: 0px;
	left: 20%;/*20*/
	overflow: auto;
	z-index: 3000;
	background-color: #666;/*00365E*/
	opacity: 0.95;/*0.95*/
	filter: alpha(opacity=95);
	-ms-filter: "alpha( opacity=95 )";
	box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 7px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 7px 0px;
	-moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 7px 0px;
	display: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#g_navi ul {
	display: block;
	margin: 0px;
	padding: 0px;
	clear: both;
}

#g_navi ul li:first-child a {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #f5f5f5;/*13476F*/
}
#g_navi ul li a {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	padding-top: 16px;
	padding-right: 30px;
	padding-bottom: 14px;
	padding-left: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #f5f5f5;/*13476F*/
	background-color: #333;/*00365E*/
	background-image: url(img/li_sp.png);
	background-repeat: no-repeat;
	background-position: right center;
	line-height: 22px;
	vertical-align: middle;
}

#g_navi ul li a:hover {
	background-color: #3e55c6;/*55b715*/
}

.fixed {
	overflow: hidden;
}

/*
スマホメニュー部分アコーディオン
--------------------------------------------------*/

#g_navi ul li a.ac_menu {
	position: relative;
	background-image: none;
}
#g_navi ul li a.ac_menu::after {
	font-size: 11px;
	display: block;
	height: 20px;
	width: 20px;
	content: "▼";
	text-align: center;
	line-height: 20px;
	position: absolute;
	top: 16px;
	right: 10px;
	color: #ffc600;/*▼の色*/
}
#g_navi ul li a.ac_menu.active {
	background-color: #666;/*005177*/
	border-bottom-color: #fff;/*メニュー見出しリンク下の色*/
	border-bottom-style: dotted;
}
#g_navi ul li a.ac_menu.active::after {
	content: "▲";
}
#g_navi div.ac_list,
#g_navi div.ac_list_2 {
	display: none;
}

#g_navi ul li ul li a {
	padding-left: 30px;
	background-color: #666;/*666*/
	border-bottom-color: #fff;/*00699B*/
}
#g_navi ul li ul li a:hover {
	background-color: #3e55c6;/*55b715*/
}

#g_navi ul li ul li a.ac_menu.active {
	background-color: #3e55c6;
	border-bottom-color: #ffffff;
}

#g_navi ul li ul li ul li a {
    padding-left: 40px;
    background-color: #427dea;
    border-bottom-color: #ffffff;
}
#g_navi ul li ul li ul li a:hover {
	background-color: #6397f6;
}
/*
メニューシャドウ
-------------------------------------------*/
.bg_bl {
	background-color: #FFF;
	height: 100%;
	width: 100%;
	opacity: 0.80;/*0.80*/
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	display: block;
	position: fixed;
	z-index: 2000;
}

/*
メインコンテンツ
-------------------------------------------*/

.content {
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
}
.content p {
	margin-right: 20px;
	margin-left: 20px;
}

.content .news {
	margin-right: 10px;
	margin-left: 10px;
	
}

.cont_list {
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	
}

.obi {
	padding-top: 10px;
	padding-bottom: 20px;
	margin-top: 10px;
	margin-bottom: 20px;
}

.obi h2 {
	margin-bottom: 20px;
}

/*
トップフォーム
-------------------------------------------*/
.top_catch {
	left: 400px;
}
.top_catch img {
	width: 500px;
}

.top_form {
	position: absolute;
	top: 80px;
	left: 15px;
	width: 380px;
	height: 320px;
}

.top_img .top_form h2 {
	font-size: 18px;
	margin-bottom: 15px;
	padding-top: 8px;
}

.top_img .top_form dl {
	height: 50px;
}

.top_img .top_form dl dt {
	font-size: 14px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.top_img .top_form dl dd {
	padding-top: 5px;
	padding-bottom: 5px;
}

.top_img .top_form form dl dd select,
.top_img .top_form form dl dd input {
	font-size: 14px;
	line-height: 20px;
}

.top_img .top_form form .form_btn input {
	min-width: 180px;
	font-size: 16px;
	line-height: 20px;
}


.service ul li,
.staff ul li {
	width: 25%;
}

.service ul li a .mask {
	width: 170px;
	height: 170px;
}

/*
フッター
-------------------------------------------*/
.footer_box .box_in {
	width: 96%;/*96%*/
	margin-right: auto;
	margin-left: auto;
}

.footer_box .box_in .foot_right {
	float: right;
	width: 24%;
}
.footer_box .box_in .foot_right p {
	font-size: 12px;
	
	margin-bottom: 20px;
}
.footer_box .box_in ul {
	display: block;
	float: left;
	width: 24%;/*24%*/
	padding-right: 5px;
}

#to_top {
	bottom: 10px;
	right: 10px;
}

}
/*-----（/～1100）-----*/

/*-----スマホスライダーのセンター合わせ-----*/
@media screen and (max-width:760px) {
.top_img img.img01,
.top_img img.img02,
.top_img img.img03,
.top_img img.img04,
.top_img img.img05,
.top_img img.img06 {
    left: 40%;/*50*/
    margin-left: -135px;/*-380*/
}
header h1 {
	left: 8px;
	top: 3px;
	width: 220px;/*スマホのロゴサイズ*/
}

.top_img {
	min-height: 360px;
}

ul.works_list {
	padding: 10px;/*10px*/
	margin-top: 5px;
    margin-left: 10px;
}

ul.works_list li {
	width: 49%;/*48%*/
}

ul.works_list li a {
	padding: 0px;/*10px*/
}


.img_left,
.img_right {
	float: none;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	max-width: 100%;

}

/*
トップフォーム
-------------------------------------------*/
.top_catch {
	display: none;
	
}
.top_form {
	top: 70px;
	left: 15%;
	width: 70%;
	height: 260px;
}

.top_img .top_form h2 {
	font-size: 16px;
	margin-bottom: 10px;
	padding-top: 5px;
}

.top_img .top_form dl {
	height: 40px;
}

.top_img .top_form dl dt {
	font-size: 12px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 26%;
}
.top_img .top_form dl dd {
	padding-top: 2px;
	padding-bottom: 2px;
	width: 64%;
}

.top_img .top_form form dl dd select,
.top_img .top_form form dl dd input {
	font-size: 12px;
	line-height: 18px;
}

.top_img .top_form form .form_btn {
	padding-top: 10px;
	padding-bottom: 10px;
}

.top_img .top_form form .form_btn input {
	font-size: 14px;
}

.service ul li,
.staff ul li {
	width: 50%;
}

.service ul li a .mask {
	width: 180px;
	height: 180px;
}

/*
テーブル
-------------------------------------------*/


.content table.table_01 th,
.content table.table_01 td,
.content table.table_form th,
.content table.table_form td {
	display: block;
	padding: 20px;
}

.content table.table_form th,
.content table.table_form td {
	text-align: center !important;
}

.content table.table_form th {
	border-right: none !important;
}

/*
フッター
-------------------------------------------*/
footer {
	padding-bottom: 20px;
}

.footer_box .box_in .foot_right {
	float: none;
	clear: both;
	width: 100%;
	text-align: center;
	margin-bottom: 0px;
	padding-top: 20px;
}
.footer_box .box_in .foot_right p {
	line-height: 26px;
	margin-bottom: 0px;
}
.footer_box .box_in ul {
	width: 32%;/*32%*/
}
img.foot_logo {
	width: 180px;
}
}

/*-----（/～760）-----*/
@media screen and (max-width:700px) {
/*
トップピックアップバナー
-------------------------------------------*/

.pickup {
	background-image: url(bg_01.png)
	padding-top: 20px; /*ピックアップの位置上30px→0px*/
	padding-bottom: 20px; /*ピックアップの位置下30px→20px*/
	padding-left: 0px; /*ピックアップの位置下30px→20px*/
	margin-bottom: 0px;/*全体枠の下空き*/
}

.pickup ul {
	display: block;
	margin-left: 10px;/*auto*/
	margin-right: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 94.8%;/*100枠の幅*/
	max-width: 1100px;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.pickup ul li {
	width: 48.5%; /*4つの枠の場合24%・3つの場合32％・2つの場合48.5%*/
	position: relative;

}
.pickup ul li a {
	text-decoration: none;
	display: block;
	background-color: #f5f5f5;
}

.pickup ul li a:hover {
	background-color: #fff;
	border-radius: 0px;/*角丸・画像の角丸*/
	-webkit-border-radius: 0px;/*角丸*/
	-moz-border-radius: 0px;/*角丸*/
}

.pickup ul li a .pu_icon {
	position: absolute;
	top: -5px;
	left: -5px;
	background-color: #0471ad; /*#CC2240*/
	color: #FFF;
	padding-left: 0px; /*5px*/
	padding-right: 10px; /*5px*/
	font-weight: bold;
}

.pickup ul li a .pu_icon.cl_02 {
	background-color: #009999; /*009999*/
}

.pickup ul li a .pu_title {
	display: block;
	font-size: 19px;/*タイトルの文字サイズ*/
	font-weight: bold;
	margin-bottom: 0px; /*10px*/
	text-align: center;
	color: #2d6807; /*#111*/
	font-family:  Meiryo, YuGothic, "游ゴシック", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuGothic, "Sawarabi Mincho", "HG明朝E",  "ＭＳ Ｐ明朝", "MS PMincho", serif;
	border-top-width: 8px;
	border-top-style: solid;
	/*border-top-color: #f5f5f5; ##f5f5f5・画像下帯の色*/
	padding-top: 10px;/*10px・タイトルの文字上の空き*/
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #A49F8E; /*#A49F8E*/
	padding-bottom: 5px; /*5px*/
	
}

.pickup ul li a:hover .pu_title {
	border-top-color: #ffc600; /*#a7c9f2・5db4b0・マウスオンの帯の色*/
}

.pickup ul li a p {
	color: #111;
	padding-top: 3px; /*10px*/
	padding-right: 5px;/*5pxピックアップ文の左空き（スマホ共通）*/
	padding-bottom: 5px; /*20px*/
	padding-left: 5px;/*5pxピックアップ文の右空き（スマホ共通）*/
	margin-bottom: 20px; /*ピックアップ2段の場合の上下の空き*/
}

.pickup ul li a img {
	-webkit-filter: brightness(1); /*0.8*/
	-moz-filter: brightness(1); /*0.8*/
	-ms-filter: brightness(1); /*0.8*/
    filter:brightness(1); /*0.8*/
  -webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	width: 100%;
	height: 67%; /*50%*/
	object-fit: cover;
	border-radius: 0px;/*角丸・画像の角丸*/
	-webkit-border-radius: 0px;/*角丸*/
	-moz-border-radius: 0px;/*角丸*/
}

.pickup ul li a:hover img {
	opacity: 1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	-webkit-filter:brightness(1.1); /*1.2*/
    -moz-filter:brightness(1.1); /*1.2*/
    -ms-filter:brightness(1.1); /*1.2*/
    filter:brightness(1.1); /*1.2*/
}


.footer_box ul li a {
	color: #FFF;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	text-decoration: none;
	display: block;
	padding-top: 8px;
	padding-bottom: 0px;
	padding-left: 0px;/*文字の左位置*/
	font-size: 13px;
	line-height: 13px;
	padding-bottom: 5px;
	position: relative;
}

.footer_box ul li a::before {
	font-size: 10px;
	display: block;
	width: 10px;
	line-height: 22px;
	position: absolute;
	top: 4px;
	left: 6px;/*記号の左からの位置*/
	content: '>';/*フッターメニューの文字左の記号*/
}



img.img_left,
img.img_right {
	float: none;
	margin: auto;
}


header .h_box ul.h_lang {
	float: left;
	margin-left: 15px;
	margin-bottom: 10px;
}

header .h_btn a {
	float: left;
	margin-left: 13px;
	padding-top: 0px;
	padding-bottom: 0px;
	width: 280px;
	background-position: 240px center;
}

header .h_btn a::after {
	line-height: 26px;
}

h2 {
	font-size: 18px;
	line-height: 30px;
}

h2 a.btn_list {
	font-size: 14px;
	line-height: 26px;
	width: 90px;
	top: 5px;
}

h2 a.btn_list::before {
	line-height: 26px;
}

.loop_wrap {
  width: 400%;
}



.top_form {
	left: 0%;
	width: 100%;
	height: 100%;
	/*background-color: rgba(250,250,250,1);スマホのスライド部分のバック色*/
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;

}

.cont_list .list_box {
	width: 98%;
}
.service ul li,
.staff ul li {
	padding: 0px;
}
.service ul li img,
.staff ul li img {
	width: 140px;
}

.service ul li a .mask,
.staff ul li a .mask {
	width: 140px;
	height: 140px;
}


.footer_box .box_in {
	width: 100%;/*100%*/
}
.footer_box ul li .li_title {
	font-size: 12px;
	letter-spacing: 0px;
}

.footer_box ul li a {
	padding-left: 20px;
	font-size: 11px;
	line-height: 18px;
}

.footer_box .box_in ul {
	width: 21%;/*32%スマホ下部メニュー4段の場合*/
	margin-left: 3%;/*1%*/
	padding-right: 0px;
}

textarea,
input {
	max-width: 360px;
}
}
/*-----（/～560）-----*/

	
@media screen and (max-width:400px) {

.content .news ul li a {
	font-size: 12px;
}

.top_form {
	left: 2%;
	width: 96%;
}

.top_img .top_form dl dt {
	width: 20%;
}
.top_img .top_form dl dd {
	width: 70%;
}

.service ul li a .mask {
	width: 150px;
	height: 150px;
}

.footer_box .box_in ul {
	width: 50%;/*50%*/
	margin-left: 0;
	margin-right: 0;
	padding-left: 5%;
	padding-right: 5px;
}

textarea,
input {
	max-width: 280px;
}


}
/*-----（/～400）-----*/


/*
スライドショー
---------------------------------------------------------*/
.top_img {
	height: auto;
	width: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
}

.top_img img.img_base {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}
.top_img img.img01,
.top_img img.img02,
.top_img img.img03,
.top_img img.img04, 
.top_img img.img05, 
.top_img img.img06 {
	animation-name: album;
	-webkit-animation-name: album;
	animation-duration: 30s;
	-webkit-animation-duration: 30s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	opacity: 0;
	display: block;
	width: 100%;
	min-width: 760px;
	position: absolute;
	top: 0;
	left: 0;
}

.top_img img.img02 {
	animation-delay:5s;
	-webkit-animation-delay:5s;
}
.top_img img.img03 {
	animation-delay:10s;
	-webkit-animation-delay: 10s;
}
.top_img img.img04 {
	animation-delay:15s;
	-webkit-animation-delay: 15s;
}
.top_img img.img05 {
	animation-delay:20s;
	-webkit-animation-delay: 20s;
}
.top_img img.img06 {
	animation-delay:25s;
	-webkit-animation-delay: 25s;
}


@keyframes album {
	0% {
		opacity: 0;
-webkit-filter: blur(20px);
-moz-filter: blur(20px);
-ms-filter: blur(20px);
filter: blur(20px);
-webkit-transform: scale(1.0);
-moz-transform: scale(1.0);
-o-transform: scale(1.0);
-ms-transform: scale(1.0);
transform: scale(1.0);
	}
	
	6% {
		opacity: 1;
-webkit-filter: blur(0px);
-moz-filter: blur(0px);
-ms-filter: blur(0px);
filter: blur(0px);
	}

	20% {
		opacity: 1;
-webkit-transform: scale(1.15);
-moz-transform: scale(1.15);
-o-transform: scale(1.15);
-ms-transform: scale(1.15);
transform: scale(1.15);
	}
	26% {
		opacity: 0;
	}
}

@-webkit-keyframes album {
	0% {
		opacity: 0;
-webkit-filter: blur(20px);
-moz-filter: blur(20px);
-ms-filter: blur(20px);
filter: blur(20px);
-webkit-transform: scale(1.0);
-moz-transform: scale(1.0);
-o-transform: scale(1.0);
-ms-transform: scale(1.0);
transform: scale(1.0);
	}
	
	6% {
		opacity: 1;
-webkit-filter: blur(0px);
-moz-filter: blur(0px);
-ms-filter: blur(0px);
filter: blur(0px);
	}

	20% {
		opacity: 1;
-webkit-transform: scale(1.15);
-moz-transform: scale(1.15);
-o-transform: scale(1.15);
-ms-transform: scale(1.15);
transform: scale(1.15);
	}
	26% {
		opacity: 0;
	}
}
ここまで
*/


エフェクト／お問い合わせ枠＝d_02
-------------------------------------------*/
.effect {
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha( opacity=0 )";
	transform: translateY(30px);
	-webkit-transform: translateY(30px);  
    -moz-transform: translateY(30px); 
	-webkit-transition: 1.0s ease-out;
	-moz-transition: 1.0s ease-out;
	transition: 1.0s ease-out;
	margin-top: 0px;/*お知らせ枠の上空き*/
	margin-bottom: 10px;

}


.effect.d_02 {
    transition-delay: 0.2s;
    -webkit-transition-delay: 0.2s;
    color: #000000;
    margin-top: 30px;/*お問い合わせ枠の最上空き*/
    margin-bottom: 0px;/*お問い合わせ枠の電話番号の下空き*/
    padding-top:-15px;
    padding-bottom:0px;/*お気軽にお問い合わせくださいの文字の下空き*/
    margin-bottom: 40px;/*お問い合わせ枠の最下空き*/
}
.effect.d_04 {
transition-delay:0.4s;
-webkit-transition-delay:0.4s;
margin-top:35px;/*ピックアップの上の空き35*/
margin-bottom: 3px;/*ピックアップの下の空き*/
}
.effect.d_06 {
transition-delay:0.6s;
-webkit-transition-delay:0.6s;
}
.effect.d_08 {
transition-delay:0.8s;
-webkit-transition-delay:0.8s;}
.effect.start {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	transform: translateY(0px);
	-webkit-transform: translateY(0px);  
    -moz-transform: translateY(0px);    
}

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

.box_att  {
	text-align: left;
	padding: 25px;/*上下左右の空き幅*/
	background-color: #fff;/*枠全体の色*/
	border: 2px solid #FFF;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 7px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 7px 0px;
	-moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 7px 0px;
    margin-top: 20px;
    margin-bottom: 60px;
}
.box_att h2 {
	font-weight: bold;/*normal*/
	font-size: 36px;/*三和クリニックはの文字*/
	line-height: 35px;
	letter-spacing: 0em;
	font-family: "メイリオ", Meiryo, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', "ＭＳ Ｐゴシック", "MS PGothic";
	color: #3e55c6;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	text-align: center;
}
.box_att p {
	font-size: 17px;
	margin: 0px;
	color: #000000;
}	
.p40 {
    font-size: 40px;color: #fff;line-height:50px; font-family: Meiryo"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro"
	-moz-text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	-webkit-text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	-ms-text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}
.c-kkk{font-size: 32px;color: #000000; line-height: 44px; font-family: Meiryo"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";}
.c-kfg{font-size: 32px;color: #3e55c6; line-height: 48px; margin: 0px; font-weight: bold; font-family: Meiryo"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";}
.p18-kaka{font-size: 18px;color: #cf111b;line-height:18px; font-family: Meiryo"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro"}
.p32-kaka{font-size: 32px;color: #cf111b;line-height: 32px; font-family: Meiryo"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro"}
.p32-cc{font-size: 32px;color: #3e55c6;line-height: 32px; font-weight: bold; font-family: Meiryo"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro"}
.p30-b{font-size: 30px;color: #3e55c6;line-height: 26px; font-family: Meiryo"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro"}
.p30-r{font-size: 30px;color: #ff0000;line-height:2 6px; font-family: Meiryo"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro"}
.p26-b{font-size: 26px;color: #3e55c6;line-height: 26px; font-family: Meiryo"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro"}
.p26-d{font-size: 26px;color: #3e55c6;line-height: 32px; font-family: Meiryo"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro"}
.p26-p {font-size: 26px; color: #3e55c6; line-height: 39px; margin: 0px; font-weight: normal; font-family: Meiryo"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";}
.p26-b {font-size: 26px; color: #4a62af; line-height: 39px; margin: 0px; font-weight: bold; font-family: Meiryo"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";}
.p26-gk {font-size: 26px; color: #026736; line-height: 39px; margin: 0px; font-weight: bold; font-family: Meiryo"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";}
.p26-g {font-size: 26px; color: #55b715; line-height: 39px; margin: 0px; font-weight: bold; font-family: Meiryo"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";}
.p24-k {font-size: 24px; color: #000000; line-height: 39px; margin: 0px; font-weight: bold; font-family: Meiryo"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";}
.p26-h {font-size: 26px; color: #666666; line-height: 39px; margin: 0px; font-weight: bold; font-family: Meiryo"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";}
.p26-d {font-size: 26px; color: #3e55c6; line-height: 39px; margin: 0px; font-weight: bold; font-family: Meiryo"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";}
.p24-b{font-size: 24px;color: #3e55c6; line-height: 32px; font-family: Meiryo"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro"}
.p24{font-size: 24px;color: #3e55c6; line-height: 36px; font-weight: normal; font-family: Meiryo"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro"}
.p22-kg{font-size: 22px;color: #3e55c6; line-height: 30px; font-weight: bold; font-family: Meiryo"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro"}
.p24-kg{font-size: 24px;color: #3e55c6; line-height: 30px; font-weight: bold; font-family: Meiryo"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro"}
.p24-g{font-size: 24px;color: #55b715; line-height: 32px; font-family: Meiryo"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro"}
.p24-r{font-size: 24px;color: #ff0000;line-height: 32px; font-family: Meiryo"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro"}
.p22-g{font-size: 22px;color: #55b715;line-height: 30px; font-family: Meiryo"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro"}
.p22-b{font-size: 22px;color: #3e55c6;line-height: 30px; font-family: Meiryo"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro"}
.p22-b{font-size: 22px;color: #3e55c6;line-height: 30px; font-family: Meiryo"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro"}
.p24-k{font-size: 24px;color: #000;line-height: 31px; font-weight: bold; font-family: Meiryo"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro"}
.p22-d{font-size: 22px;color: #3e55c6;line-height: 30px; font-weight: bold; font-family: Meiryo"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro"}
.p20-b{font-size: 20px;color: #3e55c6;line-height: 30px; font-family: Meiryo"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro"}
.p20-w{font-size: 20px;color: #ffffff;line-height: 32px; font-family: Meiryo"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro"}
.p20-k {font-size: 20px; color: #000000; line-height: 30px; margin: 0px; font-weight: normal; font-family: Meiryo"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";}
.p20-r{font-size: 20px;color: #ff0000;line-height: 32px; font-family: Meiryo"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro"}
.p20-kg{font-size: 20px;color: #000;line-height: 32px; font-family: Meiryo"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro"}
.p19-kkg{font-size: 19px;color: #528fe7;line-height: 26px; font-weight: bold; font-family: Meiryo"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro"}
.p20-r{font-size: 20px;color: #ff0000;line-height: 30px; font-weight: bold; font-family: Meiryo"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro"}
.p20{font-size: 20px;color: #000000;line-height: 32px; font-family: Meiryo"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro"}
.p12-r {font-size: 12px;color: #ff0000;line-height:18px; font-family: Meiryo"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro"}
.p22 {font-size: 22px;color: #000000;line-height: 32px; font-family: Meiryo"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro"}
.p19 {font-size: 19px;color: #3e55c6;line-height: 30px; font-weight: bold; font-family: Meiryo"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro"}
.p18 {font-size: 18px;color: #000;line-height: 29px; font-family: Meiryo"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro"}
.p18-d {font-size: 18px;color: #ff6600;line-height: 29px; font-family: Meiryo"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro"}
.p18-w {font-size: 18px;color: #ffffff;line-height: 29px; font-family: Meiryo"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro"}
.p18-b {font-size: 18px;color: #3e55c6;line-height: 29px; font-family: Meiryo"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro"}
.p18-0 {font-size: 18px;color: #000000;line-height: 29px; font-family: Meiryo"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro"}
.p17-b {font-size: 17px;color: #3e55c6;line-height: 27px; font-family: Meiryo"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro"}
.p17 {font-size: 17px;color: #000000;line-height: 24px; font-family: Meiryo"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro"}
.p16 {font-size: 16px;color: #000000;line-height: 26px; font-family: Meiryo"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro"}
.p16-r {font-size: 16px;color: #ff0000;line-height: 26px; font-family: Meiryo"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro"}
.p16-b {font-size: 16px;color: #3e55c6;line-height: 26px; font-family: Meiryo"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro"}
.p15 {font-size: 15px; color: #000000; line-height: 22px; font-family: Meiryo"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro"}
.p14 {font-size: 14px;color: #000000;line-height: 22px;  style:text-align: right; font-family: Meiryo"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro"}
.p14-r {font-size: 14px;color: #ff0000;line-height: 20px; font-family: Meiryo"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro"}
.p14-2 {font-size: 14px;color: #FFFFFF;line-height: 22px; font-family: Meiryo"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro"}
.p14 {font-size: 14px;color: #000000;line-height: 22px; font-family: Meiryo"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro"}
.p13 {font-size: 13px;color: #000000;line-height: 20px; font-family: Meiryo"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro"}

.c-kg {color: #3e55c6; } /*濃緑*/
.c-kaka {color: #cf111b; } /*黒赤*/
.c-kkb {color: #231815; } /*最濃青*/
.c-kb {color: #3e55c6; } /*濃い青*/
.c-b {color: #528fe7; } /*少し薄い青*/
.c-bb {color: #4c72b4; } /*Wで使用*/
.c-saku {color: #ea6eaa; } /*さくら*/
.c-ua {color: #a7c9f2; } /*薄い青*/
.c-uua {color: #e2ebf7; } /*極薄い青*/
.c-d {color: #3e55c6; } /*橙*/
.c-y {color: #ffe100; } /*黄*/
.c-uy {color: #facf9a; } /*薄い黄*/
.c-kkg {color: #026736; } /*濃い緑*/
.c-g {color: #55b715; } /*緑*/
.c-kg {color: #a3cc6a; } /*黄緑*/
.c-ug {color: #e8f7e7; } /*薄い緑*/
.c-kh {color: #666666; } /*濃い灰*/
.c-h {color: #999999; } /*薄い灰*/
.c-uh {color: #cccccc; } /*極薄い灰*/
.c-uuh {color: #f5f5f5; } /*極極薄い灰*/
.c-k {color: #000000; } /*黒*/
.c-w {color: #ffffff; } /*白*/
.c-m {color: #9c308d; } /*紫*/
.c-r {color: #ff0000; } /*赤*/
.c-p {color: #f19ec2; } /*桃*/
.c-up {color: #f4e9e9; } /*薄い桃*/
.c-kd {color: #d36820; } /*濃い橙*/