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

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

html{
  scroll-behavior: smooth;
}

.switch {visibility: hidden;}
img{ -webkit-backface-visibility: hidden; backface-visibility:hidden;}

/*スマホ*/
@media screen and (max-width:640px){

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

body {
    font-size: 100%; 
	width:100%;
	background: #fff;
	color: #000;
	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;
}

.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-color: #00418F;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.5-webkit-transition-property: color, background-color;transition-property: color, background-color;padding: 2px 0px 0px 0px;}

.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {background-color: #fff;color:#000; padding: 2px 0px 0px 0px;}


/* moreナビ */
.subnavi1 {width:200px;margin: 60px auto 0px auto;font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;font-weight: 600;}
.subnavi1:after {content: "";clear: both;display: block;}
.subnavi1 li {float: left;width: 100%;text-align: center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;line-height: 50px;font-size:100%;border: 1px solid #ccc;background-color: #000;color: #fff;margin: 0px 1% 0px auto;}
.subnavi1 a {display: block;text-decoration: none;color: #fff;background-color: #000;}


h2{font-size:110% ;color:#000;}
h3{color:#000; margin: 10px auto 10px auto;font-size:110% }
h4{color:#000; margin: 20px auto 0px auto; font-size:100% }


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

.fontline { font-size:180% }

.right {float: right;}


.font1 {font-size:14px;font-family: 'Kosugi Maru', sans-serif;line-height: 200%;letter-spacing: 2px;}

.font2 {font-size:16px;font-family: 'Kosugi Maru', sans-serif;line-height: 160%;;letter-spacing: 0px;}

.font3{font-family: 'M PLUS Rounded 1c', sans-serif;font-size:20px;margin: 0px auto 40px auto;line-height: 160%;}

.font4 { font-family: "Sawarabi Gothic"; font-size:20px;margin: 0px auto 40px auto;line-height: 160%;letter-spacing: 2px;font-weight:600}

.font5 {font-size:12px;font-family: 'Kosugi Maru', sans-serif;line-height: 150%;letter-spacing: 2px;}

.font10 {font-size:12px;}

img {border: 0;-ms-interpolation-mode: bicubic;}

img {max-width: 100%;height: auto;}

.f10 {font-size:10px}

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

.topinfo{padding: 20px 0px 30px 0px;margin: 10px auto 0px auto;width:100%;height:auto;}

.price-sp{max-width: 98%;font-size:100%; line-height: 200%;}

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

.eng {width:auto;
height: auto;
background-color: #FF0000;
position: absolute;
top: 0px;
right: 0px;}



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

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

.slide{
	clear: both;

	margin: 70px auto 0px auto;
	text-align: center;
    padding: 0px 0px 0px 0px;

}

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

#box{
	color:#000;
	width:90%;
	height:auto;
	overflow:auto;
	font-size:14px;
	text-align:left;
	overflow:auto;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;font-family: 'Kosugi Maru', sans-serif;line-height: 200%;letter-spacing: 2px;
	
}

#box dl {
	margin: 10px 0px 0px 0px;
	padding: 0px 20px 0px 0px;
	text-align:left;
	color:#000;
	
}
#box dl dt {
	float: left;
	width: 5em;
	padding: 6px 0px ;
	font-weight: bold;
	line-height: 130%;

}
#box dl dd {
	padding: 6px 0px 0px 5em;
	line-height: 140%;
	text-align:left;

}




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:center;background-color:#fff;box-shadow: 0px 2px 2px #666;}

.header2 {padding: 0 0 0 0;margin: 0; z-index:1;display: block;width: 100%;height: auto; position: fixed;top: 0px;left:0;text-align:center;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;}

/* コンセプト */

.conceptbg1{width:100%; height:auto;margin: 0px auto 0px auto;padding:30px 0px 30px 0px;background-image:url(../img/about/conceptbg-s1.jpg) ;background-repeat: no-repeat;background-position:top left;line-height: 160%;}

.conceptbg2{width:100%; height:auto;margin: 0px auto 0px auto;padding:30px 0px 30px 0px;background-image:url(../img/about/conceptbg-s2.jpg) ;background-repeat: no-repeat;background-position: right;line-height: 160%;}

#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{margin: 20px auto 0px auto;width:90%;height: auto;text-align:center;padding: 0px 2% 0px 2%;}
#titletop3 h2{margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;text-align:center;}

#titletop3{margin: 40px auto 0px;width:98%;height: auto;text-align:center;height: auto;font-size:90%;}

#titletop4{margin: 50px auto 50px auto;width:98%;height: auto;background-color:#F0EFEF;padding: 30px 1% 30px 1%;;text-align:center;}

#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 50px 0px;line-height: 160%;font-size:90%;font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}

.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{clear:both ;width:98%;margin: 0px auto 0px auto ;height:auto;text-align:left;padding: 0px 0px 5px 0px;}
.table {width:100%;margin:0px auto 15px auto;padding: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%}
.table th {width:28%;padding:10px 2px 6px 10px;text-align:left;vertical-align:top;background-color:#E7E7E7;border-top:1px solid #ccc;color:#000;
font-weight:normal}
.table td {padding:10px 2px 6px 10px;border-top:1px solid #ccc;background-color:#FFF;color:#000}

.b{font-weight:bold}
.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 li:nth-child(8) {border-top: 1px solid #aaa;}
#submenu a {display: block;color: #000;text-decoration: none;background: #e6e6e6;}
#submenu a:hover {color: #000;background: #ccc;}

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


	


#footer{
	clear: both;
	width: 980px;
	height: auto;
	margin: 0px auto;
	text-align: center;
    padding: 0px 0px 0px 0px;

}


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


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


.footer2left{
	width: 100%;
	height: auto;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	text-align: center;
}


.footer2right{
	width: 100%;
	height: auto;
	text-align: center;
	margin: 5px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
}

.footer2left ul{margin: 0px auto 0px auto;padding: 10px 0px 10px 0px;background-color:#ccc }
.footer2left li{text-align: center;margin: 0px 0px 0px auto;padding: 10px 0px 10px 0px;font-size: 16px;font-weight:400;background-color:#ccc; border-bottom: 1px solid #aaa; color:#666;}
.footer2left li:nth-child(8) {border-bottom: 0px solid #aaa }

.footer2left a:link { color:#000;}
.footer2left a:visited { color:#000;}
.footer2left a:hover { color: #000; }
.footer2left a:active { color:#000;}





/**************
## 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{
	width: 90%;
	height: auto;
	text-align: left;
	margin: 30px auto 25px auto;
	padding: 0px 0px 0px 0px;
	line-height: 150%;
	font-size:90%
}



.br-s2 { display:none; }
#page-top a{display: none;}
.headertop{display: none;}
.gnavibg {display: none;}
.gnavi2 {display: none;}

.br-2s { display:none; }
.price{display: none;}

}



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



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}



.font1 {font-size:18px;font-family: 'Kosugi Maru', sans-serif;line-height: 200%;letter-spacing: 2px;}

.font2 {font-size:18px;font-family: 'Kosugi Maru', sans-serif;line-height: 160%;;letter-spacing: 0px;}

.font3{font-family: 'M PLUS Rounded 1c', sans-serif;font-size:30px;margin: 0px auto 40px auto;line-height: 160%;}

.font4 { font-family: "Sawarabi Gothic"; font-size:30px;margin: 0px auto 40px auto;line-height: 160%;letter-spacing: 2px;font-weight:700}

.font5 {font-size:14px;font-family: 'Kosugi Maru', sans-serif;line-height: 150%;letter-spacing: 2px;}

.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.5-webkit-transition-property: color, background-color;transition-property: color, background-color;padding: 2px 0px 0px 0px;}

.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {background-color: #fff;color:#000; padding: 2px 0px 0px 0px;}


/* moreナビ */
.subnavi1 {width:200px;margin: 60px auto 0px auto;font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;font-weight: 600;}
.subnavi1:after {content: "";clear: both;display: block;}
.subnavi1 li {float: left;width: 100%;text-align: center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;line-height: 50px;font-size:100%;border: 1px solid #ccc;background-color: #000;color: #fff;margin: 0px 1% 0px auto;}
.subnavi1 a {display: block;text-decoration: none;color: #fff;background-color: #000;}

.price{max-width: 100%;font-size:90%; line-height: 300%;}


.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:#000; margin: 20px auto 20px auto;font-size:140% }
h4{color:#000; margin: 20px auto 0px auto; font-size:120% }


.line1 {display: block;width: 100%;height: 2px;background-color: #00418F;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;}

.f0 {line-height:0%;}
.f10 {font-size:11px;line-height:0px }
.f13 {font-size:13px}

.bs {margin-bottom: -2em; }

/* ヘッダー*/
#header{margin: 0px auto 0px;width:100%;height: auto;text-align:center;}
  
.headertop{margin: 20px auto 0px;width: 980px;height: auto; height: 90px;}


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

.hdrright {float: right;width:690px;margin: 10px 0px 0px auto;height:auto;text-align:right}
.hdrright ul{list-style: none;padding: 0px 0px 10px 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 20px;}

/* グローバルナビ*/
.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;}


/* コンセプト */

.conceptbg1{width:100%; height:300px;margin: 0px auto 0px auto;padding:0px 0px 0px 0px;background-image:url(../img/about/conceptbg1.jpg) ;background-repeat: no-repeat;}

.conceptbg2{width:100%; height:300px;margin: 0px auto 0px auto;padding:0px 0px 0px 0px;background-image:url(../img/about/conceptbg2.jpg) ;background-repeat: no-repeat;background-position: right}


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

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;}

.title{clear:both;text-align:left;margin: 20px auto 0px;width:900px;height: auto;text-align:center;}
.title_left{float: left;text-align:left;margin: 20px auto 50px;width:390px;height: auto;}
.title_right{float: right;text-align:left;margin: 20px auto 30px;width:480px;height: auto;}

.title2_left{float: left;text-align:left;margin: 20px auto 20px;width:500px;height: auto;}
.title2_right{float: right;text-align:left;margin: 20px auto 20px;width:390px;height: auto;}

.title3_left{float: left;text-align:left;margin: 50px auto 20px;width:230px;height: auto;}
.title3_right{float: right;text-align:left;margin: 50px auto 20px;width:630px;height: auto;line-height: 160%;}


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

#titletop4{margin: 50px auto 50px auto;width:100%;height: auto;background-color:#F0EFEF;padding: 5px 0px 20px 0px;}




#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 70px auto; width:100%;height: auto;text-align:center; font-size:14px ;line-height: 150%;color:#000}
#privacy h2{ font-size:18px}
.privacy{margin: 70px auto 30px auto; width:840px;height: auto;text-align:left; font-size:100% ;line-height: 150%;color:#000}



#box{
	color:#000;
	width:100%;
	height:100px;
	overflow:auto;
	font-size:16px;
	text-align:left;
	overflow:auto;
	margin: 0px auto 0px auto;
	padding: 10px 0px 15px 0px;font-size:14px;font-family: 'Kosugi Maru', sans-serif;line-height: 200%;letter-spacing: 2px;
	
}

#box dl {
	margin: 10px 0px 0px 0px;
	padding: 0px 20px 0px 0px;
	text-align:left;
	color:#000;
	
}
#box dl dt {
	float: left;
	width: 8em;
	padding: 6px 0px ;
	font-weight: bold;
	line-height: 130%;

}
#box dl dd {
	padding: 6px 0px 0px 8em;
	line-height: 140%;
	text-align:left;

}


/*トップ*/



#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;}




.topinfo{padding: 10px 0px 10px 0px;margin: 10px auto 0px auto;width:60%;height:auto;}



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


.mark {width:100%;padding:100px 0px 100px 0px;margin: 0px auto 0px auto ;}

/*トップ*/

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

.privacy{clear:both ;width:880px;margin: 40px auto 0px auto ;height:auto;text-align:left;padding: 0px 0px 10px 0px;line-height: 160%;font-size:14px;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}


/*会社案内*/
.company{clear:both ;width:980px;margin: 50px auto 0px auto ;height:auto;text-align:left;padding: 0px 0px 30px 0px;}
.table {width:100%;margin:0px auto 15px auto;padding: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:110%}
.table th {width:28%;padding:10px 2px 6px 10px;text-align:left;vertical-align:top;background-color:#E7E7E7;border-top:1px solid #ccc;color:#000;
font-weight:normal}

.table td {padding:10px 2px 6px 10px;border-top:1px solid #ccc;background-color:#FFF;color:#000}
.table td br{padding:0px 0px 0px 0px;}


/*フッターナビ*/

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

#submenu a:link { color: #0000ff; }
#submenu a:visited { color: #000080; }
#submenu a:hover { color: #ff0000; }
#submenu a:active { color: #ff8000; }




#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 #fff;}
#submenu li:nth-child(6) {border-right: 0px solid #fff;}
#submenu li:nth-child(5) {border-right: 0px solid #fff;}


/* 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;}

.scroll{scroll-behavior: smooth;}

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

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;}






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


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

}

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


#footerright{
	width: 620px;
	height: auto;
	float: right;
	margin-top: 0px;
	text-align: left;
	margin: 10px 0px 30px 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;color:#666; }


#footerright a:link { color:#000;text-decoration: none;}
#footerright a:visited { color:#000;}


.footer2{
	clear: both;
	width: 1000px;
	height: auto;
	margin: 0px auto;
	text-align: center;
	padding: 10px 0px 10px 0px;
	color:#000

}

.footer2left{
	width: 650px;
	height: auto;
	float: left;
	padding: 0px 0px 0px 0px;
	text-align: left;
}


.footer2right{
	width: 280px;
	height: auto;
	float: right;
	margin-top: 0px;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.footer2left ul{margin: 0px auto 0px auto;padding: 0px 0px 0px 0px; }
.footer2left li{float:left;text-align: center;margin: 0px 0px 0px auto;padding: 0px 20px 0px 0px;font-size: 13px;font-weight:800}


.footer2left a:link { color:#000;}
.footer2left a:visited { color:#000;}
.footer2left a:hover { color: #000; }
.footer2left a:active { color:#000;}




/* スペース */
.b{font-weight:bold}
.b-1{font-weight:bold;margin: 0px 0px 0px auto;padding: 0px 0px 0px 0px;}
.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:#555
}

.br-s { display:none; }
.pure-container{display: none;}
.submenu {display: none;}
.price-sp{display: none;}
}