@charset "utf-8";
/* Copyright 2018 FSFIELD All Rights Reserved. */

/* ------------------------------------------------------------

service

------------------------------------------------------------ */

/* pagettl
---------------------------------------------- */
#pagettl{
	background-image: url(../service/img/bg_pagettl.jpg);
	margin-bottom: 0;
}

.p-service{
	background: #FFF;
	padding: calc(100vw/375*78) 0 calc(100vw/375*40);
}

.p-service-inner{
	width: 100%;
}

.service-main-image{
	display: block;
	width: 100%;
	height: auto;
}

.service-content{
	padding: calc(100vw/375*40) 25px 0;
}
.service-program{
	border-top: calc(100vw/375*3) solid #e2e6eb;
	padding-top: calc(100vw/375*22);
}
.service-program-heading{
	border-left: calc(100vw/375*4) solid #4661B8;
	font-size: calc(100vw/375*18);
	font-weight: bold;
	line-height: 1.45;
	padding-left: calc(100vw/375*12);
	margin-bottom: calc(100vw/375*18);
  position: relative;
}
.service-program-heading::before{
  content: "";
  width: 4px;
  height: 12px;
  background-color: #F4E601;
  position: absolute;
  top: 0;
  left: -4px;
}
.service-program-body{
	line-height: 1.8;
}
.service-program-body a{
	color: #4661B8;
	text-decoration: underline;
}
.service-program-body>p{
	padding-top: calc(1em*1.8*0.666);
}
.service-program-body>p:first-child{
	padding-top: 0;
}
.service-section-heading{
	padding-top: calc(100vw/375*25);
}
.service-section-heading>p{
	font-weight: bold;
	background-color: #F5F6F7;
	padding: calc(100vw/375*14);
	line-height: normal;
	border-radius: calc(100vw/375*5);
}
.service-video-list{
	padding-bottom: calc(100vw/375*10);
}
.service-video-item{
	padding-top: calc(100vw/375*40);
}
.service-video-item:first-of-type{
	padding-top: calc(100vw/375*20);
}
.service-video-title{
	font-size: calc(100vw/375*18);
	font-weight: bold;
	line-height: normal;
}
.service-video-title::before{
	content: "";
	display: inline-block;
	width: calc(100vw/375*15);
	height: calc(100vw/375*15);
	border-radius: calc(100vw/375*15);
	background-color: #536FC9;
	margin-right: calc(100vw/375*8);
	vertical-align: calc(100vw/375*-1);
}
.service-video-title span{
	font-size: calc(100vw/375*13);
	display: inline-block;
}
.service-video-text{
	padding-top: calc(100vw/375*14);
}
.service-video-text p{
	padding-top: calc(1em*1.8*0.666);
}
.service-video-text p:first-of-type{
	padding-top: 0;
}
.service-video-media{
	padding-top: calc(100vw/375*20);
}
.service-video-media-inner{
	position: relative;
	padding-top: calc(100%/16*9);
}
.service-video-media iframe,
.service-video-media video{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
}