@charset "UTF-8";
/*================================================
 *  CSSリセット
 ================================================*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-weight:normal;}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}

/*================================================
 *  一般・共通設定
 ================================================*/
body {
//	font-size:16px;
	font-family: verdana,"ヒラギノ丸ゴ Pro W3",ヒラギノ丸ゴ Pro W3,Hiragino Maru Gothic Pro,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",Osaka,sans-serif;
	color: #333;
	line-height:1.6;
}
* {
	margin: 0;
	padding: 0;
}

#contents {
//	width:980px;
//	margin:0 auto;
}

a {
	color:#f39100;
}
a:hover {
	color:#d98200;
}

h1 {
	font-size:160%;
}

h2 {
	margin-bottom:1.5em;
	font-size:220%;
	font-weight:bold;
	color:#2D6983;
}

h3 {
	margin-bottom:0.25em;
	font-size:125%;
	color:#e65305;
	font-weight:bold;
}

h4 {
	margin-bottom:0.25em;
	font-size:100%;
	font-weight:bold;
}

h5 {
	margin-bottom:0.25em;
	padding-left:5px;
	font-size:100%;
}

h6 {
	margin-bottom:0.25em;
	padding-left:5px;
	font-size:100%;
}

p {
	margin:0 0 1.5em 0;
}
p:last-of-type {
	margin-bottom:0;
}

img {
	vertical-align:bottom;
}

em {
	font-weight:bold;
}

strong {
	font-weight:bold;
	color:#ff0000;
}

pre {
	margin:1em 0;
	padding:1em;
}

blockquote {
	margin-bottom:1em;
	padding:1em;
	border:1px dotted #9b8462;
	border-left:5px solid #9b8462;
}

ul,ol,dl {
	margin:0 0 1em 0;
}
ul:last-of-type, ol:last-of-type, dl:last-of-type {
	margin-bottom:0;
}
ul li {
	list-style:disc;
}
ol li {
	list-style:decimal;
}
li {
	margin-left:2em;
}

dt {
	margin-bottom:0.5em;
	border-bottom:1px dotted #ddd;
}
dd {
	margin-bottom:1em;
}
dt:last-child, dd:last-child {
	margin-bottom:0;
}

table {
	width:100%;
	margin-bottom:1em;
	border-collapse:collapse;
	border:1px solid #9b8462;
}
table:last-child {
	margin-bottom:0;
}
th {
	padding:10px;
	text-align:center;
	vertical-align:middle;
	border:1px solid #9b8462;
	background:#ede2d5;
}
td {
	padding:10px;
	text-align:left;
	border:1px solid #9b8462;
}

/*================================================
 *  汎用クラス
 ================================================*/
/* 背景色 */
.box_blue,
.box_green,
.box_orange {
	margin:0 0 1em 0;
	padding:20px;
	border-radius:4px;
	background:#ccc;
}
.box_blue	{background:#317BC2;}
.box_green	{background:#F4F2D7;}
.box_orange	{background:#FCECDC;}

/* 背景色（色のみ） */
.bg_sky		{background:#E4F0FA;}
.bg_blue	{background:#317BC2;}
.bg_green	{background:#F4F2D7;}
.bg_orange	{background:#FCECDC;}

/* 文字　色・サイズ・寄せ */
.text_red	{color:red;}
.text_blue	{color:blue;}
.text_yellow	{color:orange;}

.text75		{font-size:75%;}
.text125	{font-size:125%;}

.text_center	{text-align:center;}
.text_left	{text-align:left;}
.text_right	{text-align:right;}

/* 上つき文字 */
sup {
	vertical-align:super;
	font-size:75%;
	padding-right:2px;
}
h2 sup {font-size:70%; padding-right:4px;}

/* dl type_clover */
dl.type_clover dt{
	position:relative;
	margin-left:30px;
	border:none;
}
dl.type_clover dt::before{
	content:url(../img/icon_clover.gif);
	position:absolute;
	top:2px;
	left:-30px;
}
dl.type_clover dd{
	margin-left:4em;
	margin-bottom:0.5em;
}
dl.type_clover dt:last-child, dl.type_clover dd:last-child {
	margin-bottom:0;
}

/* dl type_blue */
dl.type_blue dt{
	clear:both;
	float:left;
	width:4em;
	border:none;
	background:#3E6DB6;
	color:#FFF;
	text-align:center;
	letter-spacing:0.3em;
	padding-left:0.3em;
}
dl.type_blue dt.none{
	clear:both;
	width:100%;
	border:none;
	background:none;
	color:#333;
	text-align:left;
	letter-spacing:0;
	padding-left:0;
}
dl.type_blue dd{
	float:left;
	margin-left:1em;
	margin-bottom:0.5em;
}
dl.type_blue dt:last-of-type, dl.type_blue dd:last-of-type {
	margin-bottom:0;
}

/* float解除 */
.clear		{clear:both;}

/* float左・右 */
.div_left {
	clear:both;
	box-sizing:border-box;
	overflow:hidden;
	float:left;
	width:48%;
	margin-right:2%;
}
.div_right {
	box-sizing:border-box;
	overflow:hidden;
	float:right;
	width:48%;
	margin-left:2%;
}

/* 写真中央寄せ */
.img_center {
	clear:both;
	overflow:hidden;
	margin-bottom:50px;
	text-align:center;
}
.img_center:last-of-type {
	margin-bottom:0;
}
.img_center img {
	border-radius:5px;
	margin-bottom:0.5em;
}

/* 写真左寄せ */
.img_left {
	clear:both;
	overflow:hidden;
	margin-bottom:50px;
}
.img_left:last-of-type {
//	margin-bottom:0;
}
.img_left img {
	float:left;
//	margin:0 2em 2em 0;
	margin:0 2em 0 0;
	border-radius:5px;
}

/* 写真右寄せ */
.img_right {
	clear:both;
	overflow:hidden;
	margin-bottom:50px;
}
.img_right:last-of-type {
//	margin-bottom:0;
}
.img_right img {
	float:right;
//	margin:0 0 2em 2em;
	margin:0 0 0 2em;
	border-radius:5px;
}

/* フロー */
.flow_box div {
	margin-right:6px;
	margin-bottom:6px;
	padding:20px 20px 20px 82px;
	background:#fff;
	border:1px solid #6DA8DB;
	border-radius:16px;
	box-shadow:4px 4px 2px #6DA8DB;
}
.flow_box div:last-of-type {
	margin-bottom:6px;
}

.flow_box h3 {
	color: #000;
	font-size:160%;
}
.flow_box .flow_no {
	float:left;
	margin-top:-20px;
	margin-left:-60px;
	font-size:200%;
	color:#6DA8DB;
}

/* 矢印 */
.allow {
	position: relative;
	margin: 0;
	height:52px;
}
.allow:before {
//	content: '';
//	width: 64px;
//	height: 64px;
//	border:3px double #4084C5;
//	background:#fff;
//	border-radius: 50%;
//	position: absolute;
//	top: -65px;
//	left: 50%;
}
.allow:after {
	content: '';
	width: 36px;
	height: 36px;
	border-radius:2px;
	border: none;
	border-bottom: double 9px #6DA8DB;
	border-right: double 9px #6DA8DB;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top:-8px;
	left: 50%;
}

/*================================================
 *  ヘッダー
 ================================================*/
header {
	position:fixed;
	top:0;
	z-index:10;
	width:100%;
	min-height:66px;
	max-height:120px;
	background:#E5F1FB;
//	box-shadow:0 1px 4px #999;
	box-shadow:0 1px 2px rgba(0,0,0,0.3);
}

header .inner {
	overflow:hidden;
	width:980px;
	margin:0 auto;
	padding:5px 4px;
}

header h1 {
	float:left;
	width:35%;
	padding:5px 0;
}

header h1 a {
	color:#fff;
	text-decoration:none;
}

header h1 a:hover {
	color:#fff465;
}

/* グローバルナビゲーション */
header nav {
	float:right;
	width:62%;
	overflow:hidden;
	padding-top:8px;
}
header nav ul {
}
header nav li {
	position:relative;
	float:left;
	list-style:none;
	margin:0;
	padding:0 22px 0 0;
}

header nav li a {
	color:#999;
	text-decoration:none;
	text-shadow:1px 1px 1px #fff;
}

header nav li a:hover {
	color:#ffa06d;
	text-decoration:underline;;
}

/*================================================
 *  メイン
 ================================================*/
main {
	width:100%;
}

section {
	clear:both;
	overflow:hidden;
}
section .inner {
	clear:both;
	overflow:hidden;
	width:980px;
	margin:5% auto;
	padding:0 4px;
}

/*================================================
 *  フッター
 ================================================*/
footer {
	clear:both;
	padding:2% 0;
	background:#C3E1F2;
	font-size:75%;
	text-align:center;
}

/*================================================
 *  ページトップへの戻り
 ================================================*/
.totop {
	position:fixed;
	bottom:30px;
	right:30px;
}
.totop a {
	display:block;
	text-decoration:none;
}
.totop img {
	border-radius:50%;
	background:#ccc;
}
.totop img:hover {
	border-radius:50%;
	background:#6DA8DB;
}

/*================================================
 *  トップ画像
 ================================================*/
.ttl_top {
	background:#F7F0C6;
	margin-bottom:0;
	text-align:center;
}
.ttl_top img{
	width:980px;
}