@charset "UTF-8";

/*-------------<    ↓↓共通部設定について↓↓    >-------------*/

/* ベース
================================================== */
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@400;500;600;700&family=Lato:wght@400;700&family=Montserrat:wght@400;500;600;700&family=Noto+Sans+JP:wght@300;400;500;700;900&family=Noto+Serif+JP:wght@300;400;500;700;900&family=Raleway:wght@300;400;500;700;800;900&family=Zen+Kaku+Gothic+New:wght@400;500;700;900&display=swap');


html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}

html {
  /* font-size: 62.5%; */
  /* -webkit-text-size-adjust: 100%; */
  min-width: 320px;
}
@media all and (min-width: 767px) {
  html {
    -ms-overflow-style: none; /* IE, Edge スクロールバー消去 */
    scrollbar-width: none; /* Firefox スクロールバー消去 */
  }
}

/* Chrome, Safari スクロールバー消去 */
@media screen and (max-width: 766px) {
  html::-webkit-scrollbar {
    display: none;
  }
}

body {
  font-family: 'Montserrat', "Noto Sans JP", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

.f_josefin {
  font-family: 'Josefin Sans', "Noto Sans JP", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

.f_lato {
  font-family: 'Lato', "Noto Sans JP", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

.f_zenkaku {
  font-family: 'Zen Kaku Gothic New', "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

img {
  display: block;
  width: 100%;
}

::selection {
	background: #EBD25D;
	color: #ffffff;
	/* Safari */
}

::-moz-selection {
	background: #EBD25D;
	color: #ffffff;
	/* Firefox */
}

.clearfix {
	zoom: 1;
}

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


/*------------------------------
<共通>文字の空き
------------------------------*/
.text-mg_01 {
  margin-top: 0.5em;
}

.text-mg_02 {
  margin-top: 1.5em;
}

.text-ind_01 {
  padding-left: 0.7em;
}

.text-ind_02 {
  padding-left: 1.5em;
}

/*------------------------------
<共通>位置関係
------------------------------*/
.wrap-all {
  position: relative;
  margin-top: 60px;
}

@media screen and (max-width: 766px) {
  .wrap-all {
    margin-top: 50px;
  }
}

.position-c {
  display: block;
  text-align: center;
}

.position-l {
  display: block;
  text-align: left;
}

.margin_ltrt_auto {
  margin-left: auto;
  margin-right: auto;
}

/*------------------------------
<共通>box内について
------------------------------*/
* {
  box-sizing: border-box;
  line-height: 1.5;
}

.box_01 {
  display: block;
}

.inline-b {
  display: inline-block;
}

/*------------------------------
<共通>リスト
------------------------------*/
.li_deimal {
  list-style-type: decimal;
}

/*------------------------------
<共通>画像について
------------------------------*/
img {
  vertical-align: bottom;
}

a:hover,
a:hover::before,
a:hover::after {
  opacity: .6;
}

/* display:block=IE用  */
main {
  display: block;
}

/*------------------------------
<共通>背景について
------------------------------*/
.bg-cl_01 {
  background-color: #eeeeee;
}

.bg-cl_02 {
  background-color: #ffffff;
}

.bg-cl_03 {
  background-color: #f9f9f9;
}

.bg-cl_04 {
  background-color: #f0f5e6;
}

.bg-cl_05 {
  background-color: #ebf5d4;
}

.bg-cl_06 {
  background-color: #e1f0c0;
}

.bg-cl_07 {
  background-color: #f7f7f7;
}

.bg-cl_08 {
background-image:  url(../img/bitwin/b001.gif);
}

/*------------------------------
<共通>エラーについて (error)
------------------------------*/
div#recruitment .error input,
div#recruitment .error textarea {
  background-color: #fcd7db;
}

div#recruitment p.error {
  margin: 0;
  color: #dc3545;
  font-weight: bold;
  font-size: 13px;
  letter-spacing: 1px;
  margin-bottom: 0.5em;
}

/*-----------------
<共通>見出し
-----------------*/
.headline01-en,
.headline01-ja {
  line-height: 1;
  color: #232323;
  font-weight: bold;
}

.headline01::after, .headline02::after {
  content: "";
  background-color: #90c31f;
  height: 2px;
  display: block;
}

.list-title01::after {
  content: "";
  background-color: #232323;
  height: 1px;
  display: block;
}

.list-title02::after {
  content: "";
  background-color: #d2d2d2;
  height: 2px;
  display: block;
  margin-top: 1em;
}

.list-title03::after {
  content: "";
  background-color: #898989;
  height: 1px;
  display: block;
  margin-top: 1em;
}

/*------------------------------
<共通>ヘッダーについて (header)
------------------------------*/
.home_icon {
  height: 19px !important;
  width: auto !important;
  margin-left: inherit !important;
}

/*-----------------
<共通>フッター
-----------------*/
.copyright {
  display: block;
  text-align: center;
  color: #232323;
  line-height: 1;
  display: none;
}

.footer-link {
  color: #232323;
  line-height: 1;
}

/*-----------------
<共通>キービジュアル
-----------------*/
.kv_01 {
  background-image: url('../img/bitwin/index_kv.jpg');
  background-size: cover;
  background-position: center;
}

.kv_02 {
  background-image: url('../img/bitwin/kv-company.jpg');
  background-size: cover;
  background-position: center;
}

.kv_03 {
  background-image: url('../img/bitwin/recruit-image.jpg');
  background-size: cover;
  background-position: center;
}

.kv_03_2 {
  background-image: url('../img/bitwin/works_kv.jpg');
  background-size: cover;
  background-position: center;
}

.kv_04 {
  background-image: url('../img/bitwin/recruitment_kv.jpg');
  background-size: cover;
  background-position: center;
}

.kv_05 {
  background-image: url('../img/bitwin/service-image.jpg');
  background-size: cover;
  background-position: center;
}

.kv-en,
.kv-ja {
  line-height: 1;
}

/*-----------------
<共通>ページ下部：CONTACT&ENTRY
-----------------*/
.links {
  background-image: url('../img/bitwin/bg_contact_entry.jpg');
  background-size: cover;
  background-position: center;
}

.links-inner {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
}

.links-item {
  color: #ffffff;
  border: 1px solid #fff;
}

.links-title {
  text-align: center;
  line-height: 1;
}

.links-btn {
  background: linear-gradient(#bae165, #b5e879);
  color: #232323;
  text-align: center;
  margin: 0 auto;
  line-height: 1;
  display: block;
}

/*-----------------
<共通>ページ上部へ戻るボタン
-----------------*/
.scroll-top {
  line-height: 1;
  transition: .8s;
  opacity: 0;
}

.scroll-top.opacity {
  opacity: 1.0;
}

/*-----------------
<共通>ふわっとさせる
-----------------*/
.img_fuwa {
  opacity: 0;
  /*上下の移動を付ける場合、ここを(0, 80px)にかえる*/
  transform: translate(0, 0);
  transition: 1s;
}

.img_fuwa.scrollin {
  opacity: 1;
  transform: translate(0, 0);
  display: block;
}


/* header */
header div, header span,
header h1, header a,
header img, header strong,
header ol, header ul, header li,
header label,
header, header menu, header nav, header section {
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-size: 100%;
	vertical-align: baseline;
}

header, header menu, header nav, header section {
	display: block;
}

header img {
	width: 10.583vw;
	/*
  width: 127px;
  */
	height: auto;
	/*
  margin-left: 26%;
  */
	margin-left: 2.83vw;
	margin-right: auto;
	vertical-align: bottom;
	max-width: 127px;
}

header {
  background-color: #fff;
	padding: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10000;
}

header .inner {
  display: flex;
	justify-content: space-between;
	align-items: center;
	height: 60px;
  margin: 0 auto;
}

header h1 {
	/*
  width: 160px;
  */
	margin-right: auto;
}

/*
.hedader_nav {
  margin-right: -16px;
}
*/

.home_icon {
	margin-right: 3px;
}

.header_ul {
	display: flex;
	align-items: center;
  gap: 0 1px;
}

.header_a {
	color: #232323;
  font-weight: 400;
	padding-left: 1.5vw;
	padding-right: 1.5vw;
	text-decoration: none;
	text-align: center;
	display: flex;
	align-items: center;
	height: 60px;
}

@media screen and (min-width: 767px) {
  .header_a {
    font-size: min(2.16217vw, 16px);
  }
}


.header_a.bg_green {
  background-color: #B8E56F;
}

.header_a:hover,
.header_a:hover::before,
.header_a:hover::after,
.header_a:hover > * {
	background-color: #f8c75a;
	opacity: 1;
}


/*------------------------------
�qpc�r�lj�
------------------------------*/

.padd-tpbt_04 {
	padding-top: 10px;
	/*sp=7.5px*/
}

.padd-tpbt_05 {
	padding-bottom: 10px;
	/*sp=7.5px*/
}

#nav_toggle {
	display: none;
}


/*スマホ*/
@media screen and (max-width: 766px) {
	.padd-tpbt_04 {
		padding-top: 7.5px;
		/*sp=10px*/
	}

	.padd-tpbt_05 {
		padding-bottom: 7.5px;
		/*sp=7.5px*/
	}

	header {
		position: fixed;
    top: 0;
    left: 0;
    width: 100%;
	}

	.header_a {
		padding-top: 1.3em;
		padding-bottom: 1em;
	}


	header h1 img {
		width: 89px;
		margin-left: 10px;
	}

	.inner {
		width: 90%;
	}

	header .inner {
		height: 48px;
	}

	.change_btn {
		width: 90%;
		margin: 32px auto;
	}

	/*���j���[����*/
	.header_nav {
		display: none;
		position: absolute;
		top: 48px;
		width: 100%;
		background: #fff;
		left: 0;
		z-index: 1;
    height: calc(100vh - 48px);
		overflow: auto;
	}

	.header_ul {
		display: block;
		margin: 0 auto;
		width: 100%;
		list-style: none;
	}

	.header_li {
		margin: 0 auto;
		text-align: center;
		border-bottom: 1px solid #b5e879;
	}

	.header_li:nth-of-type(5),
	.header_li:nth-of-type(6) {
		border-bottom: 1px solid #fff;
	}

	.header_li:last-child {
		border: none;
	}

	.header_a {
		display: block;
	}

	.home_li .home_icon {
		height: 19px!important;
		width: auto!important;
		margin-left: inherit!important;
		margin-right: 3px;
	}

	.home_li a {
		display: block!important;
		line-height: 19px!important;
		padding-left: 1em!important;
		margin-left: -0.4vw;
	}


	/*ハンバーガー*/
	#nav_toggle {
		display: block;
		width: 40px;
		height: 40px;
		position: relative;
		top: 6px;
		z-index: 100;
	}

	#nav_toggle div {
		position: relative;
	}

	#nav_toggle span {
		display: block;
		height: 4px;
		background: #232323;
		position: absolute;
		width: 100%;
		left: 0;
		-webkit-transition: 0.5s ease-in-out;
		-moz-transition: 0.5s ease-in-out;
		transition: 0.5s ease-in-out;
	}

	#nav_toggle span:nth-child(1) {
		top: 0px;
	}

	#nav_toggle span:nth-child(2) {
		top: 12px;
	}

	#nav_toggle span:nth-child(3) {
		top: 24px;
	}


	/*ハンバーガー開くとき*/
	.open #nav_toggle span:nth-child(1) {
		top: 12px;
		-webkit-transform: rotate(135deg);
		-moz-transform: rotate(135deg);
		transform: rotate(135deg);
	}

	.open #nav_toggle span:nth-child(2) {
		width: 0;
		left: 50%;
	}

	.open #nav_toggle span:nth-child(3) {
		top: 12px;
		-webkit-transform: rotate(-135deg);
		-moz-transform: rotate(-135deg);
		transform: rotate(-135deg);
	}
}


/*最大領域*/
@media screen and (min-width: 1200px) {
	header img {
		width: 127px;
		margin-left: 34px;
	}

	.header_a {
		padding-left: 20px;
		padding-right: 20px;
	}
}


/*-------------<    ↓↓spここから↓↓    >-------------*/
/*==============================
《sp:~766px》
==============================*/
@media screen and (max-width: 766px) {

  /*------------------------------
	〈sp〉レイアウト関連（空白・幅等）
	------------------------------*/
  /* 《< 幅 >width/height/等…》 */
  .wid_01 {
    width: 100%;
    /*pc、sp共に同じ*/
  }

  /* 《< 余白 >margin/padding/等…》 */
  /*-------SP：上位クラス-------*/
  .main-wrap {
    padding-bottom: 42px;
  }

  .width-base-sp {
    padding: 0 6.66666666666665%;
  }

  .margin-side_01 {
    margin-left: 7.6923%;
    margin-right: 7.6923%;
  }

  .margin-tpbt_01 {
    margin-top: 20px;
    /*pc=10px*/
  }

  .margin-tpbt_02 {
    margin-top: 55px;
    /*pc=60px*/
  }

  .margin-tpbt_03 {
    margin-top: 12.5px;
    /*pc=20px*/
  }

  .margin-tpbt_04 {
    margin-bottom: 10px;
    /*sp、pcともに変わらず*/
  }

  .margin-tpbt_05 {
    margin-bottom: 20px;
    /*sp、pcともに変わらず*/
  }

  .margin-tpbt_06 {
    margin-top: 20px;
    /*sp、pcともに変わらず*/
  }

  .margin-tpbt_07 {
    margin-top: 30px;
    /*pc=40px*/
  }

  .margin-tpbt_08 {
    margin-top: 40px;
    /*pc=50px*/
  }

  .margin-tpbt_09 {
    margin-top: 30px;
    /*pc=27px*/
  }

  .margin-tpbt_010 {
    margin-top: 40px;
    /*pc=45px*/
  }

  .margin-tpbt_011 {
    margin-top: 50px;
    /*sp、pcともに変わらず*/
  }

  .margin-tpbt_012 {
    margin-top: 60px;
    /*sp、pcともに変わらず*/
  }

  .margin-tpbt_013 {
    margin-top: 33px;
    /*sp、pcともに変わらず*/
  }

  .margin-tpbt_014 {
    margin-top: 50px;
    /*pc=30px*/
  }

  .margin-tpbt_015 {
    margin-top: 30px;
    /*pc=90px*/
  }

  .margin-tpbt_016 {
    margin-top: 50px;
    /*pc=130px*/
  }

  .margin-tpbt_017 {
    margin-top: 25px;
    /*pc=40px*/
  }

  .margin-tpbt_018 {
    margin-top: 30px;
    /*pc=70px*/
  }

  .margin-tpbt_019 {
    margin-top: 40px;
    /*pc=80px*/
  }

  .margin-tpbt_020 {
    margin-top: 85px;
    /*pc=140px*/
  }

  .margin-tpbt_021 {
    margin-top: 40px;
    /*pc=100px*/
  }

  .margin-tpbt_022 {
    margin-top: 1em;
    /*sp、pcともに変わらず*/
  }

  .margin-tpbt_023 {
    margin-top: 30px;
    /*pc=120px*/
  }

  .margin-tpbt_024 {
    margin-top: 20px;
    /*pc=40px*/
  }

  .margin-tpbt_025 {
    margin-top: 20px;
    /*pc=45px*/
  }

  .margin-tpbt_026 {
    margin-top: 35px;
    /*pc=30px*/
  }

  .margin-tpbt_027 {
    margin-top: 20px;
    /*pc=60px*/
  }

  .margin-tpbt_028 {
    margin-top: 50px;
    /*pc=150px*/
  }

  .margin-tpbt_029 {
    margin-top: 25px;
    /*pc=45px*/
  }

  .margin-tpbt_030 {
    margin-top: 25px;
    /*pc=30px*/
  }

  .margin-tpbt_031 {
    margin-bottom: 40px;
    /*pc=120px*/
  }

  .margin-tpbt_kv {
    position: absolute;
    bottom: 106.5px;
    /*仮設定中 indexページ*/
  }

  .padd-tpbt_01 {
    padding-top: 40px;
    /*pc=70px*/
  }

  .padd-tpbt_02+.padd-tpbt_02 {
    padding-top: 0.5em;
    /*pc=20px*/
  }

  .padd-tpbt_03 {
    padding-bottom: 75px;
    /*pc=45px*/
  }

  .padd-tpbt_04 {
    padding-top: 7.5px;
    /*pc=10px*/
  }

  .padd-tpbt_05 {
    padding-bottom: 7.5px;
    /*pc=7.5px*/
  }

  .padd-tpbt_06 {
    padding-top: 20px;
    /*pc=45px*/
  }

  .padd-tpbt_07 {
    padding-top: 6.6666vw;
    padding-bottom: 6.6666vw;
    /*pc=100px*/
  }

  .padd-tpbt_08 {
    padding-top: 20px;
    /*pc=35px*/
  }

  /* 《< 移動・表示関連 >flex/display/等…》 */
  .pc {
    display: none;
  }

  .box_01_sp {
    display: block;
  }

  /*spのみ*/
  /*------------------------------
〈sp〉文字関連（font/text）
------------------------------*/
  /* <サイズ関連> */
  p {
    line-height: 1.8em;
    font-size: 14px;
  }

  .font_l {
    font-size: 25px;
    /*pc=40px*/
  }

  .font_l_02 {
    font-size: 18px;
    /*pc=36px*/
  }

  .font_l_03 {
    font-size: 25px;
    /*pc=36px*/
  }

  .font_m {
    font-size: 18px;
    /*pc=25px*/
  }

  .font_s {
    font-size: 15px;
    /*pc=18px*/
  }

  .font-kv {
    font-size: 16px;
    /*仮設定中*/
  }

  .font_00 {
    font-size: 14px;
    /*pc、sp共に同じ*/
  }

  .font_01 {
    font-size: 15px;
    /*pc=14px*/
  }

  .font_02 {
    font-size: 15px;
    /*pc=16px*/
  }

  .font_03 {
    font-size: 17px;
    /*pc=14px*/
  }

  .font_04 {
    font-size: 13px;
    /*pc=14px*/
  }

  .font_05 {
    font-size: 20px;
    /*pc=18px*/
  }

  .font_06 {
    font-size: 16px;
    /*pc、sp共に同じ*/
  }

  .font_07 {
    font-size: 14px;
    /*pc=16.8px*/
  }

  .font_08 {
    font-size: 22.5px;
    /*pc=40px*/
  }

  .font_09 {
    font-size: 15px;
    /*pc=18px*/
  }

  .font_10 {
    font-size: 20px;
    /*pc=26px*/
  }

  .font_11 {
    font-size: 20px;
    /*pc=30px*/
  }

  .font_12 {
    font-size: 14px;
    /*pc=20px*/
  }

  .font_13 {
    font-size: 20px;
    /*pc=24px*/
  }

  .font_14 {
    font-size: 18px;
    /*pc=26px*/
  }

  .font_15 {
    font-size: 16px;
    /*pc=20px*/
  }

  .font_16 {
    font-size: 16px;
    /*pc=18px*/
  }

  .font_17 {
    font-size: 14px;
    /*pc=16px*/
  }

  .headline02 {
    padding-bottom: 17px;
  }

  .headline02::after {
    width: 29px;
    margin: 15px auto 0 auto;
  }

  .text-indent_01 {
    line-height: 1.8em;
  }

  /* <色・装飾> */
  .text-cl_01 {
    color: #232323;
    /*sp、pc共に同じ*/
  }

  .text-cl_02 {
    color: #8c0e29;
    /*sp、pc共に同じ*/
  }

  .text-cl_03 {
    color: #9dd12f;
    /*sp、pc共に同じ*/
  }

  .text-cl_04 {
    color: #2567c0;
    /*sp、pc共に同じ*/
  }

  .text-bold_01 {
    font-weight: bold;
  }

  /*〈sp〉セット：リード文*/
  .lead-sentence01::before {
    content: "";
    width: 3px;
    height: 19px;
    /*height=.fontsize-title01のfont-size*/
    margin: 4.75px 6px 4.75px 0;
    /*   上下各margin     =    .fontsize-title01のline-height  -   .fontsize-title01のfont-size  /  2     */
    display: inline-block;
    background-color: #8cba28;
    vertical-align: top;
  }

  /*------------------------------
〈sp〉装飾関連
------------------------------*/
  .line-green::after {
    content: "";
    background-color: #90c31f;
    height: 2px;
    text-align: center;
    display: inline-block;
  }

  .line-gray::after {
    content: "";
    background-color: #232323;
    height: 2px;
    text-align: center;
    display: inline-block;
  }

  /*------------------------------
〈sp〉ボタン関連
------------------------------*/
  /*〈sp〉 <色・装飾> */
  .bottun-cl_01 {
    background-color: #5d5d5d;
    /*pc、sp共に同じ*/
    color: #fff;
    /*pc、sp共に同じ*/
  }

  .bottun-cl_02 {
    color: #232323;
    /*pc、sp共に同じ*/
    background: #fff;
    /*pc、sp共に同じ*/
  }

  .text-cl_03 {
    color: #9dd12f;
    /*sp、pc共に同じ*/
  }

  .bottun-cl_02 a {
    color: #232323;
  }

  /*〈sp〉 <大きさ・幅> */
  .bottun-wh_01 {
    width: 83.3333%;
    /*pc=250px*/
    height: 45px;
    /*pc=50px*/
  }

  /*〈sp〉詳しく見るボタンセット　*/
  .bottun_02 {
    width: 250px;
    height: 45px;
    padding-top: 10px;
    padding-left: 50px;
    border: solid #232323 2px;
    text-decoration: none;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  /*〈sp〉セット：ページ上部へ戻る*/
  .scroll-top {
    background-color: #f8c75a;
    color: #fff;
    bottom: 8px;
    right: 8px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    flex-direction: column;
    align-items: center;
    position: fixed;
    display: flex;
    z-index: 900;
  }

  .scroll-top::before {
    content: "";
    width: 13px;
    height: 8px;
    background-image: url(../img/bitwin/angle-up-solid.svg);
    background-size: cover;
    background-position: center;
    display: block;
    margin-top: 9px;
  }

  .scroll-top .sp {
    margin-top: 9px;
    display: block;
  }

  .scroll-top.display {
    display: flex;
  }

  /*------------------------------
〈sp〉画像関連
------------------------------*/
  /*〈sp〉大きさ　*/
  .symbol-icon_01 {
    width: 48.5px;
    height: auto;
  }

  .service_icon_01 {
    max-width: 200px;
    max-height: 190px;
  }

  .link-image_01 {
    width: 100%;
  }

  .preview-pic {
    width: 100%;
    height: auto;
  }

  /*〈sp〉kvセット　*/
  .kv_01, .kv_02, .kv_03, .kv_04, .kv_05, .kv_03_2 {
    height: 213px;
  }

  .kv .width-base-pc {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    text-align: center;
  }

  .kv-en,
  .kv-ja {
    background: linear-gradient(#bae165, #b5e879);
    display: inline-block;
  }

  .kv-en {
    font-size: 29px;
    padding: 5px 4px;
  }

  .kv-ja {
    font-size: 17px;
    padding: 6px;
    margin-top: 12px;
  }

  /*＊＊＊＊＊＊＊＊＊＊＊
〈sp〉↓↓その他セット↓↓
＊＊＊＊＊＊＊＊＊＊＊*/
  /*------------------------------
〈sp〉初期作成/見出しセット
------------------------------*/
  .headline01-ja {
    margin-top: 12px;
    font-size: 12px;
  }

  .headline01 {
    text-align: center;
    background-color: #ebf5d4;
    padding-bottom: 17px;
  }

  .headline02 {
    text-align: center;
    padding-bottom: 17px;
  }

  .headline03 {
    text-align: center;
  }

  .headline01::after {
    width: 29px;
    margin: 12px auto 0 auto;
    height: 1px;
  }

  .list-title01::after {
    width: 100%;
    height: 1px;
  }

  /*------------------------------
〈sp〉セット：kv
------------------------------*/
  .kv-inner {
    text-align: center;
    padding-top: 75px;
  }

  /*------------------------------
	〈sp〉スクロール
	------------------------------*/
  .privacy_scroll {
    overflow: auto;
    height: 276.5px;
    margin-left: 7.6923%;
    margin-left: 7.6923%;
    padding-top: 30px;
    padding-bottom: 30px;
    line-height: 1.5em;
    background-color: #ffffff;
  }

  /*------------------------------
〈sp〉セット：フッター
------------------------------*/
  .logo-footer {
    width: 94px;
    display: block;
    margin: 19px auto 0 auto;
  }

  .footer-nav.sp {
    border-top: 1px solid #a0a0a0;
    border-bottom: 1px solid #a0a0a0;
    padding: 21px 12px;
    display: flex;
    flex-wrap: wrap;
    margin: 25px 2.5% 0 2.5%;
    justify-content: space-around;
  }

  .footer-nav.sp .footer-link {
    font-size: 11px;
    font-weight: bold;
  }

  .footer-nav.sp .footer-item+.footer-item {
    margin-top: 21px;
  }

  .address-text {
    margin-top: 14px;
    font-size: 9px;
    text-align: center;
  }

  .copyright {
    margin-top: 12px;
    font-size: 11px;
    padding-bottom: 20px;
  }

  /*------------------------------
〈sp〉セット：ページ下部
------------------------------*/
  .page-bottom {
    background-color: #f0f0f0;
  }

  /*------------------------------
〈sp〉セット：CONTACT&ENTRY
------------------------------*/
  .links-inner {
    flex-direction: column;
    text-align: center;
  }

  .links-item {
    padding: 21px 5px;
  }

  .links-item+.links-item {
    border-top: none;
  }

  .links-btn {
    width: 213px;
    padding: 13px 0;
  }

  .links-title {
    font-size: 21px;
  }

  .links-lead {
    margin-top: 19px;
    font-size: 15px;
  }

  .links-paragraph {
    margin-top: 1em;
    margin-bottom: 1.5em;
    font-size: 11px;
  }

  .links-btn {
    font-size: 12px;
  }
}
/*---------------<    ↑↑spここまで↑↑    >---------------*/


/*---------------<    ↓↓pcここから↓↓    >---------------*/
/*==============================
《pc:767px~》
==============================*/
@media screen and (min-width: 767px) {
/*------------------------------
〈pc〉レイアウト（空白・幅等）
------------------------------*/
  /* 《< 余白 >margin/padding/等…》 */
  .area_form_01 {
    margin-left: 15.83333333333%;
    padding-right: 15.83333333333%;
  }

  .area1 {
    /*sp設定なし*/
    margin-left: 4.16666666666665%;
    padding-right: 4.16666666666665%;
    padding-top: 169px;
    margin-top: 111px;
  }

  .margin-side_01 {
    margin-left: 10.9756%;
    margin-right: 10.9756%;
  }

  /*-------PC：汎用-------*/
  .basic-p+.basic-p {
    margin-top: 1.5em;
  }

  .catch01 {
    margin-top: 40px;
    margin-bottom: 80px;
  }

  .margin-lfrt_auto {
    margin-left: auto;
    margin-right: auto;
    /*sp、pcともに変わらず*/
  }

  .margin-lfrt_01 {
    margin-left: 50px;
    /*pcのみ*/
  }

  .margin-tpbt_01 {
    margin-top: 10px;
    /*sp=20px*/
  }

  .margin-tpbt_02 {
    margin-top: 60px;
    /*sp=55px*/
  }

  .margin-tpbt_03 {
    margin-top: 20px;
    /*sp=12.5px*/
  }

  .margin-tpbt_04 {
    margin-bottom: 10px;
    /*sp、pcともに変わらず*/
  }

  .margin-tpbt_05 {
    margin-bottom: 20px;
    /*sp、pcともに変わらず*/
  }

  .margin-tpbt_06 {
    margin-top: 20px;
    /*sp、pcともに変わらず*/
  }

  .margin-tpbt_07 {
    margin-top: 40px;
    /*sp=30px*/
  }

  .margin-tpbt_08 {
    margin-top: 50px;
    /*sp=40px*/
  }

  .margin-tpbt_09 {
    margin-top: 27px;
    /*sp=30px*/
  }

  .margin-tpbt_010 {
    margin-top: 45px;
    /*sp=40px*/
  }

  .margin-tpbt_011 {
    margin-top: 50px;
    /*sp、pcともに変わらず*/
  }

  .margin-tpbt_012 {
    margin-top: 60px;
    /*sp、pcともに変わらず*/
  }

  .margin-tpbt_013 {
    margin-top: 33px;
    /*sp、pcともに変わらず*/
  }

  .margin-tpbt_014 {
    margin-top: 30px;
    /*sp=50px*/
  }

  .margin-tpbt_015 {
    margin-top: 90px;
    /*sp=30px*/
  }

  .margin-tpbt_016 {
    margin-top: 130px;
    /*sp=50px*/
  }

  .margin-tpbt_017 {
    margin-top: 40px;
    /*sp=25px*/
  }

  .margin-tpbt_018 {
    margin-top: 70px;
    /*sp=30px*/
  }

  .margin-tpbt_019 {
    margin-top: 80px;
    /*sp=40px*/
  }

  .margin-tpbt_020 {
    margin-top: 140px;
    /*sp=85px*/
  }

  .margin-tpbt_021 {
    margin-top: 100px;
    /*sp=40px*/
  }

  .margin-tpbt_022 {
    margin-top: 1em;
    /*sp、pcともに変わらず*/
  }

  .margin-tpbt_023 {
    margin-top: 120px;
    /*sp=30px*/
  }

  .margin-tpbt_024 {
    margin-top: 40px;
    /*sp=20px*/
  }

  .margin-tpbt_025 {
    margin-top: 45px;
    /*sp=20px*/
  }

  .margin-tpbt_026 {
    margin-top: 30px;
    /*sp=35px*/
  }

  .margin-tpbt_027 {
    margin-top: 60px;
    /*sp=20px*/
  }

  .margin-tpbt_028 {
    margin-top: 150px;
    /*sp=50px*/
  }

  .margin-tpbt_029 {
    margin-top: 45px;
    /*sp=25px*/
  }

  .margin-tpbt_030 {
    margin-top: 30px;
    /*sp=25px*/
  }

  .margin-tpbt_031 {
    margin-bottom: 120px;
    /*sp=40px*/
  }

  .margin-tpbt_032 {
    margin-top: 140px;
    /*sp設定なし*/
  }

  .margin-tpbt_kv {
    position: absolute;
    bottom: 250px;
    /*仮設定中(indexページ)*/
  }

  .margin-lfrt_auto {
    margin-left: auto;
    margin-right: auto;
    /*sp、pcともに変わらず*/
  }

  .padd-tpbt_01 {
    padding-top: 70px;
    /*sp=40px*/
  }

  .padd-tpbt_02+.padd-tpbt_02 {
    padding-top: 20px;
    /*sp=0.5em*/
  }

  .padd-tpbt_03 {
    padding-bottom: 45px;
    /*sp=75px*/
  }

  .padd-tpbt_04 {
    padding-top: 10px;
    /*sp=7.5px*/
  }

  .padd-tpbt_05 {
    padding-bottom: 10px;
    /*sp=7.5px*/
  }

  .padd-tpbt_06 {
    padding-top: 45px;
    /*sp=20px*/
  }

  .padd-tpbt_07 {
    padding-top: 100px;
    padding-bottom: 100px;
    /*sp=6.6666vw*/
  }

  .padd-tpbt_08 {
    padding-top: 35px;
    /*sp=20px*/
  }

  .padd-tpbt_09 {
    padding-top: 60px;
    /*sp=設定なし*/
  }

  .padd-tpbt_10 {
    padding-bottom: 120px;
    /*sp=設定なし*/
  }


  /*-------PC：上位-------*/
  .main-wrap {
    padding-bottom: 200px;
  }

  .width-base-pc {
    margin: 0 auto;
  }

  /* 《< 幅 >wid/hei/等…》 */
  .wid_01 {
    width: 100%;
    /*pc、sp共に同じ*/
  }

  /* 《< 移動・表示関連 >flex/display/等…》 */
  .sp {
    display: none;
  }

  /* 《< 位置関連 >position等…》 */
  .position_r {
    position: relative;
    /*sp設定なし*/
  }

  .position_r2 {
    position: relative;
    /*sp設定なし*/
  }

/*------------------------------
〈pc〉文字関連（font/text）
------------------------------*/
  /* 《<サイズ関連>》 */
  p {
    font-size: 16px;
    line-height: 2em;
  }

  .font_l {
    font-size: 40px;
    /*sp=25px*/
  }

  .font_l_02 {
    font-size: 36px;
    /*sp=18px*/
  }

  .font_l_03 {
    font-size: 36px;
    /*sp=25px*/
  }

  .font_m {
    font-size: 25px;
    /*sp=18px*/
  }

  .font_s {
    font-size: 18px;
    /*sp=15px*/
  }

  .font_sub-t {
    font-size: 18px;
    /*sp=12px*/
  }

  .font-kv {
    font-size: 28px;
    /*仮設定中*/
  }

  .font_00 {
    font-size: 14px;
    /*pc、sp共に同じ*/
  }

  .font_01 {
    font-size: 14px;
    /*sp=15px*/
  }

  .font_02 {
    font-size: 16px;
    /*sp=15px*/
  }

  .font_03 {
    font-size: 14px;
    /*sp=17px*/
  }

  .font_04 {
    font-size: 14px;
    /*sp=13px*/
  }

  .font_05 {
    font-size: 18px;
    /*sp=20px*/
  }

  .font_06 {
    font-size: 16px;
    /*pc、sp共に同じ*/
  }

  .font_07 {
    font-size: 16.8px;
    /*sp=14px*/
  }

  .font_08 {
    font-size: 40px;
    /*sp=22.5px*/
  }

  .font_09 {
    font-size: 18px;
    /*sp=15px*/
  }

  .font_10 {
    font-size: 26px;
    /*sp=20px*/
  }

  .font_11 {
    font-size: 30px;
    /*sp=20px*/
  }

  .font_12 {
    font-size: 18px;
    /*sp=14px*/
  }

  .font_13 {
    font-size: 24px;
    /*sp=20px*/
  }

  .font_14 {
    font-size: 26px;
    /*sp=18px*/
  }

  .font_15 {
    font-size: 20px;
    /*sp=16px*/
  }

  .font_16 {
    font-size: 18px;
    /*sp=16px*/
  }

  .font_17 {
    font-size: 16px;
    /*sp=14px*/
  }

  .headline02 {
    text-align: center;
  }

  .headline02::after {
    width: 50px;
    margin-top: 26px;
  }

  .text-indent_01 {
    line-height: 1.8em;
  }

  /* 《<色・装飾>text-cl》 */
  .text-cl_01 {
    color: #232323;
    /*sp、pc共に同じ*/
  }

  .text-cl_02 {
    color: #8c0e29;
    /*sp、pc共に同じ*/
  }

  .text-cl_03 {
    color: #9dd12f;
    /*sp、pc共に同じ*/
  }

  .text-cl_04 {
    color: #2567c0;
    /*sp、pc共に同じ*/
  }

  .text-bold_01 {
    font-weight: bold;
  }

/*------------------------------
〈pc〉装飾関連
------------------------------*/
  .line-green::after {
    content: "";
    background-color: #90c31f;
    height: 2px;
    text-align: center;
    display: inline-block;
  }

  .line-gray::after {
    content: "";
    background-color: #232323;
    height: 2px;
    text-align: center;
    display: inline-block;
  }

/*------------------------------
〈pc〉画像関連（kv,logo,banner,等）
------------------------------*/
  /* 《＜大きさ>》　*/
  .symbol-icon_01 {
    width: 97px;
    height: auto;
  }

  .service_icon_01 {
    max-width: 200px;
    max-height: 190px;
  }

  .link-image_01 {
    width: 27.5vw;
    max-width: 330px;
  }

  .preview-pic {
    width: 25vw;
    height: auto;
  }

/*------------------------------
〈pc〉ボタン関連
------------------------------*/
  /*〈pc〉 <色・装飾> */
  .bottun-cl_01 {
    background-color: #5d5d5d;
    /*pc、sp共に同じ*/
    color: #fff;
    /*pc、sp共に同じ*/
  }

  .bottun-cl_02 {
    color: #232323;
    background: #fff;
  }

  .bottun-cl_02 a {
    color: #232323;
  }

  /*〈pc〉 <大きさ・幅> */
  .bottun-wh_01 {
    width: 250px;
    /*sp=83.3333%*/
    height: 50px;
    /*sp=45px*/
  }

  /*〈pc〉ページ上部へ戻るボタンセット　*/
  .scroll-top {
    background-color: #5d5d5d;
    color: #fff;
    bottom: 0;
    /*
    right: 12.49999999999995%;
    */
    right: 0;
    padding: 18px;
    position: fixed;
    z-index: 9999;
  }

  .scroll-top.display {
    display: block;
  }

  /*〈pc〉詳しく見るボタンセット　*/
  .bottun_02 {
    width: 280px;
    height: 60px;
    padding-left: 48px;
    padding-top: 16px;
    padding-bottom: 17px;
    /*
    padding: 20px 36px 20px 76px;
    */
    border: solid #232323 3px;
    text-decoration: none;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

/*＊＊＊＊＊＊＊＊＊＊＊
〈pc〉↓↓その他セット↓↓
＊＊＊＊＊＊＊＊＊＊＊*/
/*------------------------------
〈pc〉初期作成/見出しセット
------------------------------*/
  /*
  .headline01-en {
    font-size: 40px;
  }
  */
  .headline01-ja {
    margin-top: 22px;
    font-size: 18px;
  }

  .headline01-en2 {
    margin-top: 22px;
  }

  .headline01, .headline02, .headline03 {
    text-align: left;
  }

  .headline01::after, .headline02::after {
    width: 50px;
    margin-top: 26px;
  }

  .list-title01::after, .list-title02::after {
    width: 100%;
  }

/*------------------------------
〈pc〉スクロール
------------------------------*/
  .privacy_scroll {
    overflow: auto;
    height: 250px;
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 1.5em;
    background-color: #ffffff;
  }

/*------------------------------
〈pc〉セット：ヘッダー
------------------------------*/
  .logo-header {
    margin-left: 34px;
  }

  .gnavi {
    width: 100%;
    display: flex;
    justify-content: flex-end;
  }

  .gnavi-list {
    justify-content: flex-end;
    width: 100%;
    max-width: 600px;
  }

  .gnavi-item {
    width: 25%;
  }

  .gnavi-link {
    font-size: 16px;
    padding: 24px 0;
    text-align: center;
  }

/*------------------------------
〈pc〉セット：kv
------------------------------*/
  .kv_01, .kv_02, .kv_03, .kv_03_2, .kv_05 {
    height: 500px;
  }

  .kv_04 {
    height: 300px;
  }

  .kv_01 .width-base-pc, .kv_02 .width-base-pc, .kv_03 .width-base-pc, .kv_04 .width-base-pc, .kv_03_2 .width-base-pc, .kv_05 .width-base-pc {
    height: 100%;
    position: relative;
  }

  .kv-inner {
    width: 500px;
    height: 160px;
    background: linear-gradient(#bae165, #b5e879);
    color: #232323;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    line-height: 1;
    position: absolute;
    left: 0;
    bottom: 55px;
  }

  .kv-en {
    font-size: 50px;
  }

  .kv-ja {
    font-size: 25px;
    margin-top: 20px;
  }

/*------------------------------
〈pc〉セット：CONTACT&ENTRY
------------------------------*/
  .links {
    padding: 40px 0;
  }

  .links-inner,
  .footer-inner {
    max-width: 920px;
  }

  .links-item {
    padding: 24px 4.99999999999998%;
    width: 46.78998911860701%;
  }

  .links-title {
    font-size: 30px;
  }

  .links-lead {
    line-height: 1em !important;
    font-size: 20px;
    margin-top: 25px;
  }

  .links-paragraph {
    margin-top: 1em;
    margin-bottom: 1.5em;
    font-size: 14px;
  }

  .links-btn {
    font-size: 18px;
    padding: 17px 0;
    line-height: 1;
  }

/*------------------------------
〈pc〉セット：フッター
------------------------------*/
  .logo-footer {
    width: 127px;
  }

  .footer-inner2 {
    display: flex;
    justify-content: center;
  }

  .footer-inner {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-top: 41px;
    padding-bottom: 71px;
  }

  .address-text {
    font-size: 14px;
    color: #232323;
    margin-top: 19px;
  }

  .footer-nav.pc,
  .footer-address {
    margin-top: 31px;
  }

  .footer-nav.pc {
    display: flex;
  }

  .footer-nav.pc .footer-item {
    display: flex;
    flex-direction: column;
  }

  .footer-nav.pc .footer-item+.footer-item {
    margin-top: 30px;
  }

  .footer-nav.pc .footer-link {
    font-size: 14px;
  }

  .footer-nav.pc .footer-list:nth-child(1) {
    margin-right: 63px;
  }

  .footer-nav.pc .footer-list:nth-child(2) {
    margin-right: 46px;
  }

  .copyright {
    font-size: 14px;
    padding-bottom: 9px;
    margin-top: 44px;
  }

  /* .footer-nav.pc .footer-list:not(:last-child) {
    font-weight: bold;
  } */
}

/*---------------<    ↑↑pcここまで↑↑    >---------------*/


/*-------------<    ↓↓その他ここから↓↓    >-------------*/
/*==============================*/
/*《最大上限:1200px~》
要素が際限なく拡大されるのを防ぐ*/
/*==============================*/
@media screen and (min-width: 1200px) {

  /*-------<PC最大>汎用-------*/
  .width-base-pc {
    width: 1200px;
  }

  .area1 {
    margin-left: 50px;
    padding-right: 50px;
  }

  /*-------<PC最大>画像-------*/
  .preview-pic {
    width: 300px;
    height: auto;
  }

  /*-------<PC最大>ヘッダー-------*/
  header .inner {
    width: 1200px;
  }

  /*-------<PC最大>フッター-------*/
  .links-inner,
  .footer-inner {
    width: 920px;
  }

  .links-item {
    padding-left: 60px;
    padding-right: 60px;
  }
}

/*==============================
PC最小幅
《〜 .links-innerと.footer-innerの最大横幅》
 ==============================*/
@media screen and (min-width:600px) and (max-width:920px) {

  /*------------------------------
<PC最小>フッター（footer）
------------------------------*/
  .footer-inner {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/*---------------<    ↑↑pc最小ここまで↑↑    >---------------*/


/* twitter
-------------------------------------------------- */
/* sp */
@media all and (max-width: 766px) {
	.header_nav__twitter > a span {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 0 10px;
		margin-left: 21px;
	}

	.header_nav__twitter > a span::after {
		content: '';
		border-right: 1px solid #232323;
		border-bottom: 1px solid #232323;
		display: block;
		height: 11px;
		width: 11px;
		transform: rotate(-45deg);
		transition: all .3s;
	}

	.header_nav__twitter.active > a span::after {
		transform: translateY(-2px) rotate(45deg);
	}

	.header_nav__twitter .dropdown_list {
		display: none;
	}

	.header_nav__twitter .dropdown_list a {
		display: block;
		color: #000;
		font-family: "Noto Sans JP", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
		font-size: 16px;
		font-weight: 300;
		line-height: 1.5;
		padding: 15px 25px;
	}
	
	.header_nav__twitter .dropdown_list li:not(:last-child) {
		border-bottom: 1px solid #B8E56F;
		width: 100%;
	}

	.header_nav__twitter .dropdown_list a span {
		display: inline-block;
		margin-left: 22px;
	}
	
	.header_nav__twitter .dropdown_list a span::after {
		content: '';
		background-image: url(/img/bitwin/icon_blank.svg);
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
		display: inline-block;
		margin-left: 10px;
		vertical-align: middle;
		height: 12px;
		width: 12px;
	}
}

/* pc */
@media all and (min-width: 767px) {
	.header_nav__twitter {
		position: relative;
	}
	
	.header_nav__twitter .dropdown_list {
		background-color: #fff;
		border: 1px solid #B2B2B2;
		min-width: 207px;
		position: absolute;
		top: 60px;
		right: 0;
		display: none;
	}
	
	.header_nav__twitter .dropdown_list a {
		display: block;
		color: #000;
		font-family: "Noto Sans JP", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
		font-size: 16px;
		font-weight: 300;
		line-height: 1.5;
		padding: 15px 20px;
		white-space: nowrap;
	}

	.header_nav__twitter .dropdown_list li {
		position: relative;
	}

	.header_nav__twitter .dropdown_list li:not(:last-child)::after {
		content: '';
		border-bottom: 1px solid #B8E56F;
		position: absolute;
		left: 50%;
		bottom: 0;
		transform: translateX(-50%);
		height: 1px;
		width: calc(100% - 20px);
	}
	
	.header_nav__twitter .dropdown_list.active {
		display: block;
	}
	
	.header_nav__twitter > ul a span::after {
		content: '';
		background-image: url(/img/bitwin/icon_blank.svg);
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
		display: inline-block;
		margin-left: 10px;
		vertical-align: middle;
		height: 13px;
		width: 13px;
	}
}

@media all and (min-width: 1200px) {
	.header_nav__twitter .dropdown_list {
		left: 0;
		right: initial;
	}
	.header_nav__twitter .dropdown_list a {
		white-space: nowrap;
	}
}