/* ************************************************ */
/**** 共通タグ設定 ****/
/* ************************************************ */
* {
box-sizing:border-box;
vertical-align:top;
}

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

body {
font-family: 'Noto Sans JP', serif;
font-weight:400;
padding: 0px;
margin: 0px;
font-size:1.6rem;
line-height:1.5;
color:#000;
background:#fff;
text-align:left;
height:100%;
word-wrap: break-word;
-webkit-text-size-adjust: 100%;
}

section {
text-align:center;
padding: 0;
}

p {
padding: 0;
margin:0 0 1.5em 0;
}

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

h1,h2,h3,h4,h5,h6 {
padding:0;
margin:0;
font-weight: inherit;
}

a {
color:#000;
text-decoration:underline;
transition: color 0.5s ease;
}
a:hover {
color:#666;
text-decoration:none;
transition: color 0.5s ease;
}

ul {
padding:0;
margin:0 0 1.5em 0;
list-style: none;
list-style-type: disc;
}
ul li {
padding: 0;
margin:0;
list-style: none;
}

ol {
padding:0;
margin:0 0 1.5em 0;
list-style: decimal outside;
}

ol li {
padding:0;
margin:0 0 0 1.5em;
}

dl {
padding: 0;
margin:0 0 1.5em 0;
}
dt {
margin:0;
padding:0;
}
dd {
margin:0;
padding:0;
}

b ,
strong {
font-weight:700;
}



/* ************************************************ */
/**** 共通クラス定義 ****/
/* ************************************************ */

/***** clearfix *****/
.clearfix:after { 
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}

/***** inner *****/
.inner {
width:1280px;
max-width:100%;
padding:0 40px;
margin:auto;
position:relative;
text-align:center;
}

/***** PCのみ/SPのみ *****/
.pc_only {
display:inline-block!important;
}
.sp_only {
display:none!important;
}

/***** 改行無し *****/
.nobr {
display:inline-block;
/*white-space: nowrap;*/
}

/***** フォントカラー *****/
.f_red {
color:#dc2626;
}

/***** リスト *****/
ul.dotlist {
}
ul.dotlist li {
position:relative;
padding:0 0 0 1.5em;
position:relative;
margin:0 auto .5em auto;
}
ul.dotlist li:before {
content:"・";
position:absolute;
left:0;
color:#dc2626;
}



/* ****************************************************************************** */
/**** wrapper ****/
/* ****************************************************************************** */
.wrapper{
width:100%;
min-width:100%;
max-width:100%;
position:relative;
overflow: hidden;
background:#fff;
padding: 0;
}

/* ******************************************************************** */
/**** header ****/
/* ******************************************************************** */
.header {
background:#fff;
width:100%;
height:auto;
position:fixed;
/*top:0;*/
top:44px;
bottom:auto;
left:0;
right:0;
margin:auto;
z-index:10;
transition: all 0.5s ease;
}
/*.header:before {
content:"";
display:block;
width:100%;
height:5px;
background:url(../images/header_bg.png) no-repeat center center;
background-size: 100% 5px;
}*/
.header.header_toppage {
/*top:-85px;*/
top:-100%;
}

.header .header_line {
display:block;
width:100%;
height:5px;
background:url(../images/header_bg.png) no-repeat center center;
background-size: 100% 5px;
}

.header .inner {
position:relative;
width:1280px;
max-width:100%;
height:80px;
padding: 0 40px;
display: flex;
justify-content: space-between;
align-items: center;
}

/*** logo ***/
.header .logo {
display:block;
padding:0 ;
margin:0 0 ;
text-align:center;
}
.header .logo .description {
font-size:.9rem;
margin-bottom:3px;
display:block;
}
.header .logo .logomark {
width:165px;
height:30px;
display:block;
}

/***** グロナビ *****/
.header .globalnavi {
background:#282828;
padding: 10px 0;
display:flex;
justify-content: space-between;

position:fixed;
top:0;
width:100%;
z-index: 9999;
}
.header .globalnavi .inner {
height:auto;
}

.header .globalnavi .logo {
color:#fff;
width:60px;
}
.header .globalnavi .navigation {
}
.header .globalnavi .navigation .gmenu {
display: flex;
}
.header .globalnavi .navigation .gmenu ul {
display:flex;
margin:0;
}
.header .globalnavi .navigation .gmenu ul li {
position:relative;
}
.header .globalnavi .navigation .gmenu ul li a {
font-size:1.4rem;
color:#999;
text-decoration:none;
margin:0 1em;
}
.header .globalnavi .navigation .gmenu ul li a:hover {
color:#fff;
}
.header .globalnavi .navigation .gmenu ul li a.current {
color:#fff;
}
.header .globalnavi .navigation .gmenu ul li i {
margin-left:1em;
font-size:1rem;
vertical-align: middle;
}
/*lv2*/
.header .globalnavi .navigation .gmenu ul > li > ul.lv2 {
display:none;
opacity: 0;

position:absolute;
background:rgba(40,40,40,.95);
position:absolute;
top:100%;
left:50%;
transform: translateX(-50%);
padding:.5em 1em;
z-index:999;
width: max-content;
border-radius: 0 0 10px 10px;
}
.header .globalnavi .navigation .gmenu ul > li:hover > ul.lv2 {
display:block;
opacity: 1;
}
.header .globalnavi .navigation .gmenu ul > li > ul.lv2 > li {
margin:.5em 0;
}

.header #navToggle {
display:none;
}

/***** sitenavi *****/
.header .site_navi {
display:flex;
align-items: center;
}
.header .site_navi ul {
display:flex;
margin:0 2em 0 0;
}
.header .site_navi ul li {
margin:0 1em;
}
.header .site_navi ul li a {
text-decoration:none;
}
.header .site_navi ul li a:hover {
color:#dc2626;
}

/*ヘッダーフローティング時*/
.header.header_toppage.header_floating {
top:44px;
}


/* ******************************************************************** */
/**** container ****/
/* ******************************************************************** */

/* ************************************************ */
/**** main ****/
/* ************************************************ */
main {
position:relative;
}

/******************** 共通パーツ ********************/

/********** section_header **********/
.section_header {
margin:0 auto 75px auto;
}
.section_header.section_header_flex {
display:flex;
justify-content: space-between;
align-items: center;
}
.section_header.section_header_flex .section_header_text {
width:calc(60% - 50px);
text-align:left;
}
.section_header.section_header_flex .section_header_img {
width:calc(40% - 50px);
}

/********** section_title **********/
.section_title {
font-size:4.8rem;
line-height:1.4;
font-weight:700;
color:#000;
margin-bottom:50px;
display:block;
}
/********** section_subtitle **********/
.section_subtitle {
font-size:3.6rem;
line-height:1.4;
font-weight:700;
color:#000;
padding-bottom:10px;
margin:0 auto 50px auto;
display:block;
width:fit-content;
border-bottom:3px double #dc2626;
}
.section_subtitle strong {
color:#dc2626;
}
/********** section_lead **********/
.section_lead {
font-size:1.8rem;
line-height:1.75;
font-weight:500;
color:#000;
}


/********** ボタン **********/
.btn {
}

.btn a {
color:#dc2626;
background:#fff;
text-align:center;
font-weight:700;
text-decoration:none;
width:fit-content;
margin: auto;
text-align: left;
line-height: 1.2;
display: flex;
align-items: center;
border:1px solid #dc2626;
border-radius:10px;
transition: all 0.5s ease;
}
.btn a:hover {
color:#fff;
background:#c61919;
text-decoration:none;
opacity:1;
transition: all 0.5s ease;
}

/* Sサイズ（高さ40） */
.btn a.btnS {
font-size:1.4rem;
height:40px;
padding:0 20px;
}
.btn a.btnS img {
width:15px;
height:15px;
display:block;
margin-right:10px;
}
/* Mサイズ（高さ50） */
.btn a.btnM {
font-size:1.6rem;
height:50px;
padding:0 25px;
}
.btn a.btnM img {
width:30px;
height:30px;
display:block;
margin-right:10px;
}
/* Lサイズ（高さ60） */
.btn a.btnL {
font-size:2rem;
height:60px;
padding:0 30px;
}
.btn a.btnL img {
width:32px;
height:32px;
display:block;
margin-right:10px;
}

/********** フキダシリスト **********/
ul.balloon_list {
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
margin: 0 auto;
}
ul.balloon_list li {
width:calc(100% / 3 - 40px);
margin:0 20px 50px 20px;
background:#fdd4d4;
border-radius:10px;
display: flex;
align-items: center;
padding:30px;
text-align:left;
position:relative;
}
ul.balloon_list li:after {
position: absolute;
content: " ";
height: 0;
width: 0;
top: 100%;
left: 50%;
border:10px solid transparent;
border-top:10px solid #fdd4d4;
margin-left: -10px;
}
ul.balloon_list li.illust {
background:none;
margin: -75px 0 0 0;
}
ul.balloon_list li.illust:after {
display:none;
}

ul.balloon_list li .icon {
width:60px;
height:60px;
display:block;
margin:0 20px 0 0;
}
ul.balloon_list li .text {
width:calc(100% - 80px)
}
ul.balloon_list li .text strong {
color:#dc2626;
font-weight:700;
}

/********** イラストリスト **********/
ul.list_illust {
display: flex;
justify-content: center;
align-items: flex-start;
flex-wrap: wrap;
margin: 0 auto;
}
ul.list_illust li {
/*width:calc(100% / 3 - 50px);*/
margin:0 25px 50px 25px;
padding:0;
text-align:center;
position:relative;
}
ul.list_illust li .list_illust_img {
width:240px;
max-width:100%;
margin:0 auto 20px auto;
padding:20px;
}
ul.list_illust li .list_illust_text {
font-size:1.8rem;
}
ul.list_illust li .list_illust_text big {
font-size:3rem;
font-weight:700;
color:#dc2626;
display:block;
}


/********** アイコンリスト **********/
ul.list_icon {
display: flex;
justify-content: center;
flex-wrap: wrap;
margin: 0 auto;
}
ul.list_icon > li {
width:calc(100% / 3 - 50px);
margin:65px 25px 50px 25px;
padding:85px 30px 30px 30px;
text-align:center;
position:relative;
border-radius:20px;
background:#fdd4d4;
border:1px solid #fdd4d4;
}
ul.list_icon > li .list_icon_img {
width:130px;
height:130px;
display:flex;
justify-content: center;
align-items: center;
border-radius:50%;
border:1px solid #fdd4d4;
background:#fff;
margin:auto ;
position:absolute;
top:-65px;
left:0;
right:0;
}
ul.list_icon > li .list_icon_title {
font-size:2.2rem;
font-weight:700;
display:block;
margin:0 auto 20px auto;
}
ul.list_icon > li .list_icon_text {
font-size:1.6rem;
}
/*偶数番目*/
ul.list_icon > li:nth-child(even) {
background:#fff;
}
ul.list_icon > li:nth-child(even) .list_icon_img {
background:#fdd4d4;
}


/********** アイコンリスト2 **********/
ul.list_icon2 {
display: flex;
justify-content: center;
flex-wrap: wrap;
margin: 0 auto;
}
ul.list_icon2 > li {
width:calc(100% / 3 - 40px);
margin: 20px;
padding: 30px;
text-align:left;
border-radius:20px;
background:#fdd4d4;
border:1px solid #fdd4d4;
display: flex;
justify-content: center;
align-items:center;
}
ul.list_icon2 > li .list_icon2_img {
width:60px;
height:60px;
margin:0 20px 0 0 ;
}
ul.list_icon2 > li .list_icon2_text {
font-size:1.8rem;
width:calc(100% - 80px);
}


/********** フローリスト **********/
ol.list_flow {
width:1000px;
max-width:100%;
margin:auto;
list-style: none;
counter-reset: number;
}
ol.list_flow li {
background:#fdd4d4;
padding: 20px 0;
margin:0 0 10px 0;
min-height:100px;
display:flex;
justify-content: space-between;
align-items: center;
text-align:left;
}
ol.list_flow li:before {
counter-increment: number;
content: counter(number);
font-size:4.8rem;
line-height:1;
font-weight: 500;
font-style:italic;
color: #dc2626;
width:100px;
text-align:center;
}
ol.list_flow li .list_flow_title {
width:calc(50% - 100px);
font-size:2rem;
line-height: 1.4;
font-weight:700;
padding-right:50px;
}
ol.list_flow li .list_flow_text {
width:50%;
font-size:1.6rem;
padding-right:50px;
}
/*偶数番目*/
ol.list_flow li:nth-child(even) {
background:#fff;
}


/********** FAQリスト **********/
dl.list_faq {
width:1000px;
max-width:100%;
margin:auto;
}
dl.list_faq .qa {
position:relative;
margin-bottom:10px;
text-align:left;
}
dl.list_faq .qa dt {
position:relative;
padding:20px 100px ;
background:#fdd4d4;
cursor:pointer;
min-height:100px;
display:flex;
justify-content: space-between;
align-items: center;
font-size:2rem;
font-weight:700;
}
dl.list_faq .qa dt:before {
content:"Q";
position:absolute;
left:0;
width:100px;
text-align:center;
font-size:3rem;
line-height: 1;
font-weight:700;
color:#dc2626;
}
dl.list_faq .qa dt:after {
font-family: "Font Awesome 5 Free";
content: "\f078";
font-size: 2rem;
font-weight: 700;
line-height: 100px;
width: 100px;
height: 100px;
text-align: center;
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
cursor:pointer;
}
dl.list_faq .qa.faq_open dt:after {
font-family: "Font Awesome 5 Free";
content: "\f077";
}

dl.list_faq .qa dd {
display:none;

position:relative;
padding:20px 20px 20px 100px ;
background:#fff;
border:2px solid #fdd4d4;
min-height:100px;
justify-content: space-between;
align-items: center;
}
dl.list_faq .qa dd:before {
content:"A";
position:absolute;
left:0;
width:100px;
text-align:center;
font-size:3rem;
font-weight:700;
color:#dc2626;
}
dl.list_faq .qa.faq_open dd {
display:flex;
}


/********** 事例ブロック **********/
.casestudy {
display:flex;
justify-content: center;
padding: 0 50px;
position:relative;
}
.casestudy:after {
content:"";
background: linear-gradient(0deg, #fff, #f6efef);
border-radius:20px 20px 0 0;
width: 100%;
height: 75%;
position: absolute;
top: 50px;
}
.casestudy .casestudy_block {
background:#fff;
border-radius:20px;
border:2px solid #e2dede;
margin:0 25px;
padding:50px;
width: 450px;
max-width: 50%;
z-index: 1;
}
.casestudy .casestudy_block .casestudy_title {
font-size:2.4rem;
font-weight:700;
margin-bottom:30px;
}
.casestudy .casestudy_block ul {
}
.casestudy .casestudy_block ul li {
background:#f6efef;
border-radius:20px;
padding:20px 30px;
text-align:left;
margin-bottom:10px;
font-size:1.8rem;
}
.casestudy .casestudy_block ul li strong {
color:#dc2626;
}

.casestudy .casestudy_block .casestudy_img {
width:240px;
max-width:100%;
margin: auto;
}


/********** BOX **********/
.box {
background:#fff;
border:2px solid #fdd4d4;
border-radius:20px;
padding:50px;
}


/********** ご相談くださいBOX **********/
.consultation_box {
padding:50px;
background:url(../images/fire_bg.jpg) no-repeat center bottom;
background-size: cover;
border-radius:20px;
}
.consultation_box .inner {
width:1080px;
max-width:100%;
padding:50px 40px;
position:relative;
text-align:center;
background:rgba(253,212,212,.1);
}

.consultation_box .consultation_box_title {
font-size:4.2rem;
font-weight:700;
color:#fff;
margin-bottom:20px;
}

.consultation_box .consultation_box_text {
font-size:2.4rem;
margin-bottom:30px;
}


/********** スクロールテーブル **********/
.scrolltable {
}


/********** swiper **********/
.swiper-button-next ,
.swiper-button-prev {
background-image:none;
position: absolute;
top: 50%;
left: auto;
right:auto;
width: 30px;
height: 30px;
margin: auto;
transform: translateY(-50%);
z-index: 2;
}
.swiper-button-next::after {
font-family: "Font Awesome 5 Free";
content: "\f054";
font-weight: 900;
font-size: 1.6rem;
line-height: 30px;
text-align: center;
vertical-align: middle;
color: #dc2626;
margin: 0;
width: 30px;
min-width: 30px;
height: 30x;
display: inline-block;
/*background: rgba(220,38,38,.9);*/
background: rgba(255,255,255,.9);
border-radius: 50%;
transition: all 0.5s ease;
}
.swiper-button-prev::after {
font-family: "Font Awesome 5 Free";
content: "\f053";
font-weight: 900;
font-size: 1.6rem;
line-height: 30px;
text-align: center;
vertical-align: middle;
color: #dc2626;
margin: 0;
width: 30px;
min-width: 30px;
height: 30x;
display: inline-block;
/*background: rgba(220,38,38,.9);*/
background: rgba(255,255,255,.9);
border-radius: 50%;
transition: all 0.5s ease;
}


/******************** ページヘッダー ********************/
.page_header {
width:100%;
position:relative;
/*margin:85px 0 0 0;*/
margin:129px 0 0 0;
padding: 0 0 75px 0;
z-index:0;
background:url(../images/fire_bg.jpg) no-repeat center bottom;
background-size: cover;
}
.page_header:before {
content:"";
background:#fff;
width:100%;
height: 160px;
display: block;
position: absolute;
top:0;
}
.page_header .page_header_ballon {
background:#fff;
border-radius:20px;
padding:75px 50px;
margin-bottom:75px;
position:relative;
}
.page_header .page_header_ballon:after {
position: absolute;
content: " ";
height: 0;
width: 0;
top: 100%;
left: 50%;
border:10px solid transparent;
border-top:10px solid #fff;
margin-left: -10px;
}
.page_header .page_header_ballon .page_title big {
font-size:6rem;
font-weight:700;
line-height:1.4;
display:block;
margin-bottom:20px;
}
.page_header .page_header_ballon .page_title small {
font-size:3rem;
font-weight:700;
line-height:1.4;
display:block;
color:#dc2626;
}

.page_header .page_header_text {
font-size:2rem;
font-weight:500;
color:#fff;
margin-bottom:50px;
}


/******************** メインビジュアル ********************/
.mainvisual {
width:100%;
position:relative;
margin:0 0;
background:url(../images/mv_bg.jpg) no-repeat center center;
background-size:cover;
}

.mainvisual .inner {
width:1280px;
max-width:100%;
/*padding:50px 40px;*/
padding:90px 40px 50px 40px;
position:relative;
text-align:center;
}

/***** mv_header *****/
.mainvisual .mv_header {
position:relative;
width:1280px;
max-width:100%;
height:60px;
padding: 0 ;
margin:0 0 100px 0;
display: flex;
justify-content: space-between;
align-items: center;
}

/*** logo ***/
.mainvisual .mv_header .logo {
display:block;
padding:0 ;
margin:0 0 ;
text-align:center;
}
.mainvisual .mv_header .logo .description {
font-size:1.2rem;
margin-bottom:3px;
display:block;
color:#fff;
}
.mainvisual .mv_header .logo .logomark {
width:220px;
height:40px;
display:block;
}

/*** sitenavi ***/
.mainvisual .mv_header .site_navi {
display:flex;
align-items: center;
}
.mainvisual .mv_header .site_navi ul {
display:flex;
margin:0 2em 0 0;
}
.mainvisual .mv_header .site_navi ul li {
margin:0 1em;
}
.mainvisual .mv_header .site_navi ul li a {
color:#fff;
text-decoration:none;
}
.mainvisual .mv_header .site_navi ul li a:hover {
color:#fdd4d4;
}

/***** mv_flex *****/
.mainvisual .mv_flex {
display:flex;
justify-content: space-between;
align-items: center;
margin-bottom:100px;
text-align:left;
}

/*** mv_txt ***/
.mainvisual .mv_flex .mv_txt {
width:60%;

font-size:min(1.5vw, 1.8rem);
line-height:2;
font-weight:500;
color:#fff;
}
/* slogan */
.mainvisual .slogan {
margin-bottom:50px;
text-align:left;
}
.mainvisual .slogan big {
color:#fff;
display:block;
font-size:min(5vw, 6.4rem);
line-height:1.4;
font-weight:700;
letter-spacing: .05em;
}
.mainvisual .slogan small {
color:#fbb115;
display:block;
font-size:min(2.5vw, 3.2rem);
line-height:1.4;
font-weight:700;
margin-top: 1em;
}
/* btn */
.mainvisual .btn {
margin-top:25px;
}

/*** mv_img ***/
.mainvisual .mv_flex .mv_img {
width:36%;
margin-left:4%;
}


/******************** こんな不安、抱えていませんか？ ********************/
.problem {
padding:120px 0 ;
position:relative;
z-index:1;
}
.problem .inner {
}

.problem .problem_content {
}
.problem .problem_content ul.balloon_list li:nth-child(1) ,
.problem .problem_content ul.balloon_list li:nth-child(3) {
margin: 50px 20px;
}


/******************** 「今は問題ない」では守れない時代です ********************/
.solution {
padding:50px ;
position:relative;
background:url(../images/fire_bg.jpg) no-repeat center bottom;
background-size:cover;
}
.solution .inner {
width:1080px;
max-width:100%;
padding:100px 40px;
position:relative;
text-align:center;
background:rgba(253,212,212,.1);
}

.solution .solution_title {
font-size:4.2rem;
color:#fff;
font-weight:700;
margin-bottom:30px;
}
.solution .solution_text {
font-size:2.4rem;
}
.solution .solution_text:before {
content:"── ";
}
.solution .solution_text:after {
content:" ──";
}


/******************** 1件の炎上が、取り返しのつかない損失を生む ********************/
.loss {
padding:120px 0 ;
position:relative;
z-index:1;
}
.loss .inner {
}

.loss .loss_content {
margin-bottom:75px;
}

.loss .loss_merit {
display:flex;
justify-content: center;
}
.loss .loss_merit .loss_merit_block {
background:#dc2626;
width: 50%;
max-width: 420px;
padding:30px;
margin:0 25px;
border-radius:20px;
box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
}
.loss .loss_merit .loss_merit_block .loss_merit_title {
font-size:2.3rem;
font-weight:700;
color:#fff;
margin-bottom:20px;
display:flex;
align-items:center;
justify-content: center;
text-align: left;
}
.loss .loss_merit .loss_merit_block .loss_merit_title img {
margin-right:10px;
}
.loss .loss_merit .loss_merit_block .loss_merit_title .dots {
background-image: radial-gradient(circle at center, #fff 20%, transparent 20%);
background-position: top right;
background-repeat: repeat-x;
background-size: 1em .6em;
padding-top: .3em;
}
.loss .loss_merit .loss_merit_block ul {
margin-bottom:0;
}
.loss .loss_merit .loss_merit_block ul li {
font-size:1.8rem;
background:#fff;
margin:5px auto;
padding:10px 10px;
}


/******************** 多くの企業がつまずく3つの"壁"──あなたはどこに？ ********************/
.case {
padding:120px 0 ;
position:relative;
z-index:1;
background:#ffeeee;
}
.case .inner {
}

.case .case_content {
}
.case .case_content ul {
display:flex;
justify-content: space-between;
}
.case .case_content ul li {
width:calc((100% - 100px) / 3);
padding-top: 60px;
}

.case .case_content ul li .case_content_head {
background:#dc2626;
padding:80px 30px 30px 30px;
position:relative;
border-radius:20px 20px 0 0;
text-align:left;
position:relative;
}
.case .case_content ul li .case_content_head:after {
position: absolute;
content: " ";
height: 0;
width: 0;
top: 100%;
left: 50%;
border:10px solid transparent;
border-top:10px solid #dc2626;
margin-left: -10px;
}
.case .case_content ul li .case_content_head *:last-child {
margin-bottom:0;
}

.case .case_content ul li .case_content_head .case_number {
width:120px;
height:120px;
display:flex;
justify-content: center;
align-items:center;
flex-wrap:wrap;
background:#fff;
color:#dc2626;
font-size:7.2rem;
line-height: .9;
text-align:center;
font-style:italic;
font-weight:500;
border-radius:50%;
padding:2px 7px 0 0;
position:absolute;
top: -60px;
left: 0;
right: 0;
margin: auto;
}
.case .case_content ul li .case_content_head .case_number:before {
content:"case";
font-size:1.6rem;
display:block;
position: absolute;
top: 15px;
left:0;
right:0;
margin:auto;
}

.case .case_content ul li .case_content_head .case_title {
font-size:2.4rem;
font-weight:700;
color:#fff;
margin-bottom:10px;
text-align:center;
}

.case .case_content ul li .case_content_body {
font-size:1.8rem;
font-weight:700;
background:#fff;
padding:30px;
border-radius: 0 0 20px 20px;
text-align:left;
}
.case .case_content ul li .case_content_body strong {
color:#dc2626;
}


/******************** 炎上ミハルの特徴 ********************/
.feature {
padding:120px 0 ;
position:relative;
z-index:1;
}
.feature .inner {
}


/******************** サービス導入の流れ ********************/
.flow {
padding:120px 0 ;
position:relative;
z-index:1;
background:#ffeeee;
}
.flow .inner {
}


/******************** お客様の声 ********************/
.voice {
padding:120px 0 ;
position:relative;
z-index:1;
}
.voice .inner {
}

.voice .voice_content {
position:relative;
}

.voice .voice_content .swiper-button-prev ,
.voice .voice_content .swiper-button-next {
display:none;
}

.voice .voice_content .voice_slider {
position:relative;
width:1000px;
max-width:100%;
margin: auto;
}
.voice .voice_content .voice_slider ul {
}
.voice .voice_content .voice_slider ul li {
padding:0 25px;
}

.voice .voice_content .voice_slider ul li .voice_title {
font-size:2rem;
font-weight:700;
color:#dc2626;
margin-bottom:10px;
}
.voice .voice_content .voice_slider ul li .voice_text {
font-size:1.6rem;
}

/*イラスト*/
.voice .voice_content .voice_slider ul li .voice_user {
display:flex;
justify-content: space-between;
padding: 25px 0;
}
.voice .voice_content .voice_slider ul li .voice_user img {
width:auto;
max-width:calc((100% - 25px) / 2);
}

/*上ふきだし*/
.voice .voice_content .voice_slider ul li .voice_ballon_upper {
background:#fdd4d4;
position:relative;
padding:30px;
border-radius:20px;
}
.voice .voice_content .voice_slider ul li .voice_ballon_upper:after {
position: absolute;
content: " ";
height: 0;
width: 0;
top: 100%;
left: 20%;
border:10px solid transparent;
border-top:10px solid #fdd4d4;
}
/*下ふきだし*/
.voice .voice_content .voice_slider ul li .voice_ballon_lower {
background:#ffeeee;
position:relative;
padding:30px;
border-radius:20px;
}
.voice .voice_content .voice_slider ul li .voice_ballon_lower:after {
position: absolute;
content: " ";
height: 0;
width: 0;
bottom: 100%;
right: 20%;
border:10px solid transparent;
border-bottom:10px solid #ffeeee;
}
/*偶数番目*/
.voice .voice_content .voice_slider ul li:nth-child(even) .voice_ballon_upper {
background:#ffeeee;
} 
.voice .voice_content .voice_slider ul li:nth-child(even) .voice_ballon_upper:after {
border-top:10px solid #ffeeee;
} 
.voice .voice_content .voice_slider ul li:nth-child(even) .voice_ballon_lower {
background:#fdd4d4;
} 
.voice .voice_content .voice_slider ul li:nth-child(even) .voice_ballon_lower:after {
border-bottom:10px solid #fdd4d4;
}


/******************** よくある質問（TOP） ********************/
.faq {
padding:120px 0 ;
position:relative;
z-index:1;
background:#ffeeee;
}
.faq .inner {
}

.faq .faq_content {
margin-bottom:50px;
}


/******************** 放置できないSNSリスク ********************/
.sns_lisk {
padding:120px 0 ;
position:relative;
z-index:1;
}
.sns_lisk .inner {
}

.sns_lisk .sns_lisk_content {
margin-bottom:75px;
}

.sns_lisk .sns_lisk_casestudy {
}


/******************** 炎上ミハルができること ********************/
.strength {
padding:120px 0 ;
position:relative;
z-index:1;
background:#ffeeee;
}
.strength .inner {
}

.strength .strength_content {
margin-bottom:75px;
}
.strength .strength_content .dotlist {
text-align:left;
margin-bottom:0;
}

.strength .strength_flow {
}


/******************** 導入実績と信頼性（no-measures） ********************/
.reliability {
padding:120px 0 ;
position:relative;
z-index:1;
}
.reliability .inner {
}

.reliability .reliability_content {
margin-bottom:75px;
}

.reliability .reliability_casestudy {
}
.reliability .reliability_casestudy .casestudy .casestudy_block {
width:700px;
max-width:100%;
}


/******************** よくある質問（no-measures） ********************/
.no-measures_faq {
padding:120px 0 ;
position:relative;
z-index:1;
background:#ffeeee;
}
.no-measures_faq .inner {
}

.no-measures_faq .no-measures_faq_content {
margin-bottom:75px;
}

.no-measures_faq .no-measures_faq_consultation {
}


/******************** この48時間が、未来を左右します ********************/
.response {
padding:120px 0 ;
position:relative;
z-index:1;
}
.response .inner {
}

.response .section_header_flex {
max-width:1080px;
}
.response .response_content {
}


/******************** リスク検知だけで終わらない。即時行動支援まで。 ********************/
.support {
padding:120px 0 ;
position:relative;
z-index:1;
background:#ffeeee;
}
.support .inner {
}

.support .section_header_flex {
max-width:1080px;
}

.support .support_content {
margin-bottom:75px;
}

.support .support_choice {
font-size:1.8rem;
line-height:1.75;
}


/******************** 導入実績と信頼性（considering） ********************/
.considering_reliability {
padding:120px 0 ;
position:relative;
z-index:1;
}
.considering_reliability .inner {
}

.considering_reliability .considering_reliability_content {
margin-bottom:75px;
}

.considering_reliability .considering_reliability_professional ul {
display:flex;
justify-content: center;
flex-wrap:wrap;
margin:auto;
}
.considering_reliability .considering_reliability_professional ul li {
font-size:1.8rem;
font-weight:700;
color:#fff;
background:#dc2626;
width: calc(50% - 20px);
max-width: 420px;
padding:20px 30px;
margin:10px;
border-radius:20px;
box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
}
.considering_reliability .considering_reliability_professional ul li small {
font-size:1.4rem;
}


/******************** まずは無料で、リスク状況を把握しませんか？ ********************/
.complimentary {
padding:120px 0 ;
position:relative;
z-index:1;
background:#ffeeee;
}
.complimentary .inner {
}

.complimentary .complimentary_content {
}


/******************** よくある質問（considering） ********************/
.considering_faq {
padding:120px 0 ;
position:relative;
z-index:1;
}
.considering_faq .inner {
}

.considering_faq .considering_faq_content {
margin-bottom:75px;
}

.considering_faq .considering_faq_consultation {
}


/******************** これ、今使っているサービスに当てはまりませんか？ ********************/
.dissatisfied_problem {
padding:120px 0 ;
position:relative;
z-index:1;
}
.dissatisfied_problem .inner {
}

.dissatisfied_problem .dissatisfied_problem_content {
}
.dissatisfied_problem .dissatisfied_problem_content ul.balloon_list {
justify-content: center;
}
.dissatisfied_problem .dissatisfied_problem_content ul.balloon_list li  {
justify-content: center;
font-size:1.8rem;
}
.dissatisfied_problem .dissatisfied_problem_content ul.balloon_list li:nth-child(1) {
margin-left:calc((100% / 3 - 40px) / 2);
}
.dissatisfied_problem .dissatisfied_problem_content ul.balloon_list li:nth-child(2) {
margin-right:calc((100% / 3 - 40px) / 2);
}

.dissatisfied_problem .dissatisfied_problem_content ul.balloon_list li .text {
text-align:center;
width:100%;
}


/******************** 「違い」が結果を変えます ********************/
.difference {
padding:120px 0 ;
position:relative;
z-index:1;
background:#ffeeee;
}
.difference .inner {
}

.difference .difference_content {
}



/******************** 無駄な費用は、もう必要ありません ********************/
.waste {
padding:120px 0 ;
position:relative;
z-index:1;
}
.waste .inner {
}

.waste .section_header_flex {
max-width:1080px;
}



/******************** 乗り換えも、ストレスフリー ********************/
.stress-free {
padding:120px 0 ;
position:relative;
z-index:1;
background:#ffeeee;
}
.stress-free .inner {
}

.stress-free .stress-free_content {
margin-bottom:75px;
}

.stress-free .stress-free_feature {
}



/******************** 選ばれ続ける理由があります ********************/
.reason {
padding:120px 0 ;
position:relative;
z-index:1;
}
.reason .inner {
}

.reason .reason_content {
margin-bottom:75px;
}

.reason .reason_table {
}

.reason .reason_table table {
font-size:1.6rem;
text-align:left;
border:1px solid #ccc;
/*border-collapse:inherit;*/
margin:auto;
width: 960px;
max-width: 100%;
}
.reason .reason_table table th ,
.reason .reason_table table td {
padding:15px 30px;
}

.reason .reason_table table thead {
}
.reason .reason_table table thead td {
font-size:1.8rem;
font-weight:700;
text-align:center;
background:#e3e3e3;
border:1px solid #ccc;
}
.reason .reason_table table thead td.us {
color:#fff;
background:#dc2626;
border:1px solid #dc2626;
border-right:2px solid #dc2626;
border-left:2px solid #dc2626;
}

.reason .reason_table table tbody {
}
.reason .reason_table table tbody th {
font-size:1.8rem;
font-weight:700;
border:1px solid #ccc;
}
.reason .reason_table table tbody td {
border:1px solid #ccc;
}
.reason .reason_table table tbody td.us {
color:#dc2626;
background:#fdd4d4;
border:1px solid #dc2626;
border-right:2px solid #dc2626;
border-left:2px solid #dc2626;
font-weight:700;
position:relative;
}

/******************** よくある質問（dissatisfied） ********************/
.dissatisfied_faq {
padding:120px 0 ;
position:relative;
z-index:1;
background:#ffeeee;
}
.dissatisfied_faq .inner {
}

.dissatisfied_faq .dissatisfied_faq_content {
margin-bottom:75px;
}

.dissatisfied_faq .dissatisfied_faq_consultation {
}



/******************** pagetop ********************/
.pagetop {
margin: auto;
position:absolute;
right:30px;
bottom:30px;
z-index:5;
}
.pagetop.floating {
position: fixed;
}
.pagetop a {
width:60px;
height: 60px;
display:block;
text-align:center;
margin:0px auto 0px auto;
font-size:2.6rem;
padding:0;
color:#fff;
background:#dc2626;
border:1px solid #fff;
position:relative;
border-radius:50%;
transition: all 0.5s ease;
}
.pagetop a:hover {
color:#dc2626;
background:#fff;
opacity:1;
}
.pagetop a i {
position:absolute;
top:50%;
left:0;
right:0;
transform: translateY(-50%);
}



/* ******************************************************************** */
/**** footer ****/
/* ******************************************************************** */
.footer {
background:url(../images/footer_bg.jpg) no-repeat center bottom;
background-size:cover;
}
.footer .inner {
padding:75px 40px ;
}
/***** 上段 *****/
.footer .footer_upper {
display:flex;
justify-content:space-between;
align-items:center;
padding: 0 0 30px 0;
border-bottom:1px solid rgba(255,255,255,.1);
}
.footer .footer_upper .footer_logo {
width:165px;
height:30px;
display:block;
}
.footer .footer_upper .footer_btns {
display:flex;
justify-content:space-between;
align-items:center;
}
.footer .footer_upper .footer_btns .btn {
margin-left:20px;
}

/***** 下段 *****/
.footer .footer_lower {
display:flex;
justify-content:space-between;
align-items:center;
padding: 30px 0 0 0;
}
.footer .footer_lower ul.footer_menu {
display:flex;
margin:0;
}
.footer .footer_lower ul.footer_menu li {
margin-right:20px;
}
.footer .footer_lower ul.footer_menu li a {
color:#fff;
font-size:1.4rem;
text-decoration:none;
}
.footer .footer_lower ul.footer_menu li a:hover {
color:#c61919;
}

.footer .footer_lower .copyright {
display:block;
color:#fff;
font-size:1.2rem;
text-align:right;
}





/************************************************ 960px以下 ************************************************/
@media screen and (max-width: 960px){
/* ****************************************************************************** */
/**** wrapper ****/
/* ****************************************************************************** */

/* ******************************************************************** */
/**** header ****/
/* ******************************************************************** */
.header {
top:34px;
}
.header.header_toppage.header_floating {
top:34px;
}
.header .inner {
padding: 0 20px;
}

/***** グロナビ *****/
.header .globalnavi {
padding: 5px 0;
}
.header .globalnavi .inner {
padding: 0 20px;
}
.header .globalnavi .logo {
width:45px;
}
.header .globalnavi .navigation .gmenu ul li a {
font-size:1.2rem;
margin:0 .5em;
}

/***** sitenavi *****/
.header .site_navi {
font-size:1.2rem;
}
.header .site_navi ul {
margin:0 1em 0 0;
}
.header .site_navi ul li {
margin:0 .75em;
}

/*** btn ***/
.header .btn a.btnM {
padding: 0 15px;
}



/* ******************************************************************** */
/**** container ****/
/* ******************************************************************** */

/* ************************************************ */
/**** main ****/
/* ************************************************ */

/******************** 共通パーツ ********************/

/********** フキダシリスト **********/
ul.balloon_list li {
flex-wrap:wrap;
justify-content: center;
text-align: center;
}
ul.balloon_list li.illust {
padding:0;
margin: 0;
}
ul.balloon_list li .icon {
margin:0 0 10px 0;
}
ul.balloon_list li .text {
width:100%;
}


/********** アイコンリスト **********/
ul.list_icon > li {
width:calc(100% / 2 - 50px);
}
ul.list_icon > li:nth-child(3) {
background:#fff;
}
ul.list_icon > li:nth-child(3) .list_icon_img {
background:#fdd4d4;
}
ul.list_icon > li:nth-child(4) {
background:#fdd4d4;
}
ul.list_icon > li:nth-child(4) .list_icon_img {
background:#fff;
}


/********** アイコンリスト2 **********/
ul.list_icon2 > li {
width:calc(100% / 2 - 50px);
}


/********** 事例ブロック **********/
.casestudy {
padding: 0 25px;
}
.casestudy .casestudy_block {
padding:25px;
}


/********** BOX **********/
.box {
padding:30px;
}


/******************** 1件の炎上が、取り返しのつかない損失を生む ********************/
.loss .loss_merit .loss_merit_block {
padding:20px;
margin:0 10px;
}


/******************** 多くの企業がつまずく3つの"壁"──あなたはどこに？ ********************/
.case .case_content ul {
flex-wrap:wrap;
justify-content: center;
}
.case .case_content ul li {
width:calc((100% / 2) - 40px);
margin:0 20px 20px 20px;
}



}
/************************************************ 768px以下 ************************************************/
@media screen and (max-width: 768px){


/* ************************************************ */
/**** 共通タグ設定 ****/
/* ************************************************ */

/* ************************************************ */
/**** 共通クラス定義 ****/
/* ************************************************ */

/***** inner *****/
.inner {
padding:0 20px;
}

/***** PCのみ/SPのみ *****/
.pc_only {
display:none!important;
}
.sp_only {
display:inline-block!important;
}

/* ****************************************************************************** */
/**** wrapper ****/
/* ****************************************************************************** */

/* ******************************************************************** */
/**** header ****/
/* ******************************************************************** */
.header {
top:35px;
}
.header.header_toppage.header_floating {
top:35px;
}

.header .inner {
height:60px;
padding: 0 10px;
}

.header .header_line {
height: 3px;
background-size: 100% 3px;
}

/*** logo ***/
.header .logo {
display:block;
padding:0 ;
margin:0 0 0 5px ;
text-align:center;
}
.header .logo .description {
font-size:.8rem;
margin-bottom:2px;
}
.header .logo .logomark {
width:132px;
height:24px;
}


/***** グロナビ *****/
.header .globalnavi {
/*display:none;*/
display: block;
top:0;
/*bottom:100%;
bottom:calc(100% - 35px);*/
z-index:9999;
transition: all 0.5s ease;
padding:0;
}/*
.header .globalnavi {
background:rgba(40,40,40,.95);
top:0;
bottom:auto;
padding:10px 0;
transition: all 0.5s ease;
}*/
.header .globalnavi .inner {
display:block;
padding:10px 0;
}
.header .globalnavi .logo {
margin:0 20px;
width:45px;
z-index:10000;
position:relative;
}
.header .globalnavi .navigation {
width: 100%;
position:absolute;
bottom:calc(100% + 10px);
transition: all 0.25s ease;
background:rgba(0,0,0,.95);
height: 100vh;
margin-top: 10px;
}
.header.openNav .globalnavi .navigation {
bottom:-100vh;
transition: all 0.25s ease;
}
.header .globalnavi .navigation .gmenu {
background:rgba(40,40,40,.75);
padding: 10px 20px;
justify-content: space-between;
text-align:left;
}
.header .globalnavi .navigation .gmenu ul {
display:block;
width:50%;
}
.header .globalnavi .navigation .gmenu ul li {
margin:.5em 0;
}
.header .globalnavi .navigation .gmenu ul li a {
font-size:1.4rem;
margin:0 0;
display:block;
}
.header .globalnavi .navigation .gmenu ul li a:hover {
color:#fff;
}
/*lv2*/
.header .globalnavi .navigation .gmenu ul > li > ul.lv2 {
display:block;
opacity: 1;
position:relative;
background:none;
top:auto;
left:auto;
transform: translateX(0);
padding:0;
width:100%;
border-radius: 0 ;
}
.header .globalnavi .navigation .gmenu ul > li > ul.lv2 > li {
margin:.5em 0;
padding:0 0 0 .5em;
}
.header .globalnavi .navigation .gmenu ul > li > ul.lv2 > li a:before {
content:"-";
margin-right:1em;
}

.header #navToggle {
display:block;
text-align:center;
width:100%;
height:35px;
cursor:pointer;
margin: 0 ;
padding: 0;
z-index:9999;
color:#fff;
background:#282828;
position: absolute;
/*left: 50%;
top: 50%;
bottom:-25px;*/
top: 0;
right:0;
border-radius:0;
/*transform: translateX(-50%);*/
transition: all 0.5s ease;
}
.header #navToggle:after {
content:"";
width:25px;
height:25px;
display:block;
font-size:1.2rem;
line-height:25px;
font-family: "Font Awesome 5 Free";
content: "\f078";
font-weight:900;
vertical-align:middle;
position: absolute;
right: 10px;
top:5px;
background:#000;
border-radius:2px;
}
.header.openNav #navToggle:after {
content:"";
width:25px;
height:25px;
display:block;
font-size:1.2rem;
line-height:25px;
font-family: "Font Awesome 5 Free";
content: "\f077";
font-weight:900;
vertical-align:middle;
position: absolute;
right: 10px;
top:5px;
background:#000;
border-radius:2px;
}

/***** sitenavi *****/
.header .site_navi {
font-size:1.2rem;
}
.header .site_navi ul {
position:absolute;
top:60px;
left:0;
width:100%;
background:#fff;
margin:0;
padding:0 0 10px 0;
}
.header .site_navi ul li {
margin:0;
border-right: 1px solid #ccc;
width: 100%;
}
.header .site_navi ul li:last-child {
border:0;
}

/*** btn ***/
.header .btn a.btnM {
padding:0 10px;
}

/* ******************************************************************** */
/**** container ****/
/* ******************************************************************** */

/* ************************************************ */
/**** main ****/
/* ************************************************ */

/******************** 共通パーツ ********************/

/********** section_header **********/
.section_header {
margin:0 auto 30px auto;
}
.section_header.section_header_flex {
flex-wrap:wrap;
}
.section_header.section_header_flex .section_header_text {
width:100%;
text-align:center;
margin-bottom:10px;
}
.section_header.section_header_flex .section_header_img {
width:100%;
max-width:240px;
margin:auto;
}
/********** section_title **********/
.section_title {
font-size:3rem;
margin-bottom:30px;
}
/********** section_subtitle **********/
.section_subtitle {
font-size:2rem;
margin-bottom:30px;
}
/********** section_lead **********/
.section_lead {
font-size:1.6rem;
}

/********** ボタン **********/
.btn {
}


/* Sサイズ（高さ40） */
.btn a.btnS {
font-size:1.2rem;
height:38px;
padding:0 10px;
}
.btn a.btnS img {
width:15px;
height:15px;
margin-right:5px;
}
/* Mサイズ（高さ50） */
.btn a.btnM {
font-size:1.2rem;
height:38px;
padding:0 10px;
}
.btn a.btnM img {
width:20px;
height:20px;
margin-right:5px;
}
/* Lサイズ（高さ60） */
.btn a.btnL {
font-size:1.4rem;
height:60px;
padding:0 15px;
}
.btn a.btnL img {
width:24px;
height:24px;
margin-right:10px;
}


/********** フキダシリスト **********/
ul.balloon_list {
justify-content: center;
}
ul.balloon_list li {
width:260px;
margin:0 20px 30px 20px;
padding:15px 20px;
font-size:1.4rem;
flex-wrap: nowrap;
text-align: left;
}
ul.balloon_list li.illust {
width:100%;
margin: 0;
order:5;
}
ul.balloon_list li.illust img {
width:200px;
margin: auto;
}
ul.balloon_list li .icon {
width:40px;
height:40px;
display:block;
margin:0 20px 0 0;
}
ul.balloon_list li .text {
width:calc(100% - 60px)
}


/********** イラストリスト **********/
ul.list_illust {
justify-content: center;
}
ul.list_illust li {
width:220px;
margin:0 20px 30px 20px;
}
ul.list_illust li .list_illust_img {
width:200px;
margin:0 auto ;
}
ul.list_illust li .list_illust_text {
font-size:1.6rem;
}
ul.list_illust li .list_illust_text big {
font-size:2.4rem;
}


/********** アイコンリスト **********/
ul.list_icon {
}
ul.list_icon > li {
width:100%;
max-width:400px;
margin:50px auto 20px auto;
padding:65px 20px 20px 20px;
}
ul.list_icon > li .list_icon_img {
width:100px;
height:100px;
top:-50px;
padding:20px;
}
ul.list_icon > li .list_icon_title {
font-size:2rem;
margin:0 auto 10px auto;
}
ul.list_icon > li .list_icon_text {
font-size:1.4rem;
}

ul.list_icon > li:nth-child(3) {
background:#fdd4d4;
}
ul.list_icon > li:nth-child(3) .list_icon_img {
background:#fff;
}
ul.list_icon > li:nth-child(4) {
background:#fff;
}
ul.list_icon > li:nth-child(4) .list_icon_img {
background:#fdd4d4;
}


/********** アイコンリスト2 **********/
ul.list_icon2 {
}
ul.list_icon2 > li {
width:100%;
max-width:400px;
margin: 10px 0;
padding: 20px;
}
ul.list_icon2 > li .list_icon2_img {
width:40px;
height:40px;
margin:0 20px 0 0 ;
}
ul.list_icon2 > li .list_icon2_text {
font-size:1.6rem;
width:calc(100% - 60px);
}


/********** フローリスト **********/
ol.list_flow {
width:500px;
}
ol.list_flow li {
flex-wrap:wrap;
padding: 20px 20px 20px 70px;
min-height:auto;
justify-content: space-between;
align-items: center;
position:relative;
}
ol.list_flow li:before {
font-size:3.6rem;
width:50px;
position:absolute;
left:10px;
}
ol.list_flow li .list_flow_title {
width:100%;
font-size:1.8rem;
padding-right:0;
margin-bottom: 5px;
}
ol.list_flow li .list_flow_text {
width:100%;
font-size:1.4rem;
padding-right:0;
}


/********** FAQリスト **********/
dl.list_faq {
width:500px;
}
dl.list_faq .qa {
}
dl.list_faq .qa dt {
padding:20px 70px ;
min-height:50px;
font-size:1.6rem;
}
dl.list_faq .qa dt:before {
left:10px;
width:50px;
font-size:2.4rem;
}
dl.list_faq .qa dt:after {
font-size: 1.6rem;
line-height: 50px;
width: 50px;
height: 50px;
right:10px;
}

dl.list_faq .qa dd {
padding:20px 20px 20px 70px ;
min-height:50px;
font-size:1.4rem;
}
dl.list_faq .qa dd:before {
left:10px;
width:50px;
font-size:2.4rem;
}


/********** 事例ブロック **********/
.casestudy {
padding: 0 20px;
flex-wrap: wrap;
}
.casestudy:after {
top: 50px;
}
.casestudy .casestudy_block {
margin:0 0 20px 0;
padding:20px;
width: 400px;
max-width: 100%;
}
.casestudy .casestudy_block .casestudy_title {
font-size:2rem;
margin-bottom:20px;
}
.casestudy .casestudy_block ul li {
font-size:1.4rem;
padding:20px 20px;
}



/********** BOX **********/
.box {
}


/********** ご相談くださいBOX **********/
.consultation_box {
padding:20px;
}
.consultation_box .inner {
padding:30px 20px;
}

.consultation_box .consultation_box_title {
font-size:2.8rem;
margin-bottom:20px;
}

.consultation_box .consultation_box_text {
font-size:1.6rem;
margin-bottom:30px;
}


/********** スクロールテーブル **********/
.scrolltable {
overflow-x: auto;
margin: 0 auto;
position:relative;
}
.scrolltable table {
max-width: 100%;
}
.scrolltable table th,
.scrolltable table td{
white-space: nowrap;
}
.scrolltable:after {
font-family: "Font Awesome 5 Free";
content: "\f07e　スクロールできます";
font-weight:900;
font-size: 1.2rem;
vertical-align:middle;
display:block;
text-align: center;
color:#ccc;
margin:1em auto;
position: sticky;
width:100%;
bottom:0;
left:0;
}



/******************** ページヘッダー ********************/
.page_header {
/*margin:65px 0 0 0;*/
margin:130px 0 0 0;
padding: 0 0 50px 0;
}
.page_header:before {
height: 90px;
}
.page_header .page_header_ballon {
padding:30px 30px;
margin-bottom:30px;
}
.page_header .page_header_ballon .page_title big {
font-size:3rem;
margin-bottom:20px;
}
.page_header .page_header_ballon .page_title small {
font-size:2rem;
}

.page_header .page_header_text {
font-size:1.6rem;
margin-bottom:20px;
}


/******************** メインビジュアル ********************/
.mainvisual {
}

.mainvisual .inner {
/*padding:30px 20px 50px 20px;*/
padding:60px 20px 50px 20px;
}

/***** mv_header *****/
.mainvisual .mv_header {
/*height:60px;*/
height:auto;
padding: 0 ;
margin:0 auto 50px auto;
display: block;
}

/*** logo ***/
.mainvisual .mv_header .logo .description {
margin-bottom:10px;
}
.mainvisual .mv_header .logo .logomark {
margin:auto;
}

/*** sitenavi ***/
.mainvisual .mv_header .site_navi {
justify-content: center;
}
.mainvisual .mv_header .site_navi ul {
margin:1.5em 0 0 0;
}
.mainvisual .mv_header .site_navi ul li {
margin:0 .75em;
}
.mainvisual .mv_header .site_navi ul li a {
font-size:1.3rem;
}

/***** mv_flex *****/
.mainvisual .mv_flex {
display:block;
margin-bottom:30px;
}

/*** mv_txt ***/
.mainvisual .mv_flex .mv_txt {
width:100%;
line-height: 1.5;
text-align:center;
margin:0 auto 30px auto;

font-size:max(1.5vw, 1.4rem);
}
/* slogan */
.mainvisual .slogan {
margin-bottom:30px;
text-align:center;
}
.mainvisual .slogan big {
font-size:max(7vw, 3rem);
}
.mainvisual .slogan small {
font-size:max(3.5vw, 1.6rem);
margin-top: 1em;
}

/*** mv_img ***/
.mainvisual .mv_flex .mv_img {
width:100%;
max-width: 240px;
margin: 0 auto;
}


/******************** こんな不安、抱えていませんか？ ********************/
.problem {
padding:60px 0 ;
position:relative;
z-index:1;
}
.problem .inner {
}

.problem .problem_content {
}
.problem .problem_content ul.balloon_list li:nth-child(1) ,
.problem .problem_content ul.balloon_list li:nth-child(3) {
margin: 0 20px 30px 20px;
}


/******************** 「今は問題ない」では守れない時代です ********************/
.solution {
padding:20px ;
}
.solution .inner {
padding:50px 20px;
}

.solution .solution_title {
font-size:2.8rem;
margin-bottom:20px;
}
.solution .solution_text {
font-size:1.8rem;
}
.solution .solution_text:before {
display:none;
}
.solution .solution_text:after {
display:none;
}


/******************** 1件の炎上が、取り返しのつかない損失を生む ********************/
.loss {
padding:60px 0 ;
}
.loss .inner {
}
.loss .loss_content {
}

.loss .loss_merit {
flex-wrap:wrap;
}
.loss .loss_merit .loss_merit_block {
width: 100%;
padding:20px;
margin:0 auto 20px auto;
}
.loss .loss_merit .loss_merit_block:last-child {
margin-bottom:0;
}
.loss .loss_merit .loss_merit_block .loss_merit_title {
font-size:1.8rem;
margin-bottom:15px;
}
.loss .loss_merit .loss_merit_block .loss_merit_title img {
margin-right:7px;
}
.loss .loss_merit .loss_merit_block ul li {
font-size:1.4rem;
}


/******************** 多くの企業がつまずく3つの"壁"──あなたはどこに？ ********************/
.case {
padding:60px 0 ;
}
.case .inner {
}

.case .case_content {
}
.case .case_content ul {
}
.case .case_content ul li {
width:100%;
max-width: 380px;
padding-top: 40px;
margin:0 0 20px 0;
}

.case .case_content ul li .case_content_head {
padding:50px 20px 20px 20px;
}

.case .case_content ul li .case_content_head .case_number {
width:80px;
height:80px;
font-size:5rem;
top: -40px;
}
.case .case_content ul li .case_content_head .case_number:before {
font-size:1.4rem;
top: 7px;
}

.case .case_content ul li .case_content_head .case_title {
font-size:2rem;
}

.case .case_content ul li .case_content_body {
font-size:1.6rem;
padding:20px;
}


/******************** 炎上ミハルの特徴 ********************/
.feature {
padding:60px 0 ;
}
.feature .inner {
}



/******************** サービス導入の流れ ********************/
.flow {
padding:60px 0 ;
}
.flow .inner {
}


/******************** お客様の声 ********************/
.voice {
padding:60px 0 ;
}
.voice .inner {
}

.voice .voice_content {
}
.voice .voice_content .swiper-button-prev {
display:block;
left:-15px;
}
.voice .voice_content .swiper-button-next {
display:block;
right:-15px;
}

.voice .voice_content .voice_slider {
width:400px;
}
.voice .voice_content .voice_slider ul {
}
.voice .voice_content .voice_slider ul li {
}

.voice .voice_content .voice_slider ul li .voice_title {
font-size:1.8rem;
}
.voice .voice_content .voice_slider ul li .voice_text {
font-size:1.4rem;
}

/*イラスト*/
.voice .voice_content .voice_slider ul li .voice_user {
padding:25px 5%;
}
.voice .voice_content .voice_slider ul li .voice_user img {
width:110px;
}

/*上ふきだし*/
.voice .voice_content .voice_slider ul li .voice_ballon_upper {
padding:20px;
}
.voice .voice_content .voice_slider ul li .voice_ballon_upper:after {
}
/*下ふきだし*/
.voice .voice_content .voice_slider ul li .voice_ballon_lower {
padding:20px;
}
.voice .voice_content .voice_slider ul li .voice_ballon_lower:after {
}


/******************** よくある質問（TOP） ********************/
.faq {
padding:60px 0 ;
}
.faq .inner {
}

.faq .faq_content {
}


/******************** 放置できないSNSリスク ********************/
.sns_lisk {
padding:60px 0 ;
}
.sns_lisk .inner {
}

.sns_lisk .sns_lisk_content {
margin-bottom:50px;
}

.sns_lisk .sns_lisk_casestudy {
}


/******************** 炎上ミハルができること ********************/
.strength {
padding:60px 0 ;
}
.strength .inner {
}

.strength .strength_content {
margin-bottom:50px;
}

.strength .strength_flow {
}


/******************** 導入実績と信頼性（no-measures） ********************/
.reliability {
padding:60px 0 ;
}
.reliability .inner {
}

.reliability .reliability_content {
margin-bottom:50px;
}

.reliability .reliability_casestudy {
}

/******************** よくある質問（no-measures） ********************/
.no-measures_faq {
padding:60px 0 ;
}
.no-measures_faq .inner {
}

.no-measures_faq .no-measures_faq_content {
margin-bottom:50px;
}

.no-measures_faq .no-measures_faq_consultation {
}


/******************** この48時間が、未来を左右します ********************/
.response {
padding:60px 0 ;
}
.response .inner {
}

.response .section_header_flex {
margin-bottom:50px;
}
.response .response_content {
}


/******************** リスク検知だけで終わらない。即時行動支援まで。 ********************/
.support {
padding:60px 0 ;
}
.support .inner {
}

.support .section_header_flex {
margin-bottom:50px;
}
.support .section_header_flex .section_header_img {
order:2;
}
.support .section_header_flex .section_header_text {
order:1;
}

.support .support_content {
margin-bottom:50px;
}

.support .support_choice {
font-size:1.6rem;
}


/******************** 導入実績と信頼性（considering） ********************/
.considering_reliability {
padding:60px 0 ;
}
.considering_reliability .inner {
}

.considering_reliability .considering_reliability_content {
margin-bottom:50px;
}

.considering_reliability .considering_reliability_professional ul {
}
.considering_reliability .considering_reliability_professional ul li {
font-size:1.6rem;
width: 100%;
padding:20px ;
margin:10px auto;
}
.considering_reliability .considering_reliability_professional ul li small {
font-size:1.2rem;
}


/******************** まずは無料で、リスク状況を把握しませんか？ ********************/
.complimentary {
padding:60px 0 ;
}
.complimentary .inner {
}

.complimentary .complimentary_content {
}


/******************** よくある質問（considering） ********************/
.considering_faq {
padding:60px 0 ;
}
.considering_faq .inner {
}

.considering_faq .considering_faq_content {
margin-bottom:50px;
}

.considering_faq .considering_faq_consultation {
}


/******************** これ、今使っているサービスに当てはまりませんか？ ********************/
.dissatisfied_problem {
padding:60px 0 ;
}
.dissatisfied_problem .inner {
}

.dissatisfied_problem .dissatisfied_problem_content {
}
.dissatisfied_problem .dissatisfied_problem_content ul.balloon_list li  {
font-size:1.6rem;
}
.dissatisfied_problem .dissatisfied_problem_content ul.balloon_list li:nth-child(1) ,
.dissatisfied_problem .dissatisfied_problem_content ul.balloon_list li:nth-child(2) {
margin: 0 20px 30px 20px;
}


/******************** 「違い」が結果を変えます ********************/
.difference {
padding:60px 0 ;
}
.difference .inner {
}

.difference .difference_content {
}




/******************** 無駄な費用は、もう必要ありません ********************/
.waste {
padding:60px 0 ;
}
.waste .inner {
}


/******************** 乗り換えも、ストレスフリー ********************/
.stress-free {
padding:60px 0 ;
}
.stress-free .inner {
}

.stress-free .stress-free_content {
margin-bottom:50px;
}

.stress-free .stress-free_feature {
}



/******************** 選ばれ続ける理由があります ********************/
.reason {
padding:60px 0 ;
}
.reason .inner {
}

.reason .reason_content {
margin-bottom:50px;
}

.reason .reason_table {
}

.reason .reason_table table {
font-size:1.4rem;
}
.reason .reason_table table th ,
.reason .reason_table table td {
padding:13px 15px;
}

.reason .reason_table table thead {
}
.reason .reason_table table thead td {
font-size:1.4rem;
}
.reason .reason_table table tbody th {
font-size:1.4rem;
}


/******************** よくある質問（dissatisfied） ********************/
.dissatisfied_faq {
padding:60px 0 ;
}
.dissatisfied_faq .inner {
}

.dissatisfied_faq .dissatisfied_faq_content {
margin-bottom:50px;
}

.dissatisfied_faq .dissatisfied_faq_consultation {
}




/******************** pagetop ********************/
.pagetop {
right:10px;
bottom:10px;
}
.pagetop a {
width:40px;
height: 40px;
font-size:2rem;
}



/* ******************************************************************** */
/**** footer ****/
/* ******************************************************************** */
.footer .inner {
padding:50px 20px;
}
/***** 上段 *****/
.footer .footer_upper {
flex-wrap:wrap;
padding: 0 0 20px 0;
}
.footer .footer_upper .footer_logo {
margin:0 auto 30px auto;
}
.footer .footer_upper .footer_btns {
margin:auto;
}
.footer .footer_upper .footer_btns .btn {
margin:0 5px;
}

/***** 下段 *****/
.footer .footer_lower {
flex-wrap:wrap;
padding: 20px 0 0 0;
}
.footer .footer_lower ul.footer_menu {
margin: 0 auto 20px auto;
justify-content: center;
}
.footer .footer_lower ul.footer_menu li {
margin:0 10px;
}
.footer .footer_lower ul.footer_menu li a {
font-size:1.2rem;
}

.footer .footer_lower .copyright {
font-size:1rem;
text-align:center;
margin: auto;
}


}