@charset 'utf-8';
.singleTopRight {
float:right;
margin:0 20px 0 0;
position:relative;
top:-180px;
width:360px;
}

.copy {
background-color:#2e509b;
bottom:0;
color:#fff;
font-size:.65em;
height:20px;
line-height:1em;
margin:50px 0 0;
padding:10px 0 12px;
width:100%;
}

.scroll {
margin:0 auto;
position:relative;
top:-50px;
width:66px;
}
/*キャッチコピー*/
.catchCopy {
position:absolute;
top:300px;
z-index:300;
}

.catchCopy p {
background-color:#2e509a;
color:#fff;
display:table;
font-size:1.4em;
margin:0 0 10px;
padding:5px 10px;
}

.indexNav {
background-color:#FFF;
float:right;
margin:0 auto;
padding:20px 0;
top:0;
width:700px;
z-index:600;
}
/**
 * Masthead
 * -------------------------------------------------------------------------- */
.masthead {
margin:0 auto;
padding:0;
position:relative;
top:0;
width:75%;
z-index:-10;
}

.masthead-video,#mainImg {
height:auto;
margin:0;
padding:0;
width:100%;
}

.masthead-overlay {
background-image:url(../images/bgMovie001.png);
background-repeat:repeat;
bottom:0;
height:99.5%;
left:0;
position:absolute;
right:0;
top:0;
width:100%;
}

.indexContents ul li {
float:left;
margin:0 0 40px;
width:20.3%;
}

.TitleContents {
color:#2e509a;
font-size:1em;
letter-spacing:.2em;
text-align:center;
}
/* SET01
------------------------------------------------------------*/
.set01 header {
background-image:url(../images/ttl_h2_01.png);
background-position:center center;
background-repeat:no-repeat;
padding:80px 0;
text-align:center;
}
/* SET02
------------------------------------------------------------*/
.set02 header {
background-image:url(../images/ttl_h2_02.png);
background-position:center center;
background-repeat:no-repeat;
padding:80px 0;
text-align:center;
}
/* SET03
------------------------------------------------------------*/
.set03 header {
background-image:url(../images/ttl_h2_03.png);
background-position:center center;
background-repeat:no-repeat;
padding:80px 0;
text-align:center;
}
/* SET04
------------------------------------------------------------*/
.set04_02 {
-webkit-background-size:cover;
background:url(../images/bgSec001.jpg) no-repeat 100% 100% fixed;
background-size:cover;
padding:220px 20px;
text-align:center;
}
/* SET05
------------------------------------------------------------*/

.set05 p {
	margin: 0 0 5px 0;
}
.set05 ul li {
	font-size: .9em;
}
/* カラム
------------------------------------------------------------*/

.col3 li, .col4 li {
	line-height: 2.0;
	text-align: center;
}
.col2 dl dd {
	margin: 0;
}
/* 他
------------------------------------------------------------*/

/*ご挨拶*/
.indexProfile {
background-color:#2e509a;
margin:70px 0 0;
padding:0 0 30px;
}

.post {
color:#fff;
font-size:.8em;
}

.indexProfileDetail {
color:#fff;
font-size:.95em;
margin:10px 0 0;
}

.indexProfileNameJp {
color:#fff;
font-size:1.4em;
}

.indexProfileNameEng {
color:#4daedb;
}

.indexProfileLeft01 {
float:left;
width:50%;
}

.indexProfileRight01 {
float:right;
left:-30px;
margin:100px 0 0;
position:relative;
width:45%;
}

.indexProfileLeft02 {
float:right;
width:50%;
}

.indexProfileRight02 {
float:left;
margin:100px 0 0;
position:relative;
right:-30px;
width:45%;
}

.indexContents02 {
background-color:#2e509a;
margin-top:70px;
padding:10px 0;
}

.indexContents02 ul {
margin:0 auto;
max-width:60%;
}

.indexContents02 ul li {
float:left;
margin:0 0 0 5%;
width:44%;
}
/*弁護士手帳、お知らせ*/

.day, .title {
	float: left;
	margin: 0 10px 0 0 ;
}

.name {
background-color:#2e509a;
color:#fff8f8;
display:inline-block;
float:left;
font-size:.85em;
margin:-2px 5px 5px 0;
padding:5px;
text-align:center;
}

/*弁護士手帳*/
.indexColumns,.indexNews {
width:100%;
}

.indexColumns li p,.indexNews li p {
margin:0;
padding:0;
}

.indexColumns li {
display:block;
font-size:1.1em;
margin:0;
padding:20px 0;
text-align:left;
width:100%;
}

.indexColumns li a {
color:#2e509a;
}

.indexColumns li:nth-child(even) {
background-color:#f3f3f3;
}
/*お知らせ*/
.indexNews {
background-color:#f0f0f0;
margin:30px 0 0;
padding:0 0 30px;
}

.indexNews li {
border-bottom:1px solid #2e509a;
display:block;
font-size:1.1em;
margin:0;
padding:20px 0;
text-align:left;
width:100%;
}

.indexNews li a {
color:#2e509a;
}

.indexNews li:nth-child(even) {
background-color:#f3f3f3;
}
/*READ MORE*/
.linkList01 {
background-color:#2e509a;
color:#fff;
display:block;
margin:30px auto 0;
text-align:center;
text-decoration:none;
width:30%;
}

.linkList01 a {
background-color:#2e509a;
color:#fff;
display:block;
margin:0 auto;
padding:10px 0;
text-align:center;
text-decoration:none;
}

.linkList02 {
background-color:#4daedb;
color:#fff;
display:block;
margin:0 auto 30px;
text-align:center;
text-decoration:none;
width:30%;
}

.linkList02 a:hover {
background-color:#fff;
color:#4daedb;
display:block;
margin:0 auto;
padding:10px 0;
text-align:center;
text-decoration:none;
}

.headerTopDescription {
margin:0 auto;
padding:20px 0 0;
width:75%;
}

.headerTopDescription p {
color:#30509b;
text-align:left;
}

.indexContents ul:after,.indexProfileInner01:after,.indexProfileInner02:after,.indexContents02 ul:after,.text:after,.indexColumns li:after,.indexColumns:after,.indexNews li:after,.indexNews:after {
clear:both;
content:'.';
display:block;
height:0;
visibility:hidden;
}

.linkList01 a:hover,.linkList02 a {
background-color:#4daedb;
color:#fff;
display:block;
margin:0 auto;
padding:10px 0;
text-align:center;
text-decoration:none;
}
/*img*/

#mainImg img, .indexProfileLeft01 img, .indexProfileLeft02 img, .indexContents02 ul li img {
	width: 100%;
	height: auto;
}
.indexContents, .indexColumnsInner, .indexNewsInner, .indexProfileInner01, .indexProfileInner02, .indexProfileInner {
	max-width: 1190px;
	margin: 0 auto 0 auto;
}
.indexColumnsInner, .indexNewsInner {
	font-size: .95em;
}

/* RESPONSIVE 設定
------------------------------------------------------------*/

@media (min-width: 825px) and (max-width: 1440px) {
.masthead {
margin:0 auto;
padding:0;
position:relative;
top:0;
width:90%;
z-index:-10;
}

.headerTopDescription {
margin:0 auto;
padding:20px 0 0;
width:90%;
}
}

@media only screen and (min-width: 824px) {
.col3,.col4 {
text-align:center;
}

.col4 li {
display:inline-block;
margin:0;
padding:0 2%;
text-align:center;
vertical-align:top;
width:20%;
}

.col3 li {
display:inline-block;
margin:0;
padding:0 2.5% 50px;
text-align:left;
vertical-align:top;
width:28%;
}

.indexProfile .col2 li {
display:inline-block;
margin:0 0 20px;
padding:0 2.5% 50px;
text-align:left;
vertical-align:top;
width:44%;
}
/*none*/
#mainImg {
	display: none;
}
}

@media (min-width: 825px) and (max-width: 1024px) {
.indexNav {
background-color:#fff;
float:none;
margin:0 auto;
padding:20px 0;
top:0;
width:780px;
z-index:600;
}

.indexContents02 {
background-color:#2e509a;
margin:70px 0 0;
padding:10px 0;
}

.linkList01 {
background-color:#2e509a;
color:#fff;
display:block;
margin:30px auto 0;
text-align:center;
text-decoration:none;
width:30%;
}

.linkList01 a {
background-color:#2e509a;
color:#fff;
display:block;
margin:0 auto;
padding:10px 0;
text-align:center;
text-decoration:none;
}

.linkList01 a:hover {
background-color:#4daedb;
color:#fff;
display:block;
margin:0 auto;
padding:10px 0;
text-align:center;
text-decoration:none;
}
}

@media only screen and (max-width: 824px) {
.indexProfileInner {
	width: 95%;
	margin-right: auto;
	margin-left: auto;
}
.indexProfile .col2 li {
	margin: 0 0 40px 0;
}
#mainImg {
	width: 100%;
}
.singleTopRight {
	position: relative;
	top: 0;
	float: none;
	width: 300px;
	margin: 0 auto 0 auto;
}
.headerTopDescription {
	width: 95%;
	margin: 0 auto 0 auto;
	padding-top: 10px;
}
.headerTopDescription p {
	font-size: .95em;
	margin: 0 auto 0 auto;
	text-align: center;
	letter-spacing: .1em;
	color: #30509b;
}
.indexNav {
	position: relative;
	z-index: 600;
	top: 0;
	width: 100%;
	margin: 0;
	padding: 0;
}
.col3 li, .col4 li {
	display: block;
	margin: 50px auto 0 auto;
}
/* 他
------------------------------------------------------------*/
	/*ご挨拶*/
.post {
	font-size: .8em;
	color: #fff;
}
.indexProfile {
	margin: 70px 0 0 0;
	background-color: #2e509a;
}
.indexProfileDetail {
	color: #fff;
}
.indexProfileNameJp {
	font-size: 1.4em;
	color: #fff;
}
.indexProfileNameEng {
	color: #4daedb;
}
.indexProfileInner01, .indexProfileInner02 {
	width: 100%;
}
.indexProfileLeft01 {
	float: none;
	max-width: 300px;
	margin: 0 auto 0 auto;
}
.indexProfileRight01 {
	left: 0;
	float: none;
	width: 100%;
	margin: 20px 0 0 0;
}
.indexProfileLeft02 {
	float: none;
	max-width: 300px;
	margin: 0 auto 0 auto;
}
.indexProfileRight02 {
	right: 0;
	float: none;
	width: 100%;
	margin: 0;
}
.indexColumnsInner, .indexNewsInner, .indexContents ul {
	max-width: 95%;
	margin: 0 auto 0 auto;
}
.indexContents ul li {
	display: table-cell;
	float: left;
	width: 30.7%;
	height: 120px;
	margin: 0 0 40px 0;
}
.TitleContents {
	font-size: 1em;
	line-height: 1.1em;
	text-align: center;
	letter-spacing: 0;
	color: #2e509a;
}
/*READ MORE*/
.linkList01 {
	display: block;
	width: 80%;
	margin: 30px auto 0 auto;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background-color: #2e509a;
}
.linkList01 a {
	display: block;
	margin: 0 auto 0 auto;
	padding: 10px 0 10px 0;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background-color: #2e509a;
}
.linkList01 a:hover {
	display: block;
	margin: 0 auto 0 auto;
	padding: 10px 0 10px 0;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background-color: #4daedb;
}
.linkList02 {
	display: block;
	width: 80%;
	margin: 30px auto 20px auto;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background-color: #4daedb;
}
.linkList02 a {
	display: block;
	margin: 0 auto 0 auto;
	padding: 10px 0 10px 0;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background-color: #4daedb;
}
.linkList02 a:hover {
	display: block;
	margin: 0 auto 0 auto;
	padding: 10px 0 10px 0;
	text-align: center;
	text-decoration: none;
	color: #4daedb;
	background-color: #fff;
}
/*clear*/
.indexProfileInner01:after, .indexProfileInner02:after, .indexContents ul:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: '.';
}
/*img*/
.singleTopRight img, #mainImg, #mainImg img, .indexProfileLeft01 img, .indexProfileLeft02 img {
	width: 100%;
	height: auto;
}
/*none*/
.masthead, .scroll, .catchCopy {
	display: none;
}
}

@media (min-width: 414px) and (max-width: 736px) {
.indexContents02 ul {
	width: 60%;
	margin: 0 auto 0 auto;
	padding: 10px 0 10px 0;
}
.indexContents02 ul li {
	float: none;
	width: 100%;
	margin: 0;
}
/*clear*/
.indexContents02 ul:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: '.';
}
/*img*/
.indexContents02 ul li img {
	width: 100%;
	height: auto;
}
}

@media only screen and (max-width: 380px) {
.indexProfileInner {
	width: 90%;
	margin: 0 auto 0 auto;
}
.indexContents02 ul {
	width: 90%;
	margin: 0 auto 0 auto;
	padding: 10px 0 10px 0;
}
.indexContents02 ul li {
	float: none;
	width: 100%;
	margin: 0;
}
.indexColumnsInner, .indexNewsInner {
	max-width: 95%;
	margin: 0 auto 0 auto;
}
.indexProfileLeft01, .indexProfileLeft02 {
	float: none;
	width: 70%;
	margin: 0 auto 0 auto;
}
.col4 li {
	display: inline-block;
	width: 13%;
	margin: 0;
	padding: 0 0 0 2.2%;
	text-align: center;
	vertical-align: top;
}
/*clear*/
.indexContents02 ul:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: '.';
}
/*img*/
.col4 li img, .indexContents02 ul li img, .indexProfileLeft01 img, .indexProfileLeft02 img {
	width: 100%;
	height: auto;
}
}