/*基本*/
.wf-roundedmplus1c { font-family: "M PLUS Rounded 1c"; }
*, *:before, *:after { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing:border-box;box-sizing: border-box;margin: 0px;padding: 0px}

body {margin: 0px;padding: 0px;color: #333333;background-color: #FBFBF2}
img {margin: 0px;padding: 0px;vertical-align: bottom}
img.mati {width:100%}

h1 {font-size: 20px;margin: 0px;padding-top: 10px;color: #FFCE11;}
h2 {font-size: 30px;margin: 0px;padding: 0px}
h2.logo {font-size: 35px;color: #0084CF ;background-color: transparent;margin: 0px 0px 10px 0px;padding: 10px 0px 10px 0px;border-bottom: solid 4px #0084CF}
h3 {font-size: 14px;margin: 0px;padding: 0px}
h3.midasi {font-size: 21px;padding-top: 15px}
h4 {font-size: 14px:margin: 0px;padding: 0px;font-weight: bolder}
p {font-size: 20px;line-height: 180%;margin: 0px;padding: 20px 0px 20px 0px}
a {text-decoration:none;}
a.thank{font-size: 16px;border: solid;border-color: #563322;  color:#563322;padding: 5px;margin: 60px auto 0px auto;display: block;width: 140px;}

/*画像*/
img.center {margin: 0px auto 0px auto;padding: 0px}
img.icon{vertical-align: -3px;margin-right: 3px}
img.parking {width: 100%;height: auto}
img.half {margin: 10px auto 10px auto;padding: 0px;width: 50%;text-align: center}

/*PCメニュー*/
.menu label {background: green;color: #fff;padding: 10px;display: none;margin: 0;border: 1px solid #fff}
.menu input[type="checkbox"].on-off{display: none}
.menu ul {list-style-type: none;font-size: 0px;margin: 0px}
.menu li {display: inline-block;font-size: 16px;width: 20%;border-right: solid 1px #aaa;text-align: center}/*inlineで一行にする*/
.menu li:first-child {border-left: solid 1px #aaa}
.menu a {text-decoration: none;display: block}         /* a をブロックで表示して塊にする */
.menu a:hover {border-bottom: solid 2px #0084CF}

.menu a:link { color: #222222 }
.menu a:visited { color: #222222 }
.menu a:active { color: #222222 }
.menu a:hover {color: #0084CF }

/*枠メイン*/

.box_back{width: 100%}
.box_back:after {content: "";display: block;clear: both}
.PA{background-color: #FBFBF2}
.PB{background-color: #E0C7B2}

p.yaku{font-size:18px;padding: 20px 20px 0px 20px;margin: 0px;line-height: 100%}
p.eng{font-size:16px;padding: 0px 20px 0px 20px;margin: 0px;line-height: 100%}
p.syoukai{font-size:16px;padding: 0px 20px 20px 20px;margin: 0px;line-height: 180%;clear:both}
p.thanks{font-size:16px;margin:0px;padding:0px}

/*フォーム*/
.formWrap {text-align: left;}
.formWrap label{font-size: 16px;margin:10px 10px 0px 10px;padding: 10px;}
.formWrap input{width: 95%;font-size: 20px;margin:0px 10px 10px 10px;padding: 5px;border-radius: 5px;border: 1px solid #E0C7B2;background-color:#FFF}
.formWrap textarea{width: 95%;height: 200px;font-size: 20px;margin:0px 10px 10px 10px;padding: 5px;border-radius: 5px;border: 1px solid #E0C7B2;background-color:#FFF}

.btn input{width: 180px;font-size: 24px}
.btn input:hover{background-color: #FFCE11;}

address{font-style:normal;	}

@media (max-width:799px){
	header {background-color: #842C2C;height: 45px}
	img.h1logo{height: 30px;margin-left:10px}

	img.logo{width: 79px;margin-bottom: 0px;display:block}
	img.uubiq{width: 200px}
	a.otoiawase{font-size: 11px;border: solid;color:#fff;padding: 5px}
	.box_title {width: 100%;height: auto;margin-bottom: 0px;padding: 20px 0px 0px 20px;background-image:url(img/title-mob.svg);background-size:cover}
	.box_logo {width: 420px;height: 300px}
	.box_logo p{font-size: 14px;line-height: 10%;color: #fff}

	.box_contents{width: 100%;margin:0px auto 0px auto;padding: 0px 0px 80px 0px}
	.box_contents:after {content: "";display: block;clear: both}

	.box_text{padding-top:80px;padding-bottom: 40px; text-align: center;}
	.box_text:after {content: "";display: block;clear: both}
	.box_text h2{font-size: 35px;color: #401F0F;}
	.box_text p{font-size: 20px;color: #401F0F;}

	.box_card{width: 90%;height: auto;margin: 0px auto 50px auto; border-radius: 5px;border: 1px solid #E0C7B2;background-color: #fff}
	.box_card h3{font-size: 20px;color: #401F0F;padding: 20px 20px 0px 20px}
	.box_card p {font-size: 16px;color: #401F0F;padding: 10px 20px 20px 20px}
	.box_card img{width: 100%}
	
	.box_komoji{width: 80%;margin: 0px auto 0px auto;}
	.box_komoji:after {content: "";display: block;clear: both}
	.box_left {width: 100%}
	.box_right {width: 100%;margin-top:20px}
	p.mini {font-size: 15px}
	p.logotext {font-size: 16px;display: inline-block;margin: 0px;padding: 0px}
	img.logoimg{width:40px;vertical-align: middle;}

	.box_staff{width: 90%;height: auto;margin: 0px auto 50px auto; border-radius: 5px;border: 1px solid #E0C7B2;background-color: #fff}
	.box_staff h3{font-size: 25px;color: #401F0F;padding:20px 20px 0px 20px;margin: 0px}
	.box_staff h4{font-size: 35px;color: #401F0F;padding:0px 20px 0px 20px;margin: 0px}
	.box_staff p {font-size: 16px;color: #401F0F;padding: 10px 20px 0px 20px}
	.box_staff img{width: 100%;padding:10px;border-radius: 50%}
	
	.box_ach{width: 90%;height: auto;margin: 0px auto 50px auto; border-radius: 5px;border: 1px solid #E0C7B2;background-color: #fff}
	.box_ach h3{font-size: 20px;color: #401F0F;padding: 20px 20px 0px 20px}
	.box_ach p {font-size: 16px;color: #401F0F;padding: 10px 20px 0px 20px}
	.box_ach img{width: 100%;height: 220px;object-fit: cover}

	.c01{float:none}
	.c02{float:none}
	.c04{float:none}
	.c05{float:none}
	.c06{float:none}
	.c07{float:none}
	.c08{float:none}
	.c09{float:none}
	.c10{float:none}
	.c11{float:none}
	.c12{float:none}

	/*フッター*/
	footer {background-color: #563322;text-align: left;padding-left: 20PX;padding-bottom: 40px}
	footer p{color: #fff;border-radius: 50%;margin: 0px;padding:0px;font-size: 16px}
	p.add{color: #FFCE11;padding-top: 40px}
	p.comp{margin-top: 40px;text-align: center;font-size:14px}
}

@media screen and (min-width: 800px) and (max-width: 1149px) {
	header {background-color: #842C2C;height: 45px}
	img.h1logo{height: 30px;margin-left:10px}

	img.logo{width: 113px;margin-bottom: 10px;display:block}
	img.uubiq{width: 300px}
	a.otoiawase{font-size: 16px;border: solid;color:#fff;padding: 5px}
	.box_title {width: 100vw;height: 100vh;object-fit: cover;margin-bottom: 0px;padding: 40px 0px 0px 80px;background-image:url(img/title.svg);background-size:cover}
	.box_logo {width: 420px;height: 300px}
	.box_logo p{font-size: 20px;line-height: 70%;color: #fff}


	.box_contents{width: 800px;margin:0px auto 0px auto;padding: 0px 0px 80px 0px}
	.box_contents:after {content: "";display: block;clear: both}

	.box_text{padding-top:80px;padding-bottom: 40px; text-align: center;}
	.box_text:after {content: "";display: block;clear: both}
	.box_text h2{font-size: 35px;color: #401F0F;}
	.box_text p{font-size: 20px;color: #401F0F;}

	.box_card{width: 350px;height: 370px;margin-bottom: 50px; border-radius: 5px;border: 1px solid #E0C7B2;background-color: #fff}
	.box_card h3{font-size: 20px;color: #401F0F;padding: 20px 20px 0px 20px}
	.box_card p {font-size: 16px;color: #401F0F;padding: 10px 20px 0px 20px}
	.box_card img{width: 100%;height: 220px}
	
	.box_komoji{width: 80%;margin: 0px auto 0px auto;}
	.box_komoji:after {content: "";display: block;clear: both}
	.box_left {width: 100%}
	.box_right {width: 350px;margin-top: 20px}
	p.mini {font-size: 16px}
	p.logotext {font-size: 16px;display: inline-block;margin: 0px;padding: 0px}
	img.logoimg{width:40px;vertical-align: middle;}

	.box_staff{width: 350px;height: 280px;margin-bottom: 50px; border-radius: 5px;border: 1px solid #E0C7B2;background-color: #fff}
	.box_staff h3{font-size: 25px;color: #401F0F;padding:20px 20px 0px 20px;margin: 0px}
	.box_staff h4{font-size: 35px;color: #401F0F;padding:0px 20px 0px 20px;margin: 0px}
	.box_staff p {font-size: 16px;color: #401F0F;padding: 10px 20px 0px 20px}
	.box_staff img{width: 110px;height: 110px;margin: 20px;border-radius: 50%;float: left}
	
	.box_ach{width: 350px;height: 550px;margin-bottom: 50px; border-radius: 5px;border: 1px solid #E0C7B2;background-color: #fff}
	.box_ach h3{font-size: 20px;color: #401F0F;padding: 20px 20px 0px 20px}
	.box_ach p {font-size: 16px;color: #401F0F;padding: 10px 20px 0px 20px}
	.box_ach img{width: 100%;height: 220px;object-fit: cover}

	.c01{float:left;margin-left: 33px}
	.c02{float:left;margin-left: 33px}
	.c03{float:left;margin-left: 33px}
	.c04{float:left;margin-left: 33px}
	.c05{float:left;margin-left: 33px}
	.c06{float:left;margin-left: 33px}
	.c07{float:left;margin-left: 33px}
	.c08{float:left;margin-left: 33px}
	.c09{float:left;margin-left: 33px}
	.c10{float:left;margin-left: 33px}
	.c11{float:left;margin-left: 33px}
	.c12{float:left;margin-left: 33px}

	/*フッター*/
	footer {background-color: #563322;text-align: left;padding-left: 230PX;padding-bottom: 40px}
	footer p{color: #fff;border-radius: 50%;margin: 0px;padding:0px;font-size: 16px}
	p.add{color: #FFCE11;padding-top: 40px}
	p.comp{margin-top: 40px;text-align: center}
}

@media (min-width:1150px){
	/*枠　タイトル用*/
	header {background-color: #842C2C;height: 45px}
	img.h1logo{height: 30px;margin-left:10px}

	img.logo{width: 113px;margin-bottom: 10px;display:block}
	img.uubiq{width: 300px}
	a.otoiawase{font-size: 16px;border: solid;color:#fff;padding: 5px}
	.box_title {width: 100vw;height: 100vh;object-fit: cover;margin-bottom: 0px;padding: 40px 0px 0px 80px;background-image:url(img/title.svg);background-size:cover}
	.box_logo {width: 420px;height: 300px}
	.box_logo p{font-size: 20px;line-height: 70%;color: #fff}

	.box_contents{width: 1110px;margin:0px auto 0px auto;padding: 0px 0px 80px 0px}
	.box_contents:after {content: "";display: block;clear: both}

	.box_text{padding-top:80px;padding-bottom: 40px; text-align: center;}
	.box_text:after {content: "";display: block;clear: both}
	.box_text h2{font-size: 35px;color: #401F0F;}
	.box_text p{font-size: 20px;color: #401F0F;}

	.box_card{width: 350px;height: 370px;margin-bottom: 50px; border-radius: 5px;border: 1px solid #E0C7B2;background-color: #fff}
	.box_card h3{font-size: 20px;color: #401F0F;padding: 20px 20px 0px 20px}
	.box_card p {font-size: 16px;color: #401F0F;padding: 10px 20px 0px 20px}
	.box_card img{width: 100%;height: 220px}

	.box_komoji{width: 80%;margin: 0px auto 0px auto;}
	.box_komoji:after {content: "";display: block;clear: both}
	.box_left {width: 350px;float: left;margin-left:40px}
	.box_right {width: 350px;float: right;margin-right:40px;margin-top: 40px}
	p.mini {font-size: 16px}
	p.logotext {font-size: 16px;display: inline-block;margin: 0px;padding: 0px}
	img.logoimg{width:30px;vertical-align: middle;}

	.box_staff {width: 350px;height: 280px;margin-bottom: 50px; border-radius: 5px;border: 1px solid #E0C7B2;background-color: #fff}
	.box_staff h3{font-size: 25px;color: #401F0F;padding:20px 20px 0px 20px;margin: 0px}
	.box_staff h4{font-size: 35px;color: #401F0F;padding:0px 20px 0px 20px;margin: 0px}
	.box_staff p {font-size: 16px;color: #401F0F;padding: 10px 20px 0px 20px}
	.box_staff img{width: 110px;height: 110px;margin: 20px;border-radius: 50%;float: left}

	.box_ach{width: 350px;height: 550px;margin-bottom: 50px; border-radius: 5px;border: 1px solid #E0C7B2;background-color: #fff}
	.box_ach h3{font-size: 20px;color: #401F0F;padding: 20px 20px 0px 20px}
	.box_ach p {font-size: 16px;color: #401F0F;padding: 10px 20px 0px 20px}
	.box_ach img{width: 100%;height: 220px;object-fit: cover}

	.c01{float:left}
	.c02{margin-left: 30px; float:left}
	.c03{float:right}
	.c04{float:left}
	.c05{margin-left: 30px; float:left}
	.c06{float:right}
	.c07{float:left}
	.c08{margin-left: 30px; float:left}
	.c09{float:right}
	.c10{float:left}
	.c11{margin-left: 30px; float:left}
	.c12{float:right}

	/*フッター*/
	footer {background-color: #563322;text-align: left;padding-left: 230PX;padding-bottom: 40px}
	footer p{color: #fff;border-radius: 50%;margin: 0px;padding:0px;font-size: 16px}
	p.add{color: #FFCE11;padding-top: 40px}
	p.comp{margin-top: 40px;text-align: center}
}