@charset "utf-8";
/* CSS Document */
.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}

.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}
.mb60{margin-bottom:60px !important;}


/*
【360新潟レスポンシブ設計定義】
1200px～：PC
801px～1199px：タブレット（タブレット専用デザインは作成しない、基本的にスマホのデザインを適用するがPCのデザインで問題ない場合に限りPCのデザインも適用可能とする）
～800px：スマホ
*/

/* PC・タブレット・スマホ共通の設定（PC用の設定を記述） */


.fl_left{
	float:left;
}
.fl_right{
	float:right;
}
.clearfix::after{
  content: "";
  display: block;
  clear: both;
}


.column_bg{
	background-color:#FFFFF0;
}
.sub_color{
	color:#EC6A50;
	font-weight:bold;
}
.aligncenter{
	text-align:center;
}

.feature_content{
	line-height:1.8;
}
.feature_content .main_visual{
	width:1000px;
	margin: 0 auto 40px;
}
.feature_content .main_visual h1{
	font-size:32px;
	font-weight:bold;
}
.feature_content .column{
	width:1000px;
	margin:0 auto 25px;
}
.feature_content .column h2{
	/*text-align:center;*/
	margin:0 0 40px;
}
.feature_content .column > p{
	margin:0 0 20px;
}
.feature_content .column > figure{
	margin:0 0 40px;
}
.feature_content .column > a{
	color:#EC6A50;
	font-weight:bold;
}
.feature_content .column h3{
	font-size:18px;
	font-weight:bold;
	color:#3E3A39;
	font-family:  "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	margin:0 0 10px;
}



.faq-inner{
	padding-bottom:25px;
}
.faq-inner a{
	text-decoration: underline;
}
.faq-q {
    background: url(../images/faq/icon-q.svg) top left no-repeat;
	background-size:19px 16px;
	background-position:0 5px;
	font-size:16px;
    padding: 0 0 0 30px;
    margin: 15px 15px 0 0;
}
.faq-a {
    background: url(../images/faq/icon-a.svg) top left no-repeat;
	background-size:19px 16px;
	background-position:0 5px;
	font-size:16px;
    padding: 0 0 20px 30px;
    margin: 15px 15px 0 0;
	border-bottom:1px solid #9E9E9F;
}


@keyframes fade-in {
	0% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}

.tab_wrap{
	width:1000px;
	margin:0 auto 100px;
}
input[type="radio"]{
	display:none;
}
.tab_area{
	display:flex;
	justify-content: space-between;
	font-size:0;
}
.tab_area label{
	width:50%;
	padding:50px 0;
	color:#888;
	background-image:url("../images/faq/tab2.png");
	background-position:center center;
	background-size:100% auto;
	background-repeat: no-repeat;
	text-align:center;
	font-size:18px;
	cursor:pointer;
	transition:ease 0.2s opacity;
}
.tab_area label:hover{
	opacity:0.5;
}
.panel_area{
	background:#fff;
}
.tab_panel{
	width:100%;
	display:none;
}
.tab_panel p{
	font-size:14px;
	letter-spacing:1px;
	text-align:center;
}
#tab1:checked ~ .tab_area .tab1_label{
	background-image:url("../images/faq/tab1.png");
	background-position:center center;
	background-size:100% auto;
	color:#fff;
}
#tab1:checked ~ .panel_area #panel1{
	display:block;

	animation-name:fade-in;
	animation-duration:0.8s;
	animation-iteration-count:1;
}
#tab2:checked ~ .tab_area .tab2_label{
	background-image:url("../images/faq/tab1.png");
	background-position:center center;
	background-size:100% auto;
	color:#fff;
}
#tab2:checked ~ .panel_area #panel2{
	display:block;

	animation-name:fade-in;
	animation-duration:0.8s;
	animation-iteration-count:1;
}
#tab3:checked ~ .tab_area .tab3_label{
	background-image:url("../images/faq/tab1.png");
	background-position:center center;
	background-size:100% auto;
	color:#fff;
}
#tab3:checked ~ .panel_area #panel3{
	display:block;

	animation-name:fade-in;
	animation-duration:0.8s;
	animation-iteration-count:1;
}


/* タブレット・スマホ共通の設定（スマホ用の設定を記述、ただしタブレットに適用したくない場合はスマホ専用欄に記述） */
@media print, screen and (max-width: 1199px) { 
	.fl_left{
		float:inherit;
	}
	.fl_right{
		float:inherit;
	}

	.feature_content{
		width:100%;
	}
	.feature_content .main_visual{
		width:96%;
		margin-top:6.875vw;
		margin-bottom:0;
	}
	.feature_content .main_visual h1{
		font-size:8.8vw;
		font-weight:bold;
	}
	.feature_content figure img{
		width:100%;
	}
	.feature_content .column{
		width:96%;
		margin:0 auto 11vw;
	}
	.feature_content .column h2 img{
		width:100%;
	}

	.faq-inner{
		padding-bottom:6.875vw;
	}

	.img_thumb {
		width: 100%;
	}
	.tab_wrap {
		width: 100%;
		margin-bottom: 13.75vw;
	}
	.tab_panel {
		padding: 0;
	}
	.tab_area label {
		padding: 11vw 0;
		font-size: 3.85vw;
		font-weight:bold;
	}
	.tab_area label:hover{
		opacity:1.0;
	}
	.tab_area label:active{
		opacity:0.5;
	}
	.faq-q {
		background-size:5.225vw 4.4vw;
		background-position:0 1.375vw;
		font-size:4.4vw;
	    padding: 0 0 0 8.25vw;
	    margin: 4.125vw 4.125vw 0.825vw 0;
	}
	.faq-a {
		background-size:5.225vw 4.4vw;
		background-position:0 2.75vw;
		font-size:4.4vw;
	    padding: 1.375vw 0 5.5vw 8.25vw;
		margin: 0;
 	}
	.tab_area label{
		background-image:url("../images/faq/tab2_sp.png");
	}
	#tab1:checked ~ .tab_area .tab1_label{
		background-image:url("../images/faq/tab1_sp.png");
	}
	#tab2:checked ~ .tab_area .tab2_label{
		background-image:url("../images/faq/tab1_sp.png");
	}
	#tab3:checked ~ .tab_area .tab3_label{
		background-image:url("../images/faq/tab1_sp.png");
	}
}


/* スマホ専用の設定（スマホ用の設定の内でタブレットに適用したくない設定） */
@media screen and (max-width: 800px) { 
}