@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c:400,500,700');
/* font-family: 'M PLUS Rounded 1c', sans-serif; */
/* font-family: 'Nunito', sans-serif; */

/* ####################################### */
/* 司法書士法人 小山鈴子事務所 */
/* ピンク #f2669f */
/* ####################################### */

/*------------------------初期化------------------------*/
/**
* Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
* http://cssreset.com
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
/*body {
line-height: 1;
}*/
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}

body {
color: #333;
background-color: #fff;
font-size: 14px;
font-family: 'M PLUS Rounded 1c', sans-serif;
text-align: center;
line-height: 1.6;
-webkit-text-size-adjust: none;
-webkit-touch-callout: none;
}

a,a:link,a:visited {color: #333; text-decoration: none; outline: 0;}
a:active,a:hover {color: #7bb6d3; text-decoration: underline;}
/*::selection {color: #fff; background-color: #333;}*/
/*hr {display: none;} CSS無効時の区切り線*/

/*floatのクリア*/
.clbth:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clbth {display: inline-block;}
/* hide IE-MAC \*/
* html .clbth {height: 1%;}
.clbth {display: block;}
/* end hide IE-MAC */

/* 共有クラス */
.resetfl {clear: both;}
.posLeft {float: left;}
.posRight {float: right;}
.txtLeft {text-align: left;}
.txtRight {text-align: right;}
.txtCenter {text-align: center;}
.txtSmall {font-size: 85%;}
.txtBold {font-weight: bold;}
.txtNormal {font-weight: normal;}
.notice {color: #f00;}
.vmid {vertical-align: middle;}
.noneBR {white-space: nowrap;}
.gothicFont {font-family: 'M PLUS Rounded 1c', sans-serif !important;}
.minchoFont {font-family: "Hiragino Mincho Pro W3","ヒラギノ明朝 Pro W3","ＭＳ 明朝","ＭＳ Ｐ明朝",serif !important;}
/* ++++++++++++++++++++++++++++++ [Start for Windows] +++++++++++++ */
*:first-child+html .txtSmall {font-size: 75%;}
*:first-child+html .gothicFont {font-family: 'M PLUS Rounded 1c', sans-serif !important;}
*:first-child+html .minchoFont {font-family: "ＭＳ 明朝","ＭＳ Ｐ明朝",serif !important;}
* html .txtSmall {font-size: 80%;}
* html .gothicFont {font-family: 'M PLUS Rounded 1c', sans-serif !important;}
* html .minchoFont {font-family: "ＭＳ 明朝","ＭＳ Ｐ明朝",serif !important;}
/* ++++++++++++++++++++++++++++++ [/End for Windows] +++++++++++++ */

.imgover, .mapLink {border: 0; vertical-align: bottom;}

/* Google Fonts
.enTypo {font-family: 'Pinyon Script', cursive;}*/
.enTypo {font-family: 'M PLUS Rounded 1c', sans-serif;}

/* All box-sizing */
*, *:after, *:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

/* ####################################### */
/* ヘッダー */
/* ロゴ、個別メニュー */
/* ####################################### */
#oyamaHead {
position: fixed;
z-index: 3;
width: 420px;
text-shadow: 0 1px 0 rgba(0,0,0,0.5);
}

#oyamaHead a, #oyamaHead a:link, #oyamaHead a:visited {color: #fff; text-decoration: none; outline: 0;}
#oyamaHead a:active, #oyamaHead a:hover {color: #fff;}

#oyamaLogo {
margin: 1em;
width: 300px;
min-height: 90px;
background: transparent url(../img/oyama_logo.png) left center no-repeat;
font-size: 120%;
text-align: left;
line-height: 1.6;
letter-spacing: 0.1em;
}
#oyamaLogo .enTypo {font-size: 70%; line-height: 1.2em; letter-spacing: 0;}
#oyamaLogo a {
display: block;
width: 100%;
height: 100%;
padding-left: 100px;
}
#oyamaLogo span {display: block;}
@media only screen and (-webkit-device-pixel-ratio: 2),
only screen and (-moz-device-pixel-ratio: 2),
only screen and (-o-device-pixel-ratio: 2) {
	#oyamaLogo {
	background: transparent url(../img/oyama_logo@2x.png) left center no-repeat;
	background-size: 90px 90px;
	}
}

#mainNavi {
display: block;
margin: 3em 1em;
width: 200px;
}
#mainNavi ul li {margin: 1.5em 0; letter-spacing: 0.1em;}
#mainNavi ul li span {display: block;}
#mainNavi ul li span.enTypo {line-height: 1.2em; letter-spacing: 0;}

/* ####################################### */
/* Buger Click */
/* http://codepen.io/hynden/full/CFGHf */
/* ####################################### */
.burgwrap {
display: none;
float: right;
width: 60px;
margin: 15px auto;
}

.artclose {
height: 30px;
width: 33px;
cursor: pointer;
}

.burgx, .burgx2, .burgx3 {
margin-top: 3px;
background: #fff;
width: 33px;
height: 4px;
position: absolute;
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
}

.burgx2 {margin-top: 13px;}
.burgx3 {margin-top: 23px;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
}

/*@media screen and (min-device-width: 760px) and (max-device-width: 959px) {*/
@media only screen and (min-device-width : 480px) and (max-device-width : 1024px) and (orientation : landscape), only screen and (min-device-width : 480px) and (max-device-width : 1024px) and (orientation : portrait) {
	#oyamaHead {width: 100%; background-color: #f2669f; z-index: 1000;}
	#oyamaLogo {float: left; min-height: 30px; background: none;}
	#oyamaLogo a {padding-left: 0;}
	#oyamaLogo .enTypo {display: none;}
	#oyamaLogo span {display: inline;}
	.burgwrap {display: block;}
	#mainNavi {display: none; clear: both; margin: 1em 0; width: 100%; text-align: left;}
	#mainNavi ul li {margin: 0; padding: 1em; line-height: 1.6; border-top: 1px solid rgba(255,255,255,0.5);}
	#mainNavi ul li a {display: block; width: 100%; height: 100%;}
	#mainNavi ul li span {display: inline;}
	#mainNavi ul li span.enTypo {display: none;}
	#mainNavi.visibleMenu {display: block;}
	#mainNavi.hiddenMenu {display: none;}
}
@media only screen and (max-device-width: 480px) {
	#oyamaHead {width: 100%; background-color: #f2669f; z-index: 1000;}
	#oyamaLogo {float: left; min-height: 30px; line-height: 30px; background: none; width: 220px; font-size: 110%; letter-spacing: normal;}
	#oyamaLogo a {padding-left: 0;}
	#oyamaLogo .enTypo {display: none;}
	#oyamaLogo span {display: inline;}
	.burgwrap {display: block;}
	#mainNavi {display: none; clear: both; margin: 1em 0; width: 100%; text-align: left;}
	#mainNavi ul li {margin: 0; padding: 1em; line-height: 1.6; border-top: 1px solid rgba(255,255,255,0.5);}
	#mainNavi ul li a {display: block; width: 100%; height: 100%;}
	#mainNavi ul li span {display: inline;}
	#mainNavi ul li span.enTypo {display: none;}
	#mainNavi.visibleMenu {display: block;}
	#mainNavi.hiddenMenu {display: none;}
}

/* ####################################### */
/* メニューフレーム PC用 */
/* メニュータイトル */
/* ####################################### */
#menuFrame {
position: fixed;
z-index: 2;
width: 420px;
height: 1000px;
background-image: url(../img/menu_bg@2x.png);
background-size: 420px 1000px;
background-position: left top;
}

#menuTitle {
width: 100%;
height: 200px;
position: fixed;
left: 0;
bottom: 0;
z-index: 1;
background: url(../img/gradient_white.png) left bottom no-repeat;
background-size: 100% 200px;
}
#menuTitle p {
position: absolute;
right: 20px;
bottom: 90px;
width: 160px;
/*height: 100px;*/
z-index: 35;
color: #fff;
letter-spacing: 0.1em;
text-shadow: 0 1px 0 rgba(0,0,0,0.5);
}
#menuTitle p .enTypo {
letter-spacing: normal;
}
#menuTitle p span {display: block;}
#menuCircle {
position: absolute;
right: 20px;
bottom: 35px;
width: 160px;
z-index: 30;
}
#menuCircle img {width: 160px; height: 160px; vertical-align: bottom;}

.zoomUp {
-webkit-animation: zoomCircle 0.5s ease-out 1;
-moz-animation: zoomCircle 0.5s ease-out 1;
-o-animation: zoomCircle 0.5s ease-out 1;
-ms-animation: zoomCircle 0.5s ease-out 1;
animation: zoomCircle 0.5s ease-out 1;
}

@-webkit-keyframes zoomCircle {
	0% {-webkit-transform: scale(0.2); opacity: 0;}
	70% {-webkit-transform: scale(1.2); opacity: 1;}
	100% {-webkit-transform: scale(1.0);}
}
@-moz-keyframes zoomCircle {
	0% {-moz-transform: scale(0.2); opacity: 0;}
	70% {-moz-transform: scale(1.2); opacity: 1;}
	100% {-moz-transform: scale(1.0);}
}
@-o-keyframes zoomCircle {
	0% {-o-transform: scale(0.2); opacity: 0;}
	70% {-o-transform: scale(1.2); opacity: 1;}
	100% {-o-transform: scale(1.0);}
}
@-ms-keyframes zoomCircle {
	0% {-ms-transform: scale(0.2); opacity: 0;}
	70% {-ms-transform: scale(1.2); opacity: 1;}
	100% {-ms-transform: scale(1.0);}
}
@keyframes zoomCircle {
	0% {transform: scale(0.2); opacity: 0;}
	70% {transform: scale(1.2); opacity: 1;}
	100% {transform: scale(1.0);}
}

/*@media screen and (min-device-width: 760px) and (max-device-width: 959px) {*/
@media only screen and (min-device-width : 480px) and (max-device-width : 1024px) and (orientation : landscape), only screen and (min-device-width : 480px) and (max-device-width : 1024px) and (orientation : portrait) {
	#menuFrame {display: none;}
	#menuTitle {background: none;}
}
@media only screen and (max-device-width: 480px) {
	#menuFrame {display: none;}
	#menuTitle {background: none;}
	#menuTitle p {
	padding: 0.5em;
	position: absolute;
	right: auto;
	bottom: 0;
	width: 100%;
	/*height: 100px;*/
	z-index: 0;
	color: #fff;
	background: #f2669f;
	letter-spacing: 0.1em;
	text-shadow: 0 1px 0 rgba(0,0,0,0.5);
	}
	#menuTitle p span, #menuCircle, #menuCircle img {display: none;}
}

/* ####################################### */
/* 妖精 */
/* ####################################### */
#fairyNavi {
position: fixed;
width: 120px;
height: 120px;
overflow: hidden;
z-index: 500;
}

.fairyLeft {
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
-o-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
}
.fairyRight {
-webkit-transform: scaleX(-1);
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-ms-transform: scaleX(-1);
transform: scaleX(-1);
}

#fairyNavi img {
max-width: initial;
height: 120px;
-webkit-animation: fairyFloat 1s linear infinite, fairyFry 0.2s steps(4) infinite;
-moz-animation: fairyFloat 1s linear infinite, fairyFry 0.2s steps(4) infinite;
-o-animation: fairyFloat 1s linear infinite, fairyFry 0.2s steps(4) infinite;
-ms-animation: fairyFloat 1s linear infinite, fairyFry 0.2s steps(4) infinite;
animation: fairyFloat 1s linear infinite, fairyFry 0.2s steps(4) infinite;
will-change: animation;
}
#kirakira {
position: absolute;
left: 0;
top: 0;
width: 120px;
height: 120px;
overflow: hidden;
z-index: 550;
display: block;
background-image: url(../img/fairy_kirakira.png);
background-position: 0 0;
background-size: 960px 120px;
-webkit-animation: fairyKirakira 6s steps(8) infinite;
-moz-animation: fairyKirakira 6s steps(8) infinite;
-o-animation: fairyKirakira 6s steps(8) infinite;
-ms-animation: fairyKirakira 6s steps(8) infinite;
animation: fairyKirakira 6s steps(8) infinite;
will-change: animation, transform;
}

/* 画像切り替え */
@-webkit-keyframes fairyKirakira {
	0% {background-position: 0 0;}
	8% {background-position: -960px 0;}
	100% {background-position: -960px 0;}
}
@-moz-keyframes fairyKirakira {
	0% {background-position: 0 0;}
	8% {background-position: -960px 0;}
	100% {background-position: -960px 0;}
}
@-o-keyframes fairyKirakira {
	0% {background-position: 0 0;}
	8% {background-position: -960px 0;}
	100% {background-position: -960px 0;}
}
@-ms-keyframes fairyKirakira {
	0% {background-position: 0 0;}
	8% {background-position: -960px 0;}
	100% {background-position: -960px 0;}
}
@keyframes fairyKirakira {
	0% {background-position: 0 0;}
	8% {background-position: -960px 0;}
	100% {background-position: -960px 0;}
}

/* 画像切り替え */
@-webkit-keyframes fairyFry {
	0% {margin-left: 0;}
	100% {margin-left: -480px;}
}
@-moz-keyframes fairyFry {
	0% {margin-left: 0;}
	100% {margin-left: -480px;}
}
@-o-keyframes fairyFry {
	0% {margin-left: 0;}
	100% {margin-left: -480px;}
}
@-ms-keyframes fairyFry {
	0% {margin-left: 0;}
	100% {margin-left: -480px;}
}
@keyframes fairyFry {
	0% {margin-left: 0;}
	100% {margin-left: -480px;}
}
/* 浮遊 */
@-webkit-keyframes fairyFloat {
	0% {-webkit-transform: translate(0px,-3px);}
	50% {-webkit-transform: translate(0px,3px);}
	100% {-webkit-transform: translate(0px,-3px);}
}
@-moz-keyframes fairyFloat {
	0% {-moz-transform: translate(0px,-3px);}
	50% {-moz-transform: translate(0px,3px);}
	100% {-moz-transform: translate(0px,-3px);}
}
@-o-keyframes fairyFloat {
	0% {-o-transform: translate(0px,-3px);}
	50% {-o-transform: translate(0px,3px);}
	100% {-o-transform: translate(0px,-3px);}
}
@-ms-keyframes fairyFloat {
	0% {-ms-transform: translate(0px,-3px);}
	50% {-ms-transform: translate(0px,3px);}
	100% {-ms-transform: translate(0px,-3px);}
}
@keyframes fairyFloat {
	0% {transform: translate(0px,-3px);}
	50% {transform: translate(0px,3px);}
	100% {transform: translate(0px,-3px);}
}

@media only screen and (max-device-width: 480px) {
	#fairyNavi, #fairyNavi img, #kirakira {display: none;}
}

/* ####################################### */
/* コンテンツ共有 */
/* ####################################### */
.inner {
position: relative;
width: 100%;
text-align: left;
}
.txtSheet {
margin: auto;
padding: 1.5em;
width: 95%;
background-color: rgba(255,255,255,0.7);
-webkit-border-radius: 1em 0 1em 0 / 1em 0 1em 0;
-moz-border-radius: 1em 0 1em 0 / 1em 0 1em 0;
-o-border-radius: 1em 0 1em 0 / 1em 0 1em 0;
-ms-border-radius: 1em 0 1em 0 / 1em 0 1em 0;
border-radius: 1em 0 1em 0 / 1em 0 1em 0;
}
.txtSheet:hover {background-color: rgba(255,255,255,0.9);}

/* ####################################### */
/* トップ */
/* ####################################### */
#topCnt {
margin: 0;
padding: 0;
min-height: 768px;
/*color: #fff;*/
background: url(../img/bgfull_top@2x.jpg) center top fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
-ms-background-size: cover;
background-size: cover;
}

#topMsg {
position: absolute;
right: 10%;
top: 10%;
color: #fff;
font-size: 180%;
}

#placeImage {
position: absolute;
right: 0;
top: 25%;
width: 640px;
height: 430px;
}
#kumamoto01 {
position: absolute;
left: 35%;
top: 0%;
z-index: 10;
width: 140px;
height: 140px;
overflow: hidden;
background: transparent url(../img/top_kumamoto01@2x.png) left top no-repeat;
background-size: 140px 140px;
-webkit-animation: rotateCircle 10.0s ease-in-out 1s infinite, zoomCircle 0.4s ease-out 0.6s 1;
-moz-animation: rotateCircle 10.0s ease-in-out 1s infinite, zoomCircle 0.4s ease-out 0.6s 1;
-o-animation: rotateCircle 10.0s ease-in-out 1s infinite, zoomCircle 0.4s ease-out 0.6s 1;
-ms-animation: rotateCircle 10.0s ease-in-out 1s infinite, zoomCircle 0.4s ease-out 0.6s 1;
animation: rotateCircle 10.0s ease-in-out 1s infinite, oomCircle 0.4s ease-out 0.6s 1;
will-change: animation;
}
#kumamoto02 {
position: absolute;
left: 5%;
top: 32%;
z-index: 15;
width: 240px;
height: 240px;
overflow: hidden;
background: transparent url(../img/top_kumamoto02@2x.png) left top no-repeat;
background-size: 240px 240px;
-webkit-animation: rotateCircle 10.0s ease-in-out 1.8s infinite, zoomCircle 0.2s ease-out 0.6s 1;
-moz-animation: rotateCircle 10.0s ease-in-out 1.8s infinite, zoomCircle 0.2s ease-out 0.6s 1;
-o-animation: rotateCircle 10.0s ease-in-out 1.8s infinite, zoomCircle 0.2s ease-out 0.6s 1;
-ms-animation: rotateCircle 10.0s ease-in-out 1.8s infinite, zoomCircle 0.2s ease-out 0.6s 1;
animation: rotateCircle 10.0s ease-in-out 1.8s infinite, zoomCircle 0.2s ease-out 1.6s 1;
will-change: animation;
}
#kumamoto03 {
position: absolute;
right: 0%;
bottom: 0%;
z-index: 20;
width: 360px;
height: 320px;
overflow: hidden;
background-image: url(../img/top_kumamoto03@2x.png);
background-position: 0 0;
background-size: 1440px 320px;
-webkit-animation: oyamaFade 3s ease-out 3s infinite, oyamaslide 12s steps(4) infinite;
-moz-animation: oyamaFade 3s ease-out 3s infinite, oyamaslide 12s steps(4) infinite;
-o-animation: oyamaFade 3s ease-out 3s infinite, oyamaslide 12s steps(4) infinite;
-ms-animation: oyamaFade 3s ease-out 3s infinite, oyamaslide 12s steps(4) infinite;
animation: oyamaFade 3s ease-out 3s infinite, oyamaslide 12s steps(4) infinite;
will-change: animation;
}

/* 画像切り替え */
@-webkit-keyframes oyamaslide {
	0% {background-position: 0 0;}
	100% {background-position: -1440px 0;}
}
@-moz-keyframes oyamaslide {
	0% {background-position: 0 0;}
	100% {background-position: -1440px 0;}
}
@-o-keyframes oyamaslide {
	0% {background-position: 0 0;}
	100% {background-position: -1440px 0;}
}
@-ms-keyframes oyamaslide {
	0% {background-position: 0 0;}
	100% {background-position: -1440px 0;}
}
@keyframes oyamaslide {
	0% {background-position: 0 0;}
	100% {background-position: -1440px 0;}
}

/* フェードインアウト */
@-webkit-keyframes oyamaFade {
	0% {opacity: 0;}
	20% {opacity: 1;}
	100% {opacity: 1;}
}
@-moz-keyframes oyamaFade {
	0% {opacity: 0;}
	20% {opacity: 1;}
	100% {opacity: 1;}
}
@-o-keyframes oyamaFade {
	0% {opacity: 0;}
	20% {opacity: 1;}
	100% {opacity: 1;}
}
@-ms-keyframes oyamaFade {
	0% {opacity: 0;}
	20% {opacity: 1;}
	100% {opacity: 1;}
}
@keyframes oyamaFade {
	0% {opacity: 0;}
	20% {opacity: 1;}
	100% {opacity: 1;}
}

/* 回転 */
@-webkit-keyframes rotateCircle {
	0% {-webkit-transform: perspective(200px) rotateY(0deg);}
	10% {-webkit-transform: perspective(200px) rotateY(360deg);}
	100% {-webkit-transform: perspective(200px) rotateY(360deg);}
}
@-moz-keyframes rotateCircle {
	0% {-moz-transform: rotateY(0deg);}
	10% {-moz-transform: rotateY(360deg);}
	100% {-moz-transform: rotateY(360deg);}
}
@-o-keyframes rotateCircle {
	0% {-o-transform: rotateY(0deg);}
	10% {-o-transform: rotateY(360deg);}
	100% {-o-transform: rotateY(360deg);}
}
@-ms-keyframes rotateCircle {
	0% {-ms-transform: rotateY(0deg);}
	10% {-ms-transform: rotateY(360deg);}
	100% {-ms-transform: rotateY(360deg);}
}
@keyframes rotateCircle {
	0% {transform: perspective(200px) rotateY(0deg);}
	10% {transform: perspective(200px) rotateY(360deg);}
	100% {transform: perspective(200px) rotateY(360deg);}
}

.txtCorporation {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
margin: auto;
padding: 3em 1.5em 2em;
width: 45%;
background-color: rgba(255,255,255,0.7);
-webkit-border-radius: 0 0 1em 1em / 0 0 1em 1em;
-moz-border-radius: 1em 0 1em 0 / 1em 0 1em 0;
-o-border-radius: 1em 0 1em 0 / 1em 0 1em 0;
-ms-border-radius: 1em 0 1em 0 / 1em 0 1em 0;
border-radius: 0 0 .5em .5em / 0 0 .5em .5em;
}
.txtCorporation:hover {background-color: rgba(255,255,255,0.9);}

.txtCorporation h1 {
font-size: 150%;
}
.txtCorporation p {
margin-top: 1em;
font-size: 110%;
line-height: 1.8;
text-align: justify;
text-justify: inter-ideograph;
}
.txtCorporation p.ymd {
text-align: right;
}

@media only screen and (min-device-width : 480px) and (max-device-width : 1024px) and (orientation : landscape), only screen and (min-device-width : 480px) and (max-device-width : 1024px) and (orientation : portrait) {
	#topCnt {
	background: url(../img/bgfull_top@2x.jpg) center top;
	-webkit-background-size: auto 100%;
	-moz-background-size: auto 100%;
	-o-background-size: auto 100%;
	-ms-background-size: auto 100%;
	background-size: auto 100%;
	}
	.txtCorporation {
	left: 2em;
	transform: translateX(0);
	width: 60%;
	padding: 5em 1.5em 2em;
	}
}
@media only screen and (min-device-width : 480px) and (max-device-width : 1024px) and (orientation : portrait) {
	#topCnt {min-height: 1024px;}
	#placeImage {top: 50%;}
	.txtCorporation {
	left: 50%;
	transform: translateX(-50%);
	width: 80%;
	}
}
@media only screen and (max-device-width: 480px) {
	#topCnt {
	min-height: 100vh;
	background: url(../img/bgfull_top.jpg) center top;
	-webkit-background-size: auto 100%;
	-moz-background-size: auto 100%;
	-o-background-size: auto 100%;
	-ms-background-size: auto 100%;
	background-size: auto 100%;
	}
	#topMsg {
	left: 15px;
	right: auto;
	top: 65px;
	font-size: 120%;
	}
	#kumamoto01, #kumamoto02 {display: none;}
	#placeImage {width: 100%; height: 300px;}
	#kumamoto03 {display: none;}
/*	#kumamoto03 {
	width: 180px;
	height: 160px;
	background-image: url(../img/top_kumamoto03.png);
	background-position: 0 0;
	background-size: 720px 160px;
	}*/
	.txtCorporation {
	position: static;
	top: auto;
	left: auto;
	transform: translateX(0);
	width: 90%;
	padding: 5em 1.5em 2em;
	}
	.txtCorporation h1 {
	font-size: 120%;
	}
	.txtCorporation p {
	margin-top: .5em;
	font-size: 90%;
	line-height: 1.6;
	}

	/* 画像切り替え */
	@-webkit-keyframes oyamaslide {
		0% {background-position: 0 0;}
		100% {background-position: -720px 0;}
	}
	@-moz-keyframes oyamaslide {
		0% {background-position: 0 0;}
		100% {background-position: -720px 0;}
	}
	@-o-keyframes oyamaslide {
		0% {background-position: 0 0;}
		100% {background-position: -720px 0;}
	}
	@-ms-keyframes oyamaslide {
		0% {background-position: 0 0;}
		100% {background-position: -720px 0;}
	}
	@keyframes oyamaslide {
		0% {background-position: 0 0;}
		100% {background-position: -720px 0;}
	}
}

/* ####################################### */
/* 事務所ポリシー */
/* ####################################### */
#policyCnt {
margin: 0;
padding: 0;
min-height: 768px;
/*color: #fff;*/
background: url(../img/bgfull_office@2x.jpg) center top fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
-ms-background-size: cover;
background-size: cover;
}

#policyCnt .inner {
padding-top: 100px;
padding-left: 320px;
}

#policyCnt h1 {
font-size: 200%;
/*text-shadow: 1px 1px 1px rgba(0,0,0,0.85);*/
}
#policyCnt p {
margin-top: 1.5em;
/*margin-right: 3em;*/
font-size: 120%;
line-height: 3em;
/*text-shadow: 1px 1px 1px rgba(0,0,0,0.85);*/
text-align: justify;
text-justify: inter-ideograph;
}

#suzuOyama {
position: absolute;
left: 190px;
top: 120px;
z-index: 550;
width: 160px;
height: 160px;
background: url(../img/suzu@2x.png) left top no-repeat;
background-size: 160px;
}
br.manualBr {display: none;}

@media screen and (min-device-width: 1098px) {
br.manualBr {display: block;}
}

/*@media screen and (min-device-width: 760px) and (max-device-width: 959px) {*/
@media only screen and (min-device-width : 480px) and (max-device-width : 1024px) and (orientation : landscape), only screen and (min-device-width : 480px) and (max-device-width : 1024px) and (orientation : portrait) {
	#policyCnt {
	background: url(../img/bgfull_office@2x.jpg) center top;
	-webkit-background-size: auto 100%;
	-moz-background-size: auto 100%;
	-o-background-size: auto 100%;
	-ms-background-size: auto 100%;
	background-size: auto 100%;
	}
	.txtSheet {margin: 0 auto;}
	#policyCnt .inner {padding-left: 0;}
	#suzuOyama {left: 30px; top: 400px;}
}
@media only screen and (min-device-width : 480px) and (max-device-width : 1024px) and (orientation : portrait) {
	#policyCnt {min-height: 1024px;}
}
@media only screen and (max-device-width: 480px) {
	#policyCnt {
	background: url(../img/bgfull_office.jpg) center top;
	-webkit-background-size: auto 100%;
	-moz-background-size: auto 100%;
	-o-background-size: auto 100%;
	-ms-background-size: auto 100%;
	background-size: auto 100%;
	}
	.txtSheet {margin: 0 auto;}
	#policyCnt {min-height: 480px;}
	#policyCnt .inner {padding-left: 0;}
	#policyCnt h1 {font-size: 120%;}
	#policyCnt p {font-size: 100%; line-height: 1.6em;}
	#suzuOyama {
	position: relative;
	left: auto;
	top: auto;
	margin: 1em auto;
	min-width: 100px;
	width: 90px;
	height: 90px;
	background: url(../img/suzu@2x.png) left top no-repeat;
	background-size: 90px;
	}
}

/* ####################################### */
/* 業務案内 */
/* ####################################### */
#infoCnt {
margin: 0;
padding: 0;
min-height: 768px;
background: url(../img/bgfull_info@2x.jpg) center top fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
-ms-background-size: cover;
background-size: cover;
}

#infoCnt .inner {
padding-top: 100px;
padding-left: 320px;
padding-bottom: 100px;
}
#infoCnt .txtSheet {
/*position: relative;
background-color: transparent;*/
}

#infoCnt h2 {
color: #f2669f;
font-size: 100%;
font-weight: bold;
text-align: justify;
text-justify: inter-ideograph;
}
#infoCnt h3 {
margin-bottom: 0.5em;
font-size: 100%;
line-height: 1.8;
text-align: justify;
text-justify: inter-ideograph;
}
#infoCnt p {
margin-bottom: 0.5em;
padding-left: 2em;
font-size: 85%;
text-indent: -2em;
text-align: justify;
text-justify: inter-ideograph;
}
#infoCnt p.normalIndent {padding-left: 0; text-indent: 0;}

/*@media screen and (min-device-width: 760px) and (max-device-width: 959px) {*/
@media only screen and (min-device-width : 480px) and (max-device-width : 1024px) and (orientation : landscape), only screen and (min-device-width : 480px) and (max-device-width : 1024px) and (orientation : portrait) {
	#infoCnt {
	background: url(../img/bgfull_info@2x.jpg) center top;
	-webkit-background-size: auto 100%;
	-moz-background-size: auto 100%;
	-o-background-size: auto 100%;
	-ms-background-size: auto 100%;
	background-size: auto 100%;
	}
	#infoCnt .inner {padding-left: 0;}
}
@media only screen and (min-device-width : 480px) and (max-device-width : 1024px) and (orientation : portrait) {
	#infoCnt {min-height: 1024px;}
}
@media only screen and (max-device-width: 480px) {
	#infoCnt {
	background: url(../img/bgfull_info.jpg) center top;
	-webkit-background-size: auto 100%;
	-moz-background-size: auto 100%;
	-o-background-size: auto 100%;
	-ms-background-size: auto 100%;
	background-size: auto 100%;
	}
	#infoCnt .inner {padding-left: 0;}
}

/* ####################################### */
/* 資格者紹介 */
/* ####################################### */
#qualifiCnt {
margin: 0;
padding: 0 0 6em;
min-height: 768px;
background: url(../img/bgfull_qualifi@2x.jpg) center top fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
-ms-background-size: cover;
background-size: cover;
}

#qualifiCnt .inner {
padding-top: 100px;
padding-left: 320px;
}

#qualifiCnt .txtSheet {
margin: 0 auto 1em;
}
#qualifiCnt .txtSheet h2 {
font-size: 120%;
}
#qualifiCnt .txtSheet h2 span {font-size: 80%;}

#qualifiCnt p {
margin-top: 1em;
font-size: 100%;
line-height: 1.8em;
text-align: justify;
text-justify: inter-ideograph;
}
.profile {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.profile .profileTxt {
width: 100%;
}
#hirayama, #yamada, #yoshida, #shiota {
margin: 1em auto;
min-width: 160px;
width: 140px;
height: 140px;
background: url(../img/staff_hirayama@2x.png) left top no-repeat;
background-size: 140px;
}
#yamada {
background: url(../img/staff_yamada@2x.png) left top no-repeat;
background-size: 140px;
}
#yoshida {
background: url(../img/staff_yoshida@2x.png) left top no-repeat;
background-size: 140px;
}
#shiota {
background: url(../img/staff_shiota@2x.png) left top no-repeat;
background-size: 140px;
}

.staffAssistance {
margin: 0 auto 1em;
width: 95%;
}
.staffAssistance img {
overflow: hidden;
vertical-align: bottom;
width: 300px;
height: auto;
border: 2px solid #f2669f;
border-radius: 12px;
pointer-events: none;
}

/*@media screen and (min-device-width: 760px) and (max-device-width: 959px) {*/
@media only screen and (min-device-width : 480px) and (max-device-width : 1024px) and (orientation : landscape), only screen and (min-device-width : 480px) and (max-device-width : 1024px) and (orientation : portrait) {
	#qualifiCnt {
	background: url(../img/bgfull_qualifi@2x.jpg) center top;
	-webkit-background-size: auto 100%;
	-moz-background-size: auto 100%;
	-o-background-size: auto 100%;
	-ms-background-size: auto 100%;
	background-size: auto 100%;
	}
	#qualifiCnt .inner {padding-left: 0;}
}
@media only screen and (min-device-width : 480px) and (max-device-width : 1024px) and (orientation : portrait) {
	#qualifiCnt {min-height: 1024px;}
}
@media only screen and (max-device-width: 480px) {
	#qualifiCnt {
	background: url(../img/bgfull_qualifi.jpg) center top;
	-webkit-background-size: auto 100%;
	-moz-background-size: auto 100%;
	-o-background-size: auto 100%;
	-ms-background-size: auto 100%;
	background-size: auto 100%;
	}
	#qualifiCnt .inner {padding-left: 0;}
	#hirayama, #yamada, #yoshida, #shiota {
	margin: 1em auto;
	min-width: 100px;
	width: 80px;
	height: 80px;
	background: url(../img/staff_hirayama@2x.png) left top no-repeat;
	background-size: 80px;
	}
	#yamada {
	background: url(../img/staff_yamada@2x.png) left top no-repeat;
	background-size: 80px;
	}
	#yoshida {
	background: url(../img/staff_yoshida@2x.png) left top no-repeat;
	background-size: 80px;
	}
	#shiota {
	background: url(../img/staff_shiota@2x.png) left top no-repeat;
	background-size: 80px;
	}
}

/* ####################################### */
/* 個人情報保護方針 */
/* ####################################### */
#privacyCnt {
margin: 0;
padding: 0;
min-height: 768px;
/*color: #fff;*/
background: url(../img/bgfull_privacy@2x.jpg) center top fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
-ms-background-size: cover;
background-size: cover;
}

#privacyCnt .inner {
padding-top: 100px;
padding-left: 320px;
}

#privacyCnt h1 {font-size: 120%;}

#privacyCnt ol {
margin-top: 2em;
margin-left: 1em;
list-style: disc outside;
}

#privacyCnt ol li {
margin: 1.5em 0;
/*text-shadow: 1px 1px 1px rgba(0,0,0,0.85);*/
text-align: justify;
text-justify: inter-ideograph;
}

/*@media screen and (min-device-width: 760px) and (max-device-width: 959px) {*/
@media only screen and (min-device-width : 480px) and (max-device-width : 1024px) and (orientation : landscape), only screen and (min-device-width : 480px) and (max-device-width : 1024px) and (orientation : portrait) {
	#privacyCnt {
	background: url(../img/bgfull_privacy@2x.jpg) center top;
	-webkit-background-size: auto 100%;
	-moz-background-size: auto 100%;
	-o-background-size: auto 100%;
	-ms-background-size: auto 100%;
	background-size: auto 100%;
	}
	#privacyCnt .inner {padding-left: 0;}
}
@media only screen and (min-device-width : 480px) and (max-device-width : 1024px) and (orientation : portrait) {
	#privacyCnt {min-height: 1024px;}
}
@media only screen and (max-device-width: 480px) {
	#privacyCnt {
	background: url(../img/bgfull_privacy.jpg) center top;
	-webkit-background-size: auto 100%;
	-moz-background-size: auto 100%;
	-o-background-size: auto 100%;
	-ms-background-size: auto 100%;
	background-size: auto 100%;
	}
	#privacyCnt .inner {padding-left: 0;}
	#privacyCnt h1 {font-size: 100%;}
	#privacyCnt ol li  {font-size: 85%;}
}

/* ####################################### */
/* アクセス */
/* ####################################### */
#accessCnt {
margin: 0;
padding: 0;
min-height: 768px;
}
#accessCnt .inner {
/*padding-top: 120px;
padding-left: 320px;*/
}
#accessMap {
width: 100%;
/*height: 328px;*/
height: 348px;
}

#oyamaAddress {padding-left: 320px;}
#oyamaAddress h1 {font-size: 120%;}

#carousel {
margin-top: -70px;
margin-left: 260px;
margin-bottom: 20px;
width: 720px;
height: 140px;
background: transparent;
overflow: hidden;
}
.carousel_box {
width: 180px;
height: 180px;
overflow: hidden;
}
.carousel_box img {height: 140px;}

/*@media screen and (min-device-width: 760px) and (max-device-width: 959px) {*/
@media only screen and (min-device-width : 480px) and (max-device-width : 1024px) and (orientation : landscape), only screen and (min-device-width : 480px) and (max-device-width : 1024px) and (orientation : portrait) {
	#accessCnt .inner {padding-left: 0;}
	#oyamaAddress {padding-left: 2em;}
	#carousel {margin-left: auto; margin-right: auto; width: 720px;}
}
@media only screen and (min-device-width : 480px) and (max-device-width : 1024px) and (orientation : portrait) {
	#accessCnt {min-height: 1024px;}
}
@media only screen and (max-device-width: 480px) {
	#accessCnt .inner {padding-left: 0;}
	#oyamaAddress {padding-left: 1em; width: 95%;}
	#oyamaAddress address span {display: block;}
	#oyamaAddress h1 {font-size: 100%;}
	#phoneNumber {font-size: 85%;}
	#carousel {margin-left: auto; margin-right: auto; width: 180px;}
}

/* ####################################### */
/* フッター */
/* ####################################### */
footer {
position: fixed;
left: 0;
bottom: 0;
z-index: 2;
margin: 0;
padding: 0;
width: 100%;
font-size: 12px;
font-family: 'verdana', sans-serif;
text-align: left;
/*text-transform: capitalize;*/
}
footer a,footer a:link,footer a:visited {color: #333; text-decoration: none; outline: 0;}
footer a:active,footer a:hover {color: #6c9bd2; text-decoration: underline;}

#copyRight {
margin: 1em;
padding: 0;
color: #666;
font-size: 85%;
text-align: right;
}

/*@media screen and (min-device-width: 760px) and (max-device-width: 959px) {*/
@media only screen and (min-device-width : 480px) and (max-device-width : 1024px) and (orientation : landscape), only screen and (min-device-width : 480px) and (max-device-width : 1024px) and (orientation : portrait) {
}
@media only screen and (max-device-width: 480px) {
	footer {background-color: #666; position: static;}
	#copyRight {margin: 0.2em; color: #fff; text-align: center;}
	#copyRight span {display: block;}
}

/* ####################################### */
/* CSSアニメーション */
/* ####################################### */
.Fadein {
-webkit-animation-name: fadeinImage;
-webkit-animation-duration: 0.6s;
-webkit-animation-timing-function: ease-out;
-webkit-animation-iteration-count: 1;
-moz-animation-name: fadeinImage;
-moz-animation-duration: 0.6s;
-moz-animation-timing-function: ease-out;
-moz-animation-iteration-count: 1;
-o-animation-name: fadeinImage;
-o-animation-duration: 0.6s;
-o-animation-timing-function: ease-out;
-o-animation-iteration-count: 1;
-ms-animation-name: fadeinImage;
-ms-animation-duration: 0.6s;
-ms-animation-timing-function: ease-out;
-ms-animation-iteration-count: 1;
animation-name: fadeinImage;
animation-duration: 0.6s;
animation-timing-function: ease-out;
animation-iteration-count: 1;
}

@-webkit-keyframes fadeinImage {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@-moz-keyframes fadeinImage {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@-o-keyframes fadeinImage {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@-ms-keyframes fadeinImage {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes fadeinImage {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

/* ####################################### */
/* ページナビ */
/* ####################################### */
.wp-pagenavi {clear: both; text-align: center;}

.wp-pagenavi a, .wp-pagenavi span {
text-decoration: none;
margin: 2px;
padding: 0.25em 0.5em;
border: 1px solid #00a99d;
/*-webkit-border-radius: 1.0em;
-moz-border-radius: 1.0em;
-o-border-radius: 1.0em;
-ms-border-radius: 1.0em;
border-radius: 1.0em;*/
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
color: #fff;
background-color: #00a99d;
border-color: #00a99d;
}
.wp-pagenavi span.pages {color: #00a99d; border: none;}
.wp-pagenavi a {color: #00a99d;}
/*.wp-pagenavi a.previouspostslink, .wp-pagenavi a.nextpostslink {border: none;}*/
.wp-pagenavi span.current {
font-weight: bold;
background-color: #00a99d;
}

/* ####################################### */
/* パンくずリスト */
/* ####################################### */
#breadCrumb {
margin: 0 auto;
width: 100%;
font-size: 12px;
text-align: left;
line-height: 3em;
}
#breadCrumb ul {
position: relative;
margin: 0 auto;
padding: 0;
width: 940px;
}
#breadCrumb ul li {display: inline; padding-top: 0.2em; padding-bottom: 0.2em;}
#breadCrumb a,#breadCrumb a:link,#breadCrumb a:visited {color: #333; text-decoration: underline; outline: 0;}
/*#breadCrumb a:active,#breadCrumb a:hover {color: #333; text-decoration: underline;}*/

li.home {
padding-left: 18px;
background: url(../img/icon_home@2x.png) no-repeat left center;
background-size: 16px 16px;
}
/*@media screen and (min-device-width: 760px) and (max-device-width: 959px) {*/
@media only screen and (min-device-width : 480px) and (max-device-width : 1024px) and (orientation : landscape), only screen and (min-device-width : 480px) and (max-device-width : 1024px) and (orientation : portrait) {
	#breadCrumb ul {width: 720px;}
}
@media only screen and (max-device-width: 480px) {
	#breadCrumb {width: 90%; margin: 0 auto; min-device-width: 300px;}
	#breadCrumb ul {width: 100%;}
}

/* ####################################### */
/* トップへ戻る */
/* ####################################### */
#pageTop {
position: absolute;
right: 0;
top: 0;
padding: 13px 26px;
color: #333333;
background: url(../img/icon_pagetop@2x.png) 26px center no-repeat;
background-size: 20px;
text-indent: 26px;
font-size: 100%;
font-weight: bold;
border-left: 2px solid #333333;
}

/* ####################################### */
/* Not FOund */
/* ####################################### */
#notfoundCnt {
margin: 0;
padding: 0;
min-height: 768px;
/*color: #fff;*/
background: url(../img/bgfull_office@2x.jpg) center top fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
-ms-background-size: cover;
background-size: cover;
}

#notfoundCnt .inner {
padding-top: 100px;
padding-left: 320px;
}

#notfoundCnt h1 {
font-size: 200%;
}
#notfoundCnt p {
margin-top: 1.5em;
/*margin-right: 3em;*/
font-size: 120%;
line-height: 3em;
text-align: justify;
text-justify: inter-ideograph;
}

/*@media screen and (min-device-width: 760px) and (max-device-width: 959px) {*/
@media only screen and (min-device-width : 480px) and (max-device-width : 1024px) and (orientation : landscape), only screen and (min-device-width : 480px) and (max-device-width : 1024px) and (orientation : portrait) {
	#notfoundCnt {
	background: url(../img/bgfull_office@2x.jpg) center top;
	-webkit-background-size: auto 100%;
	-moz-background-size: auto 100%;
	-o-background-size: auto 100%;
	-ms-background-size: auto 100%;
	background-size: auto 100%;
	}
	.txtSheet {margin: 0 auto;}
	#notfoundCnt .inner {padding-left: 0;}
}
@media only screen and (min-device-width : 480px) and (max-device-width : 1024px) and (orientation : portrait) {
	#notfoundCnt {min-height: 1024px;}
}
@media only screen and (max-device-width: 480px) {
	#notfoundCnt {
	background: url(../img/bgfull_office.jpg) center top;
	-webkit-background-size: auto 100%;
	-moz-background-size: auto 100%;
	-o-background-size: auto 100%;
	-ms-background-size: auto 100%;
	background-size: auto 100%;
	}
	.txtSheet {margin: 0 auto;}
	#notfoundCnt {min-height: 480px;}
	#notfoundCnt .inner {padding-left: 0;}
	#notfoundCnt h1 {font-size: 120%;}
	#notfoundCnt p {font-size: 100%; line-height: 1.6em;}
}


/* ####################################### */
/* iPhone iPad,iPad2 */
/* and (orientation:portrait) */
/* and (orientation:landscape) */
/* ####################################### */
@media screen and (min-device-width: 321px) and (max-device-width: 1024px) {
}
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:landscape) {
}
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait) {
}