@charset "utf-8";


body {
background-color: #Ffff
}	


.center-pconly{
	text-align: center;
}
.sp-only,#printmainimg{ display:none}

.br-blook-pc{ display:block}

.respo-mt1{margin-top:150px }

.respo-mt2{margin-top:80px }
.respo-mt2-pconly{margin-top:80px }
.respo-mt3{margin-top:40px }
.respo-mt4{margin-top:15px }
.respo-mb1{margin-bottom:150px }
.respo-mb2{margin-bottom:60px }

.respo-mb2-sponly{margin-bottom:0px }

.respo-ptb1{padding-top:100px;padding-bottom:100px }
.respo-pt1{padding-top:100px; }
.respo-pb1{padding-bottom:100px }
.respo-footer{	padding-top: 50px;padding-bottom:30px;}

/*------画像拡大------*/
.img100 img{
	width: 100%;
}

/*------head------*/

.text-head{
	font-size: 0.8em;
	text-align: center;
}

#head-sp1,#spbtn{ display:none}


#head-pc1{
	top: 0px;
	height: 70px;
}
#head-pc1 #headlogo{
	float: left;
	width: 50%;
	padding-bottom: 0px;
	padding-left: 4%;
}
#head-pc1 .subnavi{
	float: left;
	width: 50%;
	text-align: right;
	padding-top: 15px;
	padding-bottom: 0px;
	padding-right: 4%;
	padding-left: 0px;
    height: 45px;
    font-size: 14px;
}



#main-menu{
	width: 100%;
	vertical-align: middle;
	z-index: 999;
	padding-top: 6px;
	padding-bottom: 5px;
	line-height: 100%;
	margin-top: 0px;
	font-size: 16px;
	font-weight: 400; 
}
#main-menuline{
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #0067B6;
	border-bottom-color: #0067B6;
	padding-top: 2px;
	padding-bottom: 2px;
}

#main-menu .main-menu1,#main-menu .main-menu2{
	float: left;
	text-align: center;
} 

.line-btn a {
	position: relative;
	display: inline-block;
	text-decoration: none;
	color: #FFF;
}
.line-btn a::after{
	color: #FFF;
  position: absolute;
  bottom: -10px;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background: #FFF;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform .3s;
}
.line-btn a:hover::after {
  transform: scale(1, 1);
}



#main-menu .main-menu1{
width: 20%;
	padding-top: 8px;
	padding-bottom: 10px;
} 
#main-menu .main-menu2{
	width: 15%;
		padding-top: 8px;
	padding-bottom: 10px;

} 

#main-menu a .main-menu1,#main-menu a .main-menu2{

	text-decoration: none;
	padding-top: 15px;
	padding-bottom: 15px;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;

}




#spbtn{
display:none;
}
#mainimgbg{
	padding-top: 0px;
	padding-bottom: 0px;
	background-image: url(../img/topmainimg/mainimgbg.jpg);
	background-position: center top;
	background-repeat: repeat-x;
            }

#mainimg-top {

height: 450px;
wight: 1000px;
	margin-right: auto;
	margin-left: auto;

}

.maintext{
height: 450px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;

}




/*------baselayout------*/
#page-id-common{
	font-size: 1.7em;
	line-height: 200%;
}

.layout1 {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;

}
.read{font-size: 1.3em;
text-align: center}
.read2{font-size: 1.3em;
text-align: left}






/*------h1h2------*/


h1{
	font-size: 30px;
	font-weight: normal;
	float: none;
	line-height: 160%;
	text-align: center;
	width: 100%;
	padding-bottom: 20px;
	padding-top: 10px;
	background-image: url(../img/h1bg.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#page-id-naka h1{width: 1000px;
margin-left: auto;
margin-right: auto;
font-size: 30px;
	font-weight: normal;
	float: none;
	line-height: 160%;
	text-align: left;
	padding-bottom: 20px;
	padding-top: 10px;
	background-image: none;
	background-repeat: no-repeat;
	background-position: center bottom;
}
#page-id-naka h1 .thumb-h1-l{ float: left; width: 50%;}
#page-id-naka h1 .thumb-h1-r{ float: left; width: 50%; text-align: right; font-size: 0.4em}
#page-id-naka h2,#otoiawase-naka h1{
	font-size: 30px;
	font-weight: normal;
	float: none;
	line-height: 160%;
	text-align: center;
	width: 100%;
	padding-bottom: 20px;
	padding-top: 10px;
	background-image: url(../img/h1bg.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}

h3{	font-size: 1.2em;
font-weight: normal;}







.img_wrap{
  overflow: hidden;
}
.img_wrap img{
  cursor: pointer;
  transition-duration: 0.3s;
}
.img_wrap:hover img{
  opacity: 0.5;
  transition-duration: 0.3s;
}







/*------thumb set------*/

.adviser-work div{float: none;
width:100%; padding-right: 0%;}



.thumb-support-l{float: left;
width:25%; padding-right: 5%;}
.thumb-support-l img{width:100%;}
.thumb-support-r{float: left;
width:75%;}

.thumb-40{float: left;
width:35%;
padding-right: 3%}
.thumb-40 img{width: 100%}
.thumb-60{float: left;
width:65%;}

.thumb-flow-l{float: left;
width:45%;
margin-right: 10%}
.thumb-flow-r{float: left;
width:45%;
}
.thumb-45 img,.thumb-flow-l img,.thumb-flow-r img{width: 100%}


.thumb-60{float: left;
width:65%;}



.thumb-50{float: left;
width:50%;}


.thumb-topsupport{	
float: left;
width:250px;
padding-right: 0px;
text-align: center;
}
.thumb-topsupport img{width: 80%;}


.thumb-l{
	float: left;
}
.thumb-r{
	float: left;
}
.thumb-l img,.thumb-r img{width:100%;}
.thumb-syusi .thumb-l{
	width:250px;
	padding-right: 50px;
}
.thumb-syusi .thumb-r{
width:700px;
}


.thumb-greeting .thumb-l{
	width: 350px;
	padding-right: 50px;

}
.thumb-greeting .thumb-r{
	width: 600px;

}



.thumb-adviser .thumb-l{
	width: 280px;
	padding-right: 50px;
}
.thumb-adviser .thumb-r{
	width: 670px;
}
.thumb-adviser .thumb-l img{
	width: 100%;
}

.thumb-sitemap .thumb-l{
	width: 460px;
	padding-right: 40px;
}
.thumb-sitemap .thumb-r{
	width: 460px;
	padding-right: 0px;
}

.line-sitemap{border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #CCC;
	margin-top: 20px;
	padding-top: 20px;}
.line-sitemap2{
	padding-top: 20px;
    padding-left: 1em;
    }

.text-tantou{}
.text-name{
	font-weight: bold;
}
.text-syozoku{
	font-size: 0.8em;
}

.gaiyou-line{
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #CCC;
	margin-top: 20px;
	padding-top: 20px;
}

/*-----point------*/


.pointtext{
	background-color: #ffff;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 13px;
	padding-left: 20px;
	border-radius: 5px;
	font-size: 1em;
/*	box-shadow: 1px 2px 4px #ccc;*/
	border: 1px solid #999;
	line-height: 125%;
	text-align: left;
}
.arrow{
	text-align: center;
	width: 59px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 15px;
	padding-bottom: 10px;
}
.pointtext2{
	background-color: #0054A6;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 13px;
	padding-left: 20px;
	border-radius: 20px;
	font-size: 1.3em;
	box-shadow: 1px 2px 4px #ccc;
	border: 2px solid #0054A6;
	line-height: 125%;
	text-align: center;
	color: #FFF;
}

.googlemap{
	height: 500px;
	width: 100%;
}


/*------お問い合わせ------*/


.contactus-tel{
	font-size: 2.8em;
	font-weight: bold;
	text-align: center;
}
.contactus-tel img{
	vertical-align: middle;
	padding-right: 20px;
}


/*------footer-----*/


#footernavi{
		font-size: 0.8em;
	padding-top: 30px;
	padding-bottom: 30px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #cccccc;
	border-bottom-color: #cccccc;
	text-align: center;
	width: 1000px;
	margin-top: 100px;
	margin-right: auto;
	margin-left: auto;
}

#footernavi a,#footernavi a:visited,#footer a,#footer a:visited{
	color: #333333;
	padding-right: 10px;
	padding-left: 10px;
	text-decoration: none;
}
#footernavi a:hover,#footer a:hover{
	color: #333333;
	padding-right: 10px;
	padding-left: 10px;
	text-decoration: underline;
}

#footer{
	font-size: 0.8em;
	text-align: center;
}

#footernavi .line-btn a {
	position: relative;
	display: inline-block;
	text-decoration: none;
	color: #333;
}
#footernavi .line-btn a::after {
	color: #FFF;
  position: absolute;
  bottom: -5px;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background: #333;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform .3s;
}
#footernavi .line-btn a:hover::after {
  transform: scale(1, 1);
}

.copy {

	padding-top: 50px;
}
/*------gotop------*/
.gotop{
	height: 40px;
	width: 40px;
	position: fixed;
	right: 0px;
	bottom: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
}
.gotop img{	width: 100%;}