@charset "utf-8";
@import "mp.css";
@import "table.css";



body {
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','MS UI Gothic',sans-serif;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom:0px;
	font-size: 62.5%; /* Resets 1em to 10px */
	line-height: 2.4em;	
	color: #333333;
}
@font-face {
    font-family: myfont;                    /* フォントに名前を付ける */
    src: url('../Utsukushi/UtsukushiFONT.otf') format('opentype');  /* フォントのURLを指定する */
}
.contactus-tel,.myfont{    font-family: myfont; transform: rotate(0.05deg);}	

/*------fontゴシック------*/



#page-id-naka h1 .thumb-h1-r,.contactus-mail,#spmenu,.layout1,#main-menu{font-family: 'Noto Sans JP', sans-serif;
transform: rotate(0.05deg);
}
/*------fontセリフ------*/

#page-id-naka h1 .thumb-h1-l,h2,h1,#footernavi,.font-serif,.read{
font-family: 'Noto Serif JP', serif;
transform: rotate(0.05deg);
}

/*------font英数------*/

.number{font-family: 'Cabin', sans-serif; transform: rotate(0.05deg); font-weight: 400!important; }

/*------bold------*/
h2,.f-bold,#main-menu{
	font-weight: 700;
}

/*-----イメージオーバー------*/
.hover-style img {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}

.hover-style img:hover {
	opacity: .6;
	-webkit-opacity: .6;
	-moz-opacity: .6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
}


/*------font------*/

.fontao{
	color: #005BAC;
}
.font-small{
	font-size: 0.8em;
}

/*------ベース色 コン------*/

#head-pc1 .subnavi i{
	color: #1D2577 !important;
}

/*------ベース色 青------*/
.read,#page-id-naka h3,.contactus-tel,.contactus-tel a,.gaiyou-table i,.topicsbtn i{
	color: #0067B6 !important;
}
a .btn-color1, .btn-color1,#main-menu{background-color: #0067B6;}

/*------ベース色 黒------*/
{
	color: #333333 !important;
}

/*------ベース色 青80%------*/
#h1bg{background-color:#3385C5}
.adviser-work span{color:#3385C5}

/*------ベース色 青20%------*/
{background-color: #E5EEF7 !important;}

/*------ベース色水色------*/
{background-color:#00B9EF ;}
{color:#00B9EF ;}

/*------ベース色　ベージュ------*/
#head-pc1,.bg0,#head-sp1{background-color:#F5F5F5 ;}
.spmenuline{
border-bottom-color: #F5F5F5;
}
/*------ベース色白------*/
{background-color: #FFFFFF !important;}


/*------ベース色ピンク------*/
.read2{
	color: #E52E8A !important;
}

/*------ベース色　濃いオレンジ------*/


a:hover .btn-color1, .btn-color1:hover{
	background-color: #ED6D00;}

/*------ベース色　むらさき------*/
{
	color: #920783 !important;
}


/*------スマホのみ電話リンク------*/
@media (min-width: 896px) {
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}
}
/*------背景図柄------*/
#h1bg{
	background-attachment: fixed;
	background-image: url(../img/bg1.png);
	background-position: right top;
	color: #FFF;
}
.bg2{
	background-attachment: fixed;
	background-image: url(../img/bg1.png);
	background-position: center top;
	background-color: #0054A6;
	color: #FFF;
}

/*------位置の共通化------*/

ol{
	padding:0px;
	list-style-type: decimal;
	list-style-position:outside;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}

ol li{
	margin-left: 10px;
}

ul{
	padding:0px;
	list-style: outside;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}
ul li{
	margin-left: 10px;
}

p{
	margin:  0em;
	text-indent: 0em;
}


.mark{
padding-left: 1em; 
text-indent: -1em; 
}
.mark15{
padding-left: 1.5em; 
text-indent: -1.5em; 
}
.mark2{
padding-left: 2em; 
text-indent: -2em; 
}
.mark3{
padding-left: 3em; 
text-indent: -3em; 
}
.mark4{
padding-left: 4em; 
text-indent: -4em; 
}
.mark45{
padding-left: 4.5em; 
text-indent: -4.5em; 
}
.mark5{
padding-left: 5em; 
text-indent: -5em; 
}
.mark6{
padding-left: 6em; 
text-indent: -6em; 
}

.afterclear{
    zoom:1;/*for IE 5.5-7*/
}
.afterclear:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
.clear{
	clear: both;
	width: 100%;
    height: 0;
	visibility: hidden;
} 

.png{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
/*------img------*/
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.imgkakomi{
	border: 1px solid #e6e6e6;
	padding: 1px;
}



/*------cpa-----*/
.cap {
	font-size: 0.9em;
	padding-top: 0px;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 10px;
}
/*------align------*/
.center {
	text-align: center;
}

.right {
	text-align: right;
}
.left {
	text-align: left;
}




/*------link------*/
a{
	font-style: normal;
	color: #0067B6;
	text-decoration:underline;
}
a:visited{
	font-style: normal;
	color: #0067B6;
	text-decoration:underline;
}
a:hover{
	color: #D59533;
	text-decoration: underline;
}
a:active{
	color: #009843;
	text-decoration: underline;
}

#head-pc1 .subnavi a,#head-pc1 .subnavi a:active,.line-sitemap a,.line-sitemap a:active,.line-sitemap2 a,.line-sitemap2 a:active{
	font-style: normal;
	color: #333333;
	text-decoration:none;
}
#head-pc1 .subnavi a:hover,.line-sitemap a:hover,.line-sitemap2 a:hover{
	font-style: normal;
	color: #333333;
	text-decoration:underline;
}

/*------ボタン------*/

.btn {
	text-align: center;
	width: 250px;
	margin-right: auto;
	margin-left: auto;
	font-size: 1em;
	line-height: 100%;	
}
.btn a,.btn a:hover{
	text-decoration: none;

}


a .btn-color1, .btn-color1{
	color: #fff;
	padding: 15px;
border-radius: 20px;
  -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;
 box-shadow: 2px 2px 4px gray;
}
a:hover .btn-color1, .btn-color1:hover{
	color: #fff;
	padding: 15px;
border-radius: 20px;
 box-shadow: 2px 2px 4px gray;

}
/*------ボタンtopics------*/
.btn2 {
	text-align: center;
	width: 250px;
	margin-right: auto;
	margin-left: auto;
	font-size: 1em;
	line-height: 100%;	
}
.btn2 a,.btn2 a:hover{
	text-decoration: none;

}
a .btn-color2, .btn-color2{
	color: #333;
	padding: 15px;
border-radius: 20px;
  -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;

}
a:hover .btn-color2, .btn-color2:hover{
	color: #fff;
	padding: 15px;
border-radius: 20px;


}


a.anchor{
    display: block;
    padding-top: 20px;
    margin-top: -20px;
}