@charset "utf-8";
/* レイアウトのためのCSS */
body{
    overflow-x: hidden;
    background:#fff;
	color: #594e52;
	font-size:1rem;
	line-height:2;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: 100%; 
	overflow-wrap: break-word;
    font-family: "Noto Sans JP",sans-serif;
    font-weight: 500;
    font-style: normal;
    margin:0;
}

h2 {
    font-size:200%;
    margin:1em auto 0.5em;
}


ul{
	margin:0;
	padding: 0;
	list-style: none;
}

a{
    color: #6f4b3e;
	text-decoration:none;
    outline: none;
}

a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
}

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

*{
    box-sizing: border-box
}

.nomargin {
    margin:0;
}

.br-style {
	display: none;
}

.br-none {
	display: block;
}

.t-center{
    text-align: center;
}

.t-center-l {
    text-align: center;
}

.inline {
    display: inline;
    margin-right:1em;
}

.space {
    margin: 0 auto 3em; 
}

#center {
    text-align: center;
}

/*iframeのサイズ*/
iframe {
    width:100%;
    height:600px;
    background: #ffffff;
    margin:10px auto;
    padding: 12px;
    text-align: center;
}

/*文字の色*/
.font-black {
	color:#594e52;
}

.font-green {
    color:#62a231;
}

.font-orange {
	color:#e47637;
}

.font-white {
	color:#ffffff;
}

/*背景の色*/
.yellow {
	background-color:#ffffe0;
}

.blue {
	background-color:#d3ede6;
}

.black {
	background-color:#534741;
}

.white {
	background-color:#ffffff;
}


/*ヘッダー*/


#head-bar {
    padding: 20px 0 10px;
    width:100%;
    height:auto;
    margin:0 auto;
}

.logo {
    padding: 0;
    width:auto;
    height:150px;
    margin:0 1% 0 4%;
    display:inline-block;
}

.catch {
    padding: 0;
    width:50%;
    height:auto;
    margin:0 1% 0 1%;
    display:inline-block;
    vertical-align: baseline;
}

.catch p {
    padding: 0;
    height:auto;
    line-height: 1.5em;
    margin:0 auto;
    display:block;
    font-size:180%;
    font-weight:500;
    color:#62a231;
}

.catch h1 {
    padding: 0;
    height:auto;
    line-height: 1.5em;
    margin:0 auto;
    display:block;
    font-size:220%;
    color:#62a231;
    letter-spacing: 0.3rem;
}

.office {
    padding: 0;
    width:auto;
    height:auto;
    margin:0 auto 0 0;
    display:inline-block;
    font-size:140%;
    line-height: 1.2em;
}

.map-mark::before{
    font-family: "Font Awesome 5 Free";
    content: '\f3c5';
    font-weight: 700;
    margin-right: 4px;;
}

.tel-mark::before{
    font-family: "Font Awesome 5 Free";
    content: '\f095';
    font-weight: 700;
    margin-right: 4px;;
}

#sns {
    padding: 0;
    width:auto;
    height:auto;
    margin:0 1% 0 4%;
    font-size:140%;
    line-height: 1.2em;
    text-align: left;
}

#sns img {
    width:180px;
    height:auto;
    margin:0 auto 0 0;
    display:inline-block;
}


.main-image {
    padding: 0;
    margin:0;
    display: block;
}

.main-image-mb {
    padding: 0;
    margin:0;
    display: none;
}


/*コンテンツレイアウト*/

#text-left-wrap {
    text-align: left;
}

#sec-info {
    padding:2em 10% 5em;
    margin:0;
    text-align: center;
}


#sec01 {
    padding:2em 10% 2em;
    margin:0 auto;
    text-align: center;
}

#content01 {
    padding:2em 10% 2em;
    margin:0 auto;
    text-align: center;
}

#content02 {
    padding:2em 10% 2em;
    margin:0 auto;
    text-align: center;
}

#content02 h3 {
    margin:0.3em auto 0.3em;
}

#content02 p {
    margin:0.3em auto 0.25em;
}

.conf-btn{
    padding: 0.5em 2em;
    margin-top:0.25em;
    background-color: #62a231;
    color:#fff;   
    font-size:140%;
}

.submit-btn{
    padding: 0.5em 2em;
    margin-top:0.25em;
    background-color: #e47637;
    color:#fff; 
    font-size:140%;
}

.back-btn{
    padding: 0.5em 2em;
    background-color: #696969;
    color:#fff; 
    font-size:140%;  
}


#sec02 {
    padding:2em 10% 4em;
    margin:0;
}

#sec03 {
    padding:2em 10% 6em;
    margin:0;
    text-align: center;
    vertical-align: top;
}

#sec01 img{
    padding:2em 10% 0;
    margin:0;
}


.sec02-img01 {
    width:60%;
    margin:0 20%;
}

.sec02-img02 {
    width:60%;
    margin:0 20%;
}

.info-wrap {
    text-align: left;
    margin:0;
}

.info-box {
    background:#ffffff;
    width:31%;
    margin:1em 1% 2em;
    padding:0 0 2em;
    display: inline-block;
    vertical-align: top;
    text-align: left;
}

.info-box h3 {
    font-size:100%;
    margin:0 1em 0;
}

p.date {
    font-size:90%;
    text-align: center;
    margin:0.5em auto 1em;
}


.more-btn {
    color: #534741;
    text-align: center;
}


.more-btn::before{
    font-family: "Font Awesome 5 Free";
    content: '\f061';
    font-weight: 700;
    margin-right: 4px;
    color: #e47637;
}


.circle-title {
    background-color: #e47637;
    width:120px;
    height: 120px;
    border-radius: 50%;
    margin:1.5em auto 0.5em auto;
    padding:38px 0 38px;
    font-size: 130%;
    color: #ffffff;
    text-align: center;    
}

.circle-title a:link, .circle-title a:visited{
    color: #ffffff;    
}

.circle-h2 {
    margin:0.5em auto 2em auto;
    font-size: 130%;
    text-align: center;    
}

.standard-h3 {
    margin:2em auto 1em auto;
    font-size: 200%;
    color:#62a231;
    text-align: center;
}

.standard-h4 {
    margin:1em auto 1em auto;
    font-size: 180%;
    text-align: center;
}

.standard-p {
    margin:0.5em auto 4.5em auto;
    font-size: 130%;
    line-height:2.2em;
    text-align: left;
}

.line-h3 {
    position: relative;
    margin:3em auto 1em auto;
    font-size: 220%;
    color:#62a231;
    text-align: center;
}

.line-h3::before {
    content: "";
    position: absolute;
    display: inline-block;  
    border-bottom: solid 2px #62a231;
    width:20%;
    margin:1em 0px auto -22%;
}

.line-h3::after {
    content: "";
    position: absolute;
    display: inline-block;  
    border-bottom: solid 2px #62a231;
    width:20%;
    margin:1em 0 auto 2%;
}

.large-list {
    margin:1em auto 1em auto;
    font-size: 260%;
    color:#62a231;
    text-align: center;
    font-weight:600;
}

.large-list li{
    margin:0 1.5em;
    display: inline-block;
}



.list-ul {
    display: inline-block;
    padding:0 4%;
    width: 40%;
    margin:0 4% 4em;
    text-align: center;
    vertical-align: top;
}

.list-ul li {
    font-size: 190%;
    text-align: left;
}

.list-ul li::before{
    font-family: "Font Awesome 5 Free";
    content: '\f0c8';
    font-weight: 700;
    margin-right: 8px;
}

.label-wrap {
    padding:1em auto 4em;
    text-align: left;
}

.label {
    display: inline-block;
    width:30%;
    height:auto;
    padding:0 1em 1em;
    margin: 1em 1%;
    background-color: #ffffff;
    vertical-align: top;
    text-align: center;
}

.partner-title {
    font-size:110%;
    position: relative;
    line-height: 1.5em;
    margin-bottom: 1.1em;
}

.partner-title::after {
    content: "";
    position: absolute;
    border-bottom: solid 1px #62a231;
    width:88%;
    top:1.5em;
    left:6%;
}

.partner-name {
    font-size:110%;
    margin:0.5em auto;
    line-height: 1.5em;
}

.office-name {
    font-size:90%;
    margin:1em auto 0.5em;
    line-height: 1.5em;
}

.left-wrap {
    width:44%;
    display: inline-block;
    vertical-align:top;
    text-align: left;
    margin:2% 2% 3em;
}

.left-wrap h3 {
    font-size:150%;
    margin:0 auto 1em;
}

.left-wrap p {
    font-size:120%;
    margin:0 auto 0.3em;
}


.right-wrap {
    width:44%;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    margin:2% 2% 3em;
}

.right-wrap h3 {
    font-size:130%;
    margin:0 auto 1em;
}

.right-wrap p {
    font-size:120%;
    margin:0 auto 3em;
}

/*iframeのサイズ*/
iframe {
    width:100%;
    height:600px;
    background: #ffffff;
    margin:10px auto;
    padding: 12px;
    text-align: center;
}


/*フッダーレイアウト*/

.footer-logo {
    padding: 0;
    width:auto;
    height:auto;
    margin:3em 1% 1em 1%;
    vertical-align: baseline;
    text-align: center;
}

.footer-logo img {
    width:auto;
    height:100px;
    margin-right:2em;
}

.footer-catch {
    display: block;
    width: auto;
    margin:0.5em auto 1em;
}

p.footer-catch-p {
    height:auto;
    line-height: 1.5em;
    margin:0 auto;
    font-size:130%;
    font-weight:500;
    color:#62a231;
    display:block;
    text-align: left;
}

p.footer-catch-h {
    height:auto;
    line-height: 1.5em;
    margin:0 auto;
    font-size:170%;
    color:#62a231;
    letter-spacing: 0.3rem;
    display:block;
    text-align: left;
}


.footer-logo p {
    display: inline-block;
}


.footer-p-wrap {
    display: block;
    text-align: center;
}

.footer-p {
    display: inline;
    margin-right:1em;
    text-align: center;
}

.privacy {
    font-size:90%;
    text-align: center;
    margin: 2em 0;
    display:block;
}


.copyright {
    font-size:80%;
    text-align: center;
    margin: 2em 0;
    display:block;
}


/*シングルページのレイアウト*/

.content-title-wrap {
    padding:2em 12% 0em;
    margin:0;
    text-align: center;
}

.content-wrap {
    padding:0.5em 12% 5em;
    margin:0;
    text-align: center;
}

.content-wrap img {
    width:100%;
    height:auto;
    margin:1em auto;
    text-align: center;
}


.content-wrap h1 {
    font-size: 220%;
    margin:0 auto 2em;
    color:#62a231;
    text-align: center;
    line-height: 1.5em;
    position: relative;
}


.content-wrap h2 {
    font-size: 180%;
    margin:3em auto 2em;
    text-align: left;
    line-height: 1.5em;
}

.content-wrap h3 {
    font-size: 160%;
    margin:3em auto 2em;
    margin:0;
    text-align: left;
}

.content-wrap h2::before{
    font-family: "Font Awesome 5 Free";
    content: '\f111';
    font-weight: 700;
    margin-right: 8px;
}


.content-wrap p {
    font-size: 120%;
    margin:0 auto 3em;
    text-align: left;
    font-weight:400;
}

#content-date {
    font-size:110%;
    text-align: center;
    margin:0.5em auto 1em;
}



@media screen and (max-width:768px) {


.br-style {
	display:block;
}

.br-none {
	display: none;
}

/*ヘッダー*/


#head-bar {
    padding: 25px 0 0;
    width:100%;
    height:auto;
    margin:0 auto;
    text-align: center;
}

.logo {
    padding: 0;
    width:auto;
    height:90px;
    margin:1em auto 1em;
    display:block;
    text-align: center;
}


.catch {
    padding: 0;
    width:auto;
    height:auto;
    margin:0 1% 0 1%;
    display:block;
    vertical-align: baseline;
}

.catch p {
    padding: 0;
    height:auto;
    line-height: 1.5em;
    margin:0 auto;
    display:block;
    font-size:100%;
    font-weight:500;
    color:#62a231;
}

.catch h1 {
    padding: 0;
    height:auto;
    line-height: 1.5em;
    margin:0 auto;
    display:block;
    font-size:150%;
    color:#62a231;
    letter-spacing: 0.1rem;
}

.office {
    padding: 0;
    width:auto;
    height:auto;
    margin:0;
    display:block;
    font-size:90%;
    line-height: 1em;
}


.main-image {
    padding: 0;
    margin:0;
    display: none;
}

.main-image-mb {
    padding: 0;
    margin:0;
    display: block;
}


#sns {
	position: fixed;
  	bottom: 0;
  	left: 0;
	margin:0 auto;
	padding:0;
    text-align: center;

}

#sns img {
    width:32%;
    height:auto;
    margin:0.25em auto 0.25em auto;
    display:inline-block;
}


/*コンテンツレイアウト*/

#sec-info {
    padding:2em 0% 2em;
    margin:0;
    text-align: center;
}


#sec01 {
    padding:2em 5% 0;
    margin:0;
}

#content01 {
    padding:2em 5% 0;
    margin:0;
}

#content02 {
    padding:2em 5% 0;
    margin:0;
}

#content02 h3 {
    margin:0.3em auto 0.3em;
}

#content02 p {
    margin:0.3em auto 0.25em;
}


#sec02 {
    padding:2em 5% 2em;
    margin:0;
}

#sec03 {
    padding:2em 5% 2em;
    margin:0;
    text-align: center;
    vertical-align: top;
}

#sec01 img{
    padding:1em 5% 0;
    margin:0;
}

.sec02-img01 {
    width:80%;
    margin:0 10%;
}

.sec02-img02 {
    width:90%;
    margin:0 5%;
}


.info-wrap {
    text-align: left;
    margin-left:1.25%;
}

.info-box {
    background:#ffffff;
    width:46%;
    margin:0.5em 1.5% 0.5em;
    padding:0 0 1em;
    display: inline-block;
    vertical-align: top;
}

.info-box h3 {
    font-size:80%;
    margin:0 1em 0;
    line-height: 1.5em;
}

p.date {
    margin-top:0.2em;
    font-size:67%;
    text-align: center;
}

#content-date {
    font-size:100%;
    text-align: center;
    margin:0.2em auto 1em;
}

.circle-title {
    background-color: #e47637;
    width:120px;
    height: 120px;
    border-radius: 50%;
    margin:0.5em auto 0.5em auto;
    padding:38px 0 38px;
    font-size: 130%;
    color: #ffffff;
    text-align: center;    
}

.circle-h2 {
    margin:0.5em auto 2em auto;
    font-size: 100%;
    text-align: center;    
}

.standard-h3 {
    margin:1.6em auto 1em auto;
    font-size: 120%;
    color:#62a231;
    text-align: center;
}

.standard-h4 {
    margin:1.6em auto 1em auto;
    font-size: 120%;
    text-align: center;
}

.standard-p {
    margin:0.5em auto 3em auto;
    font-size: 100%;
    line-height:2.2em;
}

.line-h3 {
    position: relative;
    margin:1.5em auto 0.8em auto;
    font-size: 160%;
    color:#62a231;
    text-align: center;
}

.line-h3::before {
    content: "";
    position: absolute;
    display: inline-block;  
    border-bottom: solid 2px #62a231;
    width:20%;
    margin:1em 0px auto -24%;
}

.line-h3::after {
    content: "";
    position: absolute;
    display: inline-block;  
    border-bottom: solid 2px #62a231;
    width:20%;
    margin:1em 0 auto 4%;
}

.large-list {
    margin:0.6em auto 0.7em auto;
    font-size: 230%;
    color:#62a231;
    text-align: center;
}

.large-list li{
    margin:0 0.5em;
    display: inline-block;
}


.list-ul {
    display: block;
    padding:0;
    width: auto;
    margin:0 4% 0;
    text-align: center;
}

.list-ul li {
    font-size: 140%;
    text-align: left;
}

.label-wrap {
    padding:1em auto 4em;
    text-align: center;
}

.label {
    display: inline-block;
    width:47%;
    height:auto;
    padding:0 0.5em 0.8em;
    margin: 2% 1%;
    background-color: #ffffff;
}

.partner-title {
    font-size:76%;
    position: relative;
    line-height: 1.5em;
    margin-bottom: 1.1em;
}

.partner-title::after {
    content: "";
    position: absolute;
    border-bottom: solid 1px #62a231;
    width:96%;
    top:1.5em;
    left:2%;
}

.partner-name {
    font-size:76%;
    margin:0.5em auto;
    line-height: 1.5em;
}

.office-name {
    font-size:65%;
    margin:1em auto 0.5em;
    line-height: 1.5em;
}

.left-wrap {
    width:auto;
    display: block;
    text-align: left;
    margin:2em 2% 1em;
}

.left-wrap h3 {
    font-size:150%;
    margin:0 auto 1em;
    text-align: center;
}

.left-wrap p {
    font-size:100%;
    margin:0 auto 0.3em;
}

.left-wrap img {
    width:86%;
    margin:0 7%;
}

.right-wrap {
    width:auto;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    margin:2% 2% 1em;
}

.right-wrap h3 {
    font-size:120%;
    margin:0 auto 0.8em;
    text-align: center;
}

.right-wrap p {
    font-size:100%;
    margin:0 auto 1em;
}

/*iframeのサイズ*/
iframe {
    width:100%;
    height:380px;
    background: #ffffff;
    margin:10px auto;
    padding: 12px;
    text-align: center;
}

/*フッダーレイアウト*/

.footer-logo {
    padding: 0;
    width:auto;
    height:auto;
    margin:3em 1% 1em 1%;
    vertical-align: baseline;
    text-align: center;
}

.footer-logo img {
    width:auto;
    height:100px;
    margin:0;
}

.footer-catch {
    display: block;
    width: auto;
    margin:0.5em auto 0em;
}

p.footer-catch-p {
    height:auto;
    line-height: 0.5em;
    margin:0 auto;
    font-size:100%;
    font-weight:500;
    color:#62a231;
    display:block;
    text-align: left;
}

p.footer-catch-h {
    height:auto;
    line-height: 0.5em;
    margin:0 auto;
    font-size:150%;
    font-weight: 600;
    color:#62a231;
    letter-spacing: 0.1rem;
    display:block;
    text-align: left;
}


.footer-logo p {
    display: inline-block;
}


.footer-p-wrap {
    display: block;
    text-align: center;
}

.footer-p {
    display: block;
    margin:0.2em auto;
    text-align: center;
    font-size:98%;
}

.privacy {
    font-size:90%;
    text-align: center;
    margin: 2em 0;
    display:block;
}


.copyright {
    font-size:80%;
    text-align: center;
    margin: 2em 0;
    padding-bottom:3em;
    display:block;
}


/*シングルページのレイアウト*/

.content-title-wrap {
    padding:2em 4% 0em;
    margin:0;
    text-align: center;
}

.content-wrap {
    padding:2em 5% 5em;
    margin:0;
    text-align: center;
}

.content-wrap img {
    width:100%;
    padding: 0;
    margin: 1em auto;
}

.content-wrap h1 {
    font-size: 160%;
    margin:0 auto 1.5em;
    color:#62a231;
    text-align: center;
}

.content-wrap h2 {
    font-size: 140%;
    line-height: 1.6em;
    margin:2em auto 0.5em;
    text-align: left;
}

.content-wrap h3 {
    font-size: 130%;
    line-height: 1.3em;
    margin:2em auto 1em;
    text-align: left;
}

.content-wrap p {
    font-size: 100%;
    margin:0 auto 3em;
    text-align: left;
}

}