@charset "utf-8";

.pobox {
	 width: 100%;
	 overflow: hidden;
	 height: 683px;
	 position: relative;
}
/*------------------------------------------------
top_slidershow
--------------------------------------------------*/
.pobox #s_dow {
	clear: both;
}
.pobox #slider {
	height:600px;
	position: relative;
	z-index:90;
	background-color: #7A7471;
}
.pobox #slider div {
	width:1080px;
}
.pobox #slider div img {
}
.bx-next {
	clear: both;
	position:absolute;
	top:43%;
	z-index:200000;
	width: 34px;
	height: 44px;
	text-indent: -9999px;
	background: url(../img/btn_next.png) no-repeat 0 -44px;
}
a.bx-next:hover {
	background: url(../img/btn_next.png) no-repeat 0 0px;
}
.bx-prev {
	position:absolute;
	top:43%;
	z-index:200000;
	width: 34px;
	height: 44px;
	text-indent: -9999px;
	background: url(../img/btn_prev.png) no-repeat 0 -44px;
}
.bx-prev:hover {
	background: url(../img/btn_prev.png) no-repeat 0 0px;
}
.bx-wrapper {
	width: 100%!important;
	position: relative!important;
	overflow:hidden;
}
.bx-window {
	width:1080px!important;
	margin: 0 auto!important;
	overflow: visible!important;
	height:600px;
}
#mask_right {
	position: absolute;
	top: 0;
	background: url(../img/main_mask.png) no-repeat 0 0;
	width:1000px;
	height: 600px;
	z-index: 99999;
}
#mask_left {
	position: absolute;
	top: 0;
	background: url(../img/main_mask.png) no-repeat 0 0;
	width:1000px;
	height: 600px;
	z-index: 99999;
}
/*------------------------------------------------
header_wrap
--------------------------------------------------*/
.pobox #header_wrap {
	width: 100%;
	height: 124px;
	background: url(../img/h_bac.jpg) bottom center repeat-x;
	position: absolute;
	bottom: 0;
	z-index: 1000000;
}
.pobox #header_wrap.fix{
    position: fixed;
    bottom: inherit;
    top: 0;
    height: 83px;
}
.pobox #header_wrap.fix #h_nav{
    background-image: none;
}
#header_wrap.fix #h_nav .logo{
    margin-top: 5px;
}
#header_wrap.fix #h_nav ul{
    margin-top: 0;
}
/*------------------------------------------------
h_nav
--------------------------------------------------*/
.pobox #h_nav {
	width: 940px;
	height: 124px;
	overflow: hidden;
	margin: 0 auto;
	background: url(../img/nav_bac01.png) top center no-repeat;
}
#h_nav .logo {
	width: 140px;
	height: 77px;
	overflow: hidden;
	float: left;
	z-index: 1000000;
	text-indent: -9999px;
	margin-top: 35px;
	margin-right: 25px;
}
#h_nav .logo a {
	width: 140px;
	height: 77px;
	overflow: hidden;
	display: block;
	background: url(../img/nav2.png) 0 0 no-repeat;
	/*Hide Mac-IE\*/
overflow:hidden;/**/
	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
}
#h_nav .logo a:hover {
	width: 140px;
	background-position: 0 -77px;
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}
#h_nav ul {
	float: left;
	margin-top: 35px;
}
#h_nav ul li {
	float: left;
	display: block;
}
#h_nav ul li a {
	height: 77px;
	background: url(../img/nav2.png) 0 0 no-repeat;
	text-indent: -9999px;
	display: block;
	/*Hide Mac-IE\*/
overflow:hidden;/**/
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
}
#h_nav ul li a:hover {
	filter: alpha(opacity=85);
	-moz-opacity:0.85;
	opacity:0.85;
}
#h_nav ul .bt1 a {
	width: 74px;
	display: block;
	background-position:  -165px 0px;
}
#h_nav ul .bt1 a:hover {
	width: 74px;
	background-position: -165px -77px;
}
#h_nav ul .bt2 a {
	width: 80px;
	display: block;
	background-position:  -239px 0px;
}
#h_nav ul .bt2 a:hover {
	width: 80px;
	background-position: -239px -77px;
}
#h_nav ul .bt3 a {
	width: 64px;
	display: block;
	background-position:  -319px 0px;
}
#h_nav ul .bt3 a:hover {
	width: 64px;
	background-position: -319px -77px;
}
#h_nav ul .bt4 a {
	width: 101px;
	display: block;
	background-position:  -383px 0px;
}
#h_nav ul .bt4 a:hover {
	width: 101px;
	background-position: -383px -77px;
}
#h_nav ul .bt5 a {
	width: 138px;
	display: block;
	background-position:  -484px 0px;
}
#h_nav ul .bt5 a:hover {
	width: 138px;
	background-position: -484px -77px;
}
#h_nav ul .bt6 a {
	width: 148px;
	display: block;
	background-position:  -622px 0px;
}
#h_nav ul .bt6 a:hover {
	width: 148px;
	background-position: -622px -77px;
}
#h_nav ul .bt7 a {
	width: 160px;
	display: block;
	background-position:  -770px 0px;
}
#h_nav ul .bt7 a:hover {
	width: 160px;
	background-position: -770px -77px;
}
/*------------------------------------------------
h_right
--------------------------------------------------*/
.h_right {
	width: 735px;
	overflow: hidden;
	float: left;
	margin-top: 10px;
}

/*------------------------------------------------
contents_wrap
--------------------------------------------------*/
#contents_wrap {
	width: 100%;
	overflow: hidden;
	margin-top: 6px;
	clear: both;
}
.c_1 {
	width: 930px;
	overflow: hidden;
	margin: 0 auto;
}
.c_1_in {
	width: 930px;
	height: 300px;
	overflow: hidden;
	background: url(../img/img01.jpg) 0 0 no-repeat;
	margin-bottom: 7px;
}
.c_1_in ul {
	margin: 174px 0 0 27px;
}
.c_1_in ul li {
	margin-bottom: 5px;
}

.c_1_in_left {
	width: 385px;
	overflow: hidden;
	float: left;
}

.text01 {
	font-size: 23px;
	font-weight: bold;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	overflow: hidden;
	padding-left: 12px;
	letter-spacing: 0.2em;
	line-height: 175%;
}

.c_1_in_right {
	width: 534px;
	overflow: hidden;
	float: right;
	margin-bottom: 25px;
}
.c_1_in_right ul li {
	float: left;
}
.t_pad01 {
	margin-left: 3px;
}

.c_1_center_wrap {
	width: 100%;
	height: 545px;
	overflow: hidden;
	background: url(../img/center_bac.png) top center no-repeat;
	margin-bottom: 30px;
}

.c_1_center_wrap_in {
	width: 900px;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 76px;
	clear: both;
}
.text_wrap {
	width: 900px;
	overflow: hidden;
	margin-bottom: 25px;
}
.title01 {
	width: 297px;
	height: 50px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../img/title01.png) 0 0 no-repeat;
	float: left;
}
.text02 {
	width: 583px;
	float: left;
	overflow: hidden;
	padding: 6px 0 0 15px;

}
.text03 {
	overflow: hidden;
	float: left;
	background: url(../img/arrow01.png) 0 3px no-repeat;
	padding-left: 15px;
}
.c_yoyaku {
	width: 855px;
	margin: 0 auto;
	margin-bottom: 40px;

}
.c_yoyaku iframe {
	width: 658px;
	height: 40px;
	margin: 5px 0 0px 0px;
}
.text07 {
	float: left;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	width: 159px;
	overflow: hidden;
	padding-top: 10px;
	margin-left: 30px;
}
.p_box_wrap {
	width: 878px;
	overflow: hidden;
	margin: 0 auto;
	clear: both;
	margin-bottom: 24px;
}
.p_box1 {
	width: 290px;
	overflow: hidden;
	float: left;
	margin-right: 3px;
}
.p_box1 p {
	text-align: center;
}
.p_box2 {
	width: 290px;
	overflow: hidden;
	float: left;
}

.title05 {
	clear: both;
	width: 855px;
	height: 50px;
	overflow: hidden;
	margin: 0 auto;
	text-indent: -9999px;
	background:url(../img/title06.png) 0 0 no-repeat;
}

.title06 {
	width: 267px;
	height: 21px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../img/p_title01.png) 0 0 no-repeat;
	margin: 26px 0 13px 24px;
}

.title07 {
	width: 267px;
	height: 21px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../img/p_title02.png) 0 0 no-repeat;
	margin: 26px 0 13px 24px;
}
.text04 {
	padding:  0 0 31px 24px;
	overflow: hidden;
}
.plan_box_wrap {
	width: 930px;
	overflow: hidden;
	margin: 0 auto;
	clear: both;
	margin-bottom: 46px;
}
.plan_box_left, .plan_box_right {
	width: 463px;
	height: 700px;
	overflow: hidden;
	float: left;
	background: url(../img/p_box_wrap_bac.png) 0 0 repeat;
	font-size: 12px;
}
.plan_box_right {
	margin-left: 3px;
}
.p_box_wrap_in {
	width: 412px;
	overflow: hidden;
	clear: both;
	margin: 0 auto;
	margin-bottom: 32px;
}
.p_box_wrap_in1_2 {
	width: 412px;
	overflow: hidden;
	clear: both;
	margin: 0 auto;
	margin-bottom: 26px;
}
.p_box_wrap_in2 {
	width: 412px;
	overflow: hidden;
	clear: both;
	margin: 0 auto;
	margin-bottom: 10px;
}

.p_box3 {
	width: 200px;
	overflow: hidden;
	float: left;
	margin-right: 12px;
}
.p_box3 p {
}
.p_box4 {
	width: 200px;
	overflow: hidden;
	float: left;
}
.p_box5 {
	width: 200px;
	height:257px;
	overflow: hidden;
	float: left;
	margin-right: 12px;
}
.bt_wrap {
	clear: both;
	width: 313px;
	overflow: hidden;
	margin-left: 132px;
	margin-bottom: 32px;
}
.bt_wrap li {
	float: left;
	margin-left: 5px

}
.text05 {
	overflow: hidden;
	background: url(../img/arrow01.png) 0px 1px no-repeat;
	padding-left: 15px;
	margin-top: 5px;

}
.lo_wrap {
	width: 930px;
	/*width: 883px;*/
	overflow: hidden;
	margin: 0 auto 30px;
    display: flex;
    justify-content: space-between;
}
.title_wrap {
	width: 559px;
	overflow: hidden;
	float: left;
}
.tit_wrap {
	overflow: hidden;
	width: 548px;
}

.text06 {
	width: 160px;
	height: 50px;
	overflow: hidden;
	float: left;
	text-indent: -9999px;
	background: url(../img/title07.jpg) 0 0 no-repeat;
}
.t_bt01 {
	width: 146px;
	overflow: hidden;
	margin: 11px 0 0 0px;
	float: right;
}
.bana_wrap_box {
	/*width: 275px;*/
	overflow: hidden;
	float: left;
	/*margin-left: 46px;*/
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.bana_wrap_box p {
	margin-bottom: 20px;
    width: 34%;
    text-align: center;
}
.p_top {
	clear: both;
	overflow: hidden;
	text-align: right;
	margin-top: 66px;
	margin-right: 15px;
}
.minbnr_box a{
    display: block;
    max-width: 350px;
}
.minbnr_box a img{
    width: 100%;
}

/*------------------------------------------------
footer_wrap
--------------------------------------------------*/

#footer_wrap {
	width: 100%;
	overflow: hidden;
	background: url(../img/c_nakatop_bac.jpg) 0 0 repeat;
	color: #FFFFFF;
	clear: both;
}
.f_left {
	width: 372px;
	overflow: hidden;
	float: left;
	margin-left: 39px;
}
.f_right {
	width: 400px;
	overflow: hidden;
	float: left;
	margin-left: 71px;
}

#footer_bac {
	width: 100%;
	overflow: hidden;
	background: url(../img/footer_bac.png) top center no-repeat;
}
#footer {
	width: 925px;
	overflow: hidden;
	margin: 0 auto;
	padding-top: 44px;
}
.f_title {
	width: 307px;
	height: 28px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../img/title08.png) 0 0 no-repeat;
	margin-bottom: 29px;
}
.f_right_in01 {
	width: 349px;
	overflow: hidden;
	margin: 0 auto;
	margin-bottom: 13px;
}

.f_title02 {
	width: 159px;
	height: 46px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../img/title09.png) 0 0 no-repeat;
	float: left;
}
.f_bt01 {
	float: left;
	margin-left: 18px;
}
.tel01 {
	width: 323px;
	height: 32px;
	overflow: hidden;
	margin: 0 auto;
	text-indent: -9999px;
	margin-bottom: 15px;
	background: url(../img/tel01.png) 0 0 no-repeat;
}
.fbt02 {
	width: 302px;
	overflow: hidden;
	margin: 0 auto;
	margin-bottom: 26px;
}
.fbt02 li {
	float: left;
	margin-left: 24px;
}

.f_nav_wrap {
	width: 100%;
	border-top: solid 1px #666666;
	clear: both;
	padding-top: 15px;
	margin-top: 29px;
	padding-bottom: 225px;
}
.f_nav {
	width: 925px;
	overflow: hidden;
	margin: 0 auto;
	font-size: 12px;
	display: flex;
	flex-direction: column;
}
.f_nav_wrap p {
	text-align: right;
}
.f_nav_wrap ul li {
	float: left;
	background: url(../img/arrow03.png) 0 3px no-repeat;
	padding-left: 20px;
	margin-left: 10px;
}

.f_nav a:link {
color: #ffffff;
text-decoration: none;

}

.f_nav a:visited {
color: #ffffff;
text-decoration: none;
}

.f_nav a:hover {
text-decoration: underline;
color: #ffffff;
}

.f_nav a:active {
color: #ffffff;
}
.copy {
	font-size: 11px;
	overflow: hidden;
	float: right;
}










/*------------------------------------------------
css追加
--------------------------------------------------*/


.c_10 {
	width: 930px;
	overflow: hidden;
	margin: 0 auto;
}
.c_10_in {
	width: 930px;
	height: 100px;
	overflow: hidden;

	margin-bottom: 7px;
}
.c_10_in ul {
	margin: 174px 0 0 27px;
}
.c_10_in ul li {
	margin-bottom: 5px;
}

.au{
	overflow: hidden;
    margin-top: 10px;
	border-width:2px;
	margin-bottom: 20px;
	border-style: solid;
	border-color:#fff;

}
.au p{
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left:39px;
}

#lang {
  position: absolute;
	top: 0;
	left: 70%;
	width: 210px;
	height:7%;
	text-align: left;
	margin: 0;
	z-index: 1001;
	display: block;
	background: #eee;
}

#lang .btn_open {
	padding-top: 10px;
	padding-left: 45px;
}

#lang .lang_nav {
	display: none;
	top: 100%;
	width: 100%;
}

#lang ul li {
  clear: both;
  display: block;
  border-bottom: dashed 1px #333;
  width: 100%;
  background: #eee;
	color: #333;
}

#lang ul li img {
	vertical-align: middle;
	width: 20px;
}

#lang .lang_nav a {
	display: block;
	line-height: 4em;
	color: #333;
	text-decoration: none;
	text-align: center;
}

#lang img {
	margin-right: 10px;
}

#lang i {
	margin-left: 10px;
}

.txtbnr{
    max-width: 930px;
    width: ;
    margin: 50px auto 0;
    border: solid 2px red;
    padding: 15px 10px;
    box-sizing: border-box;
}
.txtbnr .tit{
    text-align: center;
    color: red;
    font-size: 22px;
    margin-bottom: 15px;
}
.txtbnr .txt{
    width: fit-content;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    margin: 0 auto;
    font-size: 16px;
    line-height: 1.5;
}

.bnrbox{
    max-width: 930px;
    margin: 25px auto 25px;
}
.bnrbox a{
    display: block;
}
.bnrbox a img{
    width: 100%;
}

.oshirase_bg{
	background: #FFF;
	padding: 30px;
}
.oshirase{width: 930px; box-sizing: border-box;margin: 0 auto;padding: 20px;border: 1px solid red;background: lavenderblush;font-family: sans-serif;color: #000;}
.oshirase h4 span{
background: firebrick;
font-weight: bold;
padding: 5px;
color: #FFF;
margin-right: 10px;}
.oshirase h4{display: block;margin-bottom: 18px;}
.oshirase a{font-size: 90%;color: #00E;text-decoration: underline;}
.oshirase a:hover{text-decoration: none;}
@media screen and (max-width: 768px) {
	.oshirase{width: 95%;margin: 0 auto;padding: 20px 10px;border: 1px solid red;background: lavenderblush;font-family: sans-serif;color: #000;}
	.oshirase h4 span{
		background: firebrick;
		font-weight: bold;
		padding: 5px;
		color: #FFF;
		margin-right: 10px;}
	.oshirase h4{display: block;margin-bottom: 18px;padding-left: 4em;text-indent: -3.3em;}
	.oshirase a{font-size: 90%;color: #00E;text-decoration: underline;}
	.oshirase a:hover{text-decoration: none;}
}