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

body{
    margin: 0px;
    padding: 0px;
    font-size: 15px;
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
    line-height: 220%;
    padding-top: 70px;
    color: #000;
    background-color: #fff !important;
}
.pc-view{}
.sp-view{display: none;}

#content{overflow: hidden;}
img {
	max-width: 100%;
	height: auto;
}
a img {transition: 0.3s ;}
a img:hover {opacity: 0.5 ;}

a{
    color: #f6921e;
    text-decoration: none;
}
a:hover {
    color: #F65A1E;
}
  .kaigyou { display: inline-block; }

/*  align
-----------------------------------------------------------------------------*/
.align_r { text-align: right; }
.align_c { text-align: center; }
.align_l { text-align: left; }
.valign_m { vertical-align: middle; }
.align_c_pc { text-align: center; }
.align_l_pc { text-align: left; }

/*  bg
-----------------------------------------------------------------------------*/
.bg-black{
	background-color: #333;
	color: #FFF;
}
.bg-white{
	background-color: #fff;
}
.bg-red{
	background-color: #df0d0d;
	color: #FFF;
}
.bg-black-usu{
background: rgb(0,0,0,0.5);
}
.bg-white-usu{
    background-position: 255;
    background-color: rgba(255,255,255,0.50);
}
.bg-orange{
	background-color:#f6921e;}
.bg-orange-st{
    background-color: #f6921e;
    background-image: url(../img/bg-orange-st.png);
    background-repeat: repeat-x;
    background-position: 0% bottom;
}
.bg-yellow{
	background-color: #fafadc;
}
.bg-yellow2{
	background-color: #FDDC00;
}
.bg-blue{
	background-color: #149CFF;
	color: #FFF;
}
.bg-haiiro{
    background-color: #f2f2f2;
}

.bg-orange-st2 {
    
    background-image: url(../img/tanuki-bg.jpg);
    background-repeat: repeat;
	
}
.kadomaru{
    border-radius: 10px;
}
.waku-box-black{
    border: 1px solid #000;
}
.waku-box-blown{
    border: 3px solid #C8A386;
}
.waku-orange{
    border: 3px solid #F38F1E;
}
.waku-box-white{
    background: rgba(255,255,255,0.3);
}
.waku-box-blown .title{
    color: #C8A386;
    font-size: 18px;
    font-weight: bold;
}
.waku-pink{
    border: 3px solid #ed1e79;
    border-radius: 10px;
}
.waku-haiiro{
    border-radius: 10px;
    background-color: #f2f2f2;
    width: 900px;
    max-width: 90%;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}
.waku-haiiro .gazou{
    position: absolute;
    bottom: 0px;
    right: -20px;
	width: 200px;
}
@media screen and (max-width: 480px){
	.waku-haiiro .gazou{
    position: absolute;
    bottom: 0px;
    right: -10px;
    width: 100px;
}
}
.suuzi{
    color: #ED1E79;
    font-weight: bold;
    font-size: 80px;
    font-family: futura-pt, sans-serif;
font-weight: 600;
font-style: italic;
    position: relative;
    top: -20px;
    left: 10px;

}
.label{
    padding-top: 2px;
    padding-bottom: 2px;
    top: 30px;
    width: 100px;
    position: relative;
    text-align: center;
}


/*  margin,padding
/*-------------------------------------------------------*/
/*--*/
.m_0  { margin: 0px !important; }
.m_5  { margin: 5px !important; }
.m_10 { margin: 10px !important; }
.m_15 { margin: 15px !important; }
.m_20 { margin: 20px !important; }
.m_25 { margin: 25px !important; }
.m_30 { margin: 30px !important; }
.m_35 { margin: 35px !important; }
.m_40 { margin: 40px !important; }
.m_45 { margin: 45px !important; }
.m_50 { margin: 50px !important; }
.m_55 { margin: 55px !important; }

.m_t5  { margin-top: 5px !important; }
.m_t10 { margin-top: 10px !important; }
.m_t15 { margin-top: 15px !important; }
.m_t20 { margin-top: 20px !important; }
.m_t25 { margin-top: 25px !important; }
.m_t30 { margin-top: 30px !important; }
.m_t35 { margin-top: 35px !important; }
.m_t40 { margin-top: 40px !important; }
.m_t45 { margin-top: 45px !important; }
.m_t50 { margin-top: 50px !important; }
.m_t55 { margin-top: 55px !important; }
.m_t80 { margin-top: 80px !important; }
.m_t100 { margin-top: 100px !important; }
.m_t200 { margin-top: 200px !important; }

.m_b5  { margin-bottom: 5px !important; }
.m_b10 { margin-bottom: 10px !important; }
.m_b15 { margin-bottom: 15px !important; }
.m_b20 { margin-bottom: 20px !important; }
.m_b25 { margin-bottom: 25px !important; }
.m_b30 { margin-bottom: 30px !important; }
.m_b35 { margin-bottom: 35px !important; }
.m_b40 { margin-bottom: 40px !important; }
.m_b45 { margin-bottom: 45px !important; }
.m_b50 { margin-bottom: 50px !important; }
.m_b55 { margin-bottom: 55px !important; }
.m_b80 { margin-bottom: 80px !important; }
.m_b100 { margin-bottom: 100px !important; }

.m_l0  { margin-left: 0px !important; }
.m_l5  { margin-left: 5px !important; }
.m_l22 { margin-left: 22px !important; }
.m_l10 { margin-left: 10px !important; }
.m_l15 { margin-left: 15px !important; }
.m_l20 { margin-left: 20px !important; }
.m_l25 { margin-left: 25px !important; }
.m_l30 { margin-left: 30px !important; }
.m_l35 { margin-left: 35px !important; }
.m_l40 { margin-left: 40px !important; }
.m_l45 { margin-left: 45px !important; }
.m_l50 { margin-left: 50px !important; }
.m_l55 { margin-left: 55px !important; }

.m_r0  { margin-right: 0px !important; }
.m_r5  { margin-right: 5px !important; }
.m_r10 { margin-right: 10px !important; }
.m_r15 { margin-right: 15px !important; }
.m_r20 { margin-right: 20px !important; }
.m_r25 { margin-right: 25px !important; }
.m_r30 { margin-right: 30px !important; }
.m_r35 { margin-right: 35px !important; }
.m_r40 { margin-right: 40px !important; }
.m_r45 { margin-right: 45px !important; }
.m_r50 { margin-right: 50px !important; }
.m_r55 { margin-right: 55px !important; }

/*--*/
.p_5  { padding: 5px !important; }
.p_10 { padding: 10px !important; }
.p_15 { padding: 15px !important; }
.p_20 { padding: 20px !important; }
.p_25 { padding: 25px !important; }
.p_30 { padding: 30px !important; }
.p_35 { padding: 35px !important; }
.p_40 { padding: 40px !important; }
.p_45 { padding: 45px !important; }
.p_50 { padding: 50px !important; }
.p_55 { padding: 55px !important; }

.p_t5  { padding-top: 5px !important; }
.p_t10 { padding-top: 10px !important; }
.p_t15 { padding-top: 15px !important; }
.p_t20 { padding-top: 20px !important; }
.p_t25 { padding-top: 25px !important; }
.p_t30 { padding-top: 30px !important; }
.p_t35 { padding-top: 35px !important; }
.p_t40 { padding-top: 40px !important; }
.p_t45 { padding-top: 45px !important; }
.p_t50 { padding-top: 50px !important; }
.p_t55 { padding-top: 55px !important; }
.p_t80 { padding-top: 80px !important; }
.p_t100 { padding-top: 100px !important; }
.p_t150 { padding-top: 150px !important; }
.p_t200 { padding-top: 200px !important; }
.p_t300 { padding-top: 300px !important; }

.p_b5  { padding-bottom: 5px !important; }
.p_b10 { padding-bottom: 10px !important; }
.p_b15 { padding-bottom: 15px !important; }
.p_b20 { padding-bottom: 20px !important; }
.p_b25 { padding-bottom: 25px !important; }
.p_b30 { padding-bottom: 30px !important; }
.p_b35 { padding-bottom: 35px !important; }
.p_b40 { padding-bottom: 40px !important; }
.p_b45 { padding-bottom: 45px !important; }
.p_b50 { padding-bottom: 50px !important; }
.p_b55 { padding-bottom: 55px !important; }
.p_b80 { padding-bottom: 80px !important; }
.p_b100 { padding-bottom: 100px !important; }
.p_b150 { padding-bottom: 150px !important; }

.p_l0  { padding-left: 0px !important; }
.p_l5  { padding-left: 5px !important; }
.p_l10 { padding-left: 10px !important; }
.p_l15 { padding-left: 15px !important; }
.p_l20 { padding-left: 20px !important; }
.p_l25 { padding-left: 25px !important; }
.p_l30 { padding-left: 30px !important; }
.p_l35 { padding-left: 35px !important; }
.p_l40 { padding-left: 40px !important; }
.p_l45 { padding-left: 45px !important; }
.p_l50 { padding-left: 50px !important; }
.p_l55 { padding-left: 55px !important; }

.p_r5  { padding-right: 5px !important; }
.p_r10 { padding-right: 10px !important; }
.p_r15 { padding-right: 15px !important; }
.p_r20 { padding-right: 20px !important; }
.p_r25 { padding-right: 25px !important; }
.p_r30 { padding-right: 30px !important; }
.p_r35 { padding-right: 35px !important; }
.p_r40 { padding-right: 40px !important; }
.p_r45 { padding-right: 45px !important; }
.p_r50 { padding-right: 50px !important; }
.p_r55 { padding-right: 55px !important; }
.textline_100{line-height: 100%;}
.textline_125{line-height: 125%;}

.textline_180{line-height: 180%;}

/*  text
/*-------------------------------------------------------*/
/*--*/

.marumozi-m{font-family: dnp-shuei-mgothic-std, sans-serif;
font-weight: 400;
font-style: normal;}
.marumozi-b{font-family: dnp-shuei-mgothic-std, sans-serif;
font-weight: 600;
font-style: normal;}
.mincho{font-family: ten-mincho-text, serif;
font-weight: 400;
font-style: normal;}
.futura{font-family: "futura-pt", Gadget, sans-serif;}
.txt-b{    font-weight: bold !important;}

h1{line-height: 130%;}

.txt-10{font-size: 10px;}
.txt-12{font-size: 12px;}
.txt-15{font-size: 15px;}
.txt-18{font-size: 18px;}
.txt-20{font-size: 20px;}
.txt-25{font-size: 25px;}
.txt-30{font-size: 30px;}
.txt-40{font-size: 40px; line-height: 130%;}
.txt-60{font-size: 60px;}
.txt-80{font-size: 80px;}
@media screen and (max-width: 480px){
.txt-15{font-size: 12px;}	
.txt-18{font-size: 16px;}	
.txt-20{font-size: 18px;}
.txt-25{font-size: 20px;}
.txt-30{font-size: 25px;}
.txt-40{font-size: 30px;}
.txt-60{font-size: 55px;}	
.txt-80{font-size: 60px;}
}
.font-white{
	color: #fff;
}
.font-blue{
	color: #0068B6;
}
.font-blown{
    color: #D3B780;
}
.font-blown2{
    color: #883E18;
}
.font-gray{
	color: #979797;
}
.font-black{
	color: #000;
}
.font-pink{
	color: #ed1e79;
}
.font-red{
    color: #FF0F00;
}
.font-orange{color: #f6921e;}
.hikaru{
	text-shadow: 2px 2px 10px #fff ,
-2px 2px 10px #fff ,
2px -2px 10px #fff ,
-2px -2px 10px #fff;
}
.kage{
	text-shadow: 2px 2px 10px #000 ,
-2px 2px 10px #000 ,
2px -2px 10px #000 ,
-2px -2px 10px #000;
}
.topbg{
	  width: 100%;
  /*height: 50vh; */
    background: url(../img/header-index.jpg) center top / cover no-repeat;
    position: relative;
}
.aboutbg{
    width: 100%;
    background-repeat: no-repeat;
    background-position: right bottom / cover no-repeat !important;
    background-image: url(../influencer/img/header.jpg);
    position: relative;
    background-color: #D3D3D3;
}

.tatesen {
    position: relative;
    display: inline-block;
    color: #FFFFFF;
	line-height:350%;
}

.tatesen ::before {
  content: '';
  position: absolute;
  top: -60px;
  left: 0;
  right: 0;
  width: 2px;
  height: 50px;
  margin: auto;
  background-color: #fff;
}

.grade-pastel {
  background-image: linear-gradient(150deg, rgba(234, 126, 157, 1), rgba(195, 203, 235, 1) 50%, rgba(99, 205, 233, 1));
}

/*  margin,padding
/*-------------------------------------------------------*/
/*--*/

.full {
  margin: 0 calc(50% - 50vw);
  width: 100vw;
  overflow: hidden;
}
.box-all{
	width: 100%;
	overflow: hidden;
}
.box-1100{
	width: 100%;
	max-width: 1195px;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
}
.box-900{
	width: 100%;
	max-width: 900px;
	/**/overflow: hidden;
	margin-right: auto;
	margin-left: auto;
}
.box-800{
	width: 100%;
	max-width: 800px;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
}
.box-700{
	width: 100%;
	max-width: 700px;
	/*overflow: hidden;*/
	margin-right: auto;
	margin-left: auto;
}
.box-500{
	width: 100%;
	max-width: 500px;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
}
.inner{
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
}
.inner2{
	width: 70%;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
}
.box-left{
	float: left;
}
.box-right{
	float: right;
}

.box-50{width: 47%;}
.box-70{width: 70%;}
.box-80{width: 78%;}
.box-90{width: 90%;}
.box-30{width: 27%;}
.box-33{width: 33%;}
.box-33-sp25{width: 33%;}
.box-25{width: 25%;}
.box-20{width: 20%;}
.box-33-pc{width: 33%;}
.box-20-sp50{width: 20%;}
.box-25-sp50{width: 25%;}
.box-50-sp50{width: 47%;}
@media screen and (max-width: 480px){
.box-50 , .box-70 , .box-20 , .box-90 , .box-30 , .box-33{width: 100%;}
.box-25 , .box-33-sp25 , .box-20-sp50 , .box-25-sp50{width: 50%;}
}
.triangle-button{
    background-color: #7AC843;
    border-radius: 35px;
    box-shadow: 0 4px 0 #2d9630;
    color: #fff;
    display: block;
    padding-top: 15px;
    padding-right: 3px;
    padding-left: 3px;
    padding-bottom: 15px;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: 100%;
    max-width: 800px;
    margin: 20px auto;
    line-height: 120%;
}
.triangle-button:hover{
    color: #fff;
    background-color: #A8E066;
}
.triangle-button::after{
    content: '';
    display: inline-block;
    border-style: solid;
    border-width: 8px 0 8px 8px;
    border-color: transparent transparent transparent #fff;
    display: inline-block;
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}
.triangle-white-button{
    background-color: #fff;
    border-radius: 35px;
    color: #000;
    display: block;
    padding-top: 15px;
    padding-right: 3px;
    padding-left: 3px;
    padding-bottom: 15px;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: 100%;
    max-width: 800px;
    margin: 20px auto;
    line-height: 120%;
}
.triangle-white-button:hover{

    background-color: #fffac7;
}
.triangle-white-button::after{
    content: '';
    display: inline-block;
    border-style: solid;
    border-width: 8px 0 8px 8px;
    border-color: transparent transparent transparent #000;
    display: inline-block;
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

.triangle-black-button{
    background-color: #000;
    border-radius: 35px;
    color: #fff;
    display: block;
    padding-top: 15px;
    padding-right: 3px;
    padding-left: 3px;
    padding-bottom: 15px;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: 100%;
    max-width: 800px;
    margin: 20px auto;
    line-height: 120%;
}
.triangle-black-button:hover{
color: #fff;
    background-color: #474747;
}
.triangle-black-button::after{
    content: '';
    display: inline-block;
    border-style: solid;
    border-width: 8px 0 8px 8px;
    border-color: transparent transparent transparent #fff;
    display: inline-block;
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}
.button-dl {
    position: relative;
    background-color: #8130B7;
    border-radius: 35px;
    color: #fff;
    line-height: 52px;
    -webkit-transition: none;
    transition: none;
    text-decoration: none;
    padding-right: 30px;
    padding-left: 30px;
    padding-top: 15px;
    padding-bottom: 15px;
    width: 100%;
    max-width: 800px;
    transition: 0.3s;
    font-weight: bold;
}
.button-dl:hover {
    background-color: #AC57E5;
    color: #fff;
    transition: 0.3s;
}


.button-menu {
    position: relative;
    border-radius: 30px;
    color: #bf9d5b;
    -webkit-transition: none;
    transition: none;
    text-decoration: none;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    display: block;
    width: 500px;
    max-width: 90%;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    font-weight: bold;
    transition: 0.3s;
    background-color: #FFFFFF;
    margin-top: 10px;
    margin-bottom: 10px;
}
.button-menu:hover {
    background-color: #bf9d5b;
	color: #fff;
    transition: 0.3s;
}
.button-waku  {
    position: relative;
    border-radius: 30px;
    color: #525252;
    -webkit-transition: none;
    transition: none;
    text-decoration: none;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    display: block;
    width: 500px;
    max-width: 90%;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    font-weight: bold;
    border: 1px solid #525252;
    transition: 0.3s;
    font-size: 18px;
}
.button-waku:hover {
    background-color: #3D3D3D;
    transition: 0.3s;
}

.button-aka{    width: 100%;
    font-size: 18px;
    transition: 0.3s;
    border: 1px solid #FFFFFF;
    background-color: #D90003;
    font-weight: bold;}
.button-aka a {
    position: relative;
    border-radius: 2px;
    color: #fff;
    line-height: 52px;
    -webkit-transition: none;
    transition: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    text-decoration: none;
    padding-right: 30px;
    padding-left: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
    display: table;
}
.button-aka :hover {
    background-color: #B00002;
    color: #fff;
    transition: 0.3s;
}
.button-aka :active {
  top: 3px;
  box-shadow: none;
}


.unber-midashi{
	font-weight: bold;
	margin-bottom: 20px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333;
}
.heading06 {
    position: relative;
    padding-top: 0px;
    padding-bottom: 50px;
    font-size: 26px;
    text-align: center;
    font-weight: bold;
}

.heading06 span {
	position: relative;
	z-index: 2;
}

.heading06::before {
    content: attr(data-en);
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    color: rgba(0,0,0,0.08);
    font-size: 80px;
    font-family: "futura-pt", Gadget, sans-serif;
}
@media (max-width: 500px) {.heading06::before {font-size: 15px;
	top: -25px;
	color: rgba(0,0,0,0.3);}}


.heading06::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%) rotate(90deg);
	width: 1px;
	height: 40px;
	background-color: rgba(224,66,114,1);
}

.title-2 {
    font-weight: 400;
    font-style: normal;
    position: relative;
    font-size: 18px !important;
    font-size: 1.2rem;
    text-align: center;
    color: #0068B6;
    margin-bottom: 50px;
	margin-top: 30px;
}

.title-2 span {
  font-size: 8px;
  font-size: 0.8rem;
  display: block;
}

.title-2:before {
  position: absolute;
  bottom: -10px;
  left: calc(50% - 50px);
  width: 100px;
  height: 2px;
  content: '';
  border-radius: 3px;
  background: #0068B6;
}

/*//////////////モーダルウインドウ/////////////*/
.modal-wrapper {
  z-index: 999;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 60px 10px;
  text-align: center
}

.modal-wrapper:not(:target) {
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s, visibility .3s;
}

.modal-wrapper:target {
  opacity: 1;
  visibility: visible;
  transition: opacity .4s, visibility .4s;
}

.modal-wrapper::after {
  display: inline-block;
  height: 100%;
  margin-left: -.05em;
  vertical-align: middle;
  content: ""
}

.modal-wrapper .modal-window {
    box-sizing: border-box;
    display: inline-block;
    z-index: 20;
    position: relative;
    width: 90%;
    max-width: 800px;
    padding-top: 25px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 25px;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 0 30px rgba(0, 0, 0, .6);
    vertical-align: middle;
    color: #646464;
    line-height: 170%;
}

.modal-wrapper .modal-window .modal-content {
  max-height: 80vh;
  overflow-y: auto;
}

.modal-overlay {
  z-index: 10;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, .8)
}

.modal-wrapper .modal-close {
  z-index: 20;
  position: absolute;
  top: 0;
  right: 0;
  width: 45px;
  color: #95979c !important;
  font-size: 40px;
  font-weight: 700;
  line-height: 45px;
  text-align: center;
  text-decoration: none;
  text-indent: 0
}

.modal-wrapper .modal-close:hover {
  color: #2b2e38 !important
}
/*/////////////モーダルウインドウここまで/////////////////////////*/

/*吹き出し*/

.balloon2-left {
    position: relative;
    display: inline-block;
    margin-right: 0;
    margin-left: 15px;
    margin-bottom: 1.5em;
    padding-top: 7px;
    padding-right: 20px;
    padding-left: 10px;
    padding-bottom: 7px;
    min-width: 100%;
    max-width: 100%;
    color: #555;
    font-size: 16px;
    background: #FFF;
    box-sizing: border-box;
}

.balloon2-left:before {
  content: "";
  position: absolute;
  top: 40%;
  left: -24px;
  margin-top: -12px;
  border: 12px solid transparent;
  border-right: 12px solid #FFF;
  z-index: 2;
}

.balloon2-left:after {
  content: "";
  position: absolute;
  top: 50%;
  left: -30px;
  margin-top: -14px;
  border: 14px solid transparent;

  z-index: 1;
}

.balloon2-left p {
  margin: 0;
  padding: 0;
}

/*吹き出しここまで*/
/* 画面外にいる状態 */
.fadein {
	opacity : 0.1;
	transform : translate(0, 50px);
	transition : all 500ms;
	}

/* 画面内に入った状態 */
.fadein.scrollin {
	opacity : 1;
	transform : translate(0, 0);
	}


.bg-video-wrap {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  background: url(./sapmle.png) no-repeat center center/cover;
}
video {
  min-width: 100%;
  min-height: 100vh;
  z-index: 1;
}
.overlay {
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  /*background-image: linear-gradient(45deg, rgba(225,225,225,.2) 50%, rgba(225,225,225,.5) 50%);*/
  background-size: 4px 4px;
  z-index: 2;
}
.bg-video-wrap h1 {
    text-align: center;
    color: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin-top: 100px;

    z-index: 3;
    width: 100%;
}
/*////////// パララックス ///////////*/
*,:after,:before{box-sizing:border-box}

.a--no-weight{font-weight:300}section{padding:0;margin:0;position:relative;width:100%;display:flex;align-items:center;flex-wrap:wrap}section
.content{color:#fff;border-radius:3px;padding:15px 20px;margin:0 auto;text-align:center}
.parallax--container{position:absolute;clip:rect(0,auto,auto,0);width:100%;height:100%;top:0;left:0;z-index:-10}
.parallax{position:fixed;width:100%;height:100%;top:0;left:0}
.parallax--bg{background-repeat:no-repeat;background-position:center;background-size:cover}
/*.container--huge{height:175vh}
.container--big{height:100vh}
.container--small{height:40vh}
.container--random{height:452px}*/
.bg1{background-image:url(../img/bg-02.jpg)}
#bg3{
    background-image: url(../img/bg-01.jpg)
}

/*////////// パララックスここまで ///////////*/

.shoku{
    background-image: url(../img/zigyou-syoku.png);
    background-repeat: no-repeat;
    background-position: left top;
}
.hito{background-image: url(../img/zigyou-hito.png);
    background-repeat: no-repeat;
    background-position: left top;}
.gyoukan tr td{

    padding-bottom: 20px;
}
.namebox{
    top: 30px;
    position: relative;
}
.shitasen{
    border-bottom: 1px solid #FFFFFF;
}
.shitasen2{
    border-bottom: 1px solid #ff8c00;
}
.naname-1 {
 -webkit-clip-path: polygon(0 0, 100% 65%, 100% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 65%, 100% 100%, 0 100%);
  background-color:#bf9d5b;
  padding: 60px 0 10px 0;
}
.naname-2 {
 -webkit-clip-path: polygon(0 0, 100% 65%, 100% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 65%, 100% 100%, 0 100%);
  background-color:#fff;
  padding: 60px 0 10px 0;
}
footer{
    margin-top: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
    background-image: url(../img/header-index.jpg);
    color: #000;
}@media (max-width: 500px) {
footer{
    margin-top: 100px;
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
    background-image: url(../img/footer-index.jpg);
    color: #000;
}}
.section1{background-color:#c09e5b;-webkit-transform: skew(0deg, -3deg);}
.section1 .container{
    -webkit-transform: skew(0deg, 3deg);
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

table {
  margin: 20px auto;
width: 100%;
}
.tbl-r02 th {
    background-color: #313131;

    color: #fff;
    padding: 10px;
}
.tbl-r02 td {
　border: solid 1px #ccc;
  padding: 10px;
}
 
@media screen and (max-width: 640px) {
  .last td:last-child {
    border-bottom: solid 1px #ccc;
    width: 100%;
  }
  .tbl-r02 {
    width: 100%;
  }
  .tbl-r02 th,
  .tbl-r02 td {
　　border-bottom: none;
    display: block;
    width: 100%;
  }
}
 
/*========= モーダル表示のためのCSS ===============*/

/*全て共通：hideエリアをはじめは非表示*/
.hide-area{
  display: none;
}

/*全て共通：モーダルのボタンの色を変更したい場合*/
.modaal-close:after, 
.modaal-close:before{
  background:#ccc;  
}

.modaal-close:focus:after,
.modaal-close:focus:before,
.modaal-close:hover:after,
.modaal-close:hover:before{
  background:#666;
}

/*確認を促すモーダル：タイトルの色を変更したい場合*/
#modaal-title{
  font-size:1.2rem;
  text-align: center;
  margin: 0 0 20px 0;
}

/*動画表示のモーダル：余白を変更したい場合*/
.modaal-video .modaal-inner-wrapper{
  padding:0;
}

/*パンくず*/
.breadcrumb {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 12px;
}

.breadcrumb li {
  display: inline;/*横に並ぶように*/
  list-style: none;
  font-weight: bold;/*太字*/
}

.breadcrumb li:after {/* ▶を表示*/
  font-family: FontAwesome;
  content: '\f0da';
  padding: 0 0.2em;
  color: silver;
}

.breadcrumb li:last-child:after {
  content: '';
}

.breadcrumb li a {
    text-decoration: none;
    color: #CFCFCF;
}

.breadcrumb li:first-child a:before {
  /*家アイコン*/
  font-family: FontAwesome;
  content: '\f015';
  font-weight: normal;
  font-size: 0.8em;
  color: #CFCFCF;
padding: 0em 0em 0em 2em;
}

.breadcrumb li a:hover {
  text-decoration: underline;
}


/*834px以下*/
@media screen and (max-width: 834px){
	
	.box-50 , .box-70 , .box-30 , .box-33{width: 100%;}
.box-25{width: 50%;}
	.waku-box-blown{
    margin-left: 0px;
}
		.bg-ao-suke{
	top: 10px;
    position: relative;
}
.topbg-sizuku1{
    width: 100%;
    background-image: url(../img/suiteki-sp.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
}
	.topbg2{
	width: 100%;
    background: url(../img/bg-index2-sp.jpg) ;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
}
	.balloon2-left {
    position: relative;
    display: inline-block;
    margin-right: 0;
    margin-left: 0px;
    margin-bottom: 1.5em;
    padding: 7px 10px;
    min-width: 100%;
    max-width: 100%;
    color: #555;
    font-size: 16px;
    background: #FFF;
    box-sizing: border-box;
}

.balloon2-left:before {
  display: none;
}

.balloon2-left:after {
  content: "";
  position: absolute;
  top: 50%;
  left: -30px;
  margin-top: -14px;
  border: 14px solid transparent;

  z-index: 1;
}

.balloon2-left p {
  margin: 0;
  padding: 0;
}

}

.button01 a {
    color: #FFFFFF;
    background-color: #B31719;
    transition: 0.3s;
    text-align: center;
}

.button01 a:hover {
    text-decoration: none;
    background-color: #D12527;
}
.button02 a {
    color: #A0A0A0;
    background-color: #fff;
    transition: 0.3s;
    text-align: center;
}

.button02 a:hover {
    text-decoration: none;
    background-color: #EBEBEB;
}


/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
h1{
	font-size: 18px;}

.align_l_pc { text-align: center; }
.align_c_pc { text-align: left; }

.pc-view{display: none;}
.sp-view{display: block;}



	.bg-video-wrap h1 {
    margin-top: 200px;
}
	.sp-textline150{line-height: 180%;}
.img-max80 {
	max-width: 80%;
	height: auto;
}
}
.slant-bg {
    width: 100%;
    margin: 0;
    padding: 0px 0 100px;
    position: relative;
    top: 0px;
    overflow: hidden;
}

.slant-bg p {
    width: 65%;
    margin: 0 auto;
}
@media (max-width: 500px) {.slant-bg p {
    width: 100%;
    margin: 0 auto;
}}
.slant-bg::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #f2f2f2;
    transform: skewY(-7deg) translateY(90px);
    z-index: -1;
}
/*塗りから線に変わる*/
.btnchangeline {
    /*線の基点とするためrelativeを指定*/
    position: relative;
    /*ボタンの形状*/  
    color: #333;
    padding: 10px 30px;
    display: inline-block;
    text-decoration: none;
    outline: none;
    /*アニメーションの指定*/   
    transition: all 0.3s ease-in-out;
    font-weight: bold;

}
.btnchangeline a:hover{
    text-decoration: none;
}
/*線の設定*/
.btnchangeline::before {
    content: '';
    /*絶対配置で線の位置を決める*/
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    /*線の形状*/
    width: 100%;
    height: 100%;
    border-top: 1px solid #666;
    border-bottom: 1px solid #666;
    /*はじめは透過0に*/
    opacity: 0;
    transform: scale(0, 1);
    /*アニメーションの指定*/   
    transition: all 0.3s;
}

/*背景の設定*/
.btnchangeline::after {
    content: '';
    /*絶対配置で背景の位置を決める*/
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    /*背景の形状*/
    width: 100%;
    height: 100%;
    background-color: #333;
    /*アニメーションの指定*/ 
    transition: all 0.3s;
    border-radius: 5px;
}

/*hoverした際の背景と線の形状*/
.btnchangeline:hover::before {
    opacity: 1;/*不透明に*/ 
    transform: scale(1, 1);/*X方向に線を伸ばす*/
}

.btnchangeline:hover::after {
    opacity: 0;/*透過0に*/
    transform: scale(0, 1);/*X方向に背景を縮小*/
}

/*テキストの設定*/
.btnchangeline span {
    /*テキストを前面に出すためz-indexの値を高く設定*/  
	position: relative;
	z-index: 2;
    /*テキストの形状*/
	color: #fff;
    /*アニメーションの指定*/   
    transition: all 0.3s;
	text-decoration: none !important;
}

/*hoverした際のテキストの形状*/
.btnchangeline:hover span {
    letter-spacing: 2px;
	color: #333;
	text-decoration: none !important;
}
/*スクロールダウン全体の場所*/
.scrolldown4{
    /*描画位置※位置は適宜調整してください*/
	position:absolute;
	bottom:1%;
	right:50%;
    /*矢印の動き1秒かけて永遠にループ*/
	animation: arrowmove 1s ease-in-out infinite;
}

/*下からの距離が変化して全体が下→上→下に動く*/
@keyframes arrowmove{
      0%{bottom:1%;}
      50%{bottom:3%;}
     100%{bottom:1%;}
 }

/*Scrollテキストの描写*/
.scrolldown4 span{
    /*描画位置*/
	position: absolute;
	left:-25px;
	bottom:10px;
    /*テキストの形状*/
	color: #000;
	font-size: 0.7rem;
	letter-spacing: 0.05em;
	/*縦書き設定*/
	-ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
}

/* 矢印の描写 */
.scrolldown4:before {
    content: "";
    /*描画位置*/
    position: absolute;
    bottom: 0;
    right: -6px;
    /*矢印の形状*/
    width: 1px;
    height: 20px;
    background: #000;
    transform: skewX(-31deg);
}

.scrolldown4:after{
	content:"";
    /*描画位置*/
	position: absolute;
	bottom:0;
	right:0;
    /*矢印の形状*/
	width:1px;
	height: 50px;
	background:#000;
}
.coll {
  text-align: center;
}

.coll > span {
  font-size: 1.5rem;
  font-weight: bold;
  letter-spacing: 0.4rem;
  position: relative;
}

.coll > span:before {
  content: "・・・・・";
  position: absolute;
  top: -0.5rem;
  left: -3.8rem;
  font-size: 1.5rem;
  letter-spacing: -1rem;
  transform: rotate(55deg);
  color: #ed1e79;
}

.coll > span:after {
  content: "・・・・・";
  position: absolute;
  top: 0.3rem;
  right: -2.6rem;
  font-size: 1.5rem;
  letter-spacing: -1rem;
  transform: rotate(-55deg);
  color: #ed1e79;
}
/*テーブルデザイン*/
#table-design{

}

#table-design table{
width: 100%;
border-collapse: collapse;

}
#table-design table tr th,
#table-design table tr td{
    padding: 0.5em;
    text-align: left;
    border-bottom: 1px dotted #E9E9E9;
}
#table-design table tr th{
    width: 35%;
    text-align: center;
}


@media screen and (max-width:768px){
#table-design{
width: 100%;
}

#table-design table,
#table-design table tbody,
#table-design table tr,
#table-design table tr th,
#table-design table tr td{
display: block;
}

#table-design table{
width: 100%;
border-width: 0 0 1px 0;
}

#table-design table tr th,
#table-design table tr td{
    width: 100%;
    padding: 1% 5%;
    
}
	#table-design table tr th{
    background-color: #E9E9E9;
    margin-top: 10px;
}

#table-design table tr td{
border-width: 0px 1px 0px 1px;
	text-align: center;
}
}
/*テーブルデザイン　ここまで*/
.youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}

/*マーカーアニメーション*/
 
.marker-animation.active{
    background-position: -100% .6em;
}
 
.marker-animation {
    background-image: -webkit-linear-gradient(left, transparent 50%, rgb(255,250,153) 50%);
    background-image: -moz-linear-gradient(left, transparent 50%, rgb(255,250,153) 50%);
    background-image: -ms-linear-gradient(left, transparent 50%, rgb(255,250,153) 50%);
    background-image: -o-linear-gradient(left, transparent 50%, rgb(255,250,153) 50%);
    background-image: linear-gradient(left, transparent 50%, rgb(255,250,153) 50%);
    background-repeat: repeat-x;
    background-size: 200% .5em;
    background-position: 0 .5em;
    transition: all 2s ease;
    font-weight: bold;
}
.header-btn a{
    background-color: #7AC843;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
    color: #FFFFFF;
    border-radius: 5px;
    margin-left: 10px;
    position: relative;
    top: -10px;
	transition: all 0.5s ease;
}
.header-btn a:hover{
    color: #FFFFFF;
    background-color: #4F971C;
    transition: all 0.5s ease;
}
@media (max-width: 500px) {
	
.header-btn a{
    background-color: #7AC843;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 5px;
    padding-right: 5px;
    color: #FFFFFF;
    border-radius: 0px;
    margin-left: 0px;
    position: relative;
    top: 0px;
	transition: all 0.5s ease;
}	
}
.header-btn2 a{
    background-color: #e93820;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
    color: #FFFFFF;
    border-radius: 5px;
    margin-left: 10px;
    position: relative;
    top: -10px;
	transition: all 0.5s ease;
}
.header-btn2 a:hover{
    color: #FFFFFF;
    background-color: #C5250F;
    transition: all 0.5s ease;
}
@media (max-width: 500px) {
	
.header-btn2 a{
    background-color: #e93820;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 5px;
    padding-right: 5px;
    color: #FFFFFF;
    border-radius: 0px;
    margin-left: 0px;
    position: relative;
    top: 0px;
	transition: all 0.5s ease;
}	
}

.btn-simple a{
    background-color: #686868;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    color: #FFFFFF;
    position: relative;
	transition: all 0.5s ease;
}
.btn-simple a:hover{
    color: #FFFFFF;
    background-color: #C4C4C4;
	transition: all 0.5s ease;
}

/*==================================================
スライダーのためのcss
===================================*/
.slider img {
    width:100%;/*スライダー内の画像を横幅100%に*/
    height:auto;
}

/*slickのJSで書かれるタグ内、スライド左右の余白調整*/

.slider .slick-slide {
    margin:0 10px;/*スライド左右の余白調整*/
}
@media (max-width: 500px) {}
.img-gallery ul {padding-inline-start: 0px;}

.frame-box-001 {
	padding: 30px;
	position: relative;
}

.frame-box-001::before, .frame-box-001::after {
	content: '';
	width: 30px;
	height: 30px;
	position: absolute;
}

.frame-box-001::before {
	border-left: solid 2px #000000;
	border-top: solid 2px #000000;
	top: 0;
	left: 0;
}

.frame-box-001::after {
	border-right: solid 2px #000000;
	border-bottom: solid 2px #000000;
	bottom: 0;
	right: 0;
}
hr {
    height: 8px;
    background-image: repeating-linear-gradient(45deg, #ccc 0, #ccc 1px, transparent 0, transparent 50%);
    background-size: 8px 8px;
    border-top-style: none;
	border-left-style: none;
}
.hr-orange {
    height: 8px;
    background-image: repeating-linear-gradient(45deg, #f6921e 0, #f6921e 2px, transparent 0, transparent 50%);
    background-size: 8px 8px;
    border-top-style: none;
	border-left-style: none;
}
#slider {
    width: 100%;
   /* height: 80vh !important; スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
}

h1
 {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline;
}
.box-event {
    position: relative;
    width: 100%;
    height: 750px;
}

.box-event-red, .box-event-blue{
  
}

.box-event-red {
	position: absolute;
  left: 0px;
	width: 45%;
top: 60px;
	z-index: 1;
}

.box-event-blue {
	position: absolute;
  right: 0px;
	width: 70%;
	z-index: 0;
}
@media screen and (max-width:950px){
	.box-event-red {
    position: static;
    left: 0px;
    width: 100%;
    top: 0px;
}

.box-event-blue {
	position: static;
  right: 0px;
	width: 100%;
}
}

.box-tanuki {
    position: relative;
    width: 100%;
    height: 500px;
}

.box-tanuki-red {
	position: absolute;
  left: 0px;
	width: 45%;
top: 60px;
	z-index: 1;
}

.box-tanuki-blue {
    position: absolute;
    right: 0px;
    width: 60%;
    z-index: 0;
    background-image: url(../influencer/img/tanuki-bg.jpg);
    background-repeat: repeat;
}
@media screen and (max-width:950px){
	.box-tanuki-red {
    position: relative;
    left: 0px;
    width: 100%;
    top: 60px;
    z-index: 1;
}

.box-tanuki-blue {
	position: static;
  right: 0px;
	width: 100%;
}
	.box-tanuki {
    position: relative;
    width: 100%;
    height: auto;
}
}

.balloon1-top {
    position: relative;
    display: inline-block;
    margin: 1.5em 0;
    padding: 15px 10px;
    min-width: 120px;
    max-width: 100%;
    color: #555;
    font-size: 16px;
    background-color: #F7F7F7;
}

.balloon1-top:before {
  content: "";
  position: absolute;
  top: -30px;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-bottom: 15px solid #F7F7F7;
}

.balloon1-top p {
  margin: 0;
  padding: 0;
}

/* topics */

/*
#topics{
    border-left:3px solid #000;
    padding: 0 0 0 20px;
}*/

@media screen and (max-width:768px) {
    #topics{
        margin:0 0 0px 0;
}
}

#topics h2{
    font-size: 1.2rem;
    margin-top: 100px;
    margin-bottom: 0px;
}

#topics h2 span.bgLRextend::before{
    background:#333;
}
@media screen and (max-width:768px) {
#topics .hidariyose{
    float: left;
}
}

#topics .hiduke{width: 110px}
.msr_newslist01 {
  border-top: 1px solid #AAAAAA;
  width: 100%;
}

.msr_newslist01 li {
  border-bottom: 1px solid #AAAAAA;
  font-size: 14px;
	list-style: none;
}
.msr_newslist01 li a {
  box-sizing: border-box;
  color: #000000;
  display: table;
  padding: 10px;
  text-decoration: none;
  transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -webkit-transition: 0.2s ease-in-out;
  width: 100%;
}
.msr_newslist01 li a:hover {
  background: #EEEEEE;
  text-decoration: none;
}
.msr_newslist01 li div {
  display: table-cell;
  width: auto;
}
.msr_newslist01 li p {
    display: table-cell;
    padding-left: 20px;
	padding-right: 20px;
    vertical-align: middle;
    line-height: 180%;
    font-size: 14px;

}

/* 時間の設定 */
.msr_newslist01 li time {
  display: table-cell;
  vertical-align: top;

}

/* カテゴリの設定 */
.msr_newslist01 li .cat01,
.msr_newslist01 li .cat02 {
    background-color: #ed1e79;
    border-radius: 10px;
    color: #FFFFFF;
    font-size: 9px;
    padding-top: 0px;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 0;
    text-align: center;
    line-height: 180%;
    position: relative;
    top: 3px;
}
.msr_newslist01 li .cat02 {
  background-color: #ed1e79;
}
@media screen and (max-width:768px) {
.msr_newslist01 li div {
  display: table-cell;
  width: auto;
}
.msr_newslist01 li p {
    font-size: 12px;
    display: table-cell;
    padding-left: 0px;
	padding-right: 5px;
    vertical-align: middle;
    line-height: 180%;

}
	.msr_newslist01 li .cat01,
.msr_newslist01 li .cat02 {
    top: -1px;
}
	#topics .hiduke{width: 70px}
}

/* ボタン本体のスタイル */
.heart-button {
  /* ボタン要素の大きさや色 */
  position: relative;
  display: inline-block;
  background-color: #ed1e79;
  padding: 0.8em 2.4em;
  border-radius: 5px;
  border: 2px solid transparent;

  /* ボタンの文字の設定 */
  font-family: 'Quicksand', sans-serif;
  font-weight: bold;

  color: #fff;
  letter-spacing: 0.1em;

  /* その他必要なスタイル */
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
}

/* ハートの共通スタイル */
.heart-button::before,
.heart-button::after {
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  position: absolute;
  opacity: 0;
}

/* 左上のハートのスタイル */
.heart-button::before {
  background-image: url('heart.svg');
  top: 0;
  left: -12px;
}

/* 右下のハートのスタイル */
.heart-button::after {
  background-image: url('heart-reverse.svg');
  bottom: -6px;
  right: -14px;
}

/* ========= ホバー時のスタイル ======== */

/* ボタンホバー時のスタイル */
.heart-button:hover {
  background-color: #fff;
  border-color: #ed1e79;
  color: #ed1e79;
}

/* ボタンホバー時の左上のハートのスタイル */
.heart-button:hover::before {
  animation: heart 1.5s infinite ease-out;
}

/* ボタンホバー時の右下のハートのスタイル */
.heart-button:hover::after {
  animation: heart 1.5s 0.2s infinite ease-out;
}

/* ========= アニメーションの設定 ======== */
@keyframes heart {
  0% {
    transform: translateY(0) scale(1);
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    transform: translateY(-20px) scale(1.4);
    opacity: 0;
  }
}



.sankaku-title {
    width: 100%;
    position: relative;
    color: #000;
    text-align: center;

    border-bottom: 1px solid #000000;
}
.sankaku-title::after {
width: 0;
height: 0;
position: absolute;
top: 100%;
left: 50%;
margin: 0 0 0 -30px;
border: 20px solid transparent;
border-top-color: #000;
content: '';
}

@media screen and (max-width:768px) {.top-line-black{
    border-top: 1px solid #939393;
}}

.marker-yellow {
background: linear-gradient(transparent 60%, #ffff00 0%);
}

/*== ヘッダー追従のためのCSS */
#header{
position: fixed;/*追従ナビのためpositionをfixedにする*/
top:0;/*ポジション設定topを0*/
height: 70px;/*headerの高さを指定*/
width:100%;/*position:fixed;にしたため、横幅100%を設定*/
background:#333;
color:#fff;
text-align: center;
padding: 20px;
}


.list_check {
    padding: 5px;
    margin: 0px;
    list-style: none;
}

.list_check > li {
    position: relative;
    padding: 10px 0px 10px 2em;
    margin: 0px;
    
    background-color: #f6921e;
    color: #fff;
    font-weight: bold;
}
.list_check > li::before,
.list_check > li::after {
    position: absolute;
    top: 50%;
    height: 1em;
    content: "";
}
.list_check > li::before {
    left: 13px;
    transform: translateY(-50%);
    width: 1em;
    border: 3px solid #fff;
}
.list_check > li::after {
    left: 0.9em;
    transform: translateY(-75%) rotate(45deg);
    width: 0.5em;
    border-bottom: 5px solid #fff;
    border-right: 5px solid #fff;
}

.list_check > li + li {
    margin: 1em 0px 0px;
}
.tanukimaru-zurasi{
    top: -70px;
    position: relative;
}

.bg-haisankaku{
    background-image: linear-gradient(0deg, rgba(255, 255, 255, 1) 10%, rgba(242, 242, 242, 1) 90%);
    padding-top: 100px;
    background-position: center top;
    background-size: 100%;
    background-repeat: no-repeat;
}
.haiyazirusi-zurasi{
    position: relative;
    width: 50%;
    bottom: 80px;
    right: 10px;
}

.bg-orasankaku{
    background-color: #fafadc;
    background-image: url(../img/sankaku-orange.png);
    padding-top: 0px;
    background-position: center top;
    background-size: 100%;
    background-repeat: no-repeat;
}
.orayazirusi-zurasi{
    top: 0px;
    position: relative;
    width: 50%;
    right: -5px;
}
@media screen and (max-width:768px) {
	.bg-orasankaku{
    padding-top: 50px;
    background-position: center top;
    background-size: 100% 30% ;
    background-repeat: no-repeat;
}
.orayazirusi-zurasi{
    top: -50px;
    position: relative;
	width: 300px;
}	
}

.cp_qa *, .cp_qa *:after, .cp_qa *:before {
	font-family: 'FontAwesome', sans-serif;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_qa .cp_actab {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0 0 1em 0;
	color: #ffffff;
}
.cp_qa .cp_actab input {
	position: absolute;
	opacity: 0;
}
/* 質問 */
.cp_qa .cp_actab label {
	line-height: 1.6em;
	position: relative;
	display: block;
	margin: 0 0.5em 0.5em 2em;
	padding: 1em 0 2em 0;
	cursor: pointer;
	border-radius: 0.3em;
	background: #f6921e;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3);
}
.cp_qa .cp_actab label span {
    display: block;
    padding: 0 2em 1em 2em;
    border-bottom: 1px solid #ffffff;
    font-weight: bold;
}
/* --?アイコン */
.cp_qa .cp_actab label::before {
	font-size: 2em;
	position: absolute;
	z-index: 99;
	top: 0.5em;
	left: -1em;
	padding: 0 0 0 0.45em;
	content: '\f128';
	border: 3px solid #ffffff;
	border-radius: 50%;
	background: #f6921e;
	display: inline-block;
	width: 1.8em;
	height: 1.8em;
	line-height: 1.8em;
}
/* --▼アイコン */
.cp_qa .cp_actab label::after {
	font-size: 1em;
	font-weight: normal;
	line-height: 1em;
	position: absolute;
	right: 0;
	bottom: 1em;
	content: '▼';
	display: inline-block;
	width: 100%;
	height: 1em;
	padding: 0.5em;
	text-align: right;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
/* 答え */
.cp_qa .cp_actab .cp_actab-content {
	position: relative;
	overflow: hidden;
	max-height: 0;
	margin: 0 0 0.5em 0;
	padding: 0 0 0 5em;
	-webkit-transition: max-height 0.5s ease;
	        transition: max-height 0.5s ease;
	color: #ffffff;
}
/* --!アイコン */
.cp_qa .cp_actab .cp_actab-content::before {
	font-size: 1.5em;
	position: absolute;
	z-index: 99;
	top: calc(50% - 0.9em);
	left: 2.5em;
	padding: 0 0.6em;
	content: '\f12a';
	color: #ffffff;
	border: 3px solid #ffffff;
	border-radius: 50%;
	background: #f6921e;
	width: 1.8em;
	height: 1.8em;
	line-height: 1.8em;
}
.cp_qa .cp_actab .cp_actab-content p {
	margin: 0.5em 0.5em 0.5em 0;
	padding: 1em 1em 1em 3em;
	border-radius: 0.3em;
	background: #F9EDCF;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3);
	color: #000;
}
/* 質問を開いた時の仕様 */
/* --答えの高さ */
.cp_qa .cp_actab input:checked ~ .cp_actab-content {
	max-height: 120em;
}
/* 質問をクリックした時の▼アイコンの動き */
.cp_qa .cp_actab input[type=checkbox]:checked + label::after {
	bottom: 0em;
	-webkit-transform: rotateX(180deg);
	transform: rotateX(180deg);
}
ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.about-list{
    width:100%;
    margin: 0 auto;
}

.about-list li{
    border-bottom: 1px solid #ccc;
    margin:0;
    padding: 0;
}

.about-list dl{
     display: flex;
    justify-content: space-between;
}

.about-list dt{
    width:30vw;
    padding: 0 0 0 2vw;
    white-space: nowrap;
}

.about-list dd{
    width: 68vw;
    text-align: left;
}


@media screen and (max-width:768px) {
.about-list{
    width:70vw;
    }
}


.title-hukidashi {
    position: relative;
    padding: 0.6em;
    background: #747474;
    color: #FFFFFF;
    font-weight: bold;
}

.title-hukidashi:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 30px;
  border: 15px solid transparent;
  border-top: 15px solid #747474;
  width: 0;
  height: 0;
}


.faq {
  margin-bottom: 32px; /* 各Q&Aの下に余白 */
}
dd {
    display: block;
    margin-inline-start: 0px;
}
.faq__dt, .faq__dd {
  position: relative;
  padding-left: 24px;
}

.faq__dt::before, .faq__dd::before {
  font-weight: bold;
  position: absolute;
  left: 0;
  top: 0;
}

.faq__dt {
  font-weight: bold; /* 質問文は太字にしてみました */
  border-bottom: 1px solid #999;
  margin-bottom: 4px; /* 下にちょい余白 */
}

.faq__dt::before {
  content: 'Q.';
  color: #c80021; /* 「Q」の文字色 */
}

.faq__dd::before {
  content: 'A.';
  color: #0085C8; /* 「A」の文字色 */
}