.site_header{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 100;
	transition: 0.6s;
	background: rgba(255, 255, 255, 1);
	padding:20px;
}
.site_header .flex{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.site_header h1{
	width: 220px;
	transition: 0.6s;
}
.site_header h1 a{
	display: block;
	width: 100%;
}
.site_header h1 a img{
	display: block;
	width: 100%;
	transition: .4s;
}
.site_header h1 a:hover img{
	opacity: .6;
}

.line_btn{
	display: inline-block;
	line-height: 0.9;
	margin-right: 20px;
}

.line{
	display: inline-block;
  	width: 50px;/*幅*/
  	height: 50px;/*高さ*/
}

.insta_btn {
	display: inline-block;
	text-align: center;/*中央揃え*/
	line-height: 0.9;
	border-radius: 13px;
  }

.insta{
	position: relative;/*相対配置*/
  	display: inline-block;
  	width: 50px;/*幅*/
  	height: 50px;/*高さ*/
  	background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
  	background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;/*グラデーション①*/
  	overflow: hidden;/*はみ出た部分を隠す*/
  	border-radius: 13px;/*角丸に*/
}

.insta::before{
	content: '';
  	position: absolute;/*絶対配置*/
  	top: 23px;/*ずらす*/
  	left: -18px;/*ずらす*/
  	width: 60px;/*グラデーションカバーの幅*/
  	height: 60px;/*グラデーションカバーの高さ*/
  	background: -webkit-radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
  	background: radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);/*グラデーション②*/
}

.insta_btn .fa-instagram {/*アイコン*/
	color: #FFF;/*白に*/
	position: relative;/*z-indexを使うため*/
	z-index: 2;/*グラデーションより前に*/
	font-size: 35px;/*アイコンサイズ*/
	line-height: 50px;/*高さと合わせる*/
  }

.line_btn .fa-line{
	color: #fff;
	font-size: 50px;
	line-height: 50px;
}

.hd_sns{
	align-items: center;
	display: flex;
}

.insta_btn:hover, .line_btn:hover{
	opacity: 0.8;
}

.site_header .info{
}
.site_header .info .tr{
	display: flex;
	justify-content: space-around;
	align-items: center;
}
.site_header .info .tr .tel_btn{
}
.site_header .info .tr .tel_btn a{
	display: inline-block;
	font-size: 3.5rem;
	letter-spacing: 0.1em;
	font-weight: 900;
	color: #289eed;
}
.site_header .info .tr .tel_btn a i{
	display: inline-block;
	font-size: 0.8em;
	transform: translateY(-1px);
}
.site_header .info .tr .tel_btn a:hover{
	opacity: 0.6;
}
.site_header .info .tr .btn a{
	display: block;
	padding: 3px 35px;
	text-align: center;
	background-color: #289eed;
	color: #fff;
	border: 2px solid #289eed;
	border-radius: 500px;
	font-size: 2rem;
	font-weight: 600;
	letter-spacing: 2px;
}
.site_header .info .tr .btn a:hover{
	background-color: #fff;
	color: #4ab2f8;
}

.site_header .tel_btn{
	margin-right: 30px;
	margin-top: 10px;
	line-height: 1;
}


/*global_nav*/
.global_nav{
	margin-right: 10px;
	margin-top: 20px;
}
.global_nav > ul{
	display: flex;
	justify-content: right;
}
.global_nav > ul > li{
	flex: 1 0 auto;
	text-align: center;
	transition: .4s;
	border-left: 1px dashed #ddd;
}
.global_nav > ul > li:last-child{
	border-right: 1px dashed #ddd;
}
.global_nav > ul > li > a{
	display: block;
	font-size: 1.6rem;
	line-height: 1.7;
	letter-spacing: 0.15em;
	padding: 0 30px;
	padding-top: 5px;
	font-weight: 500;
}
.global_nav > ul > li > a > span{
	display: block;
	text-transform: capitalize;
	font-size: 1.4rem;
	letter-spacing: 0.12em;
	font-weight: 900;
	transition: 0.4s;
	color: #289eed;
}
.global_nav > ul > li > a::after{
	content: '';
	display: block;
	width: 0;
	height: 2px;
	background: #63c5e1;
	margin: 2px auto 0;
	transition: all 0.2s ease-in;
}
.global_nav > ul > li > a:hover::after{
	width: 20px;
}
.global_nav > ul > li > a:hover > span{
	color: #63c5e1;
}
.global_nav ul li.parent a::after{
	display: none;
}

.global_nav ul li.parent{
	position: relative;
}
.global_nav ul li.parent > a{
	
}
.global_nav ul li.parent > a.none{
	cursor: default;
}
.global_nav ul li.parent > a::before{
	display: none;
}
.global_nav ul li.parent > a:hover{
	transform: none;
}
.global_nav ul li.parent > a i{
	display: block;
	font-size: 8px;
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translate(-50%,0);
	color: #4ab2f8;
}
.global_nav ul li.parent > a:hover i{
	color: #63c5e1;
}
.global_nav ul li.parent .child{
	position: absolute;
	top: 100%;
	left: 50%;
	transform: scaleY(0) translateX(-50%);
	transition: 0.3s ease-in;
	transform-origin: center top;
	padding-top: 15px;
}
.global_nav ul li.parent .child a{
	display: block;
	background-color: #fff;
	box-shadow: rgb(0 0 0 / 10%) 1.95px 1.95px 2.6px;
	text-align: left;
	padding: 14px 20px;
	white-space: nowrap;
	margin-bottom: 3px;
	line-height: 1;
	letter-spacing: 0.08em;
	font-size: 1.6rem;
	color: #4ab2f8;
}
.global_nav ul li.parent .child a:last-child{
	margin-bottom: 0;
}
.global_nav ul li.parent .child a::before{
	content: '-';
	display: inline-block;
	margin-right: 0.5em;
	transition: 0.4s;
}
.global_nav ul li.parent:hover .child{
	transform: scaleY(1) translateX(-50%);
}
.global_nav ul li.parent .child a:hover{
	color: #63c5e1;
}
.global_nav ul li.parent .child a:hover::before{
	transform: translateX(3px);
}

@media (max-width: 1200px){
	.site_header{
		padding: 0 10px;
	}
	.site_header .flex{
		height: 75px;
	}
	.site_header h1{
		width: 200px;
	}
	.site_header .info{
		display: none;
	}
}