@charset "utf-8";


/* body */

body
{
    font-size: 100%; letter-spacing:1px; margin:20px 0 0 0; padding:0;
    color: #222;
	background-color: #fff;
	font-family:"Hiragino Kaku Gothic Pro","メイリオ", "Meiryo", "ＭＳ Ｐゴシック","MS PGOTHIC","sans-serif";
}


#top_z{width:980px; margin:0 auto; padding:20px 0 0 0;}
#top_x{width:980px; margin:0 auto; padding:0 0 20px 0;}

.background_block {
	background-position: 0px 0px; margin: 0px auto; width: 90%; max-width: 1200px; background:url(/images/backimg_01.jpg); background-image: background-repeat: repeat-y; background-size: 100% 100%;
}

.background_block2 {
	background-position: 0px 0px; margin: 0px auto; width: 90%; max-width: 1200px; background-color:#fff;
}



#hadh1 {text-align:center; font-size:100%; color:#999999; position:absolute; top:5px; z-index:10; width:100%; font-weight: normal; display:none;}



#hadh2 {color:#1E73BE; margin-bottom:20px; text-align:center; font-size:100%;}

#masiz000{width:80%; margin:10px 0 30px 0;}
#masiz001{width:60%; margin:30px 0 0 0;}
#masiz002{width:50%; margin:10px 0;}
#masiz003{width:40%; margin:0;}

a:hover img {
opacity: 0.5;
filter: alpha(opacity=50);
-ms-filter: "alpha(opacity=50)";
transition: all 0.3s ease;
}

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


#kmg01 {position:fixed; top:40%; right:0 ; z-index:998;
display: block; opacity: 0.7;
  border-top-left-radius: 12px;
  border-top-right-radius: 0x;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 12px;
}

#kmg02 {position:fixed; top:45%; left:0 ; z-index:999;
display: block; opacity: 0.7;
}


.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}

#nv000 {height:50px; padding-top:20px;}
#nv001 {height:50px; padding-top:20px;}
#nv002 {height:50px; padding-top:20px;}
#nv003 {height:50px; padding-top:20px;}
#nv004 {height:50px; padding-top:20px;}


#top_img01{width:34%; min-width:260px; margin:10px;}

#top_img03{width:17%; min-width:130px; margin:10px;}



#navigation {margin:0; padding:0 0 0 20px;}

#navigation:after {clear: both;}

#box01 {
	float: left; background-color:#000;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	
margin:2px 0;
padding: 2px 5px;
display: block;
font-size: 86%; line-height:1.4;
white-space: nowrap;
}

#box_p01{color:#FFF;}
#box_p02{color:#FFF;}




#box01+box01 {
margin:2px 0;
border-left: 0;
}


#box01 a
{
	display: block;

	color: #fff; text-align:center;
	text-decoration: none;

}

#box01 a:hover
{
	display: block;

	color:#FFF; text-align:center;
	text-decoration: none;
}



#content_box {width:980px; margin:50px auto 20px auto; padding:30px 0;}
#content_box1 {width:20%; margin:30px auto; float:left; min-width:300px; display:block;}
#content_box2 {width:60%; margin:30px auto; padding:0; float:left; min-width:360px;}
#content_box3 {width:70%; margin:50px auto 20px auto; padding:30px 0;}


#info_box {width:100%; margin:0; padding:30px 0; display:block; overflow: hidden;}

.dataList {margin:20px 0 0 20px; font-size:120%; line-height:1.4; padding-bottom:10px; border-bottom: letter-spacing:1px; border-bottom:1px dotted #777777; display:block;}

dt { margin-top: 0px; margin-bottom: 10px;}
dd { margin-left: 100px; margin-top: 0px; margin-bottom: 10px;}

.dataList dd a{text-decoration:underline; color:#222;}
.dataList dd a:hover{text-decoration:underline; color:#fff; background-color:#222;}

.dataList dt a{text-decoration: none; color:#222;}
.dataList dt a:hover{text-decoration:underline; color:#fff; background-color:#222;}

#tt_top {font-size:140%; letter-spacing:2px; margin:0 0 0 0; padding:0 0 0 20px; border-left:20px solid #136FB8; line-height:1.6; font-weight:bold;}

#tt_top a{color:#222; text-decoration:underline;}

#tt_top a:hover{background-color:#136FB8; color:#fff; text-decoration:none;}



#tt_h2 {font-size:200%; margin:0; padding:0 0 0 20px; line-height:1.2; color:#136FB8; font-weight:bold; border-left:20px solid #136FB8;}
#tt_h2b {font-size:140%; margin:0; padding:10px 20px; line-height:1.2; letter-spacing: 10px; color:#fff; font-weight:bold; background-color:#136FB8; display:block;}

#tt_h2c {font-size:160%; margin:30px 0 0 0; padding:10px 20px; line-height:1.2; color:#fff; font-weight:bold; background-color:#136FB8; width:60%;}
#tt_h2d {font-size:160%; margin:0 auto; padding:10px 20px; line-height:1.6; color:#FFF; font-weight:bold; text-align:center; border:2px dashed #FFF; width:96%;}

#tt_h2e {font-size:200%; margin:30px 0; padding:10px 20px; line-height:1.4; color:#fff; font-weight:bold; background-color:#136FB8; width:100%; display:block; word-break: keep-all;}

.tt_h2e {background-color:#FFFFFF; color:#000; line-height:1.4; padding:0;}

#end_box {background-color:#136FB8; margin:30px 0 0 0; padding:10px; width:98%; height:auto; overflow:hidden;}
 

#box_h0 {display:block; padding:0 0 20px 0;}
#box_h50 {display:block; padding:50px 0 20px 0;}

#pp001{font-size:120%; margin:20px 0 0 0px; line-height:1.8;}

#pp001 a{color:#222; text-decoration:underline;}

#pp001 a:hover{color:#fff; background-color:#136FB8;}




#pp002{font-size:100%; margin:0; text-align:center;}
#pp002 a{color:#222; text-decoration:underline;}
#pp002 a:hover{color:#fff; background-color:#222;}

#pp003{font-size:120%; margin:10px 0; text-align:center;}


.youtube iframe {
  width: 560px;
  height: 315px;
}

.youtube2 iframe {
  width: 853px;
  height: 480px;
}

@media screen and (max-width: 560px) {
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.youtube2 {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.youtube2 iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

}



#ttno_img {width:30%; margin:0 0 0 3%;}



#paco_img {width:25%; margin:0;}


#globalNavi{margin:0 auto 0 auto; width:80%;}



#contents-block-c3 {
	margin: 0px auto; width: 100%; max-width: 800px;
}

.business_contents {
	padding: 0px; width: 100%; font-size: 0px; margin-top: 20px; display: flex; flex-wrap: wrap; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap;
}
.business_contents li {
	margin: 20px 0px; width: calc((100% - 100px) /2); text-align: center; color: rgb(81, 79, 78); font-size: 15px; font-weight: normal; vertical-align: top; display: inline-block; list-style-type: none;
}
.business_contents li:nth-child(2n+1) {
	margin-right: 100px;
}
.margin-bottom-60 {
	margin-bottom: 60px !important;
}

/* mokuji */

#mokuji {padding:10px 20px; background-color:#F8F9FA; width:50%; margin:30px auto 0 auto; font-size:120%; display:inline-blok;}
#mokuji h2 {text-align:center; margin-bottom:20px;}

#mokuji li {list-style-type: decimal; margin:10px 0 10px 20px;}

#li_none li {list-style-type: none; margin:10px 0 10px 40px; display:inline-blok;}



#mokuji a {color:#222; text-decoration:none;}

#mokuji a:hover {color:#222; text-decoration:underline;}


#boukatsu_box {width:100%; margin:30px 0 10px 0;}
#boukatsu_box h2 {border-bottom:1px solid #A2A9B1; width:100%; font-weight:normal; color:#000;}

#boukatsu_box h3 {margin:20px 0 10px 0; font-size:140%;}

.honbun {font-size:120%; line-height:1.4; display:inline-blok;}
.sankou {font-size:100%; line-height:1.0; margin-top:15px; line-height:1.2;}
.sankou a{color:#222; text-decoration:underline;}
.sankou a:hover{color:#fff; background-color:#222; text-decoration:underline;}




/* aisatsu */

#greeting_note {
	padding: 0px; width: 100%; font-size: 100%; margin-top: 20px; display:block; overflow: hidden; flex-wrap: wrap; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap;
}
#greeting_note li.photo {
	margin: 20px 0px; width: 30%; text-align: center; float:left; color: rgb(81, 79, 78); font-size: 100%; font-weight: normal; vertical-align: top; display: inline-block; list-style-type: none;
}
#greeting_note li.txt {
	margin: 20px 0px; width:68%; line-height:1.8; float:right; text-align: left; color: rgb(81, 79, 78); font-size: 120%; font-weight: normal; vertical-align: top; display: inline-block; list-style-type: none;
}

.greeting_face_photo {
	width: 150px; height: auto;
}


@media screen and (max-width:480px)
{
#greeting_note li.photo {
	margin: 20px 0px; width: 100%; text-align: center; color: rgb(81, 79, 78); font-size: 90%; font-weight: normal; vertical-align: top; display: inline-block; list-style-type: none;
}
#greeting_note li.txt {
	margin: 20px 0px; width: 100%; text-align: left; color: rgb(81, 79, 78); font-size: 120%; font-weight: normal; vertical-align: top; display: inline-block; list-style-type: none;
}

}




/* footer */

#footer {
	background: rgb(19, 111, 184); width: 100%;
}
#footer-block {
	margin: 0px auto; padding: 20px 20px; width: 980px; color: rgb(255, 255, 255); font-size: 100%; font-weight: normal; position: relative;
}
.company_block {
	font-size: 16px; font-weight: normal;
}
.company_legal {
	padding: 10px 0px 0px; float: left; font-size:100%;
}
.company_name {
	padding: 0px 0px 0px 10px; font-size: 180%; font-weight: bold; float: left;
}
.company_name a{text-decoration:none; color:#fff;}
.company_name a:hover {text-decoration:underline; color:#fff;}


.company_tel {
	padding: 7px 0px 0px 10px; font-size: 140%; font-weight: bold; float: left;
}
.company_address {
	margin: 10px 0px 20px;
}
.footer_copyright { text-align:center; padding:50px 0 20px 0;
	
}
.footer_navi {
	top: 25px; width: 400px; right: 0px; position: absolute;
}
.footer_navi_menu {
	background: rgb(255, 255, 255); border-radius: 5px; font-size: 13px; font-weight: normal; margin-right: 5px; float: right; -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
.footer_navi_menu a {
	padding: 5px; width: 100%; height: 100%; color: rgb(19, 111, 184); display: block; text-decoration:none;
}

.footer_navi_menu a:hover {
	padding: 5px; width: 100%; height: 100%; color: rgb(19, 111, 184); display: block; text-decoration:underline;
}

.margin-bottom-20 {
	margin: 20px 0 !important;
}
.margin-top-10 {
padding-top:20px !important;
}



.arrow {
	padding: 0px 0px 0px 10px; color: rgb(0, 0, 0); font-size: 13px; text-decoration: none; vertical-align: middle; display: inline-block; position: relative;
}
.arrow::before {
	margin: auto; left: 0px; top: 0px; bottom: 0px; vertical-align: middle; position: absolute; content: "";
}
.arrow::after {
	margin: auto; left: 0px; top: 0px; bottom: 0px; vertical-align: middle; position: absolute; content: "";
}
.footer_navi_menu::before {
	border-width: 5px 5px 5px 7px; border-style: solid; border-color: transparent transparent transparent rgb(1, 114, 169); border-image: none; left: 5px; width: 8px; height: 8px; box-sizing: border-box;
}



/* page-top */
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 77%;
}
#page-top a {
	background: #666;
	text-decoration: none;
	color: #fff;
	width: 100px;
	padding: 30px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#page-top a:hover {
	text-decoration: none;
	background: #999;
}