@charset "utf-8";

/*↓margin、paddingの初期値設定（ブラウザごとの違いを統一）*/
*{
	margin:0;
	padding:0;
 }

/*↓border・padding 使用したときのレイアウト崩れ防止設定*/
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

/* iPadやiPhoneの右端余白防止設定 */
html,body{
    width: 100%;
}


/*↓文字の均等割り付け（右端を揃える）設定*/
html {
	text-align:justify;
	text-justify:inter-ideograph;
	line-break: strict;
}

body {
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	color: #504946;
	-webkit-text-size-adjust: 100%;	/*↓スマホで文字サイズの自動調節禁止の設定*/
}

/*↓画像の下にできる余白を取り除く設定*/
img {
	vertical-align:bottom;
}

/*↓リンク画像外枠消し設定*/
a img {
    border-style:none;
}

/*↓リンククリック時の点線枠消し設定*/
a {
    outline: none;
}

/*↓画像先読み設定*/
img.preload {
	display: none;
	width: 0px;
	height: 0px;
}

/* HTML5の新要素をブロックボックスとしてレンダリングさせる */
/*
article,aside,canvas,details,figcaption,figure,header,footer,main,menu,nav,section,summary {
	display: block;
}
*/

/*↓回り込み解除設定*/
.clear {
	clear: both;
}

/*↓コメントアウト*/
.comment-out {
	display:none;
}

/* ---- 共通設定ここまで ---- */

header {
	background: #002694 url(../image/header-bg.png) repeat-x;
	height: 150px;
}

.site-title {
	background: url(../image/header.png) no-repeat;
	height: 150px;
	width: 1000px;
	margin: 0px auto;
}

.site-title h1 {
	padding-top: 50px;
	margin-left: 20px;
}

.site-title h2 {
	color: #FFFFFF;
	font-weight: normal;
	font-size: 12pt;
	letter-spacing: 0.5px;
	margin-left: 35px;
	margin-top: -101px;
}

#license-number {
	color: #a0d8ef;
	font-size: 11pt;
	margin-left: 145px;
	margin-top: 73px;
}

.telephone {
/*  	background: #FF80FF; */
	margin-left: 720px;
	margin-top: -60px;
}

.tel-number {
	margin-left: 770px;
	margin-top: -27px;
/* 	background: #00F000; */
}

.location {
	color: #e6e6e6;
/* 	background: #FF8040; */
	text-align: right;
	margin-top: -5px;
}


/* フォントサイズ変更ボタンのレイアウト設定 */
.font-change-button {
/*   	background: #80FF80; */
	width: 1000px;
	text-align: right;
	padding-top: 10px;
	padding-bottom: 8px;
	margin: 0px auto;
}

.font-change {
	display: table;
	border-radius: 6px;
	-webkit-border-radius: 6px; /* Safari,Google Chrome用 */ 
	-moz-border-radius: 6px; /* Firefox用 */
	border: 1px solid #e3e3e2;
	background-color: rgba(193,228,233,0.2);
	padding: 10px 10px 15px 10px;
	margin-left: 700px;
}

.size-text {
	display: table-cell;
/* 	background: #FFC0FF; */
	vertical-align: top;
	padding-top: 8px;
	padding-right: 10px;
}

.size-button {
	display: table-cell;
}
/* フォントサイズ変更ボタンのレイアウト設定 */

/* フォントサイズ変更ボタンの設定 */
ul#textsize 		{list-style:none}
ul#textsize li		{display:inline-block;/display:inline;/zoom:1; vertical-align:middle;height:30px;}

ul#textsize li a	{
	border-radius:3px;
	background-color:#fefefe;
	background-image: linear-gradient(to bottom, #fefefe, #eee);
	padding:5px 10px;
	border:1px solid #ddd;
	display:block;
	text-decoration:none;
	vertical-align:middle;}

ul#textsize li a:visited {color: #0000ee;}

ul#textsize li a:hover	{
	color:#fff;
	border-radius:3px;
	background-color:#4169e1;
	background-image: linear-gradient(to bottom, #87cefa, #4169e1);
	padding:5px 10px;
	border:1px solid #ddd;
	display:block;
	text-decoration:none;}


.f1			{font-size: 100%;}
.f2			{font-size: 115%;}
.f3			{font-size: 130%;}

li a.f1,
li a.f2,
li a.f3		{font-size: 100%;}

ul#textsize li a:active {color: fff;}
/* フォントサイズ変更ボタンの設定 */

.top-image {
	height: 306px;
	background: url(../image/image-bg.gif);
	padding-top: 3px;
	padding-bottom: 3px;
	margin-bottom: 10px;
}

.top-image-photo {
	width: 1000px;
/* 	background: #FFF0FF; */
	margin: 0px auto;
}


.page-layout {	
/* 	background: #C0FFC0; */
	width: 1000px;
	margin: 0px auto;
}

.toppage-message {
	border-radius: 10px;
	-webkit-border-radius: 10px; /* Safari,Google Chrome用 */ 
	-moz-border-radius: 10px; /* Firefox用 */
	width: 980px;
	border: 4px solid #84a2d4;
	padding-bottom: 20px;
	margin: 0px auto 20px auto;
}

.toppage-message h1 {
	background: url(../image/title-line.png) no-repeat;
	height: 100px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	letter-spacing: 4px;
	color: #0068b7;
	font-size: 1.2em;
	padding-left: 140px;
	padding-top: 25px;
}

.work-summary {
	width: 880px;
/* 	background: #FFE0FF; */
	margin: 0px auto;
}

.work-summary ol {
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 20px;
}

.work-summary ul {
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 20px;
	list-style: url(../image/list-icon.gif);
}

.work-summary li {
	margin-bottom: 2px;
}

.work-summary span {
	font-size: 0.8em;
}

.privacy-mark {
/* 	background: #FFC040; */
	display: flex;
	flex-wrap: wrap;
	padding-left: 400px;
	margin-bottom: 20px;
}

.privacy-mark-txt {
	height: 100px;
	padding-top: 40px;
}

.privacy-mark-logo {
	width: 100px;
	height: 100px;
}


footer {
	width: 100%;
	background: #002694;
	height: 80px;
}

#copyright {
	width: 1000px;
/*   	background: #00C0C0; */
	text-align: center;
	color: #6495ed;
	padding-top: 10px;
	margin: 0px auto;
	display: block;
	font-size: 1.04em;
}

/* ページトップへ戻るボタン */
#back-top {
    position: fixed;
    bottom: 6%;
    right: 3%;}

#back-top span {
    width: 124px;
    height: 26px;
    display: block;}