@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

/*　★　★　★　★　★　共通　★　★　★　★　★　*/
body {
	width			: 100%;
	min-width		: 1100px;
	margin          	: 0 auto;
	padding         	: 0;
	background-color	: white;
   	font-family		: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	-webkit-text-size-adjust: 100%;
}

a {
	text-decoration		: none;
}
a:link {
	color			: black;
}
a:visited {
	color			: black;
}
a:hover {
	color			: #ff8500;
}
a:active {
	color			: #ff8500;
}

img {
	margin			: 0;
	padding			: 0;
	border-style		: none; 
	font-size		: 0;
	vertical-align		: bottom;
	transition		: 0.5s ease-in-out;
}
a img:hover{
	filter			: alpha(opacity=80);
	opacity			: 0.7;
	transition		: 0.5s ease-in-out;
}

ul{
	margin			: 0;
	padding			: 0;
}
ul li{
	display			: block;
}

section, article, aside, nav, header, main, footer, address {
	display			: block;
	font-style		: normal;
}
h1{
	width			: 1100px;
	margin			: 0 auto;
	font-size		: 12px;
	color			: white;
	font-weight		: normal;
}
.clear{
	clear			: both;
}

#page-top{
	width			: 1100px;
	margin			: 0 auto;
	text-align		: right;
}

#page-top a{
	padding			: 10px 10px 0;
	background-color	: ghostwhite;
}
/*　★　★　★　header　★　★　★　*/
header {
	width			: 100%;
	min-width		: 1100px;
	margin			: 0;
	padding			: 0;
	border-top		: 15px solid #0f9be6;
}

header .title{
	overflow		: hidden;
	width			: 1100px;
	margin			: 0 auto;
}

header .title .logo{
	float			: left;
	width			: 115px;
	margin			: 4px 0;
	padding			: 0;
}
header .title h1{
	float			: left;
	width			: 400px;
	margin			: 10px 0;
	padding			: 17px 10px 0px 0px;
	font-size		: 17px;
	color			: #000;
}
header .title_right{
	float			: right;
	width			: 560px;
	margin			: 0;
	padding			: 20px 0 10px 10px;
	text-align		: right;
}

header .title_right img{
	margin			: 0 0 0 20px;
}
header .title p{
	margin			: 0;
	padding			: 0 0 0 15px;
	color			: white;
	font-size		: 14px;
	text-shadow		: 0px 0px 11px black;
}

header nav{
	width			: 100%;
	padding			: 0;
	background-color	: #0f9be6;
}

header nav .nav{
	width			: 1100px;
	margin			: 0 auto;
}
header nav ul{
	display			: flex;
}

header nav ul li{
	width			: 100%;
	margin			: 0;
	padding			: 0;
	text-align		: center;
	font-size		: 18px;
	border-left		: 1px solid #0000ff;
	transition		: 0.5s ease-in-out;
}

header nav ul li:last-child{
	border-right		: 1px solid #0000ff;

}
header nav ul li a{
	display			: block;
	padding			: 10px;
}
header nav ul li:hover{
	background-color	: white;
	transition		: 0.5s ease-in-out;
}

header nav ul li a:link {
	color			: white;
}
header nav ul li a:visited {
	color			: white;
}
header nav ul li a:hover {
	color			: #000080;
	transition		: 0.5s ease-in-out;
}
header nav ul li a:active {
	color			: white;
}

header .topimg{
	clear			: both;
	width			: 100%;
	object-fit		: cover;
	margin			: 0 auto;
	padding			: 0;
	text-align		: center;
}
header .topimg img{
	width: 100%;
	height: 450px;
	object-fit: cover;
	object-position: 0 0;
}
header .topimg p{
	margin			:0;
	padding			:0;
}

header .subt {
	margin			: 10px 0px 0px 0px;
}

/*　★　★　★　main　★　★　★　*/
main{
	background-color	: white;
}

main .catch{
	clear			: both;
	width			: 900px;
	margin			: -27px auto 0;
	padding			: 0;
	text-align		: center;
}

main .catch p{
	font-size		: 14px;
	text-align		: center;
}

.nazobox{
	overflow		: hidden;
	width			: 100%;
	margin			: 30px auto 50px;
	padding			: 0;
	border-bottom		: 1px solid gray;
	box-shadow		:5px 5px 10px rgba(0, 0, 0, 0.9);
}


main .case{
	clear			: both;
	width			: 1070px;
	margin			: 70px auto;
	padding			: 0;
}

main .news{
	clear			: both;
	width			: 1100px;
	margin			: 150px auto;
	padding			: 0;
}

main .service{
	clear			: both;
	width			: 1100px;
	margin			: 100px auto;
	padding			: 0;
}


main .faq{
	clear			: both;
	width			: 900px;
	margin			: 70px auto;
	padding			: 0;
}

main .jisseki{
	clear			: both;
	width			: 1100px;
	margin			: 50px auto;
	padding			: 0;
}

main .news{
	padding			: 0;
	width			: 100%;
	background		: url(../images/back.bmp) repeat;
}


main .news h2{
	padding			: 0 0 0;
	text-align		: center;
	font-size		: 25px;
	font-weight		: normal;
}

main .case h2{
	text-align		: center;
	font-size		: 25px;
	font-weight		: normal;
position: relative;
padding: .5em;
}


main .service h2{
	text-align		: center;
	font-size		: 25px;
	font-weight		: normal;
position: relative;
padding: .5em;
}



main .service h3{

}

main .service p{
    margin: -15px 0px 40px 0px;
}

main .faq h2{
	text-align		: center;
	font-size		: 25px;
	font-weight		: normal;
position: relative;
padding: .5em;
}



main .faq h3{
    background-color: aliceblue;
}

main .faq p{
	text-align		: left;
background-color: #fff8ef;
}



main .jisseki h2{
	text-align		: center;
	font-size		: 25px;
	font-weight		: normal;
position: relative;
padding: .5em;
}

main .jisseki p{
    margin: -17px 0px 25px 0px;
}

main .case h2:after {
position: absolute;
left: 0;
content: '';
width: 100%;
height: 5px;
box-sizing: border-box;
}

main .case h2:after {
bottom: 0;
border-top: 1px solid #797979;
border-bottom: 2px solid #797979;
}


main .service h2:after {
position: absolute;
left: 0;
content: '';
width: 100%;
height: 5px;
box-sizing: border-box;
}

main .service h2:after {
bottom: 0;
border-top: 1px solid #797979;
border-bottom: 2px solid #797979;
}


main .faq h2:after {
position: absolute;
left: 0;
content: '';
width: 100%;
height: 5px;
box-sizing: border-box;
}

main .faq h2:after {
bottom: 0;
border-top: 1px solid #797979;
border-bottom: 2px solid #797979;
}

main .jisseki h2:after {
position: absolute;
left: 0;
content: '';
width: 100%;
height: 5px;
box-sizing: border-box;
}

main .jisseki h2:after {
bottom: 0;
border-top: 1px solid #797979;
border-bottom: 2px solid #797979;
}




main .concept{
	clear			: both;
	width			: 100%;
	margin			: 0px auto;
	padding			: 0;
}


.itiran{
	clear			: both;
	margin			: 15px;
	padding			: 40px 0px 40px 0px;
	text-align		: center;
	font-size		: 18px;
	font-weight		: normal;
}
.itiran a{
	padding			: 10px;
	background-color	: #0f9be6;
	transition		: 0.5s ease-in-out;
}
.itiran a:hover{
	background-color	: lightgray;
	transition		: 0.5s ease-in-out;
}

.itiran a:link {
	color			: white;
}
.itiran a:visited {
	color			: white;
}
.itiran a:hover {
	color			: #000080;
	transition		: 0.5s ease-in-out;
}
.itiran a:active {
	color			: white;
}



main .service .left{
	float			: left;
	width			: 347px;
	margin			: 20px 25px 0 0;
padding: 15px 0px 0px 0px;
	text-align		: center;
border: 1px solid #c3c3c3;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}
main .service .center{
	float			: right;
	width			: 347px;
	margin			: 20px 25px 0 0;
padding: 15px 0px 0px 0px;
	text-align		: center;
border: 1px solid #c3c3c3;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}
main .service .right{
	float			: right;
	width			: 347px;
	margin			: 20px 0 0;
padding: 15px 0px 0px 0px;
	text-align		: center;
border: 1px solid #c3c3c3;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}



main .faq .center{
	width			: 800px;
	margin			: 25px auto;
padding: 0px 30px 0px 30px;
	text-align		: center;
border: 1px solid #c3c3c3;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}

main .jisseki .left{
	float			: left;
	width			: 347px;
	margin			: 20px 25px 0 0;
padding: 0 0 12px 0;
	text-align		: center;
border: 1px solid #c3c3c3;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}
main .jisseki .center{
	float			: right;
	width			: 347px;
	margin			: 20px 25px 0 0;
padding: 0 0 12px 0;
	text-align		: center;
border: 1px solid #c3c3c3;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}
main .jisseki .right{
	float			: right;
	width			: 347px;
	margin			: 20px 0 0;
padding: 0 0 12px 0;
	text-align		: center;
border: 1px solid #c3c3c3;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}


main .link, main .merumaga{
	clear			: both;
	width			: 1100px;
	margin			: 40px auto;
	padding			: 20px;
	border			: solid 3px lightgray;
}


main .link h2, main .merumaga h2{
	padding			: 0 0 0 0;
	text-align		: center;
	font-size		: 36px;
	font-weight		: normal;
}

main .link p{
	padding			: 0 30px;
}
main .link img{
	margin			: 0 10px;
}
.phprelease{
float:left; 
	width			: 325px;
	height			: 85px;
	margin			: 5px 0px 0px 25px;
border-bottom:solid 1px gray;
}

.phprelease dl{
	margin			: 0;
  padding: 0;
}
.phprelease dt{
  margin: 0;
	padding			: 0;
font-size: 13px;
}

.phprelease dd{
  margin: 0;

	padding			: 8px 0 0;
font-size: 14px;
}

.phpnews{
	width			: 1100px;
	margin			: 0px auto;
	padding			: 0;
}
.phpnews dl{
  padding: 6px 0 0;
}
.phpnews dt{
  float: left;
  margin: 0;
	padding			: 10px;
background-color: #000080;
color:white;
}

.phpnews dd{
  float: left;
	padding			: 8px 0 0;
}

/*　★　　main column1　★　　*/

main .column1{
	clear			: both;
	width			: 1100px;
	margin			: 0 auto 50px;
	padding			: 20px;
}

main .column1 h2{
	padding			: 0 0 0 0;
	text-align		: left;
	font-size		: 36px;
	font-weight		: normal;
	border-bottom		: dotted 2px black;
}
main .column1 h3{
	padding			: 0 0 0 0;
	text-align		: left;
	font-size		: 24px;
	font-weight		: normal;
}

main .column1 dt{
	padding			: 10px;
	background-color	: gray;
	color			: white;
}

main .column1 dd{
	margin			: 0;
	padding			: 20px;

}


/*　★　　main column2　★　　*/

main .column2{
	clear			: both;
	width			: 1100px;
	margin			: 0 auto 50px;
	padding			: 20px;
}

main .column2 .left{
	float			: left;
	width			: 200px;
	margin			: 90px 50px 0 0;
}

main .column2 .left p{
	margin			: 0;
	padding			: 10px;
	background-color	: #000080;
	color			: white;
}

main .column2 .left ul{
	margin			: 0;
	border			: 1px solid gray;
}
main .column2 .left ul li{
	padding			: 0
	transition		: 0.5s ease-in-out;
	border-bottom		: 1px gray solid;
}

main .column2 .left ul li:hover{
	background-color	: gray;
	color			: white;
	transition		: 0.5s ease-in-out;
}
main .column2 .left ul li a{
	display			: block;
	padding			: 10px 0;
}
main .column2 .left ul a:link {
	color			: #000080;
}
main .column2 .left ul a:visited {
	color			: #000080;
}
main .column2 .left ul a:hover {
	color			: white;
	transition		: 0.5s ease-in-out;
}
main .column2 .left ul a:active {
	color			: #000080;
}

main .column2 .right{
	float			: right;
	width			: 850px;
	margin			: 0 0 100px;
}

main .column2 .right h2{
	margin			: 0;
	padding			: 0 25px 0 0;
	border-bottom		: 2px dotted black;
}

main .column2 .right .ll{

	float			: left;
	width			: 400px;
	margin			: 20px 50px 0 0;
}
main .column2 .right .lr{
	float			: right;
	width			: 400px;
	margin			: 20px 0 0;
}


main .column2 .right .ll, main .column2 .right .lr{
	text-align		: center;
}




/*　★　★　★　access　★　★　★　*/


main .column2 .access{
	float			: right;
	width			: 850px;
	margin			: 50px 0px 50px 0px;
}

main .column2 .access h2{
	margin			: 0;
	padding			: 0 25px 0 0;
	border-bottom		: 2px dotted black;
}


main .column2 .access_left{
	float			: left;
	width			: 340px;
	padding			: 10px;
	text-align		: center;
}

main .column2 .access_right{
	float			: right;
	width			: 400px;
	padding			: 10px;
	text-align		: left;

}



/*　★　★　★　jinzai　★　★　★　*/


main .column2 .jinzai{
	float			: right;
	width			: 850px;
	margin			: 0 0 100px;
}

main .column2 .jinzai h2{
	margin			: 0;
	padding			: 40px 25px 0 0;
	border-bottom		: 1px solid black;
}

main .column2 .jinzai .ll{

	float			: left;
	width			: 400px;
}

main .column2 .jinzai .lef{

	float			: left;
	width			: 400px;
}

main .column2 .jinzai .lr{
	float			: right;
	width			: 400px;
	margin			: 20px 0 0;
}

main .column2 .jinzai .cen{
}

main .column2 .jinzai .cen img {
	margin			: 10px 200px 10px;
}


main .column2 .jinzai .ll, main .column2 .jinzai .lr{
	text-align		: center;
}

main .column2 .jinzai .lef{

	text-align		: left;
}

main .column2 .jinzai .naka{

	width			: 850px;
	margin			: 20px 50px 0 0;
}


main .column2 .jinzai .naka h3{

}

main .column2 .jinzai .naka h3 {
position: relative;
padding: .5em;
margin-top: 65px;
}
main .column2 .jinzai .naka h3:before,main .column2 .jinzai .naka h3:after {
position: absolute;
left: 0;
content: '';
width: 100%;
height: 5px;
box-sizing: border-box;
}
main .column2 .jinzai .naka h3:before {
top: 0;
border-top: 2px solid #000;
border-bottom: 1px solid #000;
}
main .column2 .jinzai .naka h3:after {
bottom: 0;
border-top: 1px solid #797979;
border-bottom: 2px solid #797979;
}



main .column2 .jinzai .nagare{

	width			: 540px;
    padding: 15px 0px 15px 26px;
margin: 25px auto;
    color: #232323;
    background: #f3fcff;
    border-left: solid 10px #6ec1ff;
}


main .column2 .jinzai .nagare p {
    margin: 0; 
    padding: 0;
}



/*　★　★　★　jigyou　★　★　★　*/


main .column2 .jigyou{
	float			: right;
	width			: 850px;
	margin			: 0 0 100px;
}

main .column2 .jigyou h2{
	margin			: 0;
	padding			: 40px 25px 0 0;
	border-bottom		: 1px solid black;
}


main .column2 .jigyou .leftji{
	float			: left;
	width			: 410px;
	margin			: 20px 25px 0 0;
padding: 15px 0px 0px 0px;
	text-align		: center;
border: 1px solid #c3c3c3;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}

main .column2 .jigyou .right{
	float			: right;
	width			: 410px;
	margin			: 20px 0 0;
padding: 15px 0px 0px 0px;
	text-align		: center;
border: 1px solid #c3c3c3;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}


/*　★　★　★　arrow　★　★　★　*/



.arrow {
  position: relative;
}
.arrow::before {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 50%;
  width: 0;
  height: 0;
  transform: translateX(-50%);
  border: 12px solid transparent;
  border-top: 12px solid #000;
  border-bottom-width: 0;
}




/*　★　★　★　mailform　★　★　★　*/

blockquote{
	width			: 600px;
	margin			: 0px 0px 0px 330px;
	padding			: 65px;
}


fbside {
    float: left;
    width: 420px;
    padding: 0;
}


.fb_iframe_widget {
    display: inline-block;
    position: relative;
}

.fb_reset {
    background: none;
    border: 0;
    border-spacing: 0;
    color: #000;
    cursor: auto;
    direction: ltr;
    font-family: "lucida grande", tahoma, verdana, arial, "hiragino kaku gothic pro",meiryo,"ms pgothic",sans-serif;
    font-size: 11px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 1;
    margin: 0;
    overflow: visible;
    padding: 0;
    text-align: left;
    text-decoration: none;
    text-indent: 0;
    text-shadow: none;
    text-transform: none;
    visibility: visible;
    white-space: normal;
    word-spacing: normal;
}



/*　★　★　★　table　★　★　★　*/


main .column2 .table {
    width: 700px;
    margin: 10px auto;
    border-collapse: collapse;
}


main .column2 .table th {
    font-size: 15px;
}

main .column2 .table th, main .column2 .table td {
    margin: 12px;
    padding: 17px 5px;
    border-bottom: 1px solid gray;
    color: #333333;
    font-size: 14px;
    text-align: left;
}


/*　★　★　★　footer　★　★　★　*/

footer{
	clear			: both;
	padding			: 20px 0 20px;
	background-color	: #f6f8fb;

}
footer .width{
	overflow		: hidden;
	width			: 990px;
	margin			: 0 auto;
}
footer .width .left{
	float			: left;
	width			: 520px;
	margin			: 0px 24px 0 0;
	border-right		: 1px white solid;
}

footer .width .left .ll{
	float			: left;
	width			: 417px;
	height			: 398px;
    margin: 20px 24px 6px 0;
    padding: 0px 0 19px 0px;
    border: 1px solid gray;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
}
footer .width .left .lr{
	float			: right;
	width			: 230px;
	height			: 225px;
	margin			: 20px 25px 0 0;
}

footer .width .left .ll p, footer .width .left .lr p{
	clear			: both;
	width			: 300px;
	margin			: 0;
	font-size		: 20px;
	font-weight		: bold;
}

footer .width .left ul li:before{
	content: '・';
	margin-left:1px;
}

footer .width .right{
	float			: right;
	width			: 350px;
	margin			: 20px 25px 0 0;
	text-align		: center;
}



footer .width .right ul li:first-child {
	margin			: 20px 0 0;
	padding			: 10px;
	border-top		: 1px solid black;
}

footer .width .right ul li {
	padding			: 10px;
	border-bottom		: 1px solid black;
}
footer .width .right p {
	clear			: both;
	margin			: 10px 0 0 0;
	padding			: 0 0 10px 0;
	font-size		: 14px;
	text-align		: center;
	color			:#545454;
}





/* PAGER */
.bx-wrapper .bx-pager {
  display: none;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  display: none;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
  display: none;
}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: none;
}
.bx-wrapper .bx-pager-item {
  display: none;
}


/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  display: none;
}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
  display: none;
}
.bx-wrapper .bx-next {
  display: none;
}
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
  display: none;
}
.bx-wrapper .bx-controls-direction a {
  display: none;
}
.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  display: none;
}
.bx-wrapper .bx-controls-auto .bx-start {
  display: none;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus {
  display: none;
}
.bx-wrapper .bx-controls-auto .bx-stop {
  display: none;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus {
  display: none;
}