@charset "utf-8";
/*
Theme Name: Dream of All
Theme URI: http:///
Description: Dream of Allのテーマです
*/

/*--------------------------------------------------------------------
webfont読込
--------------------------------------------------------------------*/
@import url(//fonts.googleapis.com/earlyaccess/notosansjp.css);

.noto100 {font-weight:100;}
.noto300 {font-weight:300;}
.noto400 {font-weight:400;}
.noto500 {font-weight:500;}
.noto700 {font-weight:700;}
.noto900 {font-weight:900;}

html, body, div, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, img, abbr, acronym, address, big, cite, code,
del, dfn, em, 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 {
	font-family:'游ゴシック',  'Noto Sans JP', YuGothic, Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 110%;
	vertical-align: baseline;
	box-sizing:border-box;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
	box-sizing:border-box;
}

html{
    overflow-y: scroll;
}

blockquote, q {
	quotes: none;
	box-sizing:border-box;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
	box-sizing:border-box;
}

input, textarea{
	margin: 0;
	padding: 0;
	box-sizing:border-box;
}

ol, ul{
    list-style:none;
	box-sizing:border-box;
}

table{
	width:100%;
    border-collapse: collapse; 
    border-spacing:0;
	box-sizing:border-box;
}

caption, th{
    text-align: left;
	box-sizing:border-box;
}

a:focus {
	outline:none;
}

header:after,footer:after,section:after,article:after,aside:after,div:after,dl:after,ul:after {
	content : "";
	display : block;
	height : 0;
	clear : both;
}

br {
	letter-spacing:0;
}

img {
	border: 0;
	vertical-align:bottom;
	box-sizing:border-box;
	width:auto;
}

div#accesslog img {
	display:block;
	height:0;
}



/*--------------------------------------------------------------------
common
--------------------------------------------------------------------*/

html, body, div, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, img, abbr, acronym, address, big, cite, code,
del, dfn, em, 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 {
	font-family: "メイリオ","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",  Meiryo, sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 110%;
	vertical-align: baseline;
	box-sizing:border-box;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
	box-sizing:border-box;
}

html{
    overflow-y: scroll;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

input, textarea{
	padding: 0;
	margin: 0;
}

ol, ul{
    list-style:none;
	box-sizing:border-box;
}

table{
	width:100%;
    border-collapse: collapse; 
    border-spacing:0;
	box-sizing:border-box;
}

caption, th{
    text-align: left;
}

a:focus {
	outline:none;
}

header:after,footer:after,section:after,article:after,aside:after,div:after,dl:after,ul:after {
	content : "";
	display : block;
	height : 0;
	clear : both;
}

br {
	letter-spacing:0;
}

img {
	border: 0;
	vertical-align:bottom;
}

#spLinkBlockInPc {
    display:none;
}

body {
	letter-spacing:0.1em;
	background:#fff;
	/*文字サイズの自動調整を無効*/
	-webkit-text-size-adjust: 100%;
}

.notFound {
	display:none;
}

.clear {
	clear:both;
}

.clearfix {
	overflow:hidden;
}

.left {
	float:left;
}

.right {
	float:right;
}

.center {
	text-align:center;
}

.textleft {
	text-align:left;
}

.textright {
	text-align:right;
}

.w100 {
	width:100%;
	height: auto;
}

.w100 img {
	width:100%;
	height: auto;
}

.m10 {
	margin:10px;
}

.p10 {
	padding:10px;
}

.bottom5 {
	margin-bottom: 5px;
}

.bottom10 {
	margin-bottom: 10px;
}

.bottom15 {
	margin-bottom: 15px;
}

.bottom20 {
	margin-bottom: 20px;
}

.bottom25 {
	margin-bottom: 25px;
}

.bottom30 {
	margin-bottom: 30px;
}

.bottom40 {
	margin-bottom: 40px;
}

.bottom50 {
	margin-bottom: 50px;
}

.bottom60 {
	margin-bottom: 60px;
}


.btm3 {
	margin-bottom: 3%;
}

.btm5 {
	margin-bottom: 5%;
}

.font-small{
	font-size: 80%;
}
.font-larger{
	font-size: 120%;
	line-height: 1.8;
}

.br-sp,
.br-sp2,
.br-sp3{
	display: none;
}
@media(max-width:680px){
	.br-sp{
		display: block;
	}
}
@media(max-width:480px){
	.br-sp2{
		display: block;
	}
}
@media(max-width:380px){
	.br-sp3{
		display: block;
	}
}

a:link,a:visited {
	text-decoration:underline;
	overflow:hidden;
	color:#df6500;
}

a:hover {
	text-decoration:none;
	color:#df8e00;
}

ul {
	list-style-type:none;
}
.small {
	font-size:0.8em;
}

div#accesslog {
	display:none;
}


/*p
***************************************/
@media (max-width: 680px){
	p{
		font-size: 0.8rem;
	}
}


/*img切り替えのスタイル
***************************************/
@media (min-width: 680px){
	.smallimg {
		display: none;
	}
}

@media (max-width: 680px){

}


/*box
***************************************/
.box1300 {
	clear: both;
	width: 100%;
	max-width: 1300px;
	margin: 0 auto;
}

@media (max-width: 680px){

}


/*base
***************************************/
.base {
	padding: 3% 0;
}

@media (max-width: 1120px){
	.base {
		padding: 3%;
	}
}

@media (max-width: 680px){
	.base {
		padding: 5%;
	}
}


.show-sp{
	display: none;
}
@media(max-width:680px){
	.show-sp{
		display: block;
	}
	.show-pc{
		display: none;
	}
}


/*fadein
***************************************/
.fadein {
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-ms-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;	
}
.fadein:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
}


/*scale
***************************************/
.scale {
	overflow: hidden;
}
 
.scale img {
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	-ms-transition: 0s ease-in-out;
}

.scale img:hover {
	webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}


/*title
***************************************/
.title01 {
	clear:both;
	color: #333;
	width:100%;
	margin:0 auto 3% auto;
	font-size:1.8em;
	font-weight:bold;
	text-align:center;
	border-bottom: #009310 3px solid;
	padding: 0 15px;
}
@media (max-width: 680px){
	.title01 {
		border-bottom: #009310 2px solid;
		font-size:1.4em;
		margin-bottom:5%;
	}
}
@media (max-width: 480px){
	.title01 {
		font-size:1.3em;
		margin-bottom:3%;
	}
}
.title02 {
	clear:both;
	width:100%;
	margin-bottom: 20px;
	font-family: Yugo, '游ゴシック', "メイリオ", Meiryo, serif;
	font-size:1.8em;
	font-weight:bold;
	text-align:left;
	color:#000;
}
@media (max-width: 680px){
	.title02 {
		font-size:1.2em;
		margin-bottom:10px;
	}
}

.title03 {
	clear:both;
	background: url(images/bg03.png);
	border: #CCC 1px solid;
	width:100%;
	margin-bottom: 20px;
	font-size:1.3em;
	font-weight:bold;
	text-align:left;
	color:#FFF;
	padding: 8px 15px;
}

@media (max-width: 680px){
	.title03 {
		font-size:1.1em;
		margin-bottom:10px;
	}
}

.title_reason01 {
	clear:both;
	width:100%;
	margin-bottom: 5px;
	font-family: Yugo, '游ゴシック', "メイリオ", Meiryo, serif;
	font-size:1.8em;
	font-weight:bold;
	text-align:left;
	color:#39b5e9;
}

.title_reason02 {
	clear:both;
	width:100%;
	margin-bottom: 5px;
	font-family: Yugo, '游ゴシック', "メイリオ", Meiryo, serif;
	font-size:1.8em;
	font-weight:bold;
	text-align:left;
	color:#f29c9f;
}



/*table
***************************************/
.table01 {
	clear:both;
	background:#FFF;	
	width:100%;
}
.table01 tr th,.table01 tr td {
	padding:2%;
	border:1px solid #ddd;
	vertical-align:top;
}

.table01 tr th,
.table01 tr td:first-child{
	background:#EFEFEF;
	width:25%;	
	font-weight: bold;
	text-align:left;
}
@media (max-width: 680px){
	.table01 tr th,.table01 tr td {
		font-size:0.8rem;
	}
}
@media (max-width: 480px){
	.table01{
		border:1px solid #ddd;
		border-bottom:none;
	}
	.table01 tr th,
	.table01 tr td,
	.table01 tr td:first-child{
		display: block;
		width: 100%;
		border: none;
		border-bottom:1px solid #ddd;
	}
}

/*Google Map*/
.ggmap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*pagerNavi
***************************************/
#pagerNavi {
	position: fixed;
	right: 4em;
	bottom: 4rem;
	z-index: 1000;
}
#pagerNavi p {
	margin: 0 0 4px;
}
#pagerNavi a.button {
	display: block;;
	padding: 4px 10px;
	margin: 0;
	font-size: 1.4em;
	color: #fff;
  border: 1px solid rgb( 64, 64, 64);
	background: rgb( 32, 32, 32);
	opacity: 0.6;
	cursor: pointer;

	transition: opacity 0.4s linear;
	-webkit-transition: opacity 0.4s linear;
	-moz-transition: opacity 0.4s linear;
	-o-transition: opacity 0.4s linear;
	-ms-transition: opacity 0.4s linear;
}
#pagerNavi a.button i {
	display: inline-block;
	margin-top: 0;
	line-height: 1;
}
#pagerNavi a.button:hover {
	opacity: 1;
}

#pagerNavi i.fa-chevron-up {
	width:30px;
	height:30px;
	text-indent: 100%;
	white-space: nowrap;
	overflow:hidden;
	display:block;
	background:url(images/fa-chevron-up.png) no-repeat left top;
}

#pagerNavi i.fa-chevron-down {
	width:30px;
	height:30px;
	text-indent: 100%;
	white-space: nowrap;
	overflow:hidden;
	display:block;
	background:url(images/fa-chevron-down.png) no-repeat left top;
}

@media (max-width: 680px){
#pagerNavi {
	right: 1em;
	bottom: 1rem;
}
}


/*accのスタイル
***************************************/
.emono1_acc_image {
	display:none;
}


/*mapのスタイル
***************************************/
.map {
	/*position: relative;
	padding-bottom: 30%;
	padding-top: 30px;
	overflow: hidden;*/
}

.map iframe,
.map object,
.map embed{
	/*position: absolute;
	top: 0;
	left: 0;*/
	width: 100%;
	/*height: 100%;*/
}

@media (max-width: 680px){
.map iframe {

	width: 100% !important;
}
}

.btn-contact{
	display: block;
	max-width: 1000px;
	margin: 0 auto;
}


/*btn01*/
.btn01 a{
	display: block;
	text-align: center;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	padding: 7px 5px;
	transition: all linear 0.3s;
	background: url("images/btn_bg1.jpg");
	background-repeat: no-repeat;
	background-position: right center;	
}
.btn01 a:hover{
	opacity:0.7;
}

















@font-face {
    font-family: Yugo;  /* フォント集合名 */
    src:url(../font/yugothib.ttf);  /* フォントのURL */
}
/*--------------------------------------------------------------------
common
--------------------------------------------------------------------*/

html, body, div, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, img, abbr, acronym, address, big, cite, code,
del, dfn, em, 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 {
	font-family: "メイリオ","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",  Meiryo, sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
	vertical-align: baseline;
	box-sizing:border-box;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
	box-sizing:border-box;
}

html{
    overflow-y: scroll;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

input, textarea{
	padding: 0;
	margin: 0;
}

ol, ul{
    list-style:none;
	box-sizing:border-box;
}

table{
	width:100%;
    border-collapse: collapse; 
    border-spacing:0;
	box-sizing:border-box;
}

caption, th{
    text-align: left;
}

a:focus {
	outline:none;
}

header:after,footer:after,section:after,article:after,aside:after,div:after,dl:after,ul:after {
	content : "";
	display : block;
	height : 0;
	clear : both;
}

br {
	letter-spacing:0;
}

img {
	border: 0;
	vertical-align:bottom;
}

#spLinkBlockInPc {
    display:none;
}

body {
	padding:0;
	margin:0;
	letter-spacing:0.1em;
	background:#fff;
	font-size:1.1em;
	line-height: 1.8;
	/*文字サイズの自動調整を無効*/
	-webkit-text-size-adjust: 100%;
}

.notFound {
	display:none;
}

.clear {
	clear:both;
}

.clearfix {
	overflow:hidden;
}

.left {
	float:left;
}

.right {
	float:right;
}

.center {
	text-align:center;
}

.textleft {
	text-align:left;
}

.textright {
	text-align:right;
}

.w100 {
	width:100%;
	height: auto;
}

.w100 img {
	width:100%;
	height: auto;
}

.m10 {
	margin:10px;
}

.p10 {
	padding:10px;
}

.bottom5 {
	margin-bottom: 5px;
}

.bottom10 {
	margin-bottom: 10px;
}

.bottom15 {
	margin-bottom: 15px;
}

.bottom20 {
	margin-bottom: 20px;
}

.bottom25 {
	margin-bottom: 25px;
}

.bottom30 {
	margin-bottom: 30px;
}

.bottom40 {
	margin-bottom: 40px;
}

.bottom50 {
	margin-bottom: 50px;
}

.bottom60 {
	margin-bottom: 60px;
}


.btm3 {
	margin-bottom: 3%;
}

.btm5 {
	margin-bottom: 5%;
}

.font-small{
	font-size: 80%;
}
.font-larger{
	font-size: 110%;
}

.br-sp{
	display: none;
}
@media(max-width:680px){
	.br-sp{
		display: block;
	}
}

ul {
	list-style-type:none;
}
.small {
	font-size:0.8em;
}

div#accesslog {
	display:none;
}


/*p
***************************************/
@media (max-width: 680px){
p{
	font-size: 0.8rem;
}
}


/*img切り替えのスタイル
***************************************/
@media (min-width: 680px){
.smallimg {
	display: none;
}
}

@media (max-width: 680px){
/*.bigimg {
	display: none;
}

.smallimg {
	width: 100%;
}*/
}


/*box
***************************************/
.box1300 {
	clear: both;
	width: 100%;
	max-width: 1300px;
	margin: 0 auto;
}

@media (max-width: 680px){

}


/*base
***************************************/
.base {
	padding: 3% 0;
}

@media (max-width: 1120px){
.base {
	padding: 3%;
}
}

@media (max-width: 680px){
.base {
	padding: 5%;
}
}


.show-sp{
	display: none;
}
@media(max-width:680px){
	.show-sp{
		display: block;
	}
	.show-pc{
		display: none;
	}
}


/*fadein
***************************************/
.fadein {
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-ms-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;	
}
.fadein:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
}


/*scale
***************************************/
.scale {
	overflow: hidden;
}
 
.scale img {
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	-ms-transition: 0s ease-in-out;
}

.scale img:hover {
	webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}


/*title
***************************************/
.title01 {
	clear:both;
	width:100%;
	margin-bottom: 20px;
	font-size:2em;
	font-weight:bold;
	text-align:center;
	color:#158ae0;
	padding: 0 15px;
}
@media (max-width: 680px){
	.title01 {
		font-size:1.5em;
		margin-bottom:5%;
	}
}
@media (max-width: 480px){
	.title01 {
		font-size:1.3em;
		margin-bottom:3%;
	}
}
.title02 {
	clear:both;
	width:100%;
	margin-bottom: 20px;
	font-family: Yugo, '游ゴシック', "メイリオ", Meiryo, serif;
	font-size:1.8em;
	font-weight:bold;
	text-align:left;
	color:#000;
}
@media (max-width: 680px){
	.title02 {
		font-size:1.2em;
		margin-bottom:10px;
	}
}

.title03 {
	clear:both;
	background: url(images/bg03.png);
	border: #CCC 1px solid;
	width:100%;
	margin-bottom: 20px;
	font-size:1.3em;
	font-weight:bold;
	text-align:left;
	color:#FFF;
	padding: 8px 15px;
}

@media (max-width: 680px){
	.title03 {
		font-size:1.1em;
		margin-bottom:10px;
	}
}


/*table
***************************************/
.table01 {
	clear:both;
	background:#FFF;	
	width:100%;
}
.table01 tr th,.table01 tr td {
	padding:2%;
	border:1px solid #ddd;
	vertical-align:top;
}

.table01 tr th,.table01 tr td.col_1 {
	background:#EFEFEF;
	width:25%;	
	font-weight: bold;
	text-align:left;
}
@media (max-width: 680px){
	.table01 tr th,.table01 tr td {
		font-size:0.8rem;
	}
	.table01 tr th,.table01 tr td.col_1 {
	}
}
@media (max-width: 480px){
	.table01{
		border:1px solid #ddd;
		border-bottom:none;
	}
	.table01 tr th,.table01 tr td {
		display: block;
		width: 100%;
		border: none;
		border-bottom:1px solid #ddd;
	}
}

/*pagerNavi
***************************************/
#pagerNavi {
	position: fixed;
	right: 4em;
	bottom: 4rem;
	z-index: 1000;
}
#pagerNavi p {
	margin: 0 0 4px;
}
#pagerNavi a.button {
	display: block;;
	padding: 4px 10px;
	margin: 0;
	font-size: 1.4em;
	color: #fff;
  border: 1px solid rgb( 64, 64, 64);
	background: rgb( 32, 32, 32);
	opacity: 0.6;
	cursor: pointer;

	transition: opacity 0.4s linear;
	-webkit-transition: opacity 0.4s linear;
	-moz-transition: opacity 0.4s linear;
	-o-transition: opacity 0.4s linear;
	-ms-transition: opacity 0.4s linear;
}
#pagerNavi a.button i {
	display: inline-block;
	margin-top: 0;
	line-height: 1;
}
#pagerNavi a.button:hover {
	opacity: 1;
}

#pagerNavi i.fa-chevron-up {
	width:30px;
	height:30px;
	text-indent: 100%;
	white-space: nowrap;
	overflow:hidden;
	display:block;
	background:url(images/fa-chevron-up.png) no-repeat left top;
}

#pagerNavi i.fa-chevron-down {
	width:30px;
	height:30px;
	text-indent: 100%;
	white-space: nowrap;
	overflow:hidden;
	display:block;
	background:url(images/fa-chevron-down.png) no-repeat left top;
}

@media (max-width: 680px){
	#pagerNavi {
		right: 1em;
		bottom: 1rem;
	}
}


/*accのスタイル
***************************************/
.emono1_acc_image {
	display:none;
}


/*mapのスタイル
***************************************/
.map {
	/*position: relative;
	padding-bottom: 30%;
	padding-top: 30px;
	overflow: hidden;*/
}

.map iframe,
.map object,
.map embed{
	/*position: absolute;
	top: 0;
	left: 0;*/
	width: 100%;
	/*height: 100%;*/
}

@media (max-width: 680px){
	.map iframe {
		width: 100% !important;
	}
}

.btn-contact{
	display: block;
	max-width: 1000px;
	margin: 0 auto;
}


/*header
***************************************/
#header {
	position: fixed;
	width: 100%;
	background: url(images/bg01.png) repeat-x bottom;
	top:0;
	left: 0;
	height: 210px;
	z-index: 10;
}
#header h1{
	display: none;
}
.header-top-sp{
	display: none;
}
.header-top{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	max-width: 1300px;
	margin: 0 auto;
	height: 90px;
}
.header-top .logo{
	width: 135px;
	padding-left: 15px;
}
.header-top .logo img{
	max-width: 100px;
}
.header-top .tel{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: flex-end;
	width:calc(100% - 315px);
	padding-right:15px;
}
.header-top .tel b{
	font-size: 0.8em;
	font-weight: bold;
	margin-right: 5px;
}
.header-top .tel i{
	font-weight: bold;
	color: #009310;
	font-size: 2em;
	margin-right: 5px;
}
.header-top .tel p{
	font-weight: bold;
	font-size: 1.5em;
	color: #009310;
}
.header-top .tel u{
	width: 100%;
	font-size: 0.8em;
	text-align: right;
	text-decoration: none;
}
.header-top .contact{
	width: 180px;
}
.header-top .contact a img{
	transition: all linear 0.3s;
}
.header-top .contact a:hover img{
	opacity: 0.7;
}
.header_menu{
	height: 50px;
}
.header_menu ul{
	display: flex;
	max-width: 1300px;
	margin: 0 auto;
	font-size: 0.95em;
}
.header_menu ul li{
	padding: 0 10px;
	width: 25%;
}
.header_menu ul li a{
	display: block;
	background:url("images/arrow_s.png") #009310;
	background-repeat: no-repeat;
	background-position: right 7px center;
	color: #FFF;
	font-weight: bold;
	padding: 5px 0;
	text-align: center;
	text-decoration: none;
}
.header_menu ul li a br{
	display: none;
}
.header_menu ul li a:hover{
	background:url("images/arrow_s.png") #00690b;
	background-repeat: no-repeat;
	background-position: right 7px center;
}
.menuicn{
	display: none;
}
@media (max-width:1300px){
	.header-top{
		padding:0 5px;
	}
}
@media (max-width:840px){
	#header{
		height: 150px;
	}
	.header-top .tel{
		width:calc(100% - 365px);
	}
	.menuicn{
		display: block;
		position: fixed;
		top:20px;
		right: 7px;
	}
	.menuicn img{
		width: 40px;
		height: auto;
	}
	.menuicn img.close{
		display: none;
	}
}
@media (max-width:680px){
	#header{
		height: 124px;
	}
	.header-top{
		height: 75px;
	}
	.header-top .logo img{
		max-height: 60px;
		width: auto;
	}
	.header-top .tel,
	.header-top .contact{
		display: none;
	}
	.header-top-sp{
		display: flex;
		position: fixed;
		top:20px;
		right: 55px;
	}
	.header-top-sp li{
		width: 40px;
		margin-left: 7px;
	}
	.header-top-sp li img{
		width: 100%;
		height: auto;
	}
	.header_menu ul li{
		padding: 0;
	}
	.header_menu ul li a{
		height: 30px;
		font-weight: normal;
		font-size: 0.9em;
		padding: 5px;
		border-right: #FFF 1px solid;
	}
	.header_menu ul li:last-child a{
		border-right: none;
	}
}
@media (max-width:580px){
	#header{
		height: 131px;
	}
	.header_menu ul li a{
		font-size: 0.8em;
		line-height: 1.2;
		height: 37px;
		background-position: right 3px center;
	}
	.header_menu ul li a:hover{
		background-position: right 3px center;
	}
	.header_menu ul li a br{
		display: block;
	}
}
@media (max-width:380px){
	#header{
		height: 144px;
	}
	.header_menu ul{
		flex-wrap: wrap;
	}
	.header_menu ul li{
		width:50%;
	}
	.header_menu ul li a{
		height: 25px;
		border-right: #FFF 1px solid;
	}
	.header_menu ul li:nth-child(2) a{
		border-right: none;
	}
	.header_menu ul li:nth-child(-n+2) a{
		border-bottom: #FFF 1px solid;
	}
	.header_menu ul li a br{
		display: none;
	}
}
	
/*wrapper
***************************************/
#wrapper{
	display: block;
	padding-top: 160px;
	margin: 0;
}
.spwrap{
	display: none;
}
@media(max-width:840px){
	#wrapper{
		padding-top: 0;
	}
	.spwrap{
		display: block;
		height: 100px;
	}
}
/*
@media(max-width:790px){
	#wrapper{
		font-size:80%;
	}
	.spwrap{
		height: 120px;;
	}
}
*/
@media(max-width:680px){
	.spwrap{
		height: 105px;;
	}
}
@media(max-width:580px){
	.spwrap{
		height: 100px;;
	}
}
@media screen and (max-width:380px){
	.spwrap{
		height: 125px;;
	}
}	


/*footer
***************************************/
#footer{
	background:url(images/shadow01.png) repeat-x top #009310;
	padding: 2% 0;
	color: #FFF;
}
.footer-top{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	max-width: 1300px;
	margin: 0 auto;
	height: 90px;
}
.footer-top .logo{
	width: 135px;
	padding-left: 15px;
}
.footer-top .logo img{
	max-width: 120px;
}
.footer-top .tel{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: flex-end;
	width:calc(100% - 315px);
	padding-right:15px;
}
.footer-top .tel b{
	font-size: 0.8em;
	font-weight: bold;
	margin-right: 5px;
}
.footer-top .tel i{
	font-weight: bold;
	font-size: 2em;
	margin-right: 5px;
}
.footer-top .tel p{
	font-weight: bold;
	font-size: 1.5em;
}
.footer-top .tel u{
	width: 100%;
	font-size: 0.8em;
	text-align: right;
	text-decoration: none;
}
.footer-top .contact{
	width: 180px;
}
.footer-top .contact a img{
	transition: all linear 0.3s;
}
.footer-top .contact a:hover img{
	opacity: 0.7;
}
#footer .footer-bottom{
	display: block;
	max-width:1300px;
	margin: 0 auto;
	text-align: center;
	padding: 1.5% 0;
}
#footer .footer-bottom ul li{
	display: inline;
	font-size: 80%;
}
#footer .footer-bottom ul li:after{
	content: "｜";
}
#footer .footer-bottom ul li:last-child:after{
	content: "";
}
#footer .footer-bottom ul li a{
	color: #FFF;
	text-decoration: underline;
}
#footer .footer-bottom ul li a:hover{
	text-decoration: none;
}
@media(max-width:1200px){
	#footer .footer-top{
		padding:2% 10px;
	}
}
@media(max-width:640px){
	.footer-top{
		height: auto;
		margin-bottom: 15px;
	}
	.footer-top .logo{
		width: 100%;
		padding:0 0 15px 0;
		text-align: center;
	}
	.footer-top .tel{
		align-items: center;
		justify-content:center;
		width:100%;
		padding-right:0;
	}
	.footer-top .tel u{
		text-align: center;
		margin-bottom: 15px;
	}
	.footer-top .contact{
		margin: 0 auto;
	}
	#footer .footer-bottom ul{
		font-size: 90%;
	}
}
@media(max-width:580px){
	#footer .footer-bottom ul{
		border-top: #FFF 1px solid;
		font-size: 100%;
	}
	#footer .footer-bottom ul li{
		display: block;
		text-align: left;
	}
	#footer .footer-bottom ul li:after{
		content: "";
	}
	#footer .footer-bottom ul li a{
		display: block;
		width: 100%;
		border-bottom: #FFF 1px solid;
		padding: 10px 20px;
		background:url("images/arrow_s.png") no-repeat;
		background-position: right 10px center;
		text-decoration: none;
	}
}

p#page-top{
	display: block;
	position: fixed;
	bottom: 0;
	right: 20px;
}
p#page-top a{
	transform: all linear 0.3s;
}
p#page-top a:hover{
	opacity: 0.9;
}
@media(max-width:680px){
	p#page-top img{
		width: 70px;
		height: auto;
	}
}

#footer .footerLink{
	display: flex;
	flex-wrap: wrap;
	max-width: 1118px;
	margin: 0 auto;
	border-top:rgba(255,255,255,0.5) 1px solid;
	padding: 20px 0;
}
#footer .footerLink .box{
	width:18%;
	padding: 0 2% 0 0;
	font-size: 0.8em;
}
#footer .footerLink .box:nth-of-type(1){
	width:26%;
}
#footer .footerLink .box:nth-of-type(3){
	width:19.5%;
}
#footer .footerLink .box h5{
	display: block;
	background: #FFF;
	color: #49b521;
	font-weight: bold;
	padding: 1px 5px;
	border-radius: 2px;
	margin-bottom: 5px;
	max-width: 9em;
}
#footer .footerLink .box b a{
	display: block;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	margin-bottom: 8px;
}
#footer .footerLink .box b a:hover{
	text-decoration: underline;
}
#footer .footerLink .box ul li{
	background: url(images/icn01.png) no-repeat left center;
	padding: 0 0 0 15px;
	margin-bottom: 7px;
}
#footer .footerLink .box ul li a{
	color: #000;
	text-decoration: none;
}
#footer .footerLink .box ul li a:hover{
	color: #666;
	text-decoration:underline;
}
@media(max-width:680px){
	#footer .footerLink{
		display: none;
	}
	#footer .footer-top{
		border-bottom: none;
	}
}

.copy{
	padding: 2%;
	font-size: 0.8em;
	text-align: center;
}




/*main
***************************************/
div#main {
	clear:both;
	background:url(images/state.png) repeat left top;
	width:100%;
	padding:1% 0 3%  0;
}

@media (max-width: 680px){
	div#main {
		padding:5% 0 5%  0;
		margin-top: 13.970vw; /*95px÷680px*/
	}
}


/*crumbs
***************************************/
ul#crumbs {
	clear:both;
	max-width: 1300px;
	display: flex;
	padding: 1% 0;
	margin:0 auto 3% auto;
}

ul#crumbs li {
	font-size:0.8em;
}

ul#crumbs li:nth-child(n + 2):before{
	content: "> ";
	padding-left: 5px;
}

div#crumbs ul li a {
	margin-right: 10px;
}

@media (max-width: 1300px){
	ul#crumbs {
		padding-left: 10px;
		padding-right: 10px;
	}
}

@media (max-width: 680px){
	ul#crumbs {
		height: 15px;
	}
	ul#crumbs li{
		display:none;
	}
}


/*WP共通*/
.commonBox{
	max-width: 1300px;
	padding: 0 10px;
	margin: 0 auto 5% auto;
}
.commonBox h2{
	background: #009310;
	font-weight: bold;
	color: #FFF;
	font-size: 1.5em;
	padding: 5px;
	margin-bottom: 20px;
}
.commonBox h3{
	background: #009310;
	font-weight: bold;
	color: #FFF;
	font-size: 1.3em;
	padding: 5px 10px;
	margin-bottom: 20px;	
}
.commonBox p{
	display: block;
	line-height: 1.8;
}
.commonBox p em{
	font-size: 1.3em;
	color: #FF8600;
	font-weight: bold;
}
.commonBox figure.left{
	float: left;
	margin: 0 30px 30px 0;
}
@media (max-width:860px){
	.commonBox figure.left{
		display: block;
		text-align: center;
		float: none;
		margin: 0 auto 30px auto;
	}
	.commonBox figure img{
		max-width: 100%;
		height: auto;
		margin-bottom: 0;
	}
}

/*--------------------------------------------------------------------
privacy / about
個人情報保護、当サイトについてのcss
--------------------------------------------------------------------*/
.commonBox > p{
	margin-bottom: 15px;
}
.commonBox dl,
.commonBox ul{}
.commonBox dl dt{
	margin:0 0 15px 0;
	padding:7px 10px;
	background:#009310;
	background-position: center left 10px;
	font-size: 1.2em;
	font-weight: bold;
	color: #FFF;
}
.commonBox dl dt:before{
	font-family: "Font Awesome 5 Free";
	content: "\f105";
	margin-right: 10px;
}
.commonBox ul li a{
	color: #000;
}
.commonBox dl dd{
	margin:0 10px 3% 10px;
	text-align:justify;
	text-justify:distribute;
}
.commonBox dl dd p{
	margin-bottom:15px;
}
.commonBox dl dd ol{
	list-style-type: decimal;
}
.commonBox dl dd ol li{
	margin: 0 0 15px 30px;
}
.commonBox dl dd table{
	max-width:560px;
	margin:20px 10px 0 10px;
	border:1px solid #CCC;
}
.commonBox dl dd table tr th{
	width:25%;
	padding:5px 10px;
	background:#EEE;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
}
.commonBox dl dd table tr td{
	padding:5px 10px;
	border-bottom:1px solid #CCC;
}

@media(max-width:680px){
	.commonBox p,
	.commonBox ul li{
		margin-left: 2%;
		margin-right: 2%;
	}
	.commonBox dl dd{
		border-left: none;
		padding:0;
		font-size: 80%;
	}
}

/*** サイトマップ ****/
.sitemap{
	max-width: 1200px;
	margin:0 auto 5% auto;
}
.sitemap li a{
	display: block;
	margin:0 0 15px 0;
	padding:10px 15px;
	background:#e0edcc;
	background-position: center left 10px;
	color:#009310;
	font-size: 1.1em;
	text-decoration: none;
	font-weight: bold;
}
.sitemap li a:before{
	font-family: "Font Awesome 5 Free";
	content: "\f138";
	color: #009310;
	margin-right: 5px;
}
.sitemap li a:hover{
	background:#f1f8e7;
}
@media(max-width:1100px){
	.sitemap{
		padding: 0 10px;
	}
}
@media(max-width:680px){
	.sitemap ul li a{
		font-size: 90%;
	}
}

.photo-left_txt{
	display: flex;
	margin-bottom: 5%;
}
.photo-left_txt .photo{
	width:40%;
}
.photo-left_txt .photo img{
	width:100%;
	height: auto;
}
.photo-left_txt .txt{
	width:60%;
	padding-left: 30px;
}
.photo-left_txt .txt p{
	display: block;
	margin-bottom: 15px;
}
@media(max-width:680px){
	.photo-left_txt{
		flex-wrap: wrap;
	}
	.photo-left_txt .photo{
		width:100%;
		text-align: center;
	}
	.photo-left_txt .photo img{
		max-width:400px;
		margin-bottom: 15px;
	}
	.photo-left_txt .txt{
		width:100%;
		padding-left: 0;
	}
}

/*main_title
***************************************/
div#main_title {
	display: block;
	clear:both;
	background: url("images/maintitle.png") no-repeat;
	background-size: cover;
	background-position: bottom;
	width:100%;
	padding: 3% 0;
}

div#main_title h2 {
	display: block;
	max-width: 1200px;
	margin: 0 auto;
	font-size:2.5rem;
	line-height: 1.5;
	font-weight:bold;
	text-align:center;
	color:#FFF;
	text-shadow: 0px 0px 5px #22440b;
}
@media (max-width: 860px){
	div#main_title{
		padding: 4% 0;
	}
}
@media (max-width: 680px){
	div#main_title  h2{
		font-size:1.5rem;
	}
}
@media (max-width: 480px){
	div#main_title  h2{
		font-size:1.3rem;
	}
}

.btnBack{
	display: block;
	max-width: 1300px;
	margin: 0 auto;
	border-top:#CCC 2px dotted;
	padding: 4% 10px;
}
.btnBack a{
	display: block;
	background: url("images/btn_bg2.jpg") no-repeat;
	background-position: center left;
	padding: 10px 20px;
	border-radius: 5px;
	max-width: 100px;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	margin: 0 auto;
	transition: all linear 0.3s;
}
.btnBack a:hover{
	opacity: 0.7;
}
@media(max-width:680px){
	.btnBack{
		padding: 3% 10px;
	}
}
/*--------------------------------------------------------------------
index.html
--------------------------------------------------------------------*/

div#index-mainimg{
	display: block;
	width: 100%;
	background: url(images/index/bg01.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
}
div#index-mainimg .flexslider{
	max-width: 1280px;
	margin: 0 auto;
}
div#index-mainimg .flexslider img{
	filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.2));
}

#index01{
	padding: 4% 0;
	max-width: 1280px;
	margin: 0 auto;
}
#index01 h3{
	color: #333;
	max-width: 18em;
}
#index01 p{
	display: block;
	text-align: center;
	font-weight: bold;
	font-size: 1.2em;
	line-height: 2;
	margin-bottom: 15px;
}

@media(max-width:1000px){
	#index01{
		padding-left: 10px;
		padding-right: 10px;
	}
}
@media(max-width:920px){
	#index01 p{
		font-size: 1em;
	}
}
@media(max-width:680px){
	#index01 h3{
		max-width: 20em;
		font-size: 5vw;
	}
	#index01 p{
		text-align: left;
	}
}


#index02{
	background:url("images/index/bg01.jpg") no-repeat;
	background-size: cover;
	padding: 4% 0;
}
#index03{
	padding: 4% 0;
}
#index02 h2,
#index03 h3{
	color: #333;
	max-width: 10em;
}
#index02 ul,
#index03 ul{
	max-width: 1100px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
}
#index02 ul li,
#index03 ul li{
	width: 31.3%;
	margin: 0 1%;
	background: #FFF;
	padding: 15px;
}
#index02 ul li a img,
#index03 ul li img{
	display: block;
	width: 100%;
	height: auto;
	max-width:300px;
	margin: 0 auto 10px auto;
	transition: all linear 0.3s;
}
#index02 ul li a:hover img{
	opacity: 0.8;
}
#index02 ul li .box,
#index03 ul li .box{}
#index02 ul li .box b,
#index03 ul li .box b{
	display:block;
	text-align: center;
	font-weight: bold;
	color: #009310;
	margin-bottom: 10px;
}
@media(max-width:1100px){
	#index02 ul,
	#index03 ul{
		padding: 0 10px;
	}
}
@media(max-width:480px){
	#index02 ul li,
	#index03 ul li{
		width: 98%;
		margin: 1%;
	}
}	



#index04{
	padding: 4% 0;
	background: #feffec;
}
#index04 .wrap{
	display: flex;
	flex-wrap: wrap;
	max-width: 1100px;
	margin: 0 auto;
}
#index04 .wrap .photo{
	width: 30%;
}
#index04 .wrap .photo img{
	border: #FFF 5px solid;
	width: 100%;
	height: auto;
}
#index04 .wrap .box{
	width: 70%;
	padding-left: 30px;
}
#index04 .wrap .box .ttl{
	display: block;
}
#index04 .wrap .box .ttl p{
	display: block;
}
#index04 .wrap .box .ttl h3{
	display: flex;
	align-items: center;
	font-size: 2em;
	font-weight: bold;
	border-bottom: #009310 2px dotted;
	margin-bottom: 20px;
}
#index04 .wrap .box .ttl h3 span{
	font-size: 50%;
	font-weight: normal;
	padding-left: 10px;
}
#index04 .btn01 a{
	max-width: 300px;
	color: #FFF;
	font-size: 1.2em;
	text-decoration: none;
}
@media(max-width:480px){
	#index04 .wrap .photo{
		width: 100%;
		text-align: center;
	}
	#index04 .wrap .photo img{
		max-width: 300px;
	}
	#index04 .wrap .box{
		width: 100%;
		padding: 15px;
	}
	#index04 .btn01 a{
		margin: 0 auto;
	}
}

#index05{
	max-width:1100px;
	margin: 0 auto 7% auto;
	text-align: center;
}
#index05 img.sp{
	display: none;
}
#index05 .text{
	padding-top: 15px;
	text-align: left;
}
@media(max-width:1100px){
	#index05{
		margin-left: 10px;
		margin-right: 10px;
	}
}
@media(max-width:680px){
	#index05 img.sp{
		display: block;
	}
	#index05 img.pc{
		display: none;
	}
}



#index07{
	display: block;
	background: #f9ffe8;
	border: #009310 1px solid;
	padding: 3%;
	margin:0 auto 5% auto;
	max-width: 1280px;
}
#index07 h3{
	max-width: 14em;
	color: #333;
	margin-bottom: 3%;
}
#index07 > .wrapper{
	display: flex;
	flex-wrap: wrap;
	max-width:1060px;
	margin: 0 auto 20px auto;
}
#index07 > .wrapper dl{
	width: 30.3%;
	margin: 0 1.5%;
}
#index07 > .wrapper dl dt{
	margin-bottom: 15px;
	text-align: center;
}
#index07 > .wrapper dl dt img{
	width: 100%;
	height: auto;
	border: #36af35 1px solid;
}
#index07 > .wrapper dl dd strong{
	display: block;
	color: #009310;
	font-weight: bold;
	text-align: center;
	font-size: 1.2em;
	margin-bottom: 10px;
}
#index07 > .wrapper dl dd p{
	text-align: left;
}
@media (max-width:1280px){
	#index07{
		margin-left: 10px;
		margin-right: 10px;
	}
}
@media(max-width:680px){
	#index07 > .wrapper dl dd strong{
		font-size: 3vw;
	}
	#index07 h3{
		font-size: 5vw;
		max-width: 16em;
		margin-bottom: 20px;
	}
}
@media(max-width:480px){
	#index07 > .wrapper dl{
		width: 100%;
		margin: 0 0 10px 0;
	}
	#index07 > .wrapper dl dt img{
		max-width: 300px;
	}
	#index07 > .wrapper dl:last-child{
		margin-bottom: 0;
	}
	#index07 > .wrapper dl dd strong{
		font-size: 5vw;
	}
}
@media(max-width:360px){
	#index07 h3{
		max-width: 16em;
		font-size: 5vw;
	}
}
/*--------------------------------------------------------------------
company.html
--------------------------------------------------------------------*/
/*
#company01,
#company02,
#company03{
	max-width: 1200px;
	margin: 0 auto 4% auto;
}
#company01 > table{
	margin-bottom: 4%;
}
#company02 table th,
#company02 table td{
	border-bottom: #CCC 1px dotted;
	padding: 15px 0;
}
#company02 table th{
	width:6em;
}
#company03 table td{
	background: #EFEFEF;
	padding: 2%;
}
*/

/*プロフィール*/
.profile{
	/*padding: 2%;
	border: #CCC 1px solid;*/
	margin-bottom: 4%;
}
.profile > .wrap{
	display: flex;
	flex-wrap: wrap;
	/*flex-direction : row-reverse;*/
	max-width: 1200px;
	margin: 0 auto;
}
.profile > .wrap .photo{
	align-self: auto;
	width: 25%;
	margin-left: 30px;
}
.profile > .wrap .photo2{
	align-self: auto;
	width: 15%;
	margin-left: 30px;
}
.profile > .wrap .photo .image img,
.profile > .wrap .photo2 .image img{
	width: 100%;
	height: auto;
	border: #FFF 5px solid;
}
.profile > .wrap .text{
	width:calc(75% - 30px);
	background: rgba(255,255,255,0.7);
	padding: 3%;
}
.profile > .wrap .text2{
	width:calc(85% - 30px);
	background: rgba(255,255,255,0.7);
	padding: 3%;
}
.profile > .wrap .text strong,
.profile > .wrap .text2 strong{
	display: block;
	font-weight: bold;
	font-size: 1.4em;
	margin-bottom: 15px;
}
.profile > .wrap .text p,
.profile > .wrap .text2 p{
	display: block;
	margin-bottom: 15px;
}
.profile > .wrap .text b,
.profile > .wrap .text2 b{
	font-weight: bold;
}
.profile > .wrap .text .bnr a img{
	max-width: 300px;
	height: auto;
	transition: all linear 0.3s;
	margin-bottom:10px;
}
.profile > .wrap .text .bnr a:hover img{
	opacity: 0.7;
}
@media(max-width:680px){
	.profile > .wrap .photo,
	.profile > .wrap .photo2{
		width: 100%;
		margin:0 0 15px 0;
	}
	.profile > .wrap .photo .image img{
		display: block;
		max-width:250px;
		margin: 0 auto;
	}
	.profile > .wrap .photo2 .image img{
		display: block;
		max-width:150px;
		margin: 0 auto;
	}
	.profile > .wrap .text,
	.profile > .wrap .text2{
		width:calc(100% - 20px);
		margin:0 10px
	}
}

.profile3{
	margin-bottom: 4%;
	border: #eee 2px solid;
	padding: 4%;
}
.profile3 b{
	display: block;
	font-weight: bold;
	font-size: 1.3em;
	margin-bottom: 15px;
}
.profile3 p{
	display: block;
	margin-bottom: 4%;
}
.profile3 p:last-child{
	margin-bottom: 0;
}

/*
@media (max-width: 1200px){
	#company01 table,
	#company02 table{
		width: 96%;
		margin: 0 2%;
	}
}
@media (max-width: 680px){
	#company03 table td{
		padding:10px;
	}
}
*/

/* 初めての方へ */
#first01{
	display: flex;
	align-items: center;
	max-width: 1200px;
	padding: 0 10px;
	margin: 0 auto 5% auto;
}
#first01 strong{
	width: calc(100% - 397px);
	text-align: center;
	font-weight: bold;
	font-size: 2em;
	line-height: 2;
	color: #009310;
}
#first01 .img{
	width: 397px;
	text-align: center;
}
#first02{
	max-width: 1200px;
	margin: 0 auto 5% auto;
	padding: 0 10px;
}
#first02 dl{
	margin-bottom: 3%;
}
#first02 dl:last-child{
	margin-bottom: 0;
}
#first02 dt{
	display: block;
	background: none;
	font-weight: bold;
	color: #f98900;
	font-size: 1.5em;
	margin-bottom: 15px;
}
#first02 dd{
	display: block;
	border-radius: 10px;
	background: #f6f9f0;
	padding: 3%;
	font-weight: bold;
	line-height: 2;
	font-size: 1.2em;
}
.first03{
	max-width: 1200px;
	padding: 0 10px;
	margin: 0 auto;
}
.first03 img{
	width: 100%;
	height: auto;
}
.first03 a img{
	width: 100%;
	height: auto;
	transition: all linear 0.3s;
}
.first03 a:hover img{
	opacity: 0.7;
}
#first04{
	max-width: 1200px;
	margin: 0 auto 5% auto;
	padding: 5% 10px;
	border-bottom: #CCC 2px dotted;
}
#first04 ul{
	
}
#first04 ul li{
	display: flex;
	margin-bottom: 3%;
}
#first04 li .photo{
	width: 267px;
	margin-right: 30px;
}
#first04 ul li:nth-child(even){
	flex-direction: row-reverse;
}
#first04 li:nth-child(even) .photo{
	margin-right: 0;
	margin-left: 30px;
}
#first04 ul li .txt strong{
	display: block;
	font-weight: bold;
	color: #009310;
	margin-bottom: 20px;
	font-size: 1.5em;
}
@media(max-width:960px){
	#first01 strong{
		font-size: 1.7em;
	}
}
@media(max-width:890px){
	#first01{
		flex-wrap: wrap;
	}
	#first01 strong{
		width: 100%;
	}
	#first01 .img{
		width: 100%;
	}
	#first01 .img img{
		width: 100%;
		height: auto;
		max-width: 300px;
	}
	#first04 ul li .txt strong{
		font-size: 1.3em;
	}
}
@media(max-width:680px){
	#first01 strong{
		font-size: 5.5vw;
		margin-bottom: 3%;
	}
	#first02 dt{
		font-size: 1.1em;
		line-height: 1.3;
	}
	#first02 dd{
		font-size: 1em;
	}
	#first04 ul li .txt strong{
		font-size: 1.2em;
	}
	#first04{
		border-bottom: none;
		padding-bottom: 0;
	}
	#first04 ul li,
	#first04 ul li:nth-child(even){
		flex-wrap: wrap;
		flex-direction: column-reverse;
		border-bottom: #CCC 2px dotted;
		padding-bottom: 5%;
		margin-bottom: 5%;
	}
	#first04 li .txt{
		margin-bottom: 15px;
	}
	#first04 li .txt strong{
		text-align: center;
	}
	#first04 li .photo{
		width: 100%;
		text-align: center;
		margin-right: 0px;
	}
	#first04 li:nth-child(even) .photo{
		margin-right: 0;
		margin-left: 0;
	}
	#first04 li .photo img{
		width: 100%;
		height: auto;
		max-width: 267px;
	}
}
@media (max-width:480px){
	#first02 dt{
		font-size:1em;
		line-height: 1.4;
	}
	#first02 dd{
		font-size:1em;
		line-height: 1.4;
	}
}

/*--------------------------------------------------------------------
(privacy)
--------------------------------------------------------------------*/
.privacy01 dl dt {
	padding-left: 10px;
	border-left: 5px solid #FFAC1D;
	font-family: Yugo, '游ゴシック', "メイリオ", Meiryo, serif;
	font-size: 1.2rem;
	margin-top: 4%;
}

.privacy01 dl dd {
	padding :1% 0 1% 1.5%;
}

.privacy01 table {
	clear: both;
	width: 100%;
	margin: 2% 0 0 0;
}

.privacy01 table tr:nth-of-type(2n) {
	background: #F0F0F0;
}

.privacy01 table tr th,.privacy01 table tr td {
	padding: 2.5%;
	border: 1px solid #ddd;
}

.privacy01 table tr th {
	background: #5E3601;
	width: 25%;
	color: #fff;
	text-align: left;
}

.privacy01 table tr td {
	vertical-align: top;
}

@media (max-width: 680px){
	.privacy01 table tr th,.privacy01 table tr td {
		font-size: 0.8rem;
	}
}

/*--------------------------------------------------------------------
link.html
--------------------------------------------------------------------*/
#link01,
#link02,
#link03{
	max-width: 1200px;
	margin: 0 auto 4% auto;
}

#link02 table {
	width:100%;
}
#link02 table tr:last-child{
	margin-bottom:0;
}
#link02 table tr td.link01 {
	background:url(images/bg01.png);
	padding: 10px;
	border: 1px solid #ddd;
	border-bottom: none;
}
#link02 table tr td.link01 div.image {
	float: left;
	width: 88px;
	vertical-align: middle;
}
#link02 table tr td.link01 div.title {
	float: left;
	padding:0.5% 0 0 2%;
	font-weight: bold;
	line-height: 1.5;
}
#link02 table tr td.link01 div.title a {
	font-weight: bold;
}
#link02 table tr td.link02 {
	display:block;
	width:100%;
	padding: 2%;
	border: 1px solid #ddd;
	box-sizing: border-box;
}
#link02 table tr td.link02:last-child {
	margin-bottom:0;
}
#link02 table tr td.link02 p {
	line-height:1.6rem;
}
@media (max-width: 1200px){
	#link01 p{
		padding: 0 10px;
	}
}
@media (max-width: 680px){
	#link02 table {
		font-size:0.9em;
	}
	#link02 table tr:nth-child(even){
		margin-bottom:5%;
	}
	#link02 table tr:last-child{
		margin-bottom:0;
	}
	#link02 table tr td.link01{
		padding:10px;
	}
	#link02 table tr td.link01 div.link_image{
		float:left;
		width:88px;
		margin-right:10px;
	}
	#link02 table tr td.link01 div.link_title{
		padding:5px 0 0 10px;
		margin-bottom:10px;
	}
	#link02 table tr td.link02 {
		padding:10px;
	}
}
@media (max-width: 480px){
	#link01 table,
	#link02 table{
		margin: 0 10px;
	}
}
/*--------------------------------------------------------------------
sitemap.html
--------------------------------------------------------------------*/
#sitemap > ul li a{
	font-weight: bold;
	text-decoration: none;
}
#sitemap > ul li a span.arrow{
	color: #49b521;
}
#sitemap > ul li.list{
	display:none;
	padding-left: 20px;
	border-left: #CCC 2px dotted;
	margin-left: 20px;
}
#sitemap > ul li.list ul li > ul.small li a{
	display: block;
	margin:0 0 15px 0;
	line-height: 1.2;
	padding:5px 5px 5px 15px;
	background:url(images/icn01.png) no-repeat left center;
	border:none;
	border-bottom:#CCC 1px dotted;
	color:#000;
	font-size: 0.9em;
	font-weight: normal;
}
#sitemap > ul li.list ul li > a{
	display: block;
	margin:0 0 15px 0;
	line-height: 1.2;
	padding:5px 10px;
	background:#EEE;
	border:none;
	color:#000;
	font-size: 1em;
	font-weight: bold;
}
		

/*--------------------------------------------------------------------
seminar.html
--------------------------------------------------------------------*/
#seminar{
	max-width: 1300px;
	margin: 0 auto;
	padding-bottom: 5%;
}
#seminar > h3{
	background: url(images/index/bg02.png) no-repeat;
	background-size:cover;
	color: #0474d1;
	font-size: 2em;
	font-weight: bold;
	padding: 4% 0;
	text-align: center;
	text-shadow: 2px 2px 0 #FFF, -2px 2px 0 #FFF, 2px -2px 0 #FFF, -2px -2px 0 #FFF;
	margin-bottom: 3%;
}
#seminar .boxWrapper{
	margin-bottom: 4%;
}

#seminar .boxWrapper .box{
	display: flex;
	flex-wrap: wrap;
	margin-bottom:4.5rem;
}
#seminar .boxWrapper .box .inner{
	padding:3%;
}
#seminar .boxWrapper .box .day{
	width:100%;
	border: #bfbfbf 2px solid;
	border-bottom: none;
	text-align: center;
}
#seminar .boxWrapper .box .comment{
	width:100%;
	border: #bfbfbf 2px solid;
	border-bottom:none;
}

#seminar .boxWrapper .box .comment img {
	max-width:100%;
	height:auto;
}

#seminar .boxWrapper .box .comment .inner {
	padding-bottom:0;
}

#seminar .boxWrapper .box .btn{
	width:100%;
	border: #bfbfbf 2px solid;
	border-top: none;
	padding: 1.5%;
	text-align: center;
}

#seminar .boxWrapper .box .seminar_title {
	width:100%;
	border: #bfbfbf 2px solid;
	border-bottom: none;
	padding: 1.5%;
	text-align:left;
}


#seminar .boxWrapper .box .seminar_title h4 {
	font-size:1.2em;
	font-weight: bold;
}

#seminar .boxWrapper .box .day .inner {
	display:flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap:         wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}


#seminar .boxWrapper .box .day h4{
	text-align:left;
	width:76%;
	font-size:1.4em;
}
#seminar .boxWrapper .box .day span{
	font-weight: normal;
	margin-left:1.5rem;
}
#seminar .boxWrapper .box .day .uketuke1{
	display: block;
	background: #158ae0;
	padding: 5px;
	text-align: center;
	font-weight: bold;
	color: #FFF;
	border-radius: 8px;
	width:20%;
}
#seminar .boxWrapper .box .day .uketuke2{
	display: block;
	background: #D4CC00;
	padding: 5px;
	text-align: center;
	font-weight: bold;
	color: #FFF;
	border-radius: 8px;
	width:20%;
}
#seminar .boxWrapper .box .day .uketuke3{
	display: block;
	background: #A8A8A8;
	padding: 5px;
	text-align: center;
	font-weight: bold;
	color: #FFF;
	border-radius: 8px;
	width:20%;
}
#seminar .boxWrapper .box .btn{
	position: relative;
}
#seminar .boxWrapper .box .btn{
	position: relative;
}
#seminar .boxWrapper .box .btn a{
	position: absolute;
	top: calc(50% - 30px);
	left: calc(50% - 80px);
}
#seminar .boxWrapper .box .btn a img{
	width: 160px;
	height: auto;
}
@media(max-width:840px){
	#seminar .boxWrapper{
		border-bottom: none;
	}
	#seminar .boxWrapper .box{
		margin:0 10px 20px 10px;
		border-bottom: #bfbfbf 2px solid;
	}
	#seminar .boxWrapper .box .day{
		width:100%;
		align-items: center;
		background: #EFEFEF;
	}
	#seminar .boxWrapper .box .day h4{
		width:80%;
		text-align: left;
	}
	#seminar .boxWrapper .box .day span{
		margin-bottom:0;
	}
	#seminar .boxWrapper .box .day .uketuke{
		width:20%;
	}
	#seminar .boxWrapper .box .comment{
		width: calc(97% - 160px);
		padding: 1.5%;
		border-left: #bfbfbf 2px solid;
	}
	#seminar .boxWrapper .box .btn{
		width: calc(160px + 3%);
		border: #bfbfbf 2px solid;
		border-bottom: none;
		padding: 1.5%;
		text-align: center;
	}
}
@media(max-width:680px){
	#seminar > h3{
		font-size: 1.5em;
	}
	#seminar .boxWrapper{
		margin-bottom: 0;
	}
	#seminar .boxWrapper .box .comment{
		width: 100%;
		border-right: #bfbfbf 2px solid;
	}
	#seminar .boxWrapper .box .btn{
		width: 100%;
		border-top: none;
		text-align: center;
		padding-top: 0;
		padding-bottom:10px;
	}
	#seminar .boxWrapper .box .btn a{
		position: relative;
		top: auto;
		left: auto;
	}
	#seminar .boxWrapper .box .btn a img{
		width: 100px;
		height: auto;
	}

#seminar .boxWrapper .box .day h4,
#seminar .boxWrapper .box .day .uketuke1,
#seminar .boxWrapper .box .day .uketuke2,
#seminar .boxWrapper .box .day .uketuke3 {
	width:100%;
}


#seminar .boxWrapper .box .day .uketuke1,
#seminar .boxWrapper .box .day .uketuke2,
#seminar .boxWrapper .box .day .uketuke3 {
	margin-bottom:0.5rem;
}

#seminar .boxWrapper .box .day h4 {
	font-size:1em;
}

#seminar .boxWrapper .box .day h4 span {
	display:block;
	margin-left:0;
}

}

/*開閉ボタン*/
.show-hide{
	display: block;
	width: 15px;
	height: 15px;
	position: absolute;
	top: 0;
	right: 0;
	padding: 8px 8px 0 0;
	color: #30ace0;
	cursor: pointer;
	font-size: 1.2em;
	font-weight: bold;
}
.show-hide:before{
	content: "+";
}
.show-hide.active:before{
	content: "－";
}





/* contactForm */
.contactForm > p{
	margin-bottom: 10px;
}
.contactForm > p span{
	color:#FF0004;
	font-weight: bold;
}
.contactForm table{
	width: 100%;
	border-collapse:collapse;
}
.contactForm table th{
	width: 30%;
	background: #EEE;
	vertical-align: top;
	border: #CCC 1px solid;
	padding: 10px;
}
.contactForm table th span{
	color: #B50003;
}
.contactForm table th.ttl{
	width: 100%;
	background: none;
	border: none;
	font-size: 1.2em;
	padding: 10px;
	text-align: left;
	font-weight: bold;
}
.contactForm table th.ttl:before{
	font-family: "Font Awesome 5 Free";
	content: "\f13a";
}
.contactForm table th.ttl:first-letter{
	color: #c90808;
}
.contactForm table td{
	padding: 10px;
	border: #CCC 1px solid;
}
.contactForm table td p{
	display: block;
	font-size: 80%;
	margin: 0;
}

.formSent{
	display: none;
}

/*確認画面*/
.wpcf7-text:-webkit-autofill {
  box-shadow: 0 0 0 1000px #fff inset;
}

input:-webkit-autofill.wpcf7c-conf {
  -webkit-box-shadow: 0 0 0px 1000px #fff inset !important;
  border: none !important;
  background: #fff !important;
}
input:-webkit-autofill.wpcf7c-conf:focus {
    border: none !important;
}


.wpcf7c-conf {
  background: #fff !important;
  border-color: #fff !important; }
  .wpcf7c-conf:focus {
    border-color: transparent !important; }

/*送信完了*/
.sent .formSent{
	display: block;
}
.sent .formSent strong{
	font-size: 1.2em;
}
.sent .contactForm{
	display: none;
}

.form-width { 
	max-width: 100%;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"]{
	width:100%;
	height: 30px;
	max-width:500px;
}
.wpcf7 select{
	height: 30px;
}
.wpcf7 input[name="nensiki"],
.wpcf7 input[name="syaken"],
.wpcf7 input[name="kyori"],
.wpcf7 input[name="hopeprice"],
.wpcf7 input[name="creditzan"]{
	width: 100px;
}
.wpcf7 textarea{
	width:100%;
	max-height: 150px;
}
.contactForm .button{
	display: block;
	padding: 20px 0;
	text-align: center;
}
.contactForm .button input{
	padding: 10px 20px;
	text-align: center;
	margin: 0 5px;
}
@media screen and (max-width:680px){
	.contactForm table th,
	.contactForm table td{
		display: block;
		width: 100%;
		border-bottom: none;
	}
	.contactForm table{
		border-bottom:#CCC 1px solid;
	}
}

.wp-pagenavi{
	text-align: center;
	padding-top: 3%;
	color:#FFF;
}
.wp-pagenavi span.pages{
	border: none;
}
.wp-pagenavi span.current{
	background: #D40003;
	border: none;
	color:#FFF;
}



.btn-center{
	text-align: center;
	margin-bottom: 4%;
}
.btn-center a img{
	max-width:700px;
	width:100%;
	height: auto;
	transition: all linear 0.3s;
}
.btn-center a:hover img{
	opacity: 0.7;
}

/* 3つのこだわり */
#kodawari .box{
	/* display: flex;*/
	margin-bottom: 8%;
}
#kodawari .box:nth-of-type(odd){
	flex-direction: row-reverse;
}
#kodawari .box:nth-of-type(even){
	flex-direction: row;
}
#kodawari .box:nth-of-type(odd) .txt{
	padding-left: 30px;
}
#kodawari .box:nth-of-type(even) .txt{
	padding-right: 30px;
}
#kodawari p img.imgLeft{
	display: block;
	width: 30%;
	float: left;
	margin: 0 30px 15px 0 0;
}
.commonBox #kodawari h3{
	display: flex;
	border-bottom: #CCC 2px dotted;
	align-items: center;
	background: none;
	color: #009310;
	line-height: 1.2;
	padding: 0 0 10px 0;
	font-size: 2em;
}
.commonBox #kodawari h3 span{
	background: #ef8900;
	color: #FFF;
	padding: 7px 8px 5px 12px;
	line-height: 1;
	border-radius: 30px;
	margin-right: 10px;
}

#kodawari .box .photo{
	width: 100%;
}
#kodawari .box .photo img{
	width: 100%;
	height: auto;
}
#kodawari .box .txt img{
	width: 350px;
	height: auto;
	float: left;
	margin:15px 30px 15px 0;
}
#kodawari .box .txt p{}


#kodawari .box .txt p{
	padding: 2% 3%;
	font-size: 1.1em;
}
#kodawari .clear{
	display: block;
	clear: both;
}
#kodawari .box .txt strong{
	display: block;
	color:#FF7E00;
	font-weight: bold;
	font-size: 1.3em;
	margin: 3% 0 0 0;
	text-align: center;
}
#kodawari .box .txt ul{
	display: flex;
	margin-bottom: 15px;
}
#kodawari .box .txt ul li{
	width: 33.3%;
	padding: 0 3%;
	text-align: center;
	font-weight: bold;
	color: #009310;
	font-size: 1.2em;
}
#kodawari .box .txt ul li img{
	width:100%;
	height: auto;
}
#kodawari .box .txt p.center{
	text-align: center;
}
@media(max-width:1000px){
	.commonBox #kodawari h3{
		font-size: 1.6em;
	}
	#kodawari .box .txt ul li{
		font-size: 80%;
	}
}
@media(max-width:860px){
	#kodawari .box{
		flex-wrap: wrap;
	}
	.commonBox #kodawari h3 span{
		padding: 7px 6px 5px 10px;
	}
	#kodawari .box .txt{
		width: 100%;
	}
	#kodawari .box:nth-of-type(odd) .txt{
		padding-left:0;
	}
	#kodawari .box:nth-of-type(even) .txt{
		padding-right: 0;
	}
	#kodawari .box .photo{
		width: 100%;
		text-align: center;
	}
	#kodawari .box .txt img{
		width: 350px;
		height: auto;
		float: none;
		display: block;
		margin:15px auto;
	}
	#kodawari .box .txt ul li{
		padding: 0 5px;
	}
}
@media(max-width:680px){
	.commonBox #kodawari h3,
	.commonBox #kodawari h3 span{
		font-size: 1.1em;
	}	
}
@media(max-width:480px){
	#kodawari .box .txt ul{
		flex-wrap: wrap;
		width: 100%;
		max-width: 300px;
		margin: 0 auto;
	}
	#kodawari .box .txt ul li{
		width: 100%;
		margin-bottom: 15px;
	}
}

/*--------------------------------------------------------------------
コラム:column
--------------------------------------------------------------------*/
#column{
	max-width: 1300px;
	margin: 0 auto 3% auto;
}
.column-wrapper{
	display: flex;
	flex-wrap: wrap;
}
.column-wrapper .box{
	width:25%;
	padding: 1%;
}
.column-wrapper .box .photo{
	margin-bottom: 5px;
}
.column-wrapper .box .photo a img{
	width:100%;
	height: auto;
	border: #CCC 1px solid;
	transition: all linear 0.3s;
}
.column-wrapper .box .photo a:hover img{
	opacity: 0.8;
}
.column-wrapper .box .column_info b{
	display:block;
	text-align: center;
	font-weight: bold;
	color: #009310;
	margin-bottom: 10px;	
}
.column-wrapper .box .column_info h4 a{
	display:block;
	font-weight: bold;
	color: #f47d00;
	font-size: 1.1em;
}

.detail-column h3{
	border-bottom: #009310 2px solid;
	padding: 0 0 8px 0;
	font-weight: bold;
	font-size: 1.5em;
	margin-bottom: 10px;
}
.detail-column h3:before{
	font-family: "Font Awesome 5 Free";
	content: "\f138";
	color: #ff9000;
	margin-right: 5px;
}
.column-wrapper p.date{
	margin-bottom:30px;
	font-size: 80%;
	text-align: right;
}
.detail-column p.date{
	display: block;
	font-size: 80%;
	margin-bottom: 20px;
}

.column_detailBox{
	display: flex;
}
.detail-column .catch-img{
	width: 45%;
	margin-bottom: 20px;
}
.detail-column .catch-img img{
	width:100%;
	height: auto;
}
.detail-column .content{
	width: 55%;
	padding-left: 30px;
}
.detail-column .content strong{
	font-weight: bold;
	font-size: 1.2em;
}
@media(max-width:1300px){
	#column{
		padding-left: 10px;
		padding-right: 10px;
	}
}
@media(max-width:680px){
	.column-wrapper .box{
		width:33.3%;
		padding: 1.5%;
	}
	.column-wrapper .box .column_info h4 a{
		font-size: 0.9em;
	}
	.column_detailBox{
		flex-wrap: wrap;
	}
	.detail-column .catch-img{
		width: 100%;
		text-align: center;
	}
	.detail-column .catch-img img{
		max-width: 400px;
	}
	.detail-column .content{
		width: 100%;
		padding-left: 0;
	}
}
@media(max-width:420px){
	.column-wrapper .box{
		width:50%;
	}
	.column-wrapper .box .column_info h4 a{
		font-size: 0.7em;
	}
	.detail-column > ul{
		flex-wrap: wrap;
		margin-bottom: 10px;
	}
	.detail-column > ul li:first-child{
		width: 100%;
		margin-bottom: 5px;
	}
	.detail-column > ul li:last-child{
		width: 100%;
	}
}

.comming{
	display: block;
	background: url("images/logo_gray.png") no-repeat;
	background-position: top 50px center;
	border: #EEE 3px solid;
	padding: 5%;
	padding-top: 150px;
	text-align: center;
}
.comming b{
	color: #EEE;
	font-weight:bold;
	font-size: 2em;
}


/* 料金システム */
#price{
	max-width: 1100px;
	margin: 0 auto;
}
#price .box{

	margin-bottom: 5%;
}
#price h3{
	display: block;
	color: #009310;
	font-size: 2.2em;
	font-weight: bold;
	margin-bottom: 20px;
}
#price p{
	display: block;
	font-size: 1.1em;
}
#price .wrap1{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	border: #009310 3px solid;
	padding: 20px 10px;
	color: #009310;
	font-weight: bold;
	margin-bottom: 15px;
}
#price .wrap1 > b{
	font-size: 2em;
	font-weight: bold;
}
#price .wrap1 > u{
	font-size: 1.5em;
	font-weight: bold;
	text-decoration: none;
	background:#009310;
	color: #FFF;
	padding: 2px 0 0 0;
	border-radius: 5px;
	margin: 0 5px;
}
#price .wrap1 > i{
	font-size: 2.5em;
	font-style: normal;
	font-weight: bold;
	
}
#price .wrap1 > i > span{
	font-size: 0.5em;
	font-weight: bold;
}

#price ul.ul01{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#price ul.ul01 li{
	width: 31.3%;
	border: #36af35 2px solid;
	margin: 1%;
	padding: 2%;
	text-align: center;
}
#price ul.ul01 li h4{
	font-size: 1.4em;
	font-weight: bold;
	color: #36af35;
	padding-bottom: 5px;
	border-bottom: #36af35 2px solid;
	margin-bottom: 15px;
}
#price ul.ul01 li p{
	font-weight: bold;
}

#price ul.ul02{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 20px;
}
#price ul.ul02 li{
	width:29.3%;
	margin: 1% 2%;
}
#price ul.ul02 li img{
	width: 100%;
	height: auto;
}
#price .btn01 a{
	max-width: 500px;
	margin: 0 auto 20px auto;
	padding: 10px 0;
	font-size: 1.1em;
}
#price .btn01 a br{
	display: none;
}
#price .contact_txt{
	display: flex;
	max-width: 600px;
	margin: 0 auto;
	justify-content: center;
	align-items:flex-start;
}
#price .contact_txt strong{
	font-weight: bold;
	padding: 5px 10px 0 0;
}
#price .contact_txt p{
	line-height: 1.2;
}
#price .contact_txt p a{
	font-weight: bold;
	color: #36af35;
	text-decoration: none;
	font-size: 2em;
	pointer-events: none;
}
#price .contact_txt p span{
	display: block;
	font-size: 0.9em;
}

#price ul.ul03{
	display: flex;
	flex-wrap: wrap;
}
#price ul.ul03 li{
	width: 22.5%;
	border: #36af35 2px solid;
	margin: 1%;
	padding: 1.5%;
	text-align: center;
}
#price ul.ul03 li:last-child{
	width: 24.5%;
}
#price ul.ul03 li h4{
	display: block;
	color: #36af35;
	font-weight: bold;
	font-size: 1.2em;
	margin-bottom: 5px;
}
#price ul.ul03 li p{
	display: flex;
	justify-content: center;
	align-items: center;
}
#price ul.ul03 li p span{
	background: #36af35;
	color: #FFF;
	line-height: 1.2;
	padding: 4px 5px 2px 5px;
	border-radius: 3px;
	font-weight: bold;
}
#price ul.ul03 li p u{
	text-decoration: none;
	font-weight: bold;
	color: #FF7E00;
	padding-left: 10px;
}
#price .txt01{
	display: block;
	border: #36af35 3px solid;
	padding: 20px 10px;
	text-align: center;
}
#price .txt01 b{
	color: #36af35;
	font-weight: bold;
	font-size: 1.3em;	
}
@media (max-width:1100px){
	#price{
		margin-left: 10px;
		margin-right: 10px;
	}
}
@media(max-width:980px){
	#price ul.ul03 li,
	#price ul.ul03 li:last-child{
		width: 48%;
	}
}
@media(max-width:860px){
	#price h3{
		font-size: 1.8em;
	}
	#price ul.ul01 li{
		width: 100%;
		margin: 1% 0;
		padding: 2%;
		display: flex;
		align-items: center;
	}
	#price ul.ul01 li h4{
		padding-bottom: 0;
		border-bottom: none;
		margin-bottom: 0;
		padding-right: 15px;
	}
	#price ul.ul01 li p br{
		display: none;
	}
}
@media(max-width:640px){
	#price h3{
		font-size: 5.3vw;
		line-height: 1.4;
		margin-bottom: 2%;
	}
	#price .wrap1 b,
	#price .wrap1 u{
		font-size: 5vw;
	}
	#price .wrap1 > i{
		text-align: center;
		width: 100%;
		font-size: 7vw;
	}
	#price .wrap1 > i > span:first-child{
		display: none;
	}
	#price .txt01{
		text-align: left;
	}
	#price .txt01 b{
		font-size: 1.1em;	
	}
	#price ul.ul01 li p{
		line-height: 1.4;
	}
	#price ul.ul02{
		max-width: 350px;
		margin: 0 auto;
	}
	#price ul.ul02 li{
		width:96%;
		margin: 1% 2%;
	}
	#price .contact_txt strong{
		font-size: 3vw;
	}
	#price .contact_txt p a{
		font-size: 5vw;
	}
	#price .contact_txt p span{
		font-size: 3vw;
	}
}
@media(max-width:560px){
	#price ul.ul01 li{
		flex-wrap: wrap;
	}
	#price ul.ul01 li h4{
		width: 100%;
		padding-right: 0;
		text-align: left;
	}
	#price ul.ul01 li p{
		text-align: left;
	}
	#price ul.ul01 li p br{
		display: none;
	}
	#price .btn01 a{
		padding: 10px;
		font-size: 4vw;
		line-height: 1.3;
	}
}
@media(max-width:420px){
	#price ul.ul03 li,
	#price ul.ul03 li:last-child{
		width: 98%;
	}
	#price .btn01 a{
		font-size: 3.5vw;
	}
	#price .contact_txt strong{
		font-size: 4vw;
	}
	#price .contact_txt p a{
		font-size: 6vw;
	}
	#price .contact_txt p span{
		font-size: 4vw;
	}
}
@media(max-width:380px){
	#price .btn01 a{
		font-size: 4vw;
	}
	#price .btn01 a br{
		display: block;

	}
}