@charset "UTF-8";
/*====================
Base
====================*/
.pc {
  display: block !important;
}

.sp {
  display: none !important;
}

.tb {
  display: none !important;
}

.clfix::after {
  content: "";
  display: block;
  clear: both;
}

* {
  box-sizing: border-box;
}

*:before, *:after {
  box-sizing: border-box;
}

a {
  text-decoration: none;
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
  margin: 0;
  padding: 0;
  border: 0;
/*  font-size: 100%;*/
  vertical-align: baseline;
}

ul,
li {
  list-style: none;
}

img {
  border: none;
  margin: 0;
  padding: 0;
  line-height: 0;
  vertical-align: bottom;
  max-width: 100%;
}

.mincho {
  font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGS明朝E, メイリオ, Meiryo, serif;
  font-weight: normal;
}

.gothic {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Sans", メイリオ, Meiryo, sans-serif;
}

html,
body {
  width: 100%;
  font-size: 18px;
  /* font-size: 62.5%; */
  word-wrap: break-word;
  overflow-wrap: break-word;
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Sans", メイリオ, Meiryo, sans-serif;
}


.nbo_header {
  text-align: center;
  background: url(header_bg.jpg);
  background-position: center;
  background-repeat: no-repeat;
  margin: auto;
  position: relative;
  z-index: 10000;
}

.yakuhan {
  padding-left: 5px;
}

.name {
    margin-top: 0.5em;
    font-size: 112.50%;
    font-weight: bold;
}

/*******************************
tablet
*******************************/
@media screen and (max-width: 768px) {
  .tb {
    display: block !important;
  }
}

/*******************************
sp
*******************************/
@media screen and (max-width: 599px) {
  .pc {
    display: none !important;
  }

  .sp {
    display: block !important;
  }

  .tb {
    display: none !important;
  }
}


a{text-decoration:none;transition:opacity 0.2s linear;-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;}
a:hover{text-decoration:none;opacity:0.7;filter:alpha(opacity=70);-moz-opacity:0.7;}


/*******************************
スタイル
*******************************/
:root {
	--shadow-drop-01: drop-shadow(7px 10px 0 rgba(116,71,16,0.75))    drop-shadow(6px -6px 0 rgb(198,137,16,0.75));
	--shadow-drop-02: drop-shadow(4px 6px 0 rgba(116,71,16,0.75))    drop-shadow(4px 0px 0 rgb(198,137,16,0.75));
}
.social_buttons {
	padding: 6px 0 0 6px;
}

section .secInner {
  max-width:1000px;
  width:100%;
  margin:0 auto;
  padding: 0 1rem;
}
#contentsArea {
  overflow: hidden;
}
#mvWrap {
  position: relative;
}
@media screen and (max-width: 1000px) {
	#mvWrap {
		width: 150%;
		transform: translateX(-50%);
		left: 50%;
	}
}
/* MV：.on 付与後に transition で表示（JSトリガー） */
#mvImg {
  overflow: hidden;
}

#mv #mvImg img {
  display: block;
  width: 100%;
  opacity: 0;
  transform: scale(1.05);
  transition: opacity 1s ease-out, transform 1s ease-out;
}

#mvText h1 {
  /* position: absolute; */
  /* top: 51%; */
  /* left: 0; */
  width: 70.2%;
}

#mv #mvText h1 {
  opacity: 0;
  transform: translateX(-48px);
  transition: opacity 0.8s cubic-bezier(0.22, 1, 0.36, 1), transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

#mvText .subTtl {
  /* position: absolute; */
  /* top: 64.9%; */
  /* left: 0; */
  width: 61.35%;
  margin-left: auto;
}

#mvText .subTtl img {
  display: block;
  width: 100%;
}

#mv #mvText .subTtl {
  opacity: 0;
  transform: translateX(-48px);
  transition: opacity 0.8s cubic-bezier(0.22, 1, 0.36, 1), transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

#mv.on #mvImg img {
  opacity: 1;
  transform: scale(1);
}

#mv #mvText {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}
#mv.on #mvText h1 {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 1s;
}

#mv.on #mvText .subTtl {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 1.8s;
}

#contentsSection {
  --accent-purple: #a282ff;
  --accent-magenta: #e844e0;
  line-height: 1.8;
}

.secInner .block {
	margin-bottom: 60px;
	/* background: rgb(248 248 248); */
	/* padding: 1rem; */
}
.secInner h2 {
  background: #000 url(ttl_bg.png) no-repeat center;
  background: #000;
  background-size: cover;
  padding: 0.5rem 1.5rem;
  font-weight: normal;
  font-size: 1.5rem;
  margin-bottom: 30px;
  filter: var(--shadow-drop-02);
}
.secInner h2.ttl_con {
	padding: 0.25rem 1.5rem;
	font-size: 1.25rem;
}

.secInner h2 span {
  display: inline-block;
  color: #fff;
}

#contentsSection h2 .grad {
  /* background: linear-gradient(30deg, var(--accent-purple) 0%, var(--accent-magenta) 100%); */
  /* -webkit-background-clip: text; */
  /* background-clip: text; */
  /* -webkit-text-fill-color: transparent; */
  color: #ffaa00;
  font-weight: bold;
}

.leadArea {
	background: #f1f1f1;
	/* color: #fff; */
	padding: 1.7rem;
	line-height: 2;
	margin: 30px 0 40px;
	/* border: 4px double #000; */
	filter: var(--shadow-drop-01);
}

.block .txt {
  margin-bottom: 20px;
}
.imgBlock {
  width: 50%;
  max-width: 400px;
  margin-bottom: 20px;
  container-type: inline-size;
  overflow: hidden;
  filter: var(--shadow-drop-01);
}
.imgBlock.wide {
	width: 90%;
	max-width: 800px;
	margin: 0 auto 20px
}
.imgBlock.l {
  float: left;
  clear: left;
  margin-right: 25px;
}
.imgBlock.r {
  float: right;
  clear: right;
  margin-left: 24px;
}
/* グラデーション風シャドウ（ぼかしなし・シルエット追従） */
.imgBlock img {
  display: block;
  width: 100%;
  /* filter: drop-shadow(9px 12px 0 rgba(162, 130, 255, 0.3))
    drop-shadow(8px -4px 0 rgba(232, 68, 224, 0.5)); */
}
.imgMeta {
  /* margin-top: 0.8em; */
  line-height: 1.35;
  background: #000;
  color: #fff;
  padding: 0.5rem 1rem 0.75rem;
}
.imgMeta .companyRole {
  font-size: clamp(11px, 4.2cqw, 16px);
  position: relative;
  /* padding-bottom: 1rem; */
}
.imgMeta .companyRole:after {
	/* content: ""; */
	width: 120%;
	height: 1px;
	background: #c68910;
	position: absolute;
	bottom: 0;
	left: -1rem;
}
.imgMeta .personName {
  margin-top: 0.75rem;
  font-size: clamp(16px, 6.8cqw, 30px);
  font-weight: bold;
}

@media screen and (max-width: 768px) {
	.leadArea {
		font-size: 1rem;
	}
	.secInner h2 {
		font-size: 1.25rem;
	}
	
}
@media screen and (max-width: 500px) {
	.imgBlock {
		float: none!important;
		margin: 0 auto 2rem!important;
		width: 90%!important;
		max-width: 400px;
	}
}

/*******
bottomlink（参考: gen_x1105）
*******/
.footArea {
  background-color: #ffffff;
  margin-top: 40px;
  border-top: 1px solid #cdcdcd;
}

.bottomlink {
  background-color: #ffffff;
  padding: 45px 0 40px;
}

.bottomlink .typ1 {
  font-size: 16px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 30px;
}

.bottomlink .typ2 {
  font-size: 20px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 25px;
}

.bottomlink .link {
  width: 270px;
  margin: 0 auto;
  background-color: #000000;
  border-radius: 50px;
  padding: 15px 0;
  font-size: 18px;
  text-align: center;
  display: block;
  color: #ffffff;
  text-decoration: none;
  transition: opacity 0.3s;
}

.bottomlink .link:hover {
  opacity: 0.5;
  text-decoration: none;
}

/* common styles - margin */

.ml0 {margin-left:   0!important;}
.ml3 {margin-left: 3px!important;}
.ml5 {margin-left: 5px!important;}
.ml10{margin-left:10px!important;}
.ml15{margin-left:15px!important;}
.ml20{margin-left:20px!important;}
.ml25{margin-left:25px!important;}
.ml30{margin-left:30px!important;}
.ml35{margin-left:35px!important;}
.ml40{margin-left:40px!important;}
.ml50{margin-left:50px!important;}
.ml60{margin-left:60px!important;}

.mt0 {margin-top:   0!important;}
.mt3 {margin-top: 3px!important;}
.mt5 {margin-top: 5px!important;}
.mt7 {margin-top: 7px!important;}
.mt10{margin-top:10px!important;}
.mt15{margin-top:15px!important;}
.mt20{margin-top:20px!important;}
.mt25{margin-top:25px!important;}
.mt28{margin-top:28px!important;}
.mt30{margin-top:30px!important;}
.mt35{margin-top:35px!important;}
.mt40{margin-top:40px!important;}
.mt50{margin-top:50px!important;}
.mt60{margin-top:60px!important;}
.mt70{margin-top:70px!important;}
.mt80{margin-top:80px!important;}
.mt90{margin-top:90px!important;}
.mt100{margin-top:100px!important;}
.mt110{margin-top:110px!important;}
.mt120{margin-top:120px!important;}
.mt130{margin-top:130px!important;}
.mt140{margin-top:140px!important;}

.mr0 {margin-right:   0!important;}
.mr3 {margin-right: 3px!important;}
.mr5 {margin-right: 5px!important;}
.mr10{margin-right:10px!important;}
.mr15{margin-right:15px!important;}
.mr20{margin-right:20px!important;}
.mr25{margin-right:25px!important;}
.mr30{margin-right:30px!important;}
.mr35{margin-right:35px!important;}
.mr40{margin-right:40px!important;}
.mr50{margin-right:50px!important;}
.mr60{margin-right:60px!important;}

.mb0 {margin-bottom:   0!important;}
.mb3 {margin-bottom: 3px!important;}
.mb5 {margin-bottom: 5px!important;}
.mb10{margin-bottom:10px!important;}
.mb15{margin-bottom:15px!important;}
.mb20{margin-bottom:20px!important;}
.mb25{margin-bottom:25px!important;}
.mb30{margin-bottom:30px!important;}
.mb35{margin-bottom:35px!important;}
.mb40{margin-bottom:40px!important;}
.mb50{margin-bottom:50px!important;}
.mb60{margin-bottom:60px!important;}
.mb70{margin-bottom:70px!important;}
.mb80{margin-bottom:80px!important;}

/* common styles - padding */

.pl0 {padding-left:   0!important;}
.pl3 {padding-left: 3px!important;}
.pl5 {padding-left: 5px!important;}
.pl10{padding-left:10px!important;}
.pl15{padding-left:15px!important;}
.pl20{padding-left:20px!important;}
.pl25{padding-left:25px!important;}
.pl30{padding-left:30px!important;}
.pl35{padding-left:35px!important;}
.pl40{padding-left:40px!important;}
.pl50{padding-left:50px!important;}
.pl60{padding-left:60px!important;}

.pt0 {padding-top:   0!important;}
.pt3 {padding-top: 3px!important;}
.pt5 {padding-top: 5px!important;}
.pt7 {padding-top: 7px!important;}
.pt10{padding-top:10px!important;}
.pt15{padding-top:15px!important;}
.pt20{padding-top:20px!important;}
.pt25{padding-top:25px!important;}
.pt30{padding-top:30px!important;}
.pt35{padding-top:35px!important;}
.pt40{padding-top:40px!important;}
.pt50{padding-top:50px!important;}
.pt60{padding-top:60px!important;}
.pt70{padding-top:70px!important;}
.pt80{padding-top:80px!important;}
.pt90{padding-top:90px!important;}
.pt100{padding-top:100px!important;}
.pt110{padding-top:110px!important;}
.pt120{padding-top:120px!important;}

.pr0 {padding-right:   0!important;}
.pr3 {padding-right: 3px!important;}
.pr5 {padding-right: 5px!important;}
.pr10{padding-right:10px!important;}
.pr15{padding-right:15px!important;}
.pr20{padding-right:20px!important;}
.pr25{padding-right:25px!important;}
.pr30{padding-right:30px!important;}
.pr35{padding-right:35px!important;}
.pr40{padding-right:40px!important;}
.pr50{padding-right:50px!important;}
.pr60{padding-right:60px!important;}

.pb0 {padding-bottom:   0!important;}
.pb3 {padding-bottom: 3px!important;}
.pb5 {padding-bottom: 5px!important;}
.pb10{padding-bottom:10px!important;}
.pb15{padding-bottom:15px!important;}
.pb20{padding-bottom:20px!important;}
.pb25{padding-bottom:25px!important;}
.pb30{padding-bottom:30px!important;}
.pb35{padding-bottom:35px!important;}
.pb40{padding-bottom:40px!important;}
.pb50{padding-bottom:50px!important;}
.pb60{padding-bottom:60px!important;}
.pb70{padding-bottom:70px!important;}
.pb80{padding-bottom:80px!important;}
.pb90{padding-bottom:90px!important;}
.pb100{padding-bottom:100px!important;}
.pb120{padding-bottom:120px!important;}
.pb170{padding-bottom:170px!important;}

/* common styles - float */
.fL{float:left!important;}
.fR{float:right!important;}
.fNN{float:none!important;}

/* common styles - text-align */
.tL{text-align:left!important;}
.tC{text-align:center!important;}
.tR{text-align:right!important;}

/* common styles - font-size */
.fs10{font-size:10px!important;}
.fs12{font-size:12px!important;}
.fs13{font-size:13px!important;}
.fs14{font-size:14px!important;}
.fs15{font-size:15px!important;}
.fs16{font-size:16px!important;}
.fs17{font-size:17px!important;}
.fs18{font-size:18px!important;}

/* common styles - clear float */
.clfix:after{content:'';display:block;clear:both;}
.clfix{zoom:1;}
.clear{clear:both;}

/* common width */
.w50{width:50px!important;}
.w60{width:60px!important;}
.w70{width:70px!important;}
.w80{width:80px!important;}
.w100{width:100px!important;}
.w110{width:110px!important;}
.w120{width:120px!important;}
.w130{width:130px!important;}
.w140{width:140px!important;}
.w180{width:180px!important;}
.w300{width:300px!important;}


/* common other */
.fB{font-weight:bold!important;}
.fN{font-weight:normal!important;}

.vT{vertical-align:top!important;}
.vM{vertical-align:middle!important;}
.vB{vertical-align:bottom!important;}

.dB{display:block;}
.dN{display:none;}

.mA{margin:0 auto;}

.tul{text-decoration:underline;}
a .blight{transition:opacity 0.2s linear;-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;}
a:hover .blight{opacity:0.7;filter:alpha(opacity=70);-moz-opacity:0.7;}

sup {font-size: 12px;}
sub {font-size: 12px;}


@media only screen and (max-width:767px){
	/* common styles - margin */

	.ml0_sp {margin-left: 0!important;}
	.ml3_sp {margin-left: 3px!important;}
	.ml5_sp {margin-left: 5px!important;}
	.ml10_sp{margin-left:10px!important;}
	.ml15_sp{margin-left:15px!important;}
	.ml20_sp{margin-left:20px!important;}
	.ml25_sp{margin-left:25px!important;}
	.ml30_sp{margin-left:30px!important;}
	.ml35_sp{margin-left:35px!important;}
	.ml40_sp{margin-left:40px!important;}
	.ml50_sp{margin-left:50px!important;}
	.ml60_sp{margin-left:60px!important;}

	.mt0_sp {margin-top: 0!important;}
	.mt3_sp {margin-top: 3px!important;}
	.mt5_sp {margin-top: 5px!important;}
	.mt7_sp {margin-top: 7px!important;}
	.mt10_sp{margin-top:10px!important;}
	.mt15_sp{margin-top:15px!important;}
	.mt20_sp{margin-top:20px!important;}
	.mt25_sp{margin-top:25px!important;}
	.mt28_sp{margin-top:28px!important;}
	.mt30_sp{margin-top:30px!important;}
	.mt35_sp{margin-top:35px!important;}
	.mt40_sp{margin-top:40px!important;}
	.mt50_sp{margin-top:50px!important;}
	.mt60_sp{margin-top:60px!important;}
	.mt70_sp{margin-top:70px!important;}
	.mt80_sp{margin-top:80px!important;}
	.mt90_sp{margin-top:90px!important;}
	.mt100_sp{margin-top:100px!important;}
	.mt110_sp{margin-top:110px!important;}
	.mt120_sp{margin-top:120px!important;}
	.mt130_sp{margin-top:130px!important;}
	.mt140_sp{margin-top:140px!important;}

	.mr0_sp {margin-right: 0!important;}
	.mr3_sp {margin-right: 3px!important;}
	.mr5_sp {margin-right: 5px!important;}
	.mr10_sp{margin-right:10px!important;}
	.mr15_sp{margin-right:15px!important;}
	.mr20_sp{margin-right:20px!important;}
	.mr25_sp{margin-right:25px!important;}
	.mr30_sp{margin-right:30px!important;}
	.mr35_sp{margin-right:35px!important;}
	.mr40_sp{margin-right:40px!important;}
	.mr50_sp{margin-right:50px!important;}
	.mr60_sp{margin-right:60px!important;}

	.mb0_sp {margin-bottom: 0!important;}
	.mb3_sp {margin-bottom: 3px!important;}
	.mb5_sp {margin-bottom: 5px!important;}
	.mb10_sp{margin-bottom:10px!important;}
	.mb15_sp{margin-bottom:15px!important;}
	.mb20_sp{margin-bottom:20px!important;}
	.mb25_sp{margin-bottom:25px!important;}
	.mb30_sp{margin-bottom:30px!important;}
	.mb35_sp{margin-bottom:35px!important;}
	.mb40_sp{margin-bottom:40px!important;}
	.mb50_sp{margin-bottom:50px!important;}
	.mb60_sp{margin-bottom:60px!important;}
	.mb70_sp{margin-bottom:70px!important;}
	.mb80_sp{margin-bottom:80px!important;}

	/* common styles - padding */

	.pl0_sp {padding-left: 0!important;}
	.pl3_sp {padding-left: 3px!important;}
	.pl5_sp {padding-left: 5px!important;}
	.pl10_sp{padding-left:10px!important;}
	.pl15_sp{padding-left:15px!important;}
	.pl20_sp{padding-left:20px!important;}
	.pl25_sp{padding-left:25px!important;}
	.pl30_sp{padding-left:30px!important;}
	.pl35_sp{padding-left:35px!important;}
	.pl40_sp{padding-left:40px!important;}
	.pl50_sp{padding-left:50px!important;}
	.pl60_sp{padding-left:60px!important;}

	.pt0_sp {padding-top:   0!important;}
	.pt3_sp {padding-top: 3px!important;}
	.pt5_sp {padding-top: 5px!important;}
	.pt7_sp {padding-top: 7px!important;}
	.pt10_sp{padding-top:10px!important;}
	.pt15_sp{padding-top:15px!important;}
	.pt20_sp{padding-top:20px!important;}
	.pt25_sp{padding-top:25px!important;}
	.pt30_sp{padding-top:30px!important;}
	.pt35_sp{padding-top:35px!important;}
	.pt40_sp{padding-top:40px!important;}
	.pt50_sp{padding-top:50px!important;}
	.pt60_sp{padding-top:60px!important;}
	.pt70_sp{padding-top:70px!important;}
	.pt80_sp{padding-top:80px!important;}

	.pr0_sp {padding-right: 0!important;}
	.pr3_sp {padding-right: 3px!important;}
	.pr5_sp {padding-right: 5px!important;}
	.pr10_sp{padding-right:10px!important;}
	.pr15_sp{padding-right:15px!important;}
	.pr20_sp{padding-right:20px!important;}
	.pr25_sp{padding-right:25px!important;}
	.pr30_sp{padding-right:30px!important;}
	.pr35_sp{padding-right:35px!important;}
	.pr40_sp{padding-right:40px!important;}
	.pr50_sp{padding-right:50px!important;}
	.pr60_sp{padding-right:60px!important;}

	.pb0_sp {padding-bottom: 0!important;}
	.pb3_sp {padding-bottom: 3px!important;}
	.pb5_sp {padding-bottom: 5px!important;}
	.pb10_sp{padding-bottom:10px!important;}
	.pb15_sp{padding-bottom:15px!important;}
	.pb20_sp{padding-bottom:20px!important;}
	.pb25_sp{padding-bottom:25px!important;}
	.pb30_sp{padding-bottom:30px!important;}
	.pb35_sp{padding-bottom:35px!important;}
	.pb40_sp{padding-bottom:40px!important;}
	.pb50_sp{padding-bottom:50px!important;}
	.pb60_sp{padding-bottom:60px!important;}
	.pb70_sp{padding-bottom:70px!important;}
	.pb80_sp{padding-bottom:80px!important;}
	.pb90_sp{padding-bottom:90px!important;}
	.pb100_sp{padding-bottom:100px!important;}
	.pb120_sp{padding-bottom:120px!important;}
	.pb170_sp{padding-bottom:170px!important;}

}