@charset "UTF-8";
/*
 Theme Name: SANGO Child
 Theme URI: https://saruwakakun.design
 Author: SARUWAKA
 Author URI: https://saruwakakun.com
 Template: sango-theme
 Version: 3.0
*/
/*こちらはSANGOの子テーマ用CSSです。以下にCSSを記入していきましょう。*/


/********************************************************
 header
********************************************************/
#header {width:100%;text-align:left;padding:0;position:fixed;top: 0;left: 0;background:rgba(255,255,255,1);z-index:99999;box-shadow: 0px 0px 10px rgba(0,0,0,0.3);-moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.3);-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.3);border-top:#00bdbd solid 5px;}
#header_area {position: relative;overflow: hidden;height:100px;}
#header_logo {position: absolute;left: 30px;top: 29px;width: 125px;height: auto;}
#nav {float:right;width: 70%;}
#nav ul {overflow: hidden;}
#nav ul li {float:left;width: 20%;}
#nav ul li a{height: 50px;display:block;font-size: 12px;line-height: 1.2;text-align: center;padding:15px 2px 15px;box-sizing: border-box;border-bottom: #eee solid 1px;border-left: #eee solid 1px;position: relative;}
#nav ul li a span{text-align: center;vertical-align: middle;width: 100%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 15px;margin: auto;}
#nav ul li a span.txt02{height: 30px;}
#nav ul li a{cursor: pointer;}
#nav ul li:nth-child(5) a,#nav ul li:nth-child(10) a{border-right: #eee solid 1px;border-left: #eee solid 2px;}
#nav ul li:nth-child(5) a,#nav02 ul li:nth-child(9) a{background: url(images/icon_triangle2021_001.png) no-repeat left top #fff;background-size: 20px auto;}
#nav ul li:nth-child(5) a:hover{color: #111;background: #fcdfb5;}
#nav ul li:nth-child(10) a,#nav02 ul li:nth-child(10) a{background: url(images/icon_triangle2021_002.png) no-repeat left top #fff;background-size: 20px auto;}
#nav ul li:nth-child(10) a:hover{color: #111;background: #efc0c1;}
#nav ul li a:hover,#nav ul li a.active{color:#fff;background:#00bdbd;font-weight: bold;}
#nav ul li.menu08 a,#nav02 ul li.menu07 a{color:#fff;background: url(images/bg_bk2021_001.png) repeat 50% 0% #777; font-weight: bold;}
#nav ul li.menu08 a:hover,#nav02 ul li.menu07 a:hover{-moz-transition: 0.3s linear;-webkit-transition: 0.3s linear;-o-transition: 0.3s linear;-ms-transition: 0.3s linear;color: #111;background:#ffff00;}
#nav_btn,#nav02,#header_tel_sm{display: none;}


#main_area_001{background: url(images/bg_main2021_002.png) no-repeat top center #6cb7b8;margin: 105px 0 0;}
@media only screen and (max-width:1200px){
#main_area_001{background: url(images/bg_main2021_002.png) no-repeat top center #6cb7b8;background-size: auto 100%;margin: 105px 0 0;}
#main_area_001 .img{margin: auto;width: 1024px; height: auto;}
}
@media only screen and (max-width:1100px){
#main_area_001{margin: 70px 0 0;}
#main_area_001 .img{width: 100%;}
}
@media only screen and (max-width:768px){
#main_area_001{background: url(images/bg_main2021_004.png) no-repeat top center #6cb7b8;background-size: auto 100%;margin: 64px 0 0;}
}

#bn_top_area_001{margin: 25px 0;}
#bn_top_area_001 .bn_001{box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);}


.area_expand {width: 100%;padding:15px 10px;max-height: 120px;overflow: hidden;position: relative;transition: .5s;}
.area_expand::before {content: "";position: absolute;width: 100%;height: 90%;bottom: 0;background-image: linear-gradient(rgba(255, 255, 255, 0), #fff 80%);pointer-events: none;transition: 1s;z-index: 99;}
.top_expand input {visibility: hidden; position: absolute;}
.top_expand label {position: absolute;left: 0;right: 0;bottom: 10px;margin: auto;width: 59px;height: 61px;display: block;z-index:999;cursor: pointer;text-transform: uppercase;}
.top_expand label:before {content: "　";display: block;background: url(images/btn_top2021_001.png) no-repeat;background-size: 100% auto;width: 59px;height: 61px;}
.top_expand input:checked + label:before {content: "　";display: block;background: url(images/btn_top2021_002.png) no-repeat;background-size: 100% auto;width: 59px;height: 61px;}
input[type=checkbox]:checked ~ .area_expand {max-height: 10000px;padding-bottom: 80px;}
input[type=checkbox]:checked ~ .area_expand:before {opacity: 0}
.top_area2021{background: #fff;box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);padding: 10px;border-radius: 10px;margin: 0 0 25px;position: relative;}
.top_area2021 .tit_h2_001{text-align: center;padding: 8px 10px 12px;line-height: 1.3em;font-size: 38px;color: #fff;background: url(images/bn_tit2021_001.png) repeat;border-radius: 3px;text-shadow:4px 4px 8px rgba(0,0,0,0.3);}
.top_area2021 p{margin-bottom: 30px;}
.top_area2021 .btn_link_001{text-align: center;width: 480px;margin: 0 auto 40px;}
.top_area2021 .btn_link_001 a{display: block;padding: 10px 45px;border: #72babb 1px solid;background: url(images/icon_triangle2021_003.png) no-repeat left top #fff;background-size: 20px auto;position: relative;}
.top_area2021 .btn_link_001 a::after{position: absolute;content: " ";background: url(images/icon_arrow2021_001.png) no-repeat;background-size: 20px auto;top: 0;bottom: 0;right: 20px;margin: auto;width: 20px; height: 20px;display: block;}
.top_area2021 .btn_link_001 a:hover{background: #72babb;color: #fff;}
.top_area2021 .btn_link_001 a:hover::after{content: " ";background: url(images/icon_arrow2021_002.png) no-repeat;background-size: 20px auto;}
.top_area2021 .tit_h3_001{margin: 0 0 20px;border-bottom: #72babb 2px solid;font-size: 24px;padding: 0 0 8px 46px;position: relative;}
.top_area2021 .tit_h3_002{margin: 0 0 20px;border-bottom: #72babb 2px solid;font-size: 24px;padding: 0 0 8px 16px;position: relative;}
.top_area2021 .tit_h3_001.icon_001::after{position: absolute;content: " ";background: url(images/icon_h3_001.png) no-repeat;background-size: 40px auto;bottom: 0;left: 0;width: 40px; height: 50px;display: block;}
.top_area2021 .tit_h3_001.icon_002::after{position: absolute;content: " ";background: url(images/icon_h3_002.png) no-repeat;background-size: 40px auto;bottom: 0;left: 0;width: 40px; height: 50px;display: block;}
.top_area2021 .tit_h3_001.icon_003::after{position: absolute;content: " ";background: url(images/icon_h3_003.png) no-repeat;background-size: 40px auto;bottom: 0;left: 0;width: 40px; height: 50px;display: block;}
.top_area2021 .tit_h3_001.icon_004::after{position: absolute;content: " ";background: url(images/icon_h3_004.png) no-repeat;background-size: 40px auto;bottom: 0;left: 0;width: 40px; height: 50px;display: block;}
.top_area2021 .tit_h3_001.icon_005::after{position: absolute;content: " ";background: url(images/icon_h3_005.png) no-repeat;background-size: 40px auto;bottom: 0;left: 0;width: 40px; height: 50px;display: block;}
.top_area2021 .tit_h3_001.icon_006::after{position: absolute;content: " ";background: url(images/icon_h3_006.png) no-repeat;background-size: 40px auto;bottom: 0;left: 0;width: 40px; height: 50px;display: block;}
.top_area2021 .tit_h3_001.icon_007::after{position: absolute;content: " ";background: url(images/icon_h3_007.png) no-repeat;background-size: 40px auto;bottom: 0;left: 0;width: 40px; height: 50px;display: block;}
.top_area2021 .tit_h3_001.icon_008::after{position: absolute;content: " ";background: url(images/icon_h3_008.png) no-repeat;background-size: 40px auto;bottom: 0;left: 0;width: 40px; height: 50px;display: block;}
.top_area2021 .tit_h3_001.icon_009::after{position: absolute;content: " ";background: url(images/icon_h3_009.png) no-repeat;background-size: 40px auto;bottom: 0;left: 0;width: 40px; height: 50px;display: block;}
.top_area2021 .tit_h3_001.icon_010::after{position: absolute;content: " ";background: url(images/icon_h3_010.png) no-repeat;background-size: 60px auto;bottom: 0;left: 0;width: 60px; height: 50px;display: block;}
.top_area2021 .tit_h3_001.icon_010{margin: 0 0 20px;border-bottom: #72babb 2px solid;font-size: 24px;padding: 0 0 8px 72px;position: relative;}
.top_area2021 .icon_list_001 ol{list-style: disc;margin: 0 0 20px;}
.top_area2021 .icon_list_001 li{position: relative;padding: 0 0 0 16px;}
.top_area2021 .icon_list_001 li::after{content: " ";position: absolute;background: url(images/icon_list_001.png) no-repeat;background-size: 8px auto;left: 0;top: 9px;width: 8px; height: 8px;display: block;}

.top_area2021 .box_partner_001{border: #ccc solid 1px;border-radius: 10px;margin-bottom: 20px;padding-top: 20px;}
.top_area2021 .box_partner_001 p.txt_center{font-size: 14px;display: inline-block;width: 76%;}

.top_area2021 .img_top_001{margin-bottom: 20px;}
.top_area2021 .txt_top_001{font-size: 24px;text-align:center;}
.top_area2021 .txt_top_001 span{background: linear-gradient(transparent 60%, #ff3 60%);background: -webkit-linear-gradient(transparent 60%, #ff3 60%);}
.top_area2021 .img_top_002{width: 640px; margin: 0 auto 20px;}


.top_area2021 .icon_list_002 ol{margin: 0 0 20px;display: block;overflow: hidden;}
.top_area2021 .icon_list_002 li{width: 32%;margin: 0 2% 10px 0; float: left;text-align: center;padding: 8px 10px;border: #ccc 1px solid;border-radius: 5px;}
.top_area2021 .icon_list_002 li span{font-size: 10px;}
.top_area2021 .icon_list_002 li:nth-child(3n){margin: 0 0 10px;}

#top_area2021_001,#top_area2021_002,#top_area2021_003,#top_area2021_004,#top_area2021_005,#top_area2021_006{margin-top: -120px;padding-top: 120px;}

@media only screen and (max-width:1024px){
#top_area2021_001,#top_area2021_002,#top_area2021_003,#top_area2021_004,#top_area2021_005,#top_area2021_006{margin-top: -90px;padding-top: 90px;}
}

@media only screen and (max-width:768px){
.top_area2021 .tit_h2_001{font-size: 26px;}
.top_area2021 .btn_link_001{text-align: center;width: 100%;margin: 0 auto 40px;}
.top_area2021 .tit_h3_001{font-size: 22px;padding: 0 0 8px 26px;line-height: 1.2;}
.top_area2021 .tit_h3_002{font-size: 22px;padding: 0 0 8px 14px;line-height: 1.2;}
.top_area2021 .tit_h3_001.icon_001::after{position: absolute;content: " ";background: url(images/icon_h3_001.png) no-repeat;background-size: 20px auto;top: 3px;left: 0;width: 20px; height: 25px;display: block;}
.top_area2021 .tit_h3_001.icon_002::after{position: absolute;content: " ";background: url(images/icon_h3_002.png) no-repeat;background-size: 20px auto;top: 3px;left: 0;width: 20px; height: 25px;display: block;}
.top_area2021 .tit_h3_001.icon_003::after{position: absolute;content: " ";background: url(images/icon_h3_003.png) no-repeat;background-size: 20px auto;top: 3px;left: 0;width: 20px; height: 25px;display: block;}
.top_area2021 .tit_h3_001.icon_004::after{position: absolute;content: " ";background: url(images/icon_h3_004.png) no-repeat;background-size: 20px auto;top: 3px;left: 0;width: 20px; height: 25px;display: block;}
.top_area2021 .tit_h3_001.icon_005::after{position: absolute;content: " ";background: url(images/icon_h3_005.png) no-repeat;background-size: 20px auto;top: 3px;left: 0;width: 20px; height: 25px;display: block;}
.top_area2021 .tit_h3_001.icon_006::after{position: absolute;content: " ";background: url(images/icon_h3_006.png) no-repeat;background-size: 20px auto;top: 3px;left: 0;width: 20px; height: 25px;display: block;}
.top_area2021 .tit_h3_001.icon_007::after{position: absolute;content: " ";background: url(images/icon_h3_007.png) no-repeat;background-size: 20px auto;top: 3px;left: 0;width: 20px; height: 25px;display: block;}
.top_area2021 .tit_h3_001.icon_008::after{position: absolute;content: " ";background: url(images/icon_h3_008.png) no-repeat;background-size: 20px auto;top: 3px;left: 0;width: 20px; height: 25px;display: block;}
.top_area2021 .tit_h3_001.icon_009::after{position: absolute;content: " ";background: url(images/icon_h3_009.png) no-repeat;background-size: 20px auto;top: 3px;left: 0;width: 20px; height: 25px;display: block;}
.top_area2021 .tit_h3_001.icon_010::after{position: absolute;content: " ";background: url(images/icon_h3_010.png) no-repeat;background-size: 30px auto;top: 3px;left: 0;width: 30px; height: 25px;display: block;}
.top_area2021 .tit_h3_001.icon_010{padding: 0 0 8px 36px;line-height: 1.2;}
.top_area2021 .txt_top_001{font-size: 18px;}
.top_area2021 .icon_list_002 li{width: 100%;margin: 0 0 8px;}
.top_area2021 .img_top_002{width: 100%;}
.top_area2021 .box_partner_001 p.txt_center{font-size: 10px;display: inline-block;width: 63%;}

}

@media only screen and (max-width:1024px){
#top_area2021_001,#top_area2021_002,#top_area2021_003,#top_area2021_004,#top_area2021_005,#top_area2021_006{margin-top: -80px;padding-top: 80px;}
}

/********************************************************
 top_area
********************************************************/

#faq_area .btn{
    display: table;
    text-align: center;
    width: 1000px;
    margin: 0 auto 60px;
}
#faq_area .btn .tit,
#faq_area .btn .txt{
    width: 50%;
    display: table-cell;
    vertical-align: middle;
    border: #00bdbd solid 1px;
    background: #fff;
}
#faq_area .btn .tit{
    border: #ccc solid 1px;
}
#faq_area .btn .txt a{
    display: block;
    color: #fff;
    background: #00bdbd;
    padding: 15px 0;
    font-weight: 500;
}
#faq_area .btn .txt a:hover{
    color: #00bdbd;
    background: #fff;
}
#faq_area .faq_box{margin: 0 0 60px;}
#faq_area .faq_box .box{border-bottom: #ccc solid 1px;padding: 20px;}
#faq_area .faq_box .box .tit .bg{color: #fff;background: #00bdbd;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;padding: 10px 20px 10px 50px;font-size: 20px;font-weight: 500;position: relative;}
#faq_area .faq_box .box .tit .bg:before{
    content: "Q";
    position: absolute;
    top: 9px;
    left: 20px;
}
#faq_area .faq_box .box .tit{
    background: url(images/bg_top002_003.png) no-repeat 30px bottom;
    background-size: 30px auto;
    padding: 0 0 30px;
    display: inline-block;
}
#faq_area .faq_box .box .txt{
    padding: 8px 20px 8px 30px;
    margin: 0 20px;
    position: relative;
}
#faq_area .faq_box .box .txt:before{
    content: "A";
    color: #00bdbd;
    font-size: 24px;
    position: absolute;
    top: 0;
    left: 0;
}
.mailbukken .wpcf7-list-item {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    margin: 0;
}
.mailbukken .wpcf7-list-item-label{
    font-size: 14px;
}
#form_minpaku .txt{
    font-size: 16px;
    border: #00bdbd solid 3px;
    background: #fff;
    padding: 20px 30px;
    margin: 10px 0;
}
#form_minpaku .txt ul li{
    font-size: 13px;
    color: #333 !important;
    font-weight: 500;
    padding: 0 0 0 13px;
}
#form_minpaku .txt ul li:before{
    content: "※";
    margin-left: -16px;
}
.table_area_001{
	margin: 0 auto 20px;
}
.table_area_001 table tr th{
	color: #fff;
	background:#00bdbd;
	text-align: center;
	padding: 10px 15px;
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
	border: #fff solid 2px;
}
.table_area_001 table tr td{
	padding: 8px 15px;
	font-weight: bold;
}
.table_area_001 table tr:nth-child(odd){
	background: #f0fbfb;
}

.inline_txt_area .txt_002{
	background: #fff;
	padding: 30px 40px 14px;
}
.inline_txt_area .txt_002 h3{
	text-align: center;
	font-size: 30px;
	margin: 0 0 20px;
	color: #00bcbc;
}
.inline_txt_area .txt_002 h4{
	font-size: 24px;
	margin: 0 0 20px;
	padding: 0 0 0 15px;
	border-left: #00bcbc solid 3px;
}
.inline_txt_area .txt_002 p{
	margin: 0 0 16px;
}
.inline_txt_area .txt_002 p span{
	font-size: 20px;
	font-weight: 700;
}


/********************************************************
 main
********************************************************/
#nagoya {
	background: url(images/bg_top_001.png) 50% 50% fixed;
	background-size: cover;
	position: relative;
	overflow: hidden;
}
#nagoya h2{
	font-size:3.6em;
 position: absolute;
 top:0;
 bottom:5%;
 left: 0;
 right: 0;
 margin: auto;
	width:600px;
	height:100px;
	text-align:center;
	line-height:1;
}
#nagoya h2 span{
	font-size:0.5em;
}
#nagoya .txt{
	position:absolute;
 top:64%;
 bottom:0;
 left: 0;
 right: 0;
 margin: auto;
	width:1100px;
	height:100px;
	font-size:2em;
	text-align:center;
	font-weight:bold;
}
#nagoya .txt h3{
	line-height:1.4;
	margin:0 0 5px;
}
#nagoya .txt h3 span{
	font-size:1.5em;
	color:#0099ff;
}


/********************************************************
 menu
********************************************************/
#menu{
	width:1000px;
	margin:0 auto;
	padding:60px 0 30px;
}
#menu ul{
	text-align:center;
}
#menu ul li{
	display:inline-block;
	width:33%;
	vertical-align:top;
	margin:0 0 30px;
}
#menu ul li a{
	display:block;
}
#menu ul li a .fa{
	border:#00bdbd solid 5px;
	color:#00bdbd;
	font-size:6em;
	width:200px;
	height:140px;
	padding:60px 0 0;
	border-radius:130px;
	-moz-border-radius:130px;
	-webkit-border-radius:130px;
	margin:0 0 10px;
}
#menu ul li a:hover .fa{
	background:#00bdbd;
	color:#fff;
}
#menu ul li a span{
	font-size:1.8em;
	font-weight:bold;
}
.txt_r_box{
	display:inline-block;
	color:#fff;
	font-size:0.6em;
	padding:1px 8px;
	background:#c00;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}


/********************************************************
 faq
********************************************************/
#faq{
	width:1000px;
	margin:0 auto;
	padding:160px 0 200px;
}
#faq .tit_h2{
	margin-bottom:60px;
}
#faq .box{
	overflow:hidden;
	margin:0 0 30px;
	font-size:1.3em;
}
#faq .box .tit{
	border-bottom:#00bdbd solid 1px;
	margin:0 0 10px;
	padding:0 0 0 25px;
}
#faq .box .tit:before{
	content:"Q. ";
	font-weight:bold;
	color:#00bdbd;
	margin:0 0 0 -25px
}
#faq .box .txt:before{
	content:"A. ";
	font-weight:bold;
	color:#e07d7d;
	font-size:1.3em;
	margin:0 0 0 -25px
}
#faq .box .txt{
	font-size:0.8em;
	padding:0 0 0 25px;
}
#faq .btn{
	text-align:center;
	width:400px;
	margin:60px auto 0;
}
#faq .btn a{
	display:block;
	border:#00bdbd solid 2px;
	padding:15px 0;
	font-size:1.3em;
	color:#00bdbd;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
#faq .btn a:hover{
	background:#00bdbd;
	color:#fff;
}


/********************************************************
 contact
********************************************************/
#contact{
	margin:-60px 0 0;
	padding:60px 0 0;
}
#contact .contact_area{
	background: url(images/bg_top004_002.png) 50% 50% repeat;
	background-size: 35px auto;
	position: relative;
	padding:80px 0 100px;
}
#contact .contact_area_tit{
    font-size: 25px;
    color: #fff;
    margin: 0 0 60px;
}
#contact .contact_area_tit .tit{
    font-size: 50px;
    line-height: 1.1;
    display: inline-block;
    vertical-align: middle;
}
#contact .contact_area_tit .tit span{
    font-size: 150px;
}
#contact .contact_area_tit .txt{
    display: inline-block;
    padding: 0 40px;
    vertical-align: middle;
}
#contact .contact_area02{width: 94%;margin:20px auto;}
#contact .contact_box{
	margin:0 0 80px;
}
.inq_box{
	width:100%;
	margin: 0 0 20px;
	overflow:hidden;
}
.job_contact .inq_box{
	width:600px;
	margin: 0 auto 20px;
}
.job_contact .inq_name{
	float:none;
	width:100%;
	text-align:center;
    color: #333;
}
.job_contact .inq_input{
	float:none;
	width:100%;
}
.inq_name{
	float:left;
	width:30%;
	padding:0 12px;
	font-weight:bold;
}
.inq_box p{
	clear:both;
	font-size:0.8em;
}
.inq_box select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
    background: #fff;
    width: 100%;
    position: relative;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background: #eff1f5;
    color: #333;
}
.wpcf7-form-control-wrap{display: block;}
.inq_box .mailnaiyo:before,
.inq_box .madori:before,
.inq_box .mailheibei:before,
.inq_box .mailkoukai:before,
.inq_box .time:before{
	display: block;
	position: absolute;
	top: 0;
	right: 15px;
	width: 20px;
	height: 20px;
	margin-top: 0;
	content:"\f107";
	font-family: "Font Awesome 5 Free";
    font-weight: bold;
	pointer-events: none;
    z-index: 9999;
    font-size: 30px;
}

.inq_box p{
    color: #111;
}
.txt_r{
	font-weight:bold;
	color:#f00;
}
.mb60{
	margin-bottom:60px !important;
}
input{
	border:#ccc solid 1px;
}
input#name,input#from,input#tel,input#email,input#url,input#company{width:100%;padding:10px 12px;box-sizing:border-box; color: #333;}
.inq_input{float:left;width:70%;}
textarea#com{width:100%;padding:10px 12px;color: #333;}
#submit{
	display: inline-block;
	width:40%;
	height: 60px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
    cursor: pointer;
	border:#00bdbd solid 2px;
	color:#fff;
    background: #00bdbd;
	margin:20px 30% 5px;
	font-size:1.6em;
}
#submit:hover{
	background:#fff;
	color:#00bdbd;
}
.wpcf7-form-control-wrap.mailminpaku{padding: 10px 0;}
div.wpcf7-response-output{
	font-size:1.3em;
}
div.wpcf7-mail-sent-ok{
	border:none !important;
	background:#00bdbd;
	color:#fff;
}
.inq_box .mailbukken02{
    display: none;
}
.inq_box .original_btn {
    border: 1px solid #ddd;
    padding: 6px 10px;
    cursor: pointer;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #666;
    background: linear-gradient(to bottom,#fff 0,#f4f4f4 100%);
    box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.09);
}
.inq_box .icon {
    font-size: 12px;
    margin: 0 10px 0 15px;
    padding: 3px 30px;
    border-radius: 15px;
    background: #666;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
}
.inq_box .icon.select {
    background: #ff5050;
    color: #fff;
}
.inq_box .filename {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    color: #fff;
}
.inq_err{
	color:#e00;
	font-size:0.9em;
}
.txt_privacy_area{
	width:900px;
	margin:0 auto;
	background:#fff;
	padding:20px 30px;
	box-shadow:0 0 5px rgba(0,0,0,0.1);
}
.txt_privacy_area h3{
	font-size:18px;
	border-bottom:#00bdbd solid 1px;
	color:#00bdbd;
	margin:0 0 20px;
}
.txt_privacy_box{overflow-y:scroll;height:120px;}
.txt_privacy_box p{margin: 0 0 15px;font-size: 13px;}
.txt_privacy_box h4{padding:3px 8px;margin:0 0 3px;background:#f0f0f0;font-size:16px;}
.txt_r{color:#e00;}

@media only screen and (max-width:768px){
.inq_box {margin: 0;}
}

/********************************************************
 footer
********************************************************/
#footer{
	background:#35b8ba;
	color:#fff;
}
.body_minpaku #footer{background:#333;}
#footer_area{margin:0 auto;padding:80px 0;}
.footer_left{display: table-cell;vertical-align: middle;padding: 0 40px 0 0;}
.footer_right{display: table-cell;border-left: #fff 1px solid;padding: 20px 0 20px 40px;}
#footer h3{margin:0;width: 174px;}
#footer .footer_from{margin:0 0 10px;font-size: 14px;}
#footer .footer_company{width: 300px;margin:0 0 0 60px; text-align: center;;}
#footer .footer_company a{display: block;padding: 10px;border: #fff solid 1px;-moz-transition: 0.3s linear;-webkit-transition: 0.3s linear;-o-transition: 0.3s linear;-ms-transition: 0.3s linear;}
#footer .footer_company a:hover{background: #fff;color:#00bdbd;}
#footer #footer_tel{margin:0 0 10px;font-size: 48px;font-weight: 500;}
#footer #footer_tel .box{width:360px;display:inline-block;vertical-align:top;}
#footer #footer_tel .box:first-child{width:460px;}
#footer #footer_tel .box .fa{background:#fff;color:#00bdbd;width:50px;height:50px;font-size: 24px;padding:13px 0 0;text-align:center;border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px;}
#footer #footer_tel .box p{font-size:14px;margin: 0 0 0 60px;}
#footer #footer_tel .box p span{font-size: 10px;}
#footer a{color:#fff;}
#footer a:hover img{filter: alpha(opacity=70);-moz-opacity: 0.7;opacity: 0.7;}
#footer .footer_bn{margin:0 0 30px;}
#footer_address{font-size: 13px;text-align: center;margin: 60px 0 0;}




/********************************************************
 job
********************************************************/
#job_area{
	padding:160px 0;
}
#job_001,
#job_002,
#job_003,
#job_004{
	margin:-160px 0 0;
	padding:160px 0 0;
}
.inner{
	width:1024px;
	margin:0 auto;
	position:relative;
	z-index: 999;
}
#job_area .job_box_001{
	margin:0 0 60px;
}
#job_area .job_box_001 ul li{
	margin:0 0 20px;
}
#job_area .job_box_001 ul li a{
	display: block;
	box-sizing:border-box;
    border: #0099ff solid 2px;
    color: #0099ff;
    padding: 15px 20px;
    width: 100%;
	font-size:1.2em;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
#job_area .job_box_001 ul li a:hover{
	background:#0099ff;
	color:#fff;
}
.job_box_002{
	background:#f7fafb;
	padding:60px 0;
}
.job_box_002.bg_001{
    background:#fff;
}
.job_box_002 h3{
	text-align:center;
}
.job_box_002 .txt{
	margin:0 0 60px;
	font-size:1.3em;
	text-align:center;
}
.job_box_002 table{
	width:600px;
	margin:0 auto;
	font-size:1.1em;
}
.job_box_002 table tr th{
	width:30%;
	color:#fff;
	background:#0099ff;
	padding:15px 20px;
	text-align:right;
}
.job_box_002 table tr:first-child th{
	border-radius:10px 0 0 0;
}
.job_box_002 table tr:last-child th{
	border-radius:0 0 0 10px;
}
.job_box_002 table tr td{
	padding:15px 20px;
	background:#fff;
}
.job_box_002 table tr:first-child td{
	border-radius: 0 10px 0 0;
}
.job_box_002 table tr:last-child td{
	border-radius:0 0 10px 0;
}
.job_box_003{
	padding:60px 0;
}
.tit_h3_003{
    color: #333;
    font-size: 2em;
    margin: 0 0 10px;
}
.job_box_003 h3{
	text-align:center;
	line-height:1.3;
	width:600px;
	border-bottom:#333 solid 1px;
	padding:0 0 10px;
	margin:0 auto 20px;
}
.job_box_003 h3 span{
	font-size:0.6em;
}
.job_box_003 .tel_btn{
	text-align:center;
	font-size:2.4em;
}
.job_box_003 .tel_btn a{
	color:#0099ff;
}
.tel_btn a{
	pointer-events:none;
}
.job_box_003 .txt{
	text-align:center;
	margin:0 0 60px;
}
#bn_area{
	padding:50px 0 30px;
}
#bn_area .btn{
	width:400px;
	margin:0 auto;
}
.job_box_002_staff{
	background:url(images/bg_staff_001.jpg) top center;
	background-size:cover;
	margin:0 0 40px;
}
.job_box_002_staff .img{
	width:90%;
	margin:20px 5% 0;
}


/********************************************************
 blog
********************************************************/
#wrap{
	background: url(images/bg_top_002.jpg) 50% 20% fixed;
	background-size: cover;
	position: relative;
	overflow: hidden;
}
.post{
	float:left;
	width:740px;
}
.post_content{
	overflow:hidden;
	margin:0 0 30px 30px;
}
.media .post_content{
    border-bottom: #00bdbd dashed 1px;
}
.post h1.title{
	font-size:2.4em;
	line-height:1.1;
	padding:10px 0 8px;
    margin: 0 0 10px;
    border-bottom: #ccc solid 1px;
}
.post h1.title a{
	text-decoration:none;
}
.post h1.title a:hover{
	color:#00bdbd;
}
.post_box{
    overflow:hidden;
    width: 30%;
    float: left;
    margin: 0 3% 20px 0;
    position: relative;
}
.post_cat{
	display:inline-block;
    background: #00bdbd;
    padding: 5px 8px;
    line-height: 1;
    color: #fff;
    font-size: 0.8em;
}
.media .post_cat{
    position: absolute;
    top: 0;
    right: 0;
}
.post_data{
	font-size:0.8em;
	margin:3px 0 0;
    color: #777;
}
.post_txt{
    padding: 0 0 0 30px;
}
.media .post_txt{
	overflow: hidden;
    width: 67%;
    float: left;
    padding: 0;
}
.post_txt .more-link{
	display:block;
	border:#00bdbd solid 1px;
	float:right;
	padding:8px 20px;
	font-size:0.7em;
	text-decoration:none;
    color: #333;
     border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
    margin: 0 0 20px;
}
.post_txt .more-link:hover{
	background:#00bdbd;
	color:#fff;
}
#social ul {
	margin:10px 0 30px;
	text-align:center;
}
#social ul li {
 display: inline-block;
 vertical-align: top;
 margin:0 3px;
 *display: inline;
 zoom: 1;
}
#social ul li iframe {
	margin: 0 !important;
}
#prevandnext{
	width:710px;
	margin:30px 0 60px 30px;
	overflow:hidden;
	font-size:0.9em;
}
#prevandnext a:hover{
	color:#FFF;
}
#prevandnextLeft{
	float:left;
	background:#fff;
	display: inline-block;
	margin:0 0 10px;
}
#prevandnextLeft a{
	display: block;
	padding:15px 20px;
 border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	text-decoration:none;
	border:#00bdbd solid 1px;
}
#prevandnextLeft a:after {
	content: " ＜ ";
}
#prevandnextLeft a:hover{
	background:#00bdbd;
	color:#fff;
 border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
  -moz-transition:0.1s linear;
  -webkit-transition:0.1s linear;
  -o-transition:0.1s linear;
  -ms-transition:0.1s linear;
}
#prevandnextRight{
	float:right;
	background:#fff;
	display: inline-block;
	margin:0 0 10px;
}
#prevandnextRight a{
	display: block;
	padding:15px 20px;
 border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	text-decoration:none;
	border:#00bdbd solid 1px;
}
#prevandnextRight a:before {
	content: " ＞ ";
}
#prevandnextRight a:hover{
	background:#00bdbd;
	color:#fff;
 border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
  -moz-transition:0.1s linear;
  -webkit-transition:0.1s linear;
  -o-transition:0.1s linear;
  -ms-transition:0.1s linear;
}


/********************************************************
 aside
********************************************************/
#aside {
	float:right;
	width: 300px;
	margin-bottom:60px;
}
#asaid_widget,
.aside_area{
	margin:0 0 40px;
}
.widget-container h3,
.aside_area_tit{
	border-bottom:#00bdbd solid 1px;
	padding:15px 0 5px;
	font-size:1.3em;
	margin:0 0 15px;
}
.widget-container ul{
	margin:0 0 20px;
}
.widget-container ul li{
	padding:0 15px;
	margin:0 0 8px;
}
.widget-container ul li a{
	text-decoration:none;
}
.aside_bn {
	margin:0 0 20px;
}


#archive_box .data a:hover,
.content_post .data a:hover{
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}


/********************************************************
 wp-pagenavi
********************************************************/
#wp-pagenavi_area {
	clear: both;
}
.wp-pagenavi {
	clear: both;
	text-align:center;
	padding:50px 0 0 0;
	margin:0 0 50px;
}
.wp-pagenavi a,
.wp-pagenavi span {
text-decoration: none;
background: #fff;
color: #333;
padding: 10px 13px;
margin: 2px;
border: #ccc solid 1px;
}
.wp-pagenavi a:hover,
.wp-pagenavi span.current {
background: #fff;
color: #333;
font-weight: bold;
border: #333 solid 1px;
box-sizing: content-box;
}
.wp-pagenavi .first ,
.wp-pagenavi .last{
	background:#fff;
	color:#333;
}
.wp-pagenavi .first,
.wp-pagenavi .last,
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink{
	color:#333;
}
#aside_cat{
	margin:15px 10px 5px;
	font-size:1em;
    text-align: left;
}
.aside_cat li{
	margin:0 0 10px;
	padding:0 0 8px 10px;
}
.aside_cat li ul>li{
	margin:0 0 6px;
	padding:0 0 0 12px;
	border-bottom:none;
}
.aside_cat li ul li ul li{
	margin:0 0 3px;
}
.aside_cat li:before{
	font-family: 'FontAwesome';
	content:"\f105";
	margin:0 6px 0 0;
	font-size:1em;
	color:#333;
}
.aside_cat li ul li:before{
	font-family: 'FontAwesome';
	content:"\f105";
	margin:0 6px 0 0;
	color:#333;
}
.aside_cat li ul li ul>li:before{
	content:"-";
}
.aside_cat li span{
	background:#f7f7f7;
	color:#333;
	padding:3px 8px;
	font-size:0.725em;
}
.aside_cat .children{
	margin:8px 0 0;
}
.aside_cat a{
    color: #333;
}



/********************************************************
 editor
********************************************************/
.post_txt{
	font-size:16px;
}
.post_txt p,
.post_txt img{
	margin-bottom:20px;
}
.media .post h1.title{
    font-size: 1.3em;
    padding: 0 0 8px;
}
.media .post_txt p{
    color: #777;
	font-size:0.9em;
}
.media .post_img img{
    width: 100%;
    height: auto;
}
.post_txt a{
	color:#0099ff;
	text-decoration:underline;
}
.post_txt h2{
	border-left:#00bdbd solid 5px;
	padding:15px 0 15px 25px;
	margin:0 0 20px -30px;
	font-size:1.6em;
}
.post_txt h3{
	border-bottom:#00bdbd solid 1px;
	padding:10px 15px 3px 15px;
	margin:0 0 20px -15px;
	font-size:1.4em;
}
.post_txt h4,
.post_txt h5,
.post_txt h6{
	font-size:1.4em;
	margin:0 0 20px;
}
strong { font-weight: bold; }
em { font-style: italic; }
blockquote {
	background:#f7f7f7;
	font-style:italic;
	font-size:16px;
	padding:2% 4% !important;
	margin:12px 0;
	overflow:hidden;
}
blockquote:before{
font-family: 'FontAwesome';
content:"\f10d";
}
blockquote:after{
font-family: 'FontAwesome';
content:"\f10e";
float:right;
}
.aligncenter {
 display: block;
 margin-right:auto;
 margin-left:auto;
}
.alignright { float: right; margin-left:20px; }
.alignleft { float: left; margin-right:20px; }
img[class*="wp-image-"],
img[class*="attachment-"] {
    height: auto;
    max-width: 100%;
}
.clearfix {
 overflow: hidden;
 zoom: 1;
}
.clearfix:after {
 content: "";
 display: block;
 clear: both;
}
.fb-like iframe {
 max-width: none!important;
 z-index: 9999;
}
.post_txt ul {
	list-style:disc !important;
 margin: 0 0 0 30px;
}
.post_txt ol {
 list-style: decimal !important;
 margin: 0 0 0 30px;
}
.f18{ font-size: 18px; }
.f20{ font-size: 20px; }
.f22{ font-size: 22px; }
.ar {text-align: right;}
.al {text-align: left;}
.b1{font-weight:100 !important;}
.b2{font-weight:200 !important;}
.b3{font-weight:300 !important;}
.b4{font-weight:400 !important;}
.b5{font-weight:500 !important;}
.b6{font-weight:600 !important;}
.b7{font-weight:700 !important;}



.red{ color: #e00;}

.wp-pagenavi {
	text-align: center;
	margin: 30px 0;
}
.wp-pagenavi span.pages {
	display: none;
}
.wp-pagenavi a , .wp-pagenavi span.current {
	width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    line-height: 40px;
	margin: 4px !important;
	border: 1px solid #00bdbd !important;
	color: #00bdbd;
	border-radius: 20px;
	padding: 0 !important;
}
.wp-pagenavi a:hover , .wp-pagenavi span.current {
	background-color: #00bdbd;
	color: #ffffff;
}

#faq h3{
	text-align:center;
	color:#0099ff;
	font-size:2em;
	margin:0 0 15px;
}

.display_768{display:none !important;}
.none_768{display:block !important;}
.display_480{display:none !important;}
.none_480{display:block !important;}


.fadeInup {
 visibility: visible !important;
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1s;
 -ms-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-name: fadeInup;
 animation-name: fadeInup;
}
@-webkit-keyframes fadeInup {
 0% { opacity: 0; -webkit-transform: translateY(20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInup {
 0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}


/********************************************************
 民泊
********************************************************/
#header_minpaku{
	background: url(images/img_top002_005.jpg) no-repeat 50% 60%;
	background-size: cover;
}
#header_minpaku .tit{
	color: #111;
	font-size: 48px;
	line-height: 1;
	text-align: center;
	padding: 40px 0;
	text-shadow: 1px 1px 1px #fff,
        1px -1px 1px #fff,
        -1px 1px 1px #fff,
        -1px -1px 1px #fff,
        0 0 22px #fff;
}
#header_minpaku .tit span{
	font-size: 16px;
}
.page_inn #header_minpaku{background-image:none;background-color: #EE7E8D;}
.page_manual #header_minpaku{background-image:none;background-color: #B3DEDB;}
.page_emergency #header_minpaku{background-image:none;background-color: #C9BC9C;}
#header_minpaku .tit_img{width: 300px;margin: auto;}
#header_minpaku .tit_img img{width: 100%;height: auto;}
#wrap_minpaku .post_content .title{font-size: 20px;}
.minpaku_txt{font-size: 14px;}
#wrap_minpaku {
	padding: 30px 0;
}
#wrap_minpaku .post{
	float:none;
	width:100%;
}
.minpaku_password{
	width: 280px;
	margin: auto;
}
.minpaku_password .txt{
	width: 200px;
	line-height: 36px;
	-moz-border-radius: 5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
	padding: 5px 10px;
	display: inline-block;
	border: #777 solid 1px;
	box-sizing: border-box;
}
.minpaku_password .btn{
	width: 80px;
	line-height: 36px;
	padding: 5px 10px;
	-moz-border-radius: 0 5px 5px 0;
	-webkit-border-radius: 0 5px 5px 0;
	border-radius: 0 5px 5px 0;
	display: inline-block;
	background: #333;
	color: #fff;
	border: #777 solid 1px;
	box-sizing: border-box;
}
.minpaku_btn{
	width: 300px;
	margin: 10px auto 20px;
}
.minpaku_btn a{
	width: 100%;
	display: block;
	text-align: center;
	background: #cd0a0d;
	color: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-decoration: none;
	padding: 15px 0;
	position:relative;
	font-size:20px;
}
.minpaku_btn a:hover{background:#f04144}
#wrap_minpaku.manual_area .minpaku_btn a{background: #1F8BCC;}
#wrap_minpaku.manual_area .minpaku_btn a:hover{background: #48adea;}
#wrap_minpaku .minpaku_btn.c002 a{background: #111;}
#wrap_minpaku .minpaku_btn.c002 a:hover{background: #444;}
.minpaku_btn a span{
	font-weight: bold;
}
.minpaku_btn a:after{
	position: absolute;
	content: ">";
	top: 0;
	bottom: 0;
	right: 15px;
	width: 16px;
	height: 16px;
	margin: auto;
	line-height: 1;
	color: #fff;
}
#wrap_minpaku .post_content,
#wrap_minpaku .post_txt {
    padding: 0;
	margin: 0 0 10px;
}
#wrap_minpaku .title,
.minpaku_txt{
	text-align: center;
}




@media only screen and (max-width:1300px){
/********************************************************
 header 1300px以下
********************************************************/
#header_logo {
	left: 20px;
}
#header_bn{
	left: 310px;
}
#header_bn img{
	width:140px;
	height:auto;
}
#nav ul li a{
    font-size: 11px;
}
#header_tel{
	margin:0 10px 0 15px;
}
}


@media only screen and (max-width:1200px){
.inner{
	width:92%;
	margin:0 4%;
}


#faq_area .btn {
    width: 92%;
}


}


@media only screen and (max-width:1100px){
/********************************************************
 header 1100px以下
********************************************************/
#header {
	width: 100%;
	top: 0;
	left: 0;
	background: #FFF;
	z-index: 9999;
	opacity: 1;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
}
#header_area {position: relative;overflow: hidden;height: auto;}
#header_logo {position: relative;margin:15px 0 15px 10px;text-align:center;left:0;top: 0;}
#header_bn{
	display:none;
}
#header_bn img{
	width:220px;
	height:auto;
}
#header_tel_sm{display:block;position:absolute;top:7px;right:70px;}
#header_tel_sm ul{
	overflow:hidden;
}
#header_tel_sm ul li{
	float:left;
	margin:0 0 0 10px;
}
#header_tel_sm ul li a{
	display:block;
	width:50px;
	height:50px;
	padding:5px 0 0;
	background:#00bdbd;
	color:#fff;
	text-align:center;
	border-radius:30px;
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
	font-size:24px;
}
#header_tel_sm ul li:nth-child(2) a{
	font-size:22px;
	height:50px;
	padding:6px 0 0;
}

#nav {
	display:none;
}
#nav_btn,#nav02,.nav_sm{
	display:block;
}
#nav02{
	background:#fff;
}
#nav02 ul{
	width:auto;
	border-top:#eee solid 1px;
	overflow:hidden;
}
#nav02 ul li{
	text-align:center;
	width:50%;
	float:left;
	box-sizing:border-box;
	border-left:none;
	border-right:#eee solid 1px;
	border-bottom:#eee solid 1px;
}
#nav02 ul li a{
	display:block;
	color:#333;
	font-size:14px;
	line-height:38px;
	padding:0;
	height:38px;
	text-decoration:none;
}
#nav02 ul li a.active{
	color:#fff;
	background:#00bdbd;
}
#nav02 .btn{
	padding:10px 1.5%;
	float: left;
	width: 50%;
	vertical-align: top;
}
#nav_btn{position:absolute;top:7px;right:10px;}
.nav_sm{display:block;width:50px;height:50px;padding: 0;background:#00bdbd;color:#fff;text-align:center;border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px;font-size:1.6em;border:none;}


}


@media only screen and (max-width:1024px){
/********************************************************
 main 1024px以下
********************************************************/
#nagoya h2{
	font-size:3em;
	bottom:0;
}
#nagoya .txt{
 top:66%;
	width:100%;
	font-size:1.7em;
}


/********************************************************
 menu 1024px以下
********************************************************/
#menu{
	width:100%;
	margin:0 auto;
}
#menu ul li{
	width:30%;
}
#menu ul li a .fa{
	font-size:5.5em;
	width:180px;
	height:125px;
	padding:55px 0 0;
}
#menu ul li a span{
	font-size:1.6em;
}

.none_1024{
	display:none !important;
}
.display_1024{
	display:block !important;
}

/********************************************************
 faq 1024px以下
********************************************************/
#faq{
	width:92%;
	margin:0 4%;
}
#faq .tit_h2{
	margin-bottom:60px;
}


/********************************************************
 contact 1024px以下
********************************************************/
#contact .contact_area02{
	width:92%;
	margin:0 4%;
}
.inq_box{
width:100%;
}
.inq_name{
	float:none;
	width:100%;
	padding:10px 0;
}
.txt_r{
	font-weight:bold;
	color:#f00;
}
input{
	border:#ccc solid 1px;
}
input#name,input#from,input#tel,input#email,input#url{
	width:100%;
	padding:10px 2%;
}
.inq_input{
	float:none;
	width:100%;
}
textarea#com{
	width:100%;
	padding:10px 2%;
}
#submit{
	width:100%;
	margin:40px 0 0;
}
.txt_privacy_area{
	width:100%;
	margin:0 auto;
	background:#fff;
	padding:20px 15px;
	box-shadow:0 0 5px rgba(0,0,0,0.1);
}


/********************************************************
 footer 1024px以下
********************************************************/
#footer_area{
	width:92%;
	margin:0 4%;
	padding:60px 0;
	text-align:center;
}


/********************************************************
 blog 1024px以下
********************************************************/
#wrap{
	background:none;
}
.post_content{
	margin-left:4%;
}
.post{
	float:none;
	width:100%;
}
.post_txt h2{
	border-left:#00bdbd solid 5px;
	padding:15px 0 15px 4%;
	margin:0 0 20px -4%;
	font-size:1.6em;
}
.post_txt h3{
	border-bottom:#00bdbd solid 1px;
	padding:10px 15px 3px 5px;
	margin:0 0 20px;
	font-size:1.4em;
}
#prevandnext {
    width: 96%;
    margin: 30px 4% 60px;
}


/********************************************************
 aside 1024px以下
********************************************************/
#aside{
	float:none;
	width:96%;
	margin:0 0 60px 4%;
}


.inq_box .wpcf7-list-item-label {
    color: #333;
}

.wpcf7-form-control-wrap.mailminpaku,
.wpcf7-form-control-wrap.mailbukken,
.wpcf7-form-control-wrap.host{
    background: #fff;
    padding: 15px 20px;
    display: block;
}


}


@media only screen and (max-width:960px){
.none_960{
    display: none;
}

.tit_area_001 .tit,
.tit_area_001 .txt {
    width: 100%;
}
.tit_area_001 .tit{
    text-align: center;
    margin: 0 0 30px;
}

#contact .contact_area_tit .tit {
    text-align: center;
    display: block;
    margin: 0 0 40px;
}
#contact .contact_area_tit .txt {
    display: block;
    padding: 0;
    font-size: 18px;
    text-align: center;
}


}


@media only screen and (max-width:768px){
/********************************************************
 header 768px以下
********************************************************/
#header {position: fixed;}
#header_logo {margin:15px 0 15px 20px;text-align:left;}
#header_bn{
	display:none;
}

/********************************************************
 main 768px以下
********************************************************/
#nagoya {
	background: url(images/bg_top_001.png) 50% 50%;
	background-size: auto 100%;
}
#nagoya h2{
	font-size:2.4em;
	width:100%;
}
#nagoya .txt{
 top:62%;
 margin: auto 2%;
	width:96%;
	font-size:1.2em;
}
#nagoya .txt h3 span{
	font-size:1.4em;
}


/********************************************************
 menu 768px以下
********************************************************/
#menu ul li{
	width:30%;
}
#menu ul li a .fa{
	font-size:4em;
	width:120px;
	height:90px;
	padding:30px 0 0;
}
#menu ul li a span{
	font-size:1.3em;
}


/********************************************************
 footer 768px以下
********************************************************/
#footer{
	background:#00bdbd;
	color:#fff;
}
#footer_area{
	width:92%;
	margin:0 4%;
	padding:80px 0;
	text-align:center;
}
#footer h3{
	margin:0 0 20px;
}
#footer .from{
	margin:0 0 30px;
}
#footer #footer_tel{
	margin:0 0 20px;
	font-size:1.8em;
	text-align:left;
}
#footer #footer_tel .box{
	width:360px;
	margin:0 auto 10px;
	display:block;
	vertical-align:top;
}
.footer_left {display: block;padding: 0;}
#footer h3 { margin: 0 auto 20px;}
.footer_right {display: block;border-left: none;padding: 0;}
#footer #footer_tel .box p {font-size: 14px;margin: 0;text-align: center;}
#footer #footer_tel .box:first-child {text-align: center;}
#footer .footer_company {width: 300px;margin: 0 auto;}


#faq_area .btn .tit {
    border: #ccc solid 1px;
    padding: 15px;
}
#faq_area .btn .tit, #faq_area .btn .txt {
    width: 100%;
    display: block;
}
#faq_area .faq_tit {
    font-size: 72px;
    text-align: center;
}
#contact .contact_area_tit .tit span {
    font-size: 120px;
}
#contact .contact_area_tit .tit {
    font-size: 38px;
}
#contact .contact_area_tit {
    margin: 0 0 40px;
}
#submit {
    font-size: 20px;
}
.txt_privacy_area h3 {
    font-size: 24px;
}
.wpcf7-list-item,
.mailbukken .wpcf7-list-item {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin: 0;
}
#contact .contact_area02 {
    width: 100%;
    margin: 0;
}


.display_768{display:block !important;}
.none_768{display:none !important;}

}


@media only screen and (max-width:480px){
.display_480{display:block !important;}
.none_480{display:none !important;}

/********************************************************
 header 480px以下
********************************************************/
#header {
	height:auto;
}
#header_logo {
	margin:10px 0 15px 15px;
}
#header_logo img{
	width:180px;
	height:auto;
}
#header_tel_sm{
	top:10px;
	right:50px;
}
#header_tel_sm ul li{
	float:left;
	margin:0 0 0 5px;
}
#header_tel_sm ul li a{
	display:block;
	width:40px;
	height:40px;
	padding:5px 0 0;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	font-size:18px;
}
#header_tel_sm ul li:nth-child(2) a{
	font-size:18px;
	height: 40px;
    padding: 6px 0 0;
}
#nav_btn{
	position:absolute;
	top:10px;
	right:5px;
}
.nav_sm{
	width:40px;
	height:40px;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	font-size:1.3em;
}
#nav02 .btn a[target="_blank"]::after{display: none;}
#nav02 ul li a{
	font-size:11px;
}


/********************************************************
 main 480px以下
********************************************************/
#nagoya h2{
	font-size:2em;
	width:100%;
}
#nagoya .txt{
 top:66%;
 margin: auto 2%;
	width:96%;
	font-size:1em;
}
#nagoya .txt h3 span{
	font-size:1.45em;
}


/********************************************************
 menu 480px以下
********************************************************/
#menu ul li{
	width:30%;
	margin:0 0 30px;
}
#menu ul li a .fa{
	border:#00bdbd solid 3px;
	font-size:3em;
	width:80px;
	height:60px;
	padding:20px 0 0;
}
#menu ul li a span{
	font-size:1em;
}
#menu ul li a span.txt_s{
	font-size:0.8em;
}


.display_480{
	display:block !important;
}
.none_480{
	display:none !important;
}


/********************************************************
 faq 480px以下
********************************************************/
#faq{
	padding:80px 0 160px;
}
#faq .btn{
	width:100%;
}


/********************************************************
 footer 480px以下
********************************************************/
#footer{
	background:#00bdbd;
	color:#fff;
}
#footer_area{
	width:92%;
	margin:0 4%;
	padding:80px 0;
	text-align:center;
}
#footer h3 img{
	width:100%;
	height:auto;
}
#footer .from{
	margin:0 0 30px;
}
#footer #footer_tel{
	margin:0 0 20px;
	font-size:1.4em;
	text-align:left;
}
#footer #footer_tel .box{
	width:100%;
	margin:0 auto;
	text-align:left;
	display:block;
	vertical-align:top;
}
#footer #footer_tel .box:first-child{
	width:100%;
}
#footer #footer_tel .box .fa{
	background:#fff;
	color:#00bdbd;
	width:20px;
	height:20px;
	padding:10px 0 0;
	text-align:center;
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
}
#footer #footer_tel .box p{
	font-size:0.7em;
	margin:5px 0 15px;
	text-align:center;
}
#footer #footer_tel a{
	width:100%;
	display:block;
	background:#fff;
	text-align:center;
	color:#00bdbd;
	padding:6px 4% 10px;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
#footer .footer_company{
    width: 100%;
}



/********************************************************
 blog 480px以下
********************************************************/

.post_txt {
    width: 100%;
    padding: 0 0 0 4%;
}
.post_cat {
    padding: 5px;
}
.media .post_txt p,
.media .post_txt .more-link{
    display: none;
}
.media .post h1.title{
    font-size: 1.1em;
    border-bottom: none;
    padding: 0;
}
.media .post_data {
    margin: 0 0 5px;
}

#faq_area .faq_tit {
    font-size: 50px;
    margin: 0 0 40px;
}
#faq_area .faq_box .box {
    border-top: #ccc solid 1px;
    padding: 20px 0;
}
#faq_area .faq_box .box .tit .bg{
    font-size: 16px;
}
#faq_area {
    padding: 0 0 30px;
}
#contact .contact_area {
    padding: 40px 0 60px;
}
#contact .contact_area_tit .tit {
    font-size: 28px;
    margin: 0 0 30px;
}
#contact .contact_area_tit .tit span {
    font-size: 90px;
}
#faq_area .faq_box .box .txt {
    padding: 8px 0 8px 30px;
}

#header_minpaku .tit{
	font-size: 6vw;
}
#wrap_minpaku .post_content .title{font-size: 14px;}
.minpaku_txt{font-size: 12px;}
.minpaku_btn{
	width: 100%;
}

}


@media only screen and (max-width:374px){
#faq_area .faq_tit {
    font-size: 40px;
}
.txt_inner .tit {
    font-size: 29px;
}
#header_logo img {
    width: 160px;
}
}