@charset "UTF-8";

/**************************************************************/
/* CSS file For Hunglead, Inc.                                */
/* FileName: basic_style.css                                  */
/* data: 2018/10/11                                           */
/* index:                                                     */
/*   1 Basic Style                                            */
/*   1 for SmartPhone                                         */
/*   2 for Tablet                                             */
/*   3 for PC                                                 */
/**************************************************************/


/* ------------------------------------------------------- */
/* ===== Basic Style ===== */
/* ------------------------------------------------------- */

* {
box-sizing: border-box
}


img {
 height: auto;
 width: 100%;
 max-width: fit-content;
}


a {
outline: 0;
cursor: pointer;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
transition: all .3s ease-out;
text-decoration: underline;
}

.tel a {
text-decoration: none;
}

a:hover {
opacity: .7
}


html {
font-size: 62.5%;
height: 100%
}

body {
 background: #fff;
/* font-family: Meiryo, sans-serif;*/
font-family: 'Avenir','Helvetica Neue','Helvetica','Arial', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ', 'Meiryo', '游ゴシック', 'Yu Gothic', 'ＭＳ Ｐゴシック', sans-serif;
 font-size: 1.6rem;
 line-height: 1.8;
 color: #333
}



h1 {
font-size: 2.4rem;
font-weight: bold;
line-height: 1.4;
}

h2 {
font-weight: bold;
font-size: 2rem;
line-height: 1.6;
margin-bottom: 30px;
text-align: center;
}

h3 {
font-weight: bold;
font-size: 1.8rem;
line-height: 1.6;
margin-bottom: 20px;
}


.marker_yellow_hoso {
background: linear-gradient(transparent 70%, #fff799 0%);
}

span.red {
 color: #f00;
}

span.bold {
 font-weight: bold;
}


a.btn {
 font-weight: bold;
}


#wrap img {
 margin: 0;
/* max-width: 100%;*/
 height: auto;
}

/* ------------------------------------------------------- */
/* ===== for SmartPhone ===== */
/* ------------------------------------------------------- */

.pc br {
 display: none;
}

.dis_pc {
display: none !important;
}


a.btn {
 display:inline-block;
 text-align: center;
 border-radius: 6px;
 background: #ff3b3b;
 color: #fff;
 padding:20px 40px;
 font-size: 16px;
 border: 0;
 transition: all .3s ease-out;
 margin: 5px auto;
 position: relative;
 width: 90%;
 box-sizing: border-box;
 text-decoration: none;
}

a.btn::after {
 content: url(../images/icon_arrow_white.png);
 display: inline-block;
 position: absolute;
 left: 90%;
}

a.btn.inquiry {
 background: #fff;
 color: #333;
}

a.btn.inquiry::after {
 content: url(../images/icon_arrow_black.png);
}

a.btn:hover {
 opacity: 0.7;
}


br.spnone {
 display: none;
}

br.sp {
 display: initial;
}

section {
position: relative;
}



#wrap {

}



#wrapper-campaign img {
 width: 100%;
}

#campaign-top {
background-color: #ea3a3a;
opacity: 1;
background-image:  linear-gradient(#f65050 4px, transparent 4px), linear-gradient(to right, #f65050 4px, #ea3a3a 4px);
background-size: 80px 80px;
}

#campaign-top-head {
 background: #fff;
 text-align: center;
 position: relative;
}

#campaign-top-head img {
 width: 80%;
 max-width: 360px;
 margin: 10px auto 4px;
}

#campaign-top-cont {
 width: 100%;
 margin: 0 auto;
 text-align: center;
 padding: 30px 10px;
 position: relative;
}

#campaign-top-cont a.btn {
 background: #ffe007;
 color: #333;
}


#campaign-top-cont a.btn::after {
 content: url(../images/icon_arrow_black.png);
}

#wrap #campaign-top-cont img {
 display: inline-block;
 margin: 0;
 max-width: 640px;
}

#campaign-top-cont img.balloon {
 position: absolute;
 top:10px;
 right: 10px;
 z-index: 222;
 max-width: 126px;
 width: 18%;
 display: none;
}


#campaign-top-cont .target {
 width: 80%;
 max-width: 600px;
 margin: 20px auto 0;
 background: #fff;
 border-radius: 10px;
}


#campaign-top-cont .target p {
 color: #333;
 margin: 0px;
 font-size: 18px;
}


#campaign-top-cont ul {
 display: flex;
 justify-content: center;
}


#campaign-top-cont li {
 padding: 0 20px 5px;
}


#campaign-top-cont p {
 border-radius: 40px;
 color: #fff;
 display: inline-block;
 margin: 20px auto;
 font-size: 12px;
 font-weight: bold;
 padding: 5px 20px;
}

#campaign-information {
 background: #ebebeb;
}

#campaign-information table {
 border: 1px solid #999;
 margin: 10px auto 20px;
 width: 100%;
 border-radius: 10px;
 overflow: hidden;
}

#campaign-information td {
 padding: 15px 10px;
 font-weight: bold;
 text-align: center;
 background: #fff;
}

#campaign-information td span {
 font-weight: normal;
 font-size: 14px;
 display: block;
}

#introduction img {
 width: 70%;
 margin: 20px auto 40px;
 max-width: fit-content;
}


.campaign1 th {
 color: #fff;
 background: #1e4892;
 font-size: 14px;
 padding: 5px;
}

.campaign2 th {
 color: #fff;
 background: #bf0000;
 font-size: 14px;
 padding: 5px;
}


#campaign-1 {
 background: #1e4892;
}

#campaign-1 .campaign-ttl {
 font-size: 30px;
 text-align: center;
 padding-bottom: 20px;
 color: #fff;
}

#campaign-1 .campaign-cont {
 background: #fff;
 margin-top: 40px;
 padding: 20px;
 text-align: center;
}

#campaign-1 .recommend,
#campaign-2 .recommend {
 background: #fff;
 padding: 20px;
 margin: 20px;
 text-align: center;
}

#campaign-1 .recommend ul,
#campaign-2 .recommend ul {
 display: inline-block;
 margin: 20px auto 0;
}

#campaign-1 .recommend li,
#campaign-2 .recommend li {
 font-size: 20px;
}

.box {
 margin-top: 20px;
}

.box h3 {
 border: 1px dotted #333;
 font-size: 18px;
 margin: 0 auto;
 position: relative;
 z-index: 1;
 background: #fff;
 padding: 10px;
}

.box .inner {
 border: 1px dotted #333;
 padding: 20px;
 margin: -14px;
 background: #fef4f4;
}

.box h4 {
 text-align: center;
 margin: 60px auto 20px;
 background: linear-gradient(transparent 70% , #fdfd91 70%);
 width: fit-content;
 font-weight: bold;
}

.inner img {
 width: 90%;
 display: block;
/* margin: 20px auto 30px !important;*/
}


#about-boss img {
 display: block;
 margin: 20px auto 0;
}

#about-boss .inner img {
 max-width: 391px;
}

#other-boss {
 background: #f5f0ef;
}

#other-boss h3 {
 text-align: center;
}

#other-boss h4 {
 margin: 20px auto;
 text-align: center;
 font-weight: bold;
}

#other-boss p {
 margin-bottom: 30px;
}

#other-boss img {
 width: 20%;
 margin: 2rem auto;
}

#campaign-2 .campaign-ttl {
 font-size: 30px;
 text-align: center;
 padding-bottom: 20px;
 color: #fff;
}

#campaign-2 .campaign-cont {
 background: #fff;
 margin-top: 40px;
 padding: 20px;
 text-align: center;
}

#campaign-2 .about-boss p {
 text-align: left;
}


.section-box{
 margin: 0 auto;
 padding: 40px 6vw;
}

.section-boximg{
 width: 100%;
 height: auto;
}

#mall h3 {
 padding: 30px 0 10px 0;
}

#mall ul {
 display: flex;
 flex-wrap: wrap;
 justify-content: space-around;
}

.new {
 position: relative;
}

.new::after {
 content: "NEW";
 text-align: center;
 vertical-align: middle;
 width: 36px;
 height: 36px;
 border-radius: 50%;
 font-size: 14px;
 font-weight: bold;
 color: #ffffff;
 background-color: #1e4892;
 position: absolute;
 top: -15px;
 line-height: 2.5;
}

/*.new::before {
 content: "※2/14リリース予定";
 position: absolute;
 font-size: 14px;
 top: 40px;
 left: 6px;
}*/

#mall li {
 list-style: none;
 width: 44%;
 margin: 3%;
}


#campaign-1 .about-rs h3 {
 font-size: 18px;
 margin-bottom: 20px;
 text-align: left;
}

#campaign-1 .about-rs p {
 text-align: left;
}

#campaign-1 table th.table-ttl {
 background:#1d4892;
 border: #ddd 1px solid;
 color: #fff;
 font-size: 16px;
 font-weight: normal;
 padding: 5px 0;
 text-align: center;
 width: 100%;
}

#campaign-about {
 margin: 40px auto;
}

#campaign-about h3 {
 background: #eaeef1;
 margin: 20px auto;
 padding: 5px 0;
}

#campaign-about figure {
 margin: 10px auto;
}

#campaign-about div.container.column3 > div {
 margin-bottom: 30px;
}

#campaign-about .cam-ir h5 {
 border-bottom: #eb6da5 1px solid;
 padding: 0 0 5px 0;
 margin: 0 auto 10px;
}

#campaign-about .cam-zr h5 {
 border-bottom: #00b8ee 1px solid;
 padding: 0 0 5px 0;
 margin: 0 auto 10px;
}

#campaign-about .cam-ri h5 {
 border-bottom: #ffcc33 1px solid;
 padding: 0 0 5px 0;
 margin: 0 auto 10px;
}

#campaign-about p {
text-align: left;
}

.about-robots {
 text-align: center; 
}

.about-robots img {
 margin-bottom: 30px;
}

.about-robots p {
 margin: 30px auto;
}


#campaign-about hr {
 max-width: 1120px;
 margin: 20px auto;
}

#robotseries {
 box-sizing: border-box;
 max-width: 1120px;
 margin: 0 auto;
 text-align: center;
}

#robotseries h2 {
 font-size: 18px;
 padding: 5px 0;
}

#robotseries h3 {
 font-size: 18px;
}

#robotseries figure {
 margin: 30px 20px;
}

#robotseries .zr {
 border: #00b8ee 2px solid;
 padding-bottom: 20px;
}

#robotseries .zr h3 {
 background: #00b8ee;
}

#robotseries div p {
 font-size: 14px;
 text-align: left;
 margin: 0 20px;
}

#robotseries h4 {
 font-size: 22px;
 color: initial;
 margin: 20px;
}

#robotseries .zr h4::before {
 content: url("../images/img_logo_zr.png");
 display: block;
}

#robotseries .ri {
 border: #fc3 2px solid;
 padding-bottom: 20px;
 margin: 30px auto;
}

#robotseries .ri h3 {
 background: #fc3;
}

#robotseries .ri h4::before {
 content: url("../images/img_logo_ri.png");
 display: block;
}

#robotseries .ir {
 border: #eb6da5 2px solid;
 padding-bottom: 20px;
 margin: 30px auto;
}

#robotseries .ir h3 {
 background: #eb6da5;
}

#robotseries .ir h4::before {
 content: url("../images/img_logo_ir.png");
 display: block;
}


.cvpoint {
 text-align: center;
 background: #333;
}

.cvpoint p.big {
 color: #fff;
 font-size: 30px;
 font-weight: bold;
 text-align: center;
 margin: 0 auto;
}

.cvpoint p {
 color: #fff;
 font-size: 14px;
 text-align: left;
 margin: 15px 0;
 padding: 15px;
}

#campaign-voice {
 text-align: center;
 padding: 40px 20px;
}

#campaign-voice img {
 width: auto;
 height: 150px;
 border: #eee 1px solid;
}

#campaign-voice .column-inner {
 text-align: left;
}

#campaign-voice p {
 text-align:left;
 }

#campaign-voice p.voice-zr,
#campaign-voice p.voice-ri,
#campaign-voice p.voice-ir,
#campaign-voice p.voice-boss {
 border-radius: 40px;
 width: 150px;
 text-align: center;
 padding: 5px;
 font-size: 12px;
 font-weight: normal !important;
 margin: 10px auto;
 display: inline-block;
}


#campaign-voice p.voice-zr {
 background: #00b8ee;
 color: #fff;
}

#campaign-voice p.voice-ri {
 background: #ffcc33;
 color: #333;
}

#campaign-voice p.voice-ir {
 background: #eb6da5;
 color: #fff;
}

#campaign-voice p.voice-boss {
 background: #606060;
 color: #fff;
}


#campaign-voice p.voice-zr + p,
#campaign-voice p.voice-ri + p,
#campaign-voice p.voice-ir + p,
#campaign-voice p.voice-boss + p {
 font-weight: bold;
}

div.container.column + div.container.column {
 margin-top: 40px;
}

.cont-inner {
 width: 100%;
 max-width: 1120px;
 margin: 0 auto;
 padding: 20px 0;
 box-sizing: border-box;
}

.cont-inner h2 {
 font-weight: bold;
 color: #333;
 padding-bottom: 10px;
}

.cont-inner h3 {
 width: 90%;
 margin: 0 auto;
 font-weight: normal;
 line-height: 1.5;
}

.cont-inner h3 span {
 background: #ff0;
 font-weight: bold;
}

.cont-inner h4 {
 text-align: center;
 padding-bottom: 10px;
}

.cont-inner img {
 width: 100%;
}

.cont-inner p {
 padding: 10px 0;
 width: 90%;
 margin: 0 auto;
}

#detail {
 text-align: center;
 background: #f5f0ef;
}

#detail .cont-inner {
 padding-top: 25px;
}

#detail table {
 width: 96%;
 margin: 0 auto;
}

#detail th,
#detail td {
 padding: 15px;
 border: #333 1px solid;
}

#detail th {
 background: #dcdcdc;
 color: #333;
 width: 25%;
 font-size: 14px;
 white-space: nowrap;
}

#detail td {
 background: #fff;
 text-align: left;
 font-size: 15px;
}

#detail td br {
 display: none;
}

#detail td span {
 color: #f00;
}

#detail td li {
 list-style: circle;
 margin: 0 0 5px 20px;
}





.campaign-merit {
 border-radius: 30px;;
 text-align: center;
 margin-top: 30px;
}

.campaign-merit .campaign-merit-cont h4 {
 margin: 10px auto;
 color: #1d4892;
 font-size: 20px;
 font-weight: bold;
 width: 70%;
}


.campaign-merit .campaign-merit-cont div p {
 font-size: 16px;
 text-align: left;
 padding: 0 20px;
}


.campaign-merit .campaign-merit-cont {
 border: 2px solid #ff0000;
 box-sizing: border-box;
 overflow: hidden;
 padding: 0;
 margin: 20px auto 0;
 max-width: 960px;
 width: 100%;
}

.campaign-merit .merit {
 margin: 30px auto !important;
}

.campaign-merit img {
 max-width: 102px;
 max-height: 101px;
 width:25%;
}


.campaign-merit p br {
 display: none;
}

.campaign-merit > p:nth-of-type(2) {
 color: #f00;
 font-weight: bold;
 }

.campaign-merit > p:nth-of-type(2) br {
 display: inline;
}

.campaign-ba h3 {
 border: 1px solid;
 border-radius: 40px;
 padding: 10px 0;
 margin: 30px auto;
 max-width: 600px;
}

.campaign-ba h4 {
 margin-bottom: 10px;
}

.before_after {
 margin-bottom: 50px;
}

.before_after_image > img {
 margin: 0px auto;
 max-width: 100%;
}

.before_after_arrow {
 position: relative;
 width: 60px;
 height: 60px;
 color: #3388dd;
}
.before_after_arrow::before,
.before_after_arrow::after {
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
 content: "";
}
.before_after_arrow::before {
 right: -50px;
 width: 0px;
 height: 0px;
 border: 40px solid transparent;
 border-left: 50px solid currentColor;
}
.before_after_arrow::after {
 left: -10px;
 width: 40px;
 height: 40px;
 background-color: currentColor;
}

.before_after_arrow {
 margin: 30px auto;
 transform: rotate(90deg);
 }

.mallcart img {
 margin: 20px 0;
}

#campaign-ttl {
 padding: 40px 10px 10px;
 position: relative;
 text-align: center;
}

#campaign-ttl h2 {
 font-size: 18px;
 font-weight: bold;
 margin:0;
 }

#flow img {
 margin: 20px auto;
 max-width: 800px;
}

/* inq --------------------*/
#inq {
 background: #ffeeee;
 text-align: center;
}

#inq h2 {
 background: #fff;
 border-radius: 50px;
 color: #333;
 font-weight: bold;
 position: relative;
 margin: 0 auto 25px;
 display: inline-block;
 padding: 10px 20px;
 font-size:14px;
}

#inq h2:before{
 content: "";
 position: absolute;
 top: 99%;
 left: 50%;
 margin-left: -15px;
 border: 15px solid transparent;
 border-top: 15px solid #fff;
}

#inq h3 {
 font-size: 16px;
}

#inq p {
margin: 0 auto 20px;
text-align: center;
}

#inq p.tel {
 font-size: 34px;
 font-weight: bold;
 line-height: 1;
 margin: 10px auto;
 text-align: center;
}

#inq p.tel a {
 color: #d0111a;
}

#inq p.tel::before {
 content: "";
 background-image:url(../images/icon_tel.png);
 background-size: contain;
 margin-right: 10px;
 display: inline-block;
 vertical-align: top;
 width: 34px;
 height: 34px;
}


#inq p.mall {
 font-size: 20px;
 margin-top: 20px;
}

#inq p.mall::before {
 content: "";
 background-image:url(../images/icon_mail.png);
 display: inline-block;
 width: 26px;
 height: 20px;
 margin-right: 10px;
 vertical-align: middle;
}

#inq p span {
 font-weight: bold;
}

.btn-box {
 text-align: center;
 padding-bottom: 20px;
}

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



/* ------------------------------------------------------- */
/* ===== for Tablet ===== */
/* ------------------------------------------------------- */

@media screen and (min-width : 480px){


#campaign-top-cont h2 {
 margin: 0 auto;
}

br.spnone {
 display: initial
}
br.sp {
 display: none;
}

}

/* ------------------------------------------------------- */
/* ===== for PC 768 ===== */
/* ------------------------------------------------------- */

@media screen and (min-width : 768px){
body {
 font-size: 1.8rem;
}

h2 {
font-size: 3.6rem
}

h3 {
font-size: 2.4rem
}

.pc br {
 display: initial;
}

a.btn br {
display: none;
}

a.btn {
 padding: 20px 80px;
 margin: 0 10px;
 width: 580px;
}

span.big {
 font-size: 48px;
}

span.redbold {
 color: #f00;
 font-size: 36px;
 font-weight: bold;
}





#campaign-top-cont a {

}

#campaign-top-cont p {
font-size:18px;
margin-top: 40px;
padding: 5px 40px;
}

#campaign-top-cont img.balloon {
 display: initial;
 top:50px;
 right: 5px;
 width: 120px;
}

.campaign2 th {
 font-size: 20px;
 padding: 10px;
}

.campaign1 th {
 font-size: 20px;
 padding: 10px;
}

#campaign-information p {
 font-size: 18px;
 font-weight: bold;
 text-align: center;
}

#campaign-information table {
 max-width: 750px;
 margin: 10px auto 40px;
}

#campaign-information td {
 font-size: 26px;
 }

 #campaign-information td br {
 display: none;
 }

#about-boss {
 text-align: center;
}

#about-boss p {
 font-size: 16px;
}

#about-boss img {
 margin: 30px auto 0;
}

.box {
 margin-top: 100px;
}

.box .inner {
 border: 1px dotted #333;
 padding: 50px 10px;
 margin: -33px auto;
 background: #fef4f4;
 max-width: 1000px;
}

.box .inner p {
 font-size: 16px;
}

 .box h3 {
 font-size: 22px;
 max-width: 500px;
 padding: 15px;
}

.c50-50 {
 display: flex;
 max-width: 800px;
 margin: auto;
}

.c50-50 .inner {
 width: 50%;
 padding: 20px;
 font-size: 16px;
}

.cvpoint p.big {
 font-size: 50px;
 line-height: initial;
}

.cvpoint p {
 padding: 30px;
}

.cvpoint .btn-box {
 margin: auto;
}

#campaign-1 .recommend,
#campaign-2 .recommend {
 max-width: 800px;
 margin: 0 auto;
 padding: 40px 20px;
}


#campaign-1 .campaign-cont,
#campaign-2 .campaign-cont {
 max-width: 1120px;
 margin: 60px auto;
 padding: 60px 40px;
}


.section-box{
 padding: 100px 4vw;
}

#campaign-about div.container.column3 > div {
 margin-bottom: 0;
}

.campaign-ba {
 margin-top: 100px;
}

.before_after_arrow {
 margin: 30px auto;
 transform: rotate(90deg);
}

.before_after {
 display: flex;
 justify-content: space-around;
 position: relative;
}

.before_after_image {
 width: calc(50% - 60px);
}

.before_after_arrow::before,
.before_after_arrow::after {
 top: 0%;
}

.before_after_arrow {
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translateX(-50%) translateY(-50%);
}

#mall ul {
 width: 900px;
 margin: 20px auto;
}

#mall li {
 width: 20%;
}

#flow {
 text-align: center;
}

.cvpoint p {
 width: 700px;
 margin: 0 auto 40px;
}


div.container.column {
 justify-content: center;
}

div.container.column + div.container.column {
 margin-top: 60px;
}

#robotseries h3 {
 font-size: 24px;
 font-weight: normal;
 padding: 5px 0;
}

#robotseries h4 span br {
 display: none;
}

#robotseries h4 {
 font-size: 22px;
}

#robotseries div {
 border-width: 5px !important;
}

#robotseries div p {
 font-size: 16px;
 text-align: center;
}

#campaign-top-icon {
 float: left;
 width: 18%;
}



#campaign-voice .column2-2-8 {
 display: flex;
 justify-content: space-between;
 padding: 0;
 margin: 0 auto 40px;
 max-width: 1000px;
}

#campaign-voice .column2-2-8 .column-inner-img {
 width: 40%
}

#campaign-voice .column2-2-8 .column-inner {
 width: 60%;
}

#campaign-voice .column2-2-8 p:first-of-type {
 margin: 10px 0;
}

#campaign-voice p.voice-zr + p br,
#campaign-voice p.voice-ri + p br,
#campaign-voice p.voice-ir + p br,
#campaign-voice p.voice-boss + p br {
 display: none;
}

#campaign-voice .column2-2-8 p:nth-of-type(3) {
 font-size: 16px;
 margin-top: 20px;
}

#campaign-voice img {
 height: 190px;
}



.campaign1-ttl .campaign2-ttl .campaign3-ttl h2 {
 font-size: 24px;
}

.campaign1-ttl::after {
 margin-left: -20px;
 border: 20px solid transparent;
 border-top:20px solid #1d4892;
}

.campaign2-ttl::after {
 margin-left: -20px;
 border: 20px solid transparent;
 border-top:20px solid #bf0000;
}

.campaign3-ttl::after {
 margin-left: -20px;
 border: 20px solid transparent;
 border-top:20px solid #eb5505;
}



#inq p {
 text-align: center;
}



.campaign-merit h3 br:nth-of-type(2) {
 display: none;
 }

.campaign-merit img {
 margin-right: 20px;
}

.campaign-merit .merit {
 display: flex;
 justify-content: space-between;
 max-width: 800px;
 margin: 60px auto !important;
}

.campaign-merit .merit > div {
 width: calc(100% - 140px);
}

.campaign-merit .campaign-merit-cont h4 {
 font-size: 30px;
 text-align: left;
 margin: 0;
 padding: 0;
 width: fit-content;
}

.campaign-merit .campaign-merit-cont div p{
 margin-top: 10px;
 font-size: 18px;
 padding: 0;
}

.campaign-merit > p:nth-of-type(2) {
 font-size: 22px;
}

.campaign-merit > p:nth-of-type(2) br {
 display: none;
}



#campaign-ttl h2 {
font-size: 24px;
}



#detail .cont-inner {
 padding-top: 30px;
}

#detail td {
 font-size: 16px;
}

#detail td br {
 display: inline;
}


/* inq --------------------*/
#inq {

}

#inq h2 {
 font-size: 20px;
 margin: 0 auto 50px;
 padding: 10px 40px;
}

#inq h3 {
 font-size: 22px;
}

#inq p.tel {
 font-size: 48px;
}

#inq p.tel::before {
 width: 46px;
 height: 46px;
}

/*#inq p.tel a:hover {
 background: #fff !important;
 border:none !important;
}
*/

#inq p br {
 display: none;
}

.btn-box {
 display: flex;
 flex-direction: row-reverse;
 justify-content: space-evenly;
 margin: 40px auto;
 width: 100%;
 max-width: 1120px;
}

.btn-box a {
 max-width: 500px;
 margin: 0;
 padding: 30px 40px;
 width: 48%;
}

.btn-box a + a {
 margin-top: 0;
}

}







/* ------------------------------------------------------- */
/* ===== for PC 1000 ===== */
/* ------------------------------------------------------- */

@media screen and (min-width : 1000px){


/*#wrap img {
 width: unset;
}*/

.dis_pc {
display: inline !important;
}

.dis_sp {
display: none !important;
}

a.btn {
 font-size: 20px;
 }

 #campaign-top-cont > h1 {
 position: relative;
 }

/* #campaign-top-cont > h1::before {
 content: url(../images/img_stamp.png);
 position: absolute;
 top: 110px;
 left: 60px;
 }*/

#campaign-top-cont a {

 }

#campaign-top-cont {
 max-width:640px;
 margin: 0 auto;
 padding: 50px 0;
}

#campaign-top-cont p br {
display: none;
}

#campaign-top-cont img.balloon {
 top:200px;
 right: 85px;
 width: 90px;
}

#robotseries {
}

#robotseries h4 {
 font-size: 34px;
 margin-top: 40px;
 vertical-align: middle;
}

#robotseries h4::before {
 display: inline-block !important;
 margin: 0 30px 0 0;
}

#campaign-2 > .campaign-ttl > p {
 position: relative;
 display: inline-block;
}

#campaign-2 > .campaign-ttl > p::before {
 content: url(../images/img_stamp.png);
 position: absolute;
 top: -30px;
 left: -200px;
}

.campaign-merit {
 margin: 100px auto 0;
 padding: 0;
 max-width: 1120px;
}


.campaign-merit img {
 margin-right: 15px;
}

.campaign-merit p {
 font-size: 20px;
}


#campaign-voice {
 padding: 70px 0;
}


.campaign1-ttl .campaign2-ttl .campaign3-ttl {
 padding:15px 0;
}

.campaign-merit > p {
 font-size: 24px;
 font-weight: bold;
}

.campaign-merit > p:nth-of-type(2) {
 font-size: 36px;
}

.campaign-merit p br {
 display: inline;
}

#campaign-ttl {
 padding:50px 0 30px;
}

#campaign-detail {
padding: 0 0 60px;
}

#campaign-detail td br,
#campaign-detail li br {
 display: inline;
}

.section-box{
 padding: 100px 0;
}

}