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:inherit;
	font-size:100%;
	vertical-align:baseline
}
html {
	line-height:1
}
ol, ul {
	list-style:none
}
table {
	border-collapse:collapse;
	border-spacing:0
}
caption, th, td {
	text-align:left;
	font-weight:normal;
	vertical-align:middle
}
q, blockquote {
	quotes:none
}
q:before, q:after, blockquote:before, blockquote:after {
	content:"";
	content:none
}
a img {
	border:none
}
a:link, a:visited {
	color: #FFF;
	text-decoration:none;
}
a:hover, a:active {
	color: #FFF;
	text-decoration:none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
	display:block
}
#site-header .header .navi, #law-lead, .law01 p, .law02 p, .law03 p, .law04 p, .law04 p, .law06 p, .law07 p, .law08 p, .law09 p, #site-footer {
*zoom:1
}
#site-header .header .navi:after, #law-lead:after, .law01 p:after, .law02 p:after, .law03 p:after, .law04 p:after, .law04 p:after, .law06 p:after, .law07 p:after, .law08 p:after, .law09 p:after, #site-footer:after {
	content:"";
	display:table;
	clear:both
}
body {
	font-family:'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'Osaka', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif
}


@media (max-width: 1200px) {
body, html {
	overflow-x:hidden
}
}
body {
	color:#575757;
	line-height:1.68
}
@media (max-width: 1200px) {
body {
	width:100%
}
}
@media (max-width: 1200px) {
body p {
	word-break:normal;
	word-wrap:break-word
}
}
section {
	width:100%
}
#wrapper {
	position:relative;
}
#wrapper header {
	position: absolute;
	left: 0;
	right: 0;
	margin:0 auto;
	width:1265px;
	height:90px;
}
#wrapper header h1 {
	position: absolute;
	top: 0px;
	left: 75px;
}
#wrapper header h1 img {
	transition: 0.6s;
}
#wrapper header h1 img:hover {
	opacity: 0.8;
}
 @media (max-width: 1200px) {
#wrapper header h1 img {
	display:none;
}
}
#wrapper header .title {
	position: absolute;
	top: 280px;
	left: 128px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	text-shadow:0 0 25px #edf8ff, 0 0 20px #edf8ff, 0 0 0.40px #edf8ff;
	letter-spacing: 0.3em;
	font-size:30px;
	color:#119c3a;
}
#wrapper header .img01 {
	position: absolute;
	top: 170px;
	left: 680px;
}
#wrapper header .img02 {
	position: absolute;
	top: 550px;
	left: 940px;
}
 @media (max-width: 1200px) {
#wrapper header h1 {
	position:static;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	margin:0 auto;
}
#wrapper header .title {
	display:none;
}
#wrapper header .img01 {
	display:none;
}
#wrapper header .img02 {
	display:none;
}
}
#wrapper header .navi {
	position: absolute;
	right:180px;
	top: 50px;
	font-weight: bold;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:17px;
}
#wrapper header .navi li {
	float: left;
	text-align:center;
	width:120px;
}
#wrapper header .navi li a {
	color: #000;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
	text-decoration:none;
}
#wrapper header .navi li a:hover {
	color: #119c3a;
}
#wrapper header .btn span {
	font-size:14px;
}
#wrapper header .btn {
	position: absolute;
	top: 0;
	right:150px;
	background:#119c3a;
	color:#fff;
	font-size:17px;
	margin:auto;
	padding:4px 1em 4px 1em;
	text-decoration:none;
}
#wrapper header .btn a {
}
/*#wrapper header .btn:hover {
	opacity: 0.8;
}*/
#main-img {
	height:500px;
}
@media (max-width: 1200px) {
#main-img {
	height:200px;
}
}
#main-img img {
	display:block;
	height:auto;
	margin:auto;
	width:1265px
}
@media (max-width: 1200px) {
#main-img img {
	height:auto;
	width:100%
}
}
#law-lead {
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	background:rgba(255,255,255,0.95);
	margin:auto;
	margin-top:-45px;
	padding:30px 45px;
	position:relative;
	width:826px;
	z-index:10
}
@media (max-width: 1200px) {
#law-lead {
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	margin-top:-15px;
	padding:20px;
	width:95%
}
}
#law-lead h1 {
	color:#ff8100;
	font-kerning:auto;
	font-size:55px;
	letter-spacing:-.04em;
	line-height:1.1;
	white-space:nowrap
}
@media (max-width: 1200px) {
#law-lead h1 {
	font-size:20px;
	white-space:normal
}
}
#law-lead img {
	width:254px;
	float:right;
	height:auto;
	margin-bottom:15px;
	margin-left:15px;
	margin-top:15px;
	shape-margin:25px;
	-webkit-shape-margin:25px;
	-webkit-shape-outside:url("../images/law/img-manabi-iPad@2x.png");
	shape-outside:url("../images/law/img-manabi-iPad@2x.png")
}
@media (max-width: 1200px) {
#law-lead img {
	display:block;
	float:none;
	margin:15px auto
}
}
#law-lead h2 {
	color:#1f2c5c;
	display:inline-block;
	font-size:42px
}
@media (max-width: 1200px) {
#law-lead h2 {
	display:block;
	font-size:20px;
	text-align:center
}
}
#law-lead p {
	font-size:19px;
	margin-top:15px;
	padding-bottom:30px
}
@media (max-width: 1200px) {
#law-lead p {
	font-size:15px
}
}
.law-cnt {
	color:#fff;
	font-size:45px;
	position:relative;
	background:url(../images/img05.png) no-repeat center #119c3a;
}
@media (max-width: 1200px) {
.law-cnt {
	font-size:20px;
	height:auto;
	padding-bottom:10px
}
}
.law-cnt h2 {
	text-align:center;
	position:relative;
	padding:140px 0;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	letter-spacing: 0.3em;
	font-size:30px;
}
 @media (max-width: 1200px) {
.law-cnt {
	color:#fff;
	position:relative;
	background:url(../images/img05sp.png) no-repeat center #119c3a;
}
.law-cnt h2 {
	text-align:center;
	position:relative;
	padding:45px 0;
	font-size:20px;
}
}
#about {
	padding:10px 0 0 0;
}
.law01 {
	display: flex;
	flex-flow: column;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	margin:120px auto 100px auto;
	padding:0px 0px 40px 0px;
	position:relative;
	width:1000px;
	z-index:0
}
.law01 .title_sp {
	display:none;
}
 @media (max-width: 1200px) {
.law01 {
	padding:15px;
	width:100%;
	margin:0 0 0 0;
}
.law01 .title_sp {
	display: block;
	text-align:center;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	letter-spacing: 0.2em;
	font-size:150%;
	color:#119c3a;
	margin:0 0 20px 0;
}
}
.law01-container {
	display: flex;
	flex-flow: column;
}
 @media screen and (min-width: 680px) {
.law01-container {
	flex-flow: row;
}
.law01-image {
	flex: 1 1 400px;
	margin-right: 80px;
}
.law01-text {
	flex: 1 1 580px;
}
}
.law01 h2 {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	color:#221815;
	font-size:30px;
	letter-spacing:-.01em;
	line-height:1.1;
	margin:50px 0 50px 0;
}
 @media (max-width: 1200px) {
.law01 h2 {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	color:#221815;
	font-size:30px;
	letter-spacing:-.01em;
	line-height:1.1;
	margin:20px 0;
}
}
.law01 div img {
	-moz-transition:ease .5s;
	-o-transition:ease .5s;
	-webkit-transition:ease .5s;
	transition:ease .5s;
	height:auto;
	width:400px;
}
.law01 p {
	font-size:18px;
	line-height:1.72;
	margin-bottom:10px;
}
p.law01-name {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	text-align:right;
	font-weight:bold;
	margin-top:30px;
	font-size:20px;
}
p.law01-name span {
	font-size:15px;
}
@media (max-width: 1200px) {
.law01 p {
	font-size:15px
}
.law01 div img {
	width:100%;
}
}
.law02 {
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	background:rgba(255,255,255,0.95);
	margin:auto;
	margin-top:40px;
	position:relative;
	width:975px;
	z-index:0
}
 @media (max-width: 1200px) {
.law02 {
	padding:15px;
	width:100%
}
}
.law02 h2 {
	color:#1f2c5c;
	font-size:42px;
	line-height:1.1;
	margin-top:15px
}
 @media (max-width: 1200px) {
.law02 h2 {
	font-size:20px;
	margin-top:50px;
	text-indent:0
}
}
.law02 p {
	font-size:18px;
	line-height:1.72
}
@media (max-width: 1200px) {
.law02 p {
	font-size:15px;
	margin-top:10px
}
}
.law02 p img {
	float:left;
	margin-right:29px;
	width:362px
}
.law03 {
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	background:rgba(255,255,255,0.95);
	margin:auto;
	margin-top:95px;
	padding:15px 33px 33px 33px;
	position:relative;
	width:797px;
	z-index:0
}
@media (max-width: 1200px) {
.law03 {
	padding:15px;
	width:100%
}
}
.law03:before {
	background:url("../images/law/icon-point03@2x.png");
	background-size:100%;
	content:"";
	display:block;
	height:132px;
	position:absolute;
	width:132px;
	z-index:1000;
	top:-37px;
	left:-24px
}
@media (max-width: 1200px) {
.law03:before {
	height:100px;
	left:50%;
	margin-left:-50px;
	top:-50px;
	width:100px
}
}
.law03 h2 {
	color:#1f2c5c;
	font-size:42px;
	line-height:1.1;
	margin-top:15px;
	text-indent:2.5em
}
@media (max-width: 1200px) {
.law03 h2 {
	font-size:20px;
	margin-top:50px;
	text-indent:0
}
}
.law03 div {
	height:313px;
	margin-bottom:23px;
	margin-top:45px;
	overflow:hidden;
	width:735px
}
@media (max-width: 1200px) {
.law03 div {
	height:auto;
	margin-top:15px;
	width:100%
}
}
.law03 div img {
	-moz-transition:ease .5s;
	-o-transition:ease .5s;
	-webkit-transition:ease .5s;
	transition:ease .5s;
	height:auto;
	width:100%
}
.law03 p {
	font-size:18px;
	line-height:1.72
}
@media (max-width: 1200px) {
.law03 p {
	font-size:15px
}
}
.law03 p img {
	float:right;
	margin-left:29px;
	width:362px
}
@media (max-width: 1200px) {
.law03 p img {
	margin-left:15px;
	width:60%
}
}
.law04 {
	position:relative;
	width:980px;
	margin:0 auto;
	padding:50px 0 150px 0;
	z-index:0;
	text-align:center;
}
@media (max-width: 1200px) {
.law04 {
	padding:20px 0 80px 0;
	width:100%
}
}
.law04 h2 {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	color:#221815;
	font-size:30px;
	letter-spacing:-.01em;
	line-height:1.1;
	margin-bottom:20px;
	background:url(../images/icon06.png) no-repeat center;
	padding-top:90px;
	letter-spacing: 0.3em;
}
@media (max-width: 1200px) {
.law04 h2 {
	font-size:20px;
 text-indent:0 letter-spacing: 0.3em;
}
}
.law04 a.link {
	background:#119c3a;
	color:#fff;
	display:block;
	font-size:20px;
	margin:auto;
	padding:10px .5em;
	text-decoration:none;
	width:300px;
}
@media (max-width: 1200px) {
.law04 a.link {
	font-size:16px;
	text-align:center;
	width:90%
}
}
.law04 a.link:hover {
	opacity:.5
}
.law04 a.link02 {
	background:#fff;
	color:#119c3a;
	display:block;
	font-size:20px;
	margin:auto;
	padding:10px .5em;
	text-decoration:none;
	width:300px;
}
@media (max-width: 1200px) {
.law04 a.link02 {
	font-size:16px;
	text-align:center;
	width:90%
}
}
.law04 a.link02:hover {
	opacity:.5
}
.law04 p {
	color:#FFF;
	margin-bottom:10px;
}
.law04 p span {
	font-size:20px;
}
@media (max-width: 1200px) {
.law04 p {
	color:#FFF;
	font-size:80%;
}
}
#site-footer {
	background:#119c3a;
	color:#FFFFFF;
}
#site-footer section {
	width:980px;
	height:450px;
	margin:0 auto;
}
#site-footer section img {
	float:left;
}
#site-footer section table {
	float:right;
	margin:30px 0 0 0px;
	width:550px;
}
#site-footer section table th {
	border-bottom:1px dotted #FFF;
	padding:10px;
}
#site-footer section table td {
	border-bottom:1px dotted #FFF;
	padding:10px;
}
#site-footer p {
	margin:20px 0;
}
@media (max-width: 1200px) {
#site-footer section {
	width:680px;
	height:320px;
	padding:0 0;
}
#site-footer section img {
	display:none;
}
#site-footer section table {
	float:none;
	margin:0;
	font-size:83%;
	width:100%;
}
#site-footer section table th {
	padding:10px 5px;
	width:10%;
}
#site-footer section table td {
	padding:10px 5px;
	width:90%;
}
#site-footer p {
	margin:0 0 30px 0;
	font-size:70%;
}
}
#map {
	height: 380px;
	text-align:center;
}
@media (max-width: 1200px) {
#map {
	height: 250px;
	text-align:center;
}
}
.back_col {
	background:#119c3a;
}
/**************************
/* グリッド
**************************/
.gridWrapper {
	padding-bottom:20px;
	clear:both;
	overflow:hidden;
}
* html .gridWrapper {
	height:1%;
}
.grid {
	float:left;
	padding-bottom:10px;
	background:#f5f5f5;
}
.grid h3 {
	padding:35px 0 10px 100px;
	font-size:22px;
	color:#0e853c;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight:bold;
}
.icon01 {
	background:url(../images/icon01.png) no-repeat 1.2em 1.2em;
}
.icon02 {
	background:url(../images/icon02.png) no-repeat 1.2em 1.2em;
}
.icon03 {
	background:url(../images/icon03.png) no-repeat 1.2em 1.2em;
}
.icon04 {
	background:url(../images/icon04.png) no-repeat 1.2em 1.2em;
}
.icon05 {
	background:url(../images/icon05.png) no-repeat 1.2em 1.2em;
}
 @media (max-width: 1200px) {
.grid h3 {
	padding:30px 0 0 20px;
	font-weight:normal;
	font-size:120%;
}
.icon01 {
	background: none;
}
.icon02 {
	background: none;
}
.icon03 {
	background: none;
}
.icon04 {
	background: none;
}
.icon05 {
	background: none;
}
}
.grid p {
	padding:20px 50px 50px 50px;
}
.grid ul {
	margin:5px 10px 3px;
}
.grid li {
	padding:5px 0 4px;
	border-bottom:1px solid #ccc;
}
.grid li:first-child {
	border-top:0;
}
.grid li:last-child {
	border-bottom:0;
}
.gridWrapper img {
	max-width:100%;
	height:auto;
}


/* PC用 */
@media only screen and (min-width:960px) {
/* グリッド */
.gridWrapper {
	width:975px;
}
.grid {
	width:218px;
	margin:0 0 25px 25px;
}
.col2 {
	width:450px;
	height:350px;
}
.col3 {
	width:920px;
}
#gallery .gridWrapper {
	width:694px;
}
#gallery .grid {
	width:217px;
}
#subpage #sub .grid {
	float:none;
	margin-bottom:30px;
}
}
 @media (max-width: 1200px) {
.gridWrapper {
	margin:0 0 0 0;
	padding:0 0 0 0;
}
.grid {
	margin:0 0 25px 0;
}
}
#contact {
	padding:80px 0 0 0;
}
#contact .law04 {
	padding-bottom:30px;
	color: #000000;
}
#contact .law04 p {
	color: #000000;
}
#contact span {
	color: #FFF;
	background:#fd711c;
	font-size:70%;
	padding:3px;
}
#contact .formTable {
	width:100%;
}
#contact .formTable th {
	width:30%;
}
#contact .formTable td {
	width:70%;
}
#contact table {
	border-collapse: separate;
	border-spacing: 0;
	text-align: left;
	line-height: 1.5;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	margin-bottom:20px;
}
#contact table th {
	padding: 10px;
	vertical-align: top;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #119c3a;
	color:#FFF;
}
#contact table td {
	padding: 10px;
	vertical-align: top;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
@media (max-width: 1200px) {
#contact .formTable th {
	width:100%;
}
#contact .formTable td {
	width:100%;
}
#contact {
	padding:20px 0 0 0;
}

#contact table {
	border-collapse: collapse;
	border:none;
}
#contact table td, 
#contact table th {
	display: block;
	padding: 10px;
	border:none;
}
#contact table th {
	background: #119c3a;
	color:#FFF;
}
}
#privacy {
	padding:130px 0 0 0;
}
#privacy .law04 {
	padding:0 0 30px 0;
}
#privacy h2 {
	margin-bottom:100px;
}
#privacy h3 {
	text-align:left;
	margin-bottom:20px;
	padding: .5em .75em;
	background:#119c3a;
	color:#FFFFFF;
}
#privacy p {
	text-align:left;
	color:#000000;
	margin-bottom:20px;
}
#privacy strong {
	color:#119c3a;
	font-weight:bold;
}
#privacy a:link, 
#privacy a:visited {
	color: #119c3a;
	text-decoration:none;
}
#privacy a:hover, 
#privacy a:active {
	color: #0080c0;
	text-decoration: underline;
}


 @media (max-width: 1200px) {
#privacy {
	padding:40px 0 0 0;
}
#privacy h2 {
	margin-bottom:30px;
}
#privacy h3 {
	text-align:left;
	padding:0 10px;
}
#privacy p {
	text-align:left;
	padding:0 10px;
	color:#000000;
}
}