@charset "utf-8";
/*--------------------------------------------------
[1]common
[2]headerContainer
[3]sideContainer
[4]footerContainer
[5]Container
[6]topContainer
[7]subContainer
[8]Display: none;
----------------------------------------------------*/

/* [1]common
----------------------------------------------------*/
/* 設定 */
html{
	 /* -webkit-text-size-adjust: 100%; SP */
	/* font-size: 62.5%; */
	margin: 0;
	padding: 0;
}

/* font */
body{
	line-height: 1.5;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	/* font-size: 1.4rem; */
	font-size: 14px;
	font-family: 'Sawarabi Gothic', sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;	
	color: #000;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow-x: hidden;
	min-width: 980px;
}

header {
	width: 100%;
	z-index: 999999;
	position: relative;
	min-width: 980px;
}

.headerContetns {	
	width: 100%;
	min-width: 980px;
	height: 80px;
	box-sizing: border-box;
	z-index: 999999;
}

.headerContetns2 {
    position: fixed;
    top: 0;
    left: 0;
	width: 100%;
	min-width: 980px;
	height: 80px;
	box-sizing: border-box;
	background-color: #FFF;
}



#wrapper {
	width: 100%;
	position: relative;
}

.left { float: left;}
.right { float: right;}
.contents .left { width: 25%; box-sizing: border-box; }
.contents .right { width: 75%; box-sizing: border-box; padding-left: 20px; }

.contents .left ul { margin-bottom: 40px; }

/* clear
-------------------------------------------------- */
.clear { clear: both; }
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix { min-height: 1px; }
* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
	height: 80px;
	z-index: 9999999;
	background-color: #FFF;
}

/* a 
----------------------------------------------- */
a,a:link { text-decoration: none; color: #313131; }
a img, img {
	border: none;
	line-height: normal;
	vertical-align: top;
}
/* a:hover {opacity:0.7; filter: alpha(opacity=70); -ms-filter: "alpha( opacity=70 )";} */
/* img 
--------------------------------------------- */
img{
    max-width: 100%;
    height: auto;
    width /***/:auto;　/*IE8のみ適用*/
}
.imgText {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.object-fit-img {
  object-fit: cover;
  object-position: bottom;
  font-family: 'object-fit: cover; object-position: bottom;'
}

/* slide
------------------------------------ */
.box{
	margin-bottom: 0px;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.fitMovie{
	position: absolute;
}

.box__centered{
	left: 50%;
	position: absolute;
	top: 50%;
}

.box__contents{
	text-align: center;
	transform: translate(-50%,-50%);
}

.box__title{
	color: #fff;
	font-size: 70px;
	font-weight: bold;
	font-family: 'Anton', sans-serif;
	letter-spacing: 1px;
}

.box__text{
	color: #fff;
	font-size: 18px;
	font-weight: bold;
}

.sec{
	margin-bottom: 0px;
}


/* [2]headerContainer
----------------------------------------------------------------------------------------- */

.headerContetns h1,
.headerContetns2 h1 {
	position: absolute;
	width: 194px;
	height: 43px;
	top: 20px;
	left: 20px;
	z-index: 99999;
}


.headerContetns h1 a,
.headerContetns2 h1 a{
	display: block;
	width: 194px;
	height: 43px;
	background-image: url(images/logo.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}

.headerContetns.fixed h1 a,
.headerContetns2 h1 a{
    background-image: url(images/logo_on.png);
}

.headerContetns h1 a:hover,
.headerContetns2 h1 a:hover {
	background-image: url(images/logo_hover.png);
}

.addpage {
	position: absolute;
	width: 130px;
	/* height: 43px; */
	top: 30px;
	left: 214px;
	z-index: 99999;
}
.addpage a:hover{ opacity: 0.7; }
.subnav {
	position: absolute;
	top: 0px;
	right: 0px;
	height: 36px;
	font-size: 14px;
	z-index: 99998;
}

.subnav li{ float: right; margin-left: 5px; color: #FFF;}
.subnav li a {
	color: #FFF;
	background-repeat: no-repeat;
	background-position: 10px; center;
	background-size: 18px 18px;
	width: auto;
	height: 36px;
	display: block;
	transition: background-color .5s;
	font-weight: bold;
	padding: 6px 10px 0 35px;
	box-sizing: border-box;
}

.subnav li:nth-of-type(1) a {background-image: url(images/icon-header.png); background-color: #1282cd;}
.subnav li a:hover {
	background-color: #0075c2;
	transition: background-color .5s;
}

.subnav li:nth-of-type(2) {
	font-size: 25px;
	font-family: 'Anton', sans-serif;
	letter-spacing: -0.5px;
}

.subnav li:nth-of-type(2) a,
.headerContetns2 .subnav li:nth-of-type(2) a{
	font-size: 23px;
	font-family: 'Anton', sans-serif;
	letter-spacing: -0.5px;
	padding: 0;
	display: inline-block;
}

.fixed .subnav li:nth-of-type(2),
.headerContetns2 .subnav li:nth-of-type(2),
.subnav li:nth-of-type(2) a,
.headerContetns2 .subnav li:nth-of-type(2) a {
	color: #000;
}

/* gnav */
nav.gnav {
	width: 100%;
	position: absolute;
	top: 36px;
	z-index: 999999;
	left: 50%;
	margin-left: -50%;
}
nav.gnav ul{
	  width: 240px;
	  margin: 0 auto;
	  position: relative;
}

nav.gnav li { box-sizing: border-box;}
nav.gnav li a{
	text-align: center;
	color: #fff;
	height: 44px;
	display: block;
	box-sizing: border-box;
	font-size: 18px;
	letter-spacing: 0.5px;
	position: absolute;
	font-family: 'Anton', sans-serif;
	line-height: 1.3;
}

.fixed nav.gnav li a,
.headerContetns2 nav.gnav li a{
	color: #000;
}

nav.gnav li a span{
	display: block;
	font-family: 'Sawarabi Gothic', sans-serif;
	font-size: 10px;	
}
nav.gnav li a:hover { color: #0075c2; }
nav.gnav li a:hover span{ color: #0075c2; }
nav.gnav li:nth-of-type(1) a{ left: 0px; }
nav.gnav li:nth-of-type(2) a{ left: 98px; }
nav.gnav li:nth-of-type(3) a{ left: 177px; }
nav.gnav li:nth-of-type(4) a{ left: 376px; }
nav.gnav li:nth-of-type(5) a{ left: 514px; }


nav.gnav li a::after,
nav.gnav li a.current::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  background-color: #0075c2;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  display: inline-block;
}
nav.gnav a:hover::after,
nav.gnav a.current::after {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}

/* scroll */
.scroll {
	z-index: 999999;
	position: fixed;
	bottom: -26px;
	left: 50%;
	margin-left: -40px;
	width: 80px;
	height: 82px;
	text-align: center;
}
.scroll a{
	color: #FFF;
	display: block;
	position: relative;
	font-family: 'Ubuntu', sans-serif;
	text-align: center;
	width: 80px;
	height: 82px;
}

.scroll a:after{
	position: absolute;
	top: 30px;
	left: 50%;
	background-image: url(images/icon-scroll.png);
	background-repeat: no-repeat;
	background-position: center top;
	width: 5px;
	height: 52px;
	content:"";
}

.scroll.fixed2 {
	position: absolute;
}
.scroll a:hover{
	color: #0075c2;
}
.scroll a:hover:after{
	background-image: url(images/icon-scrollover.png);
}

/* [4]footerContainer
----------------------------------------------------------------------------------------- */
footer {
	background-color: #FFF;
	text-align: center;
	font-weight: bold;	
}

.footerContents {
	padding: 30px 0;
	text-align: center;
}
.footerContents ul.fNav { width: 725px; margin: 0 auto 20px;}
.footerContents .fSubNav ul { width: 250px; margin: 0 auto;}
.footerContents ul li{
	float: left;
	padding: 0 0 0 25px;
	color: #000;
	font-size: 13px;
}

.footerContents .fSubNav ul li{
	position: relative;
	padding: 0 0 0 20px;
	font-size: 12px;
}
.footerContents ul.fNav li a{
	background-image: url(images/icon-footeroff.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 8px;
}

.footerContents .fSubNav ul li:after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto 0;
	content: "|";
	padding: 0 10px;
}

.footerContents .fSubNav ul li:first-child:after {
	content: "";
}
.footerContents ul.fNav li:first-child:after {
	padding: 0;
}

.footerContents ul li a:hover {
	color: #0075c2;
}
.footerContents ul.fNav li a:hover{
	background-image: url(images/icon-footeron.png);
}

.fSubNav h2 {
	width: 154px;
	height: 23px;
	margin: 0 auto 10px;
}

.fSubNav h2 a{
	width: 154px;
	height: 23px;
	background-image: url(images/logo-footer.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	display: block;
}

.fSubNav h2 a:hover {
	background-image: url(images/logo-footer_on.png);	
}

/* copyright */
.copyright {
	width: 100%;
	padding: 0 100px;
	box-sizing: border-box;
	text-align: center;
	font-size: 10px;
	letter-spacing: 0.8px;

}

.copyright p{
	width: 100%;
	max-width: 1140px;
	margin: 0 auto;
	padding: 20px 0px;
	border-top: 1px solid #f0f0f0;
}

/* pageTop */
#pageTop {
	width: 100%;
	height: 80px;
	z-index: 99999;
	text-align: center;
}

#pageTop a{
	width: 100%;
	height: 80px;
	z-index: 9998;
	background-image: url(images/pagetop.png);
	background-repeat: no-repeat;
	background-position: center 25px;
	background-size: 24px 12px;
	display: block;
	transition: background-color .5s;
	background-color: #f0f0f0;
	color: #1282cd;
	font-family: 'Ubuntu', sans-serif;
	font-size: 12px;
	box-sizing: border-box;
	padding-top: 40px;

}

#pageTop a:hover {
	background-image: url(images/pagetop_on.png);
	background-color: #0075C2;
	color: #fff;
	transition: background-color .5s;
}

/* [5]Container
----------------------------------------------------------------------------------------- */

#container {
	width: 100%;
	box-sizing: border-box;
	/* padding-top: -80px;
	margin-top: 80px; */
}



/* #sub #container {
	padding-top: -80px;
	margin-top: 80px;
} */


/* bread */
.bread {
	width: 100%;
	padding: 15px;
	box-sizing: border-box;
	background-color: #f0f0f0;
}

.bread ul{
	width: 100%;
	max-width: 1140px;
	margin: 0 auto;
	box-sizing: border-box;
}

.bread ul li{
	float: left;
	font-size: 12px;
}

.bread ul li:nth-of-type(2n){font-size: 15px; color: #bbb; line-height: 1.1; }
.bread ul li a:hover{color: #0075c2;}



.mainImg2 {
	width: 100%;
	position: relative;
	padding-top: 80px;
}

.mainImg {
	width: 100%;
	position: relative;
	padding-top: 32px;
}

.mainImg figure{
	width: 100%;
	position: relative;
	height: 274px;
	overflow: hidden;
}

.mainImg2 figure{
	width: 100%;
	position: relative;
	height: calc(100vh - 80px);
	overflow: hidden;
}

.mainImg figure img,
.mainImg2 figure img{
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mainTxt {
	position: absolute;
	width: 100%;
	top: 50%;
	text-align: center;
	margin-top: -70px;
}

.mainTxt h2{
	font-size: 40px;
	font-weight: 700;
	color: #00469b;
	line-height: 1.2;
	margin-bottom: 10px;
	text-shadow: #FFF 1px 1px 10px, #FFF -1px 1px 10px, #FFF 1px -1px 10px, #FFF -1px -1px 10px;
    font-family:'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','MS PMincho',serif;
}
.mainTxt p{
	font-size: 10px;
	font-family: 'Ubuntu', sans-serif;
}

.mainTxt p span{
	color: #fff;
	display: inline-block;
	background-color: #00469b;
	padding: 0px 10px;
}

.mainTtl {
	position: absolute;
	width: 95%;
	text-align: center;
	left: 50%;
	top: 50%;
	margin-left: -47.5%;
	margin-top: -50px;
	color: #FFF;	
}

.mainTtl h2{
	font-size: 35px;
	font-family: 'Anton', sans-serif;
	position: relative;
	margin-bottom:10px;
	padding-bottom: 15px;
	letter-spacing:0.5px;
	text-shadow: rgba(0,0,0,0.5) 0 0 5px;
}
.cooperation .mainTtl {
	margin-top: -30px;
}
.cooperation .mainTtl h2{
	font-size: 35px;
	/* font-family: 'Sawarabi Gothic', sans-serif; */
		  font-family:'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','MS PMincho',serif;
	  font-style: normal;
	  font-variant: normal;
	  font-weight: lighter;	
	position: relative;
	margin-bottom:10px;
	padding-bottom: 15px;
	letter-spacing:0.5px;
	text-shadow: rgba(0,0,0,0.5) 0 0 5px;
}


.mainTtl h2:after {
	position: absolute;
	bottom: 0;
	left: 50%;
	height: 2px;
	width:50px;
	background-color: #FFF;
	content: "";
	margin-left: -25px;
	box-shadow: rgba(0,0,0,0.5) 0 0 5px;
	
}

.mainTtl p{
	font-size: 16px;
	letter-spacing: 1px;
	font-weight: 700;
	text-shadow: rgba(0,0,0,0.5) 0 0 5px;	
}

.box1140 {
	padding: 60px 0;
	width: 100%;
	max-width: 1140px;
	margin: 0 auto;
	box-sizing: border-box;
}
@media all and (max-width: 1140px) {
.box1140 {
	padding: 60px 10px;
	box-sizing: border-box;
}

.bread ul{
	padding: 0px 10px;
	box-sizing: border-box;
}
}
.ttl {
	text-align: center;
	font-size: 35px;
	margin-bottom: 50px;
	font-family: 'Anton', sans-serif;
}

.subttl {
	font-size: 30px;
	font-family: 'Anton', sans-serif;
}


/* #access {
    padding-top: 80px;
    margin-top:-80px;
} */

/* btn */
.btn a,
a .btn,
.btn input[type=submit],
.btn input[type=button]{
	background-repeat: no-repeat;
	background-position: right 10px center;
	color: #fff;
	display: block;
	box-sizing: border-box;
	padding: 8px 35px 8px 30px;
	margin: 0 auto;
	text-align: center;
	transition: background-color .5s;
	cursor: pointer;
	background-color: #1282cd;
	font-weight: bold;
	border: none;
}

.btn.btnMin a,
.btn.btnMin input[type=submit],
.btn.btnMin input[type=button]{
	width: auto;
	height: 36px;
	font-size: 14px;
	background-image: url(images/icon-miniyajirushi.png);	
}
.btn.btnBig a,
.btn.btnBig input[type=submit],
.btn.btnBig input[type=button],
a .btn.btnBig{
	width: auto;
	height: 53px;
	font-size: 18px;
	background-image: url(images/icon-bigyajirushi.png);	
}
.btn.btnContact { text-align: center;}
.btn.btnContact a{
display: inline-block;
}
.btn2 {text-align: center;}
.btn2 a {
	background-repeat: no-repeat;
	background-position: right 10px center;
	color: #fff;
	display: block;
	box-sizing: border-box;
	padding: 25px 35px 20px 30px;
	margin: 0 auto;
	text-align: center;
	transition: background-color .5s;
	cursor: pointer;
	background-color: #1282cd;
	font-weight: bold;
	border: none;
	height: 80px;
	width: 400px;
	font-size: 18px;
	background-image: url(images/icon-bigyajirushi.png);
}


.btn a:hover,
.btn input[type=submit]:hover,
.btn input[type=button]:hover,
a:hover .btn,
.btn2 a:hover {
	background-color: #0075c2;
	transition: background-color .5s;
}


/* news */
.newsBox h2 {
	float: left;
	margin-right: 50px;
	margin-top: 10px;
}
.newsBox ul {
	float: left;
}
.newsBox ul li{
	padding: 5px 0;
}
.newsList {
	border-top: 1px solid #f0f0f0;
	margin-bottom: 30px;	
}
.newsList li {
	border-bottom: 1px solid #f0f0f0;
	padding: 20px;
	box-sizing: border-box;	
}

.newsBox dt,
.newsList dt {
	float: left;
	font-size: 16px;
	margin-right: 20px;
}
.newsBox dd,
.newsList dd {
	float: left;
	font-size: 15px;
}

.newsBox dd a:hover,
.newsList dd a:hover {
	color: #0075c2;
	text-decoration: underline;
	transition: color .5s;
}

.newsBox div {
	float: right;
	margin-top: 10px;
}

.pager { text-align: center; }
.pager1 span,
.pager span,
.pager a{
	border: 1px solid #1282cd;
	background-color: #1282cd;
	color: #fff;
	cursor: pointer;
	padding: 2px 8px;
	font-family: 'Anton', sans-serif;
	font-size: 11px;
	letter-spacing: 1px;	
}

.prev{ float: left; }
.next{ float: right; }
.pager span:hover,.pager1 span:hover,.pager a:hover{
	background-color: #0075c2;
	border: 1px solid #0075c2;
	color: #fff;
}

/* service */
.serviceBg {
	background-image: url(images/bg-top001.png);
	background-repeat: no-repeat;
	background-position: center top;
	width: 100%;
}

.serviceBg h2 { color: #FFF; }
.serviceBg ul { margin-bottom: 30px; }
.serviceBg ul li {
	float: left;
	width: 50%;
	padding: 10px;
	box-sizing: border-box;
}

@media all and (max-width: 1140px) {
.serviceBg .box1140 {
	padding: 60px 0px;
	box-sizing: border-box;
}
}

.serviceBnr{
	position: relative;
	overflow: hidden;
}
.serviceBnr a{
	color: #FFF;
	font-weight: bold;
	text-align: center;
	display: block;
}

.bnr figure,
.bnr1 figure.scale_up {
	position: relative;
	width: 100%;
}

.bnr figure img {
  	width: 100%;
  
    -moz-transition: -moz-transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -o-transition: -o-transform 0.5s linear;
    -ms-transition: -ms-transform 0.5s linear;
    transition: transform 0.5s linear;

    -webkit-transform: scale(1.0);
    -moz-transform: scale(1.0);
    -o-transform: scale(1.0);
    -ms-transform: scale(1.0);
    transform: scale(1.0);
}

.bnr figure span {
	opacity: 0;
	position: absolute;
	top: 0;
	text-align: center;
	color: #FFF;
	background-color: rgba(0,117,194,0.80);
	width: 100%;
	height: 100%;
    transition: all .5s ease-in-out;
	display: block;
}
.bnr a:hover figure img {
   -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -o-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03);
}
.bnr a:hover figure span {opacity: 1.0;}
.bnrTxt {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 390px;
	padding: 20px 35px;
	box-sizing: border-box;
	margin-left: -240px;
}
.bnrTxt p{
	font-weight: normal;
	font-size: 14px;
	font-family: 'Anton', sans-serif;
	text-align: left;
	letter-spacing: 1px;
}
.bnrTxt h3{
	font-size: 22px;
	font-weight: bold;
	line-height: 1.3;
	border: 1px solid #FFF;
	background-color: rgba(0,0,0,0.35);
	width: 390px;
	padding: 25px 0;
}

.bnrSubTxt {
	position: absolute;
	bottom: 0px;
	font-size: 16px;
	padding: 20px;
	box-sizing: border-box;
	width: 100%;	
}

.bnrTxt div{
	position: absolute;
	right: -60px;
	top: 50%;
	background-color: #1282cd;
	background-image: url(images/icon-bigyajirushi.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px 19px;
	width: 53px;
	height: 53px;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	margin-top: -15.5px;	
}

a:hover .bnrTxt div{
	background-color: #0075c2;
	transition:background-color .5s;
}

.serviceBg ul li:nth-of-type(1) .bnrTxt { margin-top: -80px; }
.serviceBg ul li:nth-of-type(2) .bnrTxt,
.serviceBg ul li:nth-of-type(4) .bnrTxt { margin-top: -90px; }
.serviceBg ul li:nth-of-type(3) .bnrTxt { margin-top: -110px; }

.otherBnr {
	position: relative;
	overflow: hidden;
	max-width: 862px;
	margin: 0 auto;
	text-align: center;
}

.otherBnr figure {
	position: relative;
	width: 100%;
}

.otherBnr figure img{
  	width: 100%;
  
    -moz-transition: -moz-transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -o-transition: -o-transform 0.5s linear;
    -ms-transition: -ms-transform 0.5s linear;
    transition: transform 0.5s linear;

    -webkit-transform: scale(1.0);
    -moz-transform: scale(1.0);
    -o-transform: scale(1.0);
    -ms-transform: scale(1.0);
    transform: scale(1.0);
}

.otherBnr figure span {
	opacity: 0;
	position: absolute;
	top: 0;
	text-align: center;
	color: #FFF;
	background-color: rgba(0,117,194,0.80);
	width: 100%;
	height: 100%;
    transition: all .5s ease-in-out;
	display: block;
}
.otherBnr a:hover figure span {opacity: 1.0;}
.otherBnr a:hover figure img{
   -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -o-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03);
}
.otherBnr dl{
	position: absolute;
	width: 100%;
	top: 0;
	padding: 20px;
	box-sizing: border-box;
}

.otherBnr dt{
	font-family: 'Anton', sans-serif;
	font-size: 35px;
	margin-bottom: 40px;
}

.otherBnr dd{
	font-size: 16px;
	font-weight: bold;
}
.otherBnr dd p{
	margin-bottom: 5px;
}
.otherBnr a{
	color: #FFF;
}

.otherBnr a dd div.btnBig {
	width: 300px;
	padding-top: 12px;
}

.contactBg {
	background-image: url(images/bg-top002.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width: 100%;
	color: #FFF;	
}

.contactBg p {
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}
.contactBg ul {
	width: 732px;
	margin:  0 auto;	
}
.contactBg li {
	float: left;	
}

.contactBg li:nth-of-type(1) {
	font-family: 'Anton', sans-serif;
	font-size: 60px;
	letter-spacing:1px;
	margin-right: 10px;
	line-height:1.0;	
}

.contactBg li:nth-of-type(2) a{
	background-image: url(images/icon-contact.png);
	background-position: 30px center;
	padding-top: 12px;
	padding-left: 65px
}

/*  SubContents
----------------------------------------------- */
.ttl2 {
	text-align: center;
	font-size: 25px;
	margin-bottom: 30px;
	font-weight: bold;
	letter-spacing: 1px;
}


.blueBg .box1140 { color: #FFF; }
/* about */
.message {
	padding: 0 30px;
	box-sizing: border-box;	
}

.message dl{
	text-align: center;
}

.message dt {
	font-size: 30px;
	line-height: 1.8;
	font-family:'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','MS PMincho',serif;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;	
	color: #00469b;
	margin-bottom: 15px;
}
.message dd {
	font-size: 17px;
	line-height: 1.8;
	font-family:'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','MS PMincho',serif;
	font-style: normal;
	font-variant: normal;
	margin-bottom: 30px;
}

@media all and (max-width: 1024px) {
.message dd {
	font-size: 16px;
}
}

.message dd:nth-of-type(2) { text-align: right; font-size: 14px; }

.message dd img{
	vertical-align: middle;
	margin-left: 10px;
}

.gmap {
position: relative;
padding-top: 56.25%;
height: 0;
overflow: hidden;
}
 
.gmap iframe,
.gmap object,
.gmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* contact */
.contactTel {
	font-family: 'Anton', sans-serif;
	font-size: 60px;
	letter-spacing:1px;
	margin-right: 10px;
	line-height:1.0;
	text-align: center;	
}

.contactComment {
	margin: 20px 10px;
	text-align: center;	
}

.contactComment a{
	color: #FFF;
	text-decoration: underline;
}

/* #privacy,
#custom001,
#custom002,
#custom003,
#custom004,
#schedule001,
#schedule002 {
	padding-top: 80px;
	margin-top: -80px;	
} */

.privacy {
	width: 95%;
	margin: 0 auto;	
}

.privacy dl{
	margin: 20px auto;	
}
.privacy dt{
	font-size: 16px;
	font-weight: bold;
	padding: 20px 10px 0;
	box-sizing: border-box;
	color: #00469b;
}
.privacy dd{
	padding: 10px 10px 20px;
	box-sizing: border-box;
	border-bottom: 1px dashed #f0f0f0;
}

/* consultant */
.movieBox { margin: 20px auto; }
.movieBox li {
	width: 33.3333%;
	float: left;
	box-sizing: border-box;
	padding: 5px;	
}

.movieBox dt,
.movieBox2 dt {
	font-size: 16px;
	font-weight: bold;
	box-sizing: border-box;
	color: #00469b;	
}

.movieBox dt span,
.movieBox2 dt span {
	font-size: 11px;
	color: #FFF;
	display: inline-block;
	padding: 0 5px;
	margin: 0 5px 5px 0;
	box-sizing: border-box;
	background-color: #00469b;
	font-family: 'Anton', sans-serif;
	letter-spacing: 1px;
	font-weight: normal;	
}

.movieVideo {
	width: 100%;
}

.movieBox2 {
	margin: 20px auto 60px;
	
}

.subServiceTtl {
	font-size: 20px;
	padding-left: 5px;
	margin-bottom: 5px;
	font-family: 'Anton', sans-serif;
}

#sub .serviceBg .box1140 { padding: 40px 0 30px; }

/* #about {
	padding-top: 80px;
	margin-top: 0px;	
}
#about .box1140{
	padding-top: 0px;
	
}

#access {
	padding-top: 80px;
	margin-top: -80px;	
} */


#sub .serviceBg ul li {
	width: 25%;
	padding: 5px;
}

#sub .bnrTxt {
	position: absolute;
	top: inherit;
	bottom: 40px;
	left: 50%;
	width: 100%;
	padding: 20px;
	box-sizing: border-box;
	margin-left: -50%;
}
#sub .bnrTxt p{
	font-size: 12px;
}

#sub .bnrTxt div{
	position: absolute;
	right: 0px;
	top: 50%;
	background-color: inherit;
	background-image: url(images/icon-bigyajirushi.png);
	background-repeat: no-repeat;
	background-position: right 20px bottom 20px;
	background-size: 20px 19px;
	width: 100%;
	height: auto;
	padding: 20px;
	box-sizing: border-box;
	text-indent: 0%;
	overflow: visible;
	white-space: normal;
	margin-top: -10px;
	font-size: 16px;
	text-align: left;
	line-height: 1.3;	
}

#sub .serviceBg ul li:nth-of-type(1) .bnrTxt,
#sub .serviceBg ul li:nth-of-type(2) .bnrTxt,
#sub .serviceBg ul li:nth-of-type(3) .bnrTxt,
#sub .serviceBg ul li:nth-of-type(4) .bnrTxt { margin-top: 0px; }

#sub .serviceBg ul li:nth-of-type(1) .bnrTxt,
#sub .serviceBg ul li:nth-of-type(4) .bnrTxt { bottom: 20px; }

.exBox li {
	float: left;
	width: 33.33333%;
	padding: 10px;
	box-sizing: border-box;	
}

/* custom */
.ttl3 {
	text-align: center;
	font-size: 25px;
	margin-bottom: 50px;
	font-family: 'Anton', sans-serif;
}

.pageLink li {
	float: left;
	width: 25%;
	padding: 10px;
	border: 1px solid #f0f0f0;
	box-sizing: border-box;
	font-size: 14px;
	font-weight: bold;	
}

.pageLink li:nth-of-type(2),
.pageLink li:nth-of-type(3),
.pageLink li:nth-of-type(4) {
	border-left: none;
}

.pageLink li a{
	background-image: url(images/icon-footeroff.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 10px;
	display: block;	
}

.pageLink li a:hover{
	background-image: url(images/icon-footeron.png);
	color: #0075c2;
}

.customTtl {
	position: relative;
	margin-bottom: 20px;	
}

.customTtl figure{
	position: relative;
	overflow: hidden;
	width: 100%;
	padding-top: 17.05479%;	
}

.subCustomTtl {
	font-size: 20px;
	padding-left: 5px;
	margin-bottom: 5px;
	font-weight: bold;
	color: #FFF;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	margin-left: -50%;
	text-align: center;
	margin-top: -15px;		
}

.customBox li {
	float: left;
	width: 33.33333%;
	padding: 10px;
	box-sizing: border-box;	
}

.customBox li div{
	padding: 20px;
	box-sizing: border-box;
	border: 1px solid #ddd;	
}

.customBox li div figure{
	width: 100%;
	overflow: hidden;
	position: relative;
	padding-top: 100%;
}

.customBox li div figure img,
.customTtl figure img{
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.customBox li dt{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}

.customBox li dd p{
	margin-bottom: 10px;
}

/* license */

.schedule dt{
	width: 95%;
	margin: 0 auto 10px;
	font-size: 16px;
	font-weight: bold;
	box-sizing: border-box;
	color: #00469b;
	/* border-top: 1px dashed #f0f0f0; */
	padding-top: 20px;	
}

.subContact {
	margin: 0 auto 10px;
	font-size: 16px;
	font-weight: bold;
	box-sizing: border-box;
	color: #00469b;
}

.schedule dd{
	padding-bottom: 20px;
	border-bottom: 1px dashed #f0f0f0;
	margin-bottom: 20px;	
}

.schedule dd:last-child{ border-bottom: none; padding-bottom: none; margin-bottom: 0; }

.schedule dt span{
	font-size: 11px;
	color: #FFF;
	display: inline-block;
	padding: 0 5px;
	margin: 0 5px 5px 0;
	box-sizing: border-box;
	background-color: #00469b;
	font-family: 'Anton', sans-serif;
	letter-spacing: 1px;
	font-weight: normal;
}

.scheduleLink a{
	background-repeat: no-repeat;
	background-position: right 10px center;
	color: #fff;
	display: inline-block;
	box-sizing: border-box;
	padding: 8px;
	margin: 0 auto;
	transition: background-color .5s;
	cursor: pointer;
	background-color: #1282cd;
	font-weight: bold;
	border: none;
}

.scheduleLink a:hover {
	background-color: #0075c2;
	transition: background-color .5s;
}

.scheduleSubTtl {
	font-size: 14px;
	margin-bottom: 10px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #FFF;
	background-color: #00469b;
	line-height: 1.2;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	box-sizing: border-box;
	text-align: center;
	padding-top: 8px;
}

.schelinbtn {
	font-size: 13px;
	display: inline-block;
	background-image: url(images/icon-miniyajirushi.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
	
}
.schedulePrice { width: 100%; }
.schedulePrice li{
	float: left;
	margin-right: 30px;
}
.schedulePrice li:last-child{ float: right; margin-right: 0; }
.schedulePrice li dt{
	float: left;
}

.schedulePrice li dd{
	float: left;
}


/* table */

table {
	width: 95%;
	margin: 0 auto;
	border-top: 1px solid rgba(252,255,255,0.5);	
}
table th,
table td {
	padding: 20px;
	box-sizing: border-box;
	border-bottom: 1px solid rgba(252,255,255,0.5);
}

table th { font-size: 15px; font-weight: bold; letter-spacing: 2px; width: 25%;}
table td { font-size: 16px;}

table.kakunin {
	border-top: 1px solid #ddd;
	margin-bottom: 30px;
}
table.kakunin th,
table.kakunin td {
	border-bottom: 1px solid #ddd;
}

.schedule table,
table.licenseTab {
	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd;	
}

table.licenseTab {
	width: 100%;
}

.schedule table th,
.schedule table td,
table.licenseTab th,
table.licenseTab td {
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.schedule table th,
table.licenseTab th { font-size: 15px; width: auto; text-align: center; background-color: #f0f0f0;}

table.licenseTab th { text-align: left; width: 30%;}

.schedule table td { font-size: 14px;}
.schedule table th:nth-of-type(1),
.schedule table th:nth-of-type(2) { width: 100px; }

.schedule table th:nth-of-type(3) { width: 220px; }

.schedule table td.day,
.schedule table td.subject,
.schedule table td.prace { font-weight: bold; }

.schedule table td.day,
.schedule table td.prace { background-color: #fafafa; text-align: center; }

.atention {
	width: 95%;
	margin: 0 auto 5px;
	font-size: 12px;
}

.his {
	background-color: #f00;
	color: #FFF;
	font-size: 12px;
	display: inline-block;
	padding: 0 5px;
	font-weight: bold;
	
}

.bekou {
	width: 95%;
	margin: 0 auto;
	font-size: 15px;
}

table.licenseTab td .f30 { font-weight: bold; }
table.licenseTab td div span.uchiwake {
	display: block;
	border: 1px solid #f0f0f0;
	background-color: #fafafa;
	font-size: 14px;
	padding: 10px 10px;
	box-sizing: border-box;
	margin: 0 0.3% 5px;
	width: 24.4%;
	text-align: center;
	float: left;
}
table.licenseTab td div span.uchiwake span { text-align: left; display: inline-block; font-size: 12px; line-height: 1.3; }
table.licenseTab td div span b{
	display: block;
	text-align: center;
	margin-bottom: 5px;
}

table.licenseTab td div { margin-top: 20px; }

/* news */
#blogBox h3{
	font-size: 18px;
	color: #00469b;
	font-weight: bold;
}
#blogBox h3 span{
	display: inline-block;
	color: #fff;
	font-size: 11px;
	background-color: #00469b;
	font-weight: normal;
	padding: 2px 5px;
}

#blogBox .entry { padding: 20px; border-bottom: 1px dashed #f0f0f0; margin-bottom: 30px; }
#blogBox .entry p{
	color: #000;
	font-size: 15px;
}

/* topAdd */
.toriatukai li {
	float: left;
	width: 20%;
	padding: 2px;
	box-sizing: border-box;
}

.toriatukai li span{
	display: block;
	text-align: center;
	color: #000;
	background-color: #eee;
	font-size: 15px;
	padding: 3px;
	box-sizing: border-box;
}

.addbnr li{
	float: left;
	width: 50%;
	position: relative;
	overflow: hidden;
}


.addbnr li figure{
	position: relative;
	width: 100%;
	padding-top: 45%;
	overflow: hidden;
	
}

.addbnr li figure img{
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
  font-family: 'object-fit: cover; object-position: 50% 50%;'
}

.addbnr li figure span {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0,70,155,0);
	top: 0;
	left: 0;
	display; none;
}

.addbnr li div {
	position: absolute;
	top: 50%;
	left: 50%;
	background-color: rgba(0,70,155,0.4);
	width: 440px;
	height: 440px;
	border-radius: 50%;
	margin-top: -220px;
	margin-left: -220px;
	text-align: center;
	overflow: hidden;
	padding-top: 140px;
	box-sizing: border-box;
	
}

.addbnr li div h2{
	color: #FFF;
	font-size: 30px;
	margin-bottom: 30px;
	font-family:'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','MS PMincho',serif;
	text-shadow: #00469b 1px 1px 10px, #00469b -1px 1px 10px, #00469b 1px -1px 10px, #00469b -1px -1px 10px;
}


.addbnr li div p{
	color: #FFF;
	font-size: 16px;
	font-family: 'Ubuntu', sans-serif;
	display: inline-block;
	padding: 5px 20px;
	background-color: #1282cd;
}

.addbnr li a:hover div p{
	background-color: #00469b;
}

.business001 .addbnr li{
padding: 0 5px;
box-sizing: border-box;
}

.jp001 p{
	text-align: center;
	font-size: 18px;
	margin-bottom: 5px;
}

.businessBox {margin-bottom: 40px;}
.businessBox li {
float: left;
width: 33.333%;
padding: 2px;
box-sizing: border-box;
}

.businessBox li div{
border: 2px solid #00469b;
color: #00469b;
text-align: center;
font-size: 16px;
font-weight: bold;
padding: 20px;
box-sizing: border-box;
}

.businessBox li span {
	display: inline-block;
	background-color: #00469b;
	color: #FFF;
	font-weight:300;
	font-size: 12px;
	border-radius: 80px;
	display: inline-block;
	padding: 2px 20px;
	box-sizing: border-box;
	font-family: 'Ubuntu', sans-serif;
}

.addttl001 {
 font-size: 20px;
 font-weight: 700;
 margin-bottom: 15px;
}

.addBox001,
.addBox002,
.addBox004 ul {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
margin-bottom: 40px;
}

.addBox004 ul {
align-items: stretch;
}

.addBox001 figure{width: 50%;}
.addBox001 ul {width: 50%; padding-left: 30px; box-sizing: border-box; font-size: 16px;}
.addBox002 ul {box-sizing: border-box; font-size: 16px; margin-bottom: 15px;}
.addBox001 ul li,
.addBox002 ul li {
margin-bottom: 5px;
display: flex;
flex-wrap: wrap;
}
.addBox001 ul li span,
.addBox002 ul li span {width: 15px;}
.addBox002 p{ font-size: 16px;}

.addBox001 ul p,
.addBox002 ul p{ width: calc(100% - 15px); display: inline-block;}

.addBox003 {
	background-color: #eee;
	padding: 30px;
	box-sizing: border-box;
	font-size: 18px;
	line-height: 1.8;
}

.addBox004 ul li {width: calc(25% - 10px); margin: 0 5px; box-sizing: border-box; border: 5px solid #00469b;}
.addBox004 ul li div{
background-color: #00469b;
}

.addBox004 ul li figure {padding: 20px; box-sizing: border-box; text-align: center;}
.addBox004 ul li p {
	background-color: #FFF;
	color: #00469b;
	font-size: 16px;
	padding: 20px;
	box-sizing: border-box;
	font-weight: 700;
}
.addBox004 ul li p span{
	display: inline-block;
	font-size: 12px;
	font-weight: 500;
}

.addBox005 {
	border: 5px solid #eee;
	padding: 30px;
	box-sizing: border-box;
	margin: 0 auto;
	text-align: center;
	
}

.addBox005 a {color: #000;}
.addBox005 dl {text-align: center;}
.addBox005 dt {font-size: 18px; font-weight: 700; margin-bottom: 15px; width: 100%;}
.addBox005 dt span {
	font-size: 12px;
	display: inline-block;
	font-weight: 500;


}



.addBox005 dd {font-size: 16px; display: inline-block; margin: 0 10px; position: relative;}
.addBox005 dd:before {
position: absolute;
top:0;
bottom:0;
left: -14px;
content:"";
margin: auto;
color: #ccc;
width: 1px;
height: 20px;
background-color: #ccc;

}

.addBox005 dd:nth-of-type(1):before {width:0;}

/* form
---------------------------------------------- */
	input[type=text],textarea,input[type=password] {
			background-color: #fff;
			padding: 8px;
			width: 100%;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			border: 1px solid #fff;
			margin-bottom: 3px;
	}
	input.boxShort,input.box60 {width: 10%;}
	input.box120 {width: 20%;}
	input.box140 {width: 40%;}
	input.boxMiddle,input.box380,input.box300 {width: 70%;}
	input.boxLong,input.box1000 {width: 100%;}
	.box95,textarea.box380 {width: 100%;}
	
	.styledRadio {
		display: inline-block;
		vertical-align: middle;
		margin-right: 2px;
		margin-bottom: 2px;
	}
	.radioV input br{ padding-bottom: 80px; }
	select {
		/*　矢印を消す　*/
		-webkit-appearance:none;
		-moz-appearance:none;
			text-indent: .01px; /* Firefox用 */
			text-overflow: ""; /* Firefox用 */
		appearance:none;
		 
		/*　背景画像の指定　*/
		width: auto;
		height: 30px;
		padding: 3px 20px 3px 5px;
		background-color: #fff;
		background-image: url(images/select.png);
		background-repeat: no-repeat;
		background-size: 12px 15px;
		background-position: right 5px center;
		cursor: pointer;
		border: 1px solid #e4d8b3;
		margin: 0 5px 5px 0;
	}
	.detailshopping select { width: 150px; }
	.selectV select {width: 20%;}
	
	@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
		select:not(:target) {
			padding-right:0;
			background-image: none;
		}
	}

/* font 
--------------------------------------------- */
.f10 { font-size: 10px; }
.f11 { font-size: 11px; }
.f12 { font-size: 12px; }
.f13 { font-size: 13px; }
.f14 { font-size: 14px; }
.f15 { font-size: 15px; }
.f16 { font-size: 16px; }
.f17 { font-size: 17px; }
.f18 { font-size: 18px; }
.f19 { font-size: 19px; }
.f20 { font-size: 20px; }
.f25 { font-size: 25px; }
.f30 { font-size: 30px; }
.f35 { font-size: 35px; }
.f40 { font-size: 40px; }
.f45 { font-size: 45px; }
.f50 { font-size: 50px; }
.f55 { font-size: 55px; }
.f60 { font-size: 60px; }
.f65 { font-size: 65px; }
.f70 { font-size: 70px; }

.txtC,.alignC { text-align: center; }
.txtR,.alignR { text-align: right; }
.txtL,.alignL { text-align: left; }

.pb60 { padding: 60px 0;}
.pb30 { padding: 30px 0;}
.mb30 { margin-bottom: 30px; }
.mb10 { margin-bottom: 10px; }

.red { color: #c72329;}
.blue { color: #1282cd;}
.blue2 { color: #0075c2;}
.blue3 { color: #00469b;}
.black { color: #000;}
.blackBg { background-color: #000;}
.blueBg { background-color: #092e5a; }


.fontB { font-weight: bold; }
.mincho {
	  font-family:'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','MS PMincho',serif;
	  font-style: normal;
	  font-variant: normal;
	  font-weight: lighter;	
}
.anton{font-family: 'Anton', sans-serif;}
.sawarabigothic {font-family: 'Sawarabi Gothic', sans-serif;}
.ubuntu {font-family: 'Ubuntu', sans-serif;}


:hover { transition:background-color .5s, color .5s;}
.pcno { display: none; }

#_btn {display: none; }