@charset "UTF-8";

/* ===============================================================
  リセットCSS
================================================================ */
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  padding: 0;
  margin: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  border: 0;
  outline: 0;
}

body {
  line-height: 1;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote::before,
blockquote::after,
q::before,
q::after {
  content: "";
  content: none;
}

a {
  padding: 0;
  margin: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* change colours to suit your needs */
ins {
  color: #000;
  text-decoration: none;
  background-color: #ff9;
}

/* change colours to suit your needs */
mark {
  font-style: italic;
  font-weight: bold;
  color: #000;
  background-color: #ff9;
}

del {
  text-decoration: line-through;
}

abbr[title],
dfn[title] {
  cursor: help;
  border-bottom: 1px dotted;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
}

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  padding: 0;
  margin: 1em 0;
  border: 0;
  border-top: 1px solid #ccc;
}

input,
select {
  vertical-align: middle;
}

/* For modern browsers */
.cf:before,
.cf:after {
  content: "";
  display: table;
}

.cf:after {
  clear: both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
  zoom: 1;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) and (-webkit-min-device-pixel-ratio: 0),
screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  img {
    image-rendering: -webkit-optimize-contrast;
  }
}

/* ===============================================================
  mixin
  mixinの定義
================================================================ */
/* ===============================================================
  base
  ベースのスタイルの定義
================================================================ */
/*----------------------------------
  カラー
------------------------------------*/
/*----------------------------------
  フォント
------------------------------------*/
/*----------------------------------
  ベース
------------------------------------*/
html {
  box-sizing: border-box;
  overflow-x: auto;
  overflow-y: auto;
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
  scroll-behavior: smooth;
}

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

body {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.6rem;
  line-height: 1;
  color: #000;
}

@media all and (-ms-high-contrast: none) {
  body {
    font-size: 1.4rem;
  	font-family: "Noto Sans JP", sans-serif;
  }
}

main {
  display: block;
}

button {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: 0;
}

p {
  margin: -0.5em 0 calc(40px - 0.7em);


  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  font-size: 1.6rem;
  line-height: 1.7em;
	letter-spacing: 0.03em;
  text-align: left;
  color: #333;

}

@media (max-width: 767px) {
  p {
    font-size: 1.4rem;
    line-height: 1.85;
  }
}

a {
  color: #000;
  text-decoration: none;
}

ul,
ol {
  list-style: none;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}

@media screen and (min-width: 768px) {
  #content a img:hover {
    opacity: 0.8;
    transition-duration: 0.3s;
    transform: scale(1.02);
  }
}

@media screen and (max-width: 767px) {
  #content a img {
    opacity: 1;
    transform: scale(1);
  }
}

iframe {
  width: 100%;
}

address {
  font-style: normal;
}

.sp-only {
  display: block;
}

.pc-only {
  display: none;
}

.pagetop {
  z-index: 100;
}

@media (min-width: 768px) {
  .sp-only {
    display: none;
  }

  .pc-only {
    display: block;
  }
}

/*----------------------------------
  フォント追加
------------------------------------*/

.roboto {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

/* ===============================================================
  module
  モジュールのスタイルの定義
================================================================ */
/*----------------------------------
  ホバーアクション時のスタイル
------------------------------------*/
@media print,
screen and (min-width: 768px) {
  .hover {
    transition: 0.4s;
  }

  .hover--transparent:hover {
    opacity: 0.6;
  }
}

@media (max-width: 767px) {
  .hover--transparent:hover {
    opacity: 1;
  }
}

/*----------------------------------
  英字を大文字にするユーティリティクラス
------------------------------------*/
.uppercase {
  text-transform: uppercase;
}

/*----------------------------------
  YouTubeへのリンク

.youtube {
  display: inline-block;
  font-size: 1.6rem;
  font-weight: 700;
}

.youtube img {
  margin-right: 8px;
}

.youtube a {
  display: block;
  display: flex;
  align-items: center;
}
------------------------------------*/

/*----------------------------------
  フッター
------------------------------------*/
.button02 {
  width: 300px;
  height: 80px;
  background-color: #fff;
  border: solid 3px #000;
  transition: 0.4s;
}

@media (max-width: 767px) {
  .button02 {
    width: 100%;
    max-width: 300px;
  }
}

.button02:hover {
  background-color: #000;
  transition: 0.4s;
}

.button02:hover a {
  color: #fff;
  background-image: url("https://www.kdl.co.jp/blog/img/kdlnow27/ico_button-arrow02-white.svg");
  transition: 0.4s;
}

.button02 a {
  display: block;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  background-image: url("https://www.kdl.co.jp/blog/img/kdlnow27/ico_button-arrow02.svg");
  background-repeat: no-repeat;
  background-position: center right 13px;
  transition: 0.4s;
}

@media (max-width: 767px) {
  .button02 a {
    font-size: 1.6rem;
  }
}

.button02__sub-title {
  display: block;
  font-size: 1.2rem;
  font-weight: 700;
}

.footer {
  position: relative;
  z-index: 5;
  margin: -20px 0 0;
  background-color: #ffee6c;
}

@media print,
screen and (min-width: 768px) {
  .footer {
    min-width: 960px;
  }
}

.footer__links {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 620px;
  padding: 120px 0;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .footer__links {
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 40px 24px;
  }
}

.footer__button01 {
  margin-bottom: 20px;
}

.footer__button01:hover svg {
  stroke: #fff;
  transition: 0.4s;
}

.footer__button01 a {
  display: flex;
  padding: 15px 0 15px 10px;
}

.footer__button01 svg {
  stroke: #000;
  transition: 0.4s;
}

.footer__button01-content {
  padding: 9px 0 0 10px;
}

.footer__button02 {
  margin-bottom: 20px;
}

.footer__button02:hover svg {
  stroke: #fff;
  transition: 0.4s;
}

.footer__button02 a {
  display: flex;
  align-items: center;
  padding: 14px 0 14px 13px;
}

.footer__button02 svg {
  margin-right: 8px;
  stroke: #000;
  transition: 0.4s;
}

@media (max-width: 767px) {
  .footer__button03 {
    margin-bottom: 20px;
  }
}

.footer__button03:hover svg {
  stroke: #fff;
  transition: 0.4s;
}

.footer__button03 a {
  display: flex;
  align-items: center;
  padding: 16px 0 15px 13px;
  font-size: 1.6rem;
}

@media (max-width: 767px) {
  .footer__button03 a {
    font-size: 1.4rem;
  }
}

.footer__button03 svg {
  margin-right: 8px;
  stroke: #000;
  transition: 0.4s;
}

.footer__button04:hover svg {
  stroke: #fff;
  transition: 0.4s;
}

.footer__button04 a {
  display: flex;
  padding: 21px 0 21px 13px;
  font-size: 1.8rem;
}

@media (max-width: 767px) {
  .footer__button04 a {
    font-size: 1.6rem;
  }
}

.footer__button04 a .button02__sub-title {
  margin-bottom: 4px;
  margin-left: 8px;
}

.footer__button04 svg {
  stroke: #000;
  transition: 0.4s;
}

.footer__copyright {
  height: 40px;
  padding: 10px 0 10px;
  font-size: 1rem;
  font-weight: 700;
  color: #fff;
  text-align: center;
  background-color: #b80013;
}



/*----------------------------------
  共通設定
------------------------------------*/
/* ボタン設定
--------------------------------------------------------- */
@media print,
screen and (min-width: 768px) {
  .lpBtn {
    display: block;
    width: fit-content;
    margin: 0 auto;
    text-align: center;

    padding: 20px 64px;
    color: #fff !important;
    text-decoration: none !important;
    background-color: #000;
    background-image: url(https://www.kdl.co.jp/static/dist/images/kdlnowpress/35/lp_arrow.png);
    background-repeat: no-repeat;
    background-position: right 20px center;
    background-size: 12px auto;
    border-radius: 50px;
    font-weight: 700;
  }

  .lpBtn--news {
    background-color: #06007D;
  }

  .lpBtn--cloud {
    background-color: #0068C8;
  }

  .lpBtn--campaign {
    background-color: #F86B1C;
  }
}


@media (max-width: 767px) {
  .lpBtn {
    display: block;
    width: fit-content;
    max-width: 80%;
    margin: 0 auto;
    text-align: center;

    padding: 18px 50px;
    color: #fff !important;
    text-decoration: none !important;
    background-color: #000;
    background-image: url(https://www.kdl.co.jp/static/dist/images/kdlnowpress/35/lp_arrow.png);
    background-repeat: no-repeat;
    background-position: right 20px center;
    background-size: 12px auto;
    border-radius: 50px;
    font-weight: 700;
  }

  .lpBtn--news {
    background-color: #06007D;
  }

  .lpBtn--cloud {
    background-color: #0068C8;
  }

  .lpBtn--campaign {
    background-color: #F86B1C;
  }
}

/*----------------------------------
  メインビジュアル
------------------------------------*/
@media print,
screen and (min-width: 768px) {
  #content-wrapper {
    width: 100%;
    min-width: 960px;
    margin: 0 auto;
    overflow: hidden;
  }
}

@media (max-width: 767px) {
  #content-wrapper {
    width: 100%;
    margin: 0 auto;
  }
}

@media print,
screen and (min-width: 768px) {
  .mvWrap {
    position: relative;
    z-index: 5;
    background-image: url("https://www.kdl.co.jp/static/dist/images/kdlnowpress/35/mv.jpg");
    background-position: center 37%;
    background-size: cover;
  }

  .mv {
    width: 960px;
    height: 692px;
    padding: 143px 0 0 0;
    margin: 0 auto;
  }

  .mv__title {
    margin: 0 0 23px;
    text-align: center;
  }

  .mv__title img {
    width: 602px;
    margin: 0 auto 0;
  }
}

@media (max-width: 767px) {
  .mvWrap {
    position: relative;
    z-index: 5;
    background-image: url("https://www.kdl.co.jp/static/dist/images/kdlnowpress/35/mv_sp.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
  }

  .mv {
    width: 100%;
    height: auto;
    padding: 10vw 0 20vw;
    margin: 0 auto;
  }

  .mv__title {
    margin: 0 0 20px 0;
    text-align: center;
  }

  .mv__title img {
    width: 70vw;
    max-width: none;
    margin: 0 auto;
    margin-bottom: 35px;
  }
}

@media print,
screen and (min-width: 768px) {
  .mv__banners {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 960px;
    margin: 0 auto;
  }

  .mv__banner {
    width: 470px;
  }

  .mv__banner--long {
    width: 100%;
    margin-bottom: 14px;
  }
}

@media (max-width: 767px) {
  .mv__banners {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0 25px;
    margin: 0 auto;
    text-align: center;
  }

  .mv__banner {
    width: 100%;
    margin: 0 0 4px;
    border: #666 1px solid;
  }

  .mv__banner img {
    width: 100%;
  }

  .mv__banner--long {
    border: none;
  }

  .mv__banner:nth-child(2),
  .mv__banner:nth-child(3) {
    width: 100%;
  }
}


/*----------------------------------
  kintone
------------------------------------*/
.kintone {
  width: 100%;
  background-image: url(https://www.kdl.co.jp/static/dist/images/kdlnowpress/35/bg01.jpg);
  background-repeat: no-repeat, no-repeat;
  background-position: top left, bottom left;
  background-size: cover;
  padding-top: 90px;
  padding-bottom: 110px;
}

@media (max-width: 767px) {
  .kintone {
    padding: 50px 15px;
    background-repeat: repeat-y;
  }
}

.kintone__contentW{
  width: 960px;
  margin: 0 auto;
  box-shadow: 0px 3px 32px rgba(0, 0, 0, 0.16);
	box-sizing: border-box;
  background-color: #F5F5F5;
}
@media (max-width: 767px) {
	.kintone__contentW{
		width: 100%;
		margin: 0 auto;
		box-shadow: 0px 3px 32px rgba(0, 0, 0, 0.16);
		box-sizing: border-box;
		background-color: #F5F5F5;
	}
}

.kintone__inner {

  padding: 40px 70px 30px;
  background-color: #F5F5F5;
	box-sizing: border-box;
}
.kintone__inner--first {
  padding: 40px 70px 80px;
}

.kintone__inner .kintone__mv {
  margin: -40px -70px 0;
}

.kintone__inner .kintone__mv img {
  display: block;
  margin: 0 auto;
}

@media (max-width: 767px) {
	.kintone__contentW{
    width: 100%;
    margin: 0 auto;
    box-shadow: 0px 3px 32px rgba(0, 0, 0, 0.16);
	}
  .kintone__inner {
    padding: 0;
    padding-bottom: 100px;
  }

  .kintone__inner .kintone__mv {
    margin: -20px 0 0;
  }
	.kintone__inner--first {
		padding: 0px 0px 50px;
	}
}

/* lead */



.kintone__inner .kintone__lead {
    text-align: justify;
    -moz-text-align-last: left;
    text-align-last: left;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    font-size: 1.8rem;
    color: #333333;
    letter-spacing: 0.02em;
    line-height: 1.8em;
    margin: 0 auto 60px;
    padding: 50px 0px 0;
}

@media (max-width: 767px) {
  .kintone__inner .kintone__lead {
    width: calc(100% + 40px);
    margin: 0 -20px 40px;
    padding: 20px 40px 0;
    font-size: 1.5rem;
  }
}

/* company*/

.kintone__company{
	background: #fff;
	position: relative;
	overflow: hidden;
	padding: 55px 40px 15px;
	margin-bottom: 40px;
}
.kintone__company:before{
	content: "";
	background: url("https://www.kdl.co.jp/static/dist/images/kdlnowpress/35/company_after.png") no-repeat;
	background-size: contain;
	width: 138px;
	height: 120px;
	display: block;
	position: absolute;
	right: -2px;
	top: -30px;
}
.kintone__company:after{
	content: "";
	background: url("https://www.kdl.co.jp/static/dist/images/kdlnowpress/35/company_after.png") no-repeat;
	background-size: contain;
	width: 138px;
	height: 120px;
	display: block;
	position: absolute;
	left: -11px;
	bottom: -30px;
}
@media (max-width: 767px) {
	.kintone__company{
		background: #fff;
		position: relative;
		overflow: hidden;
		padding: 30px 20px 15px;
		margin-bottom: 40px;
	}
	.kintone__company:before{
		content: "";
		background: url("https://www.kdl.co.jp/static/dist/images/kdlnowpress/35/company_after.png") no-repeat;
		background-size: contain;
		width: 69px;
		height: 60px;
		display: block;
		position: absolute;
		right: -2px;
		top: -15px;
	}
	.kintone__company:after{
		content: "";
		background: url("https://www.kdl.co.jp/static/dist/images/kdlnowpress/35/company_after.png") no-repeat;
		background-size: contain;
		width: 69px;
		height: 60px;
		display: block;
		position: absolute;
		left: -11px;
		bottom: -15px;
	}
}

.kintone__company h3 {
	position: absolute;
	top: 0;
	left: 0;
	box-sizing: border-box;
}
.kin__com--en{
	width: 560px;
}
@media (max-width: 767px) {
	.kin__com--en{
		width: 280px;
	}
}

.kintone__company--wrap{
	margin-bottom: 40px;
}
@media (max-width: 767px) {
	.kintone__company--wrap:last-child {
			margin-bottom: 0;
	}
}
.kintone__partner--wrap{
}

.kintone__company h4 {
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 1.4
}
.company__ttlW{
	position: relative;
	margin-bottom: 16px;
}
.company__logo{
	display: inline-block;
	position: relative;
	margin-right: 30px;
}
@media (max-width: 767px) {
	.company__logo{
		display: block;
		margin-right: 0px;
		margin-bottom: 20px;
	}
}

.logo_logitem{
	width: 149px;
}
.logo_tocca{
	width: 133px;
}
.company__textWrap{
	margin-bottom: 16px;
}
.company__textWrap p{
	font-size: 1.4rem;
	letter-spacing: 0.03em;
	line-height: 1.7em;
}
.company__Name{
	display: inline-block;
	position: relative;
}
.company__Name a{
	position: relative;
	display: inline-block;
}
.company__Name a:after{
	content: "";
	background: url("https://www.kdl.co.jp/static/dist/images/kdlnowpress/35/icon_link.svg") no-repeat;
	background-size: contain;
	width: 20px;
	height: 19px;
	display: inline-block;
	position: relative;
	margin-left: 10px;
}

.name__tokka{
	position: relative;
	top: -5px;
}
.company__textWrap p{
	margin-top: 12px;
	margin-bottom: 0;
	font-size: 1.4rem;
}
.company__flex2{
	display: flex;
	justify-content: flex-start;
	column-gap: 22px;
	flex-wrap: wrap;
}
.company__flex2 dl{
	width: 359px;
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #D6D6D6;
	margin-bottom: 12px;
	padding-bottom: 4px;
	text-align: left;
	font-size: 1.4rem;
	line-height: 1.7em;
	align-items: center;
}
.company__flex2 dl dt{
	width: 100px;
	white-space: nowrap;
}
.company__flex2 dl dd{
	width: 244px;
}

@media (max-width: 767px) {
  .company__flex1 {
    flex-direction: column-reverse;
  }

  .company__flex1 p {
    width: 100%;
  }

  .company__flex1 img {
    max-width: 480px;
    display: flex;
    margin: 0 auto;
    width: 100%;
    margin-bottom: 10px;
  }
	.company__flex2{
		display: block;
	}
	.company__flex2 dl{
		width: 100%;
		display: flex;
		justify-content: space-between;
		border-bottom: 1px solid #D6D6D6;
		margin-bottom: 12px;
		padding-bottom: 4px;
		text-align: left;
		font-size: 1.4rem;
		line-height: 1.7em;
		align-items: center;
	}
	.company__flex2 dl dt{
		width: 40%;
		white-space: normal;
	}
	.company__flex2 dl dd{
		width: 60%;
	}
}

.kintone__partner{
	background: #fff;
	position: relative;
	overflow: hidden;
	padding: 55px 40px 50px;
}
.kintone__partner:before{
	content: "";
	background: url("https://www.kdl.co.jp/static/dist/images/kdlnowpress/35/partner_after.png") no-repeat;
	background-size: contain;
	width: 138px;
	height: 120px;
	display: block;
	position: absolute;
	right: -2px;
	top: -30px;
}
.kintone__partner:after{
	content: "";
	background: url("https://www.kdl.co.jp/static/dist/images/kdlnowpress/35/partner_after.png") no-repeat;	background-size: contain;
	width: 138px;
	height: 120px;
	display: block;
	position: absolute;
	left: -11px;
	bottom: -30px;
}
@media (max-width: 767px) {
	.kintone__partner{
		background: #fff;
		position: relative;
		overflow: hidden;
		padding: 55px 20px 15px;
	}
	.kintone__partner:before{
		content: "";
		background: url("https://www.kdl.co.jp/static/dist/images/kdlnowpress/35/partner_after.png") no-repeat;
		background-size: contain;
		width: 69px;
		height: 60px;
		display: block;
		position: absolute;
		right: -2px;
		top: -15px;
	}
	.kintone__partner:after{
		content: "";
		background: url("https://www.kdl.co.jp/static/dist/images/kdlnowpress/35/partner_after.png") no-repeat;	background-size: contain;
		width: 69px;
		height: 60px;
		display: block;
		position: absolute;
		left: -11px;
		bottom: -15px;
	}
}

.kintone__partner h3 {
	position: absolute;
	top: 0;
	left: 0;
	box-sizing: border-box;
}

.kin__par--en{
	width: 245px;
}
@media (max-width: 767px) {
	.kin__par--en{
		width: 125px;
	}
}

.kintone__partner h4 {
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 1.4
}

/* content1 */
.kintone__content {
  margin-top: 110px;
}

@media (max-width: 767px) {
  .kintone__content {
    margin-top: 60px;
  }
}

.kintone__title1 {
	width: 100%;
	height: 80px;
	text-align: center;
	position: relative;
	background: #fff;
	box-sizing: border-box;
	font-size: 2.6rem;
	font-weight: bold;
	letter-spacing: 0.02em;
	padding-top: 3px;
	margin-bottom: 30px;
}
.kintone__title1:before {
	content: "";
	background: url("https://www.kdl.co.jp/static/dist/images/kdlnowpress/35/title_before.png") no-repeat;
	background-size: contain;
	width: 80px;
	height: 80px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}
.kintone__title1:after {
	content: "";
	background: url("https://www.kdl.co.jp/static/dist/images/kdlnowpress/35/title_after.png") no-repeat;
	background-size: contain;
	width: 80px;
	height: 80px;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
}
	.kintone__title1 .red{
		font-size: 1.4rem;
		color: #E73E3E;
		margin-bottom: 10px;
	}
	.kintone__title1 .red small{
		font-size: 1.1rem;
	}

@media (max-width: 767px) {
	.kintone__title1 {
		width: 100%;
		height: 50px;
    font-size: 1.6rem;
		text-align: center;
		position: relative;
		background: #fff;
		box-sizing: border-box;
		font-weight: bold;
		letter-spacing: 0.02em;
		padding-top: 3px;
		margin-bottom: 30px;
	}
	.kintone__title1:before {
		content: "";
		background: url("https://www.kdl.co.jp/static/dist/images/kdlnowpress/35/title_before.png") no-repeat;
		background-size: contain;
		width: 50px;
		height: 50px;
		display: block;
		position: absolute;
		left: 0;
		top: 0;
	}
	.kintone__title1:after {
		content: "";
		background: url("https://www.kdl.co.jp/static/dist/images/kdlnowpress/35/title_after.png") no-repeat;
		background-size: contain;
		width: 50px;
		height: 50px;
		display: block;
		position: absolute;
		right: 0;
		top: 0;
	}
	.kintone__title1 .red{
		font-size: 1rem;
		color: #E73E3E;
		margin-bottom: 10px;
	}
	.kintone__title1 .red small{
		font-size: 1rem;
	}
}


.kintone__title2{
	font-size: 2.4rem;
	font-weight: bold;
	position: relative;
	margin-bottom: 20px;
}
.kintone__title2:before{
	content: "";
	background: url("https://www.kdl.co.jp/static/dist/images/kdlnowpress/35/title2_before.png") no-repeat;
	background-size: contain;
	width: 25px;
	height: 21px;
	display: inline-block;
	position: relative;
	margin-right: 10px;
}
@media (max-width: 767px) {
.kintone__title2{
	font-size: 1.8rem;
	font-weight: bold;
	position: relative;
	margin-bottom: 20px;
}
    .kintone__title2:before {
        content: "";
        background: url(https://www.kdl.co.jp/static/dist/images/kdlnowpress/35/title2_before.png) no-repeat;
        background-size: contain;
        width: 19px;
        height: 16px;
        display: inline-block;
        position: relative;
        margin-right: 6px;
        top: 2px;
    }
}



@media (max-width: 767px) {
	.kintone__content p a {
		color: #12B68F;
		text-decoration-line: underline;
	}

}

.kintone__flexblock {
	display: flex;
	justify-content: space-between;
}
.cont__flex--textWrap1{
	width: 430px;
}
.cont__flex--imgWrap1{
	width: 339px;
}
.cont__flex--img2{
	position: relative;
	margin-bottom: 40px;
}
.kintone__text--right{
	text-align: right;
	font-size: 1.2rem;
}

@media (max-width: 767px) {


  .kintone__flexblock {
    flex-direction: column;
    padding: 0 0 0px;
		flex-wrap: wrap;
  }
.cont__flex--textWrap1{
	width: 100%;
}
.cont__flex--imgWrap1{
	width: 100%;
	margin-bottom: 20px;
}
}




.kintone__cap {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2.2rem;
  letter-spacing: 0.7px;
  margin: 0;
  margin-top: 8px;
	margin-bottom: 20px;
	color: #3865c0;
}

.kintone__text.last{
	margin-bottom: 55px;
}
.kintone__text.mar__fix{
	margin: 0 0 30px;
}

@media (max-width: 767px) {
  .kintone__cap {
    max-width: 450px;
    margin: 0 auto;
  }
}

.kintone__cap--ss {
  text-align: center;
}


@media (max-width: 767px) {
  .kintone__cap--ss {
    margin-top: 16px;
  }

}
@media (max-width: 767px) {
.kintone__content--wrap1{
	padding: 20px;
}

}

.kintone__content--wrap2{
	padding-bottom: 45px;
	overflow: hidden;
}
.kintone__content--wrap2 .kintone__flexblock{
	align-items: center;
}
.flex__mg{
	margin-bottom: 30px;
}
.kintone__content--wrap2.blue{
	background: rgba(56,101,192,0.07);
	margin-bottom: 60px;
	box-sizing: border-box;
}
.kintone__content--wrap2.red{
	background: rgba(231,62,62,0.05);
	box-sizing: border-box;
}
.cont__flex--textWrap2{
	width: 347px;
	padding-left: 40px;
}
.cont__flex--imgWrap2{
	width: 484px;
	margin-right: -19px;
}
@media (max-width: 767px) {
	.kintone__content--wrap2{
		padding-bottom: 20px;
		padding-top: 40px;
		}
	.kintone__content--wrap2 .kintone__flexblock{
		align-items: center;
		margin-bottom: 20px;
	}
	.flex__mg{
		margin-bottom: 20px;
	}
	.kintone__content--wrap2.blue{
		background: rgba(56,101,192,0.07);
		box-sizing: border-box;
		margin-bottom: 30px;
	}
	.kintone__content--wrap2.red{
		background: rgba(231,62,62,0.05);
		box-sizing: border-box;
		margin-bottom: 0;
	}
	.cont__flex--textWrap2{
		width: 100%;
		padding-left: 20px;
	}
	.cont__flex--imgWrap2{
		width: 100%;
	}

}

.kintone__title_en{
	font-size: 1.4rem;
	font-weight: bold;
	font-family: "Montserrat", sans-serif;
	font-style: italic;
	margin-bottom: 20px;
}
.blue .kintone__title_en{
	color: #3865C0;
}
.red .kintone__title_en{
	color: #E73E3E;
}
.kin__profile--wrap{
	position: relative;
	padding-left: 20px;
}
.kin__profile--wrap:before{
	content: "";
	position: absolute;
	width: 7px;
	height: 100%;
	left: 0px;
	top: 0px;
	display: block;
}
.blue .kin__profile--wrap:before{
	background: linear-gradient(185.42deg, #1F4FB1 71.18%, #3865C0 95.67%);
}
.red .kin__profile--wrap:before{
	background: linear-gradient(180deg, #C62020 0%, #E73E3E 100%);
}

.kin__profile--company{
	font-size: 1.8rem;
	line-height: 1.8rem;
	font-weight: bold;
	margin-bottom: 25px;
}
.kin__profile--shol{
	font-size: 1.4rem;
	line-height: 1.2em;
	font-weight: bold;
	margin-bottom: 25px;
}
.kin__profile--name{
	font-size: 3.6rem;
	line-height: 3.6rem;
	font-weight: bold;
	margin-bottom: 0;
}
.kin__profile--name span{
	font-size: 2rem;
}
@media (max-width: 767px) {
	.kintone__title_en{
		font-size: 1rem;
		font-weight: bold;
		font-family: "Montserrat", sans-serif;
		font-style: italic;
		margin-bottom: 20px;
	}
	.blue .kintone__title_en{
		color: #3865C0;
	}
	.red .kintone__title_en{
		color: #E73E3E;
	}
	.kin__profile--wrap{
		position: relative;
		padding-left: 15px;
		margin-bottom: 20px;
	}
	.kin__profile--wrap:before{
		content: "";
		position: absolute;
		width: 4px;
		height: 100%;
		left: 0px;
		top: 0px;
		display: block;
	}
	.blue .kin__profile--wrap:before{
		background: linear-gradient(185.42deg, #1F4FB1 71.18%, #3865C0 95.67%);
	}
	.red .kin__profile--wrap:before{
		background: linear-gradient(180deg, #C62020 0%, #E73E3E 100%);
	}

	.kin__profile--company{
		font-size: 1.6rem;
		line-height: 1.6rem;
		font-weight: bold;
		margin-bottom: 15px;
	}
	.kin__profile--shol{
		font-size: 1.2rem;
		line-height: 1.2em;
		font-weight: bold;
		margin-bottom: 20px;
	}
	.kin__profile--name{
		font-size: 2.6rem;
		line-height: 2.6rem;
		font-weight: bold;
		margin-bottom: 0;
	}
	.kin__profile--name span{
		font-size: 1.8rem;
	}

}

.comment__textWrap{
	padding: 0 40px;
}
@media (max-width: 767px) {
.comment__textWrap{
	padding: 0 20px;
}

}

.kin_comment{
	margin-bottom: 0;
}
.kin_comment small{
	font-size: 1.2rem;
}

.kin__profile--shol2{
	display: inline-block;
	background: #333;
	color: #fff;
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 2rem;
	padding: 0 6px;
	margin-bottom: 25px;
}
@media (max-width: 767px) {
	.kin__profile--shol2{
		display: inline-block;
		background: #333;
		color: #fff;
		font-size: 1.2rem;
		font-weight: 500;
		line-height: 1.8rem;
		padding: 0 4px;
		margin-bottom: 15px;
	}
}

.kintone__title3{
	font-size: 2.4rem;
	font-weight: bold;
	position: relative;
	padding-left: 41px;
	margin-bottom: 25px;
	border-bottom: 2px solid #F5F5F5;
	mix-blend-mode: multiply;
	padding-bottom: 15px;
}
.kintone__title3:before{
	content: "";
	background: url("https://www.kdl.co.jp/static/dist/images/kdlnowpress/35/icon_q.png") no-repeat;
	background-size: contain;
	width: 35px;
	height: 35px;
	display: inline-block;
	position: absolute;
	margin-right: 6px;
	left: 0;
	top: -3px;
}
.kintone_text3{
	margin-bottom: 50px;
}
.kintone_text4{
	letter-spacing: 0;
	margin-bottom: 50px;
}
.kintone_text5{
	letter-spacing: 0;
	margin-bottom: 0px;
}
@media (max-width: 767px) {
	.kintone__title3{
		font-size: 1.8rem;
		font-weight: bold;
		position: relative;
		padding-left: 30px;
		margin-bottom: 25px;
		border-bottom: 2px solid #F5F5F5;
		mix-blend-mode: multiply;
		padding-bottom: 15px;
	}
	.kintone__title3:before{
		content: "";
		background: url("https://www.kdl.co.jp/static/dist/images/kdlnowpress/35/icon_q.png") no-repeat;
		background-size: contain;
		width: 25px;
		height: 25px;
		display: inline-block;
		position: absolute;
		margin-right: 6px;
		left: 0;
		top: 0px;
	}
	.kintone_text3{
		margin-bottom: 50px;
	}
	.kintone_text4{
		margin-bottom: 50px;
	}
	.kintone_text5{
		margin-bottom: 0px;
	}
}


/* content2 */

.cont__flex--textWrap3{
	width: 450px;
	margin-bottom: 0;
}
.cont__flex--imgWrap3{
	width: 250px;
}
@media (max-width: 767px) {
	.cont__flex--textWrap3{
		width: 100%;
		margin-bottom: 0;
	}
	.cont__flex--imgWrap3{
		width: 100%;
		margin-bottom: 20px;
	}
}


/* content3 */

.kintone__foot {
  display: block;
  margin: 0 auto;
  box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.19);
  margin-top: 62px;
}

.kintone__content .lpBtn {
  margin-top: 32px;
}

.kintone__arrow {
  position: relative;
  z-index: 1000;
  margin-top: -144px;

  top: 198px;
  left: 50%;
  transform: translateX(-50%);
}

@media (max-width: 767px) {
  .kintone__arrow {
    width: 16px;
    top: 170px;
  }
}

/* tablet */


.kintone__inner--gray {
	background: #ebebeb;
  padding: 65px 70px 70px;
}
@media (max-width: 767px) {
	.kintone__inner--gray {
		background: #ebebeb;
		padding: 40px 20px 40px;
	}
}

.kintone__title4{
	text-align: center;
	position: relative;
	margin-bottom: 30px;
}
.kintone__title4 span{
	display: inline-block;
	position: relative;
	font-size: 2.4rem;
	font-weight: bold;
	letter-spacing: 0.03em;
	padding-bottom: 8px;
}
.kintone__title4 span:before{
	content: "";
	background: url("https://www.kdl.co.jp/static/dist/images/kdlnowpress/35/title3_before.png") no-repeat;
	background-size: contain;
	width: 39px;
	height: 65px;
	display: block;
	position: absolute;
	left: -52px;
	top: 50%;
	transform: translateY(-50%);
}
.kintone__title4 span:after{
	content: "";
	background: url("https://www.kdl.co.jp/static/dist/images/kdlnowpress/35/title3_after.png") no-repeat;
	background-size: contain;
	width: 39px;
	height: 65px;
	display: block;
	position: absolute;
	right: -52px;
	top: 50%;
	transform: translateY(-50%);
}
.kintone__title4 span small{
	font-size: 1.5rem;
	color: #E73E3E;
	display: inline-block;
	margin-bottom: 10px;
}
@media (max-width: 767px) {
	.kintone__title4{
		margin-bottom: 20px;
	}
	.kintone__title4 span{
		font-size: 2rem;
	}
	.kintone__title4 span:before{
		content: "";
		background: url("https://www.kdl.co.jp/static/dist/images/kdlnowpress/35/title3_before.png") no-repeat;
		background-size: contain;
		width: 39px;
		height: 65px;
		display: block;
		position: absolute;
		left: -52px;
		top: 50%;
		transform: translateY(-50%);
	}
	.kintone__title4 span:after{
		content: "";
		background: url("https://www.kdl.co.jp/static/dist/images/kdlnowpress/35/title3_after.png") no-repeat;
		background-size: contain;
		width: 39px;
		height: 65px;
		display: block;
		position: absolute;
		right: -52px;
		top: 50%;
		transform: translateY(-50%);
	}
	.kintone__title4 span small{
		font-size: 1.2rem;
		color: #E73E3E;
		display: inline-block;
		margin-bottom: 5px;
	}
}

.tablet__flex{
	margin-bottom: 35px;
}
.tablet__imgW{
	width: 390px;
}
.tablet__textW{
	width: 390px;
}
.tablet__textW p{
	font-weight: 500;
	line-height: 3.2rem;
	letter-spacing: 0;
}
@media (max-width: 767px) {
	.tablet__flex{
		margin-bottom: 0px;
		flex-wrap: wrap;
	}
	.tablet__imgW{
		width: 100%;
		margin-bottom: 20px;
	}
	.tablet__textW{
		width: 100%;
	}
}

.kintone__bn--detail{
	text-align: center;
}
.kintone__bn--detail span{
	position: relative;
	display: inline-block;
	font-size: 1.8rem;
	font-weight: bold;
	border-bottom: 1px solid #333;
	letter-spacing: 0.05em;
}
.kintone__bn--detail span:after{
	content: "";
	background: url("https://www.kdl.co.jp/static/dist/images/kdlnowpress/35/arrow_b.svg") no-repeat;
	background-size: contain;
	width: 9px;
	height: 9px;
	display: block;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -10px;
}

.kintone__bn{
	width: 714px;
	margin: 0 auto;
	display: block;
	box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
	border-radius: 10px;
}
@media (max-width: 767px) {
	.kintone__bn{
		width: 100%;
	}
}

/*support*/

.kintone__inner--grad{
	background: linear-gradient(180deg, rgba(231, 62, 62, 0) 0%, rgba(231, 62, 62, 0.05) 44.32%);
	mix-blend-mode: multiply;
	padding: 115px 70px 30px;
}
@media (max-width: 767px) {
	.kintone__inner--grad{
		padding: 60px 20px;
	}
}


.kintone__title5{
	width: 526px;
	margin: 0 auto 74px;
	position: relative;
	box-sizing: border-box;
	font-size: 3.2rem;
	line-height: 3.2rem;
	font-weight: 900;
	padding-top: 65px;
}
.kintone__title5:after{
	content: "";
	background: linear-gradient(270deg, #C62020 0%, #E73E3E 100%);
	position: absolute;
	width: 46px;
	height: 6px;
	display: block;
	left: 50%;
	transform: translateX(-50%);
	bottom: -38px;
}
.kintone__logo{
	position: absolute;
	top: 0;
	left: 0;
}
.kintone__title5--img{
	width: 181px;
	position: absolute;
	top: 0;
	right: 0;
}

@media (max-width: 767px) {
	.kintone__title5{
		width: 300px;
		margin: 0 auto 50px;
		padding-top: 30px;
		font-size: 2rem;
		line-height: 2rem;
	}
	.kintone__title5:after{
		width: 30px;
		height: 4px;
		bottom: -24px;
	}
	.kintone__logo{
		width: 137px;
	}
	.kintone__title5--img{
		width: 90px;
	}
}

.support__inline{
	position: relative;
	margin-bottom: 60px;
}
.support__imgW{
	width: 472px;
	position: absolute;
	left: -70px;
	top: 0;
}
.labo__name--wrap{
	position: absolute;
	bottom: 15px;
	left: 100px;
	display: flex;
	justify-content: space-between;
	width: 294px;
	align-items: center;
}
.labo__name--sholder{
	display: inline-block;
	font-size: 1.4rem;
	font-weight: 500;
	color: #fff;
	margin-bottom: 0;
	line-height: 1.33em;
}
.labo__name{
	display: inline-block;
	font-size: 2rem;
	font-weight: bold;
	letter-spacing: 0.18em;
	margin-bottom: 0;
	color: #fff;
}
.support__textW{
	width: 402px;
	margin: 0 0 0 auto;
}
@media (max-width: 767px) {
	.support__inline{
		position: relative;
		margin-bottom: 40px;
		
	}
    .support__imgW {
        position: relative;
        width: 92vw;
        margin-bottom: 30px;
        left: -5vw;
    }
    .labo__name--wrap {
        bottom: 9px;
        left: 50%;
        width: 255px;
        transform: translateX(-120px);
    }
	.labo__name--sholder {
        font-size: 1.2rem;
    }
    .labo__name {
        font-size: 1.8rem;
    }
	.support__textW{
		width: 100%;
		margin: 0 auto;
	}
}

.labo__btn--wrap{
	text-align: center;
	padding-bottom: 70px;
}
.labo__title{
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.65em;
	letter-spacing: 0.05em;
	margin-bottom: 25px;
}
.labo__title span{
	display: inline;
	background: linear-gradient(transparent 50%, #fff 50%);
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
}
.labo__bnr--wrap{
	width: 448px;
	margin: 0 auto 36px;
	display: flex;
	justify-content: space-between;
}
.labo__bnr{
	width: 215px;
}
@media (max-width: 767px) {
	.labo__bnr--wrap{
		width: 80%;
		margin: 0 auto 16px;
		display: block;
	}
	.labo__bnr{
		width: 100%;
		margin-bottom: 20px;
	}
}
.lpBtn--large{
	width: 600px;
	background: linear-gradient(270deg, #E73E3E 0%, #D83232 100%);
	border-radius: 10px;
	position: relative;
	margin-bottom: 26px;
	height: 88px;
	padding-top: 34px;
	font-size: 2rem;
	padding-left: 98px;
	letter-spacing: 0.05em;
	box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
}
.lpBtn--large:before{
	content: "";
	background: url("https://www.kdl.co.jp/static/dist/images/kdlnowpress/35/kintone_bal.svg") no-repeat;
	background-size: contain;
	width: 71px;
	height: 49px;
	display: block;
	position: absolute;
	left: 54px;
	top: 50%;
	transform: translateY(-50%);
}
.lpBtn--large:after{
	content: "";
	background: url(https://www.kdl.co.jp/static/dist/images/kdlnowpress/35/lp_arrow.png) no-repeat;
	background-size: contain;
	width: 9px;
	height: 11px;
	display: block;
	position: absolute;
	right: 35px;
	top: 50%;
	transform: translateY(-50%);
}
@media (max-width: 767px) {
    .lpBtn--large {
        display: inline-block;
        margin: 0 auto 30px;
        max-width: 100%;
        background: linear-gradient(270deg, #E73E3E 0%, #D83232 100%);
        border-radius: 10px;
        position: relative;
        margin-bottom: 26px;
        height: 88px;
        padding-top: 22px;
        font-size: 1.6rem;
        padding-left: 86px;
        letter-spacing: 0.05em;
        box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
        line-height: 2rem;
        width: 290px;
    }
	.lpBtn--large:before {
        content: "";
        background: url(https://www.kdl.co.jp/static/dist/images/kdlnowpress/35/kintone_bal.svg) no-repeat;
        background-size: contain;
        width: 17.5vw;
        height: 11.5vw;
        display: block;
        position: absolute;
        left: 15px;
        top: 50%;
        transform: translateY(-50%);
    }
    .lpBtn--large:after {
        content: "";
        background: url(https://www.kdl.co.jp/static/dist/images/kdlnowpress/35/lp_arrow.png) no-repeat;
        background-size: contain;
        width: 9px;
        height: 11px;
        display: block;
        position: absolute;
        right: 23px;
        top: 50%;
        transform: translateY(-50%);
    }
}

/* selphish */

.sel__inner{
	width: 960px;
	margin: 0 auto;
	padding: 170px 0 115px;
}
.selphish{
	background: url("https://www.kdl.co.jp/static/dist/images/kdlnowpress/35/bg02.jpg") no-repeat;
	background-size: cover;
	background-position: top center;
	position: relative;
}
.sel__wrap1{
	margin: 0 auto 85px;
}
.selphish__vir--img{
	width: 110px;
	margin: 0 auto 17px;
}
.sel__copy1{
	text-align: center;
	margin-bottom: 18px;
	font-size: 1.8rem;
	letter-spacing: 0.07em;
}
.sel__logo{
	width: 435px;
	margin: 0 auto 15px;
}
.sel__copy2{
	text-align: center;
	line-height: 2em;
	letter-spacing: 0.03em;
	font-size: 2rem;
	font-weight: 500;
}

.sel__wrap2{
	margin: 0 auto 85px;
}
.sel__img--wrap{
	display: flex;
	justify-content: space-between;
	width: 843px;
	margin: 0 auto 65px;
	position: relative;
}
.sel__img--wrap:before{
	content: "";
	background: url("https://www.kdl.co.jp/static/dist/images/kdlnowpress/35/sel_img_bg.png") no-repeat;
	background-size: contain;
	width: 968px;
	height: 461px;
	display: block;
	position: absolute;
	top: -76px;
	left: 50%;
	transform: translateX(-50%);
	mix-blend-mode: multiply;
}
.sel__img1{
	width: 488px;
	position: relative;
}
.sel__img2{
	width: 335px;
	position: relative;
}
.sel__text1{
	font-size: 1.8rem;
	line-height: 1.8em;
	font-weight: 500;
	letter-spacing: 0.02em;
}
.sel__wrap3{
	margin: 0 auto 85px;
}
.sel__ttl1--wrap{
	font-size: 2.4rem;
	font-weight: bold;
	letter-spacing: 0.08em;
	position: relative;
	box-sizing: border-box;
	margin-bottom: 24px;
	padding-left: 100px;
	padding-bottom: 24px;
	border-bottom: 4px solid #f4f4f4;
}
.sel__ttl1--wrap:before{
	content: "";
	width: 79px;
	height: 68px;
	display: block;
	position: absolute;
	left: 0;
	top: -2px;
}
.sel__ttl1--wrap.sel__ttl1W:before{
	background: url("https://www.kdl.co.jp/static/dist/images/kdlnowpress/35/selph_icon_01.png") no-repeat;
	background-size: contain;
}
.sel__ttl1--wrap.sel__ttl2W:before{
	background: url("https://www.kdl.co.jp/static/dist/images/kdlnowpress/35/selph_icon_02.png") no-repeat;
	background-size: contain;
}
.sel__ttl1--small{
	font-size: 1.6rem;
	font-weight: bold;
	color: #00613D;
	line-height: 1.6rem;
	margin-bottom: 15px;
}
.sel__ttl1--small span{
	font-size: 2.9rem;
	font-weight: bold;
}

.sel__wrap4{
	margin: 0 auto 70px;
}
.sel__bnr--wrap{
	width: 600px;
	margin: 0 auto 75px;
}

.sel__bnr{
	background: url("https://www.kdl.co.jp/static/dist/images/kdlnowpress/35/selph_bn_bg.jpg") no-repeat;
	background-size: cover;
	border-radius: 10px;
	box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
	position: relative;
	text-align: center;
	height: 130px;
	box-sizing: border-box;
	margin-bottom: 22px;
}
.sel__bnr a{
	display: block;
	height: 100%;
}
.sel__bnr--blog{
	background: #333;
	border-radius: 10px 0 10px 0;
	color: #fff;
	font-size: 1.4rem;
	text-align: center;
	width: 160px;
	height: 31px;
	position: absolute;
	left: 0;
	top: 0;
	box-sizing: border-box;
	padding-top: 5px;
}
.sel__bnr:after{
	content: "";
	background: url("https://www.kdl.co.jp/static/dist/images/kdlnowpress/35/arrow_r.svg") no-repeat;
	background-size: contain;
	width: 13px;
	height: 13px;
	display: block;
	position: absolute;
	right: 24px;
	top: 50%;
	transform: translateY(-50%);
}
.sel__bnr--blog span{
	display: inline-block;
	border-bottom: 1px solid #fff;
	line-height: 1.8rem;
}
.sel__bnr--text1{
	text-align: center;
	font-size: 2.2rem;
	font-weight: bold;
	margin-bottom: 15px;
	padding-top: 21px;
}
.sel__bnr--text2{
	text-align: center;
	font-size: 2.6rem;
	font-weight: bold;
	letter-spacing: 0.06em;
	margin-bottom: 0;
}
.sel__bnr--text2 span{
	display: inline-block;
	background: #fff;
	line-height: 3rem;
	padding: 0 3px;
}
.bnr__caution{
	text-align: center;
	font-size: 1.2rem;
	margin-bottom: 0;
}

.sel__box--gray{
	margin-bottom: 84px;
	background: #F0F3F2;
	border-radius: 50px;
	box-sizing: border-box;
	padding: 46px 70px;
}
.sel__ttl2{
	font-size: 3rem;
	color: #00613D;
	letter-spacing: 0.08em;
	margin-bottom: 15px;
}
.sel__ttl2 small{
	font-size: 1.6rem;
	font-weight: 500;
	display: inline-block;
	position: relative;
	margin-left: 15px;
	top: -5px;
}
.sel__box--text{
	
}
.sel__copy3{
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 2.69em;
	text-align: center;
}
.sel__copy3 span{
	display: inline;
	border-bottom: 1px dotted #333;
	padding-bottom: 3px;
}

.sel__obj{
	position: absolute;
}
	/*center683*/

.sel__obj01{
	width: 117px;
	height: 120px;
	left: 50%;
	transform: translateX(-613px);
	top: 406px;
}
.sel__obj02{
	width: 112px;
	height: 104px;
	left: 50%;
	transform: translateX(525px);
	top: 1341px;
}
.sel__obj03{
	width: 124px;
	height: 104px;
	left: 50%;
	transform: translateX(-660px);
	top: 2420px;
}
.sel__obj04{
	width: 117px;
	height: 120px;
	left: 50%;
	transform: translateX(478px);
	top: 2641px;
}

@media (max-width: 767px) {
	.sel__inner{
		width: 100%;
		margin: 0 auto;
		padding: 80px 20px 60px;
		box-sizing: border-box;
	}
	.selphish{
		background: #F6FBF9;
		position: relative;
	}
	.selphish:before{
		content: "";
		background: url("https://www.kdl.co.jp/static/dist/images/kdlnowpress/35/bg02_before.png") no-repeat;
		background-size: contain;
		width: 100vw;
		height: 26vw;
		display: block;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		top: 0;
	}
	.selphish:after{
		content: "";
		background: url("https://www.kdl.co.jp/static/dist/images/kdlnowpress/35/bg02_after.png") no-repeat;
		background-size: contain;
		width: 100vw;
		height: 33vw;
		display: block;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		bottom: 0;
	}
	.sel__wrap1{
		margin: 0 auto 40px;
	}
	.selphish__vir--img{
		width: 55px;
		margin: 0 auto 17px;
	}
	.sel__copy1{
		text-align: center;
		margin-bottom: 18px;
		font-size: 1.8rem;
		letter-spacing: 0.07em;
	}
	.sel__logo{
		width: 90%;
		margin: 0 auto 15px;
	}
	.sel__copy2{
		text-align: center;
		letter-spacing: 0.03em;
		font-size: 1.8rem;
		font-weight: 500;
	}

	.sel__wrap2{
		margin: 0 auto 60px;
	}
	.sel__img--wrap{
		display: block;
		width: 100%;
		margin: 0 auto 30px;
	}
	.sel__img--wrap:before{
		display: none;
	}
	.sel__img1{
		width: 100%;
		margin-bottom: 20px;
	}
	.sel__img2{
		width: 100%;
	}
	.sel__text1{
		font-size: 1.6rem;
		font-weight: 500;
	}

	.sel__wrap3{
		margin: 0 auto 60px;
	}
	.sel__ttl1--wrap{
		font-size: 2.4rem;
		font-weight: bold;
		letter-spacing: 0.08em;
		position: relative;
		box-sizing: border-box;
		margin-bottom: 24px;
		padding-left: 100px;
		padding-bottom: 24px;
		border-bottom: 4px solid #f4f4f4;
	}
	.sel__ttl1--wrap:before{
		content: "";
		width: 79px;
		height: 68px;
		display: block;
		position: absolute;
		left: 0;
		top: -2px;
	}
	.sel__ttl1--wrap.sel__ttl1W:before{
		background: url("https://www.kdl.co.jp/static/dist/images/kdlnowpress/35/selph_icon_01.png") no-repeat;
		background-size: contain;
	}
	.sel__ttl1--wrap.sel__ttl2W:before{
		background: url("https://www.kdl.co.jp/static/dist/images/kdlnowpress/35/selph_icon_02.png") no-repeat;
		background-size: contain;
	}
	.sel__ttl1--small{
		font-size: 1.6rem;
		font-weight: bold;
		color: #00613D;
		line-height: 1.6rem;
		margin-bottom: 15px;
	}
	.sel__ttl1--small span{
		font-size: 2.9rem;
		font-weight: bold;
	}

	.sel__wrap4{
		margin: 0 auto 60px;
	}
	.sel__bnr--wrap{
		width: 100%;
		margin: 0 auto 60px;
	}

	.sel__bnr{
		background: url("https://www.kdl.co.jp/static/dist/images/kdlnowpress/35/selph_bn_bg.jpg") no-repeat;
		background-size: cover;
		border-radius: 10px;
		box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
		position: relative;
		text-align: center;
		height: 130px;
		box-sizing: border-box;
		margin-bottom: 22px;
	}
	.sel__bnr:after{
		content: "";
		background: url("https://www.kdl.co.jp/static/dist/images/kdlnowpress/35/arrow_r.svg") no-repeat;
		background-size: contain;
		width: 10px;
		height: 10px;
		display: block;
		position: absolute;
		right: 15px;
		top: 50%;
		transform: translateY(-50%);
	}
	.sel__bnr a{
		display: block;
	}
	.sel__bnr--blog{
		background: #333;
		border-radius: 10px 0 10px 0;
		color: #fff;
		font-size: 1.1rem;
		text-align: center;
		width: 120px;
		height: 26px;
		position: absolute;
		left: 0;
		top: 0;
		box-sizing: border-box;
		padding-top: 3px;
	}
	.sel__bnr--blog span{
		display: inline-block;
		border-bottom: 1px solid #fff;
		line-height: 1.6rem;
	}
	.sel__bnr--text1{
		text-align: center;
		font-size: 1.4rem;
		font-weight: bold;
		margin-bottom: 10px;
		padding-top: 30px;
	}
	.sel__bnr--text2{
		text-align: center;
		font-size: 2rem;
		line-height: 3rem;
		font-weight: bold;
		letter-spacing: 0.03em;
		margin-bottom: 0;
	}
	.sel__bnr--text2 span{
		display: inline-block;
		background: #fff;
		line-height: 1.8rem;
		padding: 0 3px;
	}
	.bnr__caution{
		text-align: center;
		font-size: 1.2rem;
		margin-bottom: 0;
	}

	.sel__box--gray{
		margin-bottom: 60px;
		background: #F0F3F2;
		border-radius: 25px;
		box-sizing: border-box;
		padding: 30px 30px;
	}
	.sel__ttl2{
		font-size: 2.4rem;
		color: #00613D;
		letter-spacing: 0.08em;
		margin-bottom: 15px;
	}
	.sel__ttl2 small{
		font-size: 1.4rem;
		font-weight: 500;
		display: inline-block;
		position: relative;
		margin-left: 15px;
		top: -5px;
	}
	.sel__box--text{

	}
	.sel__copy3{
		font-size: 1.4rem;
		font-weight: 500;
		line-height: 2em;
		text-align: center;
	}
	.sel__copy3 span{
		display: inline;
		border-bottom: 1px dotted #333;
		padding-bottom: 3px;
	}
}

/*----------------------------------
  cloud security
------------------------------------*/

.cloud-security {
  position: relative;
  z-index: 40;
  padding: 0 0 80px;
  margin: 0 0 0;
  background-image: url(https://www.kdl.co.jp/static/dist/images/kdlnowpress/35/bg02.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  -webkit-transform: skew(0deg, 0);
}

.cloud-security__inner {
  width: 960px;
  margin: 0 auto;
  padding: 40px 0px 116px;
}

@media (max-width: 767px) {
  .cloud-security {
    padding-bottom: 0;
  }

  .cloud-security__inner {
    width: 100%;
    margin: 0 auto;
    padding: 50px 15px;
  }
}

.cloudTitle__deco__bg {
  content: "";
  width: max(50vw, 480px);
  height: 54px;
  background: linear-gradient(to right, #247DCF -2.58%, #4DAAFF 97.41%);
  clip-path: polygon(0vw 0vw, max(480px, 50vw) 0vw, calc(max(50vw, 480px) - 35px) 100%, 0vw 100vw);

  position: absolute;
  z-index: 10;
  top: 141px;
}

@media (max-width: 767px) {
  .cloudTitle__deco__bg {
    width: 100vw;
    top: 110px;
    height: min(12vw, 46px);
    clip-path: polygon(0vw 0vw, min(375px, 98vw) 0vw, calc(min(375px, 98vw) - 25px) 100%, 0vw 100vw);
  }
}

.cloudTitle__deco p {
  color: #FFF;
  font-size: 2.2rem;
  font-weight: 900;
  line-height: 150%;
  letter-spacing: 2.2px;

  margin-top: 112px;
  position: relative;
  z-index: 100;
}

.cloudTitle__deco p span {
  color: #FFE500;
}

@media (max-width: 767px) {
  .cloudTitle__deco p {
    font-size: min(4vw, 1.6rem);
    margin-top: 70px;
  }
}

.cloudTitle {
  font-family: "Noto Sans JP", sans-serif;
  position: relative;
  margin-top: 50px;
}

.cloudTitle__bk {
  color: #000;
  font-size: 4.7296rem;
  font-style: normal;
  font-weight: 900;
  line-height: 57.051px;
  letter-spacing: 5.203px;
}

.cloudTitle__bk span {
  font-size: 3.1531rem;
}

.cloudTitle__bl {
  color: #297AD7;
  font-size: 6.1091rem;
  font-style: normal;
  font-weight: 900;
  line-height: 147%;
  /* 89.804px */
  letter-spacing: 2.444px;

  background: linear-gradient(transparent 65%, #fff 0%);
  position: relative;
  z-index: 500;
}

@media (max-width: 767px) {
  .cloudTitle__bk {
    font-size: 7vw;
    line-height: 32px;
  }

  .cloudTitle__bk span {
    font-size: 5vw;
  }

  .cloudTitle__bl {
    font-size: 9vw;
  }
}

.cloudTitle__deco2 {
  width: 166px;
  position: absolute;
  z-index: 300;
  top: -8px;
  left: 300px;
}

.cloudTitle__deco3 {
  max-width: 464px;
  width: 50vw;
  position: absolute;
  z-index: 200;
  bottom: max(3vw, -10px);
  left: min(50vw, 492px);
}

@media (max-width: 767px) {
  .cloudTitle__deco2 {
    width: 40vw;
    top: -10px;
    left: 55vw;
  }

  .cloudTitle__deco3 {
    position: initial;
    display: block;
    margin: 0 auto;
    margin-top: 20px;
    width: 80vw;
  }
}

.cloud__lead {
  margin-top: 60px;
  font-weight: 700;
  line-height: 210%;
  letter-spacing: 0.48px;
}

.cloud__lead a {
  color: #297AD7;
  text-decoration-line: underline;
}

@media (max-width: 767px) {
  .cloud__lead {
    margin-top: 30px;
    margin-bottom: 60px;
  }
}

.cloud-security h3 {
  color: #297AD7;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 2.6rem;
  font-style: normal;
  font-weight: 900;
  line-height: 1.4;
  letter-spacing: 1.3px;
}

.cloud-security h3 span {
  font-size: 2rem;
}

.cloud-security h3 .deco {
  width: 100%;
  height: 2px;
  background-color: #D0D0D0;

  margin-top: 20px;
}

.cloud-security h3 .deco::before {
  content: '';
  display: block;
  width: 70px;
  height: 2px;
  background: linear-gradient(to right, #247DCF, #4DAAFF);
}

@media (max-width: 767px) {
  .cloud-security h3 {
    font-size: 2rem;
  }

  .cloud-security h3 span {
    font-size: 1.6rem;
  }

  .cloud-security h3 .deco {
    margin-top: 10px;
  }

}

.cloud-security .txt {
  margin-top: 34px;
}

.cloud-security .txt span {
  color: #297AD7;
  font-size: 1.4rem;
}

@media (max-width: 767px) {
  .cloud-security .txt {
    margin-top: 30px;
  }
}



/* campaign */

.campaign {
  width: 960px;
  height: 570px;
  background: #DBEAFB;
  margin: 0 auto;
  margin-top: 124px;
  padding-top: 72px;
  position: relative;
}

@media (max-width: 767px) {
  .campaign {
    width: 100%;
    margin-top: 60px;
    padding-top: 30px;
    height: auto;
    padding-bottom: 50px;
  }
}

.campaign .deco {
  width: 140px;
  position: absolute;

  top: -30px;
  left: 20px;
}

@media (max-width: 767px) {
  .campaign .deco {
    width: 24vw;
    left: -4vw;
  }
}

.campaign h3 {
  display: flex;
  width: fit-content;
  margin: 0 auto;
  padding-left: 42px;
}

.campaign h3 .left {
  color: #F86B1C;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 14.8rem;
  font-style: italic;
  font-weight: 700;
  line-height: 65.771px;
}

.campaign h3 .left span {
  font-size: 9.8rem;
}

.campaign h3 .right {
  color: #333;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 3.8736rem;
  font-weight: 900;
  line-height: 48.93px;
  letter-spacing: 0.775px;

  margin-left: 30px;
}

@media (max-width: 767px) {
  .campaign h3 {
    flex-direction: column;
    padding: 0;
    margin: 0 auto;
    text-align: center;
  }

  .campaign h3 .left {
    font-size: 24vw;
    padding-left: 20px;
  }

  .campaign h3 .left span {
    font-size: 10vw;
  }

  .campaign h3 .right {
    font-size: 6vw;
    line-height: 1;
    margin: 0;
  }
}

.campaign .intro {
  color: #000;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px;

  margin-top: 14px;
}

@media (max-width: 767px) {
  .campaign .intro {
    padding: 0 20px;
    margin-bottom: 10px;
  }
}

.campaign__cash__wrap {
  background-color: #fff;
  width: 864px;
  margin: 0 auto;
  padding: 27px 48px 0 81px;
}

@media (max-width: 767px) {
  .campaign__cash__wrap {
    width: 90%;
    padding: 24px 20px 0;
  }
}

.campaign__cash {
  display: flex;
  align-items: end;
  width: fit-content;
  margin: 0 auto
}

.campaign__cash .left {
  width: 246px;
  padding-right: 20px;
}

.campaign__cash .right {
  width: 464px;
}

.campaign__cash__wrap p {
  color: #000;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;

  margin-top: 4px;
  padding-bottom: 34px;
}

@media (max-width: 767px) {
  .campaign__cash {
    flex-direction: column;
    align-items: initial;
  }

  .campaign__cash .left {
    width: 60vw;
  }

  .campaign__cash .right {
    width: 75vw;
  }
}

/* ==================================================
  KDL NEWS
================================================== */
/* ノートの装飾
--------------------------------------------------------- */
@media print,
screen and (min-width: 768px) {
  .note {
    position: relative;
    width: 960px;
    padding: 72px 0 31px;
    margin: -50px auto 145px;
    background-image: url(https://www.kdl.co.jp/static/dist/images/kdlnowpress/35/note_header_bg.png), url(https://www.kdl.co.jp/static/dist/images/kdlnowpress/35/note_bottom_bg.png);
    background-repeat: no-repeat, no-repeat;
    background-position: top left, bottom left;
    background-size: 100% auto, 100% auto;
  }

  .note__inner {
    padding: 30px 50px;
    background-image: url(https://www.kdl.co.jp/static/dist/images/kdlnowpress/35/note_inner_bg.png), url(https://www.kdl.co.jp/static/dist/images/kdlnowpress/35/note_middle_bg.png);
    background-repeat: repeat-y, repeat-y;
    background-position: left 5px top, top left;
    background-size: 100% auto, 100% auto;
  }

  .note--news .note__inner {
    padding: 40px 50px 60px;
  }
}

@media (max-width: 767px) {
  .note {
    position: relative;
    width: 100%;
    padding: 25px 0 10px;
    margin: 0 auto 40px;
    background-image: url(https://www.kdl.co.jp/static/dist/images/kdlnowpress/35/note_header_bg.png), url(https://www.kdl.co.jp/static/dist/images/kdlnowpress/35/note_bottom_bg.png);
    background-repeat: no-repeat, no-repeat;
    background-position: top left, bottom left;
    background-size: 100% auto, 100% auto;
  }

  .note__inner {
    padding: 30px 15px;
    background-image: url(https://www.kdl.co.jp/static/dist/images/kdlnowpress/35/note_inner_bg.png), url(https://www.kdl.co.jp/static/dist/images/kdlnowpress/35/note_middle_bg.png);
    background-repeat: repeat-y, repeat-y;
    background-position: left 5px top, top left;
    background-size: 100% auto, 100% auto;
  }
}

@media print,
screen and (min-width: 768px) {
  .contentBg__news {
    position: relative;
    z-index: 40;
    padding: 0 0 80px;
    margin: 0 0 0;
    background-image: url(https://www.kdl.co.jp/static/dist/images/kdlnowpress/35/bg03.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    -webkit-transform: skew(0deg, 0);
  }

  .news {
    padding-top: 100px;
    margin: 0 auto 0;
    -webkit-transform: skew(0deg, 0);
  }
}

@media (max-width: 767px) {
  .contentBg__news {
    position: relative;
    z-index: 2;
    padding: 0 0 20px;
    margin: 0;
    background-image: url(https://www.kdl.co.jp/static/dist/images/kdlnowpress/35/bg03.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }

  .news {
    padding: 0 15px;
    padding-top: 50px;
    margin: 0 auto 0;
  }
}

.newsTitle {
  position: relative;
  width: 960px;
  margin: 0 auto;
}

.newsTitle img {
  width: 574px;
}

@media (max-width: 767px) {
  .newsTitle {
    position: relative;
    width: 100%;
    margin: 0 auto -15px;
  }

  .newsTitle img {
    width: 80%;
    margin: 0 0 0 15px;
  }
}

.news__logo {
  width: 258px;
  margin: 0 auto 16px;
}

@media (max-width: 767px) {
  .news__logo {
    width: 50%;
    max-width: 258px;
  }
}

.news__h3 {
  min-height: 80px;
  background: url(https://www.kdl.co.jp/static/dist/images/kdlnowpress/35/news_h3_left_pc.png) no-repeat top left/contain, url(https://www.kdl.co.jp/static/dist/images/kdlnowpress/35/news_h3_right_pc.png) no-repeat top right/contain;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 3.6rem;
  font-weight: 900;
  text-align: center;
  color: #00347D;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

@media (max-width: 767px) {
  .news__h3 {
    background: url(https://www.kdl.co.jp/static/dist/images/kdlnowpress/35/news_h3_left.png) no-repeat top left/contain, url(https://www.kdl.co.jp/static/dist/images/kdlnowpress/35/news_h3_right.png) no-repeat top right/contain;
  }
}

.news__h3 .follow {
  font-size: 2.6rem;
  color: #000000;
  letter-spacing: 0em;
  line-height: 1.5;
}

.news__h3 .txtwrap {
  width: 100%;
  margin: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  height: -moz-fit-content;
  height: fit-content;
}

.news__h3 .txt {
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  display: inline;
  padding: 0 2px 4px;
  line-height: 1.2;
  background-color: #FFF46F;
  font-size: 3rem;

}

@media (max-width: 767px) {
  .news__h3 {
    min-height: 80px;
    background: url(https://www.kdl.co.jp/static/dist/images/kdlnowpress/35/news_h3_left.png) no-repeat top left/contain, url(https://www.kdl.co.jp/static/dist/images/kdlnowpress/35/news_h3_right.png) no-repeat top right/contain;
    margin-bottom: 0;
    font-size: 1.8rem;
  }

  .news__h3 .follow {
    font-size: 1.5rem;
    color: #000000;
    letter-spacing: 0em;
    line-height: 1.4;
  }

  .news__h3 .txt {
    margin: 0 auto 0;
    font-size: 2.2rem;
    line-height: 1.4;
  }
}

/* ブログ
--------------------------------------------------------- */
@media print,
screen and (min-width: 768px) {
  .news {
    position: relative;
    width: 960px;
    padding: 72px 0 30px;
    margin: -50px auto 0;
  }

  .news__inner {
    padding: 60px 50px;
    background-image: url(https://www.kdl.co.jp/static/dist/images/kdlnowpress/35/note_inner_bg.png), url(https://www.kdl.co.jp/static/dist/images/kdlnowpress/35/note_middle_bg.png);
    background-repeat: repeat-y, repeat-y;
    background-position: left 5px top, top left;
    background-size: 100% auto, 100% auto;
  }

  .newsTitle__logo {
    display: block;
  }

  .newsTitle__logo img {
    width: 279px;
  }

  .newsTitle__title .sp {
    display: none;
  }

  .newsTitle__title img {
    width: 804px;
  }

  .newsImg {
    margin: 50px 0 0;
    text-align: center;
  }

  .newsImg__title {
    margin: 0 0 20px;
    text-align: center;
  }

  .newsImg__title img {
    width: 430px;
  }

  .newsImg__img {
    width: 600px;
    margin: 0 auto;
  }

  .news__txt {
    margin: 20px 0;
  }

  .news__txt span {
    color: #F73932;
  }

  .news__txt:last-child {
    margin: 0;
  }

  .news_bnr {
    margin-top: 48px;
  }

  .news__txt__url {
    color: #F73932;
    font-weight: 700;
    border-bottom: #F73932 1px solid;
  }

  .news__txt__url:hover {
    color: #F73932;
    border-bottom: #F73932 1px solid;
  }
}

@media (max-width: 767px) {

  .news__inner {
    padding: 60px 50px;
    background-image: url(https://www.kdl.co.jp/static/dist/images/kdlnowpress/35/note_inner_bg.png), url(https://www.kdl.co.jp/static/dist/images/kdlnowpress/35/note_middle_bg.png);
    background-repeat: repeat-y, repeat-y;
    background-position: left 5px top, top left;
    background-size: 100% auto, 100% auto;
  }

  .newsTitle {
    text-align: center;
  }

  .newsTitle__logo {
    display: block;
  }

  .newsTitle__logo img {
    width: 279px;
  }

  .newsTitle__title .pc {
    display: none;
  }

  .newsTitle__title img {
    width: 443px;
  }

  .newsImg {
    margin: 30px 0 0;
    text-align: center;
  }

  .newsImg__title {
    margin: 0 0 20px;
    text-align: center;
  }

  .newsImg__title img {
    width: 430px;
  }

  .news__txt {
    margin: 0 0 20px;
  }

  .news__txt span {
    color: #F73932;
  }

  .newsImg__img {
    width: 100%;
  }

  .news__txt__url {
    color: #F73932;
    font-weight: #F73932;
    border-bottom: #F73932 1px solid;
  }

  .news__txt__url:hover {
    color: #F73932;
    font-weight: #F73932;
    border-bottom: #F73932 1px solid;
  }
}

.note__inner ul {
  margin-top: 30px;
  margin-bottom: 20px;
}

.note__inner li {
  color: #333;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 32px;

  display: flex;
}

@media (max-width: 767px) {
  .note__inner li {
    flex-direction: column;
    margin-bottom: 20px;
    font-size: 1.4rem;
  }
}

.note__inner li::before {
  content: '開催日時';

  color: #FFF;
  font-style: normal;
  font-weight: 500;
  line-height: 12px;


  width: 84px;
  height: fit-content;
  text-align: center;
  padding: 6px 0 8px;
  margin-right: 12px;
  background-color: #F73932;
  margin-top: 5px;
}

.note__inner li:nth-child(2)::before {
  content: '会場';
}

.note__inner li:nth-child(3)::before {
  content: '参加費';
}

.note__inner li:nth-child(4)::before {
  content: '開催者';
}

@media (max-width: 767px) {
  .lpBtn--news {
    padding: 18px 34px;
    max-width: 100%;
  }
}