@charset "utf-8";
/* CSS Document */


/*基本記述
----------------------------------------------*/

html{
	font-size: 100%;
	background-color: #1A1A1A;
}

body{
	font-family: 'Noto Serif JP', serif;
	line-height: 1.7;
	color: #fff;
	font-weight: 500;
}

span {
   display: inline-block;
}

a{
	color:inherit;
	text-decoration: none;
}

img{
	max-width: 100%;
}

.tablet{
	display: none !important;
}

.mobile{
	display: none !important;
}

.white{
	background-color: #fff;
}


/*スペース
----------------------------------------------*/
.end{
	padding-bottom: 100px;
}

.space{
	padding-bottom: 60px;
}

.space_s{
	padding-bottom: 30px;
}

.space_ss{
	padding-bottom: 15px;
}

.header-space{
	padding-bottom: 190px;
}

/*フェードイン
----------------------------------------------*/
/*==================================================
スタート時は要素自体を透過0にするためのopacity:0;を指定する
===================================*/

.box{
	opacity: 0;
}

/*==================================================
動かしたい動き（今回は” ふわっ” を採用）
===================================*/

.fadeUp {
animation-name:fadeUpAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity: 0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
	transform: translateY(100px);
  }

  to {
    opacity: 1;
	transform: translateY(0);
  }
}

/* 左から */

.fadeLeft{
animation-name:fadeLeftAnime;
animation-duration:1s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeLeftAnime{
  from {
    opacity: 0;
  transform: translateX(-100px);
  }

  to {
    opacity: 1;
  transform: translateX(0);
  }
}

/* 右から */

.fadeRight{
animation-name:fadeRightAnime;
animation-duration:1s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeRightAnime{
  from {
    opacity: 0;
  transform: translateX(100px);
  }

  to {
    opacity: 1;
  transform: translateX(0);
  }
}

/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
 
.fadeLeftTrigger,
.fadeRightTrigger{
    opacity: 0;
}


/*ヘッダー
----------------------------------------------*/
.header{
	position: fixed;
	top: 0;
	z-index: 999;
	width: 100%;
	background-color: #000;
}

.logo{
	display: flex;
	align-items: center;
	margin: 0;
	gap:20px;
}

.logocontentstitle{
	font-size: 20px;
	line-height: 1.3;
	margin: -5px 0 0 ;
}

.logocontentssub{
	font-size: 10px;
}

.logocontents img{
	width: 60px;
}

.english{
	padding: 10px 50px;
	border: 2px solid #fff;
}
	
.headercontents{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 15px 100px;
}



/*ナビゲーション
----------------------------------------------*/
.topnav{
	background-color: #0036BC;
	top: 10%;
	width: 100%;
	z-index: 999;
}

.topnav ul{
	list-style: none;
	display: flex;
	justify-content: center;
}

/*2階層目以降は横並びにしない*/
.topnav ul ul{
	display: block;
}

/*下の階層のulや矢印の基点にするためliにrelativeを指定*/
.topnav ul li{
	position: relative;
}

.topnav ul li a{
	display: block;
	text-decoration: none;
	padding:10px 25px;
	transition:all .3s;
	font-size: 16px;
	color: #fff;
}

.topnav ul li li a{
	padding:10px 35px;
}

.topnav ul li a:hover{
	color:#0036BC;	
	background-color: #fff;
}

/*==矢印の設定*/

/*2階層目を持つliの矢印の設定*/
.topnav ul li.has-child::before{
	content:'';
	position: absolute;
	left:15px;
	top:20px;
	width:6px;
	height:6px;
	border-top: 2px solid #fff;
    border-right:2px solid #fff;
    transform: rotate(135deg);
}


/*== 2?3階層目の共通設定 */

/*下の階層を持っているulの指定*/
.topnav li.has-child ul{
    /*絶対配置で位置を指定*/
	position: absolute;
	left:0;
	top:50px;
	z-index: 4;
    /*形状を指定*/
	background:#28BFE7;
	width:180px;
    /*はじめは非表示*/
	visibility: hidden;
	opacity: 0;
    /*アニメーション設定*/
	transition: all .3s;
}

/*hoverしたら表示*/
.topnav li.has-child:hover > ul,
.topnav li.has-child ul li:hover > ul,
.topnav li.has-child:active > ul,
.topnav li.has-child ul li:active > ul{
  visibility: visible;
  opacity: 1;
}

/*ナビゲーションaタグの形状*/
.topnav li.has-child ul li a{
	color: #fff;
	border-bottom:solid 1px rgba(255,255,255,0.6);
}

.topnav li.has-child ul li:last-child a{
	border-bottom:none;
}

.topnav li.has-child ul li a:hover,
.topnav li.has-child ul li a:active{
	background:#3577CA;
}




/*ファーストビュー
----------------------------------------------*/
.slider {
  position:relative;
	z-index: 1;
	padding: 135px 0 0;
	/*↑z-indexの値をh1のz-indexの値よりも小さくして背景に回す*//*スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
}
/*　背景画像設定　*/

.slider-item01 {
    background:url("/kenkyu/Device/img/slide1.png");
}

.slider-item02 {
    background:url("/kenkyu/Device/img/slide2.png");
}

.slider-item03 {
    background:url("/kenkyu/Device/img/slide3.png");
}

.slider-item04 {
    background:url("/kenkyu/Device/img/slide4.png");
}

.slider-item05 {
    background:url("/kenkyu/Device/img/slide5.png");
}

.slider-item {
    width: 100%;/*各スライダー全体の横幅を画面の高さいっぱい（100%）にする*/
    height: 500px;/*各スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
    background-repeat: no-repeat;/*背景画像をリピートしない*/
    background-position: center;/*背景画像の位置を中央に*/
    background-size: cover;/*背景画像が.slider-item全体を覆い表示*/
}

.slidertext{
	position: absolute;
	top:50%;
	right: 10%;
	width: 520px;
}

.slidertext_title{
	font-size: 70px;
	line-height: 1.2;
}

.slidertext_sub{
	font-size: 12px;
	line-height: 1.2;
}

.more{
	text-align: right;
}

.slidertext_text{
	font-size: 20px;
	line-height: 1.3;
	margin: 10px 0;
}

/*矢印の設定*/

.slick-prev, 
.slick-next {
    position: absolute;
	z-index: 3;
    top: 60%;
    cursor: pointer;/*マウスカーソルを指マークに*/
    outline: none;/*クリックをしたら出てくる枠線を消す*/
    border-top: 2px solid #fff;/*矢印の色*/
    border-right: 2px solid #fff;/*矢印の色*/
    height: 25px;
    width: 25px;
}

.slick-prev {/*戻る矢印の位置と形状*/
    left:2.5%;
    transform: rotate(-135deg);
}

.slick-next {/*次へ矢印の位置と形状*/
    right:2.5%;
    transform: rotate(45deg);
}

/*ドットナビゲーションの設定*/

.slick-dots {
	position: relative;
	z-index: 3;
    text-align:center;
	margin: -50px 0 0 0;
	/*ドットの位置*/
}

.slick-dots li {
    display:inline-block;
	margin:0 5px;
}

.slick-dots button {
    color: transparent;
    outline: none;
    width:12px;/*ドットボタンのサイズ*/
    height:12px;/*ドットボタンのサイズ*/
    display:block;
    border-radius:50%;
    border: 1px solid #fff;
}

.slick-dots .slick-active button{
    background:#fff;/*ドットボタンの現在地表示の色*/
}


/*トップページボタン
----------------------------------------------*/
.topcontent{
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	width: 820px;
	height: 450px;
	padding: 50px 80px;
}

.top_research{
	background-image: url("/kenkyu/Device/img/research.png");
	margin: 0 auto 0 280px;
}

.top_collaboration{
	background-image: url("/kenkyu/Device/img/collaboration.png");
	margin: 0 280px 0 auto;
}

.topcontent_en{
	font-size: 30px;
	position: absolute;
	top: 46%;
	left: -5%;
	transform: rotate(90deg);
	font-family: "miller-text", serif;
	font-weight: 700;
}

.topcontent_enc{
	font-size: 30px;
	position: absolute;
	top: 46%;
	left: -11%;
	transform: rotate(90deg);
	font-family: "miller-text", serif;
	font-weight: 700;
}

.topcontent_text{
	width: 70%;
}

.topcontent_text_title{
	font-size: 30px;
	margin: 0 0 10px;
}


/*右テキスト左写真
----------------------------------------------*/
.content{
	position: relative;
}

.content_image{
	position: relative;
	left: 0;
}

.content_text{
	position: absolute;
	top: 0;
	width: 860px;
	right: 10%
}

.content_re{
	position: relative;
	display: flex;
	flex-direction: row-reverse;
}

.content_image_re{
}

.content_text_re{
	position: absolute;
	max-width: 870px;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	left: 10%;
}

.maintext{
	margin: 100px 0 0;
}

.maintext_title{
	text-align: center;
	font-size: 20px;
	padding: 20px 0 0;
	text-shadow: 0px 0px 3px #000000;
}

.maintext_text{
	line-height: 3;
	letter-spacing: 0.04em;
	text-shadow: 0px 0px 3px #000,0px 0px 3px #000,0px 0px 3px #000,0px 0px 3px #000;
}

.maintext_textlight{
	line-height: 2;
	letter-spacing: 0.04em;
	text-shadow: 0px 0px 3px #000,0px 0px 3px #000,0px 0px 3px #000,0px 0px 3px #000;
}

.backtext{
	position: absolute;
	display: flex;
	align-items: center;
	right: 0;
	font-size: 100px;
	font-weight: 700;
	top: 0;
	color: rgba(255,255,255,0);
	-webkit-text-stroke: 0.5px #666666;
  text-stroke: 0.5px #666666;
	font-family: "miller-text", serif;
}

.backtext_big{
	font-size: 150px;
}


/*沿革
----------------------------------------------*/
/*タイムライン全体の設定*/
.timeline{
	max-width: 900px;
	width:100%;
	margin:0 auto;
}

.timeline li{
    /*線の起点とするためrelativeを設定*/
    position: relative;
	list-style: none;
	padding:0 0 30px 0;
}

.timeline dl{
	margin:0 0 20px 3em;
}

.timeline dd span{
	font-size: 20px;
}

.timeline dd a{
	border-bottom: 1.5px solid #fff;
}

.timeline dd a:hover{
	color: #009DFF;
	border-bottom: 1.5px solid #009DFF;
}

/*絶対配置で線を設定*/
.border-line {
    /*線の位置*/
	position: absolute;
	left:0.4em;
	top:10.5%;
	width:2px;/*線の太さ*/
	height:0;/*はじめは高さを0に*/
	background: #fff;
}

/*タイムラインの見出し横の丸の位置と形状*/
.timeline li::after{
	content:'';
	position: absolute;
	top:8%;
	left:0;
	width:15px;
	height: 15px;
	background:#fff;
	border-radius: 50%;
}



/*フッター
----------------------------------------------*/
.footer{
	background-color: #000;
}

.fixed{
	position: fixed;
	width: 100%;
	bottom: 0;
}

.footercontent{
	width: 50%;
	margin: 0 auto;
}

.linktitle{
	font-size: 30px;
	line-height: 1;
}

.copyright-text{
	font-size: 12px;
	text-align: center;
}

.footerbutton{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
}

.sublink{
	display: flex;
	gap:80px;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-size: 12px;
}

.sublink a{
	display: inline-block;
}


/*お問合せ
----------------------------------------------*/
#formWrap {
	width:70%;
	margin:0 auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

#formWrapcheck {
	max-width:70%;
	margin:0 auto;
	display: flex;
	flex-direction: column;
	justify-content:flex-start;
}

.contactform{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.formTable{
	margin:0 auto;
}

.formTable tr{
	display: flex;
	flex-direction: column;
	margin: 20px 0;
}

.formTable th{
	text-align:left;
}

.formTablecheck{
}

.formTablecheck tr{
	display: flex;
	flex-direction: column;
	margin: 20px 0;
}

.formTablecheck th{
	text-align:left;
}

.radio{
	display: flex;
	flex-direction: column;
}

.checkbotton{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap:20px;
}

.contact{
	padding: 5px;
	background-color: #fff;
	width: 50%;
}

.contact_w{
	padding: 5px;
	background-color: #fff;
	width: 100%;
}

.contactformbutton{
	position: relative;
  background: #0036BC;
	width: 30%;
	margin: 0 auto;
  padding: 10px 40px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
}



/*iframe
----------------------------------------------*/
.arimnews{
	width: 85%;
	height: 240px;
	display: block;
	margin: 0 auto;
}

.googlemap {
  position: relative;
	margin: 0 auto;
  width: 70%;
  padding-top: 30%;
  overflow:auto; 
  -webkit-overflow-scrolling:touch;
  border:2px solid #ccc; 
}
.googlemap iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border:none;
    display:block;
}


/*文字系
----------------------------------------------*/
.title{
	position: relative;
	margin: 0 auto;
	text-align: center;
}

.bule{
	height: 300px;
	width: 80%;
	right: 0;
	background-color: #0036BC;
	position: absolute;
	z-index: -50;
}

.title p{
	text-align: center;
}

.titleback{
	position: absolute;
	left: 50%;
	width: 100%;
transform: translate(-50%,0);
	font-size: 140px;
	font-weight: 700;
	color: rgba(255,255,255,0);
	-webkit-text-stroke: 0.5px #666666;
  text-stroke: 0.5px #666666;
	font-family: "miller-text", serif;
	line-height: 0;
}

.titletext{
	font-size: 20px;
	width: 70%;
	margin: 0 auto;
	line-height: 1.4;
	position: relative;
	z-index: 10;
}

.arimtitle{
	position: relative;
	width: 85%;
	margin: 0 auto;
}

.arimtitle p{
}

.arimtitleback{
	position: absolute;
	left: 5%;
	top: -100%;
	font-size: 140px;
	font-weight: 700;
	color: rgba(255,255,255,0);
	-webkit-text-stroke: 0.5px #666666;
  text-stroke: 0.5px #666666;
	font-family: "miller-text", serif;
	line-height: 0;
}

.arimtitletext{
	font-size: 20px;
	width: 70%;
	line-height: 1.4;
	position: relative;
	z-index: 10;
}

.black{
	color: #000;
}

.body{
	text-align: center;
	width: 80%;
	margin: 0px auto;
	position: relative;
	z-index: 10;
}

.body p{
	display: inline-block;
  text-align: left;
}

.bodyleft{
	width: 80%;
	margin: 0px auto;
}

.bodytitle{
	font-size: 25px;
	line-height: 1.3;
	margin: 0 0 10px;
}

.body a{
	border-bottom: 1.5px solid #fff;
}

.body a:hover{
	color: #0036BC;
	border-bottom: 1.5px solid #0036BC;
}

.bodyleft a{
	border-bottom: 1.5px solid #000;
}

.bodyleft a:hover{
	color: #0036BC;
	border-bottom: 1.5px solid #0036BC;
}




/*画像系
----------------------------------------------*/


/*ボタン系
----------------------------------------------*/
.button_yajirushi{
  display: flex;
	justify-content: center;
	align-items: center;
  position: relative;
	z-index: 5;
	width: 100%;
	min-width: 250px;
	height: auto;
	margin: 0 auto;
  padding: 10px 40px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  letter-spacing: .1rem;
  transition: .5s;
	border: 1px solid #fff;
	cursor: pointer;
}

.button_yajirushi_arim{
  display: flex;
	justify-content: center;
	align-items: center;
  position: relative;
	z-index: 5;
	max-width: 460px;
	min-width: 250px;
	height: auto;
  padding: 10px 40px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  letter-spacing: .1rem;
  transition: .5s;
	border: 1px solid #fff;
	cursor: pointer;
}

.button_yajirushionly{
  display: flex;
	justify-content: center;
	align-items: center;
  position: relative;
	z-index: 5;
	max-width: 460px;
	min-width: 250px;
	margin: 0 auto;
	height: auto;
  padding: 10px 40px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  letter-spacing: .1rem;
  transition: .5s;
	border: 1px solid #fff;
	cursor: pointer;
}

.button_yajirushi:before,.button_yajirushi_arim:before,.button_yajirushionly:before{
  content: "";
  position: absolute;
  top: 40%;
  right: 12px;
  width: 10px;
  height: 2px;
  background: #fff;
  transform: rotate(45deg);
}

.button_yajirushi:after,.button_yajirushi_arim:after,.button_yajirushionly:after{
  content: "";
  position: absolute;
  top: 54%;
  right: 12px;
  width: 10px;
  height: 2px;
  background: #fff;
  transform: rotate(-45deg);
}

.button_yajirushi:hover,.button_yajirushi_arim:hover,.button_yajirushionly:hover{
  opacity: 0.5;
}


.bulebutton{
	display: block;
	text-align: center;
	margin: 0 auto;
	background-color: #0036BC;
	width: 70%;
	padding: 80px 50px;
	position: relative;
	transition: .5s;
}

.bulebutton:hover{
  background-color: #009DFF;
	transition: .5s;
}

.bulebutton_title{
	font-size: 60px;
	font-family: "miller-text", serif;
	font-weight: 700;
	line-height: 1;
}

.dli-chevron-down {
	position: absolute;
	bottom: 5%;
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  line-height: 1;
  width: 1em;
  height: 1em;
  border: 0.1em solid currentColor;
  border-left: 0;
  border-bottom: 0;
  box-sizing: border-box;
  transform: translateY(-25%) rotate(135deg);
}


/*背景系
----------------------------------------------*/
.gray{
	background-color: #333333;
}



/*タブレット　レスポンシブ
----------------------------------------------*/
@media (max-width: 1185px){
	
	.pc{
		display: none !important;
	}
	
	.tablet{
		display: block !important;
	}
	
	
/*ハンバーガーメニュー
----------------------------------------------*/
	
	.hamburger-menu{
		display: block;
	}
	
	.menu-btn {
    position: fixed;
    top: 30px;
    right: 30px;
		z-index: 100;
		cursor:pointer;
display: flex;
    height: 50px;
    width: 70px;
	border: 2px solid #fff;
    justify-content: center;
    align-items: center;
       /* background-color: #fff;*/
}
.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {
    content: '';
    display: flex;
	justify-content: center;
    align-items: center;
    height: 3px;
    width: 25px;
    border-radius: 3px;
    background-color: rgba(255, 255, 255, 0);
    position: absolute;
	text-align: center;
}
.menu-btn span:before {
    bottom: 8px;
	background-color: rgba(255, 255, 255, 0);
}
.menu-btn span:after {
    top: 8px;
	background-color: rgba(255, 255, 255, 0);
}
	
#menu-btn-check:checked ~ .menu-btn span {
    color: rgba(255, 255, 255, 0);/*メニューオープン時は真ん中の線を透明にする*/
}
#menu-btn-check:checked ~ .menu-btn span::before {
    bottom: 0;
    transform: rotate(45deg);
	background-color: #fff;
}
#menu-btn-check:checked ~ .menu-btn span::after {
    top: 0;
    transform: rotate(-45deg);
	background-color: #fff;
}
	
#menu-btn-check {
    display: none;
}

	.topnav{
		padding: 100px 0 0 0;
				width: 50%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 100%;/*leftの値を変更してメニューを画面外へ*/
    z-index: 80;
    transition: all 0.5s;/*アニメーション設定*/

	}
	
	.topnav ul{
		display: block;
		
	}
	
	.topnav li.has-child ul,
	.topnav li.has-child ul ul{
  	position: relative;
	left:0;
	top:0;
	width:100%;
	visibility:visible;/*JSで制御するため一旦表示*/
	opacity:1;/*JSで制御するため一旦表示*/
	display: none;/*JSのslidetoggleで表示させるため非表示に*/
	transition:none;/*JSで制御するためCSSのアニメーションを切る*/
}
	
.topnav ul li a{
	border-bottom:1px solid #ccc;
	padding:10px 35px;
}

/*矢印の位置と向き*/

.topnav ul li.has-child::before{
	left:20px;	
}

.topnav ul ul li.has-child::before{
    transform: rotate(135deg);
	left:20px;
}
    
.topnav ul li.has-child.active::before{
    transform: rotate(-45deg);
}
	
	#menu-btn-check:checked ~ .topnav {
    left: 50%;/*メニューを画面内へ*/
}
	
	
/*ヘッダー
----------------------------------------------*/
.header{
	position: fixed;
	top: 0;
	z-index: 999;
	width: 100%;
	background-color: #000;
}

.logo{
	display: flex;
	align-items: center;
	margin: 0;
	gap:20px;
}

.logocontentstitle{
	font-size: 20px;
	line-height: 1.3;
}

.logocontentssub{
	font-size: 10px;
}

.logocontents img{
	width: 100%;
}

.english{
	padding: 10px 50px;
	border: 2px solid #fff;
}
	
.headercontents{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 15px 30px;
}

	
/*ファーストビュー
----------------------------------------------*/
.slider {
  position:relative;
	z-index: 1;
	padding: 120px 0 0;
	/*↑z-indexの値をh1のz-indexの値よりも小さくして背景に回す*//*スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
}
/*　背景画像設定　*/

.slider-item01 {
    background:url("/kenkyu/Device/img/slide1.png");
}

.slider-item02 {
    background:url("/kenkyu/Device/img/slide2.png");
}

.slider-item03 {
    background:url("/kenkyu/Device/img/slide3.png");
}

.slider-item04 {
    background:url("/kenkyu/Device/img/slide4.png");
}

.slider-item05 {
    background:url("/kenkyu/Device/img/slide5.png");
}

.slider-item {
    width: 100%;/*各スライダー全体の横幅を画面の高さいっぱい（100%）にする*/
    height: 500px;/*各スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
    background-repeat: no-repeat;/*背景画像をリピートしない*/
    background-position: center;/*背景画像の位置を中央に*/
    background-size: cover;/*背景画像が.slider-item全体を覆い表示*/
}

.slidertext{
	position: absolute;
	top:50%;
	right: 10%;
	width: 520px;
}

.slidertext_title{
	font-size: 70px;
	line-height: 1.2;
}

.slidertext_sub{
	font-size: 12px;
	line-height: 1.2;
}

.more{
	text-align: right;
}

.slidertext_text{
	font-size: 20px;
	line-height: 1.3;
	margin: 10px 0;
}

/*矢印の設定*/

.slick-prev, 
.slick-next {
    position: absolute;
	z-index: 3;
    top: 60%;
    cursor: pointer;/*マウスカーソルを指マークに*/
    outline: none;/*クリックをしたら出てくる枠線を消す*/
    border-top: 2px solid #fff;/*矢印の色*/
    border-right: 2px solid #fff;/*矢印の色*/
    height: 25px;
    width: 25px;
}

.slick-prev {/*戻る矢印の位置と形状*/
    left:2.5%;
    transform: rotate(-135deg);
}

.slick-next {/*次へ矢印の位置と形状*/
    right:2.5%;
    transform: rotate(45deg);
}

/*ドットナビゲーションの設定*/

.slick-dots {
	position: relative;
	z-index: 3;
    text-align:center;
	margin: -50px 0 0 0;
	/*ドットの位置*/
}

.slick-dots li {
    display:inline-block;
	margin:0 5px;
}

.slick-dots button {
    color: transparent;
    outline: none;
    width:12px;/*ドットボタンのサイズ*/
    height:12px;/*ドットボタンのサイズ*/
    display:block;
    border-radius:50%;
    border: 1px solid #fff;
}

.slick-dots .slick-active button{
    background:#fff;/*ドットボタンの現在地表示の色*/
}




/*トップページボタン
----------------------------------------------*/
.topcontent{
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	width: 80%;
	height: 450px;
	padding: 50px 50px;
}

.top_research{
	background-image: url("/kenkyu/Device/img/research.png");
	background-position: center;
	background-size: cover;
	margin: 0 auto;
}

.top_collaboration{
	background-image: url("/kenkyu/Device/img/collaboration.png");
	background-position: center;
	background-size: cover;
	margin: 0 auto;
}

.topcontent_en{
	font-size: 30px;
	position: absolute;
	top: 46%;
	left: -5%;
	transform: rotate(90deg);
	font-family: "miller-text", serif;
	font-weight: 700;
}

.topcontent_enc{
	font-size: 30px;
	position: absolute;
	top: 46%;
	left: -14%;
	transform: rotate(90deg);
	font-family: "miller-text", serif;
	font-weight: 700;
}

.topcontent_text{
	margin: 0 0 0 50px;
	width: 70%;
}

.topcontent_text_title{
	font-size: 30px;
	margin: 0 0 10px;
}


/*右テキスト左写真
----------------------------------------------*/
.content{
	position: relative;
}

.content_image{
	position: absolute;
	left: 0;
	width: 100%;
}
	
.content_image img{
		width: 100%;
	}

.content_text{
	position: relative;
	top: 0;
	width: auto;
	right: 0;
	margin: 0 50px 50px;
}
	
.content_re{
	position: relative;
	display: block;
	flex-direction: row-reverse;
}

.content_image_re{
	position: absolute;
	top: 0;
	width: 100%;
	right: 0;
	margin: 0 0 50px;
}
	
.content_image_re img{
		width: 100%;
	}

.content_text_re{
	position: relative;
	max-width: inherit;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	margin: 0 50px 50px;
	left: 0;
}

.maintext{
	margin: 0 auto;
	padding: 150px 0 0;
}


.maintext_title{
	text-align: left;
	font-size: 20px;
	padding: 20px 0 0;
	text-shadow: 0px 0px 3px #000000;
}

.maintext_text{
	line-height: 3;
	letter-spacing: 0.04em;
	text-shadow: 0px 0px 3px #000,0px 0px 3px #000,0px 0px 3px #000,0px 0px 3px #000;
}
	
.maintext_textlight{
	margin: 250px 0 0;
	line-height: 2;
	letter-spacing: 0.04em;
	text-shadow: 0px 0px 3px #000,0px 0px 3px #000,0px 0px 3px #000,0px 0px 3px #000;
}

.backtext{
	position: absolute;
	display: flex;
	align-items: center;
	right: auto;
	left: 0;
	font-size: 100px;
	font-weight: 700;
	top: 10%;
	color: rgba(255,255,255,0);
	-webkit-text-stroke: 0.5px #666666;
  text-stroke: 0.5px #666666;
	font-family: "miller-text", serif;
}

.backtext_big{
	font-size: 150px;
}
	
	
/*沿革
----------------------------------------------*/
/*タイムライン全体の設定*/
.timeline{
	max-width: 900px;
	width:auto;
	margin:0 50px;
}

.timeline li{
    /*線の起点とするためrelativeを設定*/
    position: relative;
	list-style: none;
	padding:0 0 30px 0;
}

.timeline dl{
	margin:0 0 20px 3em;
}

.timeline dd span{
	font-size: 20px;
}

/*絶対配置で線を設定*/
.border-line {
    /*線の位置*/
	position: absolute;
	left:0.4em;
	top:10.5%;
	width:2px;/*線の太さ*/
	height:0;/*はじめは高さを0に*/
	background: #fff;
}

/*タイムラインの見出し横の丸の位置と形状*/
.timeline li::after{
	content:'';
	position: absolute;
	top:8%;
	left:0;
	width:15px;
	height: 15px;
	background:#fff;
	border-radius: 50%;
}
	


/*フッター
----------------------------------------------*/
.footer{
	background-color: #000;
}

.footercontent{
	width: auto;
	margin: 0 50px;
}

.linktitle{
	font-size: 30px;
	line-height: 1;
}

.copyright-text{
	font-size: 12px;
	text-align: center;
}

.footerbutton{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
}

.sublink{
	display: flex;
	gap:80px;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-size: 12px;
}

.sublink a{
	display: inline-block;
}


/*お問合せ
----------------------------------------------*/
#formWrap {
	width:80%;
	margin:0 auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

#formWrapcheck {
	max-width:80%;
	margin:0 auto;
	display: flex;
	flex-direction: column;
	justify-content:flex-start;
}

.contactform{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.formTable{
	margin:0 auto;
}

.formTable tr{
	display: flex;
	flex-direction: column;
	margin: 20px 0;
}

.formTable th{
	text-align:left;
}

.formTablecheck{
}

.formTablecheck tr{
	display: flex;
	flex-direction: column;
	margin: 20px 0;
}

.formTablecheck th{
	text-align:left;
}

.radio{
	display: flex;
	flex-direction: column;
}

.checkbotton{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap:20px;
}

.contact{
	padding: 5px;
	background-color: #fff;
	width: 70%;
}

.contact_w{
	padding: 5px;
	background-color: #fff;
	width: 100%;
}

.contactformbutton{
	position: relative;
  background: #0036BC;
	width: 50%;
	margin: 0 auto;
  padding: 10px 40px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
}



/*iframe
----------------------------------------------*/
.arimnews{
	width: 85%;
	height: 500px;
	display: block;
	margin: 0 auto;
}
	
.googlemap {
  position: relative;
	margin: 0 auto;
  width: 85%;
  padding-top: 50%;
  overflow:auto; 
  -webkit-overflow-scrolling:touch;
  border:2px solid #ccc; 
}
.googlemap iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border:none;
    display:block;
}


/*文字系
----------------------------------------------*/
.title{
	position: relative;
	margin: 0 auto;
}

.title p{
	text-align: center;
}

.titleback{
	position: absolute;
	width: 100%;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	font-size: 120px;
	font-weight: 700;
	color: rgba(255,255,255,0);
	-webkit-text-stroke: 0.5px #666666;
  text-stroke: 0.5px #666666;
	font-family: "miller-text", serif;
	line-height: 0.7;
	overflow: hidden;
	height: 140px;
}
	
.bule{
	height: 300px;
	width: 80%;
	top: 10%;
	right: 0;
	background-color: #0036BC;
	position: absolute;
	z-index: -50;
}

.titletext{
	font-size: 20px;
}
	
	.arimtitle{
	position: relative;
	width: 85%;
	margin: 0 auto;
}

.arimtitle p{
}

.arimtitleback{
	position: absolute;
	left: 5%;
	top: -50%;
	font-size: 100px;
	font-weight: 700;
	color: rgba(255,255,255,0);
	-webkit-text-stroke: 0.5px #666666;
  text-stroke: 0.5px #666666;
	font-family: "miller-text", serif;
	line-height: 0;
}

.arimtitletext{
	font-size: 20px;
	width: 70%;
	line-height: 1.4;
	position: relative;
	z-index: 10;
}

.body{
	text-align: center;
	width: 80%;
	margin: 0px auto;
	position: relative;
	z-index: 10;
}

.body p{
	display: inline-block;
  text-align: left;
}

.body a{
	border-bottom: 1.5px solid #fff;
}

.body a:hover{
	color: #0036BC;
	border-bottom: 1.5px solid #0036BC;
}



/*画像系
----------------------------------------------*/


/*ボタン系
----------------------------------------------*/
.button_yajirushi{
  display: flex;
	justify-content: center;
	align-items: center;
  position: relative;
	z-index: 5;
	width: 100%;
	min-width: 250px;
	height: auto;
	margin: 0 auto;
  padding: 10px 40px;
	font-size: 14px;
	line-height: 1.1;
  color: #fff;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  letter-spacing: .1rem;
  transition: .5s;
	border: 1px solid #fff;
	cursor: pointer;
}

.button_yajirushi:before{
  content: "";
  position: absolute;
  top: 40%;
  right: 12px;
  width: 10px;
  height: 2px;
  background: #fff;
  transform: rotate(45deg);
}

.button_yajirushi:after{
  content: "";
  position: absolute;
  top: 54%;
  right: 12px;
  width: 10px;
  height: 2px;
  background: #fff;
  transform: rotate(-45deg);
}

.button_yajirushi:hover{
  opacity: 0.5;
}
	
.bulebutton{
	display: block;
	text-align: center;
	margin: 0 50px;
	background-color: #0036BC;
	width: auto;
	padding: 80px 50px;
	position: relative;
	transition: .5s;
}

.bulebutton:hover{
  background-color: #009DFF;
	transition: .5s;
}

.bulebutton_title{
	font-size: 60px;
	font-family: "miller-text", serif;
	font-weight: 700;
	line-height: 1;
}

.dli-chevron-down {
	position: absolute;
	bottom: 5%;
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  line-height: 1;
  width: 1em;
  height: 1em;
  border: 0.1em solid currentColor;
  border-left: 0;
  border-bottom: 0;
  box-sizing: border-box;
  transform: translateY(-25%) rotate(135deg);
}


/*背景系
----------------------------------------------*/


}


/*スマホ　レスポンシブ
----------------------------------------------*/
@media (max-width: 750px){
	
	.pc_tablet{
		display: none !important;
	}
	
	.tablet{
		display: none !important;
	}
	
	.mobile{
		display: block !important;
	}
	
	body{
	font-family: 'Noto Serif JP', serif;
		font-size: 14px;
	line-height: 1.7;
	color: #fff;
	font-weight: 500;
}
	
	
/*ハンバーガーメニュー
----------------------------------------------*/
	
	.hamburger-menu{
		display: block;
	}
	
	.menu-btn {
    position: fixed;
    top: 20px;
    right: 30px;
		z-index: 100;
		cursor:pointer;
display: flex;
    height: 50px;
    width: 70px;
	border: 2px solid #fff;
    justify-content: center;
    align-items: center;
       /* background-color: #fff;*/
}
.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {
    content: '';
    display: flex;
	justify-content: center;
    align-items: center;
    height: 3px;
    width: 25px;
    border-radius: 3px;
    background-color: rgba(255, 255, 255, 0);
    position: absolute;
	text-align: center;
}
.menu-btn span:before {
    bottom: 8px;
	background-color: rgba(255, 255, 255, 0);
}
.menu-btn span:after {
    top: 8px;
	background-color: rgba(255, 255, 255, 0);
}
	
#menu-btn-check:checked ~ .menu-btn span {
    color: rgba(255, 255, 255, 0);/*メニューオープン時は真ん中の線を透明にする*/
}
#menu-btn-check:checked ~ .menu-btn span::before {
    bottom: 0;
    transform: rotate(45deg);
	background-color: #fff;
}
#menu-btn-check:checked ~ .menu-btn span::after {
    top: 0;
    transform: rotate(-45deg);
	background-color: #fff;
}
	
#menu-btn-check {
    display: none;
}

	.topnav{
	padding: 100px 0 0 0;
	width: 70%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 100%;/*leftの値を変更してメニューを画面外へ*/
    z-index: 80;
    transition: all 0.5s;/*アニメーション設定*/

	}
	
	.topnav ul{
		display: block;
		
	}
	
	.topnav li.has-child ul,
	.topnav li.has-child ul ul{
  	position: relative;
	left:0;
	top:0;
	width:100%;
	visibility:visible;/*JSで制御するため一旦表示*/
	opacity:1;/*JSで制御するため一旦表示*/
	display: none;/*JSのslidetoggleで表示させるため非表示に*/
	transition:none;/*JSで制御するためCSSのアニメーションを切る*/
}
	
.topnav ul li a{
	border-bottom:1px solid #ccc;
	padding:10px 35px;
}

/*矢印の位置と向き*/

.topnav ul li.has-child::before{
	left:20px;	
}

.topnav ul ul li.has-child::before{
    transform: rotate(135deg);
	left:20px;
}
    
.topnav ul li.has-child.active::before{
    transform: rotate(-45deg);
}
	
	#menu-btn-check:checked ~ .topnav {
    left: 30%;/*メニューを画面内へ*/
}
	
	
/*ヘッダー
----------------------------------------------*/
.header{
	position: fixed;
	top: 0;
	z-index: 999;
	width: 100%;
	background-color: #000;
}

.logo{
	display: flex;
	align-items: center;
	margin: 0;
	width: 70%;
	gap:10px;
}

.logocontentstitle{
	font-size: 15px;
	line-height: 1.1;
	margin: -5px 0 0;
}

.logocontentssub{
	font-size: 6px;
	line-height: 1.1;
	margin: 5px 0 0;
}

.logocontents img{
	width: 100%;
	min-width: 40px;
}

.english{
	padding: 10px 50px;
	border: 2px solid #fff;
}
	
.headercontents{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 15px;
}
	
/*ファーストビュー
----------------------------------------------*/
.slider {
  position:relative;
	z-index: 1;
	padding: 90px 0 0;
	/*↑z-indexの値をh1のz-indexの値よりも小さくして背景に回す*//*スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
}
/*　背景画像設定　*/

.slider-item01 {
    background:url("/kenkyu/Device/img/slide1.png");
}

.slider-item02 {
    background:url("/kenkyu/Device/img/slide2.png");
}

.slider-item03 {
    background:url("/kenkyu/Device/img/slide3.png");
}

.slider-item04 {
    background:url("/kenkyu/Device/img/slide4.png");
}

.slider-item05 {
    background:url("/kenkyu/Device/img/slide5.png");
}

.slider-item {
    width: 100%;/*各スライダー全体の横幅を画面の高さいっぱい（100%）にする*/
    height: 400px;/*各スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
    background-repeat: no-repeat;/*背景画像をリピートしない*/
    background-position: center;/*背景画像の位置を中央に*/
    background-size: cover;/*背景画像が.slider-item全体を覆い表示*/
}

.slidertext{
	position: absolute;
	top:40%;
	right: 10%;
	width: 75%;
}

.slidertext_title{
	font-size: 40px;
	line-height: 1.2;
}

.slidertext_sub{
	font-size: 12px;
	line-height: 1.2;
}

.more{
	text-align: right;
}

.slidertext_text{
	font-size: 18px;
	line-height: 1.3;
	margin: 10px 0;
}

/*矢印の設定*/

.slick-prev, 
.slick-next {
    position: absolute;
	z-index: 3;
    top: 60%;
    cursor: pointer;/*マウスカーソルを指マークに*/
    outline: none;/*クリックをしたら出てくる枠線を消す*/
    border-top: 2px solid #fff;/*矢印の色*/
    border-right: 2px solid #fff;/*矢印の色*/
    height: 25px;
    width: 25px;
}

.slick-prev {/*戻る矢印の位置と形状*/
    left:2.5%;
    transform: rotate(-135deg);
}

.slick-next {/*次へ矢印の位置と形状*/
    right:2.5%;
    transform: rotate(45deg);
}

/*ドットナビゲーションの設定*/

.slick-dots {
	position: relative;
	z-index: 3;
    text-align:center;
	margin: -50px 0 0 0;
	/*ドットの位置*/
}

.slick-dots li {
    display:inline-block;
	margin:0 5px;
}

.slick-dots button {
    color: transparent;
    outline: none;
    width:12px;/*ドットボタンのサイズ*/
    height:12px;/*ドットボタンのサイズ*/
    display:block;
    border-radius:50%;
    border: 1px solid #fff;
}

.slick-dots .slick-active button{
    background:#fff;/*ドットボタンの現在地表示の色*/
}



/*トップページボタン
----------------------------------------------*/
.topcontent{
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-end;
	width: 80%;
	height: 400px;
	padding: 20px 20px;
}

.top_research{
	background-image: url("/kenkyu/Device/img/research.png");
	background-position: center;
	background-size: cover;
	margin: 0 auto;
}

.top_collaboration{
	background-image: url("/kenkyu/Device/img/collaboration.png");
	background-position: center;
	background-size: cover;
	margin: 0 auto;
}

.topcontent_en{
	font-size: 25px;
	position: absolute;
	top: 46%;
	left: -7%;
	transform: rotate(90deg);
	font-family: "miller-text", serif;
	font-weight: 700;
}

.topcontent_enc{
	font-size: 25px;
	position: absolute;
	top: 46%;
	left: -19%;
	transform: rotate(90deg);
	font-family: "miller-text", serif;
	font-weight: 700;
}

.topcontent_text{
	margin: 0 0 0 50px;
	width: 75%;
}

.topcontent_text_title{
	font-size: 25px;
	line-height: 1.1;
	margin: 0 0 15px;
}


/*右テキスト左写真
----------------------------------------------*/
.content{
	position: relative;
}

.content_image{
	position: absolute;
	left: 0;
}
	
.content_image img{
		width: 100%;
		height: 400px;
		object-fit: cover;
		object-position: right bottom;
	}

.content_text{
	position: relative;
	top: 0;
	width: auto;
	right: 0;
	margin: 0 50px;
}
	
.content_re{
	position: relative;
	display: block;
	flex-direction: row-reverse;
}

.content_image_re{
	position: absolute;
	top: 0;
	width: 100%;
	right: 0;
	margin: 0 0 50px;
}
	
.content_image_re img{
		width: 100%;
		height: 400px;
		object-fit: cover;
		object-position: right bottom;
	}

.content_text_re{
	position: relative;
	max-width: inherit;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	margin: 0 50px 50px;
	left: 0;
}

.maintext{
	margin: 0 auto;
	padding: 150px 0 0;
}


.maintext_title{
	text-align: left;
	font-size: 20px;
	padding: 20px 0 0;
	text-shadow: 0px 0px 3px #000000;
}

.maintext_text{
	line-height: 3;
	letter-spacing: 0.04em;
	text-shadow: 0px 0px 3px #000,0px 0px 3px #000,0px 0px 3px #000,0px 0px 3px #000;
}

.backtext{
	position: absolute;
	z-index: -10;
	display: flex;
	align-items: center;
	right: auto;
	left: 0;
	font-size: 70px;
	font-weight: 700;
	top: 10%;
	color: rgba(255,255,255,0);
	-webkit-text-stroke: 0.5px #666666;
  text-stroke: 0.5px #666666;
	font-family: "miller-text", serif;
}

.backtext_big{
	font-size: 100px;
}
	
/*沿革
----------------------------------------------*/
/*タイムライン全体の設定*/
.timeline{
	max-width: 900px;
	width:auto;
	margin:0 30px;
}

.timeline li{
    /*線の起点とするためrelativeを設定*/
    position: relative;
	list-style: none;
	padding:0 0 30px 0;
}

.timeline dl{
	margin:0 0 20px 3em;
}

.timeline dd span{
	font-size: 20px;
	line-height: 1.3;
}

/*絶対配置で線を設定*/
.border-line {
    /*線の位置*/
	position: absolute;
	left:0.4em;
	top:10.5%;
	width:2px;/*線の太さ*/
	height:0;/*はじめは高さを0に*/
	background: #fff;
}

/*タイムラインの見出し横の丸の位置と形状*/
.timeline li::after{
	content:'';
	position: absolute;
	top:8%;
	left:0;
	width:15px;
	height: 15px;
	background:#fff;
	border-radius: 50%;
}
	

/*フッター
----------------------------------------------*/
.footer{
	background-color: #000;
}

.footercontent{
	width: auto;
	margin: 0 30px;
}

.linktitle{
	font-size: 25px;
	line-height: 1;
}

.copyright-text{
	font-size: 12px;
	text-align: center;
}

.footerbutton{
	display: grid;
	grid-template-columns: 1fr;
	gap: 10px;
}

.sublink{
	display: flex;
	gap:40px;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-size: 12px;
}

.sublink a{
	display: inline-block;
}


/*お問合せ
----------------------------------------------*/
#formWrap {
	width:90%;
	margin:0 auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

#formWrapcheck {
	max-width:90%;
	margin:0 auto;
	display: flex;
	flex-direction: column;
	justify-content:flex-start;
}

.contactform{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.formTable{
	margin:0 auto;
}

.formTable tr{
	display: flex;
	flex-direction: column;
	margin: 20px 0;
}

.formTable th{
	text-align:left;
}

.formTablecheck{
}

.formTablecheck tr{
	display: flex;
	flex-direction: column;
	margin: 20px 0;
}

.formTablecheck th{
	text-align:left;
}

.radio{
	display: flex;
	flex-direction: column;
}

.checkbotton{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap:20px;
}

.contact{
	padding: 5px;
	background-color: #fff;
	width: 100%;
}

.contact_w{
	padding: 5px;
	background-color: #fff;
	width: 100%;
}

.contactformbutton{
	position: relative;
  background: #0036BC;
	width: 100%;
	margin: 0 auto;
  padding: 10px 40px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
}



/*iframe
----------------------------------------------*/
.arimnews{
	width: 82%;
	height: 1050px;
	display: block;
	margin: 0 auto;
}


/*文字系
----------------------------------------------*/
.title{
	position: relative;
	margin: 0 auto;
}

.title p{
	text-align: center;
}
	
	.arim{
		padding: 50px 0;
	}

.titleback{
	position: absolute;
	width: 100%;
	height: 80px;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	font-size: 80px;
	font-weight: 700;
	color: rgba(255,255,255,0);
	-webkit-text-stroke: 0.5px #666666;
  text-stroke: 0.5px #666666;
	font-family: "miller-text", serif;
	line-height: 0.7;
	overflow: hidden;
	white-space: nowrap;
}
	
.bule{
	height: 300px;
	width: 60%;
	top: 25%;
	right: 0;
	background-color: #0036BC;
	position: absolute;
	z-index: -50;
}

.titletext{
	width: 80%;
	font-size: 20px;
}
	
	.arimtitle{
	position: relative;
	width: 82%;
	margin: 0 auto;
}

.arimtitle p{
}

.arimtitleback{
	position: relative;
	width: 100%;
	height: 130px;
	left: 5%;
	top: 0;
	font-size: 80px;
	font-weight: 700;
	color: rgba(255,255,255,0);
	-webkit-text-stroke: 0.5px #666666;
  text-stroke: 0.5px #666666;
	font-family: "miller-text", serif;
	line-height: 0.8;
	overflow: hidden;
}

.arimtitletext{
	font-size: 20px;
	width: 70%;
	line-height: 1.4;
	position: relative;
	z-index: 10;
}

.body{
	text-align: center;
	width: 80%;
	margin: 0px auto;
	position: relative;
	z-index: 10;
}

.body p{
	display: inline-block;
  text-align: left;
}
	
.bodyleft{
	width: 80%;
	margin: 0px auto;
}

.bodytitle{
	font-size: 20px;
	line-height: 1.3;
	margin: 0 0 10px;
}

.body a{
	border-bottom: 1.5px solid #fff;
}

.body a:hover{
	color: #0036BC;
	border-bottom: 1.5px solid #0036BC;
}



/*画像系
----------------------------------------------*/


/*ボタン系
----------------------------------------------*/
.button_yajirushi,.button_yajirushi_arim{
  display: flex;
	justify-content: center;
	align-items: center;
  position: relative;
	z-index: 5;
	width: 100%;
	min-width: inherit;
	height: auto;
	margin: 0 auto;
  padding: 10px 25px;
  color: #fff;
	font-size: 14px;
	line-height: 1.1;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  letter-spacing: .1rem;
  transition: .5s;
	border: 1px solid #fff;
	cursor: pointer;
}
	
.button_yajirushionly{
  display: flex;
	justify-content: center;
	align-items: center;
  position: relative;
	z-index: 5;
	width: 80%;
	min-width: inherit;
	height: auto;
	margin: 0 auto;
  padding: 10px 25px;
  color: #fff;
	font-size: 14px;
	line-height: 1.1;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  letter-spacing: .1rem;
  transition: .5s;
	border: 1px solid #fff;
	cursor: pointer;
}

.button_yajirushi:before{
  content: "";
  position: absolute;
  top: 42%;
  right: 12px;
  width: 10px;
  height: 2px;
  background: #fff;
  transform: rotate(45deg);
}

.button_yajirushi:after{
  content: "";
  position: absolute;
  top: 54%;
  right: 12px;
  width: 10px;
  height: 2px;
  background: #fff;
  transform: rotate(-45deg);
}

.button_yajirushi:hover{
  opacity: 0.5;
}
	
.bulebutton{
	display: block;
	text-align: center;
	margin: 0 30px;
	background-color: #0036BC;
	width: auto;
	padding: 80px 30px;
	position: relative;
	transition: .5s;
}

.bulebutton:hover{
  background-color: #009DFF;
	transition: .5s;
}

.bulebutton_title{
	font-size: 40px;
	font-family: "miller-text", serif;
	font-weight: 700;
	line-height: 1;
}

.dli-chevron-down {
	position: absolute;
	bottom: 5%;
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  line-height: 1;
  width: 1em;
  height: 1em;
  border: 0.1em solid currentColor;
  border-left: 0;
  border-bottom: 0;
  box-sizing: border-box;
  transform: translateY(-25%) rotate(135deg);
}


/*背景系

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

	
}