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


/*--------------*/
/*common*/
/*--------------*/
html {
	height:100%;
}

body {
	width:100%;
	color:#595757;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 13px;
	font-weight:200;
	line-height:30px;
	border-top:2px #192548 solid;
	min-width:768px;/*ipad*/
}

/*color*/
.nantai_blue {
	color:#192548;
}

/*header*/
body>header {
	width:100%;
	height:60px;
	border-bottom:1px #cccccc solid;
	min-width:768px;/*ipad*/
}

body>header>div {
	width:98%;/*ipad*/
	max-width:1000px;
	margin:0 auto;
}

body>header>div>h1 {
	width:27%;/*ipad*/
	height:60px;
	float:left;
}

body>header>div>h1>a {
	display:block;
	width:180px;/*ipad*/
	height:45px;
	padding-top:15px;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background:url(../images/logo.png) no-repeat center;
	background-size:180px;/*ipad*/
}

body>header>div>h1>a:hover {
	display:block;
	width:180px;/*ipad*/
	height:45px;
	padding-top:15px;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background:url(../images/logo.png) no-repeat center;
	background-size:180px;/*ipad*/
	opacity: 0.8;
}

body>header {
	background-color:#FFFFFF;
}

body>header>div>nav {
	width:73%;
	height:60px;
	float:right;
}

body>header>div>nav>ul>li>a {
	display:block;
	height:45px;
	padding-top:15px;
	float:left;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

li#nav_01>a {
	width:19%;
	height:45px;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background:url(../images/nav_01.png) no-repeat center;
	background-size:90px;
}

li#nav_01>a:hover {
	background:url(../images/nav_01_h.png) no-repeat center #192548;
	background-size:90px;
}
	

li#nav_02>a {
	width:12%;
	height:45px;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background:url(../images/nav_02.png) no-repeat center;
	background-size:60px;
}

li#nav_02>a:hover {
	background:url(../images/nav_02_h.png) no-repeat center #192548;
	background-size:60px;
}

li#nav_03>a {
	width:23%;
	height:45px;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background:url(../images/nav_03.png) no-repeat center;
	background-size:100px;
}

li#nav_03>a:hover {
	background:url(../images/nav_03_h.png) no-repeat center #192548;
	background-size:100px;
}

li#nav_04>a {
	width:17%;
	height:45px;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background:url(../images/nav_04.png) no-repeat center;
	background-size:60px;
}

li#nav_04>a:hover {
	background:url(../images/nav_04_h.png) no-repeat center #192548;
	background-size:60px;
}

li#nav_05>a {
	width:16%;
	height:45px;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background:url(../images/nav_05.png) no-repeat center;
	background-size:60px;
}

li#nav_05>a:hover {
	background:url(../images/nav_05_h.png) no-repeat center #192548;
	background-size:60px;
}

li#nav_06>a {
	width:13%;
	height:45px;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background:url(../images/nav_06.png) no-repeat center;
	background-size:25px;
}

li#nav_06>a:hover {
	background:url(../images/nav_06_h.png) no-repeat center #192548;
	background-size:25px;
}

li#nav_07>a {
	width:15%;
	height:45px;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background:url(../images/nav_07.png) no-repeat center #192548;
	background-size:80px;
}

li#nav_07>a:hover {
	opacity: 0.6;
	background-size:80px;
}

/*section common*/
body>section {
	width:100%;
}

body>section>div {
	width:90%;
	max-width:1000px;
	margin:0 auto;
	padding:0;
}

/*close nav*/
nav#close_nav {
	width:100%;
	height:100px;
	padding:30px 0;
	background-color:#192548;
}

nav#close_nav>ul {
	width:100%;
	max-width:950px;
	margin:0 auto;
}

nav#close_nav>ul>li>a {
	display:block;
	width:31%;
	margin:0 1%;
	float:left;
}

nav#close_nav>ul>li>a:hover {
	opacity:0.6;
}


/*footer*/
body>footer {
	width:100%;
	padding-top:50px;
}

body>footer>p {
	text-align:center;
}

body>footer>img {
	display:block;
	width:330px;
	margin:0 auto;
}

body>footer>a>img {
	display:none;
}

div#footer_contact {
	width:350px;
	margin:30px auto 0 auto;
	border-top:1px #cccccc solid;
	padding:30px;
}

p#footer_mail>a {
	display:block;
	width:200px;
	height:40px;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background:url(../images/footer_mail.png) no-repeat center;
	background-size:200px;
	float:left;
}

p#footer_mail>a:hover {
	background:url(../images/footer_mail_h.png) no-repeat center;
	background-size:200px;
}

p#footer_access>a {
	display:block;
	width:135px;
	height:40px;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background:url(../images/footer_access.png) no-repeat center;
	background-size:135px;
	float:left;
}

p#footer_access>a:hover {
	background:url(../images/footer_access_h.png) no-repeat center;
	background-size:135px;
}


/*aside totop*/
aside#totop {
	padding:30px 0;
	background-color:#ffffff;
	border-top:1px #cccccc solid;
}

aside#totop>div {
	width:100%;
}

aside#totop>div>a {
	display:block;
	width:40px;
	height:15px;
	margin:0 auto;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background:url(../images/totop.png) no-repeat center;
	background-size:40px;
}

body>footer>p#copyright {
	width:100%;
	color:#ffffff;
	text-align:center;
	background-color:#192548;
	padding:20px 0;
}

/*--------------*/
/*top*/
/*--------------*/
body#top {
	width:100%;
	height:100%;
}

/*top main*/
section#top_main {
	width:100%;
	height:100%;
}

div#main {
	padding:0;
	max-width:100%;
}

div#main,div.flexslider,ul.slides,div#main table{
	width:100%;
	height:100%;
	
}

li#main_01 {
	width:100%;
	height:100%;
	background:url(../images/top_01.jpg) no-repeat center;
	background-size:cover;
}

li#main_01 h2 {
	width:280px;
	height:280px;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background:url(../images/top_logo.png) no-repeat center;
	background-size:280px;
	margin:0px auto 30px auto;
}

li#main_02 {
	width:100%;
	height:100%;
	background:url(../images/top_02.jpg) no-repeat center;
	background-size:cover;
}

li#main_02 h2 {
	width:280px;
	height:280px;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background:url(../images/top_logo.png) no-repeat center;
	background-size:280px;
	margin:0px auto 30px auto;
}

li#main_03 {
	width:100%;
	height:100%;
	background:url(../images/top_03.jpg) no-repeat center;
	background-size:cover;
}

li#main_03 h2 {
	width:280px;
	height:280px;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background:url(../images/top_logo.png) no-repeat center;
	background-size:280px;
	margin:0px auto 30px auto;
}

div.top_main_next {
	width:100%;
	height:80px;
	position:absolute;
	bottom:3%;
	z-index:5000;
	max-width:100%;
}

div.top_main_next a {
	display:block;
	width:60px;
	height:60px;
	margin:0 auto;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background:url(../images/top_main_next.png) no-repeat center;
	background-size:100%;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

div.top_main_next a:hover {
	margin-top:10px;
}

div.top_main_next_iphone {
	display:none;
	width:100%;
	height:80px;
	position:absolute;
	bottom:8%;
	z-index:5000;
	max-width:100%;
}

div.top_main_next_iphone a {
	display:none;
	width:65px;
	height:65px;
	margin:0 auto;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background:url(../images/top_main_next.png) no-repeat;
	background-size:100%;
}

header#top_nav {
	position:relative;
	z-index:5000;
}


/*pickup*/
section#pickup {
	padding-bottom:50px;
}

section#pickup>h1 {
	display:block;
	width:300px;
	height:50px;
	margin:50px auto 20px auto;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background:url(../images/pickup_h1.png) no-repeat center;
	background-size:100%;
}

section#pickup>div {
	width:100%;
	max-width:1000px;
	margin:0 auto;
	padding:0 0 30px 0;
}

section#pickup a:hover {
	opacity:0.6;
}

/*top info*/
section#top_info {
	padding-bottom:50px;
}

section#top_info>h1 {
	display:block;
	width:300px;
	height:50px;
	margin:50px auto 20px auto;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background:url(../images/information_h1.png) no-repeat center;
	background-size:100%;
}

section#top_info>div>ul {
	width:95%;/*ipad*/
	margin:0 auto 30px auto;
}

section#top_info>div>ul>li {
	display:block;
}

section#top_info>div>ul>li>a {
	display:block;
	width:96%;
	padding:10px 2%;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

section#top_info>div>ul>li>a:hover {
	display:block;
	padding:10px 2%;
	background-color:#f7f7f7;
}


p.cat-news {
	width:80px;
	height:40px;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background:#4d4d4d url(../images/info-news.png) no-repeat center;
	background-size:80px;
	float:left;
}

p.cat-work {
	width:80px;
	height:40px;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background:#192548 url(../images/info-work.png) no-repeat center;
	background-size:80px;
	float:left;
}

p.day {
	width:100px;
	margin:0 20px;
	color:#595757;
	float:left;
	padding-top:5px;
}

h2.info_title {
	font-size:13px;
	color:#595757;
	float:left;
	padding-top:5px;
	font-weight:200;
}

section#top_info>div>div {
	width:95%;/*ipad*/
	margin:0 auto;
}

p.moreinfo>a {
	display:block;
	width:200px;
	height:30px;
	float:left;
	border:1px #cccccc solid;
	padding:12px 0 8px 0;
	text-align:center;
	color:#595757;
	margin-right:20px;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

p.moreinfo>a:hover {
	border:1px #000 solid;
	background-color:#000;
	color:#ffffff;
}

p.moreinfo-work>a {
	display:block;
	width:200px;
	height:30px;
	float:left;
	border:1px #cccccc solid;
	padding:12px 0 8px 0;
	text-align:center;
	color:#595757;
	margin-right:20px;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

p.moreinfo-work>a:hover {
	border:1px #192548 solid;
	background-color:#192548;
	color:#ffffff;
}

p.moreinfo-facebook>a {
	display:block;
	width:50px;
	height:30px;
	float:right;
	border:1px #365590 solid;
	padding:12px 0 8px 0;
	text-align:center;
	color:#595757;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background:url(../images/info-fb.png) no-repeat center center;
	background-size:40px;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
	margin-right: 20px;
}

p.moreinfo-facebook>a:hover {
	background:url(../images/info-fb_h.png) no-repeat center center #365590;
	background-size:40px;
}

p.moreinfo-instagram>a {
	display:block;
	width:50px;
	height:30px;
	float:right;
	border:1px #DD6187 solid;
	padding:12px 0 8px 0;
	text-align:center;
	color:#595757;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background:url(../images/info-insta.png) no-repeat center center;
	background-size:40px;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

p.moreinfo-instagram>a:hover {
	background:url(../images/info-insta_h.png) no-repeat center center #DD6187;
	background-size:40px;
}


/*top about*/
section#top_about {
	padding:50px 0;
	background-color:#F7F7F7;
}

section#top_about>h1 {
	display:block;
	width:300px;
	height:50px;
	margin:0 auto 20px auto;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background:url(../images/about_h1.png) no-repeat center;
	background-size:100%;
}

section#top_about>p {
	text-align:center;
}

p.tocompany>a {
	display:block;
	width:200px;
	height:30px;
	margin:30px auto 0 auto;
	border:1px #cccccc solid;
	padding:12px 0 8px 0;
	text-align:center;
	color:#595757;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

p.tocompany>a:hover {
	border:1px #192548 solid;
	background-color:#192548;
	color:#ffffff;
}

p.togooglemap>a {
	display:block;
	width:200px;
	height:30px;
	margin:30px auto 0 auto;
	border:1px #cccccc solid;
	padding:12px 0 8px 0;
	text-align:center;
	color:#595757;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

p.togooglemap>a:hover {
	border:1px #192548 solid;
	background-color:#192548;
	color:#ffffff;
}

/*--------------*/
/*sub common*/
/*--------------*/
body#sub {
	width:100%;
	background-color:#FFFFFF;
	border:0;
}

body#sub>header {
	width:100%;
	height:60px;
	border-top:2px #192548 solid;
	border-bottom:1px #cccccc solid;
	position:fixed;
	z-index:1000;
}

body#sub>section>article {
	width:90%;
	max-width:950px;
	margin:0 auto 80px auto;
}

.breadclumb {
	width:100%;
	margin:0 auto 50px auto;
	padding-top:75px;
	padding-bottom:10px;
	font-size:10px;/*ipad*/
	background-color:#F5F5F5;
}

.breadclumb>div {
	width:95%;
	max-width:950px;
	margin:0 auto;
}

.breadclumb>div>p {
	width:25%;
	float:left;
}

.breadclumb>div>div {
	width:75%;
	float:right;
}

.breadclumb>div>div>p {
	float:right;
}

.breadclumb>div>div>img {
	display:block;
	float:right;
	margin-left:20px;
	margin-top:3px;
}

.breadclumb>div>div>a>img {
	display:none;
}


/*--------------*/
/*news*/
/*--------------*/
section#news {
	padding-bottom:50px;
}

section#news>header>h1 {
	display:block;
	width:150px;
	height:50px;
	margin:50px auto 20px auto;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background:url(../images/news_h1.png) no-repeat center;
	background-size:100%;
}

section#news>article>ul {
	width:100%;
	margin:0 auto 30px auto;
}

section#news>article>ul>li {
	display:block;
}

section#news>article>ul>li>a {
	display:block;
	width:96%;
	padding:10px 2%;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

section#news>article>ul>li>a:hover {
	display:block;
	padding:10px 2%;
	background-color:#f7f7f7;
}


div.prevnext {
	margin:0 auto 50px;
}

span.prev {
	display:block;
	width:100px;
	height:50px;
	float:left;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background:url(../images/prev.png) no-repeat;
	background-size:100%;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

span.prev:hover {
	background:url(../images/prev_h.png) no-repeat #192548;
	background-size:100%;
}

span.next {
	display:block;
	width:100px;
	height:50px;
	float:right;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background:url(../images/next.png) no-repeat;
	background-size:100%;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

span.next:hover {
	background:url(../images/next_h.png) no-repeat #192548;
	background-size:100%;
}

/*--------------*/
/*news_single*/
/*--------------*/
section#news_single {
	padding-bottom:50px;
}

section#news_single>header>h1 {
	display:block;
	width:150px;
	height:50px;
	margin:50px auto 20px auto;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background:url(../images/news_h1.png) no-repeat center;
	background-size:100%;
}

section#news_single>article>ul {
	width:100%;
	margin:0 auto;
	padding-bottom:10px;
	border-bottom:1px #cccccc dotted;
}

div.contents {
	padding:20px 0;
	border-bottom:1px #cccccc dotted;
	margin-bottom:30px;
}

div.contents>div {
	margin-bottom:30px;
}

div.contents>div>p {
	width:70%;
	float:left;
}

div.contents>div>img {
	width:25%;
	float:right;
}

div.contents>p {
	margin-bottom:30px;
}

div.contents>ul>li {
	width:30%;
	margin:0 1.5%;
	float:left;
}

/*--------------*/
/*service*/
/*--------------*/
section#service {
	padding-bottom:50px;
}

section#service>header>h1 {
	display:block;
	width:300px;
	height:50px;
	margin:50px auto 20px auto;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background:url(../images/service_h1.png) no-repeat center;
	background-size:100%;
}

section#service>article>ul {
	display: flex;
	flex-wrap: wrap;
}

section#service>article>ul>li {
	width:30%;
	margin:0 1.5% 50px 1.5%;
	
}


section#service>article>ul>li>h2 {
	font-size:16px;
	text-align:center;
	font-family:'Noto Sans Japanese',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:200;
	color:#000;
	
}

section#service>article>ul>li>h3 {
	font-size:13px;
	text-align:center;
	font-family:'futura-e',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:normal;
}

section#service>article>ul>li>h4 {
	padding:10px 20px;
	background-color:#f5f5f5;
}

section#service>article>ul>li>img {
	display:block;
	width:15px;
	margin:10px auto;
}

section#service>article>ul>li>p {
	line-height:25px;
	min-height:180px;
}

/*--------------*/
/*lineup*/
/*--------------*/
section#lineup {
	padding-bottom:50px;
}

section#lineup>header>h1 {
	display:block;
	width:300px;
	height:50px;
	margin:50px auto 20px auto;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background:url(../images/lineup_h1.png) no-repeat center;
	background-size:100%;
}

section#lineup>article>p {
	text-align:center;
	margin-bottom:30px;
}

a.car_box {
	display:block;
	width:27.33%;
	float:left;
	padding:20px 3%;
	color:#595757;
}

a.car_box:hover {
	background-color:#F5F5F5;
}

a.car_box>img {
	display:block;
	width:80%;
	margin:0 auto;
}

a.car_box>h2 {
	font-size:13px;
	text-align:center;
	font-family:'futura-e',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:normal;
}

a.car_box>h3 {
	font-size:16px;
	text-align:center;
	font-family:'futura-e',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:normal;
}

a.car_box>h4 {
	font-size:13px;
	text-align:center;
	font-weight:normal;
}

a.car_box>h4>span {
	font-size:18px;
	text-align:center;
	color:#900;
	font-family:'futura-e',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:normal;
}

/*--------------*/
/*lineup-single*/
/*--------------*/
section#lineup-single {
	padding-bottom:50px;
}

section#lineup-single>header>h1 {
	display:block;
	width:300px;
	height:50px;
	margin:50px auto 20px auto;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background:url(../images/lineup_h1.png) no-repeat center;
	background-size:100%;
}

body#sub>section>article.lineup_single {
	width:100%;
	background-color:#F5F5F5;
	max-width:100%;
	margin:0 auto 80px auto;
}

div.lineup_left {
	width:40%;
	float:left;
	padding:20px 5%;
}

div.lineup_right {
	width:50%;
	float:right;
	overflow:hidden;
}

div.lineup_left>h2 {
	font-size:14px;
	font-family:'futura-e',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:normal;
}

div.lineup_left>h3 {
	font-size:25px;
	font-family:'futura-e',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:normal;
	margin-bottom:30px;
}

div.lineup_left dl {
	border-bottom:1px #cccccc dotted;
	margin-bottom:10px;
}

div.lineup_left dt {
	width:100px;
	font-size:13px;
	float:left;
	text-align:center;
	margin-right:20px;
}

div.lineup_left dd {
	font-size:18px;
	font-family:'futura-e',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:normal;
	float:left;
}

div.lineup_left dd>span {
	font-size:20px;
	color:#900;
	font-family:'futura-e',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:normal;
}

section#lineup-single>article>h2 {
	font-size:18px;
	font-family:'futura-e',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:normal;
	margin-bottom:5px;
}

section#lineup-single th {
	border:1px #cccccc solid;
	padding:5px 10px;
	background-color:#f5f5f5;
}

section#lineup-single td {
	border:1px #cccccc solid;
	padding:5px 10px;
}

table.detail_left {
	width:48%;
	float:left;
}

table.detail_right {
	width:48%;
	float:right;
}


/*--------------*/
/*inspection*/
/*--------------*/
section#inspection {
	padding-bottom:50px;
}

section#inspection>header>h1 {
	display:block;
	width:300px;
	height:50px;
	margin:50px auto 20px auto;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background:url(../images/inspection_h1.png) no-repeat center;
	background-size:100%;
}

body#sub>section#inspection>article {
	border-top:1px #cccccc solid;
	width:100%;
	max-width:100%;
	margin:0 auto auto;
}

section#inspection>article>div {
	width:90%;
	max-width:950px;
	margin:0 auto 0 auto;
	padding:50px 0;
}

div.inspection_title {
	width:25%;
	float:left;
}

div.inspection_title h2 {
	font-size:18px;
	text-align:center;
	font-family:'Noto Sans Japanese',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:200;
	color:#000;
	
}

div.inspection_title h3 {
	font-size:13px;
	text-align:center;
	font-family:'futura-e',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:normal;
}

div.inspection_contents {
	width:45%;
	padding:0 2.5%;
	float:left;
}

div.inspection_contents>a {
	display:block;
	width:150px;
	margin:30px auto;
	border:1px #cccccc solid;
	padding:10px 0;
	text-align:center;
	color:#595757;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

div.inspection_contents>a:hover {
	background-color:#192548;
	border:1px #192548 solid;
	color:#FFFFFF;
}

div.inspection_image {
	width:25%;
	float:left;
}

div.remodal table {
	width:100%;
}

div.remodal th {
	padding:10px ;
	border:1px #cccccc solid;
	background-color:#192548;
	color:#ffffff;
}

div.remodal td {
	padding:10px ;
	border:1px #cccccc solid;
}

div.remodal td>span{
	font-weight:bold;
	color:#900;
}

div.remodal h4 {
	font-size:18px;
	text-align:center;
	font-family:'Noto Sans Japanese',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:200;
	color:#000;
	margin-top:30px;
	
}


/*--------------*/
/*works*/
/*--------------*/
section#works {
	padding-bottom:50px;
}

section#works>header>h1 {
	display:block;
	width:300px;
	height:50px;
	margin:50px auto 20px auto;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background:url(../images/works_h1.png) no-repeat center;
	background-size:100%;
}

section#works>article>p {
	text-align:center;
	margin-bottom:30px;
}

section#works>article>ul {
	width:100%;
	margin:0 auto 30px auto;
}

section#works>article>ul>li {
	display:block;
}

section#works>article>ul>li>a {
	display:block;
	width:29%;
	margin:30px 0;
	padding:10px 2%;
	float:left;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

section#works>article>ul>li>a:hover {
	display:block;
	padding:10px 2%;
	background-color:#f7f7f7;
}

h2.works_title {
	width:100%;
	font-size:13px;
	color:#595757;
	padding:5px 0;
	font-weight:200;
}

section#works>article>ul>li>a>img {
	width:100%;
}

/*--------------*/
/*works_single*/
/*--------------*/
section#works_single {
	padding-bottom:50px;
}

section#works_single>header>h1 {
	display:block;
	width:300px;
	height:50px;
	margin:50px auto 20px auto;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background:url(../images/works_h1.png) no-repeat center;
	background-size:100%;
}

section#works_single>article>ul {
	width:100%;
	margin:0 auto;
	padding-bottom:10px;
	border-bottom:1px #cccccc dotted;
}

/*--------------*/
/*privacy*/
/*--------------*/
section#privacy {
	padding-bottom:50px;
}

section#privacy>header>h1 {
	display:block;
	width:300px;
	height:50px;
	margin:50px auto 20px auto;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background:url(../images/privacy_h1.png) no-repeat center;
	background-size:100%;
}

section#privacy>article>h2 {
	border-top:1px #cccccc solid;
	border-bottom:1px #cccccc solid;
	font-family:'Noto Sans Japanese',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:18px;
	font-weight:400;
	padding:10px 0;
	margin-bottom:30px;
}

section#privacy h3 {
	font-family:'Noto Sans Japanese',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:18px;
	font-weight:200;
	margin-top:30px;
}

section#privacy ol {
	width:90%;
	margin:10px auto;
	padding-left:20px;
}

/*--------------*/
/*company*/
/*--------------*/
section#company {
	padding-bottom:50px;
}

section#company>header>h1 {
	display:block;
	width:300px;
	height:50px;
	margin:50px auto 20px auto;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background:url(../images/company_h1.png) no-repeat center;
	background-size:100%;
}

section#company>article>h2 {
	border-top:1px #cccccc solid;
	border-bottom:1px #cccccc solid;
	font-family:'Noto Sans Japanese',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:18px;
	font-weight:400;
	padding:10px 0;
	margin-bottom:30px;
}

section#company>article>p {
	text-align:center;
	margin-bottom:30px;
}

section#company dl {
	line-height:15px;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px #cccccc dotted;
}

section#company dl>dt {
	width:15%;
	float:left;
}

section#company dl>dd {
	width:80%;
	float:right;
}

/*--------------*/
/*contact*/
/*--------------*/
section#contact>header>h1 {
	display:block;
	width:300px;
	height:50px;
	margin:50px auto 20px auto;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background:url(../images/contact_h1.png) no-repeat center;
	background-size:300px;
}

section#contact>article>h2 {
	border-top:1px #cccccc solid;
	border-bottom:1px #cccccc solid;
	font-family:'Noto Sans Japanese',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:18px;
	font-weight:400;
	padding:10px 0;
	margin-bottom:30px;
}

section#contact dl {
	line-height:15px;
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px #cccccc dotted;
}

section#contact dl>dt {
	width:20%;
	float:left;
	margin-bottom: 10px;
}

section#contact dl>dt>span {
	display:block;
	font-size:10px;
	color:#2A0A48;
}

section#contact dl>dd {
	width:75%;
	float:right;
}

section#contact dl>dd>span {
	display:block;
	font-size:10px;
	color:#2A0A48;
}

p.send>input {
	display:block;
	width:150px;
	height:50px;
	margin:30px auto;
	padding:10px 20px;
	border:1px #192548 solid;
	text-align:center;
	font-family:'Noto Sans Japanese',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:18px;
	border-radius:3px;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
	color:#192548;
	background-color:#ffffff;
}

p.send>input:hover {
	display:block;
	padding:10px 20px;
	border:1px #192548 solid;
	border-radius:3px;
	background-color:#192548;
	cursor:pointer;
	color:#ffffff;
}
	
	
	
/*iphone nav*/
nav#iphone_nav {
	display:none;
}
/*
#nav_btn {
	display:none;
}


#nav_btn:hover {
	background:url(images/nav_btn_h.png);
	background-size:100%;
}
	
#nav_btn_c {
	position:fixed;
	top:50px;
	right:50px;
	z-index:-100;
	width:40px;
	height:40px;
	text-indent:-999999px;
	overflow:hidden;
	background:url(images/nav_btn_c.png);
	background-size:100%;
	cursor:pointer;
}

#nav {
	display:none;
}

#nav>p {
	position:absolute;
	bottom:50px;
	font-size:10px;
	width:300px;
	text-align:center;
}

#nav_ul {
	position:absolute;
	top:100px;
	width:300px;
}

#nav li {
	width:200px;
	padding:0 50px;
}

#nav li:hover {
	background-color:#60AD3B;
}

#nav_01>a {
	display:block;
	width:200px;
	height:80px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(images/nav_01.png) no-repeat;
	background-size:100%;
}

#nav_02>a {
	display:block;
	width:200px;
	height:80px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(images/nav_02.png) no-repeat;
	background-size:100%;
}

#nav_03>a {
	display:block;
	width:200px;
	height:80px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(images/nav_03.png) no-repeat;
	background-size:100%;
}

#nav_04>a {
	display:block;
	width:200px;
	height:80px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(images/nav_04.png) no-repeat;
	background-size:100%;
}

#nav_05>a {
	display:block;
	width:200px;
	height:80px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(images/nav_05.png) no-repeat;
	background-size:100%;
}*/

/*210515*/
#flow {
	width:90%;
	background-color: #192548;
	padding: 5% 5%;
	margin: 0 auto;
}

#flow h2 {
	width:200px;
	margin: 0 auto 30px auto;
	border: 1px #fff solid;
	color: #fff;
	text-align: center;
	font-weight: normal;
	font-size: 16px;
	padding: 10px 0;
}

#flow>div {
	display: flex;
	justify-content: space-around;
}

#flow>div>div {
	width: 20%;
}

#flow>div>div>div>h3 {
	color: #fff;
	font-size: 12px;
	line-height: 18px;
	letter-spacing: 0px;
	font-weight: normal;
	margin-bottom: 20px;
}

#flow div>div>div>h3>span {
	font-weight: bold;
	color: #fff;
}

#flow>div>div>div>p {
	border-left: 1px #fff solid;
	padding-left: 15px;
	color: #fff;
	font-size: 12px;
	line-height: 18px;
	letter-spacing: 2px;
}

section#contact>header>h1#res {
	display:block;
	width:300px;
	height:50px;
	margin:50px auto 20px auto;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background:url(../images/reserve_h1.png) no-repeat center;
	background-size:300px;
}

/*220227*/
td.tate {
	width: 2rem;
	-ms-writing-mode: tb-rl;
  	writing-mode: vertical-rl;
}

td.type {
	width:4rem;
}

td.gray {
	background-color: aliceblue;
}

td.red {
	color: red;
}

ul.caution {
	text-align: left;
	line-height: 1.6;
	margin-top: 1.5rem;
}

a.wheel {
	display:block;
	width:calc(100% - 2px);
	margin:0 auto;
	border:1px #cccccc solid;
	padding:10px 0;
	text-align:center;
	color:#595757;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

a.wheel:hover {
	background-color:#192548;
	border:1px #192548 solid;
	color:#FFFFFF;
}


/*230123*/
div.recruit {
	width:100%;
}

div.recruit>a {
	display: block;
	width:100%;
	background: url("../images/recruit.png") #192548 no-repeat center;
	background-size: 900px;
	height: 100px;
}

div.recruit>a:hover {
	display: block;
	width:100%;
	background: url("../images/recruit.png") #192548 no-repeat center;
	background-size: 900px;
	height: 100px;
	opacity: 0.8;
}

div.contents table {
	margin-bottom: 50px;
}

div.contents table th {
	border: 1px #000 solid;
	width: 150px;
	text-align: center;
	padding: 10px;
	background-color: #192548;
	color: #fff;
}

div.contents table td {
	border: 1px #000 solid;
	padding: 10px;
}
	
