@charset "utf-8";
@import "mp.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;
	line-height: 200%;
	font-size: 16px;
	color: #333333;
	background-color: #fff;
}
.catch1{
color:#EB4128;
  align-items: center; /* 垂直中心 */
  border-top: 4px solid;
    justify-content: center; /* 水平中心 */
     width: 2em; /* 線の長さ */
    margin:30px auto 10px auto; 
}
#bg-area{background-color: #F7F7F7;padding: 100px 0;margin-top: 100px;}
.kakomi1{background-color: #F3F3F3;padding: 10px;border: 5px solid #EEEEEE;}
.kakomi2{font-weight: 700;font-size: 1.5em; background-color: #F3F3F3;padding: 10px;border: 5px solid #EEEEEE;margin-top: 50px;}

.sinsa{font-size: 0.9em!important; border: 1px solid #CCC;width: 150px; padding: 3px 10px 5px 10px;margin: 30px 0px 0px auto; text-align: center;}


/*------fontゴシック------*/
.font-Noto,.wrap1200,section{font-family: 'Noto Sans JP', sans-serif;}
.font-Noto-serif{font-family: 'Noto Serif JP', serif;}
.font-Cabin,.step,.tel{font-family: 'Cabin', sans-serif;}

/*------bold------*/
.f-bold{font-weight: 700;}
.f-bold500{font-weight: 500;}
.font-small{font-size: 0.8em;}
.font-small2{font-size: 0.9em;}
.font-big{font-size: 1.1em;}
.font-big2{font-size: 1.2em;}
.font-big3{font-size: 1.5em;}

/*-----キーカラーテルウェルブルーrgba(0,160,233,1)------*/
.color-sky-blue{color:#00A0E9!important;}
.read,.bg-read,.section-contact h2{background-color:#00A0E9!important; }

/*-----キーカラーgray1 rgba(0,0,0,1)------*/
.color-glay1{color:rgba(0,0,0,0.5);}
.color-glay2{color:rgba(0,0,0,0.2);}
.color-glay3{color:rgba(0,0,0,0.01);}
h2,.block4title{background-color:#222222;}

/*-----キーカラーグリーン------*/
.color-green{color:#2ecc71;}
/*-----カラーシアン-----*/
.color-blue{color: #20859F;}
/*-----カラー赤色------*/
.color-aka,.tyuui{color:#EB4128;}
/*-----イメージオーバー------*/
.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)";
}
/*------link------*/
a{color:#00A0E9;
	font-style: normal;
	text-decoration:underline;
      -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:visited{color: #20859F;
	font-style: normal;
	text-decoration:underline;
    	
}
a:hover{color:#2ecc71;
	text-decoration: underline;}
a:active{color:#2ecc71;
	text-decoration: underline;}
/*------位置の共通化------*/
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;
text-align: justify; 
text-justify: inter-character;
}
.text-just,.wrap1200{
text-align: justify; 
text-justify: inter-character;
}
/*------文章2行目からおとす-----*/
.mark05{
padding-left: 0.5em; 
text-indent: -0.5em; 
}
.mark,.tyuui{
padding-left: 1em; 
text-indent: -1em; 
}
.mark5{
padding-left: 5em; 
text-indent: -5em; 
}
.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;
}

/*------align------*/
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.left {
	text-align: left;
}

/*------gotop------*/
.gocontact{
	height: 200px;
	width: 200px;
	position: fixed;
	right: 50px;
	bottom: 30vh;
	margin-right: 0px;
	margin-bottom: 0px;
}
.gocontact img{	width: 100%;}
a.anchor{
    display: block;
    padding-top: 0px;
    margin-top: 0px;
}