/*===============================================
● 画面の横幅が375px以下
===============================================*/
@media screen and (max-width: 375px) {

/* ごあいさつ */
h2.aisatsu {
	margin:  30px 15px 15px 15px;
	padding:  5px  0px  5px 15px;
	border-left:   8px solid #2b5fa8;
	border-bottom: 1px solid #ccc;
/*	background-color: #eee;  */
	color: #111;
	font-size:   21px;
	font-weight: bold;
	line-height: 1.2em;
	text-align: left;
}

/* ごあいさつ文と代表者写真のエリア */
div.aisatsu {
	margin:   0px  0px  0px  0px;
	padding:  0px  0px  0px  0px;
/*	background-color: #ddd;  */
}

/* 代表者写真のエリア */
div.aisatsu-photo {
	margin:   0px  0px  0px  0px;
	padding: 10px  0px 10px  0px;
	width: 375px;
/*	background-color: #bbb;  */
	text-align: center;
}

/* ごあいさつ文のエリア */
div.aisatsu-sentence {
	margin:   0px  0px  0px  0px;
	padding: 10px 30px 10px 30px;
	width: 315px;
/*	background-color: #ccc;  */
}

/* 代表者写真 */
img.iiyama {
	margin: 0 auto;
	width: 300px;
}

/* 代表者写真のキャプション */
p.aisatsu-photo-caption {
	margin:   5px  0px  0px  0px;
	padding:  0px  0px  0px  0px;
	color: #111;
	font-size:   15px;
	line-height: 1.0em;
	text-align: center;
}

/* ごあいさつ文 */
p.aisatsu {
	margin:   5px  0px 10px  0px;
	padding:  0px  0px  0px  0px;
/*	background-color: #aaa;  */
	color: #111;
	font-size:   15px;
	line-height: 1.4em;
	text-align: left;
	text-indent: 1em;
}




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

/* ポリシー タイトル */
h2.office-policy {
	margin:  30px 15px 15px 15px;
	padding:  5px  0px  5px 15px;
	border-left:   8px solid #2b5fa8;
	border-bottom: 1px solid #ccc;
/*	background-color: #eee;  */
	color: #111;
	font-size:   21px;
	font-weight: bold;
	line-height: 1.2em;
	text-align: left;
}

/* ポリシー 小タイトル */
h3.office-policy {
	margin:  20px  0px 10px  0px;
	padding: 10px 30px 10px 30px;
/*	background-color: #eee;  */
	color: #111;
	font-size:   17px;
	font-weight: bold;
	line-height: 1.2em;
	text-align: left;
}

/* ポリシー 文 エリア */
div.office-policy {
	margin:   0px  0px  0px  0px;
	padding: 10px 30px 10px 30px;
	width: 315px;
/*	background-color: #ddd;  */
}

/* ポリシー 文 */
p.office-policy {
	margin:   5px  0px 10px  0px;
	padding:  0px  0px  0px  0px;
/*	background-color: #aaa;  */
	color: #111;
	font-size:   15px;
	line-height: 1.4em;
	text-align: left;
	text-indent: 1em;
}

/* ポリシー写真エリア */
div.office-policy-photo {
	margin:   0px  0px  0px  0px;
	padding: 10px  0px 10px  0px;
	width: 375px;
/*	background-color: #bbb;  */
	text-align: center;
}

/* ポリシー写真 個別 */
div.office-policy-photo-in {
	margin:   0px 37.5px 20px 37.5px;
	padding:  0px    0px  0px    0px;
	width: 300px;
/*	background-color: #bbb;  */
}

/* ポリシー写真 */
img.office-policy-photo {
	margin: 0 auto;
	width: 300px;
}

/* ポリシー写真のキャプション */
p.office-policy-photo-caption {
	margin:   5px  0px  0px  0px;
	padding:  0px  0px  0px  0px;
	color: #111;
	font-size:   15px;
	line-height: 1.0em;
	text-align: center;
}




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

/* 事務所概要 */
h2.office-profile {
	margin:  30px 15px 15px 15px;
	padding:  5px  0px  5px 15px;
	border-left:   8px solid #2b5fa8;
	border-bottom: 1px solid #ccc;
/*	background-color: #eee;  */
	color: #111;
	font-size:   21px;
	font-weight: bold;
	line-height: 1.2em;
	text-align: left;
}

/* 事務所概要の表と事務所外観写真のエリア */
div.office-profile {
	margin:  10px  0px 50px  0px;
	padding:  0px  0px  0px  0px;
/*	background-color: #ddd;  */
}

/* 事務所概要の表のエリア */
div.office-profile-info {
	margin:   0px  0px  0px  0px;
	padding:  0px 30px  0px 30px;
	width: 315px;
/*	background-color: #ccc;  */
}

/* 事務所外観写真のエリア */
div.office-profile-photo {
	margin:   0px  0px  0px  0px;
	padding: 10px  0px 10px  0px;
	width: 375px;
/*	background-color: #bbb;  */
	text-align: center;
}

/* 事務所概要の表 */
dl.office-profile {
	margin:   5px  0px 10px  0px;
	padding:  0px  0px  0px  0px;
	width: 315px;
/*	background-color: #aaa;  */
}

/* 事務所概要の表の見出し */
dl.office-profile dt {
	margin:   0px  0px  0px  0px;
	padding:  5px  0px  5px  0px;
	width: 315px;
/*	background-color: #aaa;  */
	color: #111;
	font-size:   15px;
	font-weight: bold;
	line-height: 1.4em;
	text-align: left;
}

/* 事務所概要の表の見出しに対応する内容 */
dl.office-profile dd {
	margin:   0px  0px  0px  0px;
	padding:  5px  0px 10px 30px;
	width: 285px;
	color: #111;
	font-size:   15px;
	line-height: 1.4em;
	text-align: left;
}

/* 代表者保有資格 */
ul.representative-qualification {
	margin:   0px  0px  0px  0px;
	padding:  0px  0px  0px  0px;
	width: 285px;
/*	background-color: #999;  */
	list-style-type: none;
	color: #111;
	font-size:   15px;
	line-height: 1.4em;
	text-align: left;
	overflow: hidden;  /* float 解除 */
}

/* 代表者保有資格一覧 */
ul.representative-qualification li {
	margin:   0px 20px  0px  0px;
	padding:  0px  0px  0px  0px;
	float: left;
}

/* 事務所外観写真 */
img.office-profile-photo {
	margin: 0 auto;
	width: 300px;
}

/* 事務所外観写真のキャプション */
p.office-profile-photo-caption {
	margin:   5px  0px  0px  0px;
	padding:  0px  0px  0px  0px;
	color: #111;
	font-size:   15px;
	line-height: 1.0em;
	text-align: center;
}
}


/*===============================================
● 画面の横幅が376px以上かつ480px以下
===============================================*/
@media screen and (min-width: 376px) and (max-width: 480px) {

/* ごあいさつ */
h2.aisatsu {
	margin:  30px 15px 15px 15px;
	padding:  5px  0px  5px 15px;
	border-left:   8px solid #2b5fa8;
	border-bottom: 1px solid #ccc;
/*	background-color: #eee;  */
	color: #111;
	font-size:   21px;
	font-weight: bold;
	line-height: 1.2em;
	text-align: left;
}

/* ごあいさつ文と代表者写真のエリア */
div.aisatsu {
	margin:   0px  0px  0px  0px;
	padding:  0px  0px  0px  0px;
/*	background-color: #ddd;  */
}

/* 代表者写真のエリア */
div.aisatsu-photo {
	margin:   0px  0px  0px  0px;
	padding: 10px  0px 10px  0px;
/*	width:   自動計算されるので不要 */
/*	background-color: #bbb;  */
	text-align: center;
}

/* ごあいさつ文のエリア */
div.aisatsu-sentence {
	margin:   0px  0px  0px  0px;
	padding: 10px 30px 10px 30px;
/*	width:   自動計算されるので不要 */
/*	background-color: #ccc;  */
}

/* 代表者写真 */
img.iiyama {
	margin: 0 auto;
	width: 300px;
}

/* 代表者写真のキャプション */
p.aisatsu-photo-caption {
	margin:   5px  0px  0px  0px;
	padding:  0px  0px  0px  0px;
	color: #111;
	font-size:   15px;
	line-height: 1.0em;
	text-align: center;
}

/* ごあいさつ文 */
p.aisatsu {
	margin:   5px  0px 10px  0px;
	padding:  0px  0px  0px  0px;
/*	background-color: #aaa;  */
	color: #111;
	font-size:   15px;
	line-height: 1.4em;
	text-align: left;
	text-indent: 1em;
}




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

/* ポリシー タイトル */
h2.office-policy {
	margin:  30px 15px 15px 15px;
	padding:  5px  0px  5px 15px;
	border-left:   8px solid #2b5fa8;
	border-bottom: 1px solid #ccc;
/*	background-color: #eee;  */
	color: #111;
	font-size:   21px;
	font-weight: bold;
	line-height: 1.2em;
	text-align: left;
}

/* ポリシー 小タイトル */
h3.office-policy {
	margin:  20px  0px 10px  0px;
	padding: 10px 30px 10px 30px;
/*	background-color: #eee;  */
	color: #111;
	font-size:   17px;
	font-weight: bold;
	line-height: 1.2em;
	text-align: left;
}

/* ポリシー 文 エリア */
div.office-policy {
	margin:   0px  0px  0px  0px;
	padding: 10px 30px 10px 30px;
/*	width:   自動計算されるので不要 */
/*	background-color: #ccc;  */
}

/* ポリシー 文 */
p.office-policy {
	margin:   5px  0px 10px  0px;
	padding:  0px  0px  0px  0px;
/*	background-color: #aaa;  */
	color: #111;
	font-size:   15px;
	line-height: 1.4em;
	text-align: left;
	text-indent: 1em;
}

/* ポリシー写真エリア */
div.office-policy-photo {
	margin:   0px  0px  0px  0px;
	padding: 10px  0px 10px  0px;
/*	width:   自動計算されるので不要 */
/*	background-color: #bbb;  */
	text-align: center;
}

/* ポリシー写真 個別 */
div.office-policy-photo-in {
	margin:   0 auto   20px;
	padding:  0px  0px  0px  0px;
	width: 300px;
/*	background-color: #bbb;  */
}

/* ポリシー写真 */
img.office-policy-photo {
	margin: 0 auto;
	width: 300px;
}

/* ポリシー写真のキャプション */
p.office-policy-photo-caption {
	margin:   5px  0px  0px  0px;
	padding:  0px  0px  0px  0px;
	color: #111;
	font-size:   15px;
	line-height: 1.0em;
	text-align: center;
}




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

/* 事務所概要 */
h2.office-profile {
	margin:  30px 15px 15px 15px;
	padding:  5px  0px  5px 15px;
	border-left:   8px solid #2b5fa8;
	border-bottom: 1px solid #ccc;
/*	background-color: #eee;  */
	color: #111;
	font-size:   21px;
	font-weight: bold;
	line-height: 1.2em;
	text-align: left;
}

/* 事務所概要の表と事務所外観写真のエリア */
div.office-profile {
	margin:  10px  0px 50px  0px;
	padding:  0px  0px  0px  0px;
/*	background-color: #ddd;  */
}

/* 事務所概要の表のエリア */
div.office-profile-info {
	margin:   0px  0px  0px  0px;
	padding:  0px 30px  0px 30px;
/*	width:   自動計算されるので不要 */
/*	background-color: #ccc;  */
}

/* 事務所外観写真のエリア */
div.office-profile-photo {
	margin:   0px  0px  0px  0px;
	padding: 10px  0px 10px  0px;
/*	width:   自動計算されるので不要 */
/*	background-color: #bbb;  */
	text-align: center;
}

/* 事務所概要の表 */
dl.office-profile {
	margin:   5px  0px 10px  0px;
	padding:  0px  0px  0px  0px;
/*	width:   自動計算されるので不要 */
/*	background-color: #aaa;  */
}

/* 事務所概要の表の見出し */
dl.office-profile dt {
	margin:   0px  0px  0px  0px;
	padding:  5px  0px  5px  0px;
/*	width:   自動計算されるので不要 */
/*	background-color: #aaa;  */
	color: #111;
	font-size:   15px;
	font-weight: bold;
	line-height: 1.4em;
	text-align: left;
}

/* 事務所概要の表の見出しに対応する内容 */
dl.office-profile dd {
	margin:   0px  0px  0px  0px;
	padding:  5px  0px 10px 30px;
/*	width:   自動計算されるので不要 */
	color: #111;
	font-size:   15px;
	line-height: 1.4em;
	text-align: left;
}

/* 代表者保有資格 */
ul.representative-qualification {
	margin:   0px  0px  0px  0px;
	padding:  0px  0px  0px  0px;
/*	width:   自動計算されるので不要 */
/*	background-color: #999;  */
	list-style-type: none;
	color: #111;
	font-size:   15px;
	line-height: 1.4em;
	text-align: left;
	overflow: hidden;  /* float 解除 */
}

/* 代表者保有資格一覧 */
ul.representative-qualification li {
	margin:   0px 20px  0px  0px;
	padding:  0px  0px  0px  0px;
	float: left;
}

/* 事務所外観写真 */
img.office-profile-photo {
	margin: 0 auto;
	width: 300px;
}

/* 事務所外観写真のキャプション */
p.office-profile-photo-caption {
	margin:   5px  0px  0px  0px;
	padding:  0px  0px  0px  0px;
	color: #111;
	font-size:   15px;
	line-height: 1.0em;
	text-align: center;
}
}


/*===============================================
● 画面の横幅が481px以上
===============================================*/
@media print, screen and (min-width: 481px) {

/* ごあいさつ */
h2.aisatsu {
	margin:  30px  0px 30px  0px;
	padding:  5px  0px  5px 20px;
	border-left:   8px solid #2b5fa8;
	border-bottom: 1px solid #ccc;
/*	background-color: #eee;  */
	color: #111;
	font-size:   23px;
	font-weight: bold;
	line-height: 1.2em;
	text-align: left;
}

/* ごあいさつ文と代表者写真のエリア */
div.aisatsu {
	margin:  10px  0px 50px  0px;
	padding:  0px  0px  0px  0px;
/*	background-color: #ddd;  */
	overflow: hidden;  /* float 解除 */
}

/* 代表者写真のエリア */
div.aisatsu-photo {
	margin:   0px 10px  0px 10px;
	padding:  0px  0px  0px  0px;
	width: 300px;
/*	background-color: #bbb;  */
	float: left;
}

/* ごあいさつ文のエリア */
div.aisatsu-sentence {
	margin:   0px  0px  0px  0px;
	padding:  0px 10px  0px 10px;
	width: 620px;
/*	background-color: #ccc;  */
	float: left;
}

/* 代表者写真 */
img.iiyama {
	width: 300px;
}

/* 代表者写真のキャプション */
p.aisatsu-photo-caption {
	margin:   5px  0px  0px  0px;
	padding:  0px  0px  0px  0px;
	color: #111;
	font-size:   15px;
	line-height: 1.0em;
	text-align: center;
}

/* ごあいさつ文 */
p.aisatsu {
	margin:   2px  0px  8px  0px;
	padding:  0px  0px  0px  0px;
/*	background-color: #aaa;  */
	color: #111;
	font-size:   15px;
	line-height: 1.4em;
	text-align: left;
	text-indent: 1em;
}




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

/* ポリシー タイトル */
h2.office-policy {
	margin:  30px  0px 30px  0px;
	padding:  5px  0px  5px 20px;
	border-left:   8px solid #2b5fa8;
	border-bottom: 1px solid #ccc;
/*	background-color: #eee;  */
	color: #111;
	font-size:   23px;
	font-weight: bold;
	line-height: 1.2em;
	text-align: left;
}

/* ポリシー 小タイトル */
h3.office-policy {
	margin:  20px  0px 10px  0px;
	padding: 10px 10px 10px 10px;
/*	background-color: #eee;  */
	color: #111;
	font-size:   17px;
	font-weight: bold;
	line-height: 1.2em;
	text-align: left;
}

/* ポリシー 文 エリア */
div.office-policy {
	margin:  10px  0px 30px  0px;
	padding:  0px 10px  0px 10px;
	width: 940px;
/*	background-color: #ddd;  */
}

/* ポリシー 文 */
p.office-policy {
	margin:   5px  0px 10px  0px;
	padding:  0px  0px  0px  0px;
	color: #111;
/*	background-color: #aaa;  */
	font-size:   15px;
	line-height: 1.6em;
	text-align: left;
	text-indent: 1em;
}

/* ポリシー写真エリア */
div.office-policy-photo {
	margin:  40px  0px 50px  0px;
	padding:  0px  0px  0px  0px;
/*	background-color: #bbb;  */
	overflow: hidden;  /* float 解除 */
}

/* ポリシー写真 個別 */
div.office-policy-photo-in {
	margin:   0px 10px  0px 10px;
	padding:  0px  0px  0px  0px;
	width: 300px;
/*	background-color: #bbb;  */
	float: left;
}

/* ポリシー写真 */
img.office-policy-photo {
	width: 300px;
}

/* ポリシー写真のキャプション */
p.office-policy-photo-caption {
	margin:   5px  0px  0px  0px;
	padding:  0px  0px  0px  0px;
	color: #111;
	font-size:   15px;
	line-height: 1.0em;
	text-align: center;
}




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

/* 事務所概要 */
h2.office-profile {
	margin:  30px  0px 30px  0px;
	padding:  5px  0px  5px 20px;
	border-left:   8px solid #2b5fa8;
	border-bottom: 1px solid #ccc;
/*	background-color: #eee;  */
	color: #111;
	font-size:   23px;
	font-weight: bold;
	line-height: 1.2em;
	text-align: left;
}

/* 事務所概要の表と事務所外観写真のエリア */
div.office-profile {
	margin:  10px  0px 50px  0px;
	padding:  0px  0px  0px  0px;
/*	background-color: #ddd;  */
	overflow: hidden;  /* float 解除 */
}

/* 事務所概要の表のエリア */
div.office-profile-info {
	margin:   0px  0px  0px  0px;
	padding:  0px 10px  0px 10px;
	width: 620px;
/*	background-color: #ccc;  */
	float: left;
}

/* 事務所外観写真のエリア */
div.office-profile-photo {
	margin:   0px 10px  0px 10px;
	padding:  0px  0px  0px  0px;
	width: 300px;
/*	background-color: #bbb;  */
	float: left;
}

/* 事務所概要の表 */
dl.office-profile {
	margin:   5px  0px 10px  0px;
	padding:  0px  0px  0px  0px;
	width: 620px;
/*	background-color: #aaa;  */
	color: #111;
	font-size:   15px;
	line-height: 1.4em;
	text-align: left;
	overflow: hidden;  /* float 解除 */
}

/* 事務所概要の表の見出し */
dl.office-profile dt {
	margin:   2px  0px  2px  0px;
	padding:  0px  0px  0px  0px;
	width: 140px;
/*	background-color: #aaa;  */
	float: left;
}

/* 事務所概要の表の見出しに対応する内容 */
dl.office-profile dd {
	margin:   2px  0px  2px  0px;
	padding:  0px  0px  0px  0px;
	width: 480px;
	float: left;
}

/* 代表者保有資格 */
ul.representative-qualification {
	margin:   0px  0px  0px  0px;
	padding:  0px  0px  0px  0px;
	width: 480px;
/*	background-color: #999;  */
	list-style-type: none;
	color: #111;
	font-size:   15px;
	line-height: 1.4em;
	text-align: left;
	overflow: hidden;  /* float 解除 */
}

/* 代表者保有資格一覧 */
ul.representative-qualification li {
	margin:   0px 20px  0px  0px;
	padding:  0px  0px  0px  0px;
	float: left;
}

/* 事務所外観写真 */
img.office-profile-photo {
	width: 300px;
}

/* 事務所外観写真のキャプション */
p.office-profile-photo-caption {
	margin:   5px  0px  0px  0px;
	padding:  0px  0px  0px  0px;
	color: #111;
	font-size:   15px;
	line-height: 1.0em;
	text-align: center;
}
}