@charset "UTF-8";
/* CSS Document */


/* 基本CSS */
@media screen and (min-width:783px) {
.sp{
	display: none
}
}
@media screen and (max-width:782px) {
.pc{
	display: none
}
}

@media screen and (min-width:783px) {
.contents{
	max-width: 1200px; width: 80%; margin: 0px auto
}
.bg_padding{
	padding: 10% 0
}
}
@media screen and (max-width:782px) {
.contents{
	max-width: 1200px; width: 90%; margin: 0px auto
}
.bg_padding{
	padding: 20% 0
}
}





/* フォントCSS */
body {
	margin: 0 auto;
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	background: #fff;
}
body p, body span, body dl, h1, h2, h3, h4, h5, h6{
    transform: rotate(0.03deg);
    -moz-transform: rotate(0.03deg);
    -ms-transform: rotate(0.03deg);
    -o-transform: rotate(0.03deg);
    -webkit-transform: rotate(0.03deg);
}
a img:hover{
	opacity: 0.8
}
/* 
body {
	font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}
.weight100 {font-weight:100 !important}
.weight200 {font-weight:200 !important}
.weight300 {font-weight:300 !important}
.weight400 {font-weight:400 !important}
.weight500 {font-weight:500 !important}
.weight600 {font-weight:600 !important}
.weight700 {font-weight:700 !important}
.weight900 {font-weight:900 !important}
.en{font-size: 120%; letter-spacing: 1px}
*/
ul {
	padding: 0
}
ul li{
	list-style: none;
	margin-bottom: 5px
}
h1,h2,h3,h4{
	margin: 0 0 30px;
	color: #333333
	}
h1{
	margin: 0 0 60px;
	color: #333333
	}
p{
	margin: 0;
	color: #333333; letter-spacing:1px
}
h1{
	font-weight:400 !important; letter-spacing:1px;
	}
h2 {
	font-weight:400 !important; 
	}
h3 {
	font-weight:400 !important;
}
h4 {
	font-weight:400 !important;
}
table tr td{
	font-weight:400 !important; letter-spacing:1px;
	color: #333333
}
table tr th{
	font-weight:400 !important; letter-spacing:1px;
	color: #333333
}
table {
	border-collapse:collapse;
	width: 100%
}
label {
	font-weight:bold !important; letter-spacing:1px
	}


@media screen and (min-width:783px) {
p{
	font-size: 18px; line-height:34px;
}
h1{
	font-size: 45px; line-height:60px;
	}
h2 {
	font-size: 38px; line-height:55px;
	}
h3 {
	font-size: 30px; line-height:45px;
}
h4{
	font-size: 25px; line-height:45px;
}
	
table tr td{
	font-size: 18px; line-height:34px;
}
table tr th{
	font-size: 18px; line-height:34px;
}
label {
	font-size: 18px; line-height:34px;
	}
ul li {
	font-size: 18px; line-height:34px;
	}
}


@media screen and (max-width:782px) {
h1,h2,h3,h4{
	margin: 0 0 30px;
	font-weight:bold !important;
	}
h1{
	margin: 0 0 50px
	}
p{
	font-size: 20px; line-height:35px;

}
h1{
	font-size: 22px; line-height:35px;
	}
h2 {
	font-size: 22px; line-height:35px;
	}
h3 {
	font-size: 22px; line-height:35px;
}
h4{
	font-size: 22px; line-height:35px;
}
	
table tr td{
	font-size: 20px; line-height:35px;
	font-weight:bold !important;
}
table tr th{
	font-size: 20px; line-height:35px;
	font-weight:bold !important;
}
label {
	font-size: 20px; line-height:35px;
	}
ul li {
	font-size: 20px; line-height:35px;
	font-weight:bold !important;
	}
}

.center {
	text-align: center
}
.right{
	text-align: right
}
.left{
	text-align: left
}
.bd{
	border-bottom: 1px solid #333333;
	width: 50%;
	margin:0 auto 10%
}
.wt{
	color: #fff
}
.pi{
	color: #ff7d7d
}
.bl{
	color: #0b95cd
}
.yl{
	color: #f5e721;
}
.rd{
	color: #e53939
}
.gr{
	color: #099164
}
.gr_bg{
	background: #099164
}
.ye_bg{
	background: #ffe578
}
.bd{
	max-width: 250px;
	border-bottom: 5px solid #fff;
	margin: 5% auto 8%
}
.bd_bk{
	max-width: 250px;
	border-bottom: 5px solid #000;
	margin: 5% auto 8%
}

@media screen and (max-width:782px) {
.bd{
	max-width: 150px;
	border-bottom: 5px solid #fff;
	margin: 5% auto 8%
}
}




.marker{
	background:linear-gradient(transparent 60%, #ffe7ab 60%);
}

/* column_CSS */

.box {
	display: flex;flex-wrap: wrap
}
.box .column6{
	width: 14%;
	margin-right: 3%;
	margin-bottom: 3%
}
.box .column6:nth-child(6n){
	margin-right: 0
}


.box .column5{
	width: 17.5%;
	margin-right: 3%;
	margin-bottom: 3%
}
.box .column5:nth-child(5n){
	margin-right: 0
}

.box .column4{
	width: 22%;
	margin-right: 3%;
	margin-bottom: 3%
}
.box .column4:nth-child(4n){
	margin-right: 0
}

.box .column3{
	width: 31%;
	margin-right: 3%;
	margin-bottom: 3%
}
.box .column3:nth-child(3n){
	margin-right: 0
}
.box .column2{
	width: 48%;
	margin-right: 3%;
	margin-bottom: 3%
}
.box .column2:nth-child(2n){
	margin-right: 0
}



@media screen and (max-width:782px) {
.box .column6{
	width: 80% !important;
	margin: 0 auto 5%;
}
.box .column6:nth-child(6n){
	margin: 0 auto 5%;
}

.box .column5{
	width: 80% !important;
	margin: 0 auto 5%;
}
.box .column5:nth-child(5n){
	margin: 0 auto 5%;
}
.box .column4{
	width: 100% !important;
	margin: 0 auto 5%;
}
.box .column4:nth-child(2n){
	margin: 0 auto 5%;
}
.box .column3{
	width: 100% !important;
	margin-right: 0;
	margin-bottom: 5%
}
.box .column3:nth-child(3n){
	margin-right: 0
}
.box .column2{
	width: 100% !important;
	margin-right: 0;
	margin-bottom: 5%
}
.box .column2:nth-child(2n){
	margin-right: 0
}

}


/* ボタンリンク_CSS */
.btn_link {
	position: relative;
	transition: all 0.3s ease-in-out;
	filter: drop-shadow(5px 5px 3px rgba(0,0,0,0.3));
}
.btn_link:hover{
	opacity: 0.7
}
.btn_link a{
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	right:0
}
.btn_link p{
	color: #fff;
	font-weight: 200;
	padding: 2% 0 2% 6%
}
	
	

@media screen and (max-width:782px) {
.btn_link {
	width: 100% !important;
}
.btn_link p{
	padding: 3% 0 3% 5% !important;
}
}

	
	


	
	

/* contact_area(PC) */
.contact_area .contents {
	background: url("img/contact_bg.png");
	background-size: cover;
	background-position: center;
	padding: 2% !important;
	text-align: center;
	border-radius: 20px;
	position: relative;
	overflow: hidden
}
.contact_area .contents .contact {
	border:3px solid #47564c;
	border-radius: 20px;
	padding:5% 0 13%;
	position: relative
}
.contact_area .contents .contact .btn{
	position: absolute;
	bottom:20%;
	left:8%;
	width: 55%;
	filter: drop-shadow(3px 3px 5px rgba(0,0,0,0.3));
}
.contact_area .contents .img{
	position: absolute;
	bottom:-2%;
	right:8%;
	width: 20%;
}
@media screen and (max-width:1220px) {
.contact_area .contents .contact h2{
	font-size: 3vw
}
}

/* contact_area(SP) */
@media screen and (max-width:782px) {
.contact_area .contents {
	width: 80%;
	padding: 3% !important;
	text-align: left;
}
.contact_area .contents .contact {
	padding:10% 0 20%;
	padding-left: 8%
}
.contact_area .contents .contact .btn{
	position: absolute;
	bottom:15%;
	left:8%;
	width: 70%
}
.contact_area .contents .contact h2{
	font-size: 20px
}
.contact_area .contents .img{
	position: absolute;
	bottom:-2%;
	right:2%;
	width: 30%;
}
}


/* footer(PC) */
#footer {
	background: #099164
}
#footer h4{
	font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}
#footer p{
	font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}
#footer .f_logo{
	width: 35%;
	max-width: 100px;
	margin: 0 auto 5%
}
/* footer(SP) */
@media screen and (max-width:782px) {
.f_logo{
	width: 55%;
	margin: 0 auto
}
}


/* copy(PC) */
#copy{
	background: #099164;
	padding: 5px 0;
}
#copy p{
	opacity: 0.5;
	color: #fff;
	text-align: center;
	font-size: 15px;
	font-weight: normal !important;
	font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}
/* copy(SP) */
@media screen and (max-width:782px) {
#copy p{
	font-size: 13px !important;
}
}




/* CONTACT */
#CONTACT{
	position: fixed;
	bottom:-5px;
	left: 0;
	width: 100%;
	z-index: 99
}
#CONTACT .box{
	max-width: 750px;
	margin:0 auto
}
#CONTACT .column2{
	margin-right: 0;
	margin-bottom: 0;
	width: 50%;
}



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

}





/* form(PC) */
#form {
	margin-bottom: 10%
}
#form h2{
	margin-bottom: 50px
}
#form table {
	margin:0 auto 50px;
	max-width: 800px; 
}

#form table tr th{
	display: block;
	text-align: left
}
#form table tr td{
	padding: 10px 0;
	display: block !important
}
#form table tr td:nth-child(1){
	width: 100%;
}
#form table tr td:nth-child(2){
	width: 100%;
}
#form span {
	background: #ff0b00;
	color: #fff;
	padding: 3px 6px;
	border-radius: 3px;
	text-align: center;
	font-weight: bold
}
#form input[type="text"] {
    width: 100%;
	padding: 20px 10px;
	margin-bottom: 20px;
	border:1px solid #d1d1d1;
	background: #f3f3f3;
	border-radius: 10px
}
#form input[type="submit" i] {
    background-color: #099164;
    border-width: 0px;
	color: #fff;
	padding: 15px 0;
	width: 45%;
	border-radius: 50px
}
#form input[type="reset" i] {
    border-width: 0px;
	padding: 15px 0;
	width: 45%;
	border-radius: 50px
}
#form textarea {
    width: 100%;
	padding: 10px
}
#form select {
    padding: 15px 0px 15px 10px
}

/* sec05(SP) */
@media screen and (max-width:782px) {
#form table tr th{
	display: block;
	width: 100% !important
}
#form table tr td:nth-child(1){
	width: 100%;
}
#form table tr td:nth-child(2){
	width: 100%;
}
#form input[type="text"] {
    width: 94%;
	padding: 10px;
}
#form textarea {
    width: 94%;
	padding: 10px
}
}


/* thanks(PC) */
#thanks {
	background: #fcf7f4;
}


#thanks h2{
	text-align: center;
	margin-bottom: 5%
}
#thanks h2 span{
	background: #cee9e0;
	border-radius: 50px;
	padding: 10px 50px
}
#thanks .img{
	width: 85%;
	max-width: 500px;
	margin: 0 auto 5%
}
@media screen and (max-width:782px) {
#thanks h2 span{
	background: #cee9e0;
	border-radius: 50px;
	padding: 5px 20px
}
}



/*ベース*/
.toggle {
	display: none;
}
.q {		/*タイトル*/
	background:#fff;
	border-radius: 10px
}
.Label {		/*タイトル*/
	padding:20px 30px 20px 20px;
	display: block;
	background:#fff;
	border-radius: 10px;
	font-size: 140%;
	font-weight:bold !important;
	line-height: 150% !important;
}
.Label::before{		/*タイトル横の矢印*/
	content:"";
	width: 10px;
	height: 10px;
	border-top: 3px solid #009245;
	border-right: 3px solid #009245;
	-webkit-transform: rotate(45deg);
	position: absolute;
	top:calc( 50% - 3px );
	right: 20px;
	transform: rotate(135deg);
}
.Label,
.content {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: all 0.3s;
	background:#fff;
}
.content {		/*本文*/
	height: 0;
	margin-bottom:10px;
	padding:0 20px;
	overflow: hidden;
	border-radius: 10px;
}
.content p{
	border-top:1px solid #099164;
	padding-top:20px;
	line-height: 150% !important;
	font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;

}
.toggle:checked + .Label + .content {	/*開閉時*/
	height: auto;
	padding:0px 20px 20px 20px ;
	transition: all .3s;
}
.toggle:checked + .Label::before {
	transform: rotate(-45deg) !important;
}


@media screen and (max-width:782px) {
.Label {		/*タイトル*/
	font-size: 100%;
}
}