@charset "UTF-8";

/***********************************
* 全ページ共通 *
***********************************/
.tel-link a{
	color:#4a4a4a;
}
.tel-link a:hover{
	text-decoration:none;
}
/* 色 --------------------*/
.c_red00{ color:#ff0000; }

.c_green01{ color:#30a300;}

/* フォント --------------------*/
/* 英語フォント*/
body{
	font-family: "Noto Sans Japanese", "Meiryo UI", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#3d3d3d;
}
@font-face {
    font-family: 'Didact Gothic';
    font-style: normal;
    font-weight: 400;
    src: local('Didact Gothic Regular'), local('DidactGothic-Regular'), url(https://fonts.gstatic.com/s/didactgothic/v10/v8_72sD3DYMKyM0dn3LtWk3vq9dAc3DuCNWjMJNKvGE.woff) format('woff');
}
.en{
	font-family: "Brandon Grotesque", "Didact Gothic", Helvetica, Arial, "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-style: italic;
    font-weight: normal;
    letter-spacing: 0.08em;
}

/* header --------------------*/
#header{
	position: fixed;
	width: 100%;
	margin: 0 auto;
	padding: 20px 0 0;
	line-height: 1;
	z-index: 999;
}
#header:after {
	content: "";
	display: block;
	height: 1px;
	background: #fff;
	width: 100%;
	margin: 5px auto 0;
}
#header .inner{
	position: relative;
}
.bl_headerEng{
	position: absolute;
	top:0px;
	right:0px;
	width: 90px;
}
a.bl_headerEng_link{
	display: block;
	font-family: "Brandon Grotesque", "Didact Gothic", Helvetica, Arial, "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-style: italic;
	font-weight:bold;
	font-size:.8rem;
	color:#fff;
	background-color: #96a0ac;
	padding: 6px 0px;
	text-align: center;
}
a.bl_headerEng_link:hover{
	color:#fff;
	text-decoration: none;
	background-color: #51647e;
}
	@media (min-width: 768px) {
		.bl_headerEng{
			width: 120px;
		}
		a.bl_headerEng_link{
			font-size:1rem;
			padding: 10px 0px;
		}
		#header:after {
			margin: 15px auto 0;
			
			
		}
	}
	@media (min-width: 992px) {
		#header{
			padding: 35px 0 0;
		}
		#header:after {
			margin: 35px auto 0;
		}
		.bl_headerEng{
			right: 60px;
		}
	}

/* h1 */
#header h1{
	padding:0px;
	margin:0px;
	margin-bottom: 5px;
	text-align:center;
}
#header h1 img{
	width:180px;
}

#header .el_engLogo{
	padding:0px;
	margin:0px;
	margin-bottom: 5px;
	text-align:center;
}
#header .el_engLogo img{
	width:180px;
}
	@media (min-width: 768px) {
		#header h1{
			text-align:left;
			margin-bottom: 0;
		}
		#header h1 img{
			width:100%;
			max-width:292px;
		}
		#header .el_engLogo{
			margin-bottom: 0;
		}
		#header .el_engLogo img{
			width:100%;
			max-width:250px;
		}
	}

/* gnavi */
#header #gnavi ul{
	text-align:center;
	padding:0px;
	margin:0px;
	
}
#header #gnavi ul li{
	display:inline;
}
#header #gnavi ul li a{
	display:inline-block;
	padding:10px 2px;
	font-family: "Brandon Grotesque", "Didact Gothic", Helvetica, Arial, "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-style: italic;
	font-weight:bold;
	font-size:0.8rem;
	color: #96a0ac;
}
#header #gnavi ul li a:hover{
	text-decoration:none;
	color:#51647e;
}
#header #gnavi ul li a i{
	padding-left:4px;
}
	@media (min-width: 375px){
		#header #gnavi ul li a{
			padding:10px 3px;
		}
	}
	@media (min-width: 576px){
		#header #gnavi{
			padding-top: 12px;
		}
	}
	@media (min-width: 768px) {
		#header #gnavi{
			padding-top: 10px;
		}
		#header #gnavi ul{
			text-align:right;
		}
		#header #gnavi ul li a{
			padding:13px 11px;
			font-size: 0.9rem;
		}
		#header #gnavi ul li a i{
			padding-left:4px;
		}
	}
	@media (min-width: 992px){
		#header #gnavi{
			padding-top: 15px;
		}
		#header #gnavi ul li a{
			padding:10px 11px;
			font-size: 1.1rem;
		}
	}

/* fixed */
#header.fixed{
	padding: 2px 0 0;
	background: #fff;
	background: rgba(255,255,255,.9);
}
#header.fixed h1{
	margin-bottom: 0;
}
#header.fixed h1 img{
	width: 150px;
}
#header.fixed #gnavi ul li a{
	padding:  5px 2px;
}
	@media (min-width: 375px){
		#header.fixed #gnavi ul li a{
			padding:  5px 6px;
		}
	}
	@media (min-width: 768px) {
		#header.fixed:after {
			margin: 8px auto 0;
		}
		#header.fixed h1 img{
			width: 150px;
		}
		#header.fixed #gnavi ul li a{
			padding:10px 8px;
			font-size: 0.8rem;
		}
		#header.fixed .bl_headerEng{
			width: 80px;
		}
		#header.fixed a.bl_headerEng_link{
			font-size:.8rem;
			padding: 3px 0px;
		}
	}
	@media (min-width: 992px){
		#header.fixed h1 img{
			width: 180px;
		}
		#header.fixed #gnavi ul li a{
			padding:8px 8px;
			font-size: 0.9rem;
		}
	}
/* transition */
#header,
#header:after,
#header img,
#header .bl_headerEng,
#header a.bl_headerEng_link,
#header.fixed #gnavi ul,
#header.fixed #gnavi ul li a,
#header.fixed #gnavi ul li a i,
#header.fixed .bl_headerEng,
#header.fixed a.bl_headerEng_link{
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

/* contents --------------------*/
#contents{
	padding-top:112px;
}
@media (min-width: 576px){
	#contents{
		padding-top:80px;
	}
}
@media (min-width: 768px) {
	#contents{
		padding-top: 90px;
	}
}
@media (min-width: 992px) {
	#contents{
		padding-top: 122px;
	}
}

/* footer --------------------*/
#footer{
	background-color: #96a0ac;
	margin-top: 3rem;
	margin-bottom: 40px;
	padding: 1rem 0;
}
p.footer-copy{
	text-align:center;
	font-family: "Brandon Grotesque", "Didact Gothic", Helvetica, Arial, "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-style: italic;
	color: #fff;
	margin: 0;
	font-size: 0.8rem;
}
	@media (min-width: 768px){
		#footer{
			margin-top: 6rem;
		}
	}
	@media (min-width: 992px){
		#footer{
			margin-top: 7.2rem;
		}
	}
	@media (min-width: 1110px){
		#footer{
			margin-bottom: 0;
		}
	}

/* pagetop --------------------*/
#pagetop {
	font-family: "Brandon Grotesque", "Didact Gothic", Helvetica, Arial, "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 0.8rem;
	display:none;
	position: fixed;
	bottom: 0px;
	width: 100%;
	height: 40px;
	 line-height: 40px;
	 background: rgba(97, 130, 170, 0.8);
	 color: #fff;
	 text-decoration: none;
	 text-align: center;
	 font-weight: bold;
}
#pagetop i{ padding-right:3px;}
#pagetop:hover{
	 background: rgba(97, 130, 170, 1);
}

	@media (min-width: 1110px) {
		#pagetop {
			bottom: 60px;
			right: 50px;
			width: 100px;
			height: 100px;
			line-height: 100px;
			border-radius: 100px;
		}
	}

/***********************************
* 中ページ共通 *
***********************************/
/*  section  --------------------*/
/* sec-contblock */
.sec-contblock{
	background-image: url(../img/bg_sec-contblock.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 33px;
	margin-top: 2rem;
	padding-top: 2rem;
}
	@media (min-width: 768px){
		.sec-contblock{
			margin-top: 4rem;
			padding-top: 4rem;
		}
	}
	@media (min-width: 992px){
		.sec-contblock{
			background-size: 44px;
			margin-top: 5rem;
			padding-top: 5rem;
		}
	}

/* pとa */
.sec p,
.sec dl dt,
.sec dl dd,
.bl_contactHowTo ol li,
.bl_contactHowTo ul li{
	font-size: 0.7rem;
	line-height: 1.7;
}

.sec a{
	color:#4277b4;
	text-decoration: underline;
}
.sec a:hover{
	color:#1a4c87;
}

	@media (min-width: 768px) {
		.sec p,
		.sec dl dt,
		.sec dl dd,
		.bl_contactHowTo ol li,
		.bl_contactHowTo ul li{
			font-size: 0.8rem;
		}
	}
	@media (min-width: 992px) {
		.sec p,
		.sec dl dt,
		.sec dl dd,
		.bl_contactHowTo ol li,
		.bl_contactHowTo ul li{
			font-size: 0.9rem;
		}
	}

/* h2 */
.sec-article h2{
	text-align: center;
	font-style: italic;
	margin: 0;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", 'Noto Sans Japanese', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ 明朝", serif!important;
	letter-spacing: 0.05em;
	font-size: 0.8rem;
	margin-bottom: 1.5rem;
}
.sec-article h2 span{
	display: block;
	font-family: "Brandon Grotesque", "Didact Gothic", Helvetica, Arial, "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#96a0ac;
	letter-spacing: 0.1em;
	line-height: 2.0;
	font-size: 1.4rem;
}
.sec-article .el_englv1Heading{
	text-align: center;
	font-style: italic;
	margin: 0;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", 'Noto Sans Japanese', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ 明朝", serif!important;
	letter-spacing: 0.05em;
	font-size: 0.8rem;
	margin-bottom: 1.5rem;
}
.sec-article .el_englv1Heading span{
	display: block;
	font-family: "Brandon Grotesque", "Didact Gothic", Helvetica, Arial, "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#96a0ac;
	letter-spacing: 0em;
	line-height: 2.0;
	font-size: 1.4rem;
}
	@media (min-width: 576px) {
		.sec-article h2{
			font-size: 0.9rem;
			margin-bottom: 2rem;
		}
		.sec-article h2 span{
			font-size: 2rem;
			line-height: 2.0;
		}
		.sec-article .el_englv1Heading{
			font-size: 0.9rem;
			margin-bottom: 2rem;
		}
		.sec-article .el_englv1Heading span{
			font-size: 2rem;
			line-height: 2.0;
		}
	}
	@media (min-width: 768px) {
		.sec-article h2{
			font-size: 1rem;
			margin-bottom: 2.5rem;
		}
		.sec-article h2 span{
			font-size: 2.5rem;
			line-height: 2.0;
		}
		.sec-article .el_englv1Heading{
			font-size: 1rem;
			margin-bottom: 2.5rem;
		}
		.sec-article .el_englv1Heading span{
			font-size: 2.5rem;
			line-height: 2.0;
		}
	}
	@media (min-width: 992px) {
		.sec-article h2{
			font-size: 1.2rem;
			margin-bottom: 4rem;
		}
		.sec-article .h2 span{
			font-size: 3rem;
			line-height: 2.0;
		}
		.sec-article .el_englv1Heading{
			font-size: 1.2rem;
			margin-bottom: 4rem;
		}
		.sec-article .el_englv1Heading span{
			font-size: 3rem;
			line-height: 2.0;
		}
	}

/* h3 */
.cont-standard h3{
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", 'Noto Sans Japanese', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ 明朝", serif!important;
	font-style: oblique;
	line-height: 1.4;
	border-left-style: solid;
	border-left-color: #96a0ac;
	border-left-width: 10px;
	padding-left: 11px;
	font-size: 1.1rem;
	margin-top: 0.5rem;
	margin-bottom: 1rem;
}
.cont-standard h3.border01{
	border-left-color: #9d8fc9;
}
.cont-standard h3.border02{
	border-left-color: #95c0c8;
}
.cont-standard h3.border03{
	border-left-color: #c894a4;
}
.cont-standard h3.border04{
	border-left-color: #b6c995;
}
	@media (min-width: 768px){
		.cont-standard h3{
			border-left-width: 12px;
			padding-left: 13px;
			font-size: 1.3rem;
			margin-top: 0;
			margin-bottom: 2rem;
		}
	}
	@media (min-width: 992px){
		.cont-standard h3{
			border-left-width: 14px;
			padding-left: 15px;
			font-size: 1.6rem;
			margin-bottom: 2.5rem;
		}
	}

/* lead */
.article-lead-pic{
	margin-left: -15px;
	margin-right: -15px;
}
.article-lead-pic-img{
	width: 100%;
	height: 200px;
	object-fit: cover;
	font-family: 'object-fit: cover;'
}
.article-lead-txt{
	display: table;
	margin-left: auto;
	margin-right: auto;
	padding-top: 1rem;
}

	@media (min-width: 576px){
		.article-lead-pic{
			margin-left: -15px;
			margin-right: 0;
		}
		.article-lead-pic-img{
			height: auto;
		}
		.article-lead-txt{
			padding-top: 0;
		}
	}
	@media(min-width:992px){
		.article-lead-pic-img{
			height: 401px;
		}
		.article-lead-txt{
			margin-left: 0;
			margin-right: 0;
			padding-left: 5%;
			max-width: 580px;
		}
	}

/* .cont-standard,
cont-standard-Left,
cont-standard-Right */
.cont-standard-box,
.cont-standard-Leftbox,
.cont-standard-Rightbox{
	padding-left: 11px;
	padding-right: 11px;
}
.cont-standard-Leftbox .cont-standard-pic,
.cont-standard-Rightbox .cont-standard-pic {
	text-align: center;
}
.cont-standard-Leftbox .cont-standard-pic{
	margin-bottom: 1rem;
}
.cont-standard-Leftbox .cont-standard-pic img,
.cont-standard-Rightbox .cont-standard-pic img{
	width: 80%;
}
	@media (min-width: 576px){
		.cont-standard-Leftbox{
			padding-left: 11px;
			padding-right: 0;
		}
		.cont-standard-Rightbox{
			padding-left: 0;
			padding-right: 11px;
		}
		.cont-standard-Leftbox .cont-standard-pic{
			margin-bottom: 0;
		}
	}
	@media(min-width:768px){
		.cont-standard-box{
			padding-left: 13px;
			padding-right: 13px;
		}
		.cont-standard-Leftbox{
			padding-left: 13px;
		}
		.cont-standard-Rightbox{
			padding-right: 13px;
		}
	}
	@media(min-width:992px){
		.cont-standard-box{
			padding-left: 29px;
			padding-right: 29px;
		}
		.cont-standard-Leftbox{
			padding-left: 29px;
		}
		.cont-standard-Rightbox{
			padding-right: 29px;
		}
		.cont-standard-Leftbox .cont-standard-pic img,
		.cont-standard-Rightbox .cont-standard-pic img{
			width: 70%;
		}
	}

/* お問い合わせはこちらボタン */
.sec a.btn-contact{
	color:#3d3d3d;
	text-decoration: none;
	text-align:center;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", 'Noto Sans Japanese', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ 明朝", serif!important;
	font-style: oblique;
	font-weight: bold;
	display: inline-block;
	padding: 0.9rem 3rem;
	border:solid #3d3d3d 1px;
}
.sec a.btn-contact:hover{
	color:#3d3d3d;
	background-color: #d9dfe5;
}

.hp_txtRight{
	text-align: right;
}