@charset "utf-8";
/*================================================
 *  ＰＣ用
 ================================================*/
/*レイヤーベース*/
.LayerWhite{
	background-color:#FFF;
	width:100%;
	clear:both;
	height:auto;
	margin:0;
	padding-top:1px;
}
.LayerLightBlue{
	background-color:#b6e6f0;
	width:100%;
	clear:both;
	height:auto;
	margin:0;
	padding-top:1px;
}
.LayerMiddleBlue{
	background-color:#72cadd;
	width:100%;
	clear:both;
	height:auto;
	margin:0;
	padding:0;
}
.LayerDeepBlue{
	background-color:#14accc;
	width:100%;
	clear:both;
	height:auto;
	margin:0;
	padding:0;
}

/*共通ラップ*/
.Wrap{
	width:1080px;
	margin:0 auto;
	padding-top:1px;
}
/*タイトルレイヤーとボックス*/
.LayerTitle{
	background-color:#b6e6f0;
	width:100%;
	clear:both;
	height:auto;
	margin:0;
	padding-top:1px;
	position: fixed; /* ウィンドウを基準に画面に固定 */
    top: 0; /* 上下の固定位置を上から0pxにする */
    left: 0; /* 左右の固定位置を左から0pxにする */
	z-index:100;
}
.PcTitle{
	width:1080px;
	margin:0 auto;
}
.SpTitle{
	display:none;
}
.MainTileBox{
	width:100%;
	clear:both;
	margin:0 auto;
	margin-top:30px;
}
.OfficeName{
	width:460px;
	float:left;
}
.PhoneBoxHeader{
	width:300px;
	padding-top:10px;
	text-align:right;
	float:right;
	line-height:1.3em;
	font-size:0.9em;
}
span.PhoneNumber{
	font-size:2.2em;
	font-family: "Libre Bodoni", serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
span.PhoneNumber a{
	cursor:default;
}
span.PhoneNumber a:hover{
	opacity:1.0;
}
ul.MenuPc{
	clear:both;
	width:1074px;
	margin:0 auto;
	margin-top:25px;
	margin-bottom:25px;
	background:#FFF;
	height:54px;
	border-radius:27px;
}
ul.MenuPc li.ToPage{
	width:150px;
	float:left;
	text-align:center;
	line-height:54px;
	font-weight:bold;
}
ul.MenuPc li.ToPage a{
	color:#075087;
}
ul.MenuPc li.Dotto{
	width:4px;
	float:left;
	padding-top:9px;
}

/*TOP-リード------*/
.LeadBox{
	width:100%;
	margin:0 auto;
}
.LeadT{
	width:530px;
	float:left;
	color:#094f89;
	font-size:1.7em;
	font-family: "Noto Serif JP", serif;
  font-weight: 400;
  font-style: normal;
  line-height:1.8em;
}
p.LeadWriting{
	width:550px;
	float:left;
	color:#094f89;
}

.LinkBtL{
	width:250px;
	margin:0 auto;
}
.LinkBtL a{
	display:block;
	width:100%;
	height:60px;
	border-radius:30px;
	text-align:center;
	color:#FFF;
	line-height:60px;
	font-weight:bold;
	background-color:#4bbed6;
}
/*Top-BLOGブロック*/
.BlogTopBox{
	width:100%;
	margin:0 auto;
}
.BlogT{
	width:380px;
	float:left;
}
.BlogT h2{
	font-size:6.0em;
	color:#8cd2e2;
	font-family: "Roboto", sans-serif;
  	font-weight: 900;
  	font-style: normal;
	line-height:0.8em;
}
.BlogT h3{
	margin:15px 0;
	font-size:1.7em;
	color:#FFF;
	font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 400;
  font-style: normal;
}
ul.BlogTitle{
	width:700px;
	float:left;
}
.LinkBtSW{
	width:130px;
	margin:0;
}
.LinkBtSW a{
	display:block;
	width:100%;
	height:30px;
	background-color:#FFF;
	border-radius:15px;
	text-align:center;
	line-height:32px;
	color:#4bbed6;
	font-weight:bold;
}
.LinkBtSW a:after{
	content: '';/*何も入れない*/
  display: inline-block;
  width:20px;/*画像の幅*/
  height:20px;/*画像の高さ*/
  background-image:url(../img/en.png);
  background-size: contain;
  vertical-align: middle;
  margin-left:10px;
}
ul.BlogTitle li{
	padding:25px 0;
	border-bottom:2px dotted #b6e6f0;
}
ul.BlogTitle li:first-child{
	border-top:2px dotted #b6e6f0;
}
ul.BlogTitle li a{
	color:#FFF;
}
li span.BlogD{
	display:block;
	width:120px;
	float:left;
	font-family: "Fira Sans", sans-serif;
  font-weight: 400;
  font-style: normal;
}
li span.BlogT{
	display:block;
	width:470px;
	float:left;
}
span.BlogImg{
	display:block;
	width:80px;
	float:left;
	margin-left:10px;
}
/*Top-Topicsブロック*/
.TopicsTopBox{
	width:100%;
	margin:0 auto;
}
.TopicsT{
	width:380px;
	float:left;
}
.TopicsT h2{
	font-size:6.0em;
	color:#eaf6f9;
	font-family: "Roboto", sans-serif;
  	font-weight: 900;
  	font-style: normal;
	line-height:0.8em;
}
.TopicsT h3{
	margin:15px 0;
	font-size:1.7em;
	color:#094f89;
	font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 400;
  font-style: normal;
}
ul.TopicsTitle{
	width:700px;
	float:left;
}
.LinkBtSB{
	width:130px;
	margin:0;
}
.LinkBtSB a{
	display:block;
	width:100%;
	height:30px;
	background-color:#4bbed6;
	color:#FFF;
	border-radius:15px;
	text-align:center;
	line-height:32px;
	font-weight:bold;
}
.LinkBtSB a:after{
	content: '';/*何も入れない*/
  display: inline-block;
  width:20px;/*画像の幅*/
  height:20px;/*画像の高さ*/
  background-image:url(../img/en.png);
  background-size: contain;
  vertical-align: middle;
  margin-left:10px;
}
ul.TopicsTitle li{
	padding:25px 0;
	border-bottom:2px dotted #b6e6f0;
	color:#094f89;
}
ul.TopicsTitle li:first-child{
	border-top:2px dotted #b6e6f0;
}
ul.TopicsTitle li a{
	color:#094f89;
}
li span.TopicsD{
	display:block;
	width:120px;
	float:left;
	font-family: "Fira Sans", sans-serif;
  font-weight: 400;
  font-style: normal;
}
li span.TopicsT{
	display:block;
	width:560px;
	float:left;
}

/*取り扱い内容*/
.JobsList{
	width:100%;
	margin:0 auto;
}

h3.JobsListT{
	margin:15px 0;
	font-size:1.7em;
	color:#094f89;
	text-align:center;
	font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 400;
  font-style: normal;
	
	
}
p.JobsLead{
	width:940px;
	margin:0 auto;
	color:#094f89;
	line-height:2.2em;
}
ul.JobsLine{
	width:940px;
	margin:0 auto;
}
ul.JobsLine li.JobsTerm{
	width:180px;
	float:left;
	margin-left:10px;
	margin-bottom:10px;
}
ul.JobsLine li.JobsTerm a{
	display:block;
	width:100%;
	height:50px;
	background-color:#4bbed6;
	color:#FFF;
	border-radius:25px;
	text-align:center;
	line-height:52px;
	font-weight:bold;
}
ul.JobsLine li.JobsTerm:nth-child(1),
ul.JobsLine li.JobsTerm:nth-child(5n+1){
	margin-left:0;
}

/*フッターUP*/
.FooterUp{
	width:100%;
	margin:0 auto;
}

p.FooterUpTell{
	text-align:center;
	line-height:2.0em;
	color:#FFF;
}
p.FooterUpTell span.FooterTell{
	font-size:2.2em;
	font-family: "Libre Bodoni", serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  line-height:1.8em;
}
span.FooterTell a{
	cursor:default;
	color:#FFF;
}
span.FooterTell a:hover{
	opacity:1.0;
}
/*フッターブロック*/
.FooterBox{
	width:430px;
	margin:0 auto;
	
	
}
.FooterBoxLeft{
	width:180px;
	float:left;
}
p.FooterAddress{
	text-align:left;
	color:#FFF;
	font-size:0.9em;
	margin-top:20px;
}
ul.FooterBoxRight{
	display:block;
	width:219px;
	margin-left:30px;
	padding-left:30px;
	border-left:1px #FFF solid;
	float:right;
}
ul.FooterBoxRight li.FooterMenu{
	padding-bottom:8px;
}
ul.FooterBoxRight a{
	color:#FFF;
}
p.CopyRigt{
	margin:60px 0 0 0;
	color:#FFF;
	text-align:center;
	font-size:0.84em;
}


/*トップへ戻るボタン*/
#js-pagetop {
  position: fixed;
  width:70px;
  height:50px;
  border-radius: 8px;
  background:#69C;
  color: #fff;
  bottom: 50px;
  right: 50px;
  cursor: pointer;
  opacity:0.6;
	z-index:100;
}

#js-pagetop span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 100%;
  text-align: center;
  font-size: 14px;
}
/*スペース用ブロック*/

hr.Hight25{
	border:none;
	height:25px;
	background-color:none;
}
hr.Hight10{
	border:none;
	height:10px;
	background-color:none;
}

hr.Hight40_20{
	border:none;
	height:40px;
	background-color:none;
}
hr.Hight40_0{
	border:none;
	height:40px;
	background-color:none;
}
hr.Hight150_100{
	border:none;
	height:150px;
	background-color:none;
}
hr.Hight200_150{
	border:none;
	height:200px;
	background-color:none;
}
hr.Hight180_150{
	border:none;
	height:180px;
	background-color:none;
}

hr.Hight100_80{
	border:none;
	height:100px;
	background-color:none;
}
hr.Hight60_40{
	border:none;
	height:60px;
	background-color:none;
}

hr.Hight50_30{
	border:none;
	height:50px;
	background-color:none;
}