@charset "utf-8";
/* CSS Document MIg-P*/
/* Attentiopn : Write down Media "max-width" */

.cl{clear: both;}
big{font-size: 120%;}
.blue{color: #00b0ec!important;}
.red{color: #FF3300!important;}
b{font-weight: bold;}

.mt20{margin-top: 20px!important;}
.mt60{margin-top: 60px!important;}
.mt80{margin-top: 83px!important;}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝フロントページ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.main-visual .read{position: relative;}
.main-visual .read h2{color: #fff;position: absolute;
	left: 50%;
  transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	z-index: 5;bottom: 3px;}
/*#trouble{margin-bottom: 80px;}*/

#trouble h1 {
	margin-bottom: 40px;
	font-family: "$009F$00E0$0096$00BE$0092$00A9", "Yu Mincho", "$009F$00E0$0096$00BE$0092$00A9$0091$00CC", "YuMincho", "$0083q$0083$0089$0083M$0083m$0096$00BE$0092$00A9 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS$0096$00BE$0092$00A9E", "$0082l$0082r $0082o$0096$00BE$0092$00A9", "MS PMincho", serif;
	font-size: 42px;font-weight: 900;line-height: 1.3;color: rgba(27,94,32,1.00);text-align: center;
}

#trouble .box {
	width: 500px;
	max-width: none !important;
	margin: 0 auto;
	padding: 30px 30px 25px 30px;
	border: 2px solid #263238;/*
	overflow: hidden;*/
	box-sizing: border-box !important;
}

#trouble h2 {
	font-weight: 400;	font-size: 42px;
	color: rgba(27,94,32,1.00);
	text-align: center;	line-height: 1.3;	letter-spacing: 0.05em;
	padding: 0 0 50px 0;
}	

#trouble h3 {
	font-weight: 400;	font-size: 42px;
	color: rgba(27,94,32,1.00);
	text-align: center;	line-height: 1.3;	letter-spacing: 0.05em;
	padding: 0 0 50px 0;
}	
#trouble .box h3 {
	font-weight: 700;	font-size: 20px;
	color: rgba(27,94,32,1.00);
	text-align:left;	line-height: 1.2;
}


#trouble h2::before {
	content: '';
	display: block;
	width: 288px;
	height: 65px;
	margin: 35px auto 30px;
	background: url('img/top/trouble_arw.svg') no-repeat;
	background-size: auto auto;
	background-size: 280px auto;
}

#trouble p.txt {
	/*margin-bottom: 60px;*/ font-size: 16px; line-height: 2;letter-spacing: 0.1em; 
}

#trouble .box ul {/*
	float: left;	width: 435px;	margin-right: 10px;	text-align: left;*/}
#trouble .box ul li {
	margin-bottom: 16px;
	padding-left: 24px;/*26px*/
	font-size: 16px;
/*background: url('img/top/trouble_check.svg') left top no-repeat;*/
/*background-size: auto auto;*/
/*background-size: 21px 18px;*/
	line-height: 160%;
	/**/
	display: block;
	position: relative;}
#trouble .box li::before{
	position: absolute; top: 3px; left: 0; content: "";
	display: block; width: 21px; height: 21px;
	background: url('img/top/trouble_check.svg') center center no-repeat;
}

#trouble .box li span {
	padding: 0 4px 2px 0;
	border-bottom: dashed 1px #33b333;
}

/* .box.box_cells */
#sec01 .sec_inner{	box-sizing: border-box !important;}
#trouble .box.box_cells{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
#trouble .box.box_cells .box_cell{
	width: calc( ( 100% - 2px ) / 1 );
	box-sizing: border-box;
}
#trouble .box.box_cells .box_cell ul{
	float: none;
	width: 100%;
	margin-right: 0;
}
/**/

#download h2 {
	display: block;text-align: center;line-height: 140%;
}

#download .title_green_p{
	font-size: 16px; font-weight: 400;	text-align: center;
	line-height: 140%;padding-bottom: 40px;
}

.pc {
	display: block;
}
.sp {
	display: none;
}
/*======================footer===================================*/

#sec00 .tel h3{font-size: 46px;line-height: 130%;font-weight: 600;color: #fff;}
#sec00 h3{float: left;margin-right: 15px!important;}
#sec00 .time{padding-top: 15px!important; margin-top: 5px!important; text-align: left!important;font-size: 23px!important;line-height: 140%;font-weight: bold!important;display: block;}
#sec00 .tel2 h3{text-align: center;font-size: 24px;}


/*=================popup=======================*/

.close-btn {
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  cursor: pointer;
}
.close-btn i {
  font-size: 20px;
  color: #333;
}

/*======================case==================================*/
#sec02 .inbox .left{
	float: left;  width: 420px;  margin-right: 10px;}
#sec02 .inbox .right{
	 float: left;  width: 420px;  margin-left: 10px;}

#sec02 .inbox .flex{display: flex;}

#sec02 .textp{line-height: 160%;font-size: 103%; margin:20px 0 20px 10px;text-align: left; }
#sec02 .bgg{background: #e6ffe6;margin-top: -5px;z-index: -2;padding: 10px 10px 5px;}
#sec02 .box h2{font-size: 140%;margin: 20px 0 15px;letter-spacing: 0.5px;line-height: 140%;font-weight: bold;}
.cen{text-align: center!important;}
#sec02 .box .tred{font-size: 16px;  font-weight: 600; padding: 10px;  margin: 10px 0 20px;
background: #a82127;color: #fff;}
#sec02 .no { background: rgba(27,94,32,1.00);float: left;color: #fff; 
	font-size: 18px; padding: 11px 2px 11px 10px; width: 30px;font-weight: bold;}

.arrow{
  width: 0;  height: 0;  border-left: 30px solid transparent;
  border-right: 30px solid transparent;  border-top: 30px solid #a82127;
}




/*=================================================================*/
@media only screen and (max-width: 780px){/*
-------------------------------------------*/

.sec_inner {
	padding: 20px 20px 25px!important;}
.sec_inner01 {
	padding: 20px 20px 0px!important;}


/* .box.box_cells */
#trouble .box.box_cells{/*
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;*/
	display: block;
}
#trouble .box.box_cells .box_cell{
	width: 100%;
	margin-bottom: 40px;
	padding-right: 10px;}
#trouble .box.box_cells .box_cell:last-of-type{ margin-bottom: 0;}
#trouble .box.box_cells .box_cell h3{	padding-bottom: 15px;}
#trouble .box.box_cells .box_cell ul{
	float: none;
	width: 100%;
	margin-right: 0;}

#trouble h3 {
	font-size: 25px;
}
/**/

#sec02 .inbox .left{
	float: none;  width: 100%;  margin-right: 0px;}
#sec02 .inbox .right{
	float:none;  width: 100%;  margin-left: 0px;}
#sec02 .inbox .left img,#sec02 .inbox .right img{display: block;margin:0 auto;}
#sec02 .textp {line-height: 140%; font-size: 95%;  margin: 10px 0 10px 5px;}
#caseDetail .tit {font-weight: 400;margin: 0 0 10px;}
#sec02 .inbox .flex{display: block;width: 100%;}
#sec02 .flex img{margin:0 auto;display: block;}

.mt60{margin-top: 0px!important;}
.mt80{margin-top: 0px!important;}



/**/}/* ▲780px
===================================================================*/
@media only screen and (max-width: 600px){/*
	------------------------------------------*/

#sec00 h3 {float: none!important;text-align: center;font-size: 24px!important;margin-top: 20px!important;}
#sec00 .time{padding-top: 0px !important;font-size: 18px!important;text-align: center!important;margin: 5px 0 0 0!important;}

/*CSSはmig-p直下で修正*/	



/**/}/* ▲660px*/
/*=================================================================*/
@media only screen and (max-width: 480px){/*
	------------------------------------------*/

.pc { display: none !important; }
.sp { display: block !important;}
.mt20{margin-top: 0px!important;}

#trouble { margin-bottom: 40px;}
#trouble .box {width: 90%!important;  padding: 20px 0 10px 20px;}
#trouble .box ul { float: none;  margin-right: 0;  width: 100%; }
#trouble .box ul li { margin-bottom: 13px;  font-size: 14px;}
#trouble .box h3 { font-size: 17px;/*15px*/ font-weight: 600;/*500*/}
/* .box.box_cells */
#trouble .box.box_cells{ width: 95% !important;}
#trouble .box.box_cells .box_cell{	margin-bottom: 30px;}
#trouble .box.box_cells .box_cell:last-of-type{ margin-bottom: 10px;}
#trouble .box.box_cells .box_cell h3{	padding-bottom: 10px;}
/**/
#trouble h1 {margin-bottom: 20px;font-size: 25px;}
#trouble h2 {margin-bottom: 20px; font-size: 20px;font-weight: 500;}
#trouble p.txt { margin-bottom: 30px; font-size: 14px;line-height: 150%;}

.sec_inner {  padding: 30px 12px 25px!important ;}
.sec_inner01 {  padding: 30px 12px 0px!important ;}

footer ul#h01{ height: 90px!important;}
footer ul#h03{ height: 45px!important;}

#sec00 .sec00_txt h2 { font-size: 20px!important;}

#sec00 h3 {float: none!important;}
#sec00 .time{padding-top: 5px!important;font-size: 18px;text-align: center;}

#caseDetail .box01_txt { text-align: center!important;max-width: 100%;}



/**/}/* ▲480px */