@charset "shift_jis";


#c01a, #c01b, #c02a, #c02b, #c02c {
	padding-top: 101px;
	margin-top: -101px;
}
@media only screen and (max-width: 820px) {
#c01a, #c01b, #c02a, #c02b, #c02c {
	padding-top: 126px;
	margin-top: -126px;
}
}

/*====================================
各ページここから
====================================*/
.features_mainimg_bg01{
	width: 100%;
	background-image: url("../images/faq_mainimg_bg01.jpg");
	margin: 0 auto;
	overflow: hidden;
	background-size: cover;
	background-position: center;
}

.features_mainimg_titbox01 {
margin: 50px 0 176px 20px;	
}
.features_mainimg_tit01 {
	font-family: 'Lora', serif;
	font-size:64px;
	font-size:6.4rem;
	/*color: rgba(255,117,73,1.00);*/
}
.features_mainimg_tit02 {
	font-size:18px;
	font-size:1.8rem;
	padding-top: 6px;
	letter-spacing: 0.03em;
}
@media (max-width: 820px){
.features_mainimg_tit01 {
	font-size:58px;
	font-size:5.8rem;
	letter-spacing: -0.03em;
	}
}


.features_c01_bg01 {
	width: 100%;
	/*background-image: url("../xxxx-p/xxxxxx_bg.jpg");*/
	margin: 0 auto;
	overflow: hidden;
	margin-top: -100px;
}
	
.features_c01_box {
	padding: 30px 20px 40px;
	/*background-color: rgba(255,255,255,0.95);*/
	border-radius: 6px;
}
@media (max-width: 820px){
.features_c01_box {
	padding: 30px 20px 0px;
}	
}

.features_c02b_txicon {
	padding: 4px 0 0;
}
.features_c01_tit {
	font-size:22px;
	font-size:2.2rem;
	font-weight: 500;
	padding-top: 8px;
}
.features_c01_tx01 {
	font-size:16px;
	font-size:1.6rem;
	font-weight: 500;
	padding-top: 20px;
}
.top_c02b_container .grid_item {
	background-color: #FFF;
	border-radius: 8px;
	padding: 20px 15px 15px;
	background-image: url("../images/features_c01_iconimg01.png");
	background-repeat: no-repeat;
	background-position: top 14px center;
}
.features_c02b_container .grid_item {
	padding: 20px;
}
@media (max-width: 820px){
.features_c02b_container .grid_item {
	padding: 20px 0 0px;
}
}





a .features_c02b_tit {
	color: #333;
	line-height: 1.25;
	border-bottom: none;
	position: relative;
}
.features_c02b_tit::before, 
.features_c02b_tit::after {
	position: absolute;
	top: 0;
	bottom: -60px;
    left: 48.5%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	margin: auto;
	content: "";
	vertical-align: middle;
}
.features_c02b_tit::after{
	width: 8px;
	height: 8px;
	border-top: 3px solid #fa6f45;
	border-right: 3px solid #fa6f45;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	/*-webkit-transform: rotate(135deg);
	transform: rotate(135deg);*/
}
.top_c02b_container a.grid_item:hover .features_c02b_tit::before, 
.top_c02b_container a.grid_item:hover .features_c02b_tit::after {
	bottom: -65px;
}

@media (max-width: 820px){
a .features_c02b_tit {
	font-size: 20px;
	font-size: 2.0rem;	
}
.features_c02b_tit::before, 
.features_c02b_tit::after {
	position: absolute;
	top: 0;
	bottom: -90px;
    left: 46.5%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	margin: auto;
	content: "";
	vertical-align: middle;
}
.features_c02b_tit::after{
	width: 12px;
	height: 12px;
	border-top: 4px solid #fa6f45;
	border-right: 4px solid #fa6f45;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	/*-webkit-transform: rotate(135deg);
	transform: rotate(135deg);*/
}
.top_c02b_container a.grid_item:hover .features_c02b_tit::before, 
.top_c02b_container a.grid_item:hover .features_c02b_tit::after {
	bottom: -65px;
}
}


.features_c02_box {
	padding: 0px 0 45px;
}

.features_c02_box01 {
	background-color: #f4f3ee;
	padding: 15px;
	border-radius: 8px;
	margin-top: 80px;
}
@media (max-width: 820px){
.features_c02_box01 {
	margin-top: 80px;
}
}

.features_c02a_onimg {
	position: absolute;
	z-index: 996;
	top: -35px;
	left: -15px;
}
.features_c02b_onimg {
	position: absolute;
	z-index: 996;
	top: -35px;
	right: -15px;
}
@media (max-width: 820px){
.features_c02a_onimg {
	top: -35px;
	left: auto;
	right: -15px;
}
}

.features_c02_stit01 {
	font-size:22px;
	font-size:2.2rem;
	font-weight: 500;
	margin: 40px 0 12px;
}
@media (max-width: 820px){
.features_c02_stit01 {
	margin: 18px 0 12px;
}
}
	
.features_c02_tx01 {
	font-size:16px;
	font-size:1.6rem;
	text-align: justify;
}
.features_c02_tx02 {
	font-size:16px;
	font-size:1.6rem;
	text-align: justify;
	padding: 4px;
}
.features_c02_tx01 .tx_l, .features_c02_tx02 .tx_l {
	font-weight: 500;
background: linear-gradient(transparent 70%, rgba(255,255,135,1.00) 70%);
}
.features_c02_tx01 a, .features_c02_tx02 a {
	color: #333;
	/*text-decoration: none;*/
}
.features_c02_tx01 a:hover, .features_c02_tx02 a:hover {
	text-decoration: underline;
}

	
.features_c02a_img {
	margin: -40px -45px 0 0;
}
.features_c02b_img {
	margin: -40px 0 0 -45px;
}
@media (max-width: 820px){
.features_c02a_img, .features_c02b_img {
	margin: 0;
	}
}

.features_c02a_img02, .features_c02b_img02 {
	overflow: hidden;
	border-radius: 6px;
}
@media (max-width: 820px){
.features_c02a_img02, .features_c02b_img02 {
	padding: 0 15%;
}
}

.features_c02a_container02, .features_c02b_container02 {
	padding-top: 20px;
}

.base_contents00_g2 > .features_c02a_container01 {
  -ms-grid-columns: 60% 40%;
  grid-template-columns: 60% 40%;
  
  -ms-grid-rows:  auto;
  grid-template-rows:  auto;
}
@media (max-width: 820px){
.base_contents00_g2 > .features_c02a_container01 {
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
	}
}

.base_contents00_g2 > .features_c02a_container02 {
  -ms-grid-columns: 27.5% 72.5%;
  grid-template-columns: 27.5% 72.5%;
  
  -ms-grid-rows:  auto;
  grid-template-rows:  auto;
}
.base_contents00_g2 > .features_c02a_container02 > .grid_item_01 {
	-ms-grid-column: 2; /* 横のスタート位置(IE用) */
	-ms-grid-column-span: 1; /* 横のマス数(IE用) */
	grid-column: 2 / 3; /* 横位置 */
	
	-ms-grid-row: 1; /* 縦のスタート位置(IE用) */
	-ms-grid-row-span: 1; /* 縦のマス数(IE用) */
	grid-row: 1 / 2; /* 縦位置 */
}
.base_contents00_g2 > .features_c02a_container02 > .grid_item_02 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}
@media (max-width: 820px){
.base_contents00_g2 > .features_c02a_container02 {
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
	}
.base_contents00_g2 > .features_c02a_container02 > .grid_item_01 {
	-ms-grid-column: 1; /* 横のスタート位置(IE用) */
	-ms-grid-column-span: 1; /* 横のマス数(IE用) */
	grid-column: 1 / 2; /* 横位置 */
	
	-ms-grid-row: 1; /* 縦のスタート位置(IE用) */
	-ms-grid-row-span: 1; /* 縦のマス数(IE用) */
	grid-row: 1 / 2; /* 縦位置 */
}
.base_contents00_g2 > .features_c02a_container02 > .grid_item_02 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 2;
	grid-row: 2; 
}
}




.base_contents00_g2 > .features_c02b_container01 {
  -ms-grid-columns: 40% 60%;
  grid-template-columns: 40% 60%;
  
  -ms-grid-rows:  auto;
  grid-template-rows:  auto;
}
.base_contents00_g2 > .features_c02b_container01 > .grid_item_01 {
	-ms-grid-column: 2; /* 横のスタート位置(IE用) */
	-ms-grid-column-span: 1; /* 横のマス数(IE用) */
	grid-column: 2 / 3; /* 横位置 */
	
	-ms-grid-row: 1; /* 縦のスタート位置(IE用) */
	-ms-grid-row-span: 1; /* 縦のマス数(IE用) */
	grid-row: 1 / 2; /* 縦位置 */
}
.base_contents00_g2 > .features_c02b_container01 > .grid_item_02 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}
@media (max-width: 820px){
.base_contents00_g2 > .features_c02b_container01 {
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
	}
.base_contents00_g2 > .features_c02b_container01 > .grid_item_01 {
	-ms-grid-column: 1; /* 横のスタート位置(IE用) */
	-ms-grid-column-span: 1; /* 横のマス数(IE用) */
	grid-column: 1 / 2; /* 横位置 */
	
	-ms-grid-row: 1; /* 縦のスタート位置(IE用) */
	-ms-grid-row-span: 1; /* 縦のマス数(IE用) */
	grid-row: 1 / 2; /* 縦位置 */
}
.base_contents00_g2 > .features_c02b_container01 > .grid_item_02 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 2;
	grid-row: 2; 
}
}

.base_contents00_g2 > .features_c02b_container02 {
  -ms-grid-columns: 72.5% 27.5%;
  grid-template-columns: 72.5% 27.5%;
  
  -ms-grid-rows:  auto;
  grid-template-rows:  auto;
}
@media (max-width: 820px){
.base_contents00_g2 > .features_c02b_container02 {
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
	}
}