@charset "UTF-8";
/* for IE10 & 11 */
@-webkit-keyframes h_anm01 { 0% { top: 0; }
  50% { top: -8px; }
  100% { top: 0; } }
@keyframes h_anm01 { 0% { top: 0; }
  50% { top: -8px; }
  100% { top: 0; } }

/* for IE10 & 11 */
@keyframes h_anm01 { 0% { top: 0; }
  50% { top: -8px; }
  100% { top: 0; } }

/*
// text main color
$black : #333;

//border main color
$border : #bdbdbd;

//theme color

$kojin : #eb7400;
$hojin : #0764cc;


//color palet

$red : #e60020;
$blue : #0764cc;
$green: #3dcf61;
$gray : #eff1f2;
$orange : #eb7400;

//font
$en : 'Roboto', sans-serif;
*/
/* 02　汎用的なサポートクラス */
.s-br_pcnone { display: none; }

@media screen and (max-width: 747px) { .s-br_pcnone { display: block; line-height: 0; } }

.s-br_tabon { display: none; }

@media screen and (max-width: 747px) { .s-br_tabon { display: block; line-height: 0; } }

@media screen and (min-width: 747px) and (max-width: 959px) { .s-br_tabon { display: block; line-height: 0; } }

.s-br_tabnone { display: block; }

@media screen and (max-width: 747px) { .s-br_tabnone { display: none; line-height: 0; } }

@media screen and (min-width: 747px) and (max-width: 959px) { .s-br_tabnone { display: none; line-height: 0; } }

.s-br_spnone { display: block; line-height: 0; }

@media screen and (max-width: 747px) { .s-br_spnone { display: none; } }

.s-sp_inline { display: inline-block; }

@media screen and (max-width: 747px) { .s-sp_inline { display: none; } }

.s-bg_color_thinred { background: #ffe6e6 !important; }

.s-mt0 { margin-top: 0px !important; }

@media screen and (max-width: 747px) { .s-mt0 { margin-top: 0px !important; } }

.s-mr0 { margin-right: 0px !important; }

@media screen and (max-width: 747px) { .s-mr0 { margin-right: 0px !important; } }

.s-mb0 { margin-bottom: 0px !important; }

@media screen and (max-width: 747px) { .s-mb0 { margin-bottom: 0px !important; } }

.s-ml0 { margin-left: 0px !important; }

@media screen and (max-width: 747px) { .s-ml0 { margin-left: 0px !important; } }

.s-pt0 { padding-top: 0px !important; }

@media screen and (max-width: 747px) { .s-pt0 { padding-top: 0px !important; } }

.s-pr0 { padding-right: 0px !important; }

@media screen and (max-width: 747px) { .s-pr0 { padding-right: 0px !important; } }

.s-pb0 { padding-bottom: 0px !important; }

@media screen and (max-width: 747px) { .s-pb0 { padding-bottom: 0px !important; } }

.s-pl0 { padding-left: 0px !important; }

@media screen and (max-width: 747px) { .s-pl0 { padding-left: 0px !important; } }

.s-p0 { padding: 0px !important; }

@media screen and (max-width: 747px) { .s-p0 { padding: 0px !important; } }

.s-mt4 { margin-top: 4px !important; }

@media screen and (max-width: 747px) { .s-mt4 { margin-top: 2px !important; } }

.s-mr4 { margin-right: 4px !important; }

@media screen and (max-width: 747px) { .s-mr4 { margin-right: 3px !important; } }

.s-mb4 { margin-bottom: 4px !important; }

@media screen and (max-width: 747px) { .s-mb4 { margin-bottom: 3px !important; } }

.s-ml4 { margin-left: 4px !important; }

@media screen and (max-width: 747px) { .s-ml4 { margin-left: 2px !important; } }

.s-pt4 { padding-top: 4px !important; }

@media screen and (max-width: 747px) { .s-pt4 { padding-top: 2px !important; } }

.s-pr4 { padding-right: 4px !important; }

@media screen and (max-width: 747px) { .s-pr4 { padding-right: 2px !important; } }

.s-pb4 { padding-bottom: 4px !important; }

@media screen and (max-width: 747px) { .s-pb4 { padding-bottom: 2px !important; } }

.s-pl4 { padding-left: 4px !important; }

@media screen and (max-width: 747px) { .s-pl4 { padding-left: 2px !important; } }

.s-p4 { padding: 4px !important; }

@media screen and (max-width: 747px) { .s-p4 { padding: 2px !important; } }

.s-mt8 { margin-top: 8px !important; }

@media screen and (max-width: 747px) { .s-mt8 { margin-top: 4px !important; } }

.s-mr8 { margin-right: 8px !important; }

@media screen and (max-width: 747px) { .s-mr8 { margin-right: 6px !important; } }

.s-mb8 { margin-bottom: 8px !important; }

@media screen and (max-width: 747px) { .s-mb8 { margin-bottom: 6px !important; } }

.s-ml8 { margin-left: 8px !important; }

@media screen and (max-width: 747px) { .s-ml8 { margin-left: 4px !important; } }

.s-pt8 { padding-top: 8px !important; }

@media screen and (max-width: 747px) { .s-pt8 { padding-top: 4px !important; } }

.s-pr8 { padding-right: 8px !important; }

@media screen and (max-width: 747px) { .s-pr8 { padding-right: 4px !important; } }

.s-pb8 { padding-bottom: 8px !important; }

@media screen and (max-width: 747px) { .s-pb8 { padding-bottom: 4px !important; } }

.s-pl8 { padding-left: 8px !important; }

@media screen and (max-width: 747px) { .s-pl8 { padding-left: 4px !important; } }

.s-p8 { padding: 8px !important; }

@media screen and (max-width: 747px) { .s-p8 { padding: 4px !important; } }

.s-mt12 { margin-top: 12px !important; }

@media screen and (max-width: 747px) { .s-mt12 { margin-top: 6px !important; } }

.s-mr12 { margin-right: 12px !important; }

@media screen and (max-width: 747px) { .s-mr12 { margin-right: 9px !important; } }

.s-mb12 { margin-bottom: 12px !important; }

@media screen and (max-width: 747px) { .s-mb12 { margin-bottom: 9px !important; } }

.s-ml12 { margin-left: 12px !important; }

@media screen and (max-width: 747px) { .s-ml12 { margin-left: 6px !important; } }

.s-pt12 { padding-top: 12px !important; }

@media screen and (max-width: 747px) { .s-pt12 { padding-top: 6px !important; } }

.s-pr12 { padding-right: 12px !important; }

@media screen and (max-width: 747px) { .s-pr12 { padding-right: 6px !important; } }

.s-pb12 { padding-bottom: 12px !important; }

@media screen and (max-width: 747px) { .s-pb12 { padding-bottom: 6px !important; } }

.s-pl12 { padding-left: 12px !important; }

@media screen and (max-width: 747px) { .s-pl12 { padding-left: 6px !important; } }

.s-p12 { padding: 12px !important; }

@media screen and (max-width: 747px) { .s-p12 { padding: 6px !important; } }

.s-mt16 { margin-top: 16px !important; }

@media screen and (max-width: 747px) { .s-mt16 { margin-top: 8px !important; } }

.s-mr16 { margin-right: 16px !important; }

@media screen and (max-width: 747px) { .s-mr16 { margin-right: 12px !important; } }

.s-mb16 { margin-bottom: 16px !important; }

@media screen and (max-width: 747px) { .s-mb16 { margin-bottom: 12px !important; } }

.s-ml16 { margin-left: 16px !important; }

@media screen and (max-width: 747px) { .s-ml16 { margin-left: 8px !important; } }

.s-pt16 { padding-top: 16px !important; }

@media screen and (max-width: 747px) { .s-pt16 { padding-top: 8px !important; } }

.s-pr16 { padding-right: 16px !important; }

@media screen and (max-width: 747px) { .s-pr16 { padding-right: 8px !important; } }

.s-pb16 { padding-bottom: 16px !important; }

@media screen and (max-width: 747px) { .s-pb16 { padding-bottom: 8px !important; } }

.s-pl16 { padding-left: 16px !important; }

@media screen and (max-width: 747px) { .s-pl16 { padding-left: 8px !important; } }

.s-p16 { padding: 16px !important; }

@media screen and (max-width: 747px) { .s-p16 { padding: 8px !important; } }

.s-mt20 { margin-top: 20px !important; }

@media screen and (max-width: 747px) { .s-mt20 { margin-top: 10px !important; } }

.s-mr20 { margin-right: 20px !important; }

@media screen and (max-width: 747px) { .s-mr20 { margin-right: 15px !important; } }

.s-mb20 { margin-bottom: 20px !important; }

@media screen and (max-width: 747px) { .s-mb20 { margin-bottom: 15px !important; } }

.s-ml20 { margin-left: 20px !important; }

@media screen and (max-width: 747px) { .s-ml20 { margin-left: 10px !important; } }

.s-pt20 { padding-top: 20px !important; }

@media screen and (max-width: 747px) { .s-pt20 { padding-top: 10px !important; } }

.s-pr20 { padding-right: 20px !important; }

@media screen and (max-width: 747px) { .s-pr20 { padding-right: 10px !important; } }

.s-pb20 { padding-bottom: 20px !important; }

@media screen and (max-width: 747px) { .s-pb20 { padding-bottom: 10px !important; } }

.s-pl20 { padding-left: 20px !important; }

@media screen and (max-width: 747px) { .s-pl20 { padding-left: 10px !important; } }

.s-p20 { padding: 20px !important; }

@media screen and (max-width: 747px) { .s-p20 { padding: 10px !important; } }

.s-mt24 { margin-top: 24px !important; }

@media screen and (max-width: 747px) { .s-mt24 { margin-top: 12px !important; } }

.s-mr24 { margin-right: 24px !important; }

@media screen and (max-width: 747px) { .s-mr24 { margin-right: 18px !important; } }

.s-mb24 { margin-bottom: 24px !important; }

@media screen and (max-width: 747px) { .s-mb24 { margin-bottom: 18px !important; } }

.s-ml24 { margin-left: 24px !important; }

@media screen and (max-width: 747px) { .s-ml24 { margin-left: 12px !important; } }

.s-pt24 { padding-top: 24px !important; }

@media screen and (max-width: 747px) { .s-pt24 { padding-top: 12px !important; } }

.s-pr24 { padding-right: 24px !important; }

@media screen and (max-width: 747px) { .s-pr24 { padding-right: 12px !important; } }

.s-pb24 { padding-bottom: 24px !important; }

@media screen and (max-width: 747px) { .s-pb24 { padding-bottom: 12px !important; } }

.s-pl24 { padding-left: 24px !important; }

@media screen and (max-width: 747px) { .s-pl24 { padding-left: 12px !important; } }

.s-p24 { padding: 24px !important; }

@media screen and (max-width: 747px) { .s-p24 { padding: 12px !important; } }

.s-mt28 { margin-top: 28px !important; }

@media screen and (max-width: 747px) { .s-mt28 { margin-top: 14px !important; } }

.s-mr28 { margin-right: 28px !important; }

@media screen and (max-width: 747px) { .s-mr28 { margin-right: 21px !important; } }

.s-mb28 { margin-bottom: 28px !important; }

@media screen and (max-width: 747px) { .s-mb28 { margin-bottom: 21px !important; } }

.s-ml28 { margin-left: 28px !important; }

@media screen and (max-width: 747px) { .s-ml28 { margin-left: 14px !important; } }

.s-pt28 { padding-top: 28px !important; }

@media screen and (max-width: 747px) { .s-pt28 { padding-top: 14px !important; } }

.s-pr28 { padding-right: 28px !important; }

@media screen and (max-width: 747px) { .s-pr28 { padding-right: 14px !important; } }

.s-pb28 { padding-bottom: 28px !important; }

@media screen and (max-width: 747px) { .s-pb28 { padding-bottom: 14px !important; } }

.s-pl28 { padding-left: 28px !important; }

@media screen and (max-width: 747px) { .s-pl28 { padding-left: 14px !important; } }

.s-p28 { padding: 28px !important; }

@media screen and (max-width: 747px) { .s-p28 { padding: 14px !important; } }

.s-mt32 { margin-top: 32px !important; }

@media screen and (max-width: 747px) { .s-mt32 { margin-top: 16px !important; } }

.s-mr32 { margin-right: 32px !important; }

@media screen and (max-width: 747px) { .s-mr32 { margin-right: 24px !important; } }

.s-mb32 { margin-bottom: 32px !important; }

@media screen and (max-width: 747px) { .s-mb32 { margin-bottom: 24px !important; } }

.s-ml32 { margin-left: 32px !important; }

@media screen and (max-width: 747px) { .s-ml32 { margin-left: 16px !important; } }

.s-pt32 { padding-top: 32px !important; }

@media screen and (max-width: 747px) { .s-pt32 { padding-top: 16px !important; } }

.s-pr32 { padding-right: 32px !important; }

@media screen and (max-width: 747px) { .s-pr32 { padding-right: 16px !important; } }

.s-pb32 { padding-bottom: 32px !important; }

@media screen and (max-width: 747px) { .s-pb32 { padding-bottom: 16px !important; } }

.s-pl32 { padding-left: 32px !important; }

@media screen and (max-width: 747px) { .s-pl32 { padding-left: 16px !important; } }

.s-p32 { padding: 32px !important; }

@media screen and (max-width: 747px) { .s-p32 { padding: 16px !important; } }

.s-mt36 { margin-top: 36px !important; }

@media screen and (max-width: 747px) { .s-mt36 { margin-top: 18px !important; } }

.s-mr36 { margin-right: 36px !important; }

@media screen and (max-width: 747px) { .s-mr36 { margin-right: 27px !important; } }

.s-mb36 { margin-bottom: 36px !important; }

@media screen and (max-width: 747px) { .s-mb36 { margin-bottom: 27px !important; } }

.s-ml36 { margin-left: 36px !important; }

@media screen and (max-width: 747px) { .s-ml36 { margin-left: 18px !important; } }

.s-pt36 { padding-top: 36px !important; }

@media screen and (max-width: 747px) { .s-pt36 { padding-top: 18px !important; } }

.s-pr36 { padding-right: 36px !important; }

@media screen and (max-width: 747px) { .s-pr36 { padding-right: 18px !important; } }

.s-pb36 { padding-bottom: 36px !important; }

@media screen and (max-width: 747px) { .s-pb36 { padding-bottom: 18px !important; } }

.s-pl36 { padding-left: 36px !important; }

@media screen and (max-width: 747px) { .s-pl36 { padding-left: 18px !important; } }

.s-p36 { padding: 36px !important; }

@media screen and (max-width: 747px) { .s-p36 { padding: 18px !important; } }

.s-mt40 { margin-top: 40px !important; }

@media screen and (max-width: 747px) { .s-mt40 { margin-top: 20px !important; } }

.s-mr40 { margin-right: 40px !important; }

@media screen and (max-width: 747px) { .s-mr40 { margin-right: 30px !important; } }

.s-mb40 { margin-bottom: 40px !important; }

@media screen and (max-width: 747px) { .s-mb40 { margin-bottom: 30px !important; } }

.s-ml40 { margin-left: 40px !important; }

@media screen and (max-width: 747px) { .s-ml40 { margin-left: 20px !important; } }

.s-pt40 { padding-top: 40px !important; }

@media screen and (max-width: 747px) { .s-pt40 { padding-top: 20px !important; } }

.s-pr40 { padding-right: 40px !important; }

@media screen and (max-width: 747px) { .s-pr40 { padding-right: 20px !important; } }

.s-pb40 { padding-bottom: 40px !important; }

@media screen and (max-width: 747px) { .s-pb40 { padding-bottom: 20px !important; } }

.s-pl40 { padding-left: 40px !important; }

@media screen and (max-width: 747px) { .s-pl40 { padding-left: 20px !important; } }

.s-p40 { padding: 40px !important; }

@media screen and (max-width: 747px) { .s-p40 { padding: 20px !important; } }

.s-mt44 { margin-top: 44px !important; }

@media screen and (max-width: 747px) { .s-mt44 { margin-top: 22px !important; } }

.s-mr44 { margin-right: 44px !important; }

@media screen and (max-width: 747px) { .s-mr44 { margin-right: 33px !important; } }

.s-mb44 { margin-bottom: 44px !important; }

@media screen and (max-width: 747px) { .s-mb44 { margin-bottom: 33px !important; } }

.s-ml44 { margin-left: 44px !important; }

@media screen and (max-width: 747px) { .s-ml44 { margin-left: 22px !important; } }

.s-pt44 { padding-top: 44px !important; }

@media screen and (max-width: 747px) { .s-pt44 { padding-top: 22px !important; } }

.s-pr44 { padding-right: 44px !important; }

@media screen and (max-width: 747px) { .s-pr44 { padding-right: 22px !important; } }

.s-pb44 { padding-bottom: 44px !important; }

@media screen and (max-width: 747px) { .s-pb44 { padding-bottom: 22px !important; } }

.s-pl44 { padding-left: 44px !important; }

@media screen and (max-width: 747px) { .s-pl44 { padding-left: 22px !important; } }

.s-p44 { padding: 44px !important; }

@media screen and (max-width: 747px) { .s-p44 { padding: 22px !important; } }

.s-mt48 { margin-top: 48px !important; }

@media screen and (max-width: 747px) { .s-mt48 { margin-top: 24px !important; } }

.s-mr48 { margin-right: 48px !important; }

@media screen and (max-width: 747px) { .s-mr48 { margin-right: 36px !important; } }

.s-mb48 { margin-bottom: 48px !important; }

@media screen and (max-width: 747px) { .s-mb48 { margin-bottom: 36px !important; } }

.s-ml48 { margin-left: 48px !important; }

@media screen and (max-width: 747px) { .s-ml48 { margin-left: 24px !important; } }

.s-pt48 { padding-top: 48px !important; }

@media screen and (max-width: 747px) { .s-pt48 { padding-top: 24px !important; } }

.s-pr48 { padding-right: 48px !important; }

@media screen and (max-width: 747px) { .s-pr48 { padding-right: 24px !important; } }

.s-pb48 { padding-bottom: 48px !important; }

@media screen and (max-width: 747px) { .s-pb48 { padding-bottom: 24px !important; } }

.s-pl48 { padding-left: 48px !important; }

@media screen and (max-width: 747px) { .s-pl48 { padding-left: 24px !important; } }

.s-p48 { padding: 48px !important; }

@media screen and (max-width: 747px) { .s-p48 { padding: 24px !important; } }

.s-mt52 { margin-top: 52px !important; }

@media screen and (max-width: 747px) { .s-mt52 { margin-top: 26px !important; } }

.s-mr52 { margin-right: 52px !important; }

@media screen and (max-width: 747px) { .s-mr52 { margin-right: 39px !important; } }

.s-mb52 { margin-bottom: 52px !important; }

@media screen and (max-width: 747px) { .s-mb52 { margin-bottom: 39px !important; } }

.s-ml52 { margin-left: 52px !important; }

@media screen and (max-width: 747px) { .s-ml52 { margin-left: 26px !important; } }

.s-pt52 { padding-top: 52px !important; }

@media screen and (max-width: 747px) { .s-pt52 { padding-top: 26px !important; } }

.s-pr52 { padding-right: 52px !important; }

@media screen and (max-width: 747px) { .s-pr52 { padding-right: 26px !important; } }

.s-pb52 { padding-bottom: 52px !important; }

@media screen and (max-width: 747px) { .s-pb52 { padding-bottom: 26px !important; } }

.s-pl52 { padding-left: 52px !important; }

@media screen and (max-width: 747px) { .s-pl52 { padding-left: 26px !important; } }

.s-p52 { padding: 52px !important; }

@media screen and (max-width: 747px) { .s-p52 { padding: 26px !important; } }

.s-mt56 { margin-top: 56px !important; }

@media screen and (max-width: 747px) { .s-mt56 { margin-top: 28px !important; } }

.s-mr56 { margin-right: 56px !important; }

@media screen and (max-width: 747px) { .s-mr56 { margin-right: 42px !important; } }

.s-mb56 { margin-bottom: 56px !important; }

@media screen and (max-width: 747px) { .s-mb56 { margin-bottom: 42px !important; } }

.s-ml56 { margin-left: 56px !important; }

@media screen and (max-width: 747px) { .s-ml56 { margin-left: 28px !important; } }

.s-pt56 { padding-top: 56px !important; }

@media screen and (max-width: 747px) { .s-pt56 { padding-top: 28px !important; } }

.s-pr56 { padding-right: 56px !important; }

@media screen and (max-width: 747px) { .s-pr56 { padding-right: 28px !important; } }

.s-pb56 { padding-bottom: 56px !important; }

@media screen and (max-width: 747px) { .s-pb56 { padding-bottom: 28px !important; } }

.s-pl56 { padding-left: 56px !important; }

@media screen and (max-width: 747px) { .s-pl56 { padding-left: 28px !important; } }

.s-p56 { padding: 56px !important; }

@media screen and (max-width: 747px) { .s-p56 { padding: 28px !important; } }

.s-mt60 { margin-top: 60px !important; }

@media screen and (max-width: 747px) { .s-mt60 { margin-top: 30px !important; } }

.s-mr60 { margin-right: 60px !important; }

@media screen and (max-width: 747px) { .s-mr60 { margin-right: 45px !important; } }

.s-mb60 { margin-bottom: 60px !important; }

@media screen and (max-width: 747px) { .s-mb60 { margin-bottom: 45px !important; } }

.s-ml60 { margin-left: 60px !important; }

@media screen and (max-width: 747px) { .s-ml60 { margin-left: 30px !important; } }

.s-pt60 { padding-top: 60px !important; }

@media screen and (max-width: 747px) { .s-pt60 { padding-top: 30px !important; } }

.s-pr60 { padding-right: 60px !important; }

@media screen and (max-width: 747px) { .s-pr60 { padding-right: 30px !important; } }

.s-pb60 { padding-bottom: 60px !important; }

@media screen and (max-width: 747px) { .s-pb60 { padding-bottom: 30px !important; } }

.s-pl60 { padding-left: 60px !important; }

@media screen and (max-width: 747px) { .s-pl60 { padding-left: 30px !important; } }

.s-p60 { padding: 60px !important; }

@media screen and (max-width: 747px) { .s-p60 { padding: 30px !important; } }

.s-mt64 { margin-top: 64px !important; }

@media screen and (max-width: 747px) { .s-mt64 { margin-top: 32px !important; } }

.s-mr64 { margin-right: 64px !important; }

@media screen and (max-width: 747px) { .s-mr64 { margin-right: 48px !important; } }

.s-mb64 { margin-bottom: 64px !important; }

@media screen and (max-width: 747px) { .s-mb64 { margin-bottom: 48px !important; } }

.s-ml64 { margin-left: 64px !important; }

@media screen and (max-width: 747px) { .s-ml64 { margin-left: 32px !important; } }

.s-pt64 { padding-top: 64px !important; }

@media screen and (max-width: 747px) { .s-pt64 { padding-top: 32px !important; } }

.s-pr64 { padding-right: 64px !important; }

@media screen and (max-width: 747px) { .s-pr64 { padding-right: 32px !important; } }

.s-pb64 { padding-bottom: 64px !important; }

@media screen and (max-width: 747px) { .s-pb64 { padding-bottom: 32px !important; } }

.s-pl64 { padding-left: 64px !important; }

@media screen and (max-width: 747px) { .s-pl64 { padding-left: 32px !important; } }

.s-p64 { padding: 64px !important; }

@media screen and (max-width: 747px) { .s-p64 { padding: 32px !important; } }

.s-mt68 { margin-top: 68px !important; }

@media screen and (max-width: 747px) { .s-mt68 { margin-top: 34px !important; } }

.s-mr68 { margin-right: 68px !important; }

@media screen and (max-width: 747px) { .s-mr68 { margin-right: 51px !important; } }

.s-mb68 { margin-bottom: 68px !important; }

@media screen and (max-width: 747px) { .s-mb68 { margin-bottom: 51px !important; } }

.s-ml68 { margin-left: 68px !important; }

@media screen and (max-width: 747px) { .s-ml68 { margin-left: 34px !important; } }

.s-pt68 { padding-top: 68px !important; }

@media screen and (max-width: 747px) { .s-pt68 { padding-top: 34px !important; } }

.s-pr68 { padding-right: 68px !important; }

@media screen and (max-width: 747px) { .s-pr68 { padding-right: 34px !important; } }

.s-pb68 { padding-bottom: 68px !important; }

@media screen and (max-width: 747px) { .s-pb68 { padding-bottom: 34px !important; } }

.s-pl68 { padding-left: 68px !important; }

@media screen and (max-width: 747px) { .s-pl68 { padding-left: 34px !important; } }

.s-p68 { padding: 68px !important; }

@media screen and (max-width: 747px) { .s-p68 { padding: 34px !important; } }

.s-mt72 { margin-top: 72px !important; }

@media screen and (max-width: 747px) { .s-mt72 { margin-top: 36px !important; } }

.s-mr72 { margin-right: 72px !important; }

@media screen and (max-width: 747px) { .s-mr72 { margin-right: 54px !important; } }

.s-mb72 { margin-bottom: 72px !important; }

@media screen and (max-width: 747px) { .s-mb72 { margin-bottom: 54px !important; } }

.s-ml72 { margin-left: 72px !important; }

@media screen and (max-width: 747px) { .s-ml72 { margin-left: 36px !important; } }

.s-pt72 { padding-top: 72px !important; }

@media screen and (max-width: 747px) { .s-pt72 { padding-top: 36px !important; } }

.s-pr72 { padding-right: 72px !important; }

@media screen and (max-width: 747px) { .s-pr72 { padding-right: 36px !important; } }

.s-pb72 { padding-bottom: 72px !important; }

@media screen and (max-width: 747px) { .s-pb72 { padding-bottom: 36px !important; } }

.s-pl72 { padding-left: 72px !important; }

@media screen and (max-width: 747px) { .s-pl72 { padding-left: 36px !important; } }

.s-p72 { padding: 72px !important; }

@media screen and (max-width: 747px) { .s-p72 { padding: 36px !important; } }

.s-mt76 { margin-top: 76px !important; }

@media screen and (max-width: 747px) { .s-mt76 { margin-top: 38px !important; } }

.s-mr76 { margin-right: 76px !important; }

@media screen and (max-width: 747px) { .s-mr76 { margin-right: 57px !important; } }

.s-mb76 { margin-bottom: 76px !important; }

@media screen and (max-width: 747px) { .s-mb76 { margin-bottom: 57px !important; } }

.s-ml76 { margin-left: 76px !important; }

@media screen and (max-width: 747px) { .s-ml76 { margin-left: 38px !important; } }

.s-pt76 { padding-top: 76px !important; }

@media screen and (max-width: 747px) { .s-pt76 { padding-top: 38px !important; } }

.s-pr76 { padding-right: 76px !important; }

@media screen and (max-width: 747px) { .s-pr76 { padding-right: 38px !important; } }

.s-pb76 { padding-bottom: 76px !important; }

@media screen and (max-width: 747px) { .s-pb76 { padding-bottom: 38px !important; } }

.s-pl76 { padding-left: 76px !important; }

@media screen and (max-width: 747px) { .s-pl76 { padding-left: 38px !important; } }

.s-p76 { padding: 76px !important; }

@media screen and (max-width: 747px) { .s-p76 { padding: 38px !important; } }

.s-mt80 { margin-top: 80px !important; }

@media screen and (max-width: 747px) { .s-mt80 { margin-top: 40px !important; } }

.s-mr80 { margin-right: 80px !important; }

@media screen and (max-width: 747px) { .s-mr80 { margin-right: 60px !important; } }

.s-mb80 { margin-bottom: 80px !important; }

@media screen and (max-width: 747px) { .s-mb80 { margin-bottom: 60px !important; } }

.s-ml80 { margin-left: 80px !important; }

@media screen and (max-width: 747px) { .s-ml80 { margin-left: 40px !important; } }

.s-pt80 { padding-top: 80px !important; }

@media screen and (max-width: 747px) { .s-pt80 { padding-top: 40px !important; } }

.s-pr80 { padding-right: 80px !important; }

@media screen and (max-width: 747px) { .s-pr80 { padding-right: 40px !important; } }

.s-pb80 { padding-bottom: 80px !important; }

@media screen and (max-width: 747px) { .s-pb80 { padding-bottom: 40px !important; } }

.s-pl80 { padding-left: 80px !important; }

@media screen and (max-width: 747px) { .s-pl80 { padding-left: 40px !important; } }

.s-p80 { padding: 80px !important; }

@media screen and (max-width: 747px) { .s-p80 { padding: 40px !important; } }

.s-mt84 { margin-top: 84px !important; }

@media screen and (max-width: 747px) { .s-mt84 { margin-top: 42px !important; } }

.s-mr84 { margin-right: 84px !important; }

@media screen and (max-width: 747px) { .s-mr84 { margin-right: 63px !important; } }

.s-mb84 { margin-bottom: 84px !important; }

@media screen and (max-width: 747px) { .s-mb84 { margin-bottom: 63px !important; } }

.s-ml84 { margin-left: 84px !important; }

@media screen and (max-width: 747px) { .s-ml84 { margin-left: 42px !important; } }

.s-pt84 { padding-top: 84px !important; }

@media screen and (max-width: 747px) { .s-pt84 { padding-top: 42px !important; } }

.s-pr84 { padding-right: 84px !important; }

@media screen and (max-width: 747px) { .s-pr84 { padding-right: 42px !important; } }

.s-pb84 { padding-bottom: 84px !important; }

@media screen and (max-width: 747px) { .s-pb84 { padding-bottom: 42px !important; } }

.s-pl84 { padding-left: 84px !important; }

@media screen and (max-width: 747px) { .s-pl84 { padding-left: 42px !important; } }

.s-p84 { padding: 84px !important; }

@media screen and (max-width: 747px) { .s-p84 { padding: 42px !important; } }

.s-mt88 { margin-top: 88px !important; }

@media screen and (max-width: 747px) { .s-mt88 { margin-top: 44px !important; } }

.s-mr88 { margin-right: 88px !important; }

@media screen and (max-width: 747px) { .s-mr88 { margin-right: 66px !important; } }

.s-mb88 { margin-bottom: 88px !important; }

@media screen and (max-width: 747px) { .s-mb88 { margin-bottom: 66px !important; } }

.s-ml88 { margin-left: 88px !important; }

@media screen and (max-width: 747px) { .s-ml88 { margin-left: 44px !important; } }

.s-pt88 { padding-top: 88px !important; }

@media screen and (max-width: 747px) { .s-pt88 { padding-top: 44px !important; } }

.s-pr88 { padding-right: 88px !important; }

@media screen and (max-width: 747px) { .s-pr88 { padding-right: 44px !important; } }

.s-pb88 { padding-bottom: 88px !important; }

@media screen and (max-width: 747px) { .s-pb88 { padding-bottom: 44px !important; } }

.s-pl88 { padding-left: 88px !important; }

@media screen and (max-width: 747px) { .s-pl88 { padding-left: 44px !important; } }

.s-p88 { padding: 88px !important; }

@media screen and (max-width: 747px) { .s-p88 { padding: 44px !important; } }

.s-mt92 { margin-top: 92px !important; }

@media screen and (max-width: 747px) { .s-mt92 { margin-top: 46px !important; } }

.s-mr92 { margin-right: 92px !important; }

@media screen and (max-width: 747px) { .s-mr92 { margin-right: 69px !important; } }

.s-mb92 { margin-bottom: 92px !important; }

@media screen and (max-width: 747px) { .s-mb92 { margin-bottom: 69px !important; } }

.s-ml92 { margin-left: 92px !important; }

@media screen and (max-width: 747px) { .s-ml92 { margin-left: 46px !important; } }

.s-pt92 { padding-top: 92px !important; }

@media screen and (max-width: 747px) { .s-pt92 { padding-top: 46px !important; } }

.s-pr92 { padding-right: 92px !important; }

@media screen and (max-width: 747px) { .s-pr92 { padding-right: 46px !important; } }

.s-pb92 { padding-bottom: 92px !important; }

@media screen and (max-width: 747px) { .s-pb92 { padding-bottom: 46px !important; } }

.s-pl92 { padding-left: 92px !important; }

@media screen and (max-width: 747px) { .s-pl92 { padding-left: 46px !important; } }

.s-p92 { padding: 92px !important; }

@media screen and (max-width: 747px) { .s-p92 { padding: 46px !important; } }

.s-mt96 { margin-top: 96px !important; }

@media screen and (max-width: 747px) { .s-mt96 { margin-top: 48px !important; } }

.s-mr96 { margin-right: 96px !important; }

@media screen and (max-width: 747px) { .s-mr96 { margin-right: 72px !important; } }

.s-mb96 { margin-bottom: 96px !important; }

@media screen and (max-width: 747px) { .s-mb96 { margin-bottom: 72px !important; } }

.s-ml96 { margin-left: 96px !important; }

@media screen and (max-width: 747px) { .s-ml96 { margin-left: 48px !important; } }

.s-pt96 { padding-top: 96px !important; }

@media screen and (max-width: 747px) { .s-pt96 { padding-top: 48px !important; } }

.s-pr96 { padding-right: 96px !important; }

@media screen and (max-width: 747px) { .s-pr96 { padding-right: 48px !important; } }

.s-pb96 { padding-bottom: 96px !important; }

@media screen and (max-width: 747px) { .s-pb96 { padding-bottom: 48px !important; } }

.s-pl96 { padding-left: 96px !important; }

@media screen and (max-width: 747px) { .s-pl96 { padding-left: 48px !important; } }

.s-p96 { padding: 96px !important; }

@media screen and (max-width: 747px) { .s-p96 { padding: 48px !important; } }

.s-mt100 { margin-top: 100px !important; }

@media screen and (max-width: 747px) { .s-mt100 { margin-top: 50px !important; } }

.s-mr100 { margin-right: 100px !important; }

@media screen and (max-width: 747px) { .s-mr100 { margin-right: 75px !important; } }

.s-mb100 { margin-bottom: 100px !important; }

@media screen and (max-width: 747px) { .s-mb100 { margin-bottom: 75px !important; } }

.s-ml100 { margin-left: 100px !important; }

@media screen and (max-width: 747px) { .s-ml100 { margin-left: 50px !important; } }

.s-pt100 { padding-top: 100px !important; }

@media screen and (max-width: 747px) { .s-pt100 { padding-top: 50px !important; } }

.s-pr100 { padding-right: 100px !important; }

@media screen and (max-width: 747px) { .s-pr100 { padding-right: 50px !important; } }

.s-pb100 { padding-bottom: 100px !important; }

@media screen and (max-width: 747px) { .s-pb100 { padding-bottom: 50px !important; } }

.s-pl100 { padding-left: 100px !important; }

@media screen and (max-width: 747px) { .s-pl100 { padding-left: 50px !important; } }

.s-p100 { padding: 100px !important; }

@media screen and (max-width: 747px) { .s-p100 { padding: 50px !important; } }

.s-mt22 { margin-top: 22px !important; }

.s-mb22 { margin-bottom: 22px !important; }

.s-va-t { vertical-align: top; }

.s-va-m { vertical-align: middle; }

.s-va-b { vertical-align: bottom; }

.s-va-base { vertical-align: baseline; }

@media screen and (max-width: 747px) { .s-align_spleft { text-align: left; } }

.s-wordbreak { word-break: break-all; }

/* *****  トップページ ***** */
.p-index_mv { position: relative; }

@media screen and (max-width: 747px) { .p-index_mv { height: 70vh; width: 100%; margin: -60px 0 0; } }

.p-index_mv:before { content: ''; background: url("../images/top/mv_bg@2x.png") no-repeat center center; background-size: cover; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 100; }

.p-index_mv:after { content: ''; display: block; background: url("../images/top/flower@2x.png") no-repeat center bottom; background-size: 100% auto; width: 855px; height: 855px; position: absolute; bottom: -530px; left: 50%; z-index: 90; margin-left: -1255px; /* transform:translate(-1255px, 0); */ -webkit-animation: rotate_anime 40s linear infinite; animation: rotate_anime 40s linear infinite; }

@media screen and (max-width: 747px) { .p-index_mv:after { width: 401px; height: 401px; bottom: -280px; margin-left: -324px; /* transform:translate(-324px, 0); */ } }

.p-index_mv_title { width: 392px; margin: 0 auto; padding: 222px 0 260px; position: relative; z-index: 110; }

@media screen and (max-width: 747px) { .p-index_mv_title { width: 235px; height: 204px; padding: 0; margin: 0; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin-top: -20px; } }

.p-index_catch { padding-top: 0; margin-top: -100px; position: relative; }

.p-index_catch_box { width: 100%; max-width: 1025px; margin: 0 auto; text-align: center; background: #ffffff; -webkit-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.07); box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.07); position: relative; z-index: 101; }

@media screen and (max-width: 747px) { .p-index_catch_box { padding: 0 0 10px; } }

.p-index_catch_box:before { content: ''; display: block; background: url("../images/top/catch_box_left@2x.png") no-repeat center center; background-size: contain; width: 102px; height: 100px; position: absolute; top: 40px; left: 48px; }

@media screen and (max-width: 747px) { .p-index_catch_box:before { width: 47px; height: 46px; top: 14px; left: 14px; } }

.p-index_catch_box:after { content: ''; display: block; background: url("../images/top/catch_box_right@2x.png") no-repeat center center; background-size: contain; width: 102px; height: 100px; position: absolute; top: 40px; right: 48px; }

@media screen and (max-width: 747px) { .p-index_catch_box:after { width: 47px; height: 46px; top: 14px; right: 14px; } }

.p-index_catch_title { text-align: center; font-size: 35px; font-weight: 800; font-family: 'Shippori Mincho B1', serif; padding: 140px 0 20px; background: url("../images/top/catch_box_center@2x.png") no-repeat center 34px; background-size: 349px auto; }

@media screen and (max-width: 747px) { .p-index_catch_title { font-size: 20px; padding: 55px 0 20px; background-position: center 14px; background-size: 160px auto; } }

.p-index_catch_sub { text-align: center; font-size: 22px; font-weight: bold; padding: 40px 0 0; background: url("../images/common/icon_menu@2x.png") no-repeat center top; background-size: 36px auto; line-height: 1.8em; }

@media screen and (max-width: 747px) { .p-index_catch_sub { font-size: 15px; } }

.p-index_catch_text { padding: 35px 50px 80px; width: 100%; max-width: 700px; margin: 0 auto; line-height: 2em; background: url("../images/top/catch_cat@2x.png") no-repeat center right; background-size: 91px auto; }

@media screen and (max-width: 747px) { .p-index_catch_text { background-position: 85% bottom; background-size: 58px auto; padding: 30px 16px 70px; } }

.p-index_movie { position: relative; z-index: 100; }

.p-index_movie_youtube { height: 0; overflow: hidden; position: relative; width: 100%; max-width: 960px; padding-top: 56.25%; margin: 0 auto; }

.p-index_movie_youtube video { position: absolute; top: 0; left: 0; width: 100%; object-fit: cover; }

@media screen and (max-width: 747px) { .p-index_movie_youtube { width: 90%; } }

.p-index_movie_youtube iframe { position: absolute; top: 0; right: 0; width: 100%; height: 100%; }

.p-index_env { margin: 0 0 100px; position: relative; z-index: 90; }

@media screen and (max-width: 747px) { .p-index_env { margin: 30px 0 50px; padding-top: 40px; } }

.p-index_env:after { content: ''; display: block; background: url("../images/top/flower@2x.png") no-repeat center bottom; background-size: 100% auto; width: 519px; height: 519px; position: absolute; top: -252px; left: 50%; z-index: 100; margin-left: 624px; /* transform:translate(624px, 0); */ -webkit-animation: rotate_anime 40s linear infinite; animation: rotate_anime 40s linear infinite; }

@media screen and (max-width: 747px) { .p-index_env:after { width: 204px; height: 204px; top: -158px; margin-left: 65px; /* transform:translate(65px, 0); */ } }

.p-index_env:before { content: ''; display: block; background: url("../images/top/flower@2x.png") no-repeat center bottom; background-size: 100% auto; width: 592px; height: 592px; position: absolute; bottom: -286px; left: 50%; z-index: 100; margin-left: -1185px; /* transform:translate(-593 - 592px, 0); */ -webkit-animation: rotate_anime 40s linear infinite; animation: rotate_anime 40s linear infinite; }

@media screen and (max-width: 747px) { .p-index_env:before { width: 162px; height: 162px; bottom: -119px; margin-left: -242px; /* transform:translate(-80 - 162px, 0); */ } }

.p-index_env_bg { content: ""; display: block; background: #000000; width: 94%; height: 100%; position: absolute; top: 0; left: 0; }

@media screen and (max-width: 747px) { .p-index_env_bg { width: 100%; left: initial; right: 16px; } }

.p-index_env .c-flex_box { padding-bottom: 100px; }

@media screen and (max-width: 747px) { .p-index_env .c-flex_box { padding-bottom: 20px; } }

.p-index_env .c-headline_lv2 .img { width: 466px; }

@media screen and (max-width: 747px) { .p-index_env .c-headline_lv2 .img { width: 285px; } }

.p-index_env .c-flex_box_item { background: #ffffff; }

.p-index_env_item_box { position: relative; padding: 47px 10% 0; }

@media screen and (max-width: 747px) { .p-index_env_item_box { padding: 40px 16px 0; } }

.p-index_env_item_no { width: 140px; position: absolute; top: 25px; left: -22px; }

@media screen and (max-width: 747px) { .p-index_env_item_no { width: 118px; top: 8px; left: -14px; } }

.p-index_env_item_title { text-align: center; font-size: 22px; font-weight: bold; padding: 45px 0 25px; background: url("../images/top/env_glass@2x.png") no-repeat center top; background-size: 36px auto; }

@media screen and (max-width: 747px) { .p-index_env_item_title { font-size: 18px; background-size: 30px auto; padding: 40px 0 20px; } }

.p-index_env_item_text { padding: 0 0 34px; }

.p-index_env_item:nth-child(even) { -webkit-transform: translateY(80px); transform: translateY(80px); }

@media screen and (max-width: 747px) { .p-index_env_item:nth-child(even) { -webkit-transform: translateY(0); transform: translateY(0); } }

.p-index_interview { background: -webkit-linear-gradient(28.53deg, #F25867 0%, #CC0B1E 100%); background: linear-gradient(61.47deg, #F25867 0%, #CC0B1E 100%); position: relative; margin: 286px 0 0; }

@media screen and (max-width: 747px) { .p-index_interview { background: -webkit-linear-gradient(0.55deg, #F25867 0.95%, #CC0B1E 99.05%); background: linear-gradient(89.45deg, #F25867 0.95%, #CC0B1E 99.05%); margin: 120px 0 125px; padding-top: 93px; padding-bottom: 155px; } }

.p-index_interview:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 46%; height: 100%; background: url("../images/casts/cast_group9.jpg") no-repeat center center; background-size: cover; background-position-y: 40%}

@media screen and (max-width: 747px) { .p-index_interview:before { right: initial; left: 0; top: initial; bottom: -75px; width: 310px; height: 190px; } }

.p-index_interview:after { content: ""; display: block; position: absolute; top: -240px; right: 0; width: 486px; height: 306px; background: url("../images/casts/cast_group8.jpg") no-repeat center center; background-size: cover; background-position-y: 35%;}

@media screen and (max-width: 747px) { .p-index_interview:after { top: -80px; width: 196px; height: 123px; } }

.p-index_interview .c-headline_lv2 .img { width: 332px; margin: 0; }

@media screen and (max-width: 747px) { .p-index_interview .c-headline_lv2 .img { width: 201px; } }

.p-index_interview_box { width: 46%; margin: 0 0 0 auto; }

@media screen and (max-width: 747px) { .p-index_interview_box { margin: 0; width: 100%; } }

.p-index_interview_text { padding: 40px 0 50px; color: #ffffff; }

@media screen and (max-width: 747px) { .p-index_interview_text { padding: 26px 0 40px; } }

.p-index_costume { background: -webkit-linear-gradient(0.55deg, #F25867 0.95%, #CC0B1E 99.05%); background: linear-gradient(89.45deg, #F25867 0.95%, #CC0B1E 99.05%); position: relative; }

@media screen and (max-width: 747px) { .p-index_costume { margin: 0 0 125px; padding-bottom: 155px; } }

.p-index_costume:before { content: ""; display: block; position: absolute; top: 0; right: 0; width: 46%; height: 100%; background: url("../images/top/costume_img@2x.png") no-repeat center center; background-size: cover; }

@media screen and (max-width: 747px) { .p-index_costume:before { right: initial; left: 0; top: initial; bottom: -75px; width: 310px; height: 190px; } }

.p-index_costume .c-headline_lv2 .img { width: 308px; margin: 0; }

@media screen and (max-width: 747px) { .p-index_costume .c-headline_lv2 .img { width: 189px; } }

.p-index_costume_box { width: 46%; }

@media screen and (max-width: 747px) { .p-index_costume_box { width: 100%; } }

.p-index_costume_text { padding: 40px 0 50px; color: #ffffff; }

@media screen and (max-width: 747px) { .p-index_costume_text { padding: 26px 0 40px; } }

.p-index_faq { padding-bottom: 200px; background: url("../images/top/faq_cat@2x.png") no-repeat 10% bottom; background-size: 228px auto; }

@media screen and (max-width: 747px) { .p-index_faq { padding-bottom: 60px; background: none; } }

.p-index_faq .c-headline_lv2 .img { width: 329px; }

@media screen and (max-width: 747px) { .p-index_faq .c-headline_lv2 .img { width: 203px; } }

.p-index_faq_box { max-width: 880px; background: #FFFFFF; -webkit-box-shadow: 0px 0px 20px rgba(0, 15, 100, 0.05); box-shadow: 0px 0px 20px rgba(0, 15, 100, 0.05); padding: 20px 30px; margin: 20px auto 0; }

@media screen and (max-width: 747px) { .p-index_faq_box { padding: 20px 14px; } }

.p-index_faq_box_q { background: url("../images/top/faq_q@2x.png") no-repeat left top; background-size: 28px auto; padding: 6.5px 40px; font-weight: bold; position: relative; cursor: pointer; }

@media screen and (max-width: 747px) { .p-index_faq_box_q { background-size: 24px auto; padding: 5px 35px; } }

.p-index_faq_box_q_control { display: block; width: 30px; height: 30px; position: absolute; top: 50%; right: 0; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }

@media screen and (max-width: 747px) { .p-index_faq_box_q_control { width: 24px; height: 24px; } }

.p-index_faq_box_q_control span { display: block; width: 100%; height: 100%; background: #000000; border: 1px solid #C8AF8B; border-radius: 2px; position: relative; -webkit-transition: all .3s; transition: all .3s; }

.p-index_faq_box_q_control span:before, .p-index_faq_box_q_control span:after { display: block; content: ''; background-color: #fff; position: absolute; width: 12px; height: 2px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all .3s; transition: all .3s; }

@media screen and (max-width: 747px) { .p-index_faq_box_q_control span:before, .p-index_faq_box_q_control span:after { width: 10px; } }

.p-index_faq_box_q_control span:after { -webkit-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg); }

.p-index_faq_box_a { -webkit-transition: .5s; transition: .5s; max-height: 0; overflow: hidden; }

.p-index_faq_box_a_inner { background: url("../images/top/faq_a@2x.png") no-repeat left 20px; background-size: 28px auto; border-top: 1px dashed #E8E8E8; padding: 20px 40px 0; margin: 20px 0 0; }

@media screen and (max-width: 747px) { .p-index_faq_box_a_inner { background-size: 24px auto; padding: 20px 10px 0 35px; } }

.p-index_faq_box.is-open .p-index_faq_box_q .p-index_faq_box_q_control span { background: #fff; }

.p-index_faq_box.is-open .p-index_faq_box_q .p-index_faq_box_q_control span:before { background: #000; }

.p-index_faq_box.is-open .p-index_faq_box_q .p-index_faq_box_q_control span:after { background: #000; -webkit-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); }

.p-index_faq_box.is-open .p-index_faq_box_a { /* display:block; */ max-height: 500px; }

/* *****  インタビュー一覧 ***** */
@media screen and (max-width: 747px) { .p-interview_head { padding: 0 16px; } }

.p-interview_head_title { width: 327px; margin: 0 auto; padding: 100px 0 50px; }

@media screen and (max-width: 747px) { .p-interview_head_title { width: 201px; padding: 40px 0 30px; } }

.p-interview_head_text { text-align: center; }

.p-interview_list .c-flex_box { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

@media screen and (max-width: 747px) { .p-interview_list .c-flex_box { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } }

.p-interview_item { padding: 0 30px; width: 33.333333%; }

@media screen and (max-width: 747px) { .p-interview_item { padding: 0; } }

.p-interview_item_img { height: 200px; overflow: hidden; }

.p-interview_item_img a:hover { opacity: 1; }

.cast-photo.eri { display: block; width: 100%; height: 100%; object-fit: cover; object-position: right; }

.cast-photo.kano { object-position: 0px -25px; }

@media screen and (max-width: 747px) { .cast-photo.kano { object-position: 0px -20px; } }

.cast-photo.noa { object-position: 0px -20px; }

@media screen and (max-width: 747px) { .cast-photo.noa { object-position: 0px -25px; } }

.p-interview_item_img a:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); }

@media screen and (max-width: 747px) { .p-interview_item_img { height: 200px; overflow: hidden; } }

.p-interview_item_name { font-size: 22px; font-weight: bold; text-align: center; padding: 25px 0 15px; }

@media screen and (max-width: 747px) { .p-interview_item_name { font-size: 16px; padding: 20px 0 15px; } }

.p-interview_item_job { font-size: 14px; padding: 0 0 10px; text-align: center; }

@media screen and (max-width: 747px) { .p-interview_item_job { font-size: 12px; padding: 0; } }

.p-interview_item_year { font-size: 14px; padding: 0 0 25px; text-align: center; }

@media screen and (max-width: 747px) { .p-interview_item_year { font-size: 12px; padding: 0 0 16px; } }

.p-interview_item_link { text-align: center; }

.p-interview_item_link a { display: inline-block; font-family: 'Shippori Mincho B1', serif; font-size: 14px; font-weight: 700; background: #282824; color: #fff; text-align: center; border-radius: 7px; padding: 13px 42px; }

@media screen and (max-width: 747px) { .p-interview_item_link a { font-size: 12px; padding: 13px 0; display: block; } }

.p-interview_item_link a:hover { opacity: 1; -webkit-box-shadow: 0 8px 15px 0px rgba(0, 0, 0, 0.4); box-shadow: 0 8px 15px 0px rgba(0, 0, 0, 0.4); }

/* *****  インタビュー詳細 ***** */
.p-detail_head { position: relative; }

.p-detail_head_mv { width: 957px; }

@media screen and (max-width: 747px) { .p-detail_head_mv { width: 100%; } }

.p-detail_head_box { position: absolute; top: 50%; left: 60%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }

@media screen and (max-width: 747px) { .p-detail_head_box { position: static; -webkit-transform: translate(0, 0); transform: translate(0, 0); padding: 0 16px; } }

.p-detail_head_title { width: 468px; }

@media screen and (max-width: 747px) { .p-detail_head_title { width: 80%; margin-top: -38px; } }

.p-detail_head_name { display: inline-block; font-weight: bold; font-size: 28px; line-height: 100%; background: #CC0B1E; padding: 16px 25px; margin: 20px 0 10px; color: #ffffff; }

@media screen and (max-width: 747px) { .p-detail_head_name { font-size: 18px; margin: 15px 0 8px; padding: 10px 20px; } }

.p-detail_head_job { display: inline-block; background: #CC0B1E; padding: 16px 25px; color: #ffffff; }

@media screen and (max-width: 747px) { .p-detail_head_job { font-size: 12px; padding: 8px 20px; } }

.p-detail_item { display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; position: relative; margin-bottom: 100px; }

@media screen and (max-width: 747px) { .p-detail_item { margin-bottom: 20px; } }

.p-detail_item.is-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

@media screen and (max-width: 747px) { .p-detail_item.is-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } }

.p-detail_item:after { content: ""; display: block; background: url("../images/detail/rabbit_r@2x.png") no-repeat center center; background-size: 100% 100%; width: 63px; height: 66px; position: absolute; top: 24px; left: 15%; }

@media screen and (max-width: 747px) { .p-detail_item:after { width: 35px; height: 37px; } }

.p-detail_item.is-reverse:after { left: initial; right: 15%; background-image: url("../images/detail/rabbit_l@2x.png"); }

.p-detail_item_body { width: 50%; background: #FFFFFF; opacity: 0.8; background: url("../images/detail/bg_interview@2x.png") no-repeat center center; background-size: 100% 100%; position: relative; padding: 120px 0 100px; -webkit-transform: translate(5%, 50px); transform: translate(5%, 50px); z-index: 10; }

@media screen and (max-width: 747px) { .p-detail_item_body { width: auto; -webkit-transform: translate(0, 5.6%); transform: translate(0, 5.6%); margin-left: -16px; margin-right: -16px; } }

.p-detail_item.is-reverse .p-detail_item_body { -webkit-transform: translate(-5%, 50px); transform: translate(-5%, 50px); }

@media screen and (max-width: 747px) { .p-detail_item.is-reverse .p-detail_item_body { -webkit-transform: translate(0, 5.6%); transform: translate(0, 5.6%); } }

.p-detail_item_img { width: 50%; -webkit-transform: translate(-5%, 0); transform: translate(-5%, 0); position: relative; z-index: 5; }

@media screen and (max-width: 747px) { .p-detail_item_img { width: 100%; -webkit-transform: translate(-16px, 0); transform: translate(-16px, 0); } }

.p-detail_item.is-reverse .p-detail_item_img { -webkit-transform: translate(5%, 0); transform: translate(5%, 0); }

@media screen and (max-width: 747px) { .p-detail_item.is-reverse .p-detail_item_img { width: 100%; -webkit-transform: translate(16px, 0); transform: translate(16px, 0); } }

.p-detail_item_no { width: 134px; position: absolute; top: 80px; left: 10%; }

@media screen and (max-width: 747px) { .p-detail_item_no { width: 110px; } }

.p-detail_item_q { padding: 0 20% 40px; font-weight: bold; font-size: 22px; }

@media screen and (max-width: 747px) { .p-detail_item_q { font-size: 18px; padding: 0 40px 20px; } }

.p-detail_item_a { padding: 0 20%; }

@media screen and (max-width: 747px) { .p-detail_item_a { padding: 0 40px; } }

.p-detail_schedule { background: url("../images/detail/bg_checule@2x.png") no-repeat center center; background-size: cover; }

@media screen and (max-width: 747px) { .p-detail_schedule { background: #ffffff; } }

.p-detail_schedule_bg { display: none; }

@media screen and (max-width: 747px) { .p-detail_schedule_bg { padding: 30px 0 0; display: block; } }

.p-detail_schedule .img { width: 486px; margin: 0 0 40px; }

@media screen and (max-width: 747px) { .p-detail_schedule .img { width: 300px; margin: 0 0 30px; } }

.p-detail_schedule_box { display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; width: 60%; }

@media screen and (max-width: 747px) { .p-detail_schedule_box { display: block; width: 100%; } }

.p-detail_schedule_box ul { font-size: 15px; }

@media screen and (max-width: 747px) { .p-detail_schedule_box ul { font-size: 14px; } }

.p-detail_schedule_box ul li { border-left: 1px solid #000000; font-weight: bold; padding: 10px 0 10px 20px; position: relative; }

.p-detail_schedule_box ul li:before { content: ""; display: block; width: 10px; height: 10px; background: #CC0B1E; border-radius: 50%; position: absolute; top: 15px; left: -5px; }

.p-detail_schedule_box ul li .is-time { width: 80px; display: inline-block; }

.p-detail_schedule_box ul li .is-desc { font-weight: normal; padding: 0 0 0 80px; display: block; }

@media screen and (max-width: 747px) { .p-detail_schedule_box ul li .is-desc { font-size: 13px; } }

@media screen and (max-width: 747px) { .p-detail_cast { background: #ffffff; } }

.p-detail_cast .img { width: 386px; }

@media screen and (max-width: 747px) { .p-detail_cast .img { width: 236px; } }

.p-detail_cast .c-flex_box { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

@media screen and (max-width: 747px) { .p-detail_cast .c-flex_box { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } }

/* *****  制服一覧 ***** */
.p-costume_head_title { width: 308px; margin: 0 auto; padding: 100px 0 0; }

@media screen and (max-width: 747px) { .p-costume_head_title { width: 189px; padding: 40px 0 0; } }

.p-costume_item_no { font-family: 'Marcellus', serif; padding: 4px 0 0; font-size: 16px; }

@media screen and (max-width: 747px) { .p-costume_item_no { font-size: 12px; } }

@media screen and (max-width: 747px) { .p-costume .c-flex_box_3 .c-flex_box_item { width: 31%; } }

/* *****  募集要項 ***** */
.p-guideline_box { background: #ffffff; max-width: 1026px; margin: 0 auto; padding: 50px 0; }

@media screen and (max-width: 747px) { .p-guideline_box { background: transparent; padding: 0; } }

.p-guideline_head_title { font-size: 25px; font-weight: bold; text-align: center; border-bottom: 1px solid #CED4DA; padding: 0 0 20px; margin: 0 auto; width: 86%; }

@media screen and (max-width: 747px) { .p-guideline_head_title { font-size: 18px; width: 100%; } }

.p-guideline dl { width: 80%; margin: 0 auto; border-bottom: 1px solid #CED4DA; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; }

@media screen and (max-width: 747px) { .p-guideline dl { width: 100%; } }

.p-guideline dl dt { padding: 45px 0; width: 34%; position: relative; }

@media screen and (max-width: 747px) { .p-guideline dl dt { font-size: 12px; padding: 15px 0; width: 30%; } }

.p-guideline dl dt span { width: 100%; text-align: center; display: block; font-weight: bold; position: absolute; top: 50%; left: 0; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }

.p-guideline dl dd { width: 66%; padding: 45px 0; }

@media screen and (max-width: 747px) { .p-guideline dl dd { font-size: 12px; padding: 15px 0; width: 70%; } }

.p-guideline_link a { display: block; margin: 100px auto 50px; padding: 16px 0; background: #CC0B1E; border: 2px solid #C8AF8B; font-size: 22px; width: 376px; border-radius: 7px; text-align: center; color: #fff; font-family: 'Marcellus', serif; }

@media screen and (max-width: 747px) { .p-guideline_link a { padding: 12px 0; font-size: 18px; width: 311px; margin: 30px auto 20px; } }

.p-guideline_link a:hover { opacity: 1; -webkit-box-shadow: 0 8px 15px 0px rgba(0, 0, 0, 0.4); box-shadow: 0 8px 15px 0px rgba(0, 0, 0, 0.4); }

/* *****  応募・問い合わせ ***** */
.p-contact_head_title { width: 489px; margin: 0 auto; padding: 100px 0 0; }

@media screen and (max-width: 747px) { .p-contact_head_title { padding: 40px 0 0; width: 262px; } }

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

@media screen and (max-width: 747px) { .p-contact_desc { text-align: left; padding: 0 0 40px; } }

.p-contact_desc span { color: #CC0B1E; }

.p-contact_box { background: #ffffff; max-width: 1026px; margin: 0 auto; padding: 50px 0; }

@media screen and (max-width: 747px) { .p-contact_box { background: transparent; padding: 0; } }

.p-contact dl { width: 80%; margin: 0 auto; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; }

@media screen and (max-width: 747px) { .p-contact dl { width: 100%; } }

.p-contact dl dt { padding: 0 0 50px; width: 34%; position: relative; }

@media screen and (max-width: 747px) { .p-contact dl dt { width: 100%; padding: 0 0 10px; } }

.p-contact dl dt span { width: 100%; display: block; font-weight: bold; padding: 0 0 0 60px; }

@media screen and (max-width: 747px) { .p-contact dl dt span { padding: 0; } }

.p-contact dl dt.is-required { position: relative; }

@media screen and (max-width: 747px) { .p-contact dl dt.is-required { padding-left: 50px; } }

.p-contact dl dt.is-required:after { content: '必須'; display: block; background: #CC0B1E; color: #FFF; font-size: 12px; width: 40px; text-align: center; border-radius: 3px; position: absolute; top: 3px; left: 0; }

@media screen and (max-width: 747px) { .p-contact dl dt.is-required:after { top: 0; } }

.p-contact dl dd { width: 66%; padding: 0 0 50px; }

@media screen and (max-width: 747px) { .p-contact dl dd { width: 100%; padding: 0 0 40px; } }

.p-contact dl dd span { padding: 0 20px 0 10px; }

.p-contact dl .is-confirm { font-weight: bold; }

.p-contact_link { text-align: center; }

.p-contact_link_back { padding: 30px 0 0; font-size: 14px; text-decoration: underline; }
/*# sourceMappingURL=page.css.map */