@charset "UTF-8";

/*---------------------------------------------
input clear
---------------------------------------------*/

input[type="submit"],
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="url"],
input[type="tel"],
input[type="search"],
textarea,
select {
    outline: none;
    box-sizing: border-box;
    border-style: none;
}


select,button{cursor:pointer;}

input[type="submit"] { -webkit-appearance: none;}/*iphone用*/

/*---------------------------------------------
input customize
---------------------------------------------*/

input[type=radio], input[type=checkbox] {  display: none; }

input[type=radio] + label, input[type=checkbox] + label {
  box-sizing: border-box; position: relative; display: inline-block; margin: 0px 0px 0px 0;
  padding: 0px 0px 0 36px; vertical-align: middle; cursor: pointer; letter-spacing: 0em;
}
input[type=radio] + label.empty, input[type=checkbox] + label.empty {
  margin: 3px 0; padding: 0; width: 16px;
}

input[type=radio] + label:last-child, input[type=checkbox] + label:last-child { margin-right: 0; }


input[type=checkbox] + label:after {
  position: absolute;  top: 30%;  left: 0px;  display: block;
  margin-top: -9px;  width: 30px;  height: 30px;
  border: 1px solid #ccc;  background-color: #fff;  -webkit-border-radius: 6px;  -moz-border-radius: 6px;  border-radius: 6px;
  box-shadow:2px 3px 5px 1px rgba(0,0,0,0.18) inset;  -moz-box-shadow:2px 3px 5px 1px rgba(0,0,0,0.18) inset;  -webkit-box-shadow:2px 3px 5px 1px rgba(0,0,0,0.18) inset;
  content: '';  box-sizing: border-box;  z-index: 0;
}

input[type=checkbox] + label:before {
  position: absolute;  top: 35%;  left: 10px;  display: block;
  margin-top: -8px;  width: 6px;  height: 16px;
  border-right: 4px solid #6db131; border-bottom: 4px solid #6db131;
  content: '';  opacity: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);
  z-index: 1;
}


input[type=checkbox] + label.empty:after {  margin-top: -8px;}
input[type=checkbox] + label.empty:before {  margin-top: -7px;}

input[type=checkbox]:checked + label:before {  opacity: 1;}
input[type=checkbox]:checked + label:after {  background-color: #fff;}

/*検索結果_並べ替え用*/
input[type="text"],
input[type="checkbox"] + label.checkbox2,
input[type="radio"] + label           { border: 1px solid #ccc; border-radius: 6px;
box-shadow:2px 3px 5px 1px rgba(0,0,0,0.18) inset;  -moz-box-shadow:2px 3px 5px 1px rgba(0,0,0,0.18) inset;  -webkit-box-shadow:2px 3px 5px 1px rgba(0,0,0,0.18) inset; }
input[type="checkbox"] + label.checkbox2:after,
input[type="radio"] + label:after       { content: none; }
input[type="checkbox"]:checked + label.checkbox2,
input[type="radio"]:checked + label   { background: #6db131; color: #fff; }
input[type="checkbox"]:checked + label.checkbox2:before,
input[type="radio"]:checked + label:before { opacity: 0; }


input[type=checkbox]:disabled + label,
input[type=radio]:disabled + label {
  pointer-events: none;  color: #ccc; opacity: 0.50; filter: alpha(opacity=50); -moz-opacity: 0.50; -ms-filter: "alpha(opacity=50)";  cursor: default;
}

input::-webkit-input-placeholder {
    font-size: 87%;
    font-size: 90%;
    line-height: 1.8;
}
input::-moz-input-placeholder {
    font-size: 87%;
    font-size: 90%;
    line-height: 1.8;
}


@media (max-width: 768px) {
    input[type="text"],
input[type="checkbox"] + label.checkbox2,
input[type="radio"] + label           {
box-shadow:none;  -moz-box-shadow:none;  -webkit-box-shadow:none; }
}


/* select default*/

.select-wrap { overflow: hidden; display: inline-block; position: relative; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
 box-sizing: border-box; border: 1px solid #ccc; background-color: white;
 width: 100%; min-height: 36px; vertical-align: middle; line-height: 3em;
}


.select-wrap:after {
  content: ""; position: absolute; top: 40%; right: 10px;
  width: 8px; height: 8px; margin-top: -3px; border-top: 2px solid #000;
  border-right: 2px solid #000; -webkit-transform: rotate(135deg); transform: rotate(135deg);
}
.select-wrap select { -moz-appearance: none; -webkit-appearance: none; -o-appearance: none; -ms-appearance: none; appearance: none; -webkit-border-radius: 0 -moz-border-radius: 0 border-radius: 0 border: 0 margin: 0;
  background: none transparent; border:none; vertical-align: middle; font-size: inherit; color: inherit; box-sizing: border-box;
  line-height: 28px; width: 140%; padding: 0em 2.4em 0em 0.5em; position: relative; z-index: 1;
  font-size:87%;overflow: hidden;

}


/*
1.base
2.layout
3.module
4.state
----------------------------------------*/

/* 1.base
----------------------------------------*/

/*font*/
@font-face {
    font-family: "Roboto";
    src: url("/moetaku/_assets/fonts/Roboto-Light.woff") format("woff");
}


@font-face {
    font-family: "Noto Sans";
    src: url("/moetaku/_assets/fonts/NotoSans-Medium.woff") format("woff");
}

@font-face {
    font-family: "FontAwesome";
    src:  url("/moetaku/_assets/fonts/fontawesome-webfont.woff") format("woff");
}

/*---------------------------------------------
Common Style
---------------------------------------------*/

/*margin,padding*/

.m0  { margin: 0 !important; }
.mat0 { margin-top: 0 !important; }
.mat1 { margin-top: 1em !important; }
.mat5 { margin-top: 5px !important; }
.mat10 { margin-top: 10px !important; }
.mat15 { margin-top: 15px !important; }
.mat20 { margin-top: 20px !important; }
.mat25 { margin-top: 25px !important; }
.mat30 { margin-top: 30px !important; }
.mat35 { margin-top: 35px !important; }
.mat40 { margin-top: 40px !important; }
.mat45 { margin-top: 45px !important; }
.mat50 { margin-top: 50px !important; }
.mat100 { margin-top: 100px !important; }
.mat170 { margin-top: 170px !important; }
.mab0 { margin-bottom: 0 !important; }
.mab1 { margin-bottom: 1em !important; }
.mab5 { margin-bottom: 5px !important; }
.mab10 { margin-bottom: 10px !important; }
.mab15 { margin-bottom: 15px !important; }
.mab20 { margin-bottom: 20px !important; }
.mab25 { margin-bottom: 25px !important; }
.mab30 { margin-bottom: 30px !important; }
.mab40 { margin-bottom: 40px !important; }
.mab50 { margin-bottom: 50px !important; }
.mar0 { margin-right: 0 !important; }
.mar1 { margin-right: 1em !important; }
.mar10 { margin-right: 10px !important; }
.mar15 { margin-right: 15px !important; }
.mar20 { margin-right: 20px !important; }
.mar30 { margin-right: 30px !important; }
.mal0 { margin-left: 0 !important; }
.mal1 { margin-left: 1em !important; }
.mal10 { margin-left: 10px !important; }
.mal15 { margin-left: 15px !important; }
.mal20 { margin-left: 20px !important; }
.mal30 { margin-left: 30px !important; }
.smat20	{ margin-top: -30px;}
.smat80	{ margin-top: -80px;}

.p0  { padding: 0 !important; }
.pat0 { padding-top: 0 !important; }
.pat1 { padding-top: 1em !important; }
.pat5 { padding-top: 5px !important; }
.pat10 { padding-top: 10px !important; }
.pat15 { padding-top: 15px !important; }
.pat20 { padding-top: 20px !important; }
.pat25 { padding-top: 25px !important; }
.pat30 { padding-top: 30px !important; }
.pat40 { padding-top: 40px !important; }
.pat50 { padding-top: 50px !important; }
.pab0 { padding-bottom: 0 !important; }
.pab1 { padding-bottom: 1em !important; }
.pab5 { padding-bottom: 5px !important; }
.pab10 { padding-bottom: 10px !important; }
.pab15 { padding-bottom: 15px !important; }
.pab20 { padding-bottom: 20px !important; }
.pab25 { padding-bottom: 25px !important; }
.pab30 { padding-bottom: 30px !important; }
.pab40 { padding-bottom: 40px !important; }
.pab50 { padding-bottom: 50px !important; }
.par0 { padding-right: 0 !important; }
.par1 { padding-right: 1em !important; }
.par10 { padding-right: 10px !important; }
.par15 { padding-right: 15px !important; }
.par20 { padding-right: 20px !important; }
.par30 { padding-right: 30px !important; }
.pal0 { padding-left: 0 !important; }
.pal1 { padding-left: 1em !important; }
.pal5 { padding-left: 5px !important; }
.pal10 { padding-left: 10px !important; }
.pal15 { padding-left: 15px !important; }
.pal20 { padding-left: 20px !important; }
.pal30 { padding-left: 30px !important; }
.smal70	{position: relative;left:-70px !important;}
.smal90	{position: relative;left:50px !important;}
.smal30	{margin-left:30px !important;}
.smat50	{position: relative;top:-50px !important;}
.smat100	{position: relative;top:-100px !important;}
.smab150	{margin-bottom:-150px !important;}
.pmat100	{margin-top:-180px !important;}
.ssmat80	{margin-bottom:-70px !important;}
.ssmat100	{margin-bottom:0px !important;}
.ssmat55	{margin-top:0px !important;}
.ssmat30	{margin-top:-50px !important;padding-bottom:50px !important;}
.smab50{margin-bottom:0px !important;}

/* font-size */
.fzxs { font-size: 62% !important; }
.fzs  { font-size: 75% !important; }
.fzm  { font-size: 87% !important; }
.fzl  { font-size: 100% !important; }
.fzml { font-size: 115% !important; }
.fzxl { font-size: 135% !important; }
.fzl { font-size: 170% !important; }
.fs42 { font-size: 42px !important; }
.fs50 { font-size: 50px !important; }
.fs30 { font-size: 30px !important; }
.fsz24 { font-size: 24px !important; }
.fzll { font-size: 200% !important; }

.bn_kaiyu {cursor: pointer !important;cursor: hand !important;}
.bn_kaiyu img:hover { opacity:0.7; filter:alpha(opacity=70); -ms-filter:"alpha(opacity=70)"; }

.w100p	{width:100% !important;padding-top:20px;}

.dot::before{
	position: absolute;
	width: 10px;
	height: 10px;
	margin-top:6px;
	margin-left:-15px;
	background: url("/moetaku/_assets/images/common/icon_dot_gray.png") no-repeat left  top;
	background-size: 100%;
	content: "";
}

.kadomaru	{ border-radius: 10px !important;}



@media (max-width: 768px) {
.fs50 { font-size: 24px !important; }
.fs30 { font-size: 16px !important; }
.fsz24 { font-size: 14px !important; }
.pmat100	{margin-top:0px !important;}
.ssmat80	{margin-bottom:-80px !important;}
.ssmat100	{margin-bottom:-100px !important;}
.smab150	{margin-bottom:-70px !important;}
.ssmat55	{margin-top:70px !important;}
.ssmat50	{margin-top:50px !important;margin-bottom:0px !important;}
.smat20	{ margin-top: 0px !important;}
.smat80	{ margin-top: 0px;}
.fzl { font-size: 130% !important; }
.smal30	{margin-left:0px !important;}
.spat15	{padding-top:15px !important;}
.fzll { font-size: 160% !important; }
.smab50{margin-bottom:50px !important;}
.smat75	{margin-top:-150px !important;}


}
/* font-weight */
.fwn { font-weight: normal;}
.fwb { font-weight: bold;}

/* color */
.f_pink          { color: #ff6685 !important;}
.f_darkpink      { color: #ff124c !important;}
.f_black         { color: #000 !important;}
.f_white         { color: #fff !important;}
.bg_pink         { background-color: #ff6685 !important;}
.bg_pink2         { background-color: #ffd5df !important;}
.bg_grey         { background-color: #f2f2f2 !important;}
.bg_pattern      { background: url("/moetaku/_assets/images/common/pattern_bg.jpg");}
.bg_pattern_pink { background: url("/moetaku/_assets/images/common/pattern_bg_pink.jpg");}
.bg_pattern_b      { background: url("/moetaku/_assets/images/common/pattern_bg_b.webp");}
.bg_pattern_blue { background: url("/moetaku/_assets/images/common/pattern_bg_blue.webp");}
.bg_pattern_y      { background: url("/moetaku/_assets/images/common/pattern_bg_y.webp");}
.bg_pattern_y2 { background: url("/moetaku/_assets/images/common/pattern_bg_y2.webp");}
.bg_yerrow         { background-color: #fff100 !important;}
.bg_blue         { background-color: #b3d6f6 !important;}
.bg_blue2         { background-color: #3f73c9 !important;}
.bg_yerrow2         { background-color: #fffbcb !important;}
.bg_yerrow3         { background-color: #f8b551 !important;}


/*display*/
.disN { display: none !important; }
.posA { position: absolute !important; }
.posR { position: relative !important; }
.fl  { float: left !important; }
.fr  { float: right !important; }
.b0  { border: 0 !important; }
.tal { text-align: left !important; }
.tac { text-align: center !important; }
.tar { text-align: right !important; }
@media (max-width: 768px) {
    .-mb-disN { display: none !important; }
    .-mb-posA { position: absolute !important; }
    .-mb-posR { position: relative !important; }
    .-mb-fl  { float: left !important; }
    .-mb-fr  { float: right !important; }
    .-mb-b0  { border: 0 !important; }
    .-mb-tal { text-align: left !important; }
    .-mb-tac { text-align: center !important; }
    .-mb-tar { text-align: right !important; }
}

.hand { cursor: pointer !important; }

.bgGray { background: #777; color: #fff; }
.bgRed { background: #d54132; color: #fff; }
.ti  { text-indent: -1em; margin-left: 1em; }

.em {
 padding: 0 2px;
 font-size: 63%;
 font-weight: normal;
 vertical-align: super;
}


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

@media (max-width: 768px) {
.pc { display: none;}
.sp { display: block;}
}



/*ホバーを滑らかに処理*/
a {
    -webkit-transition: .3s;
       -moz-transition: .3s;
        -ms-transition: .3s;
         -o-transition: .3s;
            transition: .3s;
}

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


img {
    width: 100%;
    height: auto;
}

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


/*---------------------------------------------
layout
---------------------------------------------*/

section {
    width: 1170px;
    margin: 0 auto;
    padding: 50px 0 120px 0;
}

section2 {
    width: 1170px;
    margin: 0 auto;
    padding: 50px 0 120px 0;
}

#wrap {
    position: absolute;
    top: 128px;
    left: 0;
    width: 100%;
    height: auto;
}

@media (max-width: 768px) {

*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
section {
    width: 100%;
    margin: 0 auto;
    padding: 40px 20px 40px 20px;
}
    #wrap {
        position: absolute;
        top: 110px;
    }

section2 {
    width: 100%;
    margin: 0 auto;
    padding: 0px 20px 0px 20px;
}
    #wrap {
        position: absolute;
        top: 110px;
    }

}


/* カラムレイアウト
-----------------------------*/
/* 3カラム デフォルトレイアウト */
.three_column:after {
    display: table;
    clear: both;
    content: "";
}
.three_column > * {
    float: left;
    width: 370px;
    margin-right: 20px;
}
.three_column > *:nth-child(3n) {
    margin-right: 0;
}

/* 4カラム デフォルトレイアウト */
.four_column:after {
    display: table;
    clear: both;
    content: "";
}
.four_column > * {
    float: left;
    width: 277px;
    margin-right: 20px;
}
.four_column > *:nth-child(4n) {
    margin-right: 0;
}






@media (max-width: 768px) {
    .three_column > *,
    .four_column > *,
    .five_column > * {
        float: left;
        width: 48%;
        margin-right: 10px;
    }
    .three_column > *:nth-child(2n),
    .four_column > *:nth-child(2n),
    .five_column > *:nth-child(2n) {
        margin-right: 0;
    }
}

/* カラム系 白背景 グレーボーダー */
.column_grey > li {
    margin-bottom: 20px;
    background-color: #fff;
    border: 3px solid #ccc;
    border-radius: 10px;        /* CSS3草案 */
    -webkit-border-radius: 10px;/* Safari,Google Chrome用 */
    -moz-border-radius: 10px;   /* Firefox用 */
    box-sizing: border-box;
}
@media (max-width: 768px) {
.column_grey > li {
    margin-bottom: 10px;
    background-color: #fff;
    border: 3px solid #ccc;
    box-sizing: border-box;
}
}


/*---------------------------------------------
parts
---------------------------------------------*/
#twitter-widget-0 {
    border: 1px solid #ccc !important;
    box-sizing: border-box !important;
    border-radius: 0 !important;
}
/* 見出し */

#wrap h2 {
    margin: -60px 0 80px 0;
    font-family: "Noto Sans";
    font-size: 375%;
    text-align: center;
}
#wrap h3 {
    color:#333333;
    font-family: "Noto Sans";
    font-size: 150%;
    font-weight: bold;
}
@media (max-width: 768px) {
    #wrap h2 {
        font-size: 187%;
        margin: -70px 0 40px 0;
    }
    #wrap h3 {
        font-size: 75%;
    }
}

/* 吹き出し見出し */
h3.baloon {
    position: relative;
    top: -75px;
    width: 490px;
    margin: 0 auto;
    text-align: center;
    background-size: 100%;
    background-repeat: no-repeat;
}
h3.baloon_regular {
    height: 32px;
    padding: 30px 5px 40px;
    background-image: url("/moetaku/_assets/images/common/title_normal.png");
}
h3.baloon_cloud {
    height: 50px;
    padding: 33px 5px;
    background-image: url("/moetaku/_assets/images/common/title_cloud.png");
}
h3.baloon_surprise {
    width: 563px;
    height: 51px;
    padding: 37px 5px 29px;
    background-image: url("/moetaku/_assets/images/common/title_surprise.png");
}
@media (max-width: 768px) {
    h3.baloon {
        width: 286px;
    }
    h3.baloon_regular {
        padding: 18px 5px 40px;
    }
    h3.baloon_cloud {
        padding: 20px 5px 45px;
    }
    h3.baloon_surprise {
        padding: 20px 5px 40px;
    }
}


/* 吹き出し見出しとセットのキャラクター */
h3 .bal_char_only{
    display: block;
}
h3.baloon_regular .bal_char{
    position: absolute;
    top: -12px;
    left: 10px;
}
h3.baloon_cloud .bal_char{
    position: absolute;
    top: -12px;
    left: -20px;
}
h3.baloon_surprise .bal_char{
    position: absolute;
    top: -3px;
    left: 10px;
}

h3 .bal_char_only img,
h3 .bal_char img {
    width: 100px;
    height: auto;
}
@media (max-width: 768px) {
h3 .bal_char_only{
}
h3.baloon_regular .bal_char{
    position: absolute;
    top: 0;
    left: 25px;
}
h3.baloon_cloud .bal_char{
    position: absolute;
    top: 0;
    left: 25px;
}
h3.baloon_surprise .bal_char{
    position: absolute;
    top: -3px;
    left: 25px;
}
h3 .bal_char_only img,
h3 .bal_char img {
    width: 56px;
    height: auto;
}
}



/* 買取申込ボタン */

.application {
    position: relative;
    display: table;
    width: 50%;
    height: auto;
    text-align: center;
    margin: 0 auto;
}
.application > .app_btn {
    display: table-cell;
    width: 100%;
    height: auto;
    color:#fff;
    background-color: #ff5200;
    line-height: 50px;
    font-size: 24px;
    font-family: 'Noto Sans';
    text-decoration: none;
    margin: 0;
    border-radius: 60px;
    vertical-align: middle;
}
.application > a.app_btn:hover{
    opacity:0.6;
}
.app_btn.arrow_right {
    position: absolute;
}
.app_btn.arrow_right:before {
    position: absolute;
    top: 30px;
    right: 20px;
    font-size: 120%;
    font-family: 'Fontawesome';
    content: "\f138";
}

/*IE 調整*/
@media all and (-ms-high-contrast: none){
    .application > .app_btn {
        font-family: inherit;
    }

    .application > .app_btn {
        font-family: inherit\9; /*IE10以下*/
    }
}

/*申込ボタンアニメーション*/

.app_btn.arrow_right.echo .inner_btn {
    display:block;
    width:100%;
    height:100%;
    position:relative;
}
.app_btn.arrow_right.echo .inner_btn:before {
    position: absolute;
    top: -8px;
    right: 15px;
    font-family: 'Fontawesome';
    font-size: 135%;
    content: "\f138";
}
.app_btn.arrow_right.echo:before,
.app_btn.arrow_right.echo:after {
    content: none;
}
/* ボタンのアニメーション用ボックスとkeyframeを指定 */
.app_btn.arrow_right.echo:before {
    content: "";
    animation: echo 2s cubic-bezier(0.55, 0, 0.1, 1) infinite;
    animation-fill-mode: both;
    display: block;
    position: absolute;
    margin: auto;
    top: 0px !important;
    left: 0px !important;
    width: 100% !important;
    height: 100% !important;
    background: #ff5200;
    border-radius: 2em;
}
@keyframes echo {
    0% {
        transform:scale(0);
        opacity:1;
        }
    70% {
        transform:scale(1.2, 1.3);
    }
    100% {
        transform:scale(1.25, 1.35);
        opacity:0;
    }
}


@media (max-width: 768px) {
    .application {
        width: 90%;
        margin: 0 auto;
    }
    .application > a.app_btn {
    line-height: 28px;
    font-size: 16px;
    }
    .application > .app_btn {
        display: block;
        width: 100%;
        height: 60px;
        font-size: 18px;

    }
    .app_btn.arrow_right:before {
        position: absolute;
        top: -4px;
        right: 15px;
    }
    .app_btn.arrow_right.echo .inner_btn:before {
        top: 1px !important;
        right: 15px;
    }
}

/* 申込ボタン附属テキスト付 */
.application_text {
    position: relative;
    display: table;
    width: 50%;
    height: 120px;
    text-align: center;
    margin: 0 auto;
}
.application_text > .app_btn {
    display: table-cell;
    width: 100%;
    height: 120px;
    color:#fff;
    background-color: #ff5200;
    font-size: 240%;
    font-family: 'Noto Sans';
	line-height: 50px;
    text-decoration: none;
    margin: 0;
    border-radius: 60px;
    vertical-align: middle;
}
.application_text > a.app_btn:hover{
    opacity:0.6;
}
.attachment_text {
	font-size: 55%;
	font-weight: normal;
}
.application_text .app_btn.arrow_right:before {
    position: absolute;
    top: 33px;
    right: 33px;
    font-size: 140%;
    font-family: 'Fontawesome';
    content: "\f138";
}
@media (max-width: 768px) {
    .application_text {
        width: 100%;
		height: 60px;
    }
    .application_text > .app_btn {
        width: 100%;
		height: 60px;
        font-size: 150%;
		line-height: 1.3;
    }
    .application_text .app_btn.arrow_right:before {
        position: absolute;
        top: 30px;
		right: 25px;
    }
}
/* サブボタン */


.sub_conductor {
    position: relative;
    width: 50%;
    height: 40px;
    text-align: center;
    margin: 0 auto;
}
.sub_conductor > a.sub_btn {
    display: block;
    width: 100%;
    height: 40px;
    margin: 0 auto;
    line-height: 2.3;
    font-family: 'Noto Sans';
    text-decoration: none;
    text-align: center;
    border-radius: 35px;
    border: solid 2px #333333;
    color: #000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.sub_conductor > a.sub_btn:hover{
    background-color:#ffd4df;
}
.sub_conductor > a.sub_btn.arrow_right {
    position: absolute;
}
.sub_conductor > a.sub_btn.arrow_right:before {
    position: absolute;
    top: -3px;
    right: 11px;
    width: 18px;
    font-family: 'Fontawesome';
    content: "\f138";
    font-size: 120%;
}

/*IE 調整*/
@media all and (-ms-high-contrast: none){
    .sub_conductor > a.sub_btn {
        font-family: inherit;
    }
    .sub_conductor > a.sub_btn.arrow_right:before {
        top: -4px;
    }
    .sub_conductor > a.sub_btn {
        font-family: inherit; /*IE10以下*/
    }
    .sub_conductor > a.sub_btn.arrow_right:before {
        top: -4px\9;
    }
}


@media ( max-width: 768px ) {
    .sub_conductor {
        width: 90%;
    }
    .sub_conductor > a.sub_btn {
        line-height: 2.5;
    }
    .sub_conductor > a.sub_btn.arrow_right:after {
        top: 41%;
    }
    .sub_conductor > a.sub_btn:hover{
        background-color:#fff;
    }

    /* 黒背景プラス */
    .i_plus,
    .i_minus {
        position: absolute;
    }
    .i_plus:before,
    .i_minus:before {
        display: block;
        position: absolute;
        font-family: 'Fontawesome';
        width: 14px;
        height: 14px;
        color: #000;
        font-size: 140%;
    }
    .i_plus:before {
        top: -7px;
        right: 13px;
        content: "\f055";
    }
    .i_minus:before {
        top: -8px;
        right: 13px;
        content: "\f056";
    }
}


/* 黒右矢印 */
.arrow_right_black {
    position: relative;
    display: inline-block;
    padding: 0 20px 0 0;
}
.arrow_right_black:before {
    position: absolute;
    top: 50%;
    right: 0;
    width: 25px;
    height: 25px;
    margin-top: -19px;
    border-radius: 50%;
    background: #000;
    content: "";
}
.arrow_right_black:after {
    position: absolute;
    top: 50%;
    left: 12px;
    width: 8px;
    height: 8px;
    margin: -12px;
    border: 0;
    border-top: 2px solid  #fff;
    border-right: 2px solid  #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
}
@media ( max-width: 768px ) {
    .arrow_right_black:before {
        width: 20px;
        height: 20px;
    }
    .arrow_right_black:after {
        left: 17px;
        margin: -13px;
    }
}


/*----------------------------------------------
検索枠
-----------------------------------------------*/

.search_box input[type="text"]{
    background:url(/moetaku/_assets/images/common/icon_search.png) no-repeat top 58% left 10px;
    background-color: #fff9d4;
    background-size:16px;
    min-height: 36px;
    padding: 0.3em 10px 0 30px;
    line-height: 1.4em;
}
.search_box input[type="text"]:focus {
    background-color: #fff;
}

.search_box input[type="submit"]{
    color:#fff;
    min-height: 36px;
    font-family: "Noto Sans";
    background:#999;
    background:url(/moetaku/_assets/images/common/icon_search_w.png) no-repeat top 48% left 10px #999;
    background-size:16px;
    -webkit-border-radius: 6px; -moz-border-radius:6px; border-radius:6px;
    margin-left:10px;
    padding-top:2px;
    cursor: pointer !important;
}

.search_box input[type="submit"]:hover{
    opacity:0.7;
}
@media all and (-ms-high-contrast: none){
    .search_box input[type="submit"] {
        font-family: inherit;
        line-height: 36px;
    }
    .search_box input[type="submit"] {
        font-family: inherit\9;
        line-height: 36px\9;
    }
}

/*コンテンツ中の検索枠*/

.search_box_parts .search_box {
    margin: 35px 100px 50px;
    text-align: center;
}



.search_box_parts .search_box .select-wrap{
    float:left;
    background: #fff;
    -webkit-border-radius: 6px 0px 0px 6px;
    -moz-border-radius: 6px 0px 0px 6px;
    border-radius: 6px 0px 0px 6px;
    width: 30%;
    min-height: 50px;
}
#genre .select-wrap select {
    line-height: 48px;
}
.search_box_parts .search_box .inputTxt input[type="text"]{
    min-height: 50px;
    font-size: 16px;
    float:left;
    width:100%;
    -webkit-border-radius: 6px 6px;
    -moz-border-radius: 6px 6px;
    border-radius: 6px 6px;
}
.search_box_parts .search_box input[type="text"]:focus {
    background-color: #fff;
}
.search_box_parts .search_box input[type="submit"]{
    width: 370px;
    color:#fff;
    min-height: 60px;
    font-weight: 700;
    background:url(/moetaku/_assets/images/common/icon_search_w.png) no-repeat top 48% left 30px #999;
    background-size:16px;
    -webkit-border-radius: 6px; -moz-border-radius:6px; border-radius:6px;
    margin:0px;
    padding-top:2px;
    cursor: pointer !important;
}
.search_box_parts .search_box_bg {
    background: #6db131;
    padding: 25px 35px;
    height: 50px;
    border-radius: 6px;
    position: relative;
    margin-bottom: 25px;
}
.search_box_parts .search_box_bg:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    left: 0;
    right: 0;
    bottom: -30px;
    margin: 0 auto;
    border: 15px solid transparent;
    border-top: 15px solid #6db131;
}


@media (max-width: 768px) {

    .search_box_parts .search_box {
        margin: 20px 0;
    }
    .search_box_parts .search_box .select-wrap{
        float:none;
        -webkit-border-radius: 6px 6px 0px 0px;
        -moz-border-radius: 6px 6px 0px 0px;
        border-radius: 6px 6px 0px 0px;
        width: 100%;
        min-height: 40px;
    }
    #genre .select-wrap select {
        line-height: 38px;
    }
    .search_box_parts .search_box .inputTxt input[type="text"]{
        min-height: 40px;
        float:none;
        width:100%;
        box-shadow: none;
        font-size: 12px;
        -webkit-border-radius: 0px 0px 6px 6px;
        -moz-border-radius: 0px 0px 6px 6px;
        border-radius: 0px 0px 6px 6px;
    }
    .search_box_parts .search_box input[type="text"]:focus {
        background-color: #fff;
    }
    .search_box_parts .search_box input[type="submit"] {
        width: 90%;
        font-size: 20px;
        background:url(/moetaku/_assets/images/common/icon_search_w.png) no-repeat top 54% left 20px #999;
        background-size: 20px;
    }
    .search_box_parts .search_box_bg {
        padding: 15px 15px;
        height: 70px;
    }
    .search_box_parts .search_box_bg:after {
        bottom: -20px;
        border: 10px solid transparent;
        border-top: 10px solid #6db131;
    }
}

/*search_area*/
.search_area{
    text-align: center;
     }
.search_area section{
    background: url(/moetaku/_assets/images/common/chara_search.png) no-repeat right top 430px;
    background-size: 25%;
}
.search_area .search_keyword {
    width:620px;
    margin-top:20px;
}
.search_area h4{
    margin:70px auto 20px;
    font-family: "Noto Sans";
    color:#ff124c;
}
.search_area .search_keyword{
    margin:0 auto;
}
.search_area .search_keyword li{
    display: inline-block;
    margin:0 20px 20px 0;
    box-sizing:border-box;
    border:2px solid #000;
    padding:6px 14px 4px 36px;
    background:url(/moetaku/_assets/images/common/icon_search.png) no-repeat top 48% left 6px;
    background-color:#fff;
    background-size: 16px;
    -webkit-border-radius: 6px;  -moz-border-radius: 6px;  border-radius: 6px;
    cursor: pointer;
     -webkit-transition: .3s;
       -moz-transition: .3s;
        -ms-transition: .3s;
         -o-transition: .3s;
            transition: .3s;
}

.search_area .search_keyword li:hover{
    background-color:#ffd4df;
}



/*search_area2*/
.search_area2{
    display: block;
    margin-bottom:-400px;
       
}
.search_area2 section{
    margin:0 auto;
}
.search_area2 .search_keyword {
    width:900px;
    margin-left:-10px !important;
    margin-top:-50px !important;
}
.search_area2 h4{
    margin:auto;
    font-family: "Noto Sans";
    color:#ff124c;
    font-weight:bold !important;
}
.search_area2 .search_keyword{
    margin:0 auto;
}
.search_area2 .search_keyword li{
    display: inline-block;
    margin:0 10px 10px 0;
    box-sizing:border-box;
    border:2px solid #cccccc;
    height:70px;
    padding:5px;
    background-color:#fff;
    background-size: 16px;
    -webkit-border-radius: 6px;  -moz-border-radius: 6px;  border-radius: 6px;
    cursor: pointer;
     -webkit-transition: .3s;
       -moz-transition: .3s;
        -ms-transition: .3s;
         -o-transition: .3s;
            transition: .3s;
}

.search_area2 .search_keyword li:hover{
    background-color:#ffd4df;
    height:80px !important;
}


@media (max-width: 768px) {
    .search_area section{
        background: none;
    }
    .search_area h4{
        margin:30px auto 20px;
    }
    .search_area .search_keyword{
        width:auto;
    }
    .search_area .search_keyword li{
        text-align: left;
        width:46%;
        margin:0 10px 10px 0;
    }
    
    
    
	.search_area2{
    display: block;
    width:100%;
    margin-top:30px;
    margin-left:10px;
    margin-bottom:0px;
}
    
    .search_area2 section{
        background: none;
         width:100%;
   }
    .search_area2 h4{
        margin:10px auto 10px;
    }
    .search_area2 .search_keyword{
        width:auto;
    }
    .search_area2 .search_keyword li{
        text-align: left;
        width:46%;
        height:auto;
        margin:0 10px 10px 0;
    box-sizing:border-box;
    border:2px solid #cccccc;
    padding:10px 0px 10px 36px;
    background:url(/moetaku/_assets/images/common/icon_search.png) no-repeat top 48% left 6px;
    background-color:#fff;
    }
    
.search_area2 .search_keyword li:hover{
    background-color:#ffd4df;
    height:auto !important;
}

    
}
/*----------------------------------------------
メインビジュアル
-----------------------------------------------*/

#main_bg{
    position: relative;
    margin-top:-45px;
    z-index: 0;
    width:100%;
    height:auto;
}
#main_visual{
    height:500px;
    width:100%;
    min-width:1170px;
}

#main_visual .inner{
    position: relative;
    display: block;
    width:1170px;
    text-align: center;
    margin:0 auto;
    z-index: 0;
}

#main_visual .headline{
    width: calc(100% - 580px);
    padding-top: 20px;
    font-family: "Noto Sans";
    font-weight: 700;
    font-size:60px;
    line-height: 1.1em;
    letter-spacing: -0.08em;
    text-shadow: 2px 2px 0 #fff, -2px 2px 0 #fff, 2px -2px 0 #fff, -2px -2px 0 #fff;
}
#main_visual .headline span.diagonal_line{
    position: relative;
    top: -5px;
    padding: 0 60px;
    font-size:40px;
    color: #ff124c;
    text-align: center;
    letter-spacing: -0.06em;
    text-shadow:none;
}
#main_visual em{
    font-size: 40px;
}
#main_visual span.diagonal_line:before,#main_visual span.diagonal_line:after{
    position: absolute;
    top: 50%;
    width:50px;
    height:50px;
    margin-top: -33px;
}
#main_visual span.diagonal_line:before{
    content:"＼";
    left:0;
}
#main_visual span.diagonal_line:after{
    content:"／";
    right:0;
}

#main_bg .campaign_wrap{
    height:264px;
}

#main_bg .campaign_inner{
    width:1170px;
    margin:0 auto;
}

@media (max-width: 768px) {
    #top #main_visual .inner:before{
        background-size:90%;
        width:80vw;
        height:40vh;
        top:3vh;
        left:50%;
        margin-left:-40vw;
    }

    #main_bg{
        width:auto;
        height:auto;
        background: none;
        margin-top: -20px;
    }
    #figure #main_bg{
        background: none;
    }
    #main_visual{
        width:auto;
        min-width:auto;
        height:auto;
        background:url(/moetaku/_assets/images/common/main_visual_sp.jpg) no-repeat center top 20vw;
        background-size:100%;
        padding-bottom: calc(180px + 50%);

    }
    #main_visual .inner{
		top: -15px;
        width: auto;
    }
    #main_visual .inner #top_search{
        margin-top: 50%;
    }
    #main_visual .headline{
        font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","モトヤ";
        font-weight: 700;
        width: auto;
        padding-top: 0;
        line-height:1em;
        letter-spacing: -0.05em;
        font-size:calc(10px + 5vw);
        text-shadow:none;
    }
    #main_visual .headline span.diagonal_line{
		top: -4px;
        padding: 0 20px;
        font-size:5vw;
    }

    #main_visual em{
        font-size: 4vw;
    }
    #main_visual span.diagonal_line:before,#main_visual span.diagonal_line:after{
        width:4vw;
        height:4vh;
        margin-top: -12px;
		font-size: 4vw;
    }
    #main_bg .campaign_wrap {
        height:auto;
    }

    #main_bg .campaign_inner{
        width:auto;
    }

}

/*----------------------------------------------
キャンペーンバナー TOP
----------------------------------------------*/
#campaign section {
    padding:0;
    text-align:center;
    max-height:260px;
}
/*TOP*/
#campaign .bnr_left,
#campaign .bnr_right {
    float: left;
    width: 583px;
    margin-right: 4px;
}
#campaign .bnr_right {
    margin-right: 0;
}
.campaign_bnr {
    width:auto !important;
    max-height:260px;
    margin:0 !important;
}

//*.campaign_bnr {
    width:auto !important;
    max-height:300px;
    margin:0 !important;
}
*//

#campaign a{
    margin:0 auto;
    max-width:665px;
    max-height:300px;
    display: block;
    background:#fff;

}
#campaign a img{
    -webkit-transition: .3s;
   -moz-transition: .3s;
    -ms-transition: .3s;
     -o-transition: .3s;
        transition: .3s;
}
#campaign a:hover img{
    opacity:0.7;
}


@media (max-width: 768px) {
    #campaign section {
        padding:0;
        text-align:center;
    }
    /*TOP*/
    #campaign .bnr_left,
    #campaign .bnr_right {
        width: 100%;
        margin-right: 0;
    }
	.campaign_bnr {
		width: 100% !important;
	}
    #campaign a:hover img{
        opacity:1;
    }

}

.smal70	{position: relative;left:-70px !important;}
.smal90	{position: relative;left:90px !important;}
.spat	{padding-top:10px !important;}

@media (max-width: 768px) {

.smal70	{margin-left:70px !important;width:100%;}
.smal90	{margin-left:-90px !important;width:100%;}

.smat50	{position: relative;top:-20px !important;}
.smat40	{position: relative;top:-40px !important;}
.spat	{padding-top:10px !important;}


}

/*----------------------------------------------
メインコンテンツ
-----------------------------------------------*/


/* 4.state
----------------------------------------*/
.is-current {
    color: #ff6685;
}


/* 5.sprites
----------------------------------------*/
.sprites { background: url(/moetaku/_assets/images/common/sprites.png) no-repeat; background-size:auto; display:inline-block;}
.sprites_p { background: url(/moetaku/_assets/images/common/sprites_plamo.png) no-repeat; background-size:auto; display:inline-block;}

.g_scalefigure_icon { background-position: 0px -28px; background-size: 200px; }
.g_nedoroid_icon    { background-position:-25px -28px; background-size: 200px; }
.g_figma_icon       { background-position:-50px -28px; background-size: 200px; }
.g_prize_icon       { background-position:-75px -28px; background-size: 200px; }
.g_onepiece_icon    { background-position:-100px -28px; background-size: 200px; }
.g_metal_icon       { background-position:-125px -28px; background-size: 200px; }
.g_amecomi_icon     { background-position:-150px -28px; background-size: 200px; }
.g_figuarts_icon    { background-position:-175px -28px; background-size: 200px; }

.g_aimasu_icon      { background-position: 0px -52px; background-size: 200px; }
.g_oreimo_icon      { background-position:-25px -52px; background-size: 200px; }
.g_kankore_icon     { background-position:-50px -52px; background-size: 200px; }
.g_shining_icon     { background-position:-75px -52px; background-size: 200px; }
.g_jojo_icon        { background-position:-100px -52px; background-size: 200px; }
.g_kyojin_icon      { background-position:-125px -52px; background-size: 200px; }
.g_witch_icon       { background-position:-150px -52px; background-size: 200px; }
.g_tohken_icon      { background-position:-175px -52px; background-size: 200px; }
.g_touhou_icon      { background-position: 0px -78px; background-size: 200px; }
.g_dragonball_icon  { background-position:-25px -78px; background-size: 200px; }
.g_hatune_icon      { background-position:-50px -78px; background-size: 200px; }
.g_fate_icon        { background-position:-75px -78px; background-size: 200px; }
.g_perusona_icon    { background-position:-100px -78px; background-size: 200px; }
.g_madomagi_icon    { background-position:-125px -78px; background-size: 200px; }
.g_monogatari_icon  { background-position:-150px -78px; background-size: 200px; }
.g_lovelive_icon    { background-position:-175px -78px; background-size: 200px; }
.g_sao_icon      { background-position:-175px -102px;  background-size: 200px; }
.g_re_icon       { background-position: 0px -128px; background-size: 200px; }
.g_seiya_icon       { background-position: -25px -128px; background-size: 200px; }
.g_tolovel_icon       { background-position: -50px -128px; background-size: 200px; }
.g_code_icon       { background-position: -75px -128px; background-size: 200px; }
.g_macross_icon       { background-position: -100px -128px; background-size: 200px; }
.g_gundam_icon       { background-position: -125px -128px; background-size: 200px; }
.g_rider_icon       { background-position: -150px -128px; background-size: 200px; }
.g_gintama_icon       { background-position: -176px -128px; background-size: 200px; }
.g_soniko_icon       { background-position: 0px -154px; background-size: 200px; }
.g_kuroko_icon       { background-position: -25px -154px; background-size: 200px; }
.g_eva_icon       { background-position: -50px -154px; background-size: 200px; }
.g_konosuba_icon       { background-position: -75px -154px; background-size: 200px; }
.g_ccs_icon       { background-position: -100px -154px; background-size: 200px; }
.g_7sin_icon       { background-position: -125px -154px; background-size: 200px; }
.g_naruto_icon       { background-position: -150px -154px; background-size: 200px; }
.g_idlish_icon       { background-position: -175px -154px; background-size: 200px; }

.g_gunpla_icon       { background-position: -75px -178px; background-size: 200px; }
.g_macrossplamo_icon       { background-position: -100px -178px; background-size: 200px; }
.g_votomsplamo_icon       { background-position: -125px -178px; background-size: 200px; }
.g_framearmsgirl_icon       { background-position: -150px -178px; background-size: 200px; }
.g_megamidevice_icon       { background-position: -175px -178px; background-size: 200px; }

.g_revoltech_icon       { background-position: 0px -176px; background-size: 200px; }
.g_robot_icon       { background-position: -25px -176px; background-size: 200px; }
.g_bq_icon       { background-position: -50px -177px; background-size: 200px; }
.g_dd_icon       { background-position: 0px -203px; background-size: 200px; }
.g_blythe_icon       { background-position: -25px -203px; background-size: 200px; }
.g_excute_icon       { background-position: -50px -203px; background-size: 200px; }
.g_haf_icon       { background-position: -75px -203px; background-size: 200px; }

.g_artfx_icon      { background-position: -100px -203px; background-size: 200px; }
.g_azurlane_icon      { background-position: -125px -203px; background-size: 200px; }
.g_gochiusa_icon      { background-position: -150px -203px; background-size: 200px; }
.g_gem_icon      { background-position: -175px -203px; background-size: 200px; }
.g_starwars_icon      { background-position: 0px -228px; background-size: 200px; }
.g_sailormoon_icon      { background-position: -25px -228px; background-size: 200px; }
.g_tenipuri_icon      { background-position: -50px -228px; background-size: 200px; }
.g_haikyu_icon      { background-position: -75px -228px; background-size: 200px; }
.g_bangdream_icon      { background-position: -100px -228px; background-size: 200px; }
.g_heroaca_icon      { background-position: -125px -228px; background-size: 200px; }
.g_monsterhunter_icon      { background-position: -150px -228px; background-size: 200px; }
.g_kaiyodo_icon      { background-position: -175px -228px; background-size: 200px; }

.g_kimetsu_icon      { background-position: 0px -253px; background-size: 200px; }
.g_ff_icon      { background-position: -25px -253px; background-size: 200px; }
.g_kokaku_icon      { background-position: -50px -253px; background-size: 200px; }
.g_hokutonoken_icon      { background-position: -75px -253px; background-size: 200px; }
.g_marvel_icon      { background-position: -100px -253px; background-size: 200px; }
.g_godzilla_icon      { background-position: -125px -253px; background-size: 200px; }
.g_ultraman_icon      { background-position: -150px -253px; background-size: 200px; }
.g_tensura_icon      { background-position: -175px -253px; background-size: 200px; }
.g_hh_icon      { background-position: 0px -278px; background-size: 200px; }
.g_mb_icon      { background-position: -25px -278px; background-size: 200px; }
.g_maxfactory_icon      { background-position: -50px -278px; background-size: 200px; }
.g_aniplex_icon      { background-position: -75px -278px; background-size: 200px; }
.g_skytube_icon      { background-position: -100px -278px; background-size: 200px; }


.g_kingdam_icon      { background-position: -125px -278px; background-size: 200px; }
.g_dollsfrontline_icon      { background-position: -150px -278px; background-size: 200px; }
.g_overlord_icon      { background-position: -175px -278px; background-size: 200px; }
.g_atelier_icon      { background-position: 0px -303px; background-size: 200px; }
.g_senrankagura_icon      { background-position: -25px -303px; background-size: 200px; }
.g_dragonquest_icon      { background-position: -50px -303px; background-size: 200px; }
.g_saenai_icon      { background-position: -75px -303px; background-size: 200px; }
.g_fireemblem_icon      { background-position: -100px -303px; background-size: 200px; }
.g_kizunaai_icon      { background-position: -125px -303px; background-size: 200px; }
.g_oregairu_icon      { background-position: -150px -303px; background-size: 200px; }
.g_bungostraydogs_icon      { background-position: -175px -303px; background-size: 200px; }
.g_hypnosismic_icon      { background-position: 0px -328px; background-size: 200px; }
.g_arknights_icon      { background-position: -25px -328px; background-size: 200px; }

.g_free_icon      { background-position: -50px -328px; background-size: 200px; }
.g_osomatsusan_icon      { background-position: -75px -328px; background-size: 200px; }
.g_kuroshitsuji_icon      { background-position: -100px -328px; background-size: 200px; }
.g_ensemblestars_icon      { background-position: -125px -328px; background-size: 200px; }
.g_yurionice_icon      { background-position: -150px -328px; background-size: 200px; }
.g_yowapeda_icon      { background-position: -175px -328px; background-size: 200px; }
.g_inuboku_icon      { background-position: 0px -353px; background-size: 200px; }
.g_bananafish_icon      { background-position: -25px -353px; background-size: 200px; }
.g_yuhaku_icon      { background-position: -50px -353px; background-size: 200px; }
.g_nier_icon      { background-position: -75px -353px; background-size: 200px; }
.g_conan_icon      { background-position: -100px -353px; background-size: 200px; }
.g_shieldhero_icon      { background-position: -125px -353px; background-size: 200px; }
.g_tigerandbunny_icon      { background-position: -150px -353px; background-size: 200px; }
.g_hetalia_icon      { background-position: -175px -353px; background-size: 200px; }
.g_fairytail_icon      { background-position: 0px -378px; background-size: 200px; }
.g_granbluefantasy_icon      { background-position: -25px -378px; background-size: 200px; }
.g_fmd_icon      { background-position: -50px -378px; background-size: 200px; }
.g_bl_icon      { background-position: -75px -378px; background-size: 200px; }
.g_utapri_icon      { background-position: -100px -378px; background-size: 200px; }
.g_zoids_icon      { background-position: -125px -378px; background-size: 200px; }
.g_pokemoncard_icon      { background-position: -150px -378px; background-size: 200px; }
.g_shadowverse_icon      { background-position: -175px -378px; background-size: 200px; }



.g_alter_icon       { background-position: 0px -102px; background-size: 200px; }
.g_orchidseed_icon  { background-position:-25px -102px; background-size: 200px; }
.g_goodsmile_icon   { background-position:-50px -102px; background-size: 200px; }
.g_kotobukiya_icon  { background-position:-75px -102px; background-size: 200px; }
.g_hottoys_icon     { background-position:-100px -102px; background-size: 200px; }
.g_megahouse_icon   { background-position:-125px -102px; background-size: 200px; }
.g_purenimo_icon      { background-position:-150px -102px;  background-size: 200px; }




.g_p_starwars_icon      { background-position: 0px 0px; background-size: 200px; }
.g_p_startrek_icon      { background-position: -25px 0px; background-size: 200px; }
.g_p_danballsenki_icon      { background-position: -50px 0px; background-size: 200px; }
.g_p_maschinenkrieger_icon      { background-position: -75px 0px; background-size: 200px; }
.g_p_suparobo_icon      { background-position: -100px 0px; background-size: 200px; }
.g_p_kamenrider_icon      { background-position: -125px 0px; background-size: 200px; }
.g_p_armoredcore_icon      { background-position: -150px 0px; background-size: 200px; }
.g_p_yamato_icon      { background-position: -175px 0px; background-size: 200px; }
.g_p_evangelion_icon      { background-position: 0px -25px; background-size: 200px; }
.g_p_muvluv_icon      { background-position: -25px -25px; background-size: 200px; }
.g_p_girlsundpanzer_icon      { background-position: -50px -25px; background-size: 200px; }
.g_p_fss_icon      { background-position: -75px -25px; background-size: 200px; }
.g_p_virtualon_icon      { background-position: -100px -25px; background-size: 200px; }
.g_p_thunderbird_icon      { background-position: -125px -25px; background-size: 200px; }
.g_p_patlabor_icon      { background-position: -150px -25px; background-size: 200px; }
.g_p_wataru_icon      { background-position: -175px -25px; background-size: 200px; }
.g_p_ultraman_icon      { background-position: 0px -50px; background-size: 200px; }
.g_p_rockman_icon      { background-position: -25px -50px; background-size: 200px; }
.g_p_dougram_icon      { background-position: -50px -50px; background-size: 200px; }
.g_p_gaogaigar_icon      { background-position: -75px -50px; background-size: 200px; }
.g_p_sousaishojoteien_icon      { background-position: -100px -50px; background-size: 200px; }
.g_p_digimon_icon      { background-position: -125px -50px; background-size: 200px; }
.g_p_sidnia_icon      { background-position: -150px -50px; background-size: 200px; }




/*----------------------------------------*/



#header .third_row .icon_arrow a {
    margin-left: 20px;
    padding: 4px 10px 2px;
}

#gnav .icon_arrow a:before {
    position: initial;
    margin: 0 10px;
}

.icon_arrow a:before {
    font-family: 'Fontawesome';
    content: "\f138";
    position: absolute;
    width: auto;
    height: auto;
    text-align: center;
    top:-5%;
    left:10px;
    font-size: 21px;
    color: #999999;
}


.barcode_btn{
    width: 970px;
    margin: 40px auto 20px;
}

@media (max-width: 768px) {
    .barcode_btn{
        width: auto;
        margin: 20px auto 20px;
    }

}

/******************************************
* 
* モーダル
*
*******************************************/

#colorbox, #cboxOverlay{
  position:fixed; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0); 
}
#cboxWrapper {
  max-width:none;
}
#cboxOverlay{
  position:fixed; width:100%; height:100%;
}
#cboxMiddleLeft, #cboxBottomLeft{
  clear:left;
}
#cboxContent{
  position:relative;  background-color:#fff !important;

  border-radius: 0 !important;
  clip-path: polygon(13px 0, 100% 0, 100% calc(100% - 13px), calc(100% - 13px) 100%, 0 100%, 0 13px) !important;

}


@media screen and (max-width: 767px){
  #cboxContent{background-color:#666 !important;
  }
}
#cboxLoadedContent{
overflow:auto; /* -webkit-overflow-scrolling: touch; */ }
#cboxTitle{
  margin:0;
}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{
  cursor:pointer;
}
.cboxPhoto{
  float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;
}
.cboxIframe{
  width:100%; height:100%; display:block; border:0; padding:0; margin:0;
  }
#colorbox, #cboxContent, #cboxLoadedContent{
  box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;
}

#cboxOverlay{
  background:url(/moetaku/_assets/barcode/img/overlay.png) repeat 0 0; opacity: 0.9; filter: alpha(opacity = 90);
}
#colorbox{outline:0;
}

#cboxContent{
  position: relative;
  overflow:hidden; 
  border-radius: 10px; 
}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{position: relative; margin-bottom:0px; }
#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}

#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
#cboxPrevious{
  position:absolute;
  top :10px;
  left :20px;
  background:url(/moetaku/_assets/barcode/img/angle-left.svg) no-repeat left top -4px;
  background-size: contain;
  width:100px;
  padding-left:20px;
  height:25px;
  color:#000;
  z-index: 10;
  text-align: left;
  font-weight: 700;
}
#cboxPrevious:before,#cboxPager:before{
  content:"";
  position: absolute;
  display: block;
  width:100%;
  height:100%;
  padding:5px;
  background:rgba(255,255,255,0.8);
  z-index:-1;
}
#cboxPrevious:before{
  background-color:transparent;
}
#cboxPager{
  position:absolute;
  display: block;
  top:45%;
  font-size: 87.5%;
  right:10px;
  width:100px;
  color:#000;
  z-index: 10;
  text-align: right;
  font-weight: 300;
  line-height: 2;
}
#cboxPager a:hover{
  color:#835a00;
}
#cboxNext{position:absolute; bottom:0; left:27px; background:url() no-repeat -50px 0; width:25px; height:25px;}
#cboxNext:hover{background-position:-50px -25px;}
#cboxClose{position:absolute; top:7px; right:12px; background:url(/moetaku/_assets/barcode/img/times.svg) no-repeat 0 0 !important; width:25px; height:25px; text-indent:-9999px;}
#cboxClose:hover,#cboxPrevious:hover{opacity: 0.5;}

/*modal design*/

.modal_content {
  width: 740px;
  background-color: #fff;
  padding: 90px 110px;
  margin-left: auto;
  margin-right:auto;
  text-align: center;
}
.modal_content  .application{
  width: 100%;
  filter: drop-shadow(2px 2px 2px #aaa);
}
.modal_content  .application.application > .app_btn {
  background-position: 50% 50%;
}


@media screen and (max-width: 960px){
  .modal_content {
    width: 100%;
  }
}
@media screen and (max-width: 767px){
  .modal_content {
    padding: 40px 20px 30px;
    width: 100%!important;
  }
  #modal_item4.modal_content {
    padding: 40px 0px 30px;
    overflow: hidden;
  }
  .modal_content  .application{
    height: 50px;
  }
  .app_btn.arrow_right:before{
    top: 50%;
    transform: translateY(-50%);
    width: 13px;
    right: 20px;
  }
  .app_btn.arrow_right:after {
    top: 21px;
    width: 8px;
    height: 2px;
    right: 10px;
  }
  .modal_content  .application.application > .app_btn {
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}


#cboxLoadedContent {
  overflow-y: scroll;
  -ms-overflow-style: none;    /* IE, Edge 対応 */
  scrollbar-width: none;       /* Firefox 対応 */
}
#cboxLoadedContent::-webkit-scrollbar {  /* Chrome, Safari 対応 */
  display:none;
}
#cboxLoadedContent.no_scroll {
  overflow: hidden;
}


/******************************************
* 
* バーコード
*
*******************************************/
/*.barcode                    { width: calc(60% + 140px); margin: 30px auto 0; }*/
.barcode em.new             { font-weight: 700; color: #f00; }
.barcode .open_modal3:hover { opacity: .6; }

#modal_item3        { position: relative; padding: 50px 90px; background: url(../images/common/img_barcode_chara.png) no-repeat right 20px top 50px; }
#modal_item3 dt     { width: 400px; margin:auto; padding-bottom: 10px; border-bottom: 4px solid #f00; color: #f00; font-family: "Noto Sans"; font-size: 32px; font-weight: 400; }
#modal_item3 dt em  { display: block; font-size: 48px; font-weight: 700; }
#modal_item3 dd     { margin-top: 20px; line-height: 1.5; }
#modal_item3 dd img { display: block; width: auto; margin: 30px auto 0; }

.scroll-prevent { position: fixed; z-index: -1; width: 100%; height: 100%; }

@media screen and (max-width: 767px){
#scanedcontainer         { background: #fff; padding: 10px 10px 20px; margin-top: 20px;}
.scaned                  { margin-top: 0!important;}
.barcode                 { width: calc(76% + 70px); }
.assessment + .scaned    { margin-top: 30px; }
.scaned .outline:after   { content: ""; clear: both; display: block; height: 0; }
.scaned .outline figure  { float: left; width: 100px; margin: 0; }
.scaned .outline .exp    { float: right; width: calc(100% - 113px); padding-top: 5px; font-size: 71%; line-height: 1.5; }
.scaned .exp .item-maker { margin-bottom: 10px; font-family: "Noto Sans"; font-weight: 400; letter-spacing: .05em; }
.scaned .exp .item-title { margin-bottom: 10px; font-size: 150%; font-weight: bold; }
.scaned .exp .item-saler time { display: block; }

.scaned .item-price                        { margin-top: 20px; }
.scaned .item-price .caption               { position: relative; padding-bottom: 5px; border-bottom: 2px solid #e40012; color: #e40012; font-size: 22px; font-family: "Noto Sans"; font-weight: 700; text-align: center; }
.scaned .item-price .caption:after         { content: ""; position: absolute; bottom: -9px; left: 50%; width: 0; height: 0; margin-left: -7px; border-style: solid; border-width: 7px 7px 0 7px; border-color: #e40013 transparent transparent transparent; }
.scaned .item-price .item-purchase         { position: relative; color: #e40012; }
.scaned .item-price .item-purchase:after   { content: ""; clear: both; display: block; height: 0; }
.scaned .item-price .item-purchase dt      { float: left; margin-top: 12px; font-family: "Noto Sans"; font-size: 22px; font-weight: 700; line-height: 1; }
.scaned .item-price .item-purchase dd      { float: right; font-family: Oswald; font-size: 50px; font-weight: bold; }
.scaned .item-price .item-purchase dd:nth-child(3){clear: both;float: none;}
.scaned .item-price .item-purchase dd span { margin-left: 5px; font-size: 40px; }
.scaned .item-price .item-purchase dd:after{ content: ""; position: absolute; bottom: 10px; right: 0; z-index: -1; width: 323px; height: 38px; background: url(../images/common/line_price_large.png) no-repeat; background-size: 323px 38px; }
.scaned .item-price .item-purchase dd .tag {letter-spacing: 0.1em!important;}
.scaned .item-next   { margin: 20px 0; }
.scaned .item-next a { display: block; position: relative; height: 67px; border: 3px solid #000; background: url(../images/common/bg_item-next.png) no-repeat 14px bottom; background-size: 63px 55px; font-family: "Noto Sans"; font-size: 18px; font-weight: 500; text-align: center; line-height: 58px; }
.scaned .item-next a:before,
.scaned .item-next a:after  { content: ""; position: absolute; top: 50%; right: 10px; height: 1px; background-color: #000; }
.scaned .item-next a:before { width: 10px; transform: translateY(-50%); }
.scaned .item-next a:after  { width: 6px; margin-top: -3px; transform: rotate(45deg); }
.scaned .application        {width: 100%;}
.scaned .conv { position: relative; left: -7px; width: calc(100% + 14px); margin-top: 10px; }

.scaned .sum              { position: relative; margin-top: 18px; padding-right: 105px; border-bottom: 1px solid #000; font-family: "Noto Sans"; font-size: 20px; font-weight: 500; text-align: center; }
.scaned .sum span         { color: #f00; font-size: 20px; }
.scaned .sum span em      { font-family: Oswald; font-size: 30px; font-weight: bold; }
.scaned .sum .breakdown   { position: absolute; bottom: -1px; right: 0; }
.scaned .sum .breakdown a { display: block; width: 105px; height: 39px; padding-right: 23px; background: #000; color: #fff; font-size: 12px; line-height: 39px; }
.scaned .sum .breakdown a:after{ content: ""; position: absolute; top: 50%; right: 10px; width: 18px; height: 18px; margin-top: -9px; background: url(../images/campaign/i_roupe.png) no-repeat; background-size: 18px 18px; }

#modal_item2                { padding: 20px; }
#modal_item2 #cboxClose     { display: none; }
#modal_item2 .sum           { padding: 15px 30px; background: #eee; font-family: "Noto Sans"; font-size: 20px; font-weight: 500; }
#modal_item2 .sum .sum_amount p { display: inline-block; width: 100%;margin-bottom: 10px;}
#modal_item2 .sum p span { word-break: keep-all; margin: 0 5px;}
#modal_item2 .sum p span.sum_money { color: #f00; font-weight: bold;}
#modal_item2 .sum p span em   { font-family: Oswald; font-size: 30px; }
#modal_item2 .sum .conv_btn { display: block; margin-top: 10px; }
#modal_item2 > ul > li                     { position: relative; margin-top: 15px; padding: 15px 30px 15px 15px; background: #eee; text-align: left; }
#modal_item2 > ul > li:after               { content: ""; clear: both; display: block; height: 0; }
#modal_item2 > ul > li figure              { float: left; width: 50px; margin: 0; }
#modal_item2 > ul > li .exp                { float: right; width: calc(100% - 63px); font-size: 71%; line-height: 1.5; }
#modal_item2 > ul > li .exp .item-maker    { margin-bottom: 2px; font-family: "Noto Sans"; font-weight: 400; letter-spacing: .05em; }
#modal_item2 > ul > li .exp .item-title    { font-size: 120%; font-weight: bold; }
#modal_item2 > ul > li .exp .item-price    { margin-top: -9px; color: #f00; font-size: 20px; font-weight: bold; text-align: right; }
#modal_item2 > ul > li .exp .item-price em { font-family: Oswald; font-size: 30px; }
#modal_item2 > ul > li .close        { display: block; position: absolute; top: 7px; right: 7px; width: 20px; height: 20px; border: 2px solid; border-radius: 50%; background: #000; }
#modal_item2 > ul > li .close:after,
#modal_item2 > ul > li .close:before { content: ""; display: block; position: absolute; top: 7px; left: 3px; width: 10px; height: 2px; background: #fff; transform: rotate(45deg); }
#modal_item2 > ul > li .close:after  { transform: rotate(-45deg); }

}



/*見出し*/

.heading_wrap{
  position: relative;
  width:980px;
  margin:0 auto 50px;
  font-family: "Noto Sans";
}
.heading_text{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.heading_text > *{
  color: #fff;
  font-weight: bold;
  text-align: center;

  
}
.heading_sub{
   width:800px;
  font-size: 200%;
  margin-top: 18px;
}
.heading_main{
   width:800px;
  font-size: 300%;
  margin-bottom:20px !important;
}
.product_items li{
  margin-bottom: 20px;
  }

.product_items li dd{
  text-align: center;
  font-weight: bold;
  margin-top: 5px;
  }

@media screen and (max-width: 767px){
  .heading_wrap{
    width: 100%;
    margin-bottom: 30px;
  }
  .heading_text{
    width: 100%;
  }
  .heading_sub{
    width:100%;
   font-size: 21px;
   margin-top: 14px;
 }
 .heading_sub_1{
margin-top: 11px;
 }
 .heading_main{
    width:100%;
   font-size: 25px;
   margin-bottom:16px;
 }
}
/* IE11 */
@media all and (-ms-high-contrast: none){
  .heading_sub{
   margin-top: 26px;
 }
 .heading_main{
   margin-bottom:12px;
 }
}


#criteria #main_bg {
	background: url(/moetaku/_assets/images/criteria/mv_criteria_bg.webp) repeat-x center top 0px;
	height:320px;
}

#criteria #main_visual {
	background: url(/moetaku/_assets/images/criteria/mv_criteria.webp) no-repeat center top 0px;
}

.main_visual_text {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  top: 40px;
  left: 0;
  line-height: 1.25;
  font-size:30px !important;
}
.main_visual_text2 {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  top: 100px;
  left: 0;
  line-height: 1.25;
  font-size:60px !important;
  font-weight:bold;
}

.f150	{font-size:150%;}


@media (max-width: 768px) {

#criteria #main_bg {
	height:auto;
	margin-top:-45px !important;
	background:none;
}
#criteria #main_visual {
	background: url(/moetaku/_assets/images/criteria/mv_criteria_sp.webp) no-repeat center top 35px;
	background-size: 100%;

}
	
.main_visual_text {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  top: 35px;
  left:0px;
  line-height: 1.25;
  font-size:  16px !important;
}

.main_visual_text2 {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  top: 70px;
  left:0px;
  line-height: 1.2;
  font-size:30px !important;
  font-weight:bold;
}

.smatm30	{margin-top:-30px !important;}

}




.section {
  position: relative;
  padding: 40px 0 90px;
}

@media (max-width: 767px) {
  .section:first-of-type {
    padding: 40px 0 90px;
  }
}


/*
** character description
******************************/
.character_description {
  margin: 0 auto;
}
.intro{
  font-family: "Noto Sans",sans-serif;
}
.intro .-style1 {
  width: 685px;
}

.intro .-style2 {
  width: 570px;
}

.intro .-style3 {
  width: 470px;
}

.character_description > .item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 10px;
}

.character_description > .item.human {
  flex-direction: row-reverse;
  padding-left: 10px;
}

.character_description > .item .text {
  min-height: 84px;
  display: flex;
  align-items: center;
}

.character_description > .text {
  margin-top: 20px;
  font-family: 'Noto Sans', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.8;
}

.character_description > .text > em {
  color: #FF0000;
}

.character_description > .item.human .text {
  position: relative;
  width: calc(100% - 138px);
  padding: 14px 25px;
  font-family: 'Noto Sans', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.8;
  background: #eee;
  border-radius: 10px;
}

.character_description > .item.human .text::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: -32px;
  width: 20px;
  height: 5px;
  margin: auto;
  border-top: 9px solid transparent;
  border-right: 13px solid #eee;
  border-bottom: 9px solid transparent;
  border-left: 0;
}

.character_description > .item.human .icon_human {
  width: 160px;
  margin-right: 28px
}

.character_description > .item.smartphone .text {
  position: relative;
  width: calc(100% - 130px);
  padding: 14px 25px;
  font-family: 'Noto Sans', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.8;
  background: #FFF8B7;
  border-radius: 10px;
}
.character_description > .item.smartphone.woman .text{
  background: #eee;
}
.character_description > .item.smartphone .text::before {
  content: '';
  position: absolute;
  top: 0;
  right: -17px;
  bottom: 0;
  width: 17px;
  height: 15px;
  margin: auto;
  border-top: 9px solid transparent;
  border-right: 0;
  border-bottom: 9px solid transparent;
  border-left: 17px solid #FFF8B7;
}
.character_description > .item.smartphone.woman .text::before {
  border-left: 17px solid #eee;
}
.character_description > .item.smartphone .icon_smapho {
  width: 100px;
  margin-left: 30px;
}

.character_description .w340{
  width: 340px;
}

@media (max-width: 767px) {
  .intro .-style1,
  .intro .-style2 {
    width: 100%;
  }

  .character_description > .item + .item {
    margin-top: 20px;
  }

  .character_description > .item.human .text {
    width: calc(100% - 104px);
    padding: 10px 15px;
    font-size: 15px;
    line-height: 1.6;
  }

.character_description > .item.human .text::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: -17px;
  width: 17px;
  height: 15px;
  margin: auto;
  border-top: 9px solid transparent;
  border-right: 17px solid #eee;
  border-bottom: 9px solid transparent;
  border-left: 0;
}

  .character_description > .item.human .icon_human {
    width: 95px;
    margin-right: 20px;
    z-index:999;
  }

  .character_description > .item.smartphone .text {
    width: calc(100% - 108px);
    padding: 15px 20px;
    font-size: 16px;
    line-height: 1.6;
  }

  .character_description > .item.smartphone .icon_smapho {
    width: 83px;
    margin-left: 25px;
  }

  .character_description > .text {
    font-size: 14px;
  }
}
/*
** checkpoint anchor
******************************/
.checkpoint_anchor {
  display: flex;
  width: 870px;
  margin: 50px auto 60px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
  border-radius: 3px;
}

.checkpoint_anchor > .item {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(100%/3);
  padding: 8px 30px;
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  color: #4C7E0A;
}

.checkpoint_anchor > .item::before {
  content: '\f107';
  position: absolute;
  top: 0;
  right: 15px;
  bottom: 0;
  width: 12px;
  height: 16px;
  margin: auto;
  font-family: 'Font Awesome 6 Pro';
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
}

.checkpoint_anchor > .item + .item {
  border-left: 1px solid #ccc;
}

@media (max-width: 767px) {
  .checkpoint_anchor {
    flex-direction: column;
    width: 100%;
    margin: 30px auto 50px;
  }

  .checkpoint_anchor > .item {
    justify-content: flex-start;
    width: 100%;
    padding: 8px 30px 8px 10px;
  }

  .checkpoint_anchor > .item + .item {
    border-top: 1px solid #ccc;
    border-left: 0;
  }
}

/*
** checkpoint title
******************************/
.checkpoint_title {
  position: relative;
  display: flex;
  width: 570px;
  height: 46px;
  margin: 0 auto 50px;
  justify-content: center;
  align-items: center;
  background: #444444;
  border-radius: 23px;
}

.checkpoint_title::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 140vw;
  height: 2px;
  margin: auto;
  background: #444444;
  overflow: hidden;
}

.checkpoint_title > span {
  position: relative;
  display: inline-block;
  padding-left: 30px;
  font-family: 'Noto Sans', sans-serif;
  font-weight: 700;
  font-size: 24px;
  color: #fff;
}

.checkpoint_title > span::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 18px;
  height: 24px;
  margin: auto;
  font-family: 'Font Awesome 6 Pro';
  font-weight: 900;
  font-size: 24px;
  color: #fff;
  line-height: 1;
}

.checkpoint_title.common > span::before {
  content: '\f3cd';
}

.checkpoint_title.ios > span::before {
  content: '\f179';
  font-weight: 400;
}

.checkpoint_title > span {
  padding-left: 40px;
}

.checkpoint_title.android > span::before {
  content: '\f17b';
  font-weight: 400;
}

.checkpoint_title.check > span {
  padding-left: 30px;
}

.checkpoint_title.check > span::before {
  content: '\f00c';
  width: 24px;
}

@media (max-width: 767px) {
  .checkpoint_title {
    width: 90%;
    height: 36px;
  }

  .checkpoint_title > span {
    padding-left: 20px;
    font-size: 18px;
  }

  .checkpoint_title > span::before {
    width: 14px;
    height: 18px;
    font-size: 18px;
  }
}

/*
** checkpoint
******************************/
.checkpoint {
  position: relative;
  width: 770px;
  margin: 0 auto;
}

.checkpoint + .checkpoint {
  margin-top: 50px;
}

.checkpoints.ios .checkpoint,
.checkpoints.android .checkpoint {
  padding-bottom: 40px;
}

.checkpoints.ios .checkpoint:last-of-type,
.checkpoints.android .checkpoint:last-of-type {
  margin-bottom: 70px;
}

.checkpoints.ios .checkpoint:not(:last-of-type)::before,
.checkpoints.android .checkpoint:not(:last-of-type):before {
  content: '';
  position: absolute;
  right: 0;
  bottom: -15px;
  left: 0;
  width: 100%;
  height: 15px;
  margin: auto;
  background: url(../../images/checkpoint/bg_checkpoint.png) top center no-repeat;
  background-size: contain;
}

.checkpoint .title {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 60px;
  padding-left: 50px;
  font-family: 'Noto Sans', sans-serif;
  font-weight: 700;
  font-size: 28px;
  background: #FFF8B7;
  border-radius: 10px;
}

.checkpoint .title::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 10px;
  width: 28px;
  height: 28px;
  margin: auto;
  font-family: 'Font Awesome 6 Pro';
  font-weight: 900;
  font-size: 28px;
  color: #4C7E0A;
  line-height: 1;
}

.checkpoints.common .checkpoint .title::before {
  content: '\f058';
}

.checkpoints.ios .checkpoint:nth-child(1) .title::before,
.checkpoints.android .checkpoint:nth-child(1) .title::before {
  content: '\e0ee';
}

.checkpoints.ios .checkpoint:nth-child(2) .title::before,
.checkpoints.android .checkpoint:nth-child(2) .title::before {
  content: '\e0ef';
}

.checkpoints.ios .checkpoint:nth-child(3) .title::before,
.checkpoints.android .checkpoint:nth-child(3) .title::before {
  content: '\e0f0';
}

.checkpoints.ios .checkpoint:nth-child(4) .title::before,
.checkpoints.android .checkpoint:nth-child(4) .title::before {
  content: '\e0f1';
}

.checkpoints.ios .checkpoint:nth-child(5) .title::before,
.checkpoints.android .checkpoint:nth-child(5) .title::before {
  content: '\e0f2';
}

.checkpoints.ios .checkpoint:nth-child(6) .title::before,
.checkpoints.android .checkpoint:nth-child(6) .title::before {
  content: '\e0f3';
}

.checkpoint .title::after {
  content: '';
  position: absolute;
  right: 95px;
  bottom: -15px;
  width: 17px;
  height: 15px;
  border-top: 15px solid #FFF8B7;
  border-right: 7px solid transparent;
  border-bottom: 0;
  border-left: 7px solid transparent;
}

.checkpoint .wrap {
  display: flex;
  padding: 0 50px;
}

.checkpoints.common .checkpoint .wrap {
  justify-content: space-between;
}

.checkpoint .wrap > .text {
  font-family: 'Noto Sans', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.8;
}

 .checkpoints.common .checkpoint .wrap > .text {
    width: 520px;
  }

  .checkpoints.common .checkpoint .wrap picture {
    display: block;
    width: 100px;
  }

@media (max-width: 767px) {
  .checkpoints.common .checkpoint .wrap > .text {
    width: 390px;
  }

  .checkpoints.common .checkpoint .wrap picture {
    display: block;
    width: 120px;
  }
}

.checkpoint_btn {
  margin-top: 40px;
}

.checkpoint_btn .btn + .btn {
  margin-top: 20px;
}

.checkpoint_cv {
  margin-top: 60px;
}

.checkpoint_cv .btn + a {
  display: block;
  margin-top: 60px;
}

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

  .checkpoint .title {
    height: auto;
    padding: 12px 10px 12px 50px;
    font-size: 24px;
    text-align: left;
  }

  .checkpoint .title small {
    display: contents;
    font-size: 16px;
  }

  .checkpoint .title::after {
    right: 0;
    left: 0;
    margin: auto;
  }

  .checkpoint .wrap {
    padding: 0 20px;
  }

  .checkpoint .wrap > .text {
    font-size: 14px;
  }

  .checkpoint_btn {
    margin-top: 20px;
  }

  .checkpoint .btn {
    font-size: 16px;
  }


  .checkpoint_cv .btn + a {
    margin-top: 60px;
  }
}

/*
** career
******************************/
.career {
  display: flex;
  justify-content: center;
  margin: 30px auto 30px;
}



.career .item {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 190px;
  height: 32px;
  font-family: 'Noto Sans', sans-serif;
  font-weight: 500;
  font-size: 14px;
  color: #666;
  line-height: 1;
  border: 1px solid #666;
  border-radius: 16px;
}

.career .item + .item {
  margin-left: 20px;
}

.career .item::before {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  font-family: 'Font Awesome 6 Pro';
  font-weight: 400;
  font-size: 14px;
  color: #666;
  line-height: 1;
}

.career .item.ios::before {
  content: '\f179';
  left: 17px;
  width: 10px;
  height: 14px;
}

.career .item.android::before {
  content: '\f17b';
  left: 13px;
  width: 16px;
  height: 14px;
}

/*
** career link
******************************/
.career_link {
  width: 777px;
  margin: 0 auto 60px;
}
.career_link .text {
  margin-bottom: 30px;
  font-family: 'Noto Sans', sans-serif;
  font-weight: 400;
  font-size: 14px;
}

.career_link .wrap {
  display: flex;
}

.career_link .wrap > .link {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc((100% - 50px) /6);
  height: 50px;
  margin-right: 10px;
  padding: 0 20px 0 10px;
  font-family: 'Noto Sans', sans-serif;
  font-weight: 400;
  font-size: 14px;
  border: 2px solid #000;
  border-radius: 3px;
}
.career_link .wrap > .link:hover{
  background: #000;
  color: #fff;
}
.career_link .wrap > .link::before {
  content: '\e09f';
  position: absolute;
  top: 0;
  right: 10px;
  bottom: 0;
  width: 10px;
  height: 16px;
  margin: auto;
  font-family: 'Font Awesome 6 Pro';
  font-weight: 400;
  font-size: 16px;
  color: #000;
  line-height: 1;
}
.career_link .wrap > .link:hover::before{
  color: #fff;
}
.career_link .wrap > .link:last-child {
  margin-right: 0;
}

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

  .career_link .wrap {
    flex-wrap: wrap;
    margin: -4px;
  }

  .career_link .wrap > .link {
    width: calc((100% - 24px)/ 3);
    height: 40px;
    margin: 4px;
    font-size: 12px;
  }
}


/*
** check imei
******************************/
.check_imei {
  width: 777px;
  margin: 0 auto 60px;
}

.check_imei .wrap {
  position: relative;
  display: flex;
  margin-bottom: 20px;
  padding-bottom: 50px;
}

.check_imei .wrap::before {
  content: '';
  position: absolute;
  right: 0;
  bottom: -15px;
  left: 0;
  width: 100%;
  height: 15px;
  background: url(../../images/checkpoint/bg_checkpoint.png) top center no-repeat;
  background-size: contain;
}

.check_imei > .text {
  font-family: 'Noto Sans', sans-serif;
  font-weight: 400;
  font-size: 24px;
}

.check_imei .wrap > .item {
  width: 370px;
}

.check_imei .wrap > .item + .item {
  margin-left: 37px;
}

.check_imei .wrap .item .career {
  margin: 0 auto 20px;
}

.check_imei .wrap .capture {
  padding: 0 15px;
}

.check_imei .wrap .capture > picture {
  display: block;
  border: 1px solid #666;
}

.check_imei .wrap .capture > .text {
  position: relative;
  margin-top: 20px;
  font-family: 'Noto Sans', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.6;
  text-indent: 20px;
}

.check_imei .wrap .capture > .text::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
}

.check_imei .wrap .item.ios .capture > .text::before {
  background: url(../../images/checkpoint/icon_setting_ios.png) top left no-repeat;
  background-size: contain;
}

.check_imei .wrap .item.android .capture > .text::before {
  background: url(../../images/checkpoint/icon_setting_android.png) top left no-repeat;
  background-size: contain;
}

@media (max-width: 767px) {
  .check_imei {
    width: 100%;
    margin: 0 auto 30px;
  }

  .check_imei .wrap {
    margin-bottom: 30px;
    padding-bottom: 30px;
  }

  .check_imei .wrap > .item {
    width: calc((100% - 20px)/2);
  }

  .check_imei .wrap > .item + .item {
    margin-left: 20px;
  }

  .check_imei .wrap .capture {
    padding: 0;
  }

  .check_imei .wrap .capture > .text {
    font-size: 14px;
    line-height: 1.8;
  }
}

/*
** check mark
******************************/
.check_mark > .wrap {
  width: 770px;
  margin: 0 auto 40px;
}

.check_mark > .wrap .item {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 84px;
}

.check_mark > .wrap .item + .item {
  border-top: 1px solid #ccc;
}

.check_mark > .wrap .item picture {
  display: block;
  width: 117px;
  text-align: center;
}

.check_mark > .wrap .item picture img {
  width: auto;
}

.check_mark > .wrap .item .text {
  width: 60%;
  margin-left: 40px;
}

.check_mark_cv .btn {
  margin-bottom: 60px;
}

@media (max-width: 767px) {
  .check_mark > .wrap {
    width: 100%;
  }

  .check_mark > .wrap .item picture {
    width: 82px;
  }
  .check_mark > .wrap .item picture img{
    width: 100%;
  }

  .check_mark > .wrap .item .text {
    margin-left: 30px;
    font-size: 14px;
    line-height: 1.8;
  }

  .check_mark_cv .btn {
    margin-bottom: 40px;
  }
}

/*
** check flow
******************************/
.check_flow {
  width: 770px;
  margin: 0 auto;
}

.check_flow .career .item {
  width: 370px;
}

.check_flow .wrap .row {
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.check_flow .wrap .row:last-child {
  margin-bottom: 0px;
}

.check_flow .wrap .row.-col {
  display: flex;
}

.check_flow .wrap .item {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 56px;
  padding: 15px;
  font-family: 'Noto Sans', sans-serif;
  font-weight: 700;
  font-size: 22px;
  text-align: center;
  border: 2px solid #ccc;
  border-radius: 10px;
}
.check_flow .wrap .item a{
  display: block;
  width: 100%;
}
.check_flow .wrap .item a:hover{
  opacity: 0.6;
}
.check_flow .wrap .item::before {
  content: '';
  position: absolute;
  top: -24px;
  right: 10px;
  width: 96px;
  height: 39px;
}

.check_flow .wrap .item.-now {
  border-color: #FF0000;
  background: #FFD8D8;
}

.check_flow .wrap .item.-now::before {
  background: url(../../images/checkpoint/i_now.svg) top left no-repeat;
  background-size: 100%;
}

.check_flow .wrap .item.-next {
  border-color: #FFB300;
  background: #FFF8B7;
}

.check_flow .wrap .item.-next::before {
  background: url(../../images/checkpoint/i_next.svg) top left no-repeat;
  background-size: 100%;
}

.check_flow .wrap .item::after {
  content: '';
  position: absolute;
  bottom: -45px;
  left: 0;
  width: 100%;
  height: 20px;
  background: url(../../images/checkpoint/bg_checkpoint.png) top left no-repeat;
  background-size: 100%;
}

.check_flow .wrap .row:last-child .item::after {
  content: none;
}

.check_flow .wrap .row.-col .item::after {
  bottom: -40px;
  height: 20px;
  background: url(../../images/checkpoint/bg_col.png) top left no-repeat;
  background-size: 100%;
}

.check_flow .wrap .item > small {
  display: contents;
  font-size: 16px;
}

.check_flow .wrap .row.-col .item {
  width: 370px;
}

.check_flow .wrap .row.-col .item + .item {
  margin-left: 30px;
}

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

  .check_flow .wrap .row {
    margin-bottom: 28px;
    padding-bottom: 18px;
  }

  .check_flow .wrap .item {
    padding: 2px 0;
    font-size: 16px;
  }

  .check_flow .wrap .item::before {
    right: 11px;
    width: 74px;
    height: 30px;
  }



  .check_flow .wrap .item::after {
    bottom: -38px;
  }

  .check_flow .wrap .row.-col .item::after {
    bottom: -38px;
  }

  .check_flow .wrap .item > small {
    font-size: 14px;
  }

  .check_flow .wrap .row.-col .item + .item {
    margin-left: 20px;
  }
}

/*
**step accordion
******************************/
.step_accordion {
  width: 770px;
  margin: 0 auto;
}

.step_accordion .text {
  font-family: 'Noto Sans', sans-serif;
  font-size: 18px;
  line-height: 1.8;
}
.step_accordion .text:first-of-type{
  margin-bottom: 50px;
}
.step_accordion .wrap {
  display: flex;
  flex-wrap: wrap;
}

.step_accordion .wrap .item {
  width: 370px;
  margin: 0 30px 40px 0;
}
.step_accordion .wrap .item:last-child {
  margin: 0 30px 0px 0;
}
.step_accordion .wrap .item:nth-child(2n) {
  margin-right: 0;
}

.step_accordion .wrap .item picture {
  position: relative;
  display: block;
  margin-bottom: 20px;
  border: 1px solid #707070;
}

.step_accordion .wrap .item picture::before {
  z-index: 2;
  position: absolute;
  top: -14px;
  right: 0;
  left: 0;
  width: 28px;
  height: 28px;
  margin: auto;
  font-family: 'Font Awesome 6 Pro';
  font-weight: 900;
  font-size: 28px;
  line-height: 1;
  color: #6AA21F;
}

.step_accordion .wrap .item:nth-child(1) picture::before {
  content: '\e0ee';
}

.step_accordion .wrap .item:nth-child(2) picture::before {
  content: '\e0ef';
}

.step_accordion .wrap .item:nth-child(3) picture::before {
  content: '\e0f0';
}

.step_accordion .wrap .item:nth-child(4) picture::before {
  content: '\e0f1';
}

.step_accordion .wrap .item:nth-child(5) picture::before {
  content: '\e0f2';
}

.step_accordion .wrap .item:nth-child(6) picture::before {
  content: '\e0f3';
}

.step_accordion .wrap .item:nth-child(7) picture::before {
  content: '\e0f4';
}

.step_accordion .wrap .item:nth-child(7) picture::before {
  content: '\e0f5';
}

.step_accordion .wrap .item picture::after {
  content: '';
  z-index: 1;
  top: -16px;
  right: 0;
  left: 0;
  position: absolute;
  width: 32px;
  height: 32px;
  margin: auto;
  background: #fff;
  border-radius: 16px;
}

.step_accordion .wrap .item .text {
  position: relative;
}

.step_accordion .wrap .item.ios .text,
.step_accordion .wrap .item.android .text {
  text-indent: 20px;
}

.step_accordion .wrap .item.ios .text::before,
.step_accordion .wrap .item.android .text::before {
  content: '';
  position: absolute;
  top: 6px;
  left: 0;
  width: 20px;
  height: 20px;
}

.step_accordion .wrap .item.ios .text::before {
  background: url(../../images/checkpoint/icon_setting_ios.png) top left no-repeat;
  background-size: contain;
}

.step_accordion .wrap .item.android .text::before {
  background: url(../../images/checkpoint/icon_setting_android.png) top left no-repeat;
  background-size: contain;
}

.step_accordion .trigger {
  cursor: pointer;
  position: relative;
  display: block;
  width: 570px;
  height: 40px;
  margin: 0 auto;
  line-height: 38px;
  font-family: 'Noto Sans';
  text-decoration: none;
  text-align: center;
  border-radius: 35px;
  border: solid 2px #333333;
  color: #000;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.step_accordion .trigger::before {
  content: "\f055";
  position: absolute;
  top: 0;
  right: 13px;
  bottom: 0;
  display: block;
  font-family: 'Font Awesome 6 Pro';
  width: 16px;
  height: 16px;
  margin: auto;
  color: #000;
  font-size: 16px;
  line-height: 1;
}

.step_accordion.is-active .trigger::before {
  content: '\f056';
}

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

  .step_accordion_wrap {
    padding-top: 14px;
  }

  .step_accordion .wrap .item {
    width: calc((100% - 20px) / 2);
    margin: 0 20px 60px 0;
  }

  .step_accordion .text {
    font-size: 14px;
  }
  .step_accordion .trigger{
      width: auto;
  }
  
}

/*
** icons list
******************************/
.icons_list {
  width: 870px;
  margin: 0 auto;
}

.icons_list > .text {
  margin-bottom: 50px;
  font-family: 'Noto Sans', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.8;
}

.icons_list > .wrap {
  display: flex;
  flex-wrap: wrap;
  margin: -15px;
}

.icons_list .item {
  display: flex;
  align-items: center;
  width: 420px;
  margin: 15px;
  padding: 15px 12px;
  border-bottom: 1px solid #ccc;
}
.icons_list .item:hover{
  background-color: #FBFFF6;
}
.icons_list  .item > .icon {
  width: 80px;
  height: 80px;
  margin-right: 20px;
}

.icons_list .item > .texts > .title {
  margin-bottom: 20px;
  font-family: 'Noto Sans', sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 1;
  text-align: left;
}

.icons_list .item > .texts > .text {
  position: relative;
  display: inline-block;
  padding-right: 15px;
  font-family: 'Noto Sans', sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #4C7E0A;
  line-height: 1;
}

.icons_list .item > .texts > .text::before {
  content: '\e09f';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 10px;
  height: 16px;
  margin: auto;
  font-family: 'Font Awesome 6 Pro';
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  color: #000;
}

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

  .icons_list > .text {
    font-size: 14px;
  }

  .icons_list > .wrap {
    flex-direction: column;
    margin: 0;
  }

  .icons_list .item {
    width: 100%;
    margin: 0;
  }
}

/*
** provision
******************************/
.provision .wrap {
  display: flex;
  width: 770px;
  margin: 0 auto;
}
.provision .wrap.simcard {
  position: relative;
  z-index: 0;
}
.provision .wrap.simcard:after{
  position: absolute;
  content: "";
  display: block;
  margin: auto;
  z-index: 1;
  width: 36px;
  height: 36px;
  left: 0;
  right: 0;
  top: 37%;
  background: url(/mobilebuy/_assets/images/checkpoint/icon_or.svg) no-repeat;
}

.provision .wrap .item {
  width: 370px;
}

.provision .wrap .item + .item {
  margin-left: 30px;
}

.provision .wrap .item picture {
  display: block;
  width: 100%;
  border: 1px solid #707070;
}

.provision .wrap .item .text {
  margin-top: 10px;
}

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

  .provision .wrap .item {
    width: calc((100% - 20px) / 2);
  }
  .provision .wrap.simcard:after{
    top: 24%;
  }
}


.blancco_box{
  margin: 50px auto;
  width: 770px;
  border: 4px solid #6AA21F;
  border-radius: 6px;
}

.blancco_box .first_box{
  display: flex;
  padding: 30px;
}
.blancco_box .first_box picture{
  width: 30%;
}
.blancco_box .first_box .right{
  width: 70%;
  display: flex;
  align-items: center; 
  justify-content: center;
}
.blancco_box .first_box h3{
  font-size: 24px;
  font-weight: 700;
  line-height: 1.4;
  color: #4C7E0A;
  font-family: "Noto sans",sans-serif;
  margin-bottom: 10px;
}

.blancco_box .first_box h3 span{
  color: #000;
  font-size: 14px;
  display: block;
}

.blancco_box .point_box{
  background: #EDFCD8;
  border: none;
  margin: 0 30px;
  width: auto;
}

.blancco_box .num_list > .item::before { content: '\f74c'; }

.blancco_box ul{
  margin: 20px 30px;
}
.blancco_box ul li{
  position: relative; 
  padding-left: 20px;
  margin-bottom: 10px;
}

.blancco_box ul li:after{
  position: absolute;
  content: "\e09f";
  display: block;
  left: 0;
  top: 0;
  width: 16px;
  height: 16px;
  font-family: 'Font Awesome 6 Pro';
}
.blancco_box ul li a{
  color: #4C7E0A;
}
.blancco_box .blanco_profile{
  border-top: 1px solid #CCCCCC;
  margin: 0 30px 20px;
}
.blancco_box .blanco_profile h4{
  font-family: "Noto Sans",sans-serif;
  font-weight: 700;
  font-size: 20px;
  margin: 14px 0 10px;
}
.blancco_box .blanco_profile p{
  font-family: "Noto Sans",sans-serif;
  font-size: 14px;
  line-height: 1.4;
}
.blancco_box .blanco_profile2{
  background: #eee;
  padding: 20px 30px;
  font-family: "Noto Sans",sans-serif;
  font-size: 14px;
  line-height: 1.4;
}
.blancco_box .blanco_profile2 strong{
  display: block;
  margin: 10px 0;
}
.blancco_box .blanco_profile2 dl{
  border-top: 1px solid #CCCCCC;
  margin: 20px 0 0;
  padding: 20px 0 0;
}
.blancco_box .blanco_profile2 dt{
  font-weight: 700;
}
.ending picture img{
  width: auto;
}

@media (max-width: 767px) {
  .blancco_box .first_box h3{
    font-size: 20px;
  }
  .blancco_box{
    width: auto;
  }
  .blancco_box .first_box{
    padding: 20px;
  }
  .blancco_box .point_box{
    margin: 20px 20px;
  }
  .blancco_box ul{
    margin: 20px;
  }
  .blancco_box .blanco_profile{
    margin: 0 20px 20px;
  }
  .blancco_box .blanco_profile2{
    padding: 20px;
  }
  .ending picture img{
    width: 100%;
  }
}


/*買取基準*/
.criteria_box{
  position: relative;
  margin: 30px auto;
  width: 900px;
  padding: 20px;
  background:#ffffff;
  
}

.criteria_box .imgbox {
	margin: 20px 0;
	display: flex;
	justify-content: space-between;
}
.criteria_box .imgbox img {
	width:440px;
}
.criteria_box .text{
  font-size: 16px;
  line-height: 1.6;
  font-weight: 300;
}
.criteria_box ol{
  font-size: 14px;
  padding: 14px;
  background: #eee;
  border-radius: 6px;
  margin: 20px 0;
}
.criteria_box li{
  padding-left: 16px;
  position: relative;
  line-height: 1.6;
  margin-bottom: 4px;
}
.criteria_box li:after{
  content: "\f00c";
  display: block;
  position: absolute;
  width: 14px;
  height: 14px;
  top: 0;
  left: 0;
  font-family: "Font Awesome 6 Pro";
  color: #4C7E0A;
}
.criteria_box .caution{
  font-size: 12px;
  line-height: 1.4;
}


@media (max-width: 767px) {

  .criteria_box{
    width: auto;
   padding: 10px;
  }
	.criteria_box:after {
		width: 100%;
		height: 172px;
		background-size: 100%;
	}
	.criteria_box .imgbox {
		margin: 15px 0;
	display: flex;
	justify-content: space-between;
		margin-left: 5px;
	}
.criteria_box .imgbox img {
	width:97%;
	margin-right:5px;
	
}
}
/*買取基準2*/
.criteria_box2{
  position: relative;
  margin: 30px auto;
  width: 900px;
  padding: 20px;
  background:#ffe9ee;
  
}

.criteria_box2 .imgbox {
	margin: 20px 0;
	display: flex;
	justify-content: space-between;
}
.criteria_box2 .imgbox img {
	width:440px;
}
.criteria_box2 .text{
  font-size: 16px;
  line-height: 1.6;
  font-weight: 300;
}
.criteria_box2 ol{
  font-size: 14px;
  padding: 14px;
  background: #eee;
  border-radius: 6px;
  margin: 20px 0;
}
.criteria_box2 li{
  padding-left: 16px;
  position: relative;
  line-height: 1.6;
  margin-bottom: 4px;
}
.criteria_box2 li:after{
  content: "\f00c";
  display: block;
  position: absolute;
  width: 14px;
  height: 14px;
  top: 0;
  left: 0;
  font-family: "Font Awesome 6 Pro";
  color: #4C7E0A;
}
.criteria_box2 .caution{
  font-size: 12px;
  line-height: 1.4;
}


@media (max-width: 767px) {

  .criteria_box2{
    width: auto;
   padding: 10px;
  }
	.criteria_box2:after {
		width: 100%;
		height: 172px;
		background-size: 100%;
	}
	.criteria_box2 .imgbox {
		margin: 15px 0;
	display: flex;
	justify-content: space-between;
		margin-left: 5px;
	}
.criteria_box2 .imgbox img {
	width:97%;
	margin-right:5px;
	
}
}

/*買取基準3*/
.criteria_box3{
  position: relative;
  margin: 30px auto;
  width: 900px;
  padding: 20px;
  background:#deeeff;
  
}

.criteria_box3 .imgbox {
	margin: 20px 0;
	display: flex;
	justify-content: space-between;
}
.criteria_box3 .imgbox img {
	width:440px;
}
.criteria_box3 .text{
  font-size: 16px;
  line-height: 1.6;
  font-weight: 300;
}
.criteria_box3 ol{
  font-size: 14px;
  padding: 14px;
  background: #eee;
  border-radius: 6px;
  margin: 20px 0;
}
.criteria_box3 li{
  padding-left: 16px;
  position: relative;
  line-height: 1.6;
  margin-bottom: 4px;
}
.criteria_box3 li:after{
  content: "\f00c";
  display: block;
  position: absolute;
  width: 14px;
  height: 14px;
  top: 0;
  left: 0;
  font-family: "Font Awesome 6 Pro";
  color: #4C7E0A;
}
.criteria_box3 .caution{
  font-size: 12px;
  line-height: 1.4;
}


@media (max-width: 767px) {

  .criteria_box3{
    width: auto;
   padding: 10px;
  }
	.criteria_box3:after {
		width: 100%;
		height: 172px;
		background-size: 100%;
	}
	.criteria_box3 .imgbox {
		margin: 15px 0;
	display: flex;
	justify-content: space-between;
		margin-left: 5px;
	}
.criteria_box3 .imgbox img {
	width:97%;
	margin-right:5px;
	
}
}

/*買取基準4*/
.criteria_box4{
  position: relative;
  margin: 30px auto;
  width: 900px;
  padding: 20px;
  background:#fff8d4;
  
}

.criteria_box4 .imgbox {
	margin: 20px 0;
	display: flex;
	justify-content: space-between;
}
.criteria_box4 .imgbox img {
	width:440px;
}
.criteria_box4 .text{
  font-size: 16px;
  line-height: 1.6;
  font-weight: 300;
}
.criteria_box4 ol{
  font-size: 14px;
  padding: 14px;
  background: #eee;
  border-radius: 6px;
  margin: 20px 0;
}
.criteria_box4 li{
  padding-left: 16px;
  position: relative;
  line-height: 1.6;
  margin-bottom: 4px;
}
.criteria_box4 li:after{
  content: "\f00c";
  display: block;
  position: absolute;
  width: 14px;
  height: 14px;
  top: 0;
  left: 0;
  font-family: "Font Awesome 6 Pro";
  color: #4C7E0A;
}
.criteria_box4 .caution{
  font-size: 12px;
  line-height: 1.4;
}


@media (max-width: 767px) {

  .criteria_box4{
    width: auto;
   padding: 10px;
  }
	.criteria_box4:after {
		width: 100%;
		height: 172px;
		background-size: 100%;
	}
	.criteria_box4 .imgbox {
		margin: 15px 0;
	display: flex;
	justify-content: space-between;
		margin-left: 5px;
	}
.criteria_box4 .imgbox img {
	width:97%;
	margin-right:5px;
	
}
}
.arrow{
  position: relative;
  margin-top: 60px;
}
.arrow::before {
  content: '';
  position: absolute;
  right: 0;
  top: -50px;
  left: 0;
  height: 47px;
  margin: auto;
  background: url(../../images/campaign/bg_privilege_arrow.png) top center no-repeat;
  background-size: contain;
}


#anchor01 {
	padding-top: 30px;
	margin-top: -30px;
}

@media screen and (max-width: 767px) {
	#anchor01 {
		padding-top: 10px;
		margin-top: -10px;
	}
}


.marker {
  font-size: 28px;
  line-height: 1.4;
  font-weight: 700;
  text-align: center;
}

.marker span {
  background: url(/moetaku/_assets/images/criteria/bg_marker.png) no-repeat;
  background-size: 120% 100%;
  padding-top:0px;
}

.marker2 {
  font-size: 28px;
  line-height: 1.4;
  font-weight: 700;
  text-align: center;
}

.marker2 span {
  background: url(/moetaku/_assets/images/criteria/bg_marker.png) no-repeat;
  background-size: 120% 100%;
  padding-top:0px;
}



.dot_line	{border-bottom:3px dotted #ff7194;}
.dot_line_b	{border-bottom:3px dotted #3f73c9;}
.dot_line_y	{border-bottom:3px dotted #f8b551;}

@media (max-width: 767px) {
  .marker {
    font-size: 20px;
  text-align: left;
  }
  .marker2 {
    font-size: 20px;
  }
}


.anchor_link {
	position: relative;
	z-index: 1;
	width: 100%;
	max-width: 1170px;
	margin: 0 auto;
}

.anchor_link li {
	float: left;
	box-sizing: border-box;
	display: table;
	width: 31.5%;
	margin-right: 2.5%;
	border: 4px solid #ccc;
	border-radius: 10px;
	font-family: "Noto Sans";
	font-size: 30px;
	font-weight:bold;
	text-align: center;
	background:#ffd5df;
}

.anchor_link li:last-child {
	margin-right: 0;
}

.anchor_link li.arrow {
	position: relative;
}

.anchor_link li.arrow:after {
	box-sizing: border-box;
	content: "";
	position: absolute;
	top: 50%;
	right: -30px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	border: 15px solid transparent;
	border-left: 15px solid #ccc;
}

.anchor_link li a {
	display: table-cell;
	position: relative;
	padding: 15px 0 40px;
	vertical-align: middle;
}
.anchor_link li a:hover {
	background: #ffffff;
}

.anchor_link li a:before {
	box-sizing: border-box;
	content: "";
	position: absolute;
	bottom: 8px;
	left: 50%;
	width: 18px;
	height: 18px;
	margin-left: -9px;
	border-radius: 50%;
	background: #000;
}

.anchor_link li a:after {
	box-sizing: border-box;
	content: "";
	position: absolute;
	bottom: 14px;
	left: 50%;
	width: 8px;
	height: 8px;
	margin-left: -4px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: rotate(135deg);
}

.anchor_link li span {
	display: block;
	color: #ff124c;
	font-family: "Roboto";
	font-weight: 700;
	font-size: 20px;
	font-size: 1.25rem;
	text-align: center;
}


/*アンカーリンク3カラム*/

.anchor_link.three_col li {
	width: 31.125% !important;
	margin-right: 3.3%!important;
}

.anchor_link.three_col li:nth-child(3n) {
	float: right;
	margin-right: 0!important;
}

section#first_block {
	margin: 0 auto;
	text-align: center;
	padding:25px 0 60px!important;
}

#first_block .catch_copy {
	font-size: 125%;
	margin-bottom: 40px;
}
@media (max-width: 768px) {

	section#first_block {
		padding:0px 20px 40px!important;
	}
	.anchor_link li {
		font-size: 16px;
	}
	.anchor_link li span {
		font-size: 16px;
		font-size: 1rem;
	}
	.anchor_link li a:hover {
	background: none;
	}
	}





#wrap h2.second_title2 {
	margin: 0px;
	width: 100%;
	height: 75px;
	text-align: center;
	font-size: 270%;
}

.second_title2 span {
	position: relative;
	display: block;
	width: 100%;
	height: 70px;
	margin: 0 auto;
	background-color: #ff7194;

	font-weight: 700;
	color: #fff;
	line-height: 1.5em;
	vertical-align: middle;
		padding-top: 5px;
}

#wrap h2.second_title3 {
	margin: 0px;
	width: 100%;
	height: 75px;
	text-align: center;
	font-size: 270%;
}

.second_title3 span {
	position: relative;
	display: block;
	width: 100%;
	height: 70px;
	margin: 0 auto;
	background-color: #3f73c9;

	font-weight: 700;
	color: #fff;
	line-height: 1.5em;
	vertical-align: middle;
		padding-top: 5px;
}
#wrap h2.second_title4 {
	margin: 0px;
	width: 100%;
	height: 75px;
	text-align: center;
	font-size: 270%;
}

.second_title4 span {
	position: relative;
	display: block;
	width: 100%;
	height: 70px;
	margin: 0 auto;
	background-color: #f8b551;

	font-weight: 700;
	color: #fff;
	line-height: 1.5em;
	vertical-align: middle;
		padding-top: 5px;
}

/* 吹き出し*/

.balloon_title {
	position: relative;
	margin: 0 auto 30px;
	width: 816px;
	padding: 15px 12px 15px;
	font-weight: 600;
	font-size: 200%;
	font-family: "Noto Sans";
	color: #ff124c;
	text-align: center;
	background-color: #fff;
	border-top: 5px solid #ff124c;
	-webkit-border-radius: 0 0 10px 10px / 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px / 0 0 10px 10px;
	border-radius: 0 0 10px 10px / 0 0 10px 10px;
	-webkit-filter:drop-shadow(2px 2px 2px rgba(0,0,0,0.2));
}

.balloon_title span {
	position: relative;
	z-index: 11;
}

.balloon_title:after {
	position: absolute;
	content: "";
	top: 79%;
	left: 50%;
	margin-left:-16px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 32px 32px 0 32px;
	border-color: #ffffff transparent transparent transparent;
	z-index: 0;
}
.img_w	{width:500px;}

@media (max-width: 768px) {
	#wrap h2.second_title2 {
		font-size: 170%;
		height: 60px;
	}
	.second_title2 span {
		width: 100%;
		padding-top: 15px;
		padding-left:0px;
		height: 60px;
	}
	#wrap h2.second_title3 {
		font-size: 170%;
		height: 60px;
	}
	.second_title3 span {
		width: 100%;
		padding-top: 15px;
		padding-left:0px;
		height: 60px;
	}

	#wrap h2.second_title4 {
		font-size: 170%;
		height: 60px;
	}
	.second_title4 span {
		width: 100%;
		padding-top: 15px;
		padding-left:0px;
		height: 60px;
	}

	.balloon_title {
		width: 80%;
		font-size: 165%;
	}
	.balloon_title span {
		padding: 18px 0 18.5px;
	}
	.balloon_title:after {
		position: absolute;
		top: 77%;
		left: 48%;
		width: 24px;
		height: 24px;
	}

.img_w	{width:90%;}
	
	}


p img {
  cursor: pointer;
}
#modal-window-image {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.7);
  cursor: pointer;
  z-index: 100;
}
#modal-window-image img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 98%;
  height: auto;
}
@media (min-width: 960px) {
#modal-window-image img {
  width: auto;
  height:98%;
}
}


.icon_f::before{
	position: absolute;
	width: 130px;
	height: 130px;
	margin-top:-20px;
	margin-left:-30px;
	background: url("/moetaku/_assets/images/criteria/icon_f.webp") no-repeat left  top;
	background-size: 100%;
	content: "";
	z-index:9999;
}

.icon_p::before{
	position: absolute;
	width: 130px;
	height: 130px;
	margin-top:-20px;
	margin-left:-30px;
	background: url("/moetaku/_assets/images/criteria/icon_p.webp") no-repeat left  top;
	background-size: 100%;
	content: "";
	z-index:9999;
}

.icon_t::before{
	position: absolute;
	width: 130px;
	height: 130px;
	margin-top:-20px;
	margin-left:-30px;
	background: url("/moetaku/_assets/images/criteria/icon_t.webp") no-repeat left  top;
	background-size: 100%;
	content: "";
	z-index:9999;
}

@media (max-width: 768px) {
.icon_f::before{
	position: absolute;
	width: 80px;
	height: 80px;
	margin-top:-70px;
	margin-left:2%;
	background: url("/moetaku/_assets/images/criteria/icon_f.webp") no-repeat center  top;
	background-size: 100%;
	content: "";
	z-index:9999;
}

.icon_p::before{
	position: absolute;
	width: 80px;
	height: 80px;
	margin-top:-70px;
	margin-left:2%;
	background: url("/moetaku/_assets/images/criteria/icon_p.webp") no-repeat center  top;
	background-size: 100%;
	content: "";
	z-index:9999;
}

.icon_t::before{
	position: absolute;
	width: 80px;
	height: 80px;
	margin-top:-70px;
	margin-left:2%;
	background: url("/moetaku/_assets/images/criteria/icon_t.webp") no-repeat center  top;
	background-size: 100%;
	content: "";
	z-index:1;
}}