@charset "UTF-8";
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video{
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}

body{
  display:flex;
  flex-direction:column;
  position:relative;
  overflow-x:hidden;
  background-color:#fff;
  font-family:"Open Sans", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  font-size:1.6rem;
  color:#555;
  line-height:1.8;
  word-wrap:break-word;
  overflow-wrap:break-word;
}

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

nav ul{
  list-style:none;
}

blockquote, q{
  quotes:none;
}

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

a{
  margin:0;
  padding:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
  color:#e60012;
  text-decoration:underline;
}
ins{
  background-color:#ff9;
  color:#000;
  text-decoration:none;
}
mark{
  background-color:#ff9;
  color:#000;
  font-style:italic;
  font-weight:bold;
}

del{
  text-decoration:line-through;
}

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

table{
  border-collapse:collapse;
  border-spacing:0;
}
hr{
  display:block;
  height:1px;
  border:0;
  border-top:1px solid #cccccc;
  margin:1em 0;
  padding:0;
}

input, select{
  vertical-align:middle;
}
*,
*:before,
*:after{
  box-sizing:border-box;
}

ul[class],
ol[class]{
  list-style:none;
}

input,
button,
textarea,
select{
  font:inherit;
}

h1,
h2,
h3,
h4,
h5,
h6{
  font-weight:normal;
}
html,
body{
  height:100%;
}

html{
  font-size:62.5%;
}
body::after{
  content:"none";
  display:none;
}
body.is-scroll-lock{
  overflow:hidden;
}
a:hover, a:focus, a:active{
  text-decoration:none;
}

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

ol,
ul{
  list-style:none;
}

* + p:not([class]){
  margin-top:1em;
}
* + p[class^=font-]{
  margin-top:1em;
}
* + p[class^=text-]{
  margin-top:1em;
}

sub,
sup{
  position:relative;
  font-size:75%;
  line-height:0;
  vertical-align:baseline;
}

sub{
  bottom:-0.25em;
}

sup{
  top:-0.5em;
}
input[type=text], input[type=date], input[type=month], input[type=email], input[type=tel], input[type=number], input[type=password], input[type=search], textarea, select{
  -moz-appearance:none;
       appearance:none;
  -webkit-appearance:none;
  box-shadow:none;
  border:1px solid #dee1e3;
  border-radius:4px;
  width:100%;
  min-height:38px;
  font-size:1.6rem;
  color:#555;
  transition:border-color 0.3s;
}
input[type=text]:focus, input[type=date]:focus, input[type=month]:focus, input[type=email]:focus, input[type=tel]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, textarea:focus, select:focus{
  outline:none;
  box-shadow:0 0 0 3px rgba(230, 0, 18, 0.2);
  border-color:#e60012;
}
input[type=text]:disabled, input[type=date]:disabled, input[type=month]:disabled, input[type=email]:disabled, input[type=tel]:disabled, input[type=number]:disabled, input[type=password]:disabled, input[type=search]:disabled, textarea:disabled, select:disabled{
  background-color:#f4f6f7;
}
input.is-invalid[type=text], input.is-invalid[type=date], input.is-invalid[type=month], input.is-invalid[type=email], input.is-invalid[type=tel], input.is-invalid[type=number], input.is-invalid[type=password], input.is-invalid[type=search], textarea.is-invalid, select.is-invalid{
  border-color:#e60012;
}
input[type=checkbox], input[type=radio]{
  position:absolute;
  overflow:hidden;
  width:1px;
  height:1px;
  margin:-1px;
  padding:0;
  border:0;
  white-space:nowrap;
  clip:rect(0 0 0 0);
  clip-path:inset(50%);
}

button{
  cursor:pointer;
}

input,
textarea{
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
}

input:-moz-placeholder{
  color:#7f8b93;
}

input:placeholder-shown{
  color:#7f8b93;
}
input::-webkit-input-placeholder{
  color:#7f8b93;
  opacity:1;
}
input:-moz-placeholder{
  color:#7f8b93;
}
input::-moz-placeholder{
  color:#7f8b93;
  opacity:1;
}
input:-ms-input-placeholder{
  color:#7f8b93;
}
input[type=text], input[type=date], input[type=month], input[type=email], input[type=tel], input[type=number], input[type=password], input[type=search]{
  padding:0.4em 0.75em;
  line-height:1.2;
}
input[type=text]:-moz-read-only, input[type=date]:-moz-read-only, input[type=month]:-moz-read-only, input[type=email]:-moz-read-only, input[type=tel]:-moz-read-only, input[type=number]:-moz-read-only, input[type=password]:-moz-read-only, input[type=search]:-moz-read-only{
  background-color:#f4f6f7;
}
input[type=text]:read-only, input[type=date]:read-only, input[type=month]:read-only, input[type=email]:read-only, input[type=tel]:read-only, input[type=number]:read-only, input[type=password]:read-only, input[type=search]:read-only{
  background-color:#f4f6f7;
}
input[type=checkbox] + label, input[type=radio] + label{
  display:inline-block;
  position:relative;
  padding-left:2em;
  line-height:1.6;
}
input[type=checkbox] + label::before, input[type=checkbox] + label::after, input[type=radio] + label::before, input[type=radio] + label::after{
  display:block;
  position:absolute;
  top:1px;
  left:0;
  width:18px;
  height:18px;
}
input[type=checkbox]:focus + label::before, input[type=radio]:focus + label::before{
  box-shadow:0 0 0 3px rgba(230, 0, 18, 0.2);
}
input[type=checkbox]:disabled + label, input[type=radio]:disabled + label{
  opacity:0.5;
}
input[type=checkbox]:disabled + label::before, input[type=radio]:disabled + label::before{
  background-color:#f4f6f7;
}
input[type=checkbox] + label::before, input[type=checkbox] + label::after{
  border-radius:3px;
}
input[type=checkbox] + label::before{
  content:"";
  z-index:1;
  border:1px solid #dee1e3;
  transition:opacity 0.3s;
}
input[type=checkbox] + label::after{
  content:"\f12c";
  font-family:"Material Design Icons";
  font-weight:normal;
  line-height:1;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  display:flex;
  justify-content:center;
  align-items:center;
  opacity:0;
  z-index:2;
  background-color:#e60012;
  font-size:1.1em;
  color:#fff;
  transition:opacity 0.3s;
}
input[type=checkbox]:checked + label::before{
  border-color:#e60012;
}
input[type=checkbox]:checked + label::after{
  opacity:1;
}
input[type=checkbox].is-invalid:not(:checked) + label::before{
  border-color:#e60012;
}
input[type=radio] + label::before, input[type=radio] + label::after{
  content:"";
  border-radius:50%;
}
input[type=radio] + label::before{
  z-index:1;
  border:1px solid #dee1e3;
  background-color:#fff;
  transition:border 0.3s;
}
input[type=radio] + label::after{
  opacity:0;
  top:5px;
  left:4px;
  z-index:2;
  width:10px;
  height:10px;
  background-color:#e60012;
  color:#fff;
  transition:opacity 0.3s;
}
input[type=radio]:checked + label::before{
  border-color:#e60012;
}
input[type=radio]:checked + label::after{
  opacity:1;
}
input[type=radio].is-invalid:not(:checked) + label::before{
  border-color:#e60012;
}
input[type=range]{
  outline:none;
  margin:0;
  border-radius:2px;
  width:100%;
  height:4px;
  background-color:#dee1e3;
  -webkit-appearance:none;
     -moz-appearance:none;
          appearance:none;
}
input[type=range]:disabled{
  pointer-events:none;
}
input[type=range]:disabled::-webkit-slider-thumb{
  background-color:#7f8b93 !important;
}
input[type=range]:disabled::-moz-range-thumb{
  background-color:#7f8b93 !important;
}
input[type=range]::-webkit-slider-thumb{
  cursor:pointer;
  display:block;
  box-shadow:none;
  border:2px solid #fff;
  border-radius:50%;
  width:18px;
  height:18px;
  background-color:#e60012;
  -webkit-transition:box-shadow 0.15s;
  transition:box-shadow 0.15s;
  -webkit-appearance:none;
          appearance:none;
}
input[type=range]:active::-webkit-slider-thumb{
  box-shadow:0 0 0 2px rgba(230, 0, 18, 0.5);
}
input[type=range]::-moz-range-thumb{
  cursor:pointer;
  display:block;
  border:2px solid #fff;
  border-radius:50%;
  width:14px;
  height:14px;
  background-color:#e60012;
  -moz-transition:box-shadow 0.15s;
  transition:box-shadow 0.15s;
}
input[type=range]:active::-moz-range-thumb{
  box-shadow:0 0 0 2px rgba(230, 0, 18, 0.5);
}
input[type=range]::-moz-focus-outer{
  border:0;
}

textarea{
  resize:vertical;
  display:block;
  padding:0.4em 0.75em;
}
textarea:-moz-read-only{
  background-color:#f4f6f7;
}
textarea:read-only{
  background-color:#f4f6f7;
}

select{
  padding:0.2em 1.75em 0.2em 0.75em;
  background:#fff url(/images/common/icon-select-arrow.svg) right 0.25em center/20px 20px no-repeat;
  line-height:1.2;
}

.breadcrumb{
  margin-top:-46px;
  padding:15px 0;
  min-height:46px;
}
.functionLink + .breadcrumb{
  background-color:#f4f6f7;
}
.breadcrumb-list{
  font-size:1.2rem;
  line-height:1.4;
}
.breadcrumb-item{
  display:inline;
}
.breadcrumb-item:not(:first-child)::before{
  content:"\f142";
  font-family:"Material Design Icons";
  font-size:inherit;
  font-weight:normal;
  line-height:1;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  margin:0 0.25em;
  color:#7f8b93;
}
.breadcrumb-link{
  color:#555;
}
.column-item:not(:first-child){
  margin-top:40px;
}

.contact{
  padding:40px 0;
  background:#feeaeb url(/images/common/bg-contact-sp.png) center bottom/cover no-repeat;
}
.contact-title{
  font-family:"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  font-weight:700;
  margin-bottom:1em;
  font-size:1.8rem;
  color:#2c2c2c;
  line-height:1.5;
  text-align:center;
}
.contact-titleInner{
  position:relative;
  padding:0 1em;
}
.contact-titleInner::before, .contact-titleInner::after{
  content:"";
  display:block;
  position:absolute;
  top:50%;
  background:url(/images/common/line-dotted.svg) no-repeat;
  width:4px;
  height:25px;
}
.contact-titleInner::before{
  left:0;
  transform:translateY(-50%) rotate(-20deg);
}
.contact-titleInner::after{
  right:0;
  transform:translateY(-50%) rotate(20deg);
}
.contact-list{
  margin-right:auto;
  margin-left:auto;
  max-width:420px;
}
.contact-item{
  box-shadow:0 10px 20px rgba(242, 48, 58, 0.16);
  padding:15px;
  border-radius:10px;
  min-height:135px;
  background-color:#fff;
  line-height:1.4;
  text-align:center;
}
.contact-item:not(:first-child){
  margin-top:15px;
}
.contact-lead{
  font-family:"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  font-weight:700;
  margin-bottom:0.5em;
  font-size:1.8rem;
  text-align:center;
}
.contact-telNumber{
  font-family:"Lato", sans-serif;
  font-size:3.4rem;
  font-weight:700;
  color:#2c2c2c;
  text-decoration:none;
}
.contact-telNumber::before{
  content:"\f3f2";
  font-family:"Material Design Icons";
  font-weight:normal;
  line-height:1;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  display:inline-block;
  margin-right:0.15em;
  font-size:3.6rem;
  color:#e60012;
}
.contact-telTime{
  margin-top:0.5em;
  font-size:1.3rem;
  color:#7f8b93;
}
.contact-telNotes{
  margin-left:0.5em;
}
.contact-form{
  background-image:linear-gradient(to right, #e60012 0%, #f2303a 50%, #e60012 100%);
  background-position:left center;
  background-size:200% auto;
  color:#fff;
  transition:background 0.3s;
  position:relative;
  font-family:"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  display:flex;
  justify-content:center;
  align-items:center;
  padding:0.5em 1.75em;
  border-radius:5em;
  font-size:1.9rem;
  font-weight:700;
  text-decoration:none;
  text-align:center;
  margin-right:auto;
  margin-left:auto;
  max-width:370px;
  min-height:70px;
}
.contact-form::after{
  content:"";
  display:block;
  position:absolute;
  width:8px;
  height:8px;
  border-top:2px solid #fff;
  border-right:2px solid #fff;
  transition:transform 0.3s;
  top:50%;
  transform:translateY(-50%) rotate(45deg);
  right:25px;
  left:auto;
}
.contact-form::before{
  content:"\f1f0";
  font-family:"Material Design Icons";
  font-weight:normal;
  line-height:1;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  margin-right:0.25em;
  font-size:2.8rem;
}

.footer{
  padding:60px 0 15px;
  background-color:#24323b;
  color:#fff;
}
.footer a{
  color:inherit;
  text-decoration:none;
}
.footer a:hover, .footer a:focus{
  text-decoration:underline;
}
.footer-bannerItem{
  display:flex;
  justify-content:center;
  align-items:center;
}
.footer-bannerItem:not(:first-child){
  margin-top:15px;
}
.footer-bannerLink{
  display:block;
  width:100%;
  text-align:center;
}
.footer-info{
  font-size:85%;
  text-align:center;
}
.footer-banner + .footer-info{
  margin-top:40px;
}
.footer-logo{
  display:inline-block;
  margin-bottom:15px;
}
.footer-address p{
  margin-top:0 !important;
}
.footer-tel{
  color:#fff;
  text-decoration:none;
}
.footer-pMark{
  display:inline-block;
  margin:15px 0;
}
.footer-infoBody{
  margin-top:1rem;
}
.footer-relation{
  margin-bottom:15px;
}
.footer-relationLink{
  display:block;
}
.footer-sns{
  display:inline-flex;
  justify-content:center;
  margin-bottom:15px;
}
.footer-snsItem{
  width:40px;
}
.footer-snsItem:not(:first-child){
  margin-left:20px;
}
.footer-snsLink{
  display:block;
}
.footer-list{
  text-align:center;
}
.footer-copyright{
  margin-bottom:0;
  color:#adb4b9;
}

.functionLink{
  background-color:#f4f6f7;
}
.functionLink-sm{
  padding-top:40px;
  padding-bottom:60px;
}
.functionLink-sm .functionLink-item{
  height:55px;
}
.functionLink-lg .functionLink-item{
  height:120px;
}
.functionLink-item:not(:first-child){
  margin-top:15px;
}
.functionLink-sm .functionLink-item-img{
  height:80px;
}
.functionLink-lg .functionLink-item-img{
  height:auto !important;
}
.functionLink-link{
  position:relative;
  box-shadow:0 1px 1px rgba(34, 36, 38, 0.12), 0 3px 6px rgba(34, 36, 38, 0.2);
  transition:box-shadow 0.3s;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  border-radius:10px;
  width:100%;
  height:100%;
  background:#24323b center center/cover no-repeat;
  color:#fff;
  text-decoration:none;
  text-align:center;
}
.functionLink-link::before, .functionLink-link::after{
  content:"";
  display:block;
  position:absolute;
  transition:border 0.3s, background 0.3s;
}
.functionLink-link::before{
  right:15px;
  bottom:50%;
  transform:translateY(50%);
  border:2px solid #fff;
  border-radius:50%;
  width:32px;
  height:32px;
}
.functionLink-link::after{
  right:calc(15px + 14px);
  width:6px;
  height:6px;
  bottom:50%;
  transform:translateY(50%) rotate(45deg);
  border-top:2px solid #fff;
  border-right:2px solid #fff;
}
.functionLink-link:hover::before, .functionLink-link:focus::before{
  background-color:#fff;
}
.functionLink-link:hover::after, .functionLink-link:focus::after{
  border-color:#24323b;
}
.functionLink-link:hover, .functionLink-link:focus{
  box-shadow:0 2px 2px rgba(34, 36, 38, 0.24), 0 6px 12px rgba(34, 36, 38, 0.4);
}
.functionLink-sm .functionLink-link{
  padding:15px 55px;
}
.functionLink-sm .functionLink-item-img .functionLink-link{
  padding-left:95px;
}
.functionLink-lg .functionLink-link{
  padding:15px;
}
.functionLink-lg .functionLink-item-img .functionLink-link{
  justify-content:flex-start;
}
.functionLink-lg .functionLink-link::before{
  bottom:15px;
  transform:none;
}
.functionLink-lg .functionLink-item-img .functionLink-link::before{
  top:15px;
  bottom:auto !important;
}
.functionLink-lg .functionLink-link::after{
  bottom:28px;
  transform:rotate(45deg);
}
.functionLink-lg .functionLink-item-img .functionLink-link::after{
  top:28px;
  bottom:auto !important;
}
.functionLink-link-photoSelect{
  background-image:url(/images/common/bg-function-photo-select.jpg);
}
.functionLink-link-manuscript{
  background-image:url(/images/common/bg-function-manuscript.jpg);
}
.functionLink-link-proofreading{
  background-image:url(/images/common/bg-function-proofreading.jpg);
}
.functionLink-link-autoSelect{
  background-image:url(/images/common/bg-function-auto-select.jpg);
}
.functionLink-link-member{
  background-image:url(/images/common/bg-function-member.jpg);
}
.functionLink-link-securitySupport{
  background-image:url(/images/common/bg-function-security.jpg);
}
.functionLink-link-photostore{
  background-image:url(/images/common/bg-function-photostore.jpg);
}
.functionLink-title{
  font-family:"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  font-weight:700;
  display:block;
  width:100%;
  line-height:1.4;
}
.functionLink-sm .functionLink-title{
  font-size:1.8rem;
}
.functionLink-lg .functionLink-title{
  font-size:2rem;
}
.functionLink-lg .functionLink-item-img .functionLink-title{
  padding:0.15em 32px 0 32px;
}
.functionLink-title br{
  display:none;
}
.functionLink-detail{
  display:block;
  margin-top:0.5em;
  margin-bottom:auto;
  width:100%;
  font-size:1.4rem;
  line-height:1.6;
}
.functionLink-sm .functionLink-img{
  position:absolute;
  bottom:8px;
  left:-18px;
  width:auto;
  height:62px;
}
.functionLink-lg .functionLink-img{
  margin-top:10px;
  margin-bottom:-3%;
}

.globalInner{
  padding:0 15px;
  transition:padding 0.3s;
}

.globalWrapper{
  flex:1;
}
.globalWrapper-main{
  display:flex;
  flex-direction:column;
  height:100%;
}

.header{
  display:flex;
  align-items:center;
  position:fixed;
  top:0;
  left:0;
  z-index:1010;
  width:100%;
  transition:background-color 0.3s, box-shadow 0.3s;
}
.header.is-over-mv{
  box-shadow:0 0 10px rgba(0, 0, 0, 0.16);
  background-color:#fff;
}
.is-open-menu .header{
  background-color:#fff;
}
.header-logo{
  padding:0 10px;
  width:calc(100% - 112px);
}
.header-logoLink{
  display:block;
  max-width:138px;
}
.header-contact, .header-btn{
  display:flex;
  justify-content:center;
  align-items:center;
  width:56px;
  height:56px;
}
.header-contact{
  flex-direction:column;
  background-color:#e60012;
  color:#fff;
  text-decoration:none;
  text-align:center;
  white-space:nowrap;
}
.header-contact::before{
  content:"\f1f0";
  font-family:"Material Design Icons";
  font-weight:normal;
  line-height:1;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  font-size:3.2rem;
}
.header-contactText{
  transform:scale(0.75);
  font-size:1rem;
  line-height:1.2;
}
.header-btn{
  padding:0;
  border:none;
  border-radius:0;
  width:56px;
  height:56px;
  background-color:#222426;
}
.header-btnLine{
  position:relative;
  border-radius:1.5px;
  width:26px;
  height:3px;
  background-color:#fff;
  transition:background-color 0.3s;
}
.is-open-menu .header-btnLine{
  background-color:transparent;
}
.header-btnLine::before, .header-btnLine::after{
  content:"";
  display:block;
  position:absolute;
  left:0;
  border-radius:1.5px;
  width:100%;
  height:3px;
  background-color:#fff;
  transition:transform 0.3s;
}
.header-btnLine::before{
  transform:translateY(-10px);
}
.is-open-menu .header-btnLine::before{
  transform:rotate(45deg);
}
.header-btnLine::after{
  transform:translateY(10px);
}
.is-open-menu .header-btnLine::after{
  transform:rotate(-45deg);
}
.header-menu{
  opacity:0;
  position:fixed;
  top:56px;
  left:0;
  z-index:-1;
  overflow:hidden;
  width:100%;
  height:calc(100% - 56px);
  background-color:#f4f6f7;
  transition:opacity 0.3s;
  pointer-events:none;
}
.header-menu.is-open{
  opacity:1;
  overflow-y:auto;
  pointer-events:auto;
}

.headerNav{
  padding:40px 15px;
}
.headerNav-list{
  line-height:1.4;
}
.headerNav-link{
  font-family:"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  font-weight:700;
  position:relative;
  display:block;
  padding:0.85em 15px;
  min-height:50px;
  font-size:1.6rem;
  color:#2c2c2c;
  text-decoration:none;
  transition:color 0.3s;
}
.headerNav-link::after{
  content:"";
  display:block;
  position:absolute;
  width:6px;
  height:6px;
  border-top:2px solid #2c2c2c;
  border-right:2px solid #2c2c2c;
  transition:transform 0.3s;
  top:50%;
  transform:translateY(-50%) rotate(45deg);
  right:15px;
  left:auto;
}
.headerNav-linkText{
  position:relative;
}
.is-current .headerNav-linkText::before{
  content:"";
  position:absolute;
  top:50%;
  left:-15px;
  transform:translateY(-50%);
  border-radius:50%;
  width:5px;
  height:5px;
  background-color:#e60012;
}
.headerNav-contact{
  margin-top:40px;
}
.headerNav-contactItem:not(:first-child){
  margin-top:15px;
}
.headerNav-contactItem-tel{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  padding:0.3em 2em 0.55em;
  border-radius:5em;
  min-height:70px;
  background-color:#fff;
  line-height:1.4;
  text-align:center;
}
.headerNav-telNumber{
  font-family:"Lato", sans-serif;
  font-size:2.8rem;
  font-weight:700;
  color:#2c2c2c;
  text-decoration:none;
}
.headerNav-telNumber::before{
  content:"\f3f2";
  font-family:"Material Design Icons";
  font-weight:normal;
  line-height:1;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  display:inline-block;
  margin-right:0.15em;
  font-size:3rem;
  color:#e60012;
}
.headerNav-telTime{
  width:100%;
  font-size:1.2rem;
  color:#7f8b93;
}
.headerNav-telNotes{
  margin-left:0.5em;
}
.headerNav-form{
  background-image:linear-gradient(to right, #e60012 0%, #f2303a 50%, #e60012 100%);
  background-position:left center;
  background-size:200% auto;
  color:#fff;
  transition:background 0.3s;
  position:relative;
  font-family:"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  display:flex;
  justify-content:center;
  align-items:center;
  padding:0.5em 1.75em;
  border-radius:5em;
  font-size:1.9rem;
  font-weight:700;
  text-decoration:none;
  text-align:center;
  min-height:70px;
}
.headerNav-form::after{
  content:"";
  display:block;
  position:absolute;
  width:8px;
  height:8px;
  border-top:2px solid #fff;
  border-right:2px solid #fff;
  transition:transform 0.3s;
  top:50%;
  transform:translateY(-50%) rotate(45deg);
  right:25px;
  left:auto;
}
.headerNav-form::before{
  content:"\f1f0";
  font-family:"Material Design Icons";
  font-weight:normal;
  line-height:1;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  margin-right:0.25em;
  font-size:2.8rem;
}

.inlineLogo{
  text-align:center;
}
.inlineLogo-img{
  width:200px;
}

.mv-header{
  position:relative;
  padding-top:56px;
  background:#f4f6f7 url(/images/home/mv-bg-sp.svg?d=20250318) center bottom/cover no-repeat;
}
.mv-header::before{
  content:"";
  display:block;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:url(/images/home/mv-bg-flow-sp.svg?d=20250318) right top/contain no-repeat;
}
.mv-inner{
  position:relative;
  z-index:2;
  padding-top:8.5%;
  padding-bottom:6%;
  text-align:center;
}
.mv-title{
  text-align:center;
}
.mv-titlePic{
  display:inline-block;
  width:100%;
  max-width:585px;
}
.mv-titleImg{
  width:100%;
  max-width:none;
}
.mv-mock{
  margin-top:7.5%;
}
.mv-footer{
  position:relative;
}
.mv-notes{
  padding-top:15px;
  font-size:1rem;
  color:#7f8b93;
  line-height:1.3;
}
.mv-news{
  display:block;
  position:relative;
  padding:15px 25px 15px 15px;
  width:100%;
  background-color:#fff;
  line-height:1.2;
  text-decoration:none;
}
.mv-news::after{
  content:"";
  position:absolute;
  top:50%;
  right:15px;
  transform:rotate(45deg) translateY(-50%);
  border-top:2px solid #e60012;
  border-right:2px solid #e60012;
  width:8px;
  height:8px;
  transition:right 0.3s;
}
.mv-news.is-disabled{
  pointer-events:none;
}
.mv-news.is-disabled::after{
  content:none;
}
.mv-newsTitle{
  margin-right:0.5em;
  padding-right:0.5em;
  border-right:1px solid #e60012;
  font-family:"Lato", sans-serif;
  font-weight:700;
  color:#e60012;
  letter-spacing:0.1em;
}
.mv-newsDate{
  font-family:"Lato", sans-serif;
  color:#7f8b93;
}
.mv-newsText{
  display:block;
  overflow:hidden;
  margin-top:0.5em;
  color:#555;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.mvLower{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  padding:56px 15px 15px;
  min-height:200px;
  background:#f4f6f7 url(/images/common/mv-lower-sp.png) center bottom/cover no-repeat;
}
.mvLower-title{
  line-height:1.5;
  text-align:center;
}
.mvLower-titleSub{
  margin-bottom:0.5em;
  font-family:"Lato", sans-serif;
  font-size:1.6rem;
  font-weight:700;
  color:#e60012;
  letter-spacing:0.05em;
}
.mvLower-titleMain{
  font-family:"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  font-weight:700;
  font-size:3rem;
  color:#2c2c2c;
}

.pageTop{
  position:fixed;
  right:15px;
  bottom:15px;
  z-index:1000;
  transition:opacity 0.3s;
  opacity:0;
  pointer-events:none;
}
.pageTop.is-show{
  opacity:1;
  pointer-events:auto;
}
.pageTop-link{
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  width:50px;
  height:50px;
  background-color:#fff;
  box-shadow:0 0 10px rgba(0, 0, 0, 0.1);
  transition:box-shadow 0.3s;
  position:relative;
}
.pageTop-link::after{
  content:"";
  display:block;
  position:absolute;
  width:10px;
  height:10px;
  border-top:3px solid #2c2c2c;
  border-right:3px solid #2c2c2c;
  left:50%;
  transform:translateX(-50%) rotate(-45deg);
  top:auto;
  bottom:calc(50% - 6px);
  transition:border 0.3s;
}
.pageTop-link:hover, .pageTop-link:focus{
  box-shadow:0 0 10px rgba(0, 0, 0, 0.2);
}
.pageTop-link:hover::after, .pageTop-link:focus::after{
  border-color:#e60012;
}

.sectionLower{
  flex:1;
  padding:60px 0;
  transition:padding 0.3s;
}
.sectionLower-thin{
  padding:30px 0;
}
.sectionLower-form{
  padding-top:0 !important;
  background-color:#f4f6f7;
}
.sectionLower-formHeader{
  position:relative;
  margin-bottom:30px;
  padding-top:20px;
  padding-bottom:25px;
  background-color:#222426;
}
.sectionLower-formHeader::after{
  content:"";
  display:block;
  position:absolute;
  bottom:-20px;
  left:calc(50% - 20px);
  border-width:20px 20px 0 20px;
  border-style:solid;
  border-color:#222426 transparent transparent transparent;
  width:0;
  height:0;
}
.sectionLower-formText{
  margin-bottom:15px;
  text-align:center;
}
.sectionLower-formTitle{
  font-family:"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  font-weight:700;
  margin-bottom:0.25em;
  font-size:2.6rem;
  color:#fff;
  line-height:1.4;
}
.sectionLower-formDetail{
  font-size:1.4rem;
  color:#fff;
  line-height:1.6;
}
.sectionLower-formTel{
  display:flex;
  flex-direction:column;
  flex-shrink:0;
  justify-content:center;
  align-items:center;
  position:relative;
  margin:0 auto;
  padding:1em 1em;
  border-radius:5em;
  width:300px;
  background-color:#fff;
  color:#2c2c2c !important;
  line-height:1.4;
  text-decoration:none;
  text-align:center;
  gap:0.25em;
}
.sectionLower-formTelTitle{
  font-family:"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  font-weight:700;
  font-size:1.4rem;
}
.sectionLower-formTelNumber{
  display:flex;
  justify-content:center;
  align-items:center;
  position:relative;
  font-size:2rem;
  font-weight:700;
  line-height:1.3;
}
.sectionLower-formTelNumber::before{
  content:"\f3f2";
  font-family:"Material Design Icons";
  font-size:inherit;
  font-weight:normal;
  line-height:1;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  margin-right:0.25em;
}
.sectionLower-formTelTime{
  font-size:1.3rem;
}
.sectionLower-formTelTime small{
  margin-left:0.25em;
}

.sectionTop{
  position:relative;
  overflow-x:hidden;
  padding:60px 0;
  transition:padding 0.3s;
}
.sectionTop-important{
  padding:15px 0;
  background-color:#feeaeb;
  text-align:center;
}
.sectionTop-problem{
  overflow-y:hidden;
  padding-bottom:90px;
  background:url(/images/home/bg-problem-sp.jpg) center center/cover no-repeat;
}
.sectionTop-problem::before, .sectionTop-problem::after{
  content:"";
  display:block;
  position:absolute;
  bottom:-0.5px;
  width:50%;
  height:30px;
  background-repeat:no-repeat;
  background-size:cover;
}
.sectionTop-problem::before{
  left:0;
  background-image:url(/images/home/bg-function-top-left-sp.svg);
  background-position:right bottom;
}
.sectionTop-problem::after{
  right:0;
  background-image:url(/images/home/bg-function-top-right-sp.svg);
  background-position:left bottom;
}
.sectionTop-function{
  position:relative;
  z-index:1;
  padding-top:30px;
  background-color:#f4f6f7;
}
.sectionTop-function::before{
  content:"";
  display:block;
  position:absolute;
  top:0;
  left:calc(50% + 40px);
  z-index:-1;
  width:220px;
  height:138px;
  background:url(/images/home/img-scrum-ojisan.svg) center center/contain no-repeat;
}
.sectionTop-voiceSliderWrapper{
  position:relative;
}
.sectionTop-voiceSliderWrapper::before{
  content:"";
  display:block;
  position:absolute;
  top:30px;
  left:0;
  border-radius:10px 0 0 10px;
  width:calc(50% + 50vw);
  height:calc(100% + 20px);
  background-color:#f4f6f7;
}
.sectionTop-lead{
  margin-bottom:40px;
}

.stickyMovie{
  box-shadow:0 1px 1px rgba(34, 36, 38, 0.12), 0 3px 6px rgba(34, 36, 38, 0.2);
  display:none;
  position:fixed;
  right:0;
  bottom:0;
  z-index:1009;
  padding:0 10px 10px;
  border-top:1px solid #dee1e3;
  border-left:1px solid #dee1e3;
  border-top-left-radius:10px;
  background-color:#fff;
  transition:opacity 0.3s;
}
.stickyMovie.is-show{
  display:block;
}
.stickyMovie.is-hidden{
  opacity:0;
  pointer-events:none;
}
.stickyMovie-title{
  font-family:"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  font-weight:700;
  display:flex;
  justify-content:center;
  align-items:center;
  height:32px;
  font-size:1.3rem;
  color:#2c2c2c;
  line-height:1.2;
  text-align:center;
}
.stickyMovie-titleInner{
  display:inline-flex;
  align-items:center;
}
.stickyMovie-titleInner .mdi{
  margin-right:0.25em;
  color:#e60012;
}
.stickyMovie-titleInner .mdi::before{
  transform:scale(1.2);
}
.stickyMovie-list{
  display:grid;
  grid-gap:5px;
  grid-template-columns:repeat(3, 1fr);
}
.stickyMovie-item{
  width:90px;
}
.stickyMovie-link{
  display:block;
  position:relative;
}
.stickyMovie-link::before, .stickyMovie-link::after{
  content:"";
  display:block;
  position:absolute;
}
.stickyMovie-link::before{
  opacity:30%;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:#000;
  transition:opacity 0.3s;
}
.stickyMovie-link::after{
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  border:2px solid #fff;
  border-radius:50%;
  width:30px;
  height:30px;
  background:url(/images/common/icon-arrow-movie.svg) 56% 50%/35% auto no-repeat;
}
.stickyMovie-link:hover::before, .stickyMovie-link:focus::before{
  opacity:15%;
}
.stickyMovie-close{
  -moz-appearance:none;
       appearance:none;
  -webkit-appearance:none;
  margin:0;
  padding:0;
  border-radius:0;
  border:none;
  outline:none;
  background-color:transparent;
  text-align:left;
  display:flex;
  justify-content:center;
  align-items:center;
  position:absolute;
  top:0;
  right:0;
  width:32px;
  height:32px;
  color:#7f8b93;
}
.stickyMovie-close::before{
  content:"\f156";
  font-family:"Material Design Icons";
  font-weight:normal;
  line-height:1;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  font-size:2rem;
}

.alert{
  padding:0.75em 1em;
  border-radius:5px;
}
.alert-danger{
  background-color:#fde6e7;
}

* + .bannerList{
  margin-top:60px;
}
.title + .bannerList{
  margin-top:0;
}
.bannerList{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:20px;
}
.bannerList-link{
  display:inline-block;
  position:relative;
}
.bannerList-link-border::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  border:1px solid #dee1e3;
  width:100%;
  height:100%;
  pointer-events:none;
}
.sectionTop-important .bannerList-link-border::before{
  border-color:rgba(0, 0, 0, 0.2);
}
* + .blogList{
  margin-top:40px;
}
.title + .blogList{
  margin-top:0;
}
.blogList-item:not(:first-child){
  margin-top:15px;
}
.blogList-link{
  display:grid;
  align-items:center;
  font-size:1.4rem;
  color:#555;
  line-height:1.4;
  text-decoration:none;
  grid-template-columns:100px 1fr;
  grid-gap:0 10px;
}
* + .boxList{
  margin-top:40px;
}
.title + .boxList{
  margin-top:0;
}
.boxList-item{
  display:flex;
  flex-direction:column;
  align-items:center;
  padding:15px;
  border-radius:10px;
  background-color:#f4f6f7;
}
.boxList-item:not(:first-child){
  margin-top:15px;
}
.boxList-title{
  font-family:"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  font-weight:700;
  margin-bottom:0.5em;
  color:#2c2c2c;
  line-height:1.5;
  font-size:1.6rem;
  text-align:center;
}
.boxList-text{
  margin-bottom:auto;
  width:100%;
}
.boxList-imgWrapper{
  margin-top:1em;
  text-align:center;
}
.boxList-img{
  box-shadow:0 2px 4px rgba(34, 36, 38, 0.08), 0 6px 12px rgba(34, 36, 38, 0.16);
  border-radius:5px;
}

.btn{
  -moz-appearance:none;
       appearance:none;
  -webkit-appearance:none;
  margin:0;
  border:none;
  outline:none;
  background-color:transparent;
  font-family:"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  font-weight:700;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  position:relative;
  z-index:1;
  overflow:hidden;
  padding:1em 2.5em;
  border-radius:5em;
  line-height:1.4;
  text-decoration:none;
  text-align:center;
  vertical-align:bottom;
  transition:border-color 0.3s, background-color 0.3s, color 0.3s;
  min-width:260px;
  font-size:1.6rem;
}
.btn::after{
  content:"";
  display:block;
  position:absolute;
  width:8px;
  height:8px;
  border-top:2px solid #fff;
  border-right:2px solid #fff;
  transition:transform 0.3s;
  top:50%;
  transform:translateY(-50%) rotate(45deg);
  right:1.5em;
  left:auto;
}
.btn:hover::after{
  transform:translateX(3px) translateY(-50%) rotate(45deg);
}
.btn::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  transition:transform 0.3s;
  transform:scaleX(0);
  transform-origin:right center;
}
.btn:hover::before{
  transform:scaleX(1);
  transform-origin:left center;
}
.btn[target=_blank]::after, a[target=_blank] .btn::after{
  content:"\f3cc";
  font-family:"Material Design Icons";
  font-size:inherit;
  font-weight:normal;
  line-height:1;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  right:1em;
  border:none;
  width:auto;
  height:auto;
  transform:translateY(-50%) !important;
}
.btn span{
  position:relative;
  z-index:2;
}
* + .btn{
  margin-top:15px;
}
.title + .btn{
  margin-top:0;
}
.btn.is-disabled, .btn:disabled{
  opacity:0.5;
  pointer-events:none;
}
.btn-primary{
  border-color:#24323b;
  background-color:#24323b;
  color:#fff;
}
.btn-primary::before{
  background-color:#374d5b;
}
.btn-secondary{
  padding:calc(1em - 2px) calc(2.5em - 2px);
  border:2px solid #24323b;
  color:#24323b;
}
.btn-secondary::before{
  background-color:#dbe4e9;
}
.btn-back{
  position:relative;
}
.btn-back::after{
  content:"";
  display:block;
  position:absolute;
  width:8px;
  height:8px;
  border-top:2px solid #fff;
  border-right:2px solid #fff;
  transition:transform 0.3s;
  top:50%;
  transform:translateY(-50%) rotate(-135deg);
  right:auto;
  left:1.5em;
}
.btn-back:hover::after{
  transform:translateX(-3px) translateY(-50%) rotate(-135deg);
}
.btn-back.btn-secondary{
  position:relative;
}
.btn-back.btn-secondary::after{
  content:"";
  display:block;
  position:absolute;
  width:8px;
  height:8px;
  border-top:2px solid #24323b;
  border-right:2px solid #24323b;
  transition:transform 0.3s;
  top:50%;
  transform:translateY(-50%) rotate(-135deg);
  right:auto;
  left:1.5em;
}
.btn-back.btn-secondary:hover::after{
  transform:translateX(-3px) translateY(-50%) rotate(-135deg);
}

* + .btnRow{
  margin-top:15px;
}
.title + .btnRow{
  margin-top:0;
}
.btnRow{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.btnRow .btn{
  margin-top:0;
}
.btnRow-center{
  justify-content:center;
}
.btnRow-end{
  justify-content:flex-end;
}
* + .btnRow-footer{
  margin-top:40px;
}
.title + .btnRow-footer{
  margin-top:0;
}
.btnRow-footer{
  justify-content:center;
}

.concept{
  margin-top:-60px;
}
.concept-header{
  margin:0 -15px;
}
.concept-img{
  width:100%;
  max-width:none;
  max-height:240px;
  -o-object-fit:cover;
     object-fit:cover;
  -o-object-position:center bottom;
     object-position:center bottom;
}
.concept-body{
  margin-top:60px;
}

.faq-item{
  padding:15px;
  border-radius:10px;
  background-color:#fff;
}
.faq-item:not(:first-child){
  margin-top:15px;
}
.faq-title{
  font-family:"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  font-weight:700;
  margin-bottom:0.5em;
  color:#2c2c2c;
  line-height:1.5;
  font-size:2.4rem;
  text-align:center;
}

.faqList-item:not(:first-child){
  margin-top:10px;
}
.faqList-question, .faqList-answer{
  position:relative;
  padding:12px 0 12px 24px;
}
.faqList-question::before, .faqList-answer::before{
  position:absolute;
  top:16px;
  left:0;
  font-family:"Lato", sans-serif;
  font-size:1.8rem;
  font-weight:700;
  line-height:1;
}
.faqList-question{
  border-bottom:2px dotted #555;
  font-size:1.6rem;
  font-weight:700;
}
.faqList-question::before{
  content:"Q.";
  color:#e60012;
}
.faqList-answer::before{
  content:"A.";
  color:#7f8b93;
}

.featureList{
  margin:0 auto;
  max-width:360px;
}
.featureList-item{
  max-width:360px;
}
.featureList-item:not(:first-child){
  margin-top:40px;
}
.featureList-img{
  box-shadow:0 2px 4px rgba(34, 36, 38, 0.08), 0 6px 12px rgba(34, 36, 38, 0.16);
  border-radius:5px;
}
.featureList-title{
  font-family:"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  font-weight:700;
  margin-top:1em;
  margin-bottom:0.5em;
  font-size:2rem;
  color:#2c2c2c;
  line-height:1.4;
  text-align:center;
}
.formBox{
  padding:20px;
  border-radius:10px;
  background-color:#fff;
}
.formList-item:not(:first-child){
  margin-top:1em;
}
.formList-title{
  display:flex;
  align-items:center;
  margin-bottom:0.25em;
  font-weight:700;
  gap:0.25em;
}
.formList-title .label{
  flex-shrink:0;
  font-weight:400;
}
.formList-formRadio{
  padding:0.25em 0;
}
.formList-formRow{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
}
.formList-formZip{
  width:120px !important;
}
.formList-formPrefecture{
  width:170px;
}
.formList-feedback{
  font-size:0.875em;
  color:#e60012;
}
.formList-feedback:not(:empty){
  margin-top:0.25em;
}
.formList-textarea{
  overflow-y:auto;
  padding:1em;
  border:1px solid #dee1e3;
  height:200px;
  font-size:0.875em;
}

.functionMovie + .functionList{
  margin-top:60px;
}
.functionList-item:not(:first-child){
  margin-top:18%;
}
.functionList-header{
  position:relative;
  margin-right:auto;
  margin-left:auto;
  max-width:680px;
}
.functionList-header::before{
  content:"";
  display:block;
  padding-top:61.7647058824%;
  border-radius:10px;
  width:100%;
  height:0;
  background-color:#f4f6f7;
}
.functionList-link{
  display:block;
}
.functionList-img{
  box-shadow:0 2px 4px rgba(34, 36, 38, 0.08), 0 6px 12px rgba(34, 36, 38, 0.16);
  position:absolute;
  z-index:1;
}
.functionList-img-rounded{
  border-radius:5px;
}
.functionList-img-overlap{
  box-shadow:0 4px 8px rgba(34, 36, 38, 0.08), 0 10px 20px rgba(34, 36, 38, 0.16);
  z-index:2;
}
.functionList-img[src*="photo-select/img-sec-01-01.jpg"]{
  width:82.3529411765%;
  top:13.5714285714%;
  left:8.8235294118%;
}
.functionList-img[src*="photo-select/img-sec-01-02.jpg"]{
  width:35%;
  top:-9.5238095238%;
  right:5.8823529412%;
}
.functionList-img[src*="photo-select/img-sec-01-03.png"]{
  width:22.0588235294%;
  bottom:-7.1428571429%;
  left:4.4117647059%;
  border-radius:50%;
}
.functionList-img[src*="photo-select/img-sec-02-01.jpg"]{
  width:58.8235294118%;
  top:-9.5238095238%;
  left:5.8823529412%;
}
.functionList-img[src*="photo-select/img-sec-02-02.jpg"]{
  width:58.8235294118%;
  right:5.8823529412%;
  bottom:-9.5238095238%;
}
.functionList-img[src*="manuscript/img-sec-01-01.jpg"]{
  width:70.5882352941%;
  top:-9.5238095238%;
  right:5.8823529412%;
}
.functionList-img[src*="manuscript/img-sec-01-02.jpg"]{
  width:70.5882352941%;
  bottom:-9.5238095238%;
  left:5.8823529412%;
}
.functionList-img[src*="manuscript/img-sec-01-03.jpg"]{
  width:14.7058823529%;
  right:20.1470588235%;
  bottom:16.6666666667%;
}
.functionList-img[src*="manuscript/img-sec-02-01.jpg"]{
  width:70.5882352941%;
  top:-9.5238095238%;
  left:5.8823529412%;
}
.functionList-img[src*="manuscript/img-sec-02-02.jpg"]{
  width:70.5882352941%;
  right:5.8823529412%;
  bottom:-9.5238095238%;
}
.functionList-img[src*="proofreading/img-sec-01-01.jpg"]{
  width:82.3529411765%;
  top:-9.5238095238%;
  left:5.8823529412%;
}
.functionList-img[src*="proofreading/img-sec-01-02.jpg"]{
  width:33.8235294118%;
  right:5.8823529412%;
  bottom:-9.5238095238%;
}
.functionList-img[src*="member/img-member.png"]{
  width:88.3823529412%;
  top:-16.6666666667%;
  left:5.8823529412%;
  box-shadow:none !important;
}
.functionList-img[src*="member/img-messenger.jpg"]{
  width:82.3529411765%;
  top:-9.5238095238%;
  left:8.8235294118%;
}
.functionList-img[src*="photostore/img-sec-01-01.jpg"]{
  width:58.8235294118%;
  top:-9.5238095238%;
  left:5.8823529412%;
}
.functionList-img[src*="photostore/img-sec-01-02.jpg"]{
  width:79.4117647059%;
  right:5.8823529412%;
  bottom:-9.5238095238%;
}
.functionList-img[src*="photostore/img-sec-01-logo.svg"]{
  width:24.4117647059%;
  top:8.3333333333%;
  right:5.8823529412%;
  box-shadow:none !important;
}
.functionList-img[src*="photostore/img-sec-02-01.jpg"]{
  width:58.8235294118%;
  top:-9.5238095238%;
  right:5.8823529412%;
}
.functionList-img[src*="photostore/img-sec-02-02.jpg"]{
  width:79.4117647059%;
  bottom:-9.5238095238%;
  left:5.8823529412%;
}
.functionList-img[src*="photostore/img-sec-02-logo.svg"]{
  width:16.3235294118%;
  top:8.3333333333%;
  left:5.8823529412%;
  box-shadow:none !important;
}
.functionList-body{
  margin-top:10%;
}
.functionList-title{
  font-family:"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  font-weight:700;
  margin-bottom:0.5em;
  color:#2c2c2c;
  line-height:1.5;
  font-size:2rem;
}
.functionListSupport-header{
  position:relative;
}
.functionListSupport-header::before{
  content:"";
  display:block;
  position:absolute;
  top:12.1212121212%;
  left:0;
  border-radius:10px;
  width:100%;
  height:calc(100% - 24.2424242424%);
  background-color:#f4f6f7;
}
.functionListSupport-imgList{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  position:relative;
  z-index:2;
  margin:-0.7575757576% 0;
  text-align:center;
}
.functionListSupport-imgItem{
  margin:0.7575757576% 3.7878787879%;
  width:24.2424242424%;
}
.functionListSupport-img{
  box-shadow:0 2px 4px rgba(34, 36, 38, 0.08), 0 6px 12px rgba(34, 36, 38, 0.16);
  border-radius:50%;
}
.functionListSupport-body{
  margin-top:4%;
}
.functionListSupport-title{
  font-family:"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  font-weight:700;
  margin-bottom:0.5em;
  color:#2c2c2c;
  line-height:1.5;
  font-size:2rem;
}
.functionListTop-item:not(:first-child){
  margin-top:60px;
}
.functionListTop-item:nth-child(odd) .functionListTop-header{
  margin-left:-20vw;
}
.functionListTop-item:nth-child(even) .functionListTop-header{
  margin-right:-20vw;
}
.functionListTop-img{
  width:100%;
  max-width:none;
}
.functionListTop-body{
  margin-top:10px;
}
.functionListTop-title{
  font-family:"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  font-weight:700;
  margin-bottom:0.75em;
  font-size:2rem;
  color:#2c2c2c;
  text-align:center;
}
.functionListTop-titleEmphasis{
  color:#e60012;
}
.functionListTop-btn{
  margin-top:30px;
  text-align:center;
}

.functionMovie{
  position:relative;
}
.functionMovie-header{
  position:relative;
  z-index:2;
  max-width:760px;
}
.functionMovie-link img{
  box-shadow:0 2px 4px rgba(34, 36, 38, 0.08), 0 6px 12px rgba(34, 36, 38, 0.16);
  transition:box-shadow 0.3s;
}
.functionMovie-link:hover img, .functionMovie-link:focus img{
  box-shadow:0 4px 8px rgba(34, 36, 38, 0.12), 0 10px 20px rgba(34, 36, 38, 0.2);
}
.functionMovie-link{
  display:block;
  position:relative;
}
.functionMovie-link::before{
  content:"";
  display:block;
  position:absolute;
  top:50%;
  left:50%;
  z-index:3;
  transform:translate(-50%, -50%);
  border-radius:50%;
  width:60px;
  height:60px;
  background:rgba(230, 0, 18, 0.7) url(/images/common/icon-arrow-movie.svg) 54% 50%/28% auto no-repeat;
  transition:background 0.3s;
}
.functionMovie-link:focus::before, .functionMovie-link:hover::before{
  background-color:rgba(230, 0, 18, 0.85);
}
.functionMovie-img{
  border-radius:5px;
  width:100%;
}
.functionMovie-badge{
  position:absolute;
  top:-10px;
  right:-10px;
  box-shadow:none !important;
  width:80px;
  height:80px;
}
.functionMovie-body{
  position:relative;
  right:-15px;
  margin-top:-15px;
  padding:30px 15px 15px;
  border-radius:10px 0 0 10px;
  background-color:#f4f6f7;
}
.functionMovie-title{
  font-family:"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  font-weight:700;
  margin-bottom:0.5em;
  color:#2c2c2c;
  line-height:1.5;
  font-size:2.4rem;
}
.functionMovie-title br{
  display:none;
}
.imgLink{
  display:inline-block;
  vertical-align:bottom;
}

* + .imgText{
  margin-top:40px;
}
.title + .imgText{
  margin-top:0;
}
.imgText-title{
  font-family:"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  font-weight:700;
  margin-bottom:0.5em;
  color:#2c2c2c;
  line-height:1.5;
  font-size:2rem;
  grid-area:title;
}
.imgText-imgWrapper{
  margin-bottom:15px;
  text-align:center;
  grid-area:img;
}
.imgText-text{
  grid-area:text;
}

.inlineVideo{
  position:relative;
  padding-top:56.25%;
  width:100%;
}
.inlineVideo iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}

.label{
  display:inline-block;
  padding:0.25em 0.4em;
  border:1px solid;
  border-radius:2em;
  font-size:0.75em;
  color:#fff;
  line-height:1;
}
.label-need{
  border-color:#e60012;
  background-color:#e60012;
}
.label-any{
  border-color:#7f8b93;
  color:#7f8b93;
}

* + .labelBoxList{
  margin-top:40px;
}
.title + .labelBoxList{
  margin-top:0;
}
.labelBoxList-item::after{
  content:"";
  display:block;
  clear:both;
}
.labelBoxList-item{
  position:relative;
  padding:25px 15px 15px 15px;
  border-radius:10px;
  background-color:#fff;
}
.labelBoxList-item:not(:first-child){
  margin-top:25px;
}
.labelBoxList-labelWrapper{
  position:absolute;
  top:-14px;
  left:0;
  width:100%;
  text-align:center;
}
.labelBoxList-label{
  font-family:"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  font-weight:700;
  display:inline-flex;
  justify-content:center;
  align-items:center;
  padding:0 1.5em;
  border-radius:3em;
  min-height:28px;
  background-color:#e60012;
  font-size:1.6rem;
  color:#fff;
  line-height:1.4;
}
.labelBoxList-number{
  font-size:2rem;
}
.labelBoxList-title{
  font-family:"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  font-weight:700;
  margin-bottom:0.5em;
  color:#2c2c2c;
  line-height:1.5;
  font-size:2rem;
  text-align:center;
}
.labelBoxList-text{
  margin-bottom:auto;
  width:100%;
}
.labelBoxList-imgWrapper{
  float:right;
  margin-bottom:10px;
  margin-left:10px;
}
.legendText{
  margin-bottom:1em;
  font-size:1.2rem;
  text-align:right;
}
.legendText-icon{
  width:1.4em;
}
.legendText-text::before{
  content:"…";
  margin:0 0.25em;
}

@keyframes spinner{
  to{
    transform:rotate(360deg);
  }
}
.loading{
  position:relative;
}
.loading::before{
  content:"";
  display:block;
  position:absolute;
  top:calc(50% - 2rem);
  left:calc(50% - 2rem);
  z-index:6;
  border:0.35rem solid #e60012;
  border-bottom-color:rgba(230, 0, 18, 0.2);
  border-radius:50%;
  width:4rem;
  height:4rem;
  animation:spinner 1s linear infinite;
}
.loading-static{
  min-height:6rem;
}
.loading-overlay{
  position:fixed;
  top:0;
  left:0;
  z-index:20000;
  width:100%;
  height:100%;
  background-color:rgba(255, 255, 255, 0.4);
}

.mediaList{
  padding:15px;
  border-radius:10px;
  background-color:#fff;
}
.mediaList-item{
  display:grid;
  grid-template-areas:"media-date media-category" "media-text media-text";
  grid-template-columns:70px 1fr;
  grid-gap:5px 0;
}
.mediaList-item:not(:first-child){
  margin-top:20px;
}
.mediaList-category{
  font-family:"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  font-weight:700;
  display:flex;
  justify-content:center;
  align-items:center;
  padding:0.25em 0.75em;
  border-radius:5px;
  width:150px;
  font-size:1.4rem;
  line-height:1.3;
  text-align:center;
  grid-area:media-category;
}
.mediaList-category::before{
  font-family:"Material Design Icons";
  font-weight:normal;
  line-height:1;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  margin-right:0.25em;
  font-size:1.2em;
}
.mediaList-category-magazine{
  background-color:#fff8e7;
  color:#f39800;
}
.mediaList-category-magazine::before{
  content:"\f0be";
}
.mediaList-category-newspaper{
  background-color:#f8faea;
  color:#8fc31f;
}
.mediaList-category-newspaper::before{
  content:"\f395";
}
.mediaList-category-tv{
  background-color:#e5e8f5;
  color:#004ea2;
}
.mediaList-category-tv::before{
  content:"\f502";
}
.mediaList-category-web{
  background-color:#f5e8f2;
  color:#7f1084;
}
.mediaList-category-web::before{
  content:"\f322";
}
.mediaList-category-press{
  background-color:#ebf6f4;
  color:#009e96;
}
.mediaList-category-press::before{
  content:"\f224";
}
.mediaList-category-other{
  background-color:#f4f6f7;
  color:#7f8b93;
}
.mediaList-category-other::before{
  content:"\f1d8";
}
.mediaList-date{
  color:#7f8b93;
  white-space:nowrap;
  grid-area:media-date;
}
.mediaList-text{
  grid-area:media-text;
}
.mediaList-detail{
  font-size:1.4rem;
  color:#7f8b93;
}

.mediaLogoList{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  margin:0 -5px -10px;
}
.mediaLogoList-item{
  box-shadow:0 2px 4px rgba(34, 36, 38, 0.08), 0 6px 12px rgba(34, 36, 38, 0.16);
  display:flex;
  justify-content:center;
  align-items:center;
  margin:0 5px 10px;
  padding:8px;
  border-radius:5px;
  width:calc(50% - 10px);
  height:50px;
  background-color:#fff;
}
.mediaLogoList-img{
  width:100%;
  height:100%;
  -o-object-fit:contain;
     object-fit:contain;
}

.modaal-wrapper{
  z-index:1030;
}
.modaal-inner-wrapper{
  padding:60px 15px;
}
.modaal-container{
  border-radius:10px;
}
.modaal-content-container{
  padding:15px;
  color:#555;
}
.modaal-close{
  top:10px;
  right:10px;
  border:1px solid #dee1e3 !important;
  width:44px;
  height:44px;
  background-color:#fff !important;
}
.modaal-close::before, .modaal-close::after{
  top:calc(50% - 11px);
  left:calc(50% - 2px);
  background-color:#7f8b93 !important;
}
.modaal-close:hover, .modaal-close:focus{
  background-color:#f4f6f7 !important;
}
.modaal-overlay{
  z-index:1020;
}

.modalVideo{
  display:none;
  position:fixed;
  top:0;
  left:0;
  z-index:10001;
  overflow-y:auto;
  width:100%;
  height:100%;
  background-color:rgba(0, 0, 0, 0.8);
}
.modalVideo-content{
  display:table;
  margin:0 auto;
  width:100%;
  max-width:1320px;
  height:100%;
}
.modalVideo-inner{
  display:table-cell;
  padding:90px 15px;
  vertical-align:middle;
}
.modalVideo-iframe{
  position:relative;
  padding-bottom:56.25%;
  width:100%;
  height:0;
}
.modalVideo-iframe iframe{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
.modalVideo-close{
  outline:none;
  position:absolute;
  top:10px;
  right:10px;
  padding:0;
  border:none;
  border-radius:50%;
  width:44px;
  height:44px;
  background-color:transparent;
  transition:background-color 0.3s;
  pointer-events:auto;
}
.modalVideo-close::before, .modalVideo-close::after{
  content:"";
  display:block;
  position:absolute;
  top:50%;
  left:50%;
  border-radius:2px;
  width:22px;
  height:4px;
  background-color:#fff;
  transition:background-color 0.3s;
}
.modalVideo-close::before{
  transform:translate(-50%, -50%) rotate(45deg);
}
.modalVideo-close::after{
  transform:translate(-50%, -50%) rotate(-45deg);
}
.modalVideo-close:hover, .modalVideo-close:focus{
  outline:none;
  background-color:#fff;
}
.modalVideo-close:hover::before, .modalVideo-close:hover::after, .modalVideo-close:focus::before, .modalVideo-close:focus::after{
  background-color:#e60012;
}

.newsImportantBtn{
  -moz-appearance:none;
       appearance:none;
  -webkit-appearance:none;
  margin:0;
  border-radius:0;
  outline:none;
  font-family:"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  font-weight:700;
  display:inline-block;
  padding:0.5em;
  border:2px solid #e60012;
  width:100%;
  max-width:700px;
  background-color:#fff;
  font-size:1.4rem;
  color:#e60012;
  line-height:1.3;
  text-decoration:none;
  text-align:center;
  transition:background-color 0.3s;
}
.newsImportantBtn::before{
  content:"\f02a";
  font-family:"Material Design Icons";
  font-size:inherit;
  font-weight:normal;
  line-height:1;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  transform:scale(1.2);
  margin-right:0.25em;
}
.newsImportantBtn:hover, .newsImportantBtn:focus{
  background-color:#fff5f5;
}

.pageLink{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  margin:-20px -10px 40px;
}
.pageLink-item{
  font-family:"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  font-weight:700;
  margin:20px 10px 0;
  font-size:1.6rem;
  line-height:1.4;
}
.pageLink-link{
  position:relative;
  padding-right:26px;
  color:#24323b;
  text-decoration:none;
}
.pageLink-link::before, .pageLink-link::after{
  content:"";
  display:block;
  position:absolute;
  top:50%;
  transition:border 0.3s, background 0.3s;
}
.pageLink-link::before{
  right:0;
  transform:translateY(-50%);
  border:2px solid #24323b;
  border-radius:50%;
  width:22px;
  height:22px;
}
.pageLink-link::after{
  right:8px;
  transform:translateY(-58%) rotate(45deg);
  border-right:2px solid #24323b;
  border-bottom:2px solid #24323b;
  width:6px;
  height:6px;
}
.pageLink-link:hover::before, .pageLink-link:focus::before{
  background-color:#24323b;
}
.pageLink-link:hover::after, .pageLink-link:focus::after{
  border-color:#fff;
}

.problemList{
  display:grid;
  margin:0 auto;
  max-width:840px;
  grid-gap:0 10px;
  grid-template-columns:repeat(4, 1fr);
}
.problemList-item:nth-child(1){
  grid-column:1/3;
  grid-row:1/2;
}
.problemList-item:nth-child(2){
  grid-column:3/5;
  grid-row:1/2;
}
.problemList-item:nth-child(3){
  grid-column:2/4;
  grid-row:2/3;
}
.problemList-item:nth-child(4){
  grid-column:1/3;
  grid-row:3/4;
}
.problemList-item:nth-child(5){
  grid-column:3/5;
  grid-row:3/4;
}
.problemList-item:nth-child(n+3){
  margin-top:-10%;
}
.problemList-img{
  width:100%;
}

.swal-footer{
  text-align:center;
}
.swal-button{
  transition:background-color 0.3s;
}
.swal-button--confirm{
  background-color:#24323b;
}
.swal-button--confirm:not([disabled]):hover, .swal-button--confirm:not([disabled]):focus{
  background-color:#374d5b;
}

.title-lg{
  font-family:"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  font-weight:700;
  margin-bottom:1em;
  color:#2c2c2c;
  line-height:1.5;
  font-size:2.4rem;
}
.title-md{
  font-family:"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  font-weight:700;
  margin-bottom:1em;
  color:#2c2c2c;
  line-height:1.5;
  font-size:2rem;
}
.title-sm{
  font-family:"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  font-weight:700;
  margin-bottom:1em;
  color:#2c2c2c;
  line-height:1.5;
  font-size:1.6rem;
}

.titleMarker{
  font-family:"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  font-weight:700;
  margin-bottom:40px;
  font-size:2.2rem;
  color:#2c2c2c;
  line-height:1.2;
  text-align:center;
}
.titleMarker-inner{
  display:flex;
  flex-direction:column;
  align-items:center;
}
.titleMarker-item{
  display:block;
  margin-bottom:0.2em;
  padding:0.2em 0.5em;
}
.titleMarker-primary .titleMarker-item{
  background-image:linear-gradient(to right, #e60012 0%, #f2303a 50%, #e60012 100%);
  background-position:left center;
  background-size:200% auto;
  transition:background 0.3s;
  color:#fff;
}
.titleMarker-secondary .titleMarker-item{
  background-color:#fff;
}
.titleMarker-secondary .titleMarker-emphasis{
  color:#e60012;
}

.titleSubText{
  margin-bottom:40px;
  line-height:1.4;
  text-align:center;
}
.titleSubText ~ .titleSubText{
  margin-top:60px;
}
.titleSubText-sub, .titleSubText-main{
  display:block;
}
.titleSubText-sub{
  margin-bottom:0.5em;
  font-family:"Lato", sans-serif;
  font-size:1.6rem;
  font-weight:700;
  color:#e60012;
  letter-spacing:0.1em;
}
.titleSubText-main{
  font-family:"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  font-weight:700;
  font-size:2.8rem;
  color:#2c2c2c;
}
.voiceList-item:not(:first-child){
  margin-top:40px;
}
.voiceList-header{
  display:flex;
  align-items:center;
  position:relative;
  z-index:2;
}
.voiceList-img{
  box-shadow:0 2px 4px rgba(34, 36, 38, 0.08), 0 6px 12px rgba(34, 36, 38, 0.16);
  flex-shrink:0;
  border-radius:5px;
  width:150px;
}
.voiceList-category{
  position:absolute;
  top:-10px;
  left:-10px;
  width:60px;
}
.voiceList-name{
  font-family:"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  font-weight:700;
  display:block;
  margin-bottom:15px;
  margin-left:15px;
  font-size:1.6rem;
  color:#2c2c2c;
  line-height:1.6;
}
.voiceList-name small{
  font-size:1.2rem;
}
.voiceList-body{
  position:relative;
  right:-15px;
  margin-top:-15px;
  padding:30px 15px 15px 15px;
  border-radius:10px 0 0 10px;
  background-color:#fff;
}
.voiceList-title{
  font-family:"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  font-weight:700;
  margin-bottom:0.5em;
  color:#2c2c2c;
  line-height:1.5;
  font-size:2rem;
}
.voiceSlider{
  position:relative;
  overflow:hidden;
  margin:0 -15px -20px;
  padding:0 15% 20px;
}
.voiceSlider-link{
  position:relative;
  box-shadow:0 1px 1px rgba(34, 36, 38, 0.12), 0 3px 6px rgba(34, 36, 38, 0.2);
  transition:box-shadow 0.3s;
  display:block;
  border-radius:10px;
  width:100%;
  height:100%;
  color:#fff;
  text-decoration:none;
}
.voiceSlider-link::before, .voiceSlider-link::after{
  content:"";
  display:block;
  position:absolute;
  transition:border 0.3s, background 0.3s;
  z-index:2;
}
.voiceSlider-link::before{
  right:15px;
  border:2px solid #fff;
  border-radius:50%;
  width:32px;
  height:32px;
  bottom:15px;
  transform:none;
}
.voiceSlider-link::after{
  right:calc(15px + 14px);
  width:6px;
  height:6px;
  border-top:2px solid #fff;
  border-right:2px solid #fff;
  bottom:28px;
  transform:rotate(45deg);
}
.voiceSlider-link:hover::before, .voiceSlider-link:focus::before{
  background-color:#fff;
}
.voiceSlider-link:hover::after, .voiceSlider-link:focus::after{
  border-color:#24323b;
}
.voiceSlider-link:hover, .voiceSlider-link:focus{
  box-shadow:0 2px 2px rgba(34, 36, 38, 0.24), 0 6px 12px rgba(34, 36, 38, 0.4);
}
.voiceSlider-img{
  border-radius:10px;
  width:100%;
  max-width:none;
}
.voiceSlider-footer{
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  position:absolute;
  bottom:0;
  left:0;
  z-index:1;
  padding:15px;
  border-radius:10px;
  width:100%;
  height:100%;
  background:linear-gradient(to top, #24323b, rgba(36, 50, 59, 0), rgba(36, 50, 59, 0));
}
.voiceSlider-title{
  font-family:"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  font-weight:700;
  font-size:1.5rem;
  line-height:1.7;
}
.voiceSlider-name{
  margin-top:0.5em;
  padding-right:40px;
  font-size:1.4rem;
  line-height:1.4;
}
.voiceSlider .swiper{
  overflow:visible;
}
.voiceSlider .swiper-slide{
  max-width:360px;
}

.bg-gray{
  background-color:#f4f6f7;
}
.bg-primary-background{
  background-color:#feeaeb;
}
.only-over-xs{
  display:none;
}
.only-over-sm{
  display:none;
}
.only-over-md{
  display:none;
}
.only-over-lg{
  display:none;
}
.only-over-xl{
  display:none;
}
.only-over-inline-xs{
  display:none;
}
.only-over-inline-sm{
  display:none;
}
.only-over-inline-md{
  display:none;
}
.only-over-inline-lg{
  display:none;
}
.only-over-inline-xl{
  display:none;
}

strong, .font-bold{
  font-weight:700;
}

.mt-0{
  margin-top:0 !important;
}
* + .mt-sm{
  margin-top:15px !important;
}
* + .mt-md{
  margin-top:40px !important;
}
* + .mt-lg{
  margin-top:60px !important;
}

.mb-0{
  margin-bottom:0 !important;
}
.mb-sm{
  margin-bottom:15px !important;
}
.mb-md{
  margin-bottom:40px !important;
}
.mb-lg{
  margin-bottom:60px !important;
}

.text-center{
  text-align:center !important;
}
.text-right{
  text-align:right !important;
}
.text-left{
  text-align:left !important;
}
.text-notice{
  color:#e60012;
}
.text-muted{
  color:#7f8b93;
}
small, .text-sm{
  font-size:0.875em;
}

.text-md{
  font-size:1.4rem;
}
.text-lg{
  font-size:1.25em;
}
.text-nowrap{
  white-space:nowrap;
}
@media (min-width: 321px){
  .only-under-xs{
    display:none;
  }
  .only-over-xs{
    display:block;
  }
  .only-over-inline-xs{
    display:inline;
  }}
@media (min-width: 375px){
  .contact-form{
    font-size:2rem;
  }
  .headerNav-form{
    font-size:2rem;
  }
  .titleMarker{
    font-size:2.4rem;
  }}
@media (min-width: 576px){
  body::after{
    content:"sm";
  }
  .footer-address br{
    display:none;
  }
  .functionLink-detail br{
    display:none;
  }
  .header-logoLink{
    max-width:180px;
  }
  .sectionTop-lead{
    font-size:1.8rem;
  }
  .btnRow-footer{
    flex-direction:row-reverse;
  }
  .mediaLogoList-item{
    padding:15px 12px;
    height:60px;
  }
  .mediaLogoList-img[src$="logo-fujitv.svg"]{
    height:calc(100% + 15px);
  }
  .newsImportantBtn{
    font-size:1.6rem;
  }
  .problemList{
    grid-gap:0 20px;
  }
  .problemList-item:nth-child(n+3){
    margin-top:-8%;
  }
  .titleMarker{
    font-size:3.2rem;
  }
  .titleSubText-main br{
    display:none;
  }
  .only-under-sm{
    display:none;
  }
  .only-over-sm{
    display:block;
  }
  .only-over-inline-sm{
    display:inline;
  }}
@media (min-width: 768px){
  body::after{
    content:"md";
  }
  a[href^="tel:"]{
    pointer-events:none;
  }
  input[type=checkbox] + label::before, input[type=checkbox] + label::after, input[type=radio] + label::before, input[type=radio] + label::after{
    top:3px;
  }
  input[type=radio] + label::after{
    top:7px;
  }
  .breadcrumb{
    margin-top:-60px;
    padding:20px 0;
    min-height:60px;
  }
  .breadcrumb-list{
    font-size:1.4rem;
  }
  .contact-title{
    font-size:2.4rem;
  }
  .contact-list{
    display:flex;
    margin:0 -10px;
    max-width:none;
  }
  .contact-item{
    margin:0 10px;
    width:calc(50% - 20px);
  }
  .contact-item:not(:first-child){
    margin-top:0;
  }
  .contact-form:hover, .contact-form:focus{
    background-position:right center;
  }
  .contact-form{
    font-size:1.8rem;
  }
  .footer{
    padding:60px 0;
  }
  .footer-banner{
    display:flex;
    margin:0 -20px;
  }
  .footer-bannerItem{
    margin:0 20px;
    width:calc(33.3333333333% - 40px);
  }
  .footer-bannerItem:not(:first-child){
    margin-top:0;
  }
  .footer-bannerLink{
    transition:opacity 0.3s;
  }
  .footer-bannerLink:hover, .footer-bannerLink:focus{
    opacity:0.7;
  }
  .footer-info{
    position:relative;
  }
  .footer-infoHeader{
    text-align:left;
  }
  .footer-logo{
    transition:opacity 0.3s;
    margin-bottom:30px;
  }
  .footer-logo:hover, .footer-logo:focus{
    opacity:0.7;
  }
  .footer-companyName{
    margin-bottom:0.5em;
  }
  .footer-pMark{
    position:absolute;
    top:0;
    left:190px;
    margin:0;
  }
  .footer-infoBody{
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-end;
    align-content:space-between;
    margin-left:auto;
    width:70%;
  }
  .footer-relationLink{
    transition:opacity 0.3s;
  }
  .footer-relationLink:hover, .footer-relationLink:focus{
    opacity:0.7;
  }
  .footer-sns{
    margin-left:30px;
  }
  .footer-snsLink{
    transition:opacity 0.3s;
  }
  .footer-snsLink:hover, .footer-snsLink:focus{
    opacity:0.7;
  }
  .footer-list{
    display:flex;
    justify-content:flex-end;
    text-align:right;
  }
  .footer-listItem:not(:first-child){
    margin-left:1.5em;
  }
  .functionLink-sm{
    padding-top:60px;
    padding-bottom:80px;
  }
  .functionLink-list{
    display:flex;
    flex-wrap:wrap;
    margin:0 -10px -20px;
  }
  .functionLink-item{
    margin:0 10px 20px;
    width:calc(33.3333333333% - 20px);
  }
  .functionLink-sm .functionLink-item{
    height:80px;
  }
  .functionLink-lg .functionLink-item{
    height:160px;
  }
  .functionLink-item:not(:first-child){
    margin-top:0;
  }
  .functionLink-item-img{
    width:calc(50% - 20px);
  }
  .functionLink-link{
    box-shadow:0 1px 2px rgba(34, 36, 38, 0.12), 0 4px 8px rgba(34, 36, 38, 0.2);
  }
  .functionLink-link:hover, .functionLink-link:focus{
    box-shadow:0 2px 4px rgba(34, 36, 38, 0.24), 0 8px 16px rgba(34, 36, 38, 0.4);
  }
  .functionLink-sm .functionLink-link{
    padding-left:15px;
  }
  .functionLink-title br{
    display:block;
  }
  .functionLink-detail br{
    display:block;
  }
  .globalInner{
    padding:0 40px;
  }
  .globalInner-sm{
    margin:0 auto;
    max-width:1040px;
  }
  .header-logoLink{
    transition:opacity 0.3s;
  }
  .header-logoLink:hover, .header-logoLink:focus{
    opacity:0.7;
  }
  .headerNav-contact{
    display:flex;
    justify-content:space-between;
  }
  .headerNav-contactItem{
    width:calc(50% - 5px);
  }
  .headerNav-contactItem:not(:first-child){
    margin-top:0;
  }
  .headerNav-contactItem-tel{
    min-height:80px;
  }
  .headerNav-form:hover, .headerNav-form:focus{
    background-position:right center;
  }
  .headerNav-form{
    min-height:80px;
  }
  .inlineLogo-img{
    width:300px;
  }
  .mv-notes{
    padding-bottom:15px;
  }
  .mv-news{
    display:flex;
    align-items:center;
    padding:20px 40px 20px 20px;
    height:60px;
  }
  .mv-newsTitle{
    font-size:1.8rem;
  }
  .mv-newsDate{
    margin-right:10px;
    font-size:1.8rem;
  }
  .mv-newsText{
    margin-top:0;
  }
  .sectionLower{
    padding:80px 0;
  }
  .sectionLower-thin{
    padding:40px 0;
  }
  .sectionLower-formHeader{
    padding-top:30px;
    padding-bottom:30px;
  }
  .sectionLower-formInner{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:30px;
  }
  .sectionLower-formText{
    margin-bottom:0;
    text-align:left;
  }
  .sectionLower-formTel{
    margin:0;
    padding:18px 1em;
    width:330px;
    height:128px;
  }
  .sectionLower-formTelTitle{
    font-size:1.6rem;
  }
  .sectionLower-formTelNumber{
    font-size:2.6rem;
  }
  .sectionLower-formTelTime{
    font-size:1.4rem;
  }
  .sectionTop{
    padding:80px 0;
  }
  .sectionTop-important{
    padding:40px 0 !important;
  }
  .sectionTop-problem{
    padding-bottom:130px;
    background-image:url(/images/home/bg-problem-pc.jpg);
  }
  .sectionTop-problem::before, .sectionTop-problem::after{
    height:50px;
  }
  .sectionTop-problem::before{
    background-image:url(/images/home/bg-function-top-left-pc.svg);
  }
  .sectionTop-problem::after{
    background-image:url(/images/home/bg-function-top-right-pc.svg);
  }
  .sectionTop-function{
    padding-top:30px;
  }
  .sectionTop-function::before{
    left:calc(50% + 200px);
  }
  .sectionTop-voiceSliderWrapper::before{
    height:calc(100% + 40px);
  }
  .sectionTop-lead{
    margin-bottom:60px;
    font-size:2rem;
  }
  .stickyMovie{
    box-shadow:0 1px 2px rgba(34, 36, 38, 0.12), 0 4px 8px rgba(34, 36, 38, 0.2);
    right:30px;
    padding:0 20px 20px;
    border-top-right-radius:10px;
  }
  .stickyMovie-title{
    height:46px;
    font-size:1.8rem;
  }
  .stickyMovie-titleInner::before, .stickyMovie-titleInner::after{
    content:"";
    display:block;
    border-left:3px dotted #e60012;
    height:22px;
  }
  .stickyMovie-titleInner::before{
    transform:rotate(-30deg);
    margin-right:0.75em;
  }
  .stickyMovie-titleInner::after{
    transform:rotate(30deg);
    margin-left:0.75em;
  }
  .stickyMovie-list{
    grid-gap:10px;
  }
  .stickyMovie-item{
    width:200px;
  }
  .stickyMovie-link::after{
    width:66px;
    height:66px;
  }
  .stickyMovie-close{
    top:-10px;
    right:-10px;
    border:1px solid #dee1e3;
    border-radius:50%;
    background-color:#fff;
    transition:background-color 0.3s;
  }
  .stickyMovie-close:hover, .stickyMovie-close:focus{
    background-color:#f4f6f7;
  }
  * + .bannerList{
    margin-top:100px;
  }
  .bannerList{
    gap:40px;
  }
  .bannerList-link{
    transition:opacity 0.3s;
  }
  .bannerList-link:hover, .bannerList-link:focus{
    opacity:0.7;
  }
  * + .blogList{
    margin-top:60px;
  }
  .blogList-item:not(:first-child){
    margin-top:20px;
  }
  .blogList-link{
    transition:opacity 0.3s;
    font-size:1.6rem;
    grid-gap:0 15px;
    line-height:1.6;
    grid-template-columns:120px 1fr;
  }
  .blogList-link:hover, .blogList-link:focus{
    opacity:0.7;
  }
  * + .boxList{
    margin-top:60px;
  }
  .boxList{
    display:grid;
    grid-gap:40px;
    grid-template-columns:repeat(2, 1fr);
  }
  .boxList-item{
    padding:30px;
  }
  .boxList-item:not(:first-child){
    margin-top:0;
  }
  .boxList-title{
    font-size:1.8rem;
  }
  .boxList-img{
    box-shadow:0 3px 6px rgba(34, 36, 38, 0.08), 0 10px 20px rgba(34, 36, 38, 0.16);
  }
  * + .btn{
    margin-top:40px;
  }
  .btn{
    font-size:1.8rem;
  }
  * + .btnRow{
    margin-top:40px;
  }
  * + .btnRow-footer{
    margin-top:60px;
  }
  .concept{
    margin-top:-80px;
  }
  .concept-header{
    margin:0 -40px;
  }
  .concept-body{
    margin-top:80px;
  }
  .faq-item{
    padding:40px;
  }
  .faq-item:not(:first-child){
    margin-top:40px;
  }
  .faq-title{
    font-size:3.2rem;
  }
  .faqList-question, .faqList-answer{
    padding:20px 0 20px 40px;
  }
  .faqList-question::before, .faqList-answer::before{
    top:20px;
    font-size:2.6rem;
  }
  .faqList-question{
    font-size:1.8rem;
  }
  .featureList{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    max-width:none;
    gap:60px 40px;
  }
  .featureList-item{
    width:calc(50% - 20px);
  }
  .featureList-item:not(:first-child){
    margin-top:0;
  }
  .featureList-img{
    box-shadow:0 3px 6px rgba(34, 36, 38, 0.08), 0 10px 20px rgba(34, 36, 38, 0.16);
  }
  .featureList-title{
    font-size:2.4rem;
  }
  .formBox{
    padding:30px;
  }
  .formList-item{
    display:grid;
    align-items:start;
    grid-template-columns:275px 1fr;
    grid-gap:30px;
  }
  .formList-item:not(:first-child){
    margin-top:25px;
  }
  .formList-title{
    margin-bottom:0;
    min-height:38px;
  }
  .formList-title .label{
    margin-left:auto;
  }
  .formList-formOther{
    display:grid;
    align-items:center;
    grid-gap:0.5em;
    grid-template-columns:auto 1fr;
  }
  .functionMovie + .functionList{
    margin-top:100px;
  }
  .functionList-item:not(:first-child){
    margin-top:100px;
  }
  .functionList-img{
    box-shadow:0 3px 6px rgba(34, 36, 38, 0.08), 0 10px 20px rgba(34, 36, 38, 0.16);
  }
  .functionList-img-overlap{
    box-shadow:0 6px 12px rgba(34, 36, 38, 0.08), 0 15px 30px rgba(34, 36, 38, 0.16);
  }
  .functionList-body{
    margin-top:60px;
  }
  .functionList-title{
    font-size:2.4rem;
  }
  .functionListSupport-img{
    box-shadow:0 3px 6px rgba(34, 36, 38, 0.08), 0 10px 20px rgba(34, 36, 38, 0.16);
  }
  .functionListSupport-title{
    font-size:2.4rem;
  }
  .functionListTop-item{
    display:flex;
    justify-content:space-between;
    align-items:center;
  }
  .functionListTop-item:nth-child(odd) .functionListTop-header{
    margin-left:-184px;
  }
  .functionListTop-item:nth-child(even){
    flex-direction:row-reverse;
  }
  .functionListTop-item:nth-child(even) .functionListTop-header{
    margin-right:-184px;
  }
  .functionListTop-header{
    width:calc(50% + 180px);
  }
  .functionListTop-body{
    margin-top:0;
    width:50%;
  }
  .functionListTop-title{
    font-size:2.4rem;
    text-align:left;
  }
  .functionMovie-link img{
    box-shadow:0 3px 6px rgba(34, 36, 38, 0.08), 0 10px 20px rgba(34, 36, 38, 0.16);
  }
  .functionMovie-link:hover img, .functionMovie-link:focus img{
    box-shadow:0 6px 12px rgba(34, 36, 38, 0.12), 0 15px 30px rgba(34, 36, 38, 0.2);
  }
  .functionMovie-link::before{
    width:90px;
    height:90px;
  }
  .functionMovie-badge{
    top:-25px;
    right:-25px;
    width:120px;
    height:120px;
  }
  .functionMovie-body{
    right:-40px;
    margin-top:-40px;
    padding:80px 40px 40px;
  }
  .functionMovie-title{
    font-size:3.2rem;
  }
  .imgLink{
    transition:opacity 0.3s;
  }
  .imgLink:hover, .imgLink:focus{
    opacity:0.7;
  }
  * + .imgText{
    margin-top:60px;
  }
  .imgText-title{
    font-size:2.4rem;
  }
  * + .labelBoxList{
    margin-top:60px;
  }
  .labelBoxList{
    display:grid;
    grid-gap:40px;
    grid-template-columns:repeat(2, 1fr);
  }
  .labelBoxList-item{
    padding:40px 30px 30px 30px;
  }
  .labelBoxList-item:not(:first-child){
    margin-top:0;
  }
  .labelBoxList-labelWrapper{
    top:-17px;
  }
  .labelBoxList-label{
    min-height:34px;
    font-size:1.8rem;
  }
  .labelBoxList-number{
    font-size:2.4rem;
  }
  .labelBoxList-title{
    font-size:2.4rem;
  }
  .legendText{
    font-size:1.4rem;
  }
  .mediaList{
    padding:40px;
  }
  .mediaList-item{
    min-height:100px;
    grid-template-columns:160px 1fr;
    grid-gap:0 30px;
    grid-template-areas:"media-category media-date" "media-category media-text";
  }
  .mediaList-item:not(:first-child){
    margin-top:30px;
  }
  .mediaList-category{
    flex-direction:column;
    padding:10px;
    width:auto;
  }
  .mediaList-category::before{
    margin-right:0;
    font-size:4.8rem;
    line-height:1.2;
  }
  .mediaList-date{
    align-self:end;
  }
  .mediaList-text{
    align-self:start;
  }
  .mediaLogoList-item{
    box-shadow:0 3px 6px rgba(34, 36, 38, 0.08), 0 10px 20px rgba(34, 36, 38, 0.16);
    margin:0 5px 10px;
    width:calc(25% - 10px);
  }
  .mediaLogoList-img[src$="logo-nikkei.png"]{
    height:calc(100% - 10px);
  }
  .modaal-inner-wrapper{
    padding:80px 25px;
  }
  .modaal-content-container{
    padding:30px;
  }
  .modaal-close{
    top:20px;
    right:20px;
  }
  .modalVideo-inner{
    padding-right:20px;
    padding-left:20px;
  }
  .modalVideo-close{
    top:20px;
    right:20px;
  }
  .newsImportantBtn{
    padding:0.75em;
    font-size:1.8rem;
  }
  .pageLink{
    margin:-40px -20px 60px;
  }
  .pageLink-link{
    padding-right:40px;
  }
  .pageLink-link::before{
    width:30px;
    height:30px;
  }
  .pageLink-link::after{
    right:12px;
    width:7px;
    height:7px;
  }
  .problemList{
    grid-gap:0 30px;
    grid-template-columns:repeat(6, 1fr);
  }
  .problemList-item:nth-child(3){
    grid-column:5/7;
    grid-row:1/2;
  }
  .problemList-item:nth-child(4){
    grid-column:2/4;
    grid-row:2/3;
  }
  .problemList-item:nth-child(5){
    grid-column:4/6;
    grid-row:2/3;
  }
  .problemList-item:nth-child(n+3){
    margin-top:0;
  }
  .title-lg{
    font-size:3.2rem;
  }
  .title-md{
    font-size:2.4rem;
  }
  .title-sm{
    font-size:1.8rem;
  }
  .titleMarker{
    margin-bottom:60px;
  }
  .titleSubText{
    margin-bottom:60px;
  }
  .titleSubText ~ .titleSubText{
    margin-top:80px;
  }
  .titleSubText-sub{
    font-size:1.8rem;
  }
  .titleSubText-main{
    font-size:3.2rem;
  }
  .voiceList-item:not(:first-child){
    margin-top:60px;
  }
  .voiceList-img{
    box-shadow:0 3px 6px rgba(34, 36, 38, 0.08), 0 10px 20px rgba(34, 36, 38, 0.16);
    width:260px;
  }
  .voiceList-category{
    top:-20px;
    left:-20px;
    width:auto;
  }
  .voiceList-name{
    margin-bottom:40px;
    margin-left:40px;
    font-size:1.8rem;
  }
  .voiceList-name small{
    font-size:1.4rem;
  }
  .voiceList-body{
    right:-40px;
    margin-top:-40px;
    padding:80px 40px 40px 40px;
  }
  .voiceList-title{
    font-size:2.4rem;
  }
  .voiceSlider{
    margin-right:-40px;
    margin-left:-40px;
  }
  .voiceSlider-link{
    box-shadow:0 1px 2px rgba(34, 36, 38, 0.12), 0 4px 8px rgba(34, 36, 38, 0.2);
  }
  .voiceSlider-link:hover, .voiceSlider-link:focus{
    box-shadow:0 2px 4px rgba(34, 36, 38, 0.24), 0 8px 16px rgba(34, 36, 38, 0.4);
  }
  .voiceSlider-title{
    font-size:2rem;
  }
  .voiceSlider-name{
    font-size:1.6rem;
  }
  .only-under-md{
    display:none;
  }
  .only-over-md{
    display:block;
  }
  .only-over-inline-md{
    display:inline;
  }
  .text-md-center{
    text-align:center !important;
  }
  .text-md-right{
    text-align:right !important;
  }
  .text-md-left{
    text-align:left !important;
  }
  .text-md{
    font-size:1.6rem;
  }}
@media (min-width: 992px){
  body::after{
    content:"lg";
  }
  .column-col2{
    display:grid;
    grid-gap:40px;
    grid-template-columns:repeat(2, 1fr);
  }
  .column-item:not(:first-child){
    margin-top:0;
  }
  .contact{
    padding:60px 0;
    background-image:url(/images/common/bg-contact-pc.png);
  }
  .contact-title{
    font-size:3.2rem;
  }
  .contact-titleInner::before, .contact-titleInner::after{
    height:32px;
  }
  .contact-list{
    margin:0 -20px;
  }
  .contact-item{
    margin:0 20px;
    padding:25px;
    width:calc(50% - 40px);
  }
  .contact-lead{
    margin-bottom:0.75em;
    font-size:2rem;
  }
  .contact-telNumber{
    font-size:4rem;
    line-height:1.2;
  }
  .contact-telNumber::before{
    font-size:4rem;
  }
  .contact-telTime{
    margin-top:1em;
    font-size:1.4rem;
  }
  .contact-form{
    min-height:80px;
    font-size:2.4rem;
  }
  .contact-form::before{
    font-size:3.2rem;
  }
  .contact-form::after{
    width:10px;
    height:10px;
  }
  .footer-info{
    display:flex;
    justify-content:space-between;
  }
  .footer-banner + .footer-info{
    margin-top:60px;
  }
  .footer-address{
    display:flex;
    flex-wrap:wrap;
    -moz-column-gap:1em;
         column-gap:1em;
  }
  .footer-infoBody{
    margin-top:0;
    width:50%;
  }
  .functionLink-sm{
    padding-top:100px;
    padding-bottom:100px;
  }
  .functionLink-list{
    margin:0 -20px -40px;
  }
  .functionLink-item{
    margin:0 20px 40px;
    width:calc(33.3333333333% - 40px);
  }
  .functionLink-sm .functionLink-item{
    height:100px;
  }
  .functionLink-lg .functionLink-item{
    height:200px;
  }
  .functionLink-item-img{
    width:calc(50% - 40px);
  }
  .functionLink-link::before{
    right:20px;
    width:44px;
    height:44px;
  }
  .functionLink-link::after{
    right:calc(20px + 20px);
    width:8px;
    height:8px;
  }
  .functionLink-sm .functionLink-link{
    padding:20px 75px 20px 20px;
  }
  .functionLink-sm .functionLink-item-img .functionLink-link{
    padding-left:190px;
  }
  .functionLink-lg .functionLink-link{
    padding:20px;
  }
  .functionLink-lg .functionLink-link::before{
    bottom:20px;
  }
  .functionLink-lg .functionLink-item-img .functionLink-link::before{
    top:20px;
  }
  .functionLink-lg .functionLink-link::after{
    bottom:38px;
  }
  .functionLink-lg .functionLink-item-img .functionLink-link::after{
    top:38px;
  }
  .functionLink-sm .functionLink-title{
    font-size:2rem;
  }
  .functionLink-lg .functionLink-title{
    font-size:2.4rem;
  }
  .functionLink-lg .functionLink-item-img .functionLink-title{
    padding:0.25em 44px 0 44px;
  }
  .functionLink-detail{
    margin-top:0.75em;
    font-size:1.6rem;
  }
  .functionLink-sm .functionLink-img{
    bottom:12px;
    left:10px;
    height:100px;
  }
  .functionLink-lg .functionLink-img{
    margin-top:20px;
  }
  .globalInner-sm{
    max-width:1040px;
  }
  .header-logo{
    padding:0 15px;
    width:220px;
  }
  .header-logoLink{
    margin-top:-1%;
    max-width:100%;
  }
  .header-contact, .header-btn{
    display:none;
  }
  .header-menu{
    display:block !important;
    opacity:1;
    position:static;
    z-index:1010;
    width:calc(100% - 220px);
    height:100%;
    background-color:transparent;
    pointer-events:auto;
  }
  .headerNav{
    display:flex;
    justify-content:flex-end;
    padding:0;
    height:100%;
  }
  .headerNav-list{
    display:flex;
  }
  .headerNav-link{
    display:flex;
    justify-content:center;
    align-items:center;
    padding:8px;
    height:100%;
    min-height:auto;
    text-align:center;
  }
  .headerNav-link::after{
    content:none;
  }
  .headerNav-link:hover, .headerNav-link:focus{
    color:#e60012;
  }
  .is-current .headerNav-linkText::before{
    top:auto;
    bottom:-8px;
    left:50%;
    transform:translateX(-50%);
    width:6px;
    height:6px;
  }
  .headerNav-contact{
    margin-top:0;
    padding:15px 0;
  }
  .headerNav-contactItem{
    width:auto;
  }
  .headerNav-contactItem-tel{
    padding:0 10px;
    min-height:70px;
    background-color:transparent;
  }
  .headerNav-contactItem-form{
    padding-right:15px;
    padding-left:5px;
  }
  .headerNav-telNumber{
    font-size:1.8rem;
  }
  .headerNav-telNumber::before{
    font-size:2rem;
  }
  .headerNav-telTime{
    margin-top:0.25em;
    padding:0.15em 1em;
    border-radius:2rem;
    background-color:#fff;
  }
  .header.is-over-mv .headerNav-telTime{
    background-color:#f4f6f7;
  }
  .headerNav-telNotes{
    display:none;
  }
  .headerNav-form{
    padding-right:1em;
    padding-left:1em;
    width:160px;
    min-height:70px;
    font-size:1.6rem;
  }
  .headerNav-form::before{
    font-size:2.2rem;
  }
  .headerNav-form::after{
    content:none;
  }
  .headerNav-formText{
    display:none;
  }
  .mv-header{
    padding-top:100px;
    background-image:url(/images/home/mv-bg-pc.svg?d=20250318);
  }
  .mv-header::before{
    background-image:url(/images/home/mv-bg-flow-pc.svg?d=20250318);
    background-size:auto 76%;
  }
  .mv-inner{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    margin-right:-5.1724137931%;
    padding-top:70px;
    padding-bottom:160px;
  }
  .mv-title{
    width:52.4590163934%;
    text-align:left;
  }
  .mv-titlePic{
    max-width:none;
  }
  .mv-mock{
    margin-top:0;
    width:45.9016393443%;
  }
  .mv-news{
    position:absolute;
    bottom:30px;
    left:0;
    z-index:2;
    transform:translateY(-100%);
    border-radius:0 5em 5em 0;
    width:56%;
  }
  .mv-news::after{
    right:27px;
  }
  .mv-news:hover::after, .mv-news:focus::after{
    right:22px;
  }
  .mv-newsTitle{
    margin-right:1em;
    padding-right:1em;
  }
  .mvLower{
    padding:100px 40px 40px;
    min-height:320px;
    background-image:url(/images/common/mv-lower-pc.png);
  }
  .mvLower-titleSub{
    font-size:2rem;
  }
  .mvLower-titleMain{
    font-size:4rem;
  }
  .sectionLower{
    padding:100px 0;
  }
  .sectionLower-thin{
    padding:50px 0;
  }
  .sectionLower-formHeader{
    margin-bottom:50px;
  }
  .sectionLower-formTitle{
    font-size:4rem;
  }
  .sectionTop{
    padding:100px 0;
  }
  .sectionTop-problem{
    padding-bottom:150px;
  }
  .sectionTop-function{
    padding-top:50px;
  }
  .sectionTop-function::before{
    left:calc(50% + 310px);
    width:320px;
    height:201px;
  }
  .concept{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    margin-top:0;
    gap:40px;
  }
  .concept-header{
    margin:0;
    width:360px;
  }
  .concept-img{
    box-shadow:0 2px 4px rgba(34, 36, 38, 0.08), 0 6px 12px rgba(34, 36, 38, 0.16);
    border-radius:5px;
    max-height:none;
    -o-object-fit:fill;
       object-fit:fill;
  }
  .concept-body{
    margin-top:0;
    width:760px;
  }
  .featureList-item{
    width:calc(33.3333333333% - 26.6666666667px);
  }
  .formBox{
    padding:60px;
  }
  .functionList-item{
    display:flex;
    justify-content:space-between;
    align-items:center;
  }
  .functionList-item:nth-child(odd) .functionList-header{
    margin-left:-60px;
  }
  .functionList-item:nth-child(even){
    flex-direction:row-reverse;
  }
  .functionList-item:nth-child(even) .functionList-header{
    margin-right:-60px;
  }
  .functionList-header{
    margin-right:0;
    margin-left:0;
    width:calc(50% + 40px);
    max-width:none;
  }
  .functionList-body{
    margin-top:0;
    width:calc(50% - 20px);
  }
  .functionListSupport{
    display:flex;
    justify-content:space-between;
    align-items:center;
  }
  .functionListSupport-header{
    width:56.8965517241%;
  }
  .functionListSupport-body{
    margin-top:0;
    width:calc(43.1034482759% - 40px);
  }
  .functionListTop-item:not(:first-child){
    margin-top:80px;
  }
  .functionListTop-item:nth-child(odd) .functionListTop-header{
    margin-left:-224px;
  }
  .functionListTop-item:nth-child(even) .functionListTop-header{
    margin-right:-224px;
  }
  .functionListTop-header{
    width:calc(50% + 220px);
  }
  .functionListTop-body{
    width:calc(50% - 20px);
  }
  .functionListTop-btn{
    margin-top:60px;
  }
  .functionMovie{
    display:flex;
    flex-direction:row-reverse;
    justify-content:space-between;
    padding-bottom:60px;
  }
  .functionMovie-header{
    max-width:calc(50% + 180px);
  }
  .functionMovie-body{
    right:0;
    bottom:-60px;
    margin-top:0;
    margin-right:-360px;
    padding-top:40px;
    padding-right:400px;
    border-radius:10px;
    width:calc(50% + 180px);
  }
  .functionMovie-body::before{
    content:"";
    pointer-events:none;
  }
  .imgText{
    display:grid;
    grid-template-columns:2fr 1fr;
    grid-gap:40px;
    grid-template-areas:"title img" "text img";
  }
  .imgText-imgWrapper{
    align-self:center;
    margin-bottom:0;
  }
  .imgText-imgWrapper-wide{
    margin-right:-20px;
    margin-left:-20px;
  }
  .mediaLogoList{
    margin:0 -10px -20px;
  }
  .mediaLogoList-item{
    margin:0 10px 20px;
    padding:20px 12px;
    width:calc(25% - 20px);
    height:80px;
  }
  .mediaLogoList-img[src$="logo-fujitv.svg"]{
    height:calc(100% + 20px);
  }
  .pageLink-item{
    margin:40px 20px 0;
    font-size:2rem;
  }
  .titleMarker{
    font-size:3.6rem;
  }
  .titleMarker-inner{
    display:inline-block;
    margin-bottom:0;
    padding:0.2em 0.5em;
  }
  .titleMarker-primary .titleMarker-inner{
    background-image:linear-gradient(to right, #e60012 0%, #f2303a 50%, #e60012 100%);
    background-position:left center;
    background-size:200% auto;
    color:#fff;
    transition:background 0.3s;
  }
  .titleMarker-secondary .titleMarker-inner{
    background-color:#fff;
  }
  .titleMarker-item{
    display:inline;
    margin-bottom:0;
    padding:0;
  }
  .titleMarker-primary .titleMarker-item{
    background:none;
  }
  .titleMarker-secondary .titleMarker-item{
    background-color:transparent;
  }
  .titleSubText ~ .titleSubText{
    margin-top:100px;
  }
  .voiceSlider-link::before{
    right:20px;
    width:44px;
    height:44px;
    bottom:20px;
  }
  .voiceSlider-link::after{
    right:calc(20px + 20px);
    width:8px;
    height:8px;
    bottom:38px;
  }
  .voiceSlider-footer{
    padding:20px;
  }
  .only-under-lg{
    display:none;
  }
  .only-over-lg{
    display:block;
  }
  .only-over-inline-lg{
    display:inline;
  }
  * + .mt-sm{
    margin-top:40px !important;
  }
  * + .mt-md{
    margin-top:60px !important;
  }
  * + .mt-lg{
    margin-top:100px !important;
  }
  .mb-sm{
    margin-bottom:40px !important;
  }
  .mb-md{
    margin-bottom:60px !important;
  }
  .mb-lg{
    margin-bottom:100px !important;
  }}
@media (min-width: 992px) and (min-width: 768px){
  .concept-img{
    box-shadow:0 3px 6px rgba(34, 36, 38, 0.08), 0 10px 20px rgba(34, 36, 38, 0.16);
  }}
@media (min-width: 1200px){
  body::after{
    content:"xl";
  }
  .functionLink-sm .functionLink-item{
    height:120px;
  }
  .functionLink-sm .functionLink-item-img{
    height:120px;
  }
  .functionLink-sm .functionLink-link{
    padding:20px 75px;
  }
  .functionLink-sm .functionLink-item-img .functionLink-link{
    padding-left:240px;
  }
  .functionLink-lg .functionLink-link{
    padding:40px;
  }
  .functionLink-lg .functionLink-item-img .functionLink-link::before{
    top:40px;
    right:40px;
  }
  .functionLink-lg .functionLink-item-img .functionLink-link::after{
    top:58px;
    right:60px;
  }
  .functionLink-sm .functionLink-title{
    font-size:2.4rem;
  }
  .functionLink-lg .functionLink-item-img .functionLink-title{
    padding-top:0;
    font-size:3.2rem;
  }
  .functionLink:not(.functionLink-sm) .functionLink-title br{
    display:none;
  }
  .functionLink-detail br{
    display:none;
  }
  .functionLink-sm .functionLink-img{
    height:130px;
  }
  .functionLink-lg .functionLink-img{
    margin-top:30px;
  }
  .globalInner{
    margin:0 auto;
    padding:0 60px;
    max-width:1280px;
  }
  .globalInner-sm{
    max-width:1080px;
  }
  .globalInner-wide{
    max-width:none !important;
  }
  .sectionTop-voiceSliderWrapper::before{
    top:140px;
    left:40px;
    height:calc(100% - 50px);
  }
  .faq-item{
    padding:60px;
  }
  .functionList-item:nth-child(odd) .functionList-header{
    margin-left:-120px;
  }
  .functionList-item:nth-child(even) .functionList-header{
    margin-right:-120px;
  }
  .functionList-header{
    width:calc(50% + 100px);
  }
  .functionMovie-body{
    padding:60px 400px 60px 60px;
  }
  .functionMovie-title br{
    display:block;
  }
  .mediaList{
    padding:60px;
  }
  .modalVideo-content{
    max-width:calc(80% + 40px);
  }
  .voiceList-item{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    padding-bottom:40px;
  }
  .voiceList-header{
    display:block;
    width:260px;
  }
  .voiceList-name{
    margin-top:0.75em;
    margin-bottom:0;
    margin-left:0;
    padding-right:40px;
  }
  .voiceList-body{
    top:40px;
    right:auto;
    margin-top:0;
    margin-left:-40px;
    padding:40px 40px 40px 80px;
    border-radius:10px;
    width:calc(100% - 220px);
    min-height:260px;
  }
  .voiceSlider{
    overflow:visible;
    margin:0;
    padding:0;
  }
  .voiceSlider .swiper-wrapper{
    display:grid;
    -moz-column-gap:40px;
         column-gap:40px;
    grid-template-columns:repeat(3, 1fr);
  }
  .voiceSlider .swiper-slide{
    position:relative;
  }
  .only-under-xl{
    display:none;
  }
  .only-over-xl{
    display:block;
  }
  .only-over-inline-xl{
    display:inline;
  }}
@media (min-width: 1280px){
  .header-logo{
    padding:0 30px;
    width:310px;
  }
  .header-menu{
    width:calc(100% - 310px);
  }
  .headerNav-link{
    padding:15px;
    font-size:1.8rem;
  }
  .headerNav-contactItem-tel{
    padding:0 15px;
  }
  .headerNav-contactItem-form{
    padding-left:15px;
  }
  .headerNav-telNumber{
    font-size:2.2rem;
  }
  .headerNav-telNumber::before{
    font-size:2.6rem;
  }
  .headerNav-telTime{
    font-size:1.3rem;
  }
  .headerNav-form{
    width:200px;
    font-size:2rem;
  }
  .headerNav-form::before{
    font-size:2.6rem;
  }}
@media (min-width: 1600px){
  .modalVideo-content{
    max-width:1320px;
  }}