@charset "utf-8";
body {
background-color: #Ffffff
}	

.pc-only,#printmainimg{ display:none}

.center-pconly{
	text-align: left;
}

.br-blook-sp{ display:block}
#footernavi{ display:none}

.respo-mt1{margin-top:50px }
.respo-mt2{margin-top:35px }
.respo-mt2-pconly{margin-top:0px }
.respo-mt3{margin-top:20px }
.respo-mt4{margin-top:10px }
.respo-mb1{margin-bottom:50px }
.respo-mb2{margin-bottom:25px }

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

.respo-ptb1{padding-bottom: 50px; padding-top: 50px;}
.respo-pt1{	padding-top: 50px;}
.respo-ptb2{padding-bottom: 35px; padding-top: 35px;}
.respo-ptb3{	padding-top: 20px;padding-bottom:20px;}
.respo-pt3{	padding-top: 20px;}
.respo-pb1{	padding-bottom: 50px;}

.respo-footer{	padding-top: 50px;padding-bottom:30px;}

/*------画像拡大------*/

.thumb-l img,.thumb-r img,.gotop img,.img100 img,.img100-sponly img{
	width: 100%;
}
.h2icon img{
	width: 25px;
}
.h2icon{
    text-align: center;
}

#page-id-naka h1{
margin-left: auto;
margin-right: auto;
font-size: 30px;
	font-weight: normal;
	float: none;
	line-height: 160%;
	text-align: center;
	padding-bottom: 20px;
	padding-top: 70px;
	background-image: none;
	background-repeat: no-repeat;
	background-position: center bottom;
}


/*------head------*/
#head-pc1,#main-menu{ display:none}
#head-sp1{ 
	
	height: 60px;
	width: 100vw;
	z-index: 5;
	position: fixed;
	padding-top: 10px;
	padding-bottom: 10px;
}
#headlogosp{
	position: fixed;
	margin-top: 0px;
	width: 200px;
	left: 10px;
	height: 40px;
}

#spbtn{
	position: fixed;
	height: 30px;
	margin-top: 5px;
	margin-bottom: 5px;
	right: 10px;
width: 30px;
}
#spbtn img{
	float: right;
}

/*------spmenu------*/
.spmenuline{
	border-bottom-width: 2px;
	border-bottom-style: solid;

}

#spmenu{
	background-repeat: repeat;
	font-size: 1.1em;
	display: none;
	width: 100vw !important;
	margin-left: 0px;
	line-height: 250%;
	padding-top: 25px;
}
#spmenu a,#spmenu a:visited,#spmenu a:hover,#spmenu a:active {
	font-style: italic;
	color: #FFFFFF;
	text-decoration: none;
}

#spmenu .spmenu-line1{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
}
#spmenu .spmenu-line2{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
}
#spmenu .spmenu-line1{
	background-image: url(../img/menubg.png);
	background-repeat: repeat;
}

#spmenu .spmenu-line2{
	background-image: url(../img/menubg2.png);
	background-repeat: repeat;
}


#spmenu .spmenu-c,#spmenu .spmenu-r,#spmenu .spmenu-l,#spmenu .spmenu-c2{
	padding-top: 10px;
	padding-bottom: 10px;}
#spmenu .spmenu-c{
	text-align: center;	
}
#spmenu .spmenu-c2{
	float: right;
	text-align: right;
	padding-right: 20px;
	padding-left: 20px;
}




/* img */
.imgWrap {
	overflow: hidden;	/*拡大時にはみ出た部分を隠す*/
}
.imgWrap img {
	display: block;
	-moz-transition: -moz-transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -o-transition: -o-transform 0.5s linear;
	-ms-transition: -ms-transform 0.5s linear;
	transition: transform 0.5s linear;
}
.imgWrap img:hover {
	transform: scale(1.05);	/*画像の拡大率*/
	-webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
}


/*------mainimg------*/
#mainimgbg{

	padding-top: 50px;
	padding-bottom: 0px;
}
#mainimg-top {
	background-repeat: no-repeat;
	background-position: center bottom;
	width: 100VW;

	margin-top: 0px;
}
.maintext{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    margin-bottom: 0px;
}
.maintext img{width: 100%;}
.slideshow-btn{
	display:none;
}

/*------baselayout------*/	
#page-id-common{
	font-size: 1.3em;
	line-height: 180%;
}
.layout1 {
	width: auto;
	margin-right:15px;
	margin-left: 15px;
}
.read{font-size: 1.3em;
text-align: left}
.read2{font-size: 1.3em;
text-align: left}




/*------footer-----*/
#footer{

	text-align: center;

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

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


h1{
	font-size: 1.4em;
	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: 100%;

font-size: 1.4em;
	font-weight: normal;
	float: none;
	line-height: 160%;

	padding-bottom: 10px;
	padding-top: 70px;
	background-image: none;
	background-repeat: no-repeat;
	background-position: center bottom;
}

#page-id-naka #h1bg{background-image: none;}


#page-id-naka h1 .thumb-h1-l{ float: none; width: 100%; text-align: center;}
#page-id-naka h1 .thumb-h1-r{ float: none; width: 100%; text-align: center; font-size: 0.5em}

#page-id-naka h2,#otoiawase-naka h1{
	font-size: 1.5em;
	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{
	text-align: center;
}
.thumb-support-l img{
	width: 60%;
}
.thumb-50{float: none;
width:100%;}

.thumb-40{float: none;
width:100%;
padding-right: 0%;
text-align: center}
.thumb-40 img{width: 80%}
.thumb-60{float: none;
width:100%;
}
.thumb-flow-l{float: none;
width:100%;
margin-right: 0%}
.thumb-flow-r{float: noen;
width:100%;
}
.thumb-45 img,.thumb-flow-l img,.thumb-flow-r img{width: 100%}


.thumb-topsupport{	
float: none;
width:100%;
padding-right: 0px;
text-align: center;
}
.thumb-topsupport img{width: 50%;}

.thumb-greeting .thumb-l{
	width: 100%;
    text-align: center;

}
.thumb-greeting .thumb-r{
	width: 100%;
r}
.thumb-greeting .thumb-l img{
	width: 80%;
}

.thumb-l,.thumb-r{
	float: none;
	padding: 0px;

}
.thumb-adviser .thumb-l{
text-align: center;h2icon
}
.thumb-adviser .thumb-l img{
	width: 80%;
}


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


.gaiyou-line{}

/*-----コンテンツ共通------*/

.fontbig{
	font-size: 1.0em;

}

.gaiyou-line{}
/*-----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: 2px solid #999;
	line-height: 125%;
	text-align: center;
}
.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: 0.9em;
	box-shadow: 1px 2px 4px #ccc;
	border: 2px solid #0054A6;
	line-height: 125%;
	text-align: center;
	color: #FFF;
}





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


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


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

}
.copy {
	font-size: 0.7em;
	padding-top: 50px;
	padding-bottom: 0px;
	text-align: center;
}
#footer img{ 	width: 100%; 
max-width:250px}


/*------gotop------*/
.gotop{
	height: 40px;
	width: 40px;
	position: fixed;
	right: 0px;
	bottom: 0px;
}
a.anchor{
	display: block;
	padding-top: 20px;
}