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

body {animation: bodyFadeIn 2s ease 0s 1 normal;-webkit-animation: bodyFadeIn 2s ease 0s 1 normal;}
@keyframes bodyFadeIn {0% {opacity: 0}100% {opacity: 1}}
@-webkit-keyframes bodyFadeIn {0% {opacity: 0}100% {opacity: 1}}
@keyframes bodyFadeIn {0% {opacity: 0}100% {opacity: 1}}
@-webkit-keyframes bodyFadeIn {0% {opacity: 0}100% {opacity: 1}}
a {text-decoration:none; }
html {scroll-behavior: smooth;}
.fadeIn_up {
  opacity: 0;
  transform: translate(0, 50%);
  transition: 2s;
}
.fadeIn_up.is-show {
  transform: translate(0, 0);
  opacity: 1;
}


.fadeUp{
animation-name:fadeUpAnime;
animation-duration:0.7s;
animation-fill-mode:forwards;
opacity:0;
}


/*スマホ*/
@media screen and (max-width:768px){
    
.works {margin: 30px auto 0px auto;line-height: 160%;font-weight:700;font-feature-settings: "palt";text-align: left; width: 90%; font-size: clamp(1rem, 1.5vw, 1.3rem); padding: 0; }
.works2 {margin: 10px auto 20px auto;line-height: 160%;font-weight:400;font-feature-settings: "palt";text-align: left; width: 90%; font-size: clamp(0.9rem, 1.2vw, 1.1rem); padding: 3%; border:#FFFF solid 1px}
	
	
.headerbg{margin: 0px auto 0px;width:100%;height: auto;text-align:center;position: fixed; top:0;z-index:99;background: #fff}
.headertop{margin: 0px auto 0px;width: 98%;height: auto; height: 0px;padding:0px 1% 20px 1%;}
.fonttext {font-size:100% !important;margin: 0px auto 0px auto;line-height: 200%;font-weight:700;} 
.topbg {background:linear-gradient(90deg, #004098, #00a0e9);padding:40px 0 30px 0px;margin: 0px auto 0px auto;color:#fff;font-feature-settings: "palt";}
.topbg2 {background:linear-gradient(90deg, #004098, #00a0e9);padding:40px 0 0px 0px;margin: 0px auto 0px auto;color:#fff;font-feature-settings: "palt";}
.topbg3 {background:linear-gradient(90deg, #004098, #00a0e9);padding:0px 0 0px 0px;margin: 0px auto 0px auto;color:#fff;font-feature-settings: "palt";}
.topbgtop {background:linear-gradient(90deg, #004098, #00a0e9);padding:0px 0 0px 0px;margin: 0px auto 0px auto;color:#fff;font-feature-settings: "palt";}
.top {width:100%;padding:0px 0 0px 0px;background:linear-gradient(90deg, #004098, #00a0e9);}
.copyright{
	width: 100%;
	height: auto;
	margin: 0px auto;
	text-align: center;
	font-size:11px;
	color:#555
}

html { -ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}

body {
    font-size: 100%; 
	width:100%;
	background: #fff;
	color: #666;
	padding: 0;
	margin: 0;
	font-weight: normal;
	font-style: normal;
	line-height: 130%;
	position: relative;
	cursor: default;
	animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
    color:#4c4621;
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}

.subnavi {width:100%;margin: 20px auto 10px auto;}
.subnavi:after {content: "";clear: both;display: block;}
.subnavi li {float: left;width: 100%;text-align: center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;line-height: 44px;font-size:100%;border: 1px solid #ccc;background:linear-gradient(90deg, #004098, #00a0e9);color:#fff;margin: 0px 1% 0px auto;}
.subnavi a {display: block;text-decoration: none;color: #000;background-color: #fff;color: #000;}


.subnavi1 {width:100%;margin: 20px auto 10px auto;}
.subnavi1:after {content: "";clear: both;display: block;}
.subnavi1 li {float: left;width: 100%;font-size:100%!important;text-align: center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;line-height: 44px;font-size:90%;border: 1px solid #ccc;background-color: #7EC0DB;color: #fff;margin: 0px 0.4% 0px auto;}
.subnavi1 a {display: block;text-decoration: none;color: #000;background-color: #fff;color: #000;}


.hvr-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  overflow: hidden;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}

.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {
  background-color: #00418F;
  color: white;
}

h2{font-size:110% }
h3{color:#00418F; margin: 10px auto 10px auto;font-size:110% }
h4{color:#00418F; margin: 20px auto 0px auto; font-size:100% }
	
.privacy h3{color:#fff; margin: 10px auto 10px auto;font-size:110% }


.line1 {display: block;width: 100%;height: 2px;background-color: #00418F;border: 0; }

.fontline { font-size:180% }

img{width: 100%;height: auto;}
img {border: 0;-ms-interpolation-mode: bicubic;}


.font190{font-size:190%; line-height: 140%;}

.image-resize {
  max-width: 45%;
  max-height: auto;
  -ms-interpolation-mode: bicubic;
}

#privacy{margin: 60px auto 0px auto; width:96%;height: auto;text-align:center; font-size:100% ;line-height: 150%;color:#fff}
.privacy{margin: 20px auto 0px auto; width:96%;height: auto;text-align:left; font-size:100% ;line-height: 150%;color:#fff}

#outlinetop{margin: 40px auto 0px;width:100%;height: auto;text-align:center;
background-position: center center;background-repeat: no-repeat;background-image:url(../img/top/topbg.jpg);height: auto;}

.slide{
clear: both;
margin: 50px auto 0px auto;
text-align: center;
padding: 0px 0px 0px 0px;
}

#titletop3{margin: 40px auto 0px;width:100%;height: auto;text-align:center;background-position: center center;background-repeat: no-repeat;height: auto;}


/*コンテント*/

.content{clear:both ;width:94%;margin: 0px auto 0px auto ;height:auto;text-align:left;padding: 10px 0px 20px 0px;}

.content2{display: block;clear:both ; width:94%;text-align:left!important;margin: 0px auto 15px auto ;height:auto;padding: 10px 0px 10px 0px;line-height: 140%;font-size:100%;font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}

.content_left{width:100%;line-height: 140%;text-align:left;font-size:100%;margin: 0px auto 15px auto ;font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}

.content_right{width:100%;line-height: 140%;text-align:left;font-size:100%;margin: 0px auto 15px auto ;font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}


/*概要*/
.company1{;width:90%;margin: 0px auto 10px auto ;height:auto;text-align:center;padding: 0px 0px 5px 0px;font-size:100%;font-weight:700;}
.company2{width:90%;margin: 30px auto 0px auto;height: auto;text-align:left; font-size:110% ;line-height: 200%;font-weight: 500;}
.company3{width:90%;margin: 10% auto 3% auto;height: auto;text-align:center; font-size:100% ;line-height: 200%;}
.company4{width:90%;margin: 10% auto 0px auto;height: auto;text-align:center; font-size:140% ;line-height: 160%;font-weight: 400;}

.companyfont { width: 100%; margin: 7% auto 3% auto;line-height: 160%;font-weight:700;font-feature-settings: "palt";text-align:center;font-size: clamp(1.2rem, 1.9vw, 1.6rem); padding: 0; color: #FFF}
.companyfont1 { width: 90%; margin: 7% auto 8% auto;line-height: 160%;font-weight:400;font-feature-settings: "palt";text-align:center;font-size: clamp(1.1rem, 1.4vw, 1.4rem); padding: 0; color: #FFF}


#jigyou{margin: 30px auto 0px;width:96%;height: auto;text-align:center;}
.jigyou2{margin: 30px auto 20px auto;width:96%;height: auto;text-align:center;font-size:120% ;line-height: 200%;font-weight: 600;}

.jigyou3{width:100% ;margin: 0px auto 20px;height: auto;text-align:left;font-size:90% ;}

.jigyou3_left{width: 96% ;margin: 20px auto 0px;height: auto;text-align:left;;font-size:90% }
.jigyou3_right{width: 96% ;height: auto;margin: 20px auto 0px;text-align:left;;font-size:90% }



.jigyou4{clear:both;width: 96%;margin: 20px auto 0px;height: auto;text-align:left;;font-size:90% }
.jigyou5{clear:both;width: 96% ;margin: 20px auto 50px;height: auto;text-align:center;background-color:#EAF5FD;padding: 20px 0px 20px 0px;;font-size:90% }
.jigyou6{clear:both;width: 96%;margin: 20px auto 0px;height: auto;text-align:left;;font-size:90% }
/*トップ*/


.content22{display: block;clear:both ; width:94%;text-align:left!important;margin: 40px auto 15px auto ;height:auto;padding: 10px 0px 10px 0px;line-height: 140%;font-size:100%;font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}

.content22_left{width:100%;line-height: 140%;text-align:center!important;font-size:100%;margin: 0px auto 15px auto ;}

.content22_right{width:100%;line-height: 140%;text-align:center!important;font-size:100%;margin: 0px auto 15px auto ;}

table, thead, tbody, th, td, tr { display: block;}
thead tr {display: none;}
tr {margin-bottom: 12px;border: 1px solid #ddd;}
td {ext-align: left;}
table, thead, tbody, th, td, tr { display: block;}
thead tr {display: none;}
tr {margin-bottom: 12px;border: 1px solid #ddd;}
td {ext-align: left;}
.titlea{background-color:#00418F;color:#FFF;padding: 10px 0px 10px 12px;margin: 0px auto 10px auto;border:1px solid #ccc;}

.titlea a:link { color:#fff;}
.titlea a:visited { color:#fff;}
.titlea a:hover { color: #fff; }
.titlea a:active { color:#fff;}

.titleb{padding: 20px 0px 20px 0px;margin: 0px auto 10px auto;border:2px solid #00418F;line-height: 160%;}



/*トップ*/



menu,ol,ul {padding: 0 0 0 0; }

nav ul,nav ol {list-style: none;list-style-image: none; }




.header {padding: 0 0 0 0;margin: 0; z-index:1;display: block;width: 100%;height: auto; position: fixed;top: 0px;left:0;text-align:left;background-color:#fff;box-shadow: 0px 2px 2px #666;}

.header h1 {font-size: 2em;margin: 0 0; }

#toptitle{ line-height: 170%;color:#003e86;}

#topmain{margin: 60px auto 0px;width:100%;height: auto;text-align:center;background-color:#003e86;}

#titletop{margin: 80px auto 0px;width:100%;height: auto;text-align:center;}

#titletop h2{margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;text-align:center;}

.titletop2{border-left: 3px solid #00418F;padding: 1px 0px 1px 12px;margin: 0px auto 10px auto;line-height: 140%;font-size:100%;}

/*初回分*/


#topinfo{padding: 0px 3% 10px 3%;margin: 10px 2% 10px 2%;border:2px solid #00418F;width:88%;height:auto;}

.contenttest{clear:both ;width:94%;margin: 0px auto 0px auto ;height:auto;text-align:left;padding: 0px 0px 20px 0px;}

.contenttest{clear:both ;width:94%;margin: 0px auto 0px auto ;height:auto;text-align:left;padding: 0px 0px 20px 0px;}
#titletop2{margin: 22px auto 20px;width:100%;height: auto;text-align:center;}
#titletop2 h2{margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;text-align:center;color:#00418F;line-height: 150%;font-size:140%;}


#titletop3 h2{margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;text-align:center;}

#titletop3{margin: 30px auto 0px;width:96%;height: auto;text-align:center;background-position: top center;background-repeat: no-repeat;height: auto;font-size:90%;}


#topbanner{margin: 10px auto 20px;width:90%;height: auto;text-align:center;}


.test{clear:both ;width:100%;margin: 0px auto 0px auto ;height:auto;text-align:left;padding: 0px 0px 10px 0px;line-height: 160%;font-size:15px;font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}


/*プライバシーポリシー*/

.privacy{clear:both ;width:100%;margin: 0px auto 0px auto ;height:auto;text-align:left;padding: 0px 0px 10px 0px;line-height: 160%;font-size:90%;font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;color:#fff}

.privacy_right{float:right;text-align:right;font-size:85%}

.privacy dl {margin: 0px auto 0px auto;}

.privacy dl dd{margin: 10px auto 20px auto;}

.privacy ul li{margin: 20px auto 0px auto;}

.privacy h3{font-size:100%}


/*会社案内*/
.company{width:90%;margin: 0px auto 0px auto ;height:auto;text-align:left;padding: 0px 0px 5px 0px;}
.company2{width:100%;margin: 0px auto 0px auto ;height:auto;text-align:left;padding: 0px 0px 5px 0px;}
.company3{width:90%;margin: 10% auto 3% auto ;height:auto;text-align:center;padding: 0px 0px 5px 0px;font-weight:400;font-size:100% ;line-height: 200%;}

.table1 {width:90%;margin:0px auto 15px auto;padding:0px 0px;border-collapse:separate;border-spacing:0px;font-size:12px;text-align: left;border-bottom:1px solid #ccc;color:#fff;text-align:bottom;font-size:95%}
.table1 th {width:100%;padding:10px 2px 6px 10px;text-align:left;vertical-align:top;color:#fff;
font-weight:normal}
.table1 td {width:90%;padding:10px 10px 6px 10px;border-top:1px solid #ccc;color:#fff}


.s50{width: 50%;}
.s60{width: 60%;}
.s80{width: 80%;}
.s100{width: 100%;}

.st5 { margin-top: 5px; }
.st10 { margin-top:10px; }
.sb10 { margin-bottom:10px; }
.sb15 { margin-bottom:15px; }
.st15 { margin-top:15px; }
.st20 { margin-top:20px; }

/* ------------------------------
 フッターナビ
------------------------------ */

ul{list-style: none;margin: 0;padding: 0;}
li{list-style: none;margin: 0;padding: 0;}

#submenu {width: 100%;margin: 0 0 10px;padding: 0;font-size: 13px;list-style-type: none;}
#submenu:after {content: "";clear: both;display: block;}
#submenu li {float: left;width: 50%;background: #ccc;text-align: center;border-bottom: 1px solid #aaa;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;line-height: 44px;color: #000;}
#submenu li:nth-child(odd) {border-right: 1px solid #aaa;}
#submenu li:nth-child(1) {border-top: 1px solid #aaa;}
#submenu li:nth-child(2) {border-top: 1px solid #aaa;}
#submenu a {display: block;color: #000;text-decoration: none;background: #e6e6e6;}
#submenu a:hover {color: #000;background: #ccc;}
#submenu li:nth-child(8) {border-top: 0px solid #aaa;}
.footer{
	clear: both;
	width: 50%;
	height: auto;
	margin: 0px auto;
	text-align: center;
    padding: 0px 0px 0px 0px;

}


.footer2{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0px auto;
	text-align: center;
	padding: 10px 0px 10px 0px;
	font-size:12px;
    background:#595757;color: #fff

}

.copyright{
	width: 100%;
	height: auto;
	margin: 0px auto;
	text-align: center;
	font-size:11px;
	color:#fff
}

.footer2 h3{color:#CCC;font-size:100%;margin: 30px auto 10px auto ;}



.footer1{
    clear: both;
	width: 85%;
	height: auto;
	margin: 0px auto 0px auto;
	text-align: center;
}
	


/**************
## Container ##
**************/
.pure-container {
  position: relative;
  height: 100%;
  -webkit-overflow-scrolling: touch;
  z-index:99
    }


/*右側本文*/
/*********************
## Pusher Container ##
*********************/
.pure-pusher-container {
	position: relative;
	height: 100%;
	padding: 20px 0 0 0;
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	z-index:99
  
  }

.content2{clear:both ;width:100%;margin: 0px auto 0px auto ;height:auto;text-align:center;padding: 0px 0px 0px 0px;}

#footer{
	width: 100%;
	margin: 0 auto;
	height: auto;
	text-align:center;
	padding: 5px 0px 5px 0px;
	

}


#footerright{
	height: auto;
	margin-top: 0px;
	text-align: left;
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 30px 0px;
	line-height: 150%;
	font-size:90%
}

.footer2 a:link { color:#ccc;}
.footer2 a:visited { color:#ccc;}
.footer2 a:hover { color: #ccc; }
.footer2 a:active { color:#ccc;}
.top1 {width:90%;padding:0px 0 30px 0px;font-feature-settings: "palt";margin: 0 auto;text-align:left}
.top11 {width:80%;padding:10px 0 30px 0px;margin: 0 auto;text-align:center;}
.footer1{clear: both;width: 100%;height: auto;margin: 0px auto 0px auto;text-align: center;}
.footer{clear: both;width: 70%;height: auto;margin: 0px auto;text-align: center;padding: 0px 20% 0px 20;font-weight:700;}
.footerleft{float:left;width:45%;height:auto;padding: 0px 4% 0px 0px;text-align: left;font-weight:700;}
.footerright{float:right;width:45%;height:auto;text-align: left;margin: 0px 0px 0px 0;padding: 0px 0px 0px 5%;border-left:1px solid #ccc;font-weight:700;}
.font4 {width: 100%;font-size:108%;margin: 0px auto 30px auto;line-height: 160%;font-weight:400;font-feature-settings: "palt";font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;text-align: left;}
.font44 {font-size:260%;margin: 0px auto 0px auto;line-height: 120%;font-weight:700;font-feature-settings: "palt";}
.font444 {font-size:100%;margin: 0px auto 30px auto;line-height: 100%;font-weight:400;text-align:center;}
	
.font-top {width: 90%;font-size:108%;margin: 0px auto 30px auto;line-height: 160%;font-weight:400;font-feature-settings: "palt";font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;text-align: left;}
	
	
.font5 {margin: 0px auto 6% auto;line-height: 180%;font-weight:400;font-feature-settings: "palt";text-align: left; max-width: 1200px; width: 90%; font-size: clamp(0.9rem, 1.5vw, 1.3rem); padding: 0; }
.font6 {width: 90%; margin: 7% auto 5% auto;line-height: 160%;font-weight:400;font-feature-settings: "palt";text-align:center;font-size: clamp(0.9em, 1.7vw, 1.3rem); padding: 0; color: #FFF}
	
able, thead, tbody, th, td, tr { display: block;}
thead tr {display: none;}
tr {margin-bottom: 12px;border: 1px solid #ddd;}
td {ext-align: left;}
able, thead, tbody, th, td, tr { display: block;}
thead tr {display: none;}
tr {margin-bottom: 12px;border: 1px solid #ddd;}
td {ext-align: left;}

.form2 {width:90%;border: 1px solid #fff; padding:7% 5% 5% 5%;margin: 10% auto 0px auto}
.br-s2 { display:none; }
#page-top a{display: none;}
.headertop{display: none;}
.gnavibg {display: none;}
.gnavi2 {display: none;}
.pc { display:none; }
.br-2s { display:none; }


}



/*PC*/
@media print, screen and (min-width:769px){

.form2 {width:90%;border: 1px solid #fff; padding:0% 5% 5% 5%;margin: 10% auto 0px auto}
.works {margin: 50px auto 40px auto;line-height: 160%;font-weight:700;font-feature-settings: "palt";text-align: left; max-width: 1170px; width: 90%; font-size: clamp(0.8rem, 1.3vw, 1.2rem); 
padding: 0 30px 0 0px;}
.works2 {margin: 10px auto 30px auto;line-height: 160%;font-weight:400;font-feature-settings: "palt";text-align: left; width: 100%; font-size: clamp(0.7rem, 1.0vw, 1.0rem); color: #fff; padding: 15px 15px 15px 15px;border:#FFFF solid 1px}
/* ヘッダー*/
.title{padding:50px 0px 0px 0px;margin: 0px auto 10px auto}
.headerbg{margin: 0px auto 0px;width:100%;height: auto;text-align:center;position: fixed; top:0;z-index:99;background: #fff}
.headertop{margin: 0px auto 0px;width: 98%;height: auto; height: 0px;padding:0px 1% 20px 1%;}
.fonttext {font-size:100% !important;margin: 0px auto 0px auto;line-height: 200%;font-weight:700;} 
.topbgtop {background:linear-gradient(90deg, #004098, #00a0e9);padding:75px 0 0px 0px;margin: 0px auto 0px auto;color:#fff;font-feature-settings: "palt";}
.topbg{background:linear-gradient(90deg, #004098, #00a0e9);padding:0px 0 0px 0px;margin: 0px auto 0px auto;color:#fff;font-feature-settings: "palt";}
.topbg2 {background:linear-gradient(90deg, #004098, #00a0e9);padding:0px 0 0px 0px;margin: 0px auto 0px auto;color:#fff;font-feature-settings: "palt";}
.topbg3 {background:linear-gradient(90deg, #004098, #00a0e9);padding:0px 0 0px 0px;margin: 0px auto 0px auto;color:#fff;font-feature-settings: "palt";}
.top {width:100%;padding:0px 0 0px 0px;background:linear-gradient(90deg, #004098, #00a0e9);}
body {min-width:1100px;font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;line-height: 140%; animation: fadeIn 2s ease 0s 1 normal;
-webkit-animation: fadeIn 2s ease 0s 1 normal;color:#333;width:100%;margin: 0 auto}

.fade {
  transition: opacity 1.5s;
  -moz-transition: opacity 1.5s;
  -webkit-transition: opacity 1.5s;
  -o-transition: opacity 1.5s;
}


.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}

/* ------------------------------
ボタン
------------------------------ */


ul{list-style: none;margin: 0;padding: 0;}
li{list-style: none;margin: 0;padding: 0;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
h1{margin: 0px auto 0px auto;font-size:10px;padding: 0px 0px 0px 0px;text-align:left;color:#444;font-weight : normal;}

h3{color:#fff; margin: 20px auto 20px auto;font-size:140% }
h4{color:#fff; margin: 20px auto 0px auto; font-size:120% }


.line1 {display: block;width: 100%;height: 2px;background-color: #fff;border: 0; }

.fontline { font-size:180% }


img { max-width: 100%; height: auto;margin: 0px auto 0px;padding: 0px 0px 0px 0px;vertical-align: bottom;-webkit-backface-visibility: hidden; backface-visibility:hidden;}

.f13 {font-size:13px}
/* ヘッダー*/
#header{margin: 0px auto 0px;width:100%;height: auto;text-align:center;}

.hdrleft{float: left;width: 250px;height: auto;text-align:left;padding: 12px 0px 15px 0px;}

.hdrright {float: right;width:70%;margin: 3px 0px 0px auto;height:auto}
.hdrright ul{list-style: none;padding: 10px 0px 0px 0px;margin: 0px; }
.hdrright li {float: right;text-align: center;list-style: none;margin: 0px 0px 0px 0px;}
.hdrright li:nth-child(1) {margin: 0px 0px 0px 8px;}
.hdrright li:nth-child(3) {margin: 0px 8px 0px 0px;}

/* グローバルナビ*/
.gnavibg {width:100%;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px; height:57px;background:url(../navi/bg1.png) }
.gnavibgtop {width:100%;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px; height:55px;background:url(../navi/bg2.png) }

.gnavi2 {width:1090px;height:40px;margin:0px auto 0px auto;padding: 0px 0px 0px 0px;background-color:#FFFFFF}
.gnavi2 ul{margin: 0px auto 0px auto;padding: 0px 0px 0px 0px; }
.gnavi2 li{float:left;text-align: center;margin: 0px 0px 0px auto;padding: 0px 11px 0px 0px; }
.gnavi2 {width:980px;margin:0px auto 0px auto;padding: 0px 0px 0px 0px;}


.subnavi {width:980px;margin: 40px auto 20px auto;}
.subnavi:after {content: "";clear: both;display: block;}
.subnavi li {float: left;width: 24.2%;text-align: center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;line-height: 44px;font-size:90%;border: 1px solid #ccc;background-color: #00418F;color:#fff;margin: 0px 0.5% 0px auto;}
.subnavi a {display: block;text-decoration: none;color: #000;background-color: #fff;color: #000;}

.subnavi1 {width:980px;margin: 20px auto 10px auto;}
.subnavi1:after {content: "";clear: both;display: block;}
.subnavi1 li {float: left;width: 19.4%;font-size:80%!important;text-align: center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;line-height: 44px;font-size:90%;border: 1px solid #ccc;background-color: #7EC0DB;color: #fff;margin: 0px 0.4% 0px auto;}
.subnavi1 a {display: block;text-decoration: none;color: #000;background-color: #fff;color: #000;}


.hvr-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  overflow: hidden;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}

.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {
  background-color: #00418F;
  color: white;
}

.hvr-fade2 {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  overflow: hidden;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}

.hvr-fade2:hover, .hvr-fade2:focus, .hvr-fade2:active {
  background-color: #7EC0DB;
  color: white;
}



/* ホバーアクション */

a img.opacity,
.hoverimg a img{
    -webkit-transition: all .5s;
    transition: all .5s;
}

.hoverimg a:hover img{
    opacity:0.7;
}

a:hover img.hoverimg{
    opacity:1;
}

.center{
 display: block;
 margin-left: auto;
 margin-right: auto;
 clear:both
}


#topmain{margin: 0px auto 20px auto;width:100%;height: auto;text-align:center;background-color:#003e86;padding: 10px 0px 50px 0px;}

#toptitle{margin: 0px auto 20px auto;width:100%;height: auto;text-align:center;background-color:#003e86;padding: 30px 0px 40px 0px;}

.topmain li {
   list-style: none;  
    display:  inline-block; 
	margin: 10px 15px 20px auto;/* インラインブロック要素にする */
    width: 482px;               /* 幅指定 */
    vertical-align:  middle;    /* 要素を上下中央で揃える */
}


#titletop{margin: 0px auto 0px;width:980px;height: auto;text-align:center;color:#FFFFFF}

#titletop h2{margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;text-align:center;}

.titletop2{border-left: 3px solid #00418F;padding: 1px 0px 1px 12px;margin: 0px auto 10px auto}

#titletop2{margin: 50px auto 20px;width:980px;height: auto;text-align:center;}

#titletop2 h2{margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;text-align:center;color:#00418F;}

#titletop3{margin: 50px auto 20px;width:980px;height: auto;text-align:center;}

#titletop3 h2{margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;text-align:center;color:#00418F;}

.topbanner{margin: 10px auto 50px;width:100%;height: auto;text-align:center;}
.recordnavi {clear:both;width:980px;padding:2px 0px 10px 0px;margin: 0px auto 0px auto ;}

#privacy{margin: 70px auto 0px auto; width:100%;height: auto;text-align:center; font-size:100% ;line-height: 150%;
color:#fff}
.privacy{margin: 70px auto 0px auto; width:980px;height: auto;text-align:left; font-size:100% ;line-height: 150%;color:#fff}

.company1{max-width:1200px;width:90%;margin: 0px auto 20px auto ;height:auto;text-align:left;padding: 0px 0px 5px 0px;font-size:120%;font-weight:700;}
.company{max-width:1000px;width:80%;width:80%;margin: 50px auto 0px auto ;height:auto;text-align:left;padding: 0px 0px 10px 0px;}
.company2{margin: 40px auto 0px auto; width:980px;height: auto;text-align:left; font-size:120% ;line-height: 200%;font-weight: 600;}
.company3{margin: 70px auto 20px auto; width:980px;height: auto;text-align:left; font-size:110% ;line-height: 200%;font-weight:700;}
.company4{margin: 8% auto 40px auto; width:980px;height: auto;text-align:center; font-size:140% ;line-height: 200%;font-weight: 400;}
	
.company5{margin: 5% auto 40px auto; width:980px;height: auto;text-align:center; font-size:140% ;line-height: 200%;font-weight: 400;}
.company5-left{float:left;width:57%;line-height: 160%;font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;padding: 0px 3% 0px 0%;}
.company5-right{float:right;width:38%;padding: 4% 0% 0px 0%;}
.companyfont { width: 100%; margin: 7% auto 3% auto;line-height: 160%;font-weight:700;font-feature-settings: "palt";text-align:center;font-size: clamp(0.9rem, 1.9vw, 1.6rem); padding: 0; color: #FFF}
.companyfont1 { width: 90%; margin: 7% auto 3% auto;line-height: 160%;font-weight:400;font-feature-settings: "palt";text-align:center;font-size: clamp(0.8rem, 1.4vw, 1.4rem); padding: 0; color: #FFF}

	

/*コンテント*/

.content{clear:both ;width:980px;margin: 0px auto 0px auto ;height:auto;text-align:left;padding: 20px 0px 30px 0px;}

.content2{clear:both ;width:980px;margin: 0px auto 0px auto ;height:auto;text-align:left;padding: 10px 0px 10px 0px;line-height: 160%;font-size:16px;font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}

.content_left{float:left;width:610px;line-height: 160%;font-size:16px;font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}
.content_right{float:right;width:346px;}

.content2_left{float:left;width:48%;line-height: 160%;font-size:16px;font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}
.content2_right{float:right;width:48%;line-height: 160%;margin: 0px auto 40px auto ;font-size:16px;font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}

.content2_left h4{color:#00418F; margin: 20px auto 0px auto; font-size:110% }

.content2_right h4{color:#00418F; margin: 20px auto 0px auto; font-size:110% }



/*トップ*/

.content22{clear:both ;width:980px;margin: 0px auto 0px auto ;height:auto;text-align:left;padding: 40px 0px 0px 0px;line-height: 160%;font-size:16px;font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}

.content22_left{float:left;width:48%;line-height: 160%;padding: 0px 0px 0px 0px;text-align:center;font-size:16px;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;}
.content22_right{float:right;width:48%;line-height: 160%;text-align:center;margin: 0px auto 20px auto ;font-size:16px;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;}

.content22_left h4{color:#00418F; margin: 20px auto 0px auto; font-size:110% ;}

.content22_right h4{color:#00418F; margin: 20px auto 0px auto; font-size:110% ;}


#titletop2{margin: 40px auto 30px auto;width:100%;height: auto;text-align:center;}

#titletop2 h2{margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;text-align:center;color:#00418F;line-height: 150%;font-size:140%;}

#titletop3{margin: 0px auto 0px;width:100%;height: auto;text-align:center;height: auto;}


#titletop4{margin: 40px auto 0px;width:100%;height: auto;text-align:center;
background-position: center center;background-repeat: no-repeat;background-image:url(../img/top/topbg.jpg);height: 590px;}


#titletop3 h2{margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;text-align:center;color:#00418F;line-height: 150%;font-size:140%;}

.titlea{background-color:#00418F;color:#FFF;padding: 10px 0px 10px 12px;margin: 0px auto 10px auto;border:1px solid #ccc;}

.titlea a:link { color:#fff;}
.titlea a:visited { color:#fff;}
.titlea a:hover { color: #fff; }
.titlea a:active { color:#fff;}

.titleb{padding: 20px 30px 20px 30px;margin: 0px auto 10px auto;border:2px solid #00418F;min-height: 220px;}

#outlinetop{margin: 40px auto 0px;width:100%;height: auto;text-align:center;
background-position: center center;background-repeat: no-repeat;background-image:url(../img/top/topbg.jpg);height: auto;}

#jigyou{margin: 70px auto 0px;width:100%;height: auto;text-align:center;}

.jigyou2{margin: 30px auto 60px auto;width:100%;height: auto;text-align:center;font-size:130% ;line-height: 200%;font-weight: 600;}

.jigyou3{width: 1100px ;margin: 40px auto 50px;height: auto;text-align:left;}

.jigyou3_left{float:left;width: 500px ;margin: 20px auto 0px;height: auto;text-align:left;}
.jigyou3_right{float:right;width: 570px ;height: 323px;margin: 20px auto 0px;text-align:left;background-position: center center;background-repeat: no-repeat;background-image:url(../img/top/topbgsp.jpg);}


.jigyou4{clear:both;width: 1100px ;margin: 40px auto 0px;height: auto;text-align:left;}
.jigyou5{clear:both;width: 1100px ;margin: 40px auto 70px;height: auto;text-align:center;background-color:#EAF5FD;padding: 40px 0px 40px 0px;}
.jigyou6{clear:both;width: 1100px ;margin: 40px auto 0px;height: auto;text-align:left;}


#topinfo{padding: 10px 50px 10px 50px;margin: 50px auto 50px auto;border:2px solid #00418F;width:850px;height:auto;}

.test{clear:both ;width:850px;margin: 0px auto 0px auto ;height:auto;text-align:center;padding: 10px 0px 10px 0px;line-height: 160%;font-size:16px;font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}


.test2{clear:both ;width:850px;margin: 0px auto 0px auto ;height:auto;text-align:center;padding: 20px 0px 20px 0px;line-height: 160%;font-size:16px;font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}


.line1 {display: block;width: 100%;height: 2px;background-color: #00418F;border: 0; }




/*トップ*/

/*プライバシーポリシー*/

.privacy{clear:both ;width:980px;margin: 40px auto 0px auto ;height:auto;text-align:left;padding: 0px 0px 10px 0px;line-height: 160%;font-size:16px;font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}

.privacy_right{float:right;width:346px;text-align:right}
.privacy dl {margin: 0px auto 0px auto;font-size:16px}
.privacy dl dd{margin: 10px auto 20px auto;font-size:16px}
.privacy ul li{margin: 20px auto 0px auto;font-size:16px}
.privacy h3{font-size:18px}


/*会社案内*/

.table1 {max-width:1000px;width:80%;margin:0px auto 15px auto;padding:0px;border-collapse:separate;border-spacing:0px;text-align: left;color:#fff;text-align:bottom;font-size:100%;border-bottom:1px solid #ccc;}
.table1 th {width:25%;padding:10px 2px 6px 10px;text-align:left;vertical-align:top;border-top:1px solid #004098;color:#004098;font-weight:normal;font-weight: 700;background-color: #fff}
.table1 td {width:75%;padding:10px 2px 6px 10px;border-top:1px solid #ccc;color:#fff}




/*フッターナビ*/

#submenu{
	clear: both;
	width: 980px;
	height: 15px;
	padding: 10px 0px 20px 0px;
	text-align:center;
	margin: 0px auto;
	color:#ccc;
	
}

#submenu a:link {color:#fff; }
#submenu a:visited {color:#fff; }
#submenu a:hover {color:#fff; }
#submenu a:active {color:#fff; }




#submenu a{color:#524719;}
#submenu li{display: inline;font-size:14px;border-right:1px solid #ccc;padding: 0px 10px;}

#submenu li:nth-child(1) {border-left: 0px solid #ccc;}
#submenu li:nth-child(6) {border-right: 1px solid #ccc;}
#submenu li:nth-child(5) {border-right: 1px solid #ccc;}
#submenu li:nth-child(7) {border-right: 0px solid #ccc;}
#submenu li:nth-child(8) {border-right: 0px solid #ccc;}
/* scroll */
#page-top {clear:both;position: fixed;bottom: 20px;right: 20px;font-size: 70%;z-index:99}
#page-top a {background-color:#929A94;text-decoration: none;color: #fff;font-weight:bold;width: auto;padding: 10px 10px;text-align: center;display: block;z-index:99}
#page-top a:hover {text-decoration: none;background-color:#929A94;}



/*------------------------------------------------------*/
/*ホバーアクション*/
/*------------------------------------------------------*/

a img.opacity,.hoverimg a img{-webkit-transition: all .3s ease; transition: all .3s ease;}
.hoverimg a:hover img{opacity:0.5;}
a img.opacity:hover{opacity:0.3;}





/* ------------------------------
 フッター
------------------------------ */

#footernavi{
    clear: both;
	width: 980px;
	height: auto;
	margin: 0px auto;
	text-align: center;
    padding: 60px 0px 40px 0px;
	}

/* ------------------------------
 フッター
------------------------------ */


.footer1{
    clear: both;
	width: 100%;
	height: auto;
	margin: 0px auto 0px auto;
	text-align: center;
    border-top:1px solid #ccc;
}
	
#footer{
	clear: both;
	width: 640px;
	height: auto;
	margin: 0px auto;
	text-align: center;
    padding: 0px 0px 0px 0px;

}


.footer2{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0px auto;
	text-align: center;
	padding: 10px 0px 0px 0px;
	font-size:12px;
 background:#595757;color: #fff
}


#footerleft{
	width: auto;
	height: auto;
	float: left;
	padding: 15px 0px 0px 0px;
	text-align: left;
}


#footerright{
	width: 545px;
	height: auto;
	float: right;
	margin-top: 0px;
	text-align: left;
	margin: 10px 0px 10px 8px;
	padding: 0px 0px 30px 30px;
	border-left:1px solid #ccc;
}

#footerright ul{margin: 0px auto 0px auto;padding: 0px 0px 0px 0px; }
#footerright li{float:left;text-align: center;margin: 0px 0px 0px auto;padding: 0px 20px 0px 0px; }

.top1 {width:90%;padding:100px 0 100px 0px;font-feature-settings: "palt";margin: 0 auto;text-align: center}
.top11 {max-width:980px;width:90%;padding:60px 0 100px 0px;font-feature-settings: "palt";margin: 0 auto;text-align: center}
.footer1{clear: both;width: 100%;height: auto;margin: 0px auto 0px auto;text-align: center;}
.footer{clear: both;width: 360px;height: auto;margin: 0px auto;text-align: center;padding: 0px 0px 0px 0px;font-weight:700;}
.footerleft{float:left;width:45%;height:auto;padding: 0px 4% 0px 0px;text-align: left;font-weight:700;}
.footerright{float:right;width:45%;height:auto;text-align: left;margin: 0px 0px 0px 0;padding: 0px 0px 0px 5%;border-left:1px solid #ccc;font-weight:700;}
.font4 {font-size:200%;margin: 0px auto 40px auto;line-height: 160%;font-weight:400;font-feature-settings: "palt";font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif; width: 90%; }
.font6 { width: 90%; margin: 7% auto 3% auto;line-height: 160%;font-weight:700;font-feature-settings: "palt";text-align:center;font-size: clamp(0.8rem, 1.7vw, 1.3rem); padding: 0; color: #FFF}
.font44 {font-size:260%;margin: 0px auto 0px auto;line-height: 120%;font-weight:700;font-feature-settings: "palt";}
.font444 {font-size:160%;margin: 0px auto 50px auto;line-height: 100%;font-weight:700;font-feature-settings: "palt";}
.font5 { max-width: 980px; width: 90%; margin: 0px auto 4% auto;line-height: 160%;font-weight:400;font-feature-settings: "palt";text-align: left;font-size: clamp(0.8rem, 1.5vw, 1.3rem); padding: 0; }

.font-top {font-size:200%;margin: 0px auto 40px auto;line-height: 160%;font-weight:400;font-feature-settings: "palt";font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif; width: 90%; }
/* スペース */
.b{font-weight:bold}
.b1 { margin: 1px; }
.b2 { margin-bottom: 2px; }
.b5 { margin-bottom: 5px; }
.b10 { margin-bottom:10px; }
.b14 { margin-bottom:14px; }
.b15 { margin-bottom:15px; }
.b17 { margin-bottom:18px; }
.b20 { margin-bottom:20px; }
.b25 { margin-bottom:25px; }
.b30 { margin-bottom:30px; }
.b35 { margin-bottom:35px; }
.b38 { margin-bottom:38px; }
.b40 { margin-bottom:40px; }
.b45 { margin-bottom:45px; }

.t { margin-top: 0px; }
.t1 { margin-top: 1px; }
.t2 { margin-top: 2px; }
.t3 { margin-top: 3px; }
.t5 { margin-top: 5px; }
.t8 { margin-top: 8px; }
.t10 { margin-top:10px; }
.t15 { margin-top:15px; }
.t18 { margin-top:18px; }
.t20 { margin-top:20px; }
.t25 { margin-top:25px; }
.t30 { margin-top:30px; }
.t32 { margin-top:32px; }
.t50 { margin-top:50px; }

.l { margin-left: 0px; }
.l1 { margin-left: 1px; }
.l2 { margin-left: 2px; }
.l3 { margin-left: 3px; }
.l5 { margin-left: 5px; }
.l8 { margin-left:8px; }
.l10 { margin-left:10px; }
.l15 { margin-left:15px; }
.l20 { margin-left:20px; }
.l25 { margin-left:25px; }
.l30 { margin-left:30px; }
.l45 { margin-left:45px; }
.l55 { margin-left:55px; }

.r20 { margin-right:20px; }

.copyright{
	width: 100%;
	height: auto;
	margin: 0px auto;
	text-align: center;
	font-size:11px;
	color:#fff
}
.sp { display:none;}
.br-s { display:none; }
.pure-container{display: none;}
.submenu {display: none;}

}