@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Archivo+Black');
@import url("../ionicons-2.0.1 2/css/ionicons.min.css");  
/* font-family: 'Archivo Black', sans-serif; */
/*----------------------------------------------------------------- 
リセット
----------------------------------------------------------------- */
*,
*:after,
*:before {
	margin:0;
	padding:0;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
	border: 0;
	outline: 0;
/*	 -webkit-appearance: none;
*/}
ol, ul,li{ list-style: none; margin:0; padding:0;}
:focus,
:active { outline:0;}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
th, 
td { padding:8px; line-height:1.4em;}
input{ margin-right:5px;}	
.switch {
	visibility: hidden;
}

body{
	margin:0;
	padding:0;
	font:15px/1.8 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	letter-spacing: 0.03em;
	color:#000000;
	background-color:#FFF;
	}

/* for IE6 */
* html body {font-size: 94%;}

/* for IE7 */
*:first-child+html body {font-size: 94%;}

h1, h2, h3, h4, h5, h6, p,dt ,dl,dd{ font-size:inherit; margin:0; padding:0; }
hr{ display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; }
ul{ list-style:none; margin:0; padding:0; }
li{ margin:0; padding:0; }
.text_link,a.link{text-decoration: underline!important;}
p{text-align: justify;}
.txt16{font-size: 110%;}
.txt18{font-size: 125%;}
@media screen and (min-width: 360px) { * { -webkit-text-size-adjust: none; } }


/*----------------------------------------------------
 clearfix
----------------------------------------------------*/

.clearfix:after,
.header:after,
.contents:after{ content: ".";display:block;height:0.1px;clear:both;visibility:hidden;font-size:0.1em;line-height:0; }
.clearfix,
.header,
.contents{ display:inline-block;overflow:hidden;_overflow:visible;display:block; }
* html .clearfix,
* html .header,
* html .contents{ height:1%; }


/* ----------- anchor */
a {color:rgba(0,0,0,1.00); text-decoration:none;}
a:hover {color:rgba(0,0,0,0.3); }
a .imgbt:hover{opacity:0.5;filter:alpha(opacity=50);cursor:pointer;}
a { -webkit-tap-highlight-color: rgba(0,0,0,0); }


.onlySP{display:none}

/*----------------------------------------------------
 header
----------------------------------------------------*/
/* TOPのみ */
#TOPheader{width:100%; padding:30px 0 0 0 ; background:url(../../img/bg.jpg) no-repeat top center; background-size:cover;}
#TOPheader #headerIn{ max-width:960px; width:100%; margin:0 auto;}
#TOPheader h1{float:left; width:100%; max-width:344px;}
#TOPheader h1 img{ width:100%; max-width:344px;}

#header{width:100%; padding:30px 2% 0 2%;}
#header #headerIn{ max-width:960px; width:100%; margin:0 auto;}
#header h1{float:left; width:100%; max-width:344px;}
#header h1 img{ width:100%; max-width:344px;}

.Nav01{float:right; padding:10px 0;}
.Nav01 li{display:inline-block; margin-left:15px; vertical-align:middle;}
.Nav01 li.telephone{font-family: 'Archivo Black', sans-serif; line-height:20px;}
.Nav01 li.telephone span.tel{font-size:140%; display:block;}
.Nav01 li a.btn_contact{background-color:#e60000; display:block; line-height:40px; padding:0 30px;
-webkit-transition: all .5s;
	transition: all .5s;}
.Nav01 li a.btn_contact span{ color:#FFF; font-weight:bold; padding-left:30px; background:url(../img/icon_mail.png) no-repeat left center; background-size:20px auto;}
.Nav01 li a.btn_contact:hover{background-color:#000;}

.Nav02{ margin-top:10px; margin-bottom:50px;}
.Nav02 li{display:inline-block;font-size:80%; text-align:center; border-left:1px solid #000; padding:0 30px; line-height:20px; width:16%;}
@media only screen and (min-width: 668px){.Nav02 li{display:inline-block;font-size:80%; text-align:center; border-left:1px solid #000; padding:0 30px; line-height:20px; width:16%;
	text-shadow: #FFFFFF 1px 1px 0px, #FFFFFF -1px 1px 0px, #FFFFFF 1px -1px 0px, #FFFFFF -1px -1px 0px, #FFFFFF 1px 0px, #FFFFFF -1px 0px, #FFFFFF 0px -1px, #FFFFFF 0px 1px, #FFFFFF 1px 1px, #FFFFFF -1px 1px, #FFFFFF 1px -1px, #FFFFFF -1px -1px, #FFFFFF 1px 1px, #FFFFFF -1px 1px, #FFFFFF 1px -1px, #FFFFFF -1px -1px, #FFFFFF 1px 1px, #FFFFFF -1px 1px, #FFFFFF 1px -1px, #FFFFFF -1px -1px;
}}

.Nav02 li:last-child{border-right:1px solid #000; width:16.8%;}
.Nav02 li a span{font-family: 'Archivo Black', sans-serif; font-size:127%; display:block;}
.Nav02 li a:hover{color:#0017e6;}
.Nav02 li:nth-child(5) a{color:rgba(230,0,0,1.00);}
.Nav02 li:nth-child(5) a:hover{color:#0017e6;}
.main_img{ max-width:100%; width:100%; margin:0 auto;  padding: 170px 0 160px 0; text-align: center;}
#btn_menu2{display:none;}

@media only screen and (max-width: 960px){
.Nav02 li{font-size:76%; padding:0 10px;}
.Nav01 li.telephone span{font-size:126%;}
.main_img h2 img{ max-width:509px; width:100%;}
}
@media only screen and (max-width: 740px){
#TOPheader h1{max-width:272px;}
#TOPheader h1 img{max-width:272px;}
#header h1{max-width:272px;}
#header h1 img{max-width:272px;}
}

@media only screen and (max-width: 667px){
#TOPheader{width:100%; padding:0; background:url(../../img/bg01.jpg) no-repeat center center 30%; background-size:cover; height:auto;}
.Nav01{ display:none;}
.Nav02{display:none; position:fixed; top:0; height:100%; width:100%; background-color:rgba(0,0,0,0.8); padding:10px;  margin-top:0; margin-bottom:0; z-index:99;}
#btn_menu2{font-family: 'Archivo Black', sans-serif; font-size:250%; color:#ffffff; display:block; width:100%; text-align:right; height:65px;}
.Nav02 li{display:block;font-size:120%; text-align:center; border-left:none; padding:10px 10px; line-height:20px; width:100%;}
.Nav02 li:last-child{border-right:none; width:100%;}
.Nav02 li a{color:#FFF;}
.Nav02 li a span{font-family: 'Archivo Black', sans-serif; font-size:127%; display:inline; margin-right:10px;}
.Nav02 li a:hover {color:rgba(0,0,0,0.3); }
.Nav02 li:nth-child(5) a{color:rgba(230,0,0,1.00);}
.Nav02 li:nth-child(5) a:hover{color:rgba(230,0,0,0.3);}

#TOPheader h1{float:none; background-color:#FFF; width:100%; max-width:none; padding:20px; border-top:3px solid #000;}
#TOPheader h1 a{display:block; width:100%; max-width:344px; margin:0 auto;}
#TOPheader h1 img{ width:100%; max-width:344px; display:block; margin:0 auto;}

#header{width:100%; padding:0;}
#header h1{float:none; background-color:#FFF; width:100%; max-width:none; padding:20px; border-top:3px solid #000;}
#header h1 a{display:block; width:100%; max-width:344px; margin:0 auto;}
#header h1 img{ width:100%; max-width:344px; display:block; margin:0 auto;}


.main_img{ width:100%; margin:0 auto; }
.main_img h2 img{ max-width:509px; width:100%;}
}
@media only screen and (max-width: 430px){
.main_img{ width:100%; margin:0 auto; }
}

/*----------------------------------------------------
 	footer
----------------------------------------------------*/
#footer{width:100%;}
#footer .under_adress{background-color:#f5f5f5; padding:40px; width:100%;}
#footer .under_adressIn{width:100%; max-width:960px; margin:0 auto; padding:0 20px;}
#footer .under_adressIn h3 img{max-width:400px; width:100%; display:block; margin:0 auto;}
#footer .under_adressIn h3{width:100%; float:left;}
#footer .under_adressIn .boxL{width:38%; float:left;}
#footer .under_adressIn .boxR{width:60%; padding:10px 10px 10px 15px; float:right;}
#footer .under_adressIn .boxR p{margin-top:-5px;}
#footer .under_adressIn .boxR p.telephonePC{font-family: 'Archivo Black', sans-serif; font-size:160%; line-height:100%;}
#footer .under_adressIn .boxR p.telephonePC span{font-size:70%; font-weight: bold;}
#footer .under_adressIn .boxR a.telephoneSP{display:none;}

.footerIn{width:100%; margin:0 auto; background-color:#000; color:#FFF; padding:0 2% 10px 2%;}
.copyIn{max-width:960px; width:100%; margin:0 auto;}
.footer_nav{float:left;}
.footer_nav li{display:inline-block; font-size:11px; margin-right:8px; padding-right:8px; border-right:1px solid #FFF; line-height:13px;}
.footer_nav li a{color:#FFF;}
.footer_nav li a:hover{color:rgba(255,255,255,0.3)}
.footer_nav li:last-child{margin-right:0; border-right:none;}

#copy{float:right; text-align:center; padding:2px;}
#footer .page{text-align:center; padding:22px 0;}
#page_top{font-size:80%; font-weight:bold;}
#page_top span{background:url(../img/icon_arow_t.png) no-repeat right center; background-size:11px 11px;padding-right:18px;
}
#page_top:hover span{background:url(../img/icon_arow_tO.png) no-repeat right center; background-size:11px 11px;padding-right:18px;}

.Nav03{ display:none;}
@media only screen and (max-width: 960px){
	#footer .under_adressIn .boxR p.telephonePC{ font-size:150%;}
}
@media only screen and (max-width: 667px){
#footer .under_adressIn .boxL{width:100%!important; float:none;}
#footer{width:100%; padding-bottom:74px;}
.footer_nav{width:96%; margin:20px auto 10px auto; float:none;}
.footer_nav li{display:inline-block; font-size:11px; margin-right:4%; padding-right:0; border-right:none; line-height:13px; width:48%;}

.footer_nav li a{ display:block; background-color:#000; padding:10px 5px; text-align:center; width:100%; max-width:300px; margin:0 auto; -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .5s;
	transition: all .5s;
    border:1px solid #FFF;}
.footer_nav li a span{font-size:94%; color:#FFF; background:url(../img/icon_circle_r.png) no-repeat right center; background-size:contain; padding-right:18px;}
.footer_nav li a:hover{background-color:#000;}

#footer .under_adress{padding:40px 4% 20px;}
#footer .under_adressIn{width:100%; max-width:960px; margin:0 auto; padding:0;}
#footer .under_adressIn h3{width:100%; float:none;}
#footer .under_adressIn .boxR{width:100%; padding:10px 0; float:none; text-align:center;}
#footer .under_adressIn .boxR p{margin-top:0; margin-bottom:20px;}
#footer .under_adressIn .boxR p.telephonePC{display:none;}
#footer .under_adressIn .boxR a.telephoneSP{font-family: 'Archivo Black', sans-serif; font-size:150%; background-color:#000; display:block; width:100%; margin:0 auto; max-width:400px; color:#FFF; text-align:center; padding:5px;}
#footer .under_adressIn .boxR a.telephoneSP span{font-size:80%;}
#copy{float:none; width:100%; text-align:center;}
.Nav03{display:inherit; width:100%; position: fixed; bottom: 0;  z-index:100; border-top:1px solid #FFF;}
.Nav03 li{display:inline-block;font-size:67%; text-align:center; border-right:1px #FFF solid; width:25%; line-height:148%; padding-top:8px; background-color:#000; height:74px; vertical-align:top;}
.Nav03 li:nth-child(3){ background-color:#ec1d24;}
.Nav03 li:last-child{ border-right:none;}
.Nav03 li a{display:block; background-color:#000; color:#FFF; padding:35px 5px 5px 5px;}
.Nav03 li a span{font-family: 'Archivo Black', sans-serif; font-size:127%; display:block;}
.Nav03 li:nth-child(1) a{ background:url(../img/icon_menu.png) #000 no-repeat top center; background-size:28px;}
.Nav03 li:nth-child(2) a{ background:url(../img/icon_recruit.png) #000 no-repeat top center; background-size:30px;}
.Nav03 li:nth-child(3) a{ background:url(../img/icon_truck.png) #ec1d24 no-repeat top center; background-size:32px;}
.Nav03 li:nth-child(4) a{ background:url(../img/icon_mail.png) #000 no-repeat top center; background-size:30px;}

}



/*----------------------------------------------------
 	common
----------------------------------------------------*/
.sectionIn{width:100%; max-width:960px; margin:0 auto;}
.section_wrap{ width:100%; padding-right:2%; padding-left:2%;}


/*----------------------------------------------------
 	BreadcrumbList
----------------------------------------------------*/
#BreadcrumbList{font-size:11px; padding:10px 2% 5px 2%; margin-bottom:80px;}
#BreadcrumbList ol{width:100%; max-width:960px; margin:0 auto; }
#BreadcrumbList li{display:ruby; margin-right:5px;}
#BreadcrumbList li:after {content: " > ";}
#BreadcrumbList li:last-child:after {content: "";}
@media only screen and (max-width: 667px){
.breadcrumb{font-size:10px; height: 10px;line-height: 10px;}
#BreadcrumbList{padding:10px 5% 5px 5%; margin-bottom:40px;}
}



/*----------------------------------------------------
 	TOP
----------------------------------------------------*/
#TOP_about{padding:80px 2% 0 2%;}
#TOP_about .sectionIn{ background:url(../../img/about_bg.png) no-repeat right bottom; background-size:auto; padding-bottom:80px;}
#TOP_about p{text-align:center; margin-bottom:30px;}

#TOP_service{padding:80px 2%; background-color:#f5f5f5;}
#Service_wrap{}
#TOP_service p.texts{ text-align:center; margin-bottom:20px;}
#TOP_service ul.list_service,#Service_wrap ul.list_service{ margin-bottom:40px;}
#TOP_service ul.list_service li,#Service_wrap ul.list_service li{display:inline-block; width:31%; margin-right:3.5%; vertical-align:top; margin-bottom: 40px;}
#TOP_service ul.list_service li:nth-child(3),#TOP_service ul.list_service li:last-child,#Service_wrap ul.list_service li:nth-child(3),#Service_wrap ul.list_service li:last-child{margin-right:0;}
#TOP_service ul.list_service li dl,#Service_wrap ul.list_service li dl{ background-color:#FFF;}
#TOP_service ul.list_service li dl dt img,#Service_wrap ul.list_service li dl dt img{ width:100%; /*max-width:300px; */vertical-align:bottom;}
#TOP_service ul.list_service li dl dt,#Service_wrap ul.list_service li dl dt{margin-bottom:20px;}
#TOP_service ul.list_service li dl dd,#Service_wrap ul.list_service li dl dd{text-align:center;}
#TOP_service ul.list_service li dl dd p,#Service_wrap ul.list_service li dl dd p{text-align:left; line-height:180%; letter-spacing:0;}
#TOP_service ul.list_service li dl dd h4,#Service_wrap ul.list_service li dl dd h4{text-align:center; font-size:120%; display:inline; line-height:22px; padding:2px 0;}
#TOP_service ul.list_service li:nth-child(1) dl dd h4,#Service_wrap ul.list_service li:nth-child(1) dl dd h4{ background:url(../img/icon_calendar.png) no-repeat left center; padding-left:27px; background-size:22px 22px;}
#TOP_service ul.list_service li:nth-child(2) dl dd h4,#Service_wrap ul.list_service li:nth-child(2) dl dd h4{ background:url(../img/icon_clock.png) no-repeat left center; padding-left:27px; background-size:22px 22px;}
#TOP_service ul.list_service li:nth-child(3) dl dd h4,#Service_wrap ul.list_service li:nth-child(3) dl dd h4{ background:url(../img/icon_building.png) no-repeat left center; padding-left:27px; background-size:22px 22px;}
#TOP_service ul.list_service li:nth-child(4) dl dd h4,#Service_wrap ul.list_service li:nth-child(4) dl dd h4{ background:url(../img/icon_shopping.png) no-repeat left center; padding-left:27px; background-size:22px 22px;}
#TOP_service ul.list_service li:nth-child(5) dl dd h4,#Service_wrap ul.list_service li:nth-child(5) dl dd h4{ background:url(../img/icon_call.png) no-repeat left center; padding-left:27px; background-size:22px 22px;}
#TOP_service ul.list_service li:nth-child(6) dl dd h4,#Service_wrap ul.list_service li:nth-child(6) dl dd h4{ background:url(../img/icon_dush.png) no-repeat left center; padding-left:27px; background-size:22px 22px;}
#Ct01 ul.list_service li:nth-child(1) dl dd h4{ background:url(../img/icon_hoken.png) no-repeat left center; padding-left:27px; background-size:22px 22px;}
#TOP_service ul.list_service li dl dd.texts,#Service_wrap ul.list_service li dl dd.texts{font-size:92%; padding:10px 20px;}
@media only screen and (max-width: 667px){
#TOP_about{padding:40px 2% 0 2%;}
#TOP_about .sectionIn{ background:none; padding-bottom:40px;}
#TOP_service{padding:40px 2%; background-color:#f5f5f5;}

#TOP_service p.texts{ text-align:left}
#TOP_service ul.list_service li,#Service_wrap ul.list_service li{display:block; width:100%; vertical-align:top; max-width:auto; margin:0 auto 30px auto; border-bottom:1px solid #000; padding-bottom:30px;}
#TOP_service ul.list_service li:last-child,#Service_wrap ul.list_service li:last-child{margin-right:0; border-bottom:none; margin-bottom:0; padding-bottom:0;}
#TOP_service ul.list_service li dl{ background-color:#f5f5f5;}
#TOP_service ul.list_service li dl dt,#Service_wrap ul.list_service li dl dt{float:left; width:100%; /*margin-right:4%;*/ margin-bottom:0.5em;}
#TOP_service ul.list_service li dl dt img,#Service_wrap ul.list_service li dl dt img{ width:100%; /*max-width:300px; */vertical-align:bottom;}
#TOP_service ul.list_service li dl dd,#Service_wrap ul.list_service li dl dd{text-align:left;}
#TOP_service ul.list_service li dl dd,#Service_wrap ul.list_service li dl dd{float:right; width:100%;}
#TOP_service ul.list_service li dl dd h4,#Service_wrap ul.list_service li dl dd h4{text-align:left;}
#TOP_service ul.list_service li dl dt img{ width:100%; max-width:400px;}
#TOP_service ul.list_service li dl dd.texts,#Service_wrap ul.list_service li dl dd.texts{font-size:95%; padding:10px 0;}
}

#TOP_messag{padding:80px 2%; background:url(../../img/bg_message.jpg) no-repeat center center; background-size:cover;}
#TOP_messag .sectionIn{ background-color:#FFF; padding:40px;}
#TOP_messag .boxR{ width:34%; float:right;}
#TOP_messag .boxR img{max-width:300px; width:100%; margin-bottom:10px;}
#TOP_messag .boxR p{font-weight:bold; line-height:140%;}
#TOP_messag .boxL{ width:61%; float:left;}
#TOP_messag .boxL p {margin-bottom:20px;}
@media only screen and (max-width: 667px){
#TOP_messag{padding:40px 2%;}
#TOP_messag .sectionIn{padding:20px;}
#TOP_messag .boxR,#TOP_messag .boxL{float:none; width:100%;}
#TOP_messag .boxR img{max-width:300px; width:80%; display:block; margin:0 auto 10px auto;}
#TOP_messag .boxR p{font-weight:bold; line-height:140%; text-align:center;}
}

#TOP_address{padding:80px 2% 40px 2%;}
#TOP_address .boxL{width:50%; float:left; padding:0 40px;}
#TOP_address .boxL h3{margin-bottom:10px;}
#TOP_address .boxL h3 img{width:100%; max-width:400px;}
#TOP_address .boxL p{margin-bottom:10px;}
#TOP_address .boxL p.telephonePC{font-family: 'Archivo Black', sans-serif; font-size:202%; margin-bottom:10px;line-height:0.8em;}
#TOP_address .boxL p.telephonePC span{font-size:57%; font-weight:bold;}
#TOP_address .boxL a.telephoneSP{display:none;}
.btn_list li{display:inline-block; margin-right:5%; width:47.5%;}
.btn_list li:last-child{margin-right:0;}
#TOP_address a.btn_contact{background-color:#e60000; display:block; line-height:40px; width:100%; text-align:center;
-webkit-transition: all .5s;
	transition: all .5s;}
#TOP_address a.btn_contact span{ color:#FFF; font-weight:bold; padding-left:30px; background:url(../img/icon_mail.png) no-repeat left center; background-size:20px auto;}
#TOP_address a.btn_contact:hover{background-color:#000;}

#TOP_address a.btn_contact02{background-color:#e60000; display:block; line-height:60px; width:100%; text-align:center;
-webkit-transition: all .5s;transition: all .5s; font-size: 18px;}
#TOP_address a.btn_contact02 span{ color:#FFF; font-weight:bold; padding-left:30px; background:url(../img/icon_mail.png) no-repeat left center; background-size:20px auto;}
#TOP_address a.btn_contact02:hover{background-color:#000;}

#TOP_address a.btn_line{background-color:#e60000; display:block; line-height:60px; width:100%; text-align:center;
-webkit-transition: all .5s;transition: all .5s; font-size: 18px;}
#TOP_address a.btn_line span{ color:#FFF; font-weight:bold; padding-left:30px; background:url(../img/icon_line.png) no-repeat left center; background-size:20px auto;}
#TOP_address a.btn_line:hover{background-color:#000;}

#TOP_address a.btn_recruit{background-color:#e60000; display:block; line-height:40px; width:100%; text-align:center;
-webkit-transition: all .5s;transition: all .5s ; font-size: 18px;}
#TOP_address a.btn_recruit span{ color:#FFF; font-weight:bold; padding-left:30px; background:url(../img/icon_truck.png) no-repeat left center; background-size:20px auto;}
#TOP_address a.btn_recruit:hover{background-color:#000;}
#TOP_address a.btn_recruit02{background-color:#e60000; display:block; line-height:60px; width:100%; text-align:center;
-webkit-transition: all .5s;transition: all .5s; font-size: 18px;}
#TOP_address a.btn_recruit02 span{ color:#FFF; font-weight:bold; padding-left:30px; background:url(../img/icon_truck.png) no-repeat left center; background-size:20px auto;}
#TOP_address a.btn_recruit02:hover{background-color:#000;}



#TOP_address .boxR{width:50%; float:right; padding:0 40px;}
#TOP_address .boxR .fb-page{width:100%; height:100%; min-height:265px;}

@media only screen and (max-width: 960px){
#TOP_address .boxL,#TOP_address .boxR{padding:0 20px;}
#TOP_address .boxL p.telephonePC{font-size:180%;}
}
@media only screen and (max-width: 790px){
#TOP_address a.btn_contact span,#TOP_address a.btn_recruit span,#TOP_address a.btn_line span,#TOP_address a.btn_contact02 span,#TOP_address a.btn_recruit02 span{font-size:77%;}
}
@media only screen and (max-width: 667px){
#TOP_address{padding:40px 4% 20px 4%;}
#TOP_address .boxR,#TOP_address .boxL{float:none; width:100%; padding:0;}
#TOP_address .boxL h3 img{width:100%;  max-width:400px; display:block; margin:0 auto;}
#TOP_address .boxL p{text-align:center;}
#TOP_address .boxL a.telephoneSP{font-family: 'Archivo Black', sans-serif; font-size:150%; background-color:#000; display:block; width:100%; margin:0 auto; max-width:400px; color:#FFF; text-align:center; padding:5px; margin-bottom:0px;}
#TOP_address .boxL a.telephoneSP span{font-size:80%;}
#TOP_address .boxL p.telephonePC{display:none;}
#TOP_address .btn_list{display:none;}
#TOP_address .boxR{width:100%; margin:0 auto; max-width:400px;}
}

#aside_maps .map_box{width:100%;}
#map-canvas{width:100%; height:100%; min-height:400px;}
@media only screen and (max-width: 667px){
#aside_maps .map_box{width:100%; float:none;}
#map-canvas{width:100%; height:100%; min-height:284px;}
}

/*----------------------------------------------------
 	recruit
----------------------------------------------------*/
#recruit{}
#recruit .Ct01{padding:0 0 40px 0;}
#recruit .Ct01 p.texts{ text-align:center; margin-bottom:40px;}
#recruit .Ct01 img.img01PC{ width:100%; max-width:800px; display:block; margin:0 auto;}
#recruit .Ct01 img.img01SP{ display:none;}

#recruit .Ct02{padding:40px 2%;}
#recruit .Ct02 h3{font-size:140%; margin-bottom:15px;}
#recruit .Ct02 table{margin-bottom:40px;}

#recruit .Ct03{padding:40px 2% 80px 2%; border-bottom:1px solid #000;}
#recruit .Ct03 .sectionIn{background-color:#f5f5f5; padding:40px;}
#recruit .Ct03 .boxL{float:left; width:62%;}
#recruit .Ct03 h3{margin-bottom:15px; padding-right:20px;}
#recruit .Ct03 h3 img{ width:100%; max-width:524px;}
#recruit .Ct03 .boxL p{margin-bottom:15px; padding-right:20px;}
#recruit .Ct03 .boxL p:last-child{margin-bottom:0;}
#recruit .Ct03 .boxR{float:right; width:38%;} 
#recruit .Ct03 img{width:100%; max-width:334px; display:block; margin:0 auto;}

#recruit .Ct04{padding:80px 2%;}
#recruit .Ct04 .sectionIn{padding:0 40px;}
#recruit .Ct04 ul.list_wooks li{ display:inline-block; width:46%; margin-right:8%; margin-bottom:60px;}
#recruit .Ct04 ul.list_wooks li:nth-child(2n){ margin-right:0;}
#recruit .Ct04 ul.list_wooks li:nth-last-child(-n+2){margin-bottom:0;}
#recruit .Ct04 ul.list_wooks li h4{height:50px; line-height:50px; vertical-align:middle; font-size:140%; display:inline-block; padding-left:60px; margin-bottom:10px;}
#recruit .Ct04 ul.list_wooks li:nth-child(1) h4{background:url(../../recruit/img/icon_No01.png) left center no-repeat; background-size:50px;}
#recruit .Ct04 ul.list_wooks li:nth-child(2) h4{background:url(../../recruit/img/icon_No02.png) left center no-repeat; background-size:50px;}
#recruit .Ct04 ul.list_wooks li:nth-child(3) h4{background:url(../../recruit/img/icon_No03.png) left center no-repeat; background-size:50px;}
#recruit .Ct04 ul.list_wooks li:nth-child(4) h4{background:url(../../recruit/img/icon_No04.png) left center no-repeat; background-size:50px;}
#recruit .Ct04 ul.list_wooks img{max-width:400px; width:100%;}

@media only screen and (max-width: 667px){
#recruit .Ct01{padding:0 0 20px 0;}
#recruit .Ct01 img.img01PC{ display:none;}
#recruit .Ct01 img.img01SP{ width:100%; max-width:498px; display:block; margin:0 auto;}
#recruit .Ct02{padding:20px 2%;}
#recruit .Ct03{padding:20px 2% 40px 2%;}
#recruit .Ct03 .sectionIn{background-color:#f5f5f5; padding:20px;}
#recruit .Ct03 .boxL{float:none; width:100%;}
#recruit .Ct03 h3{margin-bottom:15px; padding-right:0;}
#recruit .Ct03 .boxL p{margin-bottom:15px; padding-right:0;}
#recruit .Ct03 .boxL p:last-child{margin-bottom:15px;}
#recruit .Ct03 .boxR{float:none; width:100%;}
#recruit .Ct04{padding:40px 2%;}
#recruit .Ct04 .sectionIn{padding:0 20px;}
#recruit .Ct04 ul.list_wooks{max-width:400px; width:100%; margin:0 auto;}
#recruit .Ct04 ul.list_wooks li{ display:inline-block; width:100%; margin-right:0; margin-bottom:30px;}
#recruit .Ct04 ul.list_wooks li:nth-last-child(-n+2){margin-bottom:30px;}
#recruit .Ct04 ul.list_wooks li:last-child{margin-bottom:0;}
}

/*----------------------------------------------------
 	service
----------------------------------------------------*/
.Ct01{padding:0 0 80px 0;}
.Ct01 p.texts{ text-align:center; margin-bottom:20px;}
.Ct01 ul.list_service{}
.Ct01 ul.list_service li{display:block; width:100%; vertical-align:top; max-width:auto; margin:0 auto 30px auto; border-bottom:1px solid #000; padding-bottom:30px;}
.Ct01 ul.list_service li:last-child{margin-bottom:0; padding-bottom:0; border-bottom:none;}
.Ct01 ul.list_service li dl dt img{ width:100%; max-width:300px; vertical-align:bottom;}
.Ct01 ul.list_service li dl dt{float:left; width:32%; margin-right:4%;}
.Ct01 ul.list_service li dl dd{text-align:left; float:right; width:64%;}
.Ct01 ul.list_service li dl dd p{text-align:left; line-height:180%; letter-spacing:0;}
.Ct01 ul.list_service li dl dd h4{text-align:left; font-size:120%; display:inline; line-height:22px; padding:2px 0;}
#service .Ct01 ul.list_service li:nth-child(1) dl dd h4{ background:url(../img/icon_calendar.png) no-repeat left center; padding-left:27px; background-size:22px 22px;}
#service .Ct01 ul.list_service li:nth-child(2) dl dd h4{ background:url(../img/icon_clock.png) no-repeat left center; padding-left:27px; background-size:22px 22px;}
#service .Ct01 ul.list_service li:nth-child(3) dl dd h4{ background:url(../img/icon_building.png) no-repeat left center; padding-left:27px; background-size:22px 22px;}
.Ct01 ul.list_service li.hoken:nth-child(1) dl dd h4{ background:url(../img/icon_hoken.png) no-repeat left center; padding-left:27px; background-size:22px 22px;}
.Ct01 ul.list_service li dl dd.texts{font-size:92%;  padding:10px 0;}
@media only screen and (max-width: 667px){
.Ct01{padding:0 0 40px 0;}
.Ct01 ul.list_service li dl dt{float:left; width:100%; /*margin-right:4%;*/}
.Ct01 ul.list_service li dl dd{text-align:left; float:right; width:100%;}
	.Ct01 ul.list_service li dl dt img{ width:100%; max-width:100%; vertical-align:bottom; margin-bottom: 10px;}
}


/*----------------------------------------------------
 	service/hoken 保険
----------------------------------------------------*/

div.hokenSC{ width:100%; height:250px; overflow:scroll; overflow-x: hidden; border:1px solid #ddd; padding:20px; margin: 0 auto 20px; max-width:900px; font-size:90%;}

@media only screen and (max-width: 667px){
div.hokenSC{ width:95%;}
}


/*----------------------------------------------------
 	company
----------------------------------------------------*/
#company .Ct01{padding:0 0 40px 0;}
#company .Ct01 h3{font-size:140%; margin-bottom:15px;}
#company .Ct02{padding:40px 2% 80px;}
#company .Ct02 .yurai_text{ width:80%; margin:0 auto;}
@media only screen and (max-width: 667px){
#company .Ct01{padding:0 0 20px 0;}
#company .Ct02{padding:20px 2% 40px;}
#company .Ct02 .yurai_text{ width:100%;}
}

/*----------------------------------------------------
 	privacy
----------------------------------------------------*/
#privacy .Ct01{padding:0 0 80px 0;}
#privacy .Ct01 h4{font-size:140%; margin-bottom:15px;}
#privacy .Ct01 p{margin-bottom:10px;}

@media only screen and (max-width: 667px){
#privacy .Ct01{padding:0 0 40px 0;}
}


/*----------------------------------------------------
 	join_us　& CONTACT
----------------------------------------------------*/
#join_us .Ct01{padding:0 0 80px 0;}
#join_us .list_checkbox li{ display:inline-block; margin-right:20px; margin-bottom:none;}
#join_us .Ct01 p.texts{ text-align:center; margin-bottom:40px;}
#join_us .Ct01 p.privacytexts{text-align:center;  margin-bottom:20px;}

.domein{ width: 100%; max-width: 800px; padding: 30px; border: 1px solid #ddd; margin: 0 auto;}
.domein h3{ background: none; text-align: left; font-size: 160%; margin-bottom: 5px; line-height: 120%;}
.domein{ font-size:80%;}
.domein .smtxt{font-size: 80%;}
.douisuru{width:50%; margin:0 auto 30px auto; background:#CCC; text-align:center;}
@media only screen and (max-width: 667px){
#join_us .Ct01{padding:0 0 40px 0;}
#join_us .Ct01 p.texts{ text-align:left;}
#join_us .Ct01 p.privacytexts{text-align:left;}
.douisuru{width:95%;}
}

/*----------------------------------------------------
 	サイトマップ　sitemap
----------------------------------------------------*/
#sitemap .Ct01{padding:0 0 80px 0;}
ul.sitemap01{width: 100%; margin: 0 auto;}
ul.sitemap01 li{text-align:left; background:url(../img/icon_arrow_B.png) no-repeat left center; background-size:14px; padding-left:20px;}
/*ul.sitemap01 li::before {content: ">"; font-size: 100%; margin-right:10px;}*/

ul.sitemap01 li span.Red{ display:inline-block; color:#e60000;}
ul.sitemap01 li span.Blue{ display:inline-block; color:#0017e6;}
ul.sitemap01 li span.smtxt{ font-size: 60%; margin-left: 1em;}
@media only screen and (max-width: 667px){
ul.sitemap01{ max-width:98%;}
}


/*----------------------------------------------------
 	404
----------------------------------------------------*/
#NotFound{}
#NotFound .Ct01{padding:0 0 80px 0;}
#NotFound .Ct01 p.texts{ text-align:center; margin-bottom:40px;}
@media only screen and (max-width: 667px){
#NotFound .Ct01{padding:0 0 40px 0;}
#NotFound .Ct01 p.texts{ text-align:left;}
}

/*----------------------------------------------------
 	h系
----------------------------------------------------*/

/* 下線 */
.title01{font-weight:normal; padding-bottom:10px; text-align:center; margin-bottom:20px; font-size:94%;}
.title01 span.tit{font-family: 'Archivo Black', sans-serif; font-size:253%; letter-spacing:5px; display:block; line-height:1.4;}
.title01 span.Red{ display:inline-block; color:#e60000;}
.title01 span.Blue{ display:inline-block; color:#0017e6;}

.title02{margin-bottom:20px; color:#FFF; background-color:#7a4e21; font-weight:normal; padding:10px 20px; letter-spacing:2px;}
.title02 span.tit{font-family: 'PT Sans Narrow', sans-serif; font-size:21px; margin-bottom:10px; margin-right:10px; line-height:21px;}
.title02 span.sub{font-size:12px; line-height:21px; }

.underPage h2{border-bottom:2px solid #000; border-top:2px solid #000; background-color:#f5f5f5; padding:27px 2%; width:100%; margin-bottom:0;}

.title03{ text-align:center; font-size:160%; margin-bottom:40px;}
.title04{font-size:160%; margin-bottom:10px;}
.title05{ text-align:center; font-size:160%; margin-bottom:10px;}
@media only screen and (max-width: 667px){
.title01 span.tit{font-family: 'Archivo Black', sans-serif; font-size:249%; letter-spacing:2px; display:block; line-height:1.4;}
.title02 span.tit{width:100%; display:block;}
.title02 span.sub{width:100%; display:block;}
}


br.PCnone{display:none;}
@media only screen and (max-width: 667px){
br.PCnone{display:inherit;}
}

/* ---------------------------------------------------------
	汎用ボタン
--------------------------------------------------------- */

.btn a,input.btn{
	 -webkit-appearance: none;
	display:block;
	margin:20px auto;
	background:#64B5F6;
	font-size:160%;
	font-weight: bold;
	width: 50%;
	text-align: center;
	padding:10px;
	border-radius: 5px;
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
	color: #fff;
}
.btn a:hover,input.btn:hover{ background:#FF9800;} 


/* MORE　Works */
a.btn_red{ display:block; background-color:#e60000; padding:10px 5px; text-align:center; width:100%; max-width:300px; margin:0 auto; -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .5s;
	transition: all .5s;}
a.btn_red span{font-size:94%; color:#FFF; background:url(../img/icon_circle_r.png) no-repeat right center; font-size:107%; background-size:14px 14px; padding-right:20px;}
a.btn_red:hover{background-color:#000;}

a.btn_bulu{ display:block; background-color:#0017e6; padding:10px 5px; text-align:center; width:100%; max-width:300px; margin:0 auto; -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .5s;
	transition: all .5s;}
a.btn_bulu span{font-size:94%; color:#FFF; background:url(../img/icon_circle_r.png) no-repeat right center; font-size:107%; background-size:14px 14px; padding-right:20px;}
a.btn_bulu:hover{background-color:#000;}

.btn_formcontact{display:block; padding:10px 5px; text-align:center; width:100%; max-width:300px; margin:0 auto; -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .5s;
	transition: all .5s;
	color:#FFF; background:url(../img/icon_circle_r.png) #e60000 no-repeat 70% center; font-size:107%; background-size:14px 14px;
	cursor: pointer;}
.btn_formcontact:hover{background-color:#000;}


/* ---------------------------------------------------------
	フォーム、フォーム バリデーション
--------------------------------------------------------- */

#no-js{display:none;}

div.privacySC{ width:100%; height:250px; overflow:scroll; overflow-x: hidden; border:1px solid #ddd; padding:20px; margin: 0 auto 20px; max-width:800px; font-size:80%;}

@media only screen and (max-width: 667px){
div.privacySC{ width:95%;}
}

div.privacySC h3.title03{margin-bottom:10px;}

select::-ms-expand {
  display: none;
}

.top_select1 select,.top_select2 select,.top_select3 select,.top_select4 select{
	-webkit-appearance: none;
	-moz-appearance: none;
	text-indent: 0.01px;
	text-overflow: '';
	appearance: none;
/*	-webkit-appearance: button;
	-moz-appearance: button;
	appearance: button;
*/	border-radius:0px;
	width: 255px;
	height: 38px;
	line-height: 38px;
	font-size: 13px;
	padding-left:3px;
	color: #333;
	border: 1px solid #ccc;
	cursor: pointer;
	background: #fff url(../img/icon_arrow.png) no-repeat 95% center; /* Old browsers */
	background-size: 12px 10px;
	
}


.top_select1 select{}
.top_select2 select{}
.top_select3 select{}
.top_select4 select{}


/* input base */
input[type=text],input[type=tel] ,input[type=number] ,input[type=email], textarea {
	padding:10px;
	text-align:left;
	border:1px solid #ddd;
	-webkit-appearance: button;
	-moz-appearance: button;
	appearance: button;
	border-radius:0px;
	font-size: 13px;
	color: #333;
}
input:focus,textarea:focus {
    border:solid 1px #F78D8F;
}

input[type=text],input[type=tel] ,input[type=number] ,input[type=email]{ min-height:40px;}
input[type=image]{ max-width:100%; height:auto;}
input[type=radio]{ margin-right:5px; }


.checkbox_listL{
	position:relative;
}

.checkbox2{position:absolute;
top:-10px;
z-index:2;
display:block;
height:30px;
}

.checkbox2 + .checkbox-icon2 {
  position: relative;
  vertical-align: middle;
  margin-right:0;
  z-index:3;
}
.checkbox2 + .checkbox-icon2:before {
  content: "\f372";
  font-family: "Ionicons";
  color: #000;
  font-size: 22px;
  background-color:#FFF;
}
.checkbox2:checked + .checkbox-icon2:before {
  content: "\f374";
  color: #000;
}


.checkboxL{
	position:relative;
}

.checkbox{position:absolute;
top:2px;
z-index:2;
}

.checkbox + .checkbox-icon {
  position: relative;
  vertical-align: middle;
  margin-right:10px;
  z-index:3;
}
.checkbox + .checkbox-icon:before {
  content: "\f372";
  font-family: "Ionicons";
  color: #000;
  font-size: 22px;
  background-color:#CCC;
}
.checkbox:checked + .checkbox-icon:before {
  content: "\f374";
  color: #000;
}

input[type=text],input[type=tel] ,input[type=number] ,input[type=email] { width: 70%; font-size:1.1em;display:block;}
textarea {  width:98%; font-size:1em;display:block;}
.top_select1 input[type=text],.top_select1 input[type=tel] ,.top_select1 input[type=number],.top_select1 input[type=email] {width: 35%; font-size:1.1em; display: inline;}
.top_select3 input[type=text],.top_select3 input[type=tel] ,.top_select3 input[type=number],.top_select3 input[type=email] {width: 10%; font-size:1.1em; display: inline;}
.top_select4 input[type=text],.top_select4 input[type=tel] ,.top_select4 input[type=number],.top_select4 input[type=email]  {width: 15%; font-size:1.1em; display: inline;}
@media only screen and (max-width: 420px){
input[type=text],input[type=tel],input[type=number],input[type=email] { width: 100%; font-size:1.4em;display:block;}
.top_select1 input[type=text],.top_select1 input[type=tel] ,.top_select1 input[type=number] ,.top_select1 input[type=email]{width: 100%; font-size:1.1em; display: inline;}
.top_select3 input[type=text],.top_select3 input[type=tel] ,.top_select3 input[type=number],.top_select3 input[type=email] {width: 35%; font-size:1.1em; display:inline;}
.top_select4 input[type=text],.top_select4 input[type=tel] ,.top_select4 input[type=number],.top_select4 input[type=email]  {width: 25%; font-size:1.1em; display: inline;}
textarea {  width:100%; font-size:1em;display:block;}
}

label,
input[type=text], 
input[type=tel], 
input[type=radio] { display:inline; vertical-align: middle !important; }

labei{vertical-align: middle !important;}

input.myError,
textarea.myError,
select.myError{ background:#F8DCDD; }
p.myError{ color:#e60000; padding-top:10px; font-weight:bolder; display:block; clear:both; font-size:90%;}

input[type=radio].radio {display: none;}
.radio-icon{vertical-align:middle; position:relative; padding-left:25px; margin-right:10px;}
.radio + .radio-icon:before {
  content: "";
  display:inline-block;
  position:absolute;
  top:50%;
  left:0;
  margin-top:-11px;
  width:23px;
  height:23px;
  background:url(/img/icon_radio.png) no-repeat left center;
  background-size:20px;
}
.radio:checked + .radio-icon:before {
  content: "";
  width:23px;
  height:23px;
  display:inline-block;
  background:url(/img/icon_radioO.png) no-repeat left center;
  background-size:20px;
}

 input[type="button"],input[type="submit"] {
	border-radius: 0;
    -webkit-appearance: none;
  }


/* ---------------------------------------------------------
	TABLE
--------------------------------------------------------- */
.tableA{border-top: 1px solid #000; border-right: 1px solid #000; border-collapse: collapse; width: 100%;}
.tableA th,.tableA td{border-left: 1px solid #000; border-bottom: 1px solid #000; padding: 18px; font-weight:normal; vertical-align:middle;}
.tableA tbody th{background-color:#f5f5f5; text-align:center;}
.tableA tbody td{background-color:#FFF; text-align:left; }
.tableA tbody th{font-weight:normal;}


.FormTable{border-top: 1px solid #000; border-right: 1px solid #000; border-collapse: collapse; width: 100%;}
.FormTable th,.FormTable td{border-left: 1px solid #000; border-bottom: 1px solid #000; padding: 18px; font-weight:normal; vertical-align:middle;}
.FormTable tbody th{background-color:#f5f5f5; text-align:left;}
.FormTable tbody td{background-color:#FFF; text-align:left; }
.FormTable tbody th{font-weight:normal;}
.FormTable tbody tr td.rowsp{padding: 20px 20px 10px 20px}
.FormTable tbody td.rows {border-bottom: none;}
.FormTable tbody th span.hisu{color: #FFF; background-color: #e60000; margin-right: 10px; line-height: 16px; font-size:86%; padding: 3px 5px; letter-spacing: 2px;}
.FormTable tbody th span.nin{color: #FFF; background-color: #0017e6; margin-right: 10px; line-height: 16px; font-size:86%; padding: 3px 5px; letter-spacing: 2px;}



.table01 tbody tr th{ width:20%;}
.table01 tbody tr td{ width:80%;}
.table02 tbody tr th{ width:28%;}
.table02 tbody tr td{ width:72%;}
@media only screen and (max-width: 667px){
.table01 tbody tr th,.table01 tbody tr td{display:block;}
.table01 tbody tr th{ width:100%;}
.table01 tbody tr td{ width:100%;}
.table02 tbody tr th,.table02 tbody tr td{display:block;}
.table02 tbody tr th{ width:100%;}
.table02 tbody tr td{ width:100%;}
}

/* ---------------------------------------------------------
	list
--------------------------------------------------------- */
ui.list01,
ui.list02,
ui.list03,
ui.list04,
ui.list_pre
{list-style: none;}

/* == list01 ========================================= 
丸
*/
ul.list01{ margin-top: 10px;}
ul.list01 li{text-indent:-1em; padding-left:1em; margin-bottom:10px;}
ul.list01 li::before {content: '● '; margin-right:2px; color:#c2b181; font-size: 75%;}
ul.list01 li:last-child{margin-bottom:0px;}
ul.list01 li span:after{content: '…'; color:#c2b181;}
ul.list01 li:last-child{margin-bottom:0;}

/* == list02 ========================================= 
てん
*/
ul.list02{}
ul.list02 li {text-indent:-1em; padding-left:1em; margin-bottom:10px;}
ul.list02 li::before {content: '・'; font-size:85%; margin-right:5px;}
ul.list02 li:last-child{margin-bottom:0;}

ul.list04{}
ul.list04 li {text-indent:-1em; padding-left:1em; margin-bottom:2px;}
ul.list04 li::before {content: '・'; font-size:85%; margin-right:5px;}
ul.list04 li:last-child{margin-bottom:0;}

/* == list03 ========================================= 
なし
*/
ul.list03{}
ul.list03 li {margin-bottom:5px;}
ul.list03 li:last-child{margin-bottom:0;}

/* == list_pre ========================================= 
注意事項
*/
ul.list_pre{}
ul.list_pre li {text-indent:-1em; padding-left:1em; margin-bottom:2px;}
ul.list_pre li::before {content: '※'; margin-right:2px;}
ul.list_pre li:last-child{margin-bottom:0;}

/* == list_number01 ========================================= 
カウント　数字
*/
/*  */
.list_number01{counter-reset:number; list-style:none; }
.list_number01 li{padding-left:20px; position:relative; margin-bottom:10px;}
.list_number01 li:before{counter-increment: number; content: counter(number) "."; display:inline-block; line-height:140%; margin-top:2px; position:absolute; left:0;}
.list_number01 li:last-child{margin-bottom:0;}


.list_number02{counter-reset:number2; list-style:none;}
.list_number02 li{padding-left:25px; position:relative;  margin-bottom:10px;}
.list_number02 li:before{counter-increment: number2; content:  "("counter(number2) ")"; display:inline-block; line-height:140%; margin-top:2px; position:absolute; left:0;}
.list_number02 li:last-child{margin-bottom:0;}




/* ------------------------------------------------
	　common
    ---------------------------------------------- */
@media only screen and (min-width: 668px){
.PCnone{display:none!important;}
}
@media only screen and (max-width: 667px){
	.SPnone{display:none!important;}
	.onlyPC{display:none;}
	.onlySP{display:inherit;}
}

.fl { float:left;}
.fr { float:right;}

.mb5 { margin-bottom:5px;}
.mb10 { margin-bottom:10px;}
.mb20 { margin-bottom:20px;}
.mb30 { margin-bottom:30px;}
.mb40 { margin-bottom:40px!important;}
.mb50 { margin-bottom:50px;}
.mb60 { margin-bottom:60px;}
.mb70 { margin-bottom:70px;}
.mb90 { margin-bottom:90px;}

.ml5 { margin-left:5px;}
.ml10 { margin-left:10px;}
.ml12 { margin-left:12px;}
.ml13 { margin-left:13px;}
.ml15 { margin-left:15px;}
.ml20 { margin-left:20px;}
.ml25 { margin-left:25px;}
.ml30 { margin-left:30px;}

.mr5 { margin-right:5px;}
.mr10 { margin-right:10px;}
.mr15 { margin-right:15px;}
.mr20 { margin-right:20px;}
.mr30 { margin-right:30px;}

.mt5 { margin-top:5px;}
.mt10 { margin-top:10px;}
.mt15 { margin-top:15px;}
.mt20 { margin-top:20px;}
.mt30 { margin-top:30px;}
.mt40 { margin-top:40px;}
.mt50 { margin-top:50px;}
.mt60 { margin-top:60px;}

.pt5 { padding-top:5px;}
.pt10 { padding-top:10px;}
.pt20 { padding-top:20px;}
.pt30 { padding-top:30px;}
.pt40 { padding-top:40px;}

.pb5 { padding-bottom:5px;}
.pb10 { padding-bottom:10px;}
.pb20 { padding-bottom:20px;}
.pb100{ padding-bottom: 100px;}

.text08{ font-size:55%!important; }
.text10{ font-size:67%!important; }
.text11{ font-size:74%!important; }
.text12{ font-size:80%!important; }
.text13{ font-size:87%!important; }
.text14{ font-size:94%!important; }
.text15{ font-size:100%; }
.text16{ font-size:107%; }
.text17{ font-size:114%; }
.text18{ font-size:120%; }
.text19{ font-size:127%; }
.text20{ font-size:134%; }
.text21{ font-size:140%; }
.text22{ font-size:147%; }
.text23{ font-size:154%; }
.text24{ font-size:160%; }
.text25{ font-size:167%; }
.text26{ font-size:174%; }
.text30{ font-size:202%; }
.text36{ font-size:247%; }
.textC { text-align:center;}
.textR { text-align:right;}
.textL{ text-align: left;}
.textB { font-weight:bolder;}

.red { color:#f00;}

.box10p { width: 10%;}
.box15p { width: 15%;}
.box20p { width: 20%;}
.box35p { width: 35%;}
.box40p { width: 40%;}
.box45p { width: 45%;}
.box49p { width: 49%;}
.box50p { width: 50%;}
.box55p { width: 55%;}
.box60p { width: 60%;}
.box80p { width: 80%;}

.lrAuto{ margin-left:auto; margin-right:auto;}

.link a{text-decoration:underline;}
.link a:hover{text-decoration:none;}

.va_b{ vertical-align:bottom;}
.va_m{ display:inline-block;vertical-align:middle;}



	.video{
  position:relative;
  width:100%;
  padding-top:54.25%;
}
.video iframe{
  position:absolute;
  top:0;
	left:15%;
  width:70%;
  height:90%;
}
@media only screen and (max-width: 667px){
.video{
  padding-top:56.25%;
}
	.video iframe{
  position:absolute;
  top:0;
	left:0%;
  width:100%;
  height:100%;
	padding-bottom: 20px;
}
		}
@media only screen and (min-width: 668px) {.line li {
　　float: left!important;
    margin: 0 10px 0 0;
    width: 116px;
    height: 116px;
    line-height: 116px; 
}
.line img {
    vertical-align: middle;
    width: 100%;
}}
    @media only screen and (max-width: 667px) {
        .line li {
    width: 100%;text-align:center;
           
}
.line img {
    width: auto;
}
        
        }
        .fl{width:100%; max-width: 400px; margin: 50px auto;} 
        .fl img{max-width: 100%;}
/* LINE@ 追加分 後ほどCSSへ移動させてください。 */
.icon_linea{vertical-align:bottom;}
a:hover img{opacity: 0.5 ;}
.Nav01 li a.btn_contact{padding:0 20px;}
.Nav01 li a.btn_contact span{padding-left:30px;}
.Nav01 li:last-child{margin-left: 5px;}
            
.Nav01 li {margin-left: 10px!important;}            
			
#TOP_Line{padding:40px 2% 0 2%;}
@media only screen and (max-width: 667px){
#TOP_Line{padding:40px 2% 0 2%;}
}
@media only screen and (min-width: 668px) {
#Gnavi{width:100%; margin:0 auto;}
#Gnavi ul{width:100%; margin:0 auto; list-style:none;}
#Gnavi ul li {position: relative; float: left; padding: 0!important;}
#Gnavi ul li a {margin:0 auto;text-align:center; display: block; text-decoration: none;}
#Gnavi ul li a:hover {}
#Gnavi ul li > ul{position: relative; display: none; background: #ffffff; opacity: 0.8; font-size: 130%;}
#Gnavi ul li:hover > ul{display: block; position: absolute;}
#Gnavi ul li ul li {position: relative; width: 100%!important;  margin:20px auto; float:none; z-index:1; border: none!important;background: #ffffff; border-top: solid 1px #DDD;}
#Gnavi ul li ul li a {display: block;}
.underPage h2{display: grid; float: left;    margin: 30px auto;}
.Nav02 li{width: 16.6%!important;}
}
@media only screen and (max-width: 667px) {
#Gnavi ul li ul li{font-size: 90%!important;}
}
#bnr_section {text-align:center; padding:60px 0; max-width:960px; margin: 0 auto;}
#bnr_section img{width: 100%;}
@media only screen and (max-width: 667px) {#bnr_section img{width: 96%;}}


@media only screen and (min-width: 668px) {
#Gnavi{width:100%; margin:0 auto;}
#Gnavi ul{width:100%; margin:0 auto; list-style:none;}
#Gnavi ul li {position: relative; float: left; padding: 0!important;}
#Gnavi ul li a {margin:0 auto;text-align:center; display: block; text-decoration: none;}
#Gnavi ul li a:hover {}
#Gnavi ul li > ul{position: relative; display: none; background: #ffffff; opacity: 0.8; font-size: 130%;}
#Gnavi ul li:hover > ul{display: block; position: absolute;}
#Gnavi ul li ul li {position: relative; width: 100%!important;  margin:20px auto; float:none; z-index:1; border: none!important;background: #ffffff; border-top: solid 1px #DDD;}
#Gnavi ul li ul li a {display: block;}
	.underPage h2{display: grid; float: left;    margin: 30px auto;}
	.Nav02 li{width: 16.6%!important;}
}
	@media only screen and (max-width: 667px) {
		#Gnavi ul li ul li{font-size: 90%!important;}
	}
.Nav01 li.telephone span.tel {
    font-size: 140%;
    display: block;
}
/* ------------------------------------------------
     reCAPTCHA
-------------------------------------------------*/
.grecaptcha-badge { visibility: hidden; }

.sd{display: flex; margin-bottom: 80px;}
.sd div{width: 46%; padding: 2%;}
.sd div img{width: 90%; }
.big_red{font-size: 120%; color: #e60000;}

.table_001{border-top: 1px solid #000; border-right: 1px solid #000; border-collapse: collapse; width: 100%; margin-top: 30px;}
.table_001 th,.table_001 td{border-left: 1px solid #000; border-bottom: 1px solid #000; padding: 26px 18px; font-weight:normal; vertical-align:middle;}
.table_001 tbody th{background-color:#FFFC04; text-align:center;}
.table_001 tbody td{background-color:#FFF; text-align:left; }
.table_001 tbody th{font-weight:normal;}
@media only screen and (max-width: 667px) {
.table_001{margin-top: 0px;}
}


/* ------------------------------------------------
     サービス追加
-------------------------------------------------*/
.btn-basic {
display: inline-block;
background-color: #0017e6;
border:solid 2px #0017e6;
color: #fff;
padding: 1rem 2rem;
text-decoration: none;
cursor: pointer;
font-weight: bold;
}

.btn-basic_red {
display: inline-block;
background-color: #e60000;
border:solid 2px #e60000;
color: #fff;
padding: 1rem 2rem;
text-decoration: none;
cursor: pointer;
font-weight: bold;
}

.btn-line {
display: inline-block;
background-color: #06C755;
border:solid 2px #06C755;
color: #fff;
padding: 1rem 2rem;
text-decoration: none;
cursor: pointer;
font-weight: bold;
}

.btn-basic:hover{background-color: #FFFFFF;border:solid 2px #0017e6; color: #0017e6;}
.btn-basic_red:hover{background-color: #FFFFFF;border:solid 2px #e60000; color: #e60000;}
.btn-line:hover{background-color: #FFFFFF;border:solid 2px #02D945; color:#02D945;}
.mb80{margin-bottom: 80px;}
.text_servicebig{font-size:120%; line-height: 1.5em;}
.cb_textBox{width:400px; margin: 0 auto 10px auto; }
@media only screen and (max-width: 667px){
.cb_textBox{width:290px; margin: 0 auto 10px auto; }
}

@media only screen and (max-width: 667px){
	.btn-basic,.btn-basic_red,.btn-line {width:90%;}
	.btn-basic {margin-bottom: 20px;}

}

.half_content{width: 100%; display:flex; }
.half_content div{width: 50%;vertical-align: middle;}
@media only screen and (max-width: 667px){
	.half_content{width: 100%; display:contents; }
.half_content div{width: 100%;text-align: center; margin-bottom: 40px;}
	}

#sd_wrap{background:#00B9F2; padding:60px 0;}
#chartar_wrap{padding:70px 0 40px; margin-bottom: 80px;background-color:#fff87c; background-image:url(../img/bk_logo.png);}