@charset 'UTF-8';
#container {
	padding-top:140px
}
.main_title {
	background: #0b3d70;
	background-image: url(img/feature_title_image.png);
	background-size: 50%;
	background-repeat: no-repeat;
	background-position: right;
}
h1 {
	margin:0;
	color:#fff;
	padding:50px;
	font-size: 25px;
}

.mainArea  {
	font-family: Meiryo, メイリオ, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
	box-sizing: border-box;
	padding:20px;
	width:90%;
}

.page_title {
    background:#f1f1f1;
    width:100%;
    padding-top: 142px;
}

 .clearfix::after {
    content: " ";
    display: block;
    clear: both;
}       
.title p {
    float:right;
}        

.top_slide_mb {
	display:none;
}

.top_slide_pc {
	padding-top:0;
}
.title_message {
	text-align:center
}

.title_message h2 {
	font-size: 35px;
	padding-bottom: 20px;
	padding-top: 35px;
	letter-spacing: 3px;
	color: #63A826;
}

.title_message p {
	font-size:25px
}
.sub_message p {
	text-align: left;
}
.stress_top {
	background: #4765da;
	text-align:center;
	margin-top: 50px;
}
.stress_top h2 {
	padding: 25px 0 0;
	font-size:30px;
	color:#fff
}
.stress_top p {
	padding: 0 10px 20px;
	margin-bottom: 0;
	color:#fff;
}
.stress_select {
	border: solid 1.5px #4765da;
	z-index:10;
}
.stress_select ul {
	padding: 20px 50px;
	font-size: 20px;
}
.stress_select ul li {
	padding: 20px 0;
	list-style: disclosure-closed;
}
.stress_select ul a:hover {
	color:red;
}
.resolution_area a:hover {
	color:red;
}
.anc {
	padding-top:142px!important;
	margin-top:-142px;
}

	.resolution_area {
		padding-top:70px;
	}
    .resolution_area ul {
        width:100%;
        padding:0;
    }
    .resolution_area ul li {
        display: flex;
        align-items: center;
        padding-bottom: 100px;
    }
    .resolution_area ul li .photo {
        width:50%;
        box-sizing: border-box;
        padding-right:5%;
    }
    .resolution_area ul li .txt {
        width: 60%;
        box-sizing: border-box;
    }
    .resolution_area .photo img {
        width:100%;
    }
    .txt p {
        letter-spacing: 2px;
    }
    .resolution_area ul li:nth-child(even) {
        flex-direction: row-reverse;
    }

    .resolution_area ul li:nth-child(even) .txt {
        padding-right: 5%;
    }

    .resolution_area ul li:nth-child(odd) .txt {
        padding-left: 5%;
    }
    .resolution_area h2 {
        padding-bottom:30px;
    }
    
     .case_title {
        background: #4765da;
		padding: 20px;
		color: #fff;
		text-align: center;
		margin-top:30px;
      }
      .case_title h2 {
        font-size: 25px;
        margin-bottom:20px;
      }
      
       .faq_title {
        background: #4765da;
		padding: 35px;
		text-align: center;
		color:#fff;
		margin-top:30px;
      }
      .faq_title h2 {
      	width:50%;
      	margin:0 auto 20px;
      }
      .faq_title h2 img {
      	width:100%;
      }
      
      .faq h3 {
      	font-size: 1.1em;
		font-weight: normal;
		margin: 2em 0 1em;
		border-left: solid 5px #aaa;
		padding: 1.25em .5em;
		background:#f3f3f3;
      }
      .faq p {
      	padding-bottom:20px;
      }
      .faq img {
      	width:50%;
      	padding-bottom:20px;
      }
      
 /**EC移植**/
 
.ec-topicRole .ec-topicRole__list {
    display: flex;
    flex-wrap: wrap; 
    margin-top:30px;
    }
.ec-topicRole .ec-topicRole__listItem {
    margin-bottom: 50px;
    height: auto; 
    margin:20px auto;
    }
.ec-topicRole .ec-topicRole__listItem a {
      overflow: hidden; }
.ec-topicRole .ec-topicRole__listItem h3 {
      text-align: center; }
.ec-topicRole .ec-topicRole__listItem .faq-link a {
      display: block;
      overflow: hidden;
      background-color: transparent;}
.ec-topicRole .ec-topicRole__listItem a img {
        display: block;
        transition: transform .3s ease-out, opacity .3s linear; }
.ec-topicRole .ec-topicRole__listItem a:hover img {
        transform: scale(1.1);
        opacity: .5; }
.ec-topicRole .ec-topicRole__listItemTitle {
    margin-top: .5em;
    color: black;
    font-size: 0.9rem;
    max-width:285px;
    margin:.5em auto 0;
    }
.ec-topicRole .ec-topicRole__listItemTitle span {
    color: black;
    font-size: 0.7rem;}
.ec-topicRole .ec-topicRole__list img {
	width:100%;
	}
	
.ec-topicRole h3 {
	padding-top:20px;
	font-size:20px;
}

/**アコーディオン**/

.accordion_header img {
	height:18vw;
	max-height:172px;
	min-height:100px;
}
.s_02 .accordion_one {
  margin: 0 auto;
  margin-bottom: 3vw;
}
.s_02 .accordion_one .accordion_header {
  background-color: #0d3f75;
  color: #fff;
  font-size: 26px;
  font-weight: bold;
  text-align: center;
  position: relative;
  z-index: +1;
  cursor: pointer;
  transition-duration: 0.2s;
}
.s_02 .accordion_one:nth-of-type(2) .accordion_header {
    background-color: #0d3f75;
}
.s_02 .accordion_one:nth-of-type(3) .accordion_header {
    background-color: #0d3f75;
}
.s_02 .accordion_one .accordion_header:hover {
  opacity: .8;
}
.s_02 .accordion_one .accordion_header .i_box {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  right: 5%;
  width: 40px;
  height: 40px;
  border: 1px solid #fff;
  margin-top: -20px;
  box-sizing: border-box;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transform-origin: center center;
  transition-duration: 0.2s;
}
.s_02 .accordion_one .accordion_header .i_box .one_i {
  display: block;
  width: 18px;
  height: 18px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transform-origin: center center;
  transition-duration: 0.2s;
  position: relative;
}
.s_02 .accordion_one .accordion_header.open .i_box {
  -webkit-transform: rotate(-360deg);
  transform: rotate(-360deg);
}
.s_02 .accordion_one .accordion_header .i_box .one_i:before, .s_02 .accordion_one .accordion_header .i_box .one_i:after {
  display: flex;
  content: '';
  background-color: #fff;
  border-radius: 10px;
  width: 18px;
  height: 4px;
  position: absolute;
  top: 7px;
  left: 0;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  transform-origin: center center;
}
.s_02 .accordion_one .accordion_header .i_box .one_i:before {
  width: 4px;
  height: 18px;
  top: 0;
  left: 7px;
}
.s_02 .accordion_one .accordion_header.open .i_box .one_i:before {
  content: none;
}
.s_02 .accordion_one .accordion_header.open .i_box .one_i:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.s_02 .accordion_one .accordion_inner {
  display: none;
  padding: 0 30px;
  border-left: 2px solid #0d3f75;
  border-right: 2px solid #0d3f75;
  border-bottom: 2px solid #0d3f75;
  box-sizing: border-box;
}
.s_02 .accordion_one:nth-of-type(2) .accordion_inner {
  border-left: 2px solid #0d3f75;
  border-right: 2px solid #0d3f75;
  border-bottom: 2px solid #0d3f75;
}
.s_02 .accordion_one:nth-of-type(3) .accordion_inner {
  border-left: 2px solid #0d3f75;
  border-right: 2px solid #0d3f75;
  border-bottom: 2px solid #0d3f75;
}
.s_02 .accordion_one .accordion_inner .box_one {
  height: 100%;
  padding:20px 0;
}
.s_02 .accordion_one .accordion_inner p.txt_a_ac {
  margin: 0;
}

.accordion_header h2 {
	font-size:25px;
	padding:30px 0;
	text-align: center;
	margin: 0;
}

.other_area {
	padding-top:50px;
}
.box_one p {
	padding:20px 10px 30px;
}
.box_one img {
	width: 30%;
	margin: 0 auto 30px;
	display: block;
}

.catalog_message {
	padding:35px 0 15px;
}

.catalog_message img {
	width:100%;
}
.no-item {
	opacity:0;
	pointer-events: none;
}



    .merit_area ul {
        width:100%;
        padding:0;
    }
    .merit_area ul li {
        display: flex;
        align-items: center;
    }
    .merit_area ul li .photo {
        width:50%;
        box-sizing: border-box;
        padding-right:5%;
    }
    .merit_area ul li .txt {
        width: 60%;
        box-sizing: border-box;
    }
    .merit_area .photo img {
        width:100%;
    }
    .txt p {
        letter-spacing: 2px;
    }
    .merit_area ul li:nth-child(even) {
        flex-direction: row-reverse;
    }

    .merit_area ul li:nth-child(even) .txt {
        padding-right: 5%;
    }

    .merit_area ul li:nth-child(odd) .txt {
        padding-left: 5%;
    }
    .merit_area h2 {
        padding-bottom:30px;
        font-size:25px!important;
    }
    
    .btn--purple,
a.btn--purple {
  color: #fff;
  background-color: #5a67af;
}
.btn--purple:hover,
a.btn--purple:hover {
  color: #fff;
  background: #2d43a0;
}

.btn,
a.btn,
button.btn {
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #fff;
  border-radius: 0.5rem;
}
.title_area {
    text-align:center;
    background: #0b3d70;
    color: #fff;
}
.title_area h2 {
    padding: 35px 0;
    font-size: 20px;
}
.title_area .merit_area h2 {
    padding:0 0 30px;
}
.title_area .merit_area ul li .txt {
    text-align:left;
    padding:50px 0;
}

.button019 a {
    background: brown;
    border-radius: 3px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 280px;
    padding: 10px 25px;
    color: #313131;
    transition: 0.3s ease-in-out;
    font-weight: 500;
    color:#fff;
}
.button019 a:after {
  content: "";
  position: absolute;
  top: 50%;
  bottom: 0;
  right: 2rem;
  font-size: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: right 0.3s;
  width: 6px;
  height: 6px;
  border-top: solid 2px currentColor;
  border-right: solid 2px currentColor;
  transform: translateY(-50%) rotate(45deg);
}
.button019 a:hover {
  background: #6bb6ff;
  color: #FFF;
}
.button019 a:hover:after {
  right: 1.4rem;
}

.satori__popup_widget_d7f0e61e813cb0c9.satori__popup_widget_d7f0e61e813cb0c9_br {
    left:0;
    width:450px!important
}

.satori__popup_widget_feee15eac403c856.satori__popup_widget_feee15eac403c856_br {
    left:0;
    width:450px!important
}

.satori__popup_inner h4 {
font-size: 18px;
text-align: center;
padding: 20px 0;
}

 
 .guide_button {
 	position:fixed;
 	right:0;
 	top:20%;
 	width:12%;
 	max-width:170px;
 	z-index:100;
 }
 .guide_button img {
 	width:100%;
 }
 


@media screen and (max-width: 949px) {
	.resolution_area {
		width:100%;
		margin:0 auto;
	}
	.ec-topicRole {
		width: 100%;
		margin: 0 auto;
	}
	.faq {
		width: 100%;
		margin: 0 auto;
	}
	.merit_area {
		width:100%;
	}
}

@media screen and (min-width: 768px) {
	.ec-topicRole {
      padding-bottom: 10px; }
    .ec-topicRole .ec-topicRole__list {
        flex-wrap: nowrap; }
    .ec-topicRole .ec-topicRole__listItem {
        width: calc(100% / 2); }
    .ec-topicRole .ec-topicRole__listItem:not(:last-of-type) {
          margin-right: 30px; }
    .ec-topicRole .ec-topicRole__listItemTitle {
        margin-top: 1em;
        font-size: 0.9rem; }
    .ec-topicRole .ec-topicRole__listItemTitle span {
        font-size: 0.8rem; }

}

@media screen and (max-width: 767px) {
	#container {
		padding-top: 90px;
	}
	h1 {
		padding:40px 20px;
	}
	.mainArea {
		width: 90%;
		padding:0;
	}
	.page_title {
        padding-top: 97px;
    }
    .title_message h2 {
    	font-size:25px;
    }
    .sub_message p {
    	font-size:15px;
    }
    .stress_select ul li {
    	padding:10px 0;
    	font-size:15px;
    }
  	.stress_select ul {
  		padding: 0px 50px;
  	}
        .resolution_area ul li .photo {
            width: 70%;
            padding-right: 0;
            margin: 0 auto;
        }
        .resolution_area ul li .txt {
            width: 100%;
        }
        .resolution_area ul li {
            display: block;
            padding: 50px 0;
        }
        .txt p {
            font-size: 15px;
        }
        h1 {
            font-size:25px;
        }
        .resolution_area ul li:nth-child(even) .txt {
            padding-top:20px;
            padding-right: 0;
        }
    
        .resolution_area ul li:nth-child(odd) .txt {
            padding-top:20px;
            padding-left: 0;
        }
        .resolution_area h2 {
        	padding-bottom:0;
        }
      .ec-topicRole .ec-topicRole__listItemTitle {
      		max-width: none;
      		dont-size:15px;
      		width:90%;
      }
      .ec-topicRole .ec-topicRole__list img {
		width: 60%;
		margin: 0 auto;
		display: block;
	}
	.ec-topicRole .ec-topicRole__list h3 {
		font-size: 25px;
		padding: 20px 0;
		margin: 0;
	}
	.faq p {
		font-size:15px;
	}
	.faq img {
		width:75%;
		margin:0 auto;
		display:block;
	}
	
	.s_02 .accordion_one .accordion_header {
    	font-size: 16px;
  }
  .s_02 .accordion_one .accordion_inner .box_one {
  		padding: 5px 0;
  }
  .s_02 .accordion_one .accordion_inner {
  		padding: 0 15px;
  }
  .no-item {
  	display:none;
  }
  .merit_area {
            padding-bottom:20px;
            padding-top:0;
        }
        .merit_area ul li .photo {
            width: 70%;
            padding-right: 0;
            margin: 0 auto;
        }
        .merit_area ul li .txt {
            width: 100%;
        }
        .merit_area ul li {
            display: block;
            width: 100%;
            padding: 50px 9%;
        }
        .title_area .merit_area ul li {
            padding:0 9%;
        }
        .merit_area ul li:nth-child(even) .txt {
            padding-top:20px;
            padding-right: 0;
        }
    	.box_one p {
    		padding: 10px;
    		font-size: 15px;
    	}
        .merit_area ul li:nth-child(odd) .txt {
            padding-top:20px;
            padding-left: 0;
        }
        .merit_area h2 {
        	padding-top:20px;
        	text-align:center;
        }
        .merit_area ul li:nth-child(odd) {
            background:#efeff0;
        }
        .title_area .merit_area ul li:nth-child(odd) {
            background:none;
        }
        .anchor {
            display: block; 
            padding-top: 92px!important;
            margin-top: -92px;
            z-index:1;
        }
        .guide_button {
        	width:16%;
        }

}
        
  
 @media screen and (max-width: 572px) {
 	#container {
		padding-top: 79px;
	}
	h1,h2,h3 {
		font-size:4vw!important;
	}
	p {
		font-size:3.5vw!important;
	}

    .mainArea {
       padding:5px 20px;
    }
   	.title_message h2 {
		padding-top:15px;
   	}
   	.sub_message {
   		width:100%;
   	}
   	.stress_select ul {
		padding: 0 8vw;
		font-size: 3.5vw!important;
	}
	.stress_select ul li {
		padding: 10px 0;
	}
	.stress_top p {
		width: 90%;
		margin: 0 auto;
	}
	.resolution_area {
		padding:40px 0 0;
	}
    .resolution_area ul li:last-child {
    	padding-bottom:40px;
    }
    .resolution_area h2 {
		padding-top: 0px;
	}
	.resolution_area h2 {
		padding-bottom: 10px;
	}
	.ec-topicRole .ec-topicRole__listItemTitle {
		width: 100%;
	}
     .faq_title h2 {
      	width:70%;
      }	
     .ec-topicRole .ec-topicRole__list h3 {
     	padding:15px 0;
     }
	.s_02 .accordion_one .accordion_header .i_box {
		width: 30px;
		height: 30px;
		margin-top: -16px;
	}
	.box_one img {
		width:50%;
	}
    .title_area .merit_area ul li:last-child {
        padding-bottom: 0;
    }
    .satori__popup_widget_d7f0e61e813cb0c9.satori__popup_widget_d7f0e61e813cb0c9_br {
        display:none;
    }
    .satori__popup_widget_feee15eac403c856.satori__popup_widget_feee15eac403c856_br {
            width:100%!important;
    }
    .anc {
		padding-top: 90px!importat;
		margin-top: -90px;
	}
	
 }