@charset "utf-8";

html,body {
    color: #333;
    font-family:  "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
    font-weight: 500;
    font-style: normal;
    letter-spacing: 0;
    font-size: 16px;
    line-height: 1.7em;
}

body {
	-webkit-font-smoothing: antialiased;
  background: url(../images/common/bg_dot.png) repeat center center;
/*
	background-color: #00469B;
	color: #fff;
*/
}

*{
	box-sizing: border-box;
}
a:hover img{
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
a{
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	text-decoration: none;
}

a {color: #f58200;}
a:hover {opacity: 0.7; text-decoration: none;}

img{
	line-height: 0;
	vertical-align: bottom;
	max-width: 100%;
}

strong{font-weight: bold;}

.mobile{display: none;}
.pc{display: inherit;}

.inner{
	width: 1000px;
	margin: 0 auto;
	padding: 6.25rem 0;
}

.inner.w1100{
	width: 1100px;
}

.tac{text-align: center;}
.wf-fwb{font-family : 'M PLUS 1p', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN";letter-spacing: 0.1em;}
.wf-jp-min{font-family: 'Noto Serif JP', serif;}

.dflex{
    display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.wrap{flex-wrap:wrap;}
.flex-start{justify-content: flex-start;}
.flex-end{justify-content: flex-end;}
.j-center{justify-content: center;}
.j-between{justify-content: space-between;}

.flex_center{
	display: flex;
	justify-content: center;
	align-items: center;
}

.pos_r {position: relative;}

.animated.lowspeed{
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
}
.object-fit-img{
    object-fit: cover;
    font-family: 'object-fit:cover;';
}
.scroll-fadein {
	opacity : 0;
	transform: translateY(40px);
	transition: all 1s;
}
/*
	.btn a{
	}

.btn a{
	display: block;
	text-align: center;
	font-size: 36px;
	padding: 16px 10px 20px;
	border: 1px solid #e50012;
	border-radius: 10px;
	line-height: 1;
}
.btn.red a{
	border: 1px solid #e50012;
	background-color: #e50012;
	color: #fff;
}
.btn.red a:hover{
	border: 1px solid #e50012;
	background-color: #fff;
	color: #e50012;
}
*/
	
	/*.cont_ttl{
		font-size: 42px;
		font-size: 36px;
		display: flex;
		justify-content: center;
		align-items: center;
		font-family: 'Noto Serif JP', serif;
		margin-bottom: 30px;
	}
	.cont_ttl:before, .cont_ttl:after{
		content: "";
		background: url("../images/common/ttl_icon.png") no-repeat center center / contain;
		width: 30px;
    height: 92px;
	}
	.cont_ttl:before{
		margin-right: 20px;
	}
	.cont_ttl:after{
		margin-left: 20px;
	}*/
	
	/*.cont_sttl{
		font-size: 28px;
		line-height: 1.6;
		text-align: center;
	}*/
	.cont_ttl_blue{
    text-align: center;
    color: #fff;
    background-color: #00469B;
    border-radius: 15px;
    font-size: 54px;
    font-weight: bold;
    line-height: 1;
    padding: 20px;
    margin-bottom: 30px;
	}
	.movie_item {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
	}
	.movie_item iframe,
	.movie_item video {
			position: absolute;
			top: 0;
			right: 0;
			width: 100%;
			height: 100%;
	}
		
	.bgc_yellow {background-color: #FFE400;}
	.bgc_brown {background-color: #251E1C;}


  /*----ボタン---*/
  .btn_c {
    width: 100%;
    max-width: 226px;
    margin-top: 1.25rem;
  }

  .btn_c a {
    color: #fff;
    font-size: 1rem;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 0.5em 0;
  }
  .btn_c a:before{
    content: "";
    display: block;
    background: url(../images/common/icon_arrow_sq.png) no-repeat center center / contain;
    width: 0.875em;
    height: 0.875em;
    margin-bottom: 2px;
    margin-right: 1em;
  }
  .btn_c a:hover{opacity: 0.6;}

  /*ボタン黒枠線*/

  .btn_black_l {
    width: 48%;
    max-width: 436px;
    margin-bottom: 1.25rem;
  }
  .btn_black_l a {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.875rem;
    line-height: 1.3;
    border: 5px solid #000;
    color: #000;
    background-color: #fff;
    padding: 0.35em 0;
  }

  .btn_black_l a:hover{
    background-color: #000;
    color: #fff;
    opacity: 1;
  }

  .btn_black_l.excel a:before{
    content: "";
    display: block;
    background: url(../images/common/icon_excel.png)  no-repeat center center / contain;
    width: 64px;
    height: 78px;
    margin-right: 1.25rem;
    flex-shrink: 0;
    transition: .3s ease-in-out;
  }
   .btn_black_l.excel a:hover:before{
    background: url(../images/common/icon_excel_white.png)  no-repeat center center / contain;
  }

  .btn_mail a {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.5rem;
    color: #fff;
    background-color: #251E1C;
    border: 4px solid #251E1C;
    border-radius: 15px;
    padding: 0.75em 1.125em;
  }

  .btn_mail a:hover{
    background-color: #F69500;
    opacity: 1;
  }

  .btn_mail a:before{
    content: "";
    display: block;
    background: url(../images/common/icon_mail.png)  no-repeat center center / contain;
    width: 30px;
    height: 24px;
    margin-right: 1.25rem;
    flex-shrink: 0;
    transition: .3s ease-in-out;
  }



	.note_bold{
		text-align: center;
		font-size: 24px;
		font-weight: bold;
		margin-bottom: 30px;
	}

  .mark_list > *{
    text-indent: -1em;
    padding-left: 1em;
  }
  .mark_list.dot >*:before,
  .mark_list > .dot:before{
    content: "・";
  }
  .mark_list.square >*:before,
  .mark_list > .square:before{
    content: "■ ";
  }
  .mark_list.kome >*:before,
  .mark_list > .kome:before{
    content: "※";
  }

  .mark_list.circle >*:before,
  .mark_list > .circle:before{
    content: "● ";
  }
  .mark_list.br_circle >*:before,
  .mark_list > .br_circle:before{
    content: "◉ ";
  }
  .mark_list > .nomark:before{
    display: none;
  }

  mark.underline {background: linear-gradient(transparent 50%, #ffff00 50%);}

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

	header

	---------*/

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

	index

	---------*/
		
.mainimg_wrap {border-radius: 0 0 75px 75px;}
.mainimg{padding: 70px 0;}

.mainimg_inner {
	max-width: 860px;
	margin: 0 auto;
	flex-direction: column;
	height: 100%;
	width: 100%;
	position: relative;
}
.mainimg_inner .mainimg_txt {
  text-align: center;
  position: relative;
  z-index: 3;
}
.main_ttl_sub {
  position: absolute;
  left: -180px;
  top: -45px;
  z-index: -1;
}


.mainimg_illust{margin: 20px 0;}

.main_subarea {
    text-align: center;
    font-size: 1.5rem;
}

.main_subarea .subttl {
    font-size: 1.625rem;
    font-weight: bold;
    color: #fff;
    padding: 0.75em 2.25em;
    border-radius: 10px;
    display: inline-block;
    margin-bottom: 0.75em;
}


.mainimg_inner .main_item{
	position: absolute
}
.mainimg_inner .main_item.item01{
   top: 111px;
    left: -140px;
}
.mainimg_inner .main_item.item02{
    top: 350px;
    left: -184px;
}
.mainimg_inner .main_item.item03{
    top: 500px;
    left: -15px;
}
.mainimg_inner .main_item.item04{
   top: 101px;
   right: -150px
}
.mainimg_inner .main_item.item05{
   top: 340px;
  right: -200px;
}
.mainimg_inner .main_item.item06{
    top: 494px;
    right: -30px;
}
/*@media all and (-ms-high-contrast:none){
	.mainimg_inner .mainimg_stxt{
		position: relative;
		z-index: 3;;
	}
  .mainimg_inner .mainimg_txt{
		margin-top: -46px;
	}
  .mainimg_inner .mainimg_txt img{
		height: 663px;
	}
}*/




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

事業継続計画

---------*/

.about_catchy span{
  color: #fff;
  font-size: 1.875rem;
  padding: 0.82em 2em;
  border-radius: 10px;
  display: inline-block;
}

.about_ttl{margin-top: -2rem;margin-bottom: 1.25rem;}

.about_ttl .txt{margin-bottom: -5rem;margin-right: 1.25rem;}

.about_ttl:after{
  content: "";
  display: block;
  background: url(../images/common/about_ttl_img.png) no-repeat center center / contain;
  width: 229px;
  height: 264px;
}

.about_subttl {
    background-color: #FBEFC2;
    border-radius: 30px;
    text-align: center;
    color: #402110;
    font-size: 1.875rem;
    padding: 0.66em;
    margin-bottom: 2.5rem;
}

.about_subttl span {
    font-size: 1.75rem;
    display: inline-block;
    margin: 0 0.6rem;
    padding: 0.35em 1em;
}

.about_subttl span.yellow {
    color: #3C2618;
    background-color: #F7B52D;
}

.about_subttl span.red {
    color: #F9ED00;
    background-color: #C30D23;
}


.about_iconlist {justify-content: space-between;}

.about_iconlist .item {
    width: 25%;
    max-width: 232px;
    text-align: center;
}

.about_iconlist .txt {
    border: 5px solid #C30D23;
    border-radius: 10px;
    background-color: #fff;
    position: relative;
    z-index: 2;
    letter-spacing: 0.05em;
    font-size: 1.5rem;
    font-weight: bold;
    color: #C30D23;
    padding: 0.35em 0;
    width: 188px;
    margin: -1em auto 0;
}


.about_detail {
    padding: 4.7rem 0 0;
    text-align: center;
}
.about_detail .ttl{
    font-size: 1.875rem;
    line-height: 1.5;
    margin-bottom: 0.825em;
}
.about_detail .txt{
    font-size: 1.25rem;
    font-weight: bold;
    line-height: 1.8;
}
.about_detail .movie_ttl {
  font-size: 1.75rem;
  margin-top: 4.375rem;
}
.about_movie{
  width: 100%;
  max-width: 900px;
  margin: 1.375rem auto 0;
  border: 1px solid #C4BB9C;
}
.about_movie .movie_item{border: 10px solid #fff;}

.about_movie .movie_item.example{
  padding: 0;
  height: 506px;
  background-color: #EEEFEF;
  display: flex;
  justify-content: center;
  align-items: center;
}

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

事業継続計画（BCP）の大切さ

---------*/

.important .important_list_wrap {
    border: 10px solid #000;
    border-radius: 60px;
    background-color: #fff;
}

.important_ttl {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  background-color: rgba(228,0,17,1);
  border: 1px solid #fff;
  width: 100%;
  max-width: 900px;
  margin: -1.5em auto 3.125rem;
  color: #fff;
  font-size: 2.75rem;
  padding-bottom: 0.825em;
  box-shadow: 10px 10px 0  rgba(228,0,17,1);
}
.important_ttl:before{
  content: "";
  display: block;
  background: url(../images/common/important_ttl_sub.png) no-repeat center center / contain;
  width: 171px;
  height: 112px;
  margin-top: -1.75rem;
  margin-right: 1.25rem;
}


.br_pink {border-color: #E1007E;}
.bgc_pink {background-color: #E1007E;}
.br_blue {border-color: #008AD5;}
.bgc_blue {background-color: #008AD5;}

.important_box_wrap {padding: 0 2.5rem 2.5rem;}

.important_box {
    border-width: 10px;
    border-style: solid;
}

.important_box + .important_box  {margin-top: 2.5rem;}

.important_box_wrap {padding: 0 2.5rem 2.5rem;}


.important_box .ttl {
    text-align: center;
    font-size: 2.938rem;
    line-height: 1.5;
    color: #fff;
    padding: 0.4em 0.5em 0.6em;
}

.important_box .ttl span {color: #FFEF00;}

.important_box .content {
    padding: 1.5rem;
    justify-content: space-between;
    text-align: center;
}


.important_box .content .imgarea {
    width: 100%;
    max-width: 359px;
}
.important_box .content .imgarea_subttl {
    margin-top: 1.25rem;
}

.important_box .txtarea {
    width: 100%;
    max-width: 396px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  font-weight: bold;
}


.important_box .txtarea .txt01 {
    border-width: 5px;
    border-style: solid;
    border-radius: 30px;
    font-weight: bold;
    font-size: 1.5rem;
    line-height: 1.5;
    padding: 0.5em 0.5em;
    position: relative;
}
.important_box .txtarea .txt01:after{
  content: "";
  display: block;
  background: url(../images/common/important01_arrow.png) no-repeat center center / contain;
  width: 133px;
  height: 55px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -3em;
  margin: auto;
}

.important_box .txtarea .txt02 {
    padding: 1.25rem;
    color: #fff;
}
  @media all and (-ms-high-contrast:none) {
    .important_box .txtarea .txt02 {height: 170px;
          padding: 1.5rem 1rem;
      }
  }

.important_box .txtarea .txt02 .txt {
    font-size: 1.25rem;
    border-bottom: 1px solid #fff;
    padding-bottom: 0.5em;
    margin-bottom: 0.75em;
}

.important_box.box01 .txtarea .txt01 {color: #E1007E;}
.important_box.box01 .txtarea .txt01:after{
  background: url(../images/common/important01_arrow.png) no-repeat center center / contain;
  margin-bottom: -0.5em;
}

.important_box.box02 .txtarea .txt01 {color: #008AD5;}
.important_box.box02 .txtarea .txt01:after{
  background: url(../images/common/important02_arrow.png) no-repeat center center / contain;
}


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

あなたのリスク管理能力をチェックしてみよう!

---------*/
/*---------- 色指定　---------*/

.c_r_num01{color: #FF647C;}
.bgc_r_num01{background-color: #FF647C;}
.bgc_r_num01_pale{background-color: #FFF2F2;}
.before-num.num01:before{
  background-image: url(../images/common/icon_num01.png) ;
  background-color: #FF647C;
}
.before-num.num01.blacknum:before{
  background-image: url(../images/common/check_num01.png) ;
}


.c_r_num02{color: #F69500;}
.bgc_r_num02{background-color: #F69500;}
.bgc_r_num02_pale{background-color: #FFF2EA;}
.before-num.num02:before{
  background-image: url(../images/common/icon_num02.png) ;
  background-color: #F69500;
}
.before-num.num02.blacknum:before{
  background-image: url(../images/common/check_num02.png) ;
}

.c_r_num03{color: #F9BC00;}
.bgc_r_num03{background-color: #F9BC00;}
.bgc_r_num03_pale{background-color: #FFF2EA;}
.before-num.num03:before{
  background-image: url(../images/common/icon_num03.png) ;
  background-color: #F9BC00;
}
.before-num.num03.blacknum:before{
  background-image: url(../images/common/check_num03.png) ;
}

.c_r_num04{color: #69C300;}
.bgc_r_num04{background-color: #69C300;}
.bgc_r_num04_pale{background-color: #F9FFEF;}
.before-num.num04:before{
  background-image: url(../images/common/icon_num04.png) ;
  background-color: #69C300;
}
.before-num.num04.blacknum:before{
  background-image: url(../images/common/check_num04.png) ;
}


.c_r_num05{color: #00ABDE;}
.bgc_r_num05{background-color: #00ABDE;}
.bgc_r_num05_pale{background-color: #E4F6FF;}
.before-num.num05:before{
  background-image: url(../images/common/icon_num05.png) ;
  background-color: #00ABDE;
}
.before-num.num05.blacknum:before{
  background-image: url(../images/common/check_num05.png) ;
}

/*---------- /.色指定　---------*/


.checkarea .inner {padding-bottom: 8.125rem;}

.checkarea .ttlarea {
    justify-content: center;
    align-items: flex-end;
    margin-bottom: 1.875rem;
}

.checkarea .ttlarea:after{
  content: "";
  display: block;
  background: url(../images/common/checkarea_img.png) no-repeat center center / contain;
  width: 239px;
  height: 350px;
  margin-left: 1.875rem;
}

.checkarea .ttlarea .ttl {
    width: 100%;
    max-width: 690px;
}


.checkarea .ttlarea .ttl small{
    font-size: 1.375rem;
    letter-spacing: 0.2em;
    color: #fff;
    padding: 0.15em 3em 0.5em;
    position: relative;
    z-index: 1;
    margin-bottom: 1.455em;
    display: inline-block;
}
.checkarea .ttlarea .ttl small:before{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background: #251E1C;
    transform: scaleY(1.3) perspective(2.5em) rotateX(5deg);
    transform-origin: bottom left;
}
.checkarea .ttlarea .ttl img{
    margin-left: 4.5rem;
}
.checkarea .intro_desc{
   font-size: 1.25rem;
   margin-bottom: 2em;
}

.checklist_wrap{
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
}

.checklist_wrap_ttl span{
    font-size: 1.75rem;
    line-height: 1.4;
    color: #FFE000;
    border-radius: 10px;
    padding: 0.5em 2em;
    display: inline-block;
    margin-bottom: 6.25rem;
}



.checklist_item{margin-bottom: 3.75rem;}


.checklist_item dl{
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.25rem;
}
.checklist_item dl dt {width: 875px;padding-left: 2.5rem;}
.checklist_item dl dd {width: 86px;}



.checklist_item .item_ttl{
  position: relative;
  align-items: center;
  margin-bottom: 2rem;
}
.checklist_item .item_ttl dt:before{
    position: absolute;
    width: 4.625rem;
    height: 4.625rem;
    border: 4px solid #231815;
    top: -1em;
    left: 0;
}
.checklist_item .item_ttl dt.num01:before{background-image: url(../images/common/check_num01.png);}
.checklist_item .item_ttl dt.num02:before{background-image: url(../images/common/check_num02.png);}
.checklist_item .item_ttl dt.num03:before{background-image: url(../images/common/check_num03.png);}
.checklist_item .item_ttl dt.num04:before{background-image: url(../images/common/check_num04.png);}
.checklist_item .item_ttl dt.num05:before{background-image: url(../images/common/check_num05.png);}

.checklist_item .item_ttl dt span{
    border: 4px solid #231815;
    border-radius: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 5.5rem;
}
@media all and (-ms-high-contrast:none) {
  .checklist_item .item_ttl dt span{height: 5.5rem;}
}


.checklist_item .item_ttl .icon_txt_check:after{
  content: "";
  display: block;
  background: url(../images/common/tri_black.png) no-repeat center center / contain;
  width: 1.875rem;
  height: 1rem;
  margin: 0.5rem auto -1em;
}


.checklist_item .item_row dt, .checklist_item .item_row dd {
    background-color: #fff;
    border: 1px solid #231815;
    min-height: 86px;
}
.checklist_item .item_row dt{
    font-size: 1.125rem;
    padding: 0.5em 1em;
    vertical-align: middle;
    display: flex;
    align-items: center;
}
.checklist_item .item_row dd{
    display: flex;
    justify-content: center;
    align-items: center;
}

.checklist_button {
    /*width: 100%;
    max-width: 394px;*/
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #000;
    border:2px solid #000;
    border-radius: 40px;
    color: #fff;
    font-size: 2rem;
    padding: 0.75em 1.25em;
  cursor: pointer;
}
.checklist_button:before{
  content: "";
  display: block;
  background: url(../images/common/icon_arrow_sq.png) no-repeat center center / contain;
  width: 2.375rem;
  height:  2.375rem;;
  margin-right: 1rem;
}
.checklist_button:hover{
  background-color: #fff;
  color: #000;
}
.checklist_button:hover:before{background: url(../images/common/icon_arrow_sq_black.png) no-repeat center center / contain;}



.checkarea .addtion_wrap:before{
  content: "";
  display: block;
  background: url(../images/common/icon_3dots.png) no-repeat center center / contain;
  width: 0.625rem;
  height: 3.625rem;
  margin: 1.25rem auto;
}
.checkarea .addtion {
    width: 870px;
    margin: 0 auto;
    position: relative;
}
.checkarea .addtion:after{
    content: "";
    width: 100%;
    height: 100%;
    background-color: #FFC945;
    border: 10px solid #000;
    position: absolute;
    right: -30px;
    bottom: -30px;
    z-index: 1;
}
.checkarea .addtion_in{
    border: 10px solid #000;
    background-color: #fff;
    padding: 1.875rem 0;
    position: relative;
    z-index: 2;
}


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

あなたの会社に足りない項目は

---------*/
.result{
  background: url(../images/common/result_arrow.png) no-repeat top -128px center ;
  padding-bottom: 15rem;
}

.result .inner{
  padding: 3.75rem 0 0 ;
}

.result_ttl {
  text-align: center;
  margin: 0 auto 12rem;
}
.result_ttl span{
  font-size: 2rem;
  color: #000;
  text-align: center;
  border:10px solid #000;
  background-color: #fff;
  padding: 1em 2em;
  display: inline-block;
}

.before-num:before{
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 39%;
  border-radius: 10px;
  width: 6.875rem;
  height: 6.875rem;
}




.result-tablist {
  justify-content: center;
  flex-wrap: wrap;
}

.result-tablist li {
    font-size: 1.875rem;
    display: flex;
    align-items: center;
    width: 30%;
    max-width: 320px;
    margin: 0 1% 0.625rem;
    padding: 0.3em ;
    border: 3px solid #000;
    cursor: pointer;
    transition: .3s ease-in-out;
    position: relative;
    color: #251E1C;
}

.result-tablist li small {
    font-size: 0.467em;
    letter-spacing: 0.05em;
    display: block;
    line-height: 1;
    margin-bottom: 0.5em;
}
.result-tablist li:hover,
.result-tablist li.select {
    color:#fff;
}

.result-tablist li:not(.select):not(:hover) {
   background-color: #fff;
}
.result-tablist li:before {
  /* position: absolute;
  top: -1em;
  left: -0.75em;*/
  width: 3.25rem;
  height: 3.25rem;
  border: 2px solid #251E1C;
  margin-right: 0.625rem;
  transition: .3s ease-in-out;
  background-size: 50%;
}

.result-tablist li:hover:before,
.result-tablist li.select:before {
  border-color: #fff;
}
.result-tablist .before-num.num01.blacknum:hover:before,
.result-tablist .before-num.num01.blacknum.select:before {
  background-image: url(../images/common/icon_num01.png);
}
.result-tablist .before-num.num02.blacknum:hover:before,
.result-tablist .before-num.num02.blacknum.select:before {
  background-image: url(../images/common/icon_num02.png);
}
.result-tablist .before-num.num03.blacknum:hover:before,
.result-tablist .before-num.num03.blacknum.select:before {
  background-image: url(../images/common/icon_num03.png);
}
.result-tablist .before-num.num04.blacknum:hover:before,
.result-tablist .before-num.num04.blacknum.select:before {
  background-image: url(../images/common/icon_num04.png);
}
.result-tablist .before-num.num05.blacknum:hover:before,
.result-tablist .before-num.num05.blacknum.select:before {
  background-image: url(../images/common/icon_num05.png);
}


.result-list{
  display: none;
  border: 6px solid #231815;
  background-color: #fff;
  padding: 1.5rem 1.5rem 2.5rem;
  margin-top: 2rem;
}

.result-list .ttlarea {padding: 2rem;margin-bottom: 4.375rem;}
.result-list .ttlarea_in {
  width: 100%;
  max-width: 830px;
  margin: 0 auto;
}

.result-list .ttlarea .ttl {
    justify-content: center;
    align-items:center;
}

.result-list .ttlarea .ttl span {
    margin-right: 1.25rem;
}
.result-list .ttlarea .ttl span:before{
    position: absolute;
    left: 0;
    top: 3%;
}

.result-list .ttlarea .ttl span small {
    font-size: 0.387em;
    display: block;
}

.result-list .ttlarea .detail .txtarea {
    width: 100%;
    font-size: 1.125rem;
    font-weight: bold;
    line-height: 1.5;
}

.result-list .ttlarea .detail .imgarea {
    width: 100%;
    max-width: 150px;
    margin-left: 1.875rem;
    flex-shrink: 0;
}

.result-list .ttlarea .detail {
    justify-content: center;
    margin-top: 1.875rem;
}

.result-list .method_list {
    flex-wrap: wrap;
    justify-content: space-between;
}

.result-list .method_item {
    width: 48%;
    /*font-size: 0.875rem;*/
    margin-bottom: 1.875rem;
}
.result-list .method_item:last-child{
    margin-bottom:3.25rem;
}

.result-list .method_item.w100 {
    width: 100%;
}

.result-list .method_item dt {
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 1em;
    text-indent: -1em;
    padding-left: 1em;
}
.result-list .method_item dt:before {
   content: "■";
}

.result-list .method_item .subtxt {
    font-weight: bold;
    color: #fff;
    background-color: #000;
    text-align: center;
    padding: 0.5em;
    border-radius: 10px;
    margin-bottom: 1em;
}

.result-list .method_item .btn_c {
    margin: 1.25rem 0 0 auto;
}

.result-list .pointarea{
    border:1px solid #231815;
    border-radius: 30px;
    font-size: 0.875rem;
    /*padding: 0.75rem 0 0.75rem 8.25em;*/
    padding: 0.75rem 16.25em 0.75rem 8.25em;
    position: relative;
    margin-bottom: 3.125rem;
}
.result-list .pointarea:before{
   content: "";
   width: 116px;
   height: 116px;
   border: 1px solid #000;
   background: #FF647C url(../images/common/result_txt_point.png)  no-repeat center center / 64px 16px;
   border-radius: 50%;
   position: absolute;
   left: -1rem;
   top: 0;
   bottom: 0;
   margin: auto;
}
.result-list .pointarea:after{
   content: "";
   position: absolute;
   right: 2rem;
   top: 0;
   bottom: 0;
   margin: auto;
}
.result-list .pointarea.num01:after{
   content: "";
   width: 135px;
   height: 76px;
   background: url("../images/common/result01_download_img.png")  no-repeat center center / contain;
}
.result-list .pointarea.num03:after{
   content: "";
   width: 185px;
   height: 125px;
   background: url("../images/common/result03_download_img.png")  no-repeat center center / contain;
}
.result-list .pointarea.num05:after{
   content: "";
   width: 172px;
   height: 150px;
   background: url("../images/common/result05_download_img.png")  no-repeat center center / contain;
}

.result-list .pointarea .ttl{
   font-size: 1.25rem;
   font-weight: bold;
}

.result-list .pointarea .txt_pink{color: #E1007E;}

.result-list  .downloadarea {
  flex-wrap: wrap;
    justify-content: center;
}
.result .downloadarea .btn_black_l:nth-child(2n){
  margin-left: 1.25rem;
}
.result .downloadarea.sheetall{
  margin-top: 3rem;
}
.result .downloadarea.sheetall .btn_black_l {
  max-width: 510px;
}
.result .downloadarea.sheetall .btn_black_l a{
  font-size: 1.375rem;
}

.result .downloadarea.sheetall .btn_black_l a .ls {
    margin: 0 -0.425em;
}
.result .downloadarea.sheetall .btn_black_l .txt_num:before{
   content: "";
   width: 124px;
   height: 47px;
   background: url(../images/common/download_txt.png)  no-repeat center center / contain;
   margin: 0 0.5rem 0.313rem 0;
   transition: .3s ease-in-out;
   display: inline-block;
   vertical-align: middle;
}
.result .downloadarea.sheetall .btn_black_l a:hover .txt_num:before{
   background-image: url(../images/common/download_txt_white.png) ;
}


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

side-bnr

---------*/
.side-bnr{
  position: fixed;
  right: 0;
  top:30%;
  z-index: 90;
}
.side-bnr ul li{
  margin-bottom: 10px;
}
.side-bnr ul li a{
  display: block;
  text-decoration: none;
  background-color: #FFC945;
}

.side-bnr ul li a:hover{
  color: #000;
  background-color:#F69500;
  opacity: 1;
}
.side-bnr ul li a:hover img{
  opacity: 1;
}

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

footer

---------*/

/* page-top */
#page-top {
    position: fixed;
    bottom: 3%;
    right: 2%;
    z-index: 900;
}
#page-top a {
	background: url(../images/common/img_pagetop.png) no-repeat center center;
    text-decoration: none;
    width: 50px;
    height: 55px;
    text-align: center;
    display: block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
#page-top a:hover {
	background: url(../images/common/img_pagetop_hover.png) no-repeat center center;
}

	footer{
    padding: 0;
    border-radius: 230px 230px 0 0;
    position: relative;
	}
	footer:before{
    content: "";
    display: block;
    background: url(../images/common/footer_img01.png) no-repeat center center / contain;
    width: 304px;
    height: 230px;
    position: absolute;
    left: 0;
    right: 0;
    margin: -9em auto 0;
	}

	footer .inner{
    text-align: center;
    padding: 120px 0 1.563rem;
  }
	footer .ftr_ttl{
    font-size: 2.188rem;
    margin-bottom: 0.85em;
}
	footer .ftr_ttl span{
    font-size: 1.625rem;
    color: #fff;
    vertical-align: bottom;
    background-color: #CC5520;
    border-radius: 15px;
    padding: 0.35em 0.95em;
    margin: 0 0.25em;
    display: inline-block;
  }
	footer .ftr_chachy {
    font-size: 1.875rem;
    line-height: 1.4;
  }
	footer .ftr_chachy small{
    font-size: 0.75em;
  }
  footer .ftr_btn_book {
    margin: 1rem auto 0;
    width: 100%;
    max-width: 542px;
  }

	footer .inner{
    text-align: center;
    padding: 120px 0 1.563rem;
  }
	footer .ftr_ttl{
    font-size: 2.188rem;
    margin-bottom: 0.85em;
}
	footer .ftr_ttl span{
    font-size: 1.625rem;
    color: #fff;
    vertical-align: text-top;
    background-color: #E95414;
    border-radius: 15px;
    padding: 0.35em 0.95em;
    margin: 0 0.25em;
    display: inline-block;
  }
	.ftr_contact {
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 844px;
    margin: 3.5rem auto 0;
}

  .ftr_contact dt {
      width: 100%;
     /* color: #FFE000;*/
      font-size: 1.375rem;
      font-weight: bold;
      border-radius: 10px;
      padding: 0.85em 0.5em 0;
  }

  .ftr_contact dd {margin-top: 1.25rem;/* margin-top: 1.875rem;*/ }
  .ftr_contact dd.mail{
    margin: 1.875rem auto 0;
    width: 100%;
    max-width: 542px;
  }
  /*.ftr_contact dd.mail a{
    text-align: center;
    background-color: #251E1C;
    border: 4px solid #251E1C;
    border-radius: 15px;
    padding: 1.25rem 4.875rem;
    display: block;
  }
  .ftr_contact dd.mail a:hover{
    background-color: #F69500;
  }
  .ftr_contact dd.mail a:hover,
  .ftr_contact dd.mail a:hover img{
    opacity: 1;
  }*/


	footer p.copy {
    text-align: center;
    font-weight: bold;
    font-size: 0.813rem;
    line-height: 1;
    padding: 1.563rem 1rem;
  }

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

accrodion
---------*/

.js_acc{
	position: relative;
	cursor: pointer;
}

.js_acc:after {
	content: '';
	display: block;
	display: inline-block;
	width: 30px;
	height: 22px;
	right: 2px;
	top: 39%;
	background: url("../images/common/arrow_wh.png") no-repeat center center / contain;
	position: absolute;
	transition: .3s transform ease;
}

.js_acc.on:after {
	transform: rotate(180deg)
}

.js_cont{
	display: none;
}

.js-fix.is-fixed {
  position: fixed;
  /*top: 0;*/
  left: 0;
  width: 100%;
}