@charset "utf-8";
/* CSS Document */

.under_visual {
	background: url(../img/visual.png)no-repeat center center;
    background-size: cover;
	text-align: center;
	padding: 150px 0 90px;
}

.pege_name {
	font-size: 260%;
	font-weight: bold;
    padding: 0 0 5px;
    margin-bottom: 10px;
    border-bottom: 2px dotted #ee7d32;
	display: inline-block;
}

.page_name_en {
	font-size: 100%;
	font-weight: bold;
}

.main {
    max-width: 1000px;
	width: 100%;
    margin: auto;
    padding: 30px 0;
}

/* ==========================
==========　メイン　===========
============================= */
.cate_select{
	display: flex;
	justify-content: space-between;
	width: 800px;
	margin: auto;
	padding: 100px 0;
}
.cate_select_1{
	display: flex;
	justify-content: space-between;
	width: 800px;
	margin: auto;
	padding: 0px 0 100px;
}
.cata_box{
	width: 45%;
}
.cata_title{
	font-size: 150%;
	border-left: 5px solid #3bb03b;
	padding-left:10px;
	margin-bottom: 10px;
}

.cate_select ul {
	overflow: hidden;
}
.cate_select ul li {
    float: left;
    width: 80%;
    max-width: 407px;
    padding: 14px 34px;
    margin: 10px 45px 20px 0;
	transition-duration: 0.3s;
}

.cate_select .select01 {
	background: #ee7d32;
	border: 1px solid #ee7d32;
}
.cate_select .select02 {
	background: #3bb03b;
	margin-right: 0px;
	border: 1px solid #3bb03b;
}

.cate_select .select01:hover {
	background: #fff;
	color: #ee7d32;
}
.cate_select .select02:hover {
	background: #fff;
	color: #3bb03b;
}

.cate_select ul li {
	font-size: 150%;
	color: #fff;
}
.cate_select .select01 p {
	background: url(../img/q01_img00.png)no-repeat right center;
}
.cate_select .select02 p {
	background: url(../img/q03_img00.png)no-repeat right center;
}
.cate_select_1 ul {
	overflow: hidden;
}
.cate_select_1 ul li {
    float: left;
    width: 80%;
    max-width: 407px;
    padding: 14px 34px;
    margin: 10px 45px 20px 0;
	transition-duration: 0.3s;
}

.cate_select_1 .select01 {
	background: #ee7d32;
	border: 1px solid #ee7d32;
}
.cate_select_1 .select02 {
	background: #3bb03b;
	margin-right: 0px;
	border: 1px solid #3bb03b;
}

.cate_select_1 .select01:hover {
	background: #fff;
	color: #ee7d32;
}
.cate_select_1 .select02:hover {
	background: #fff;
	color: #3bb03b;
}

.cate_select_1 ul li {
	font-size: 150%;
	color: #fff;
}
.cate_select_1 .select01 p {
	background: url(../img/q01_img00.png)no-repeat right center;
}
.cate_select_1 .select02 p {
	background: url(../img/q03_img00.png)no-repeat right center;
}


/* 固有のスマホ対応記述
========================== */
@media screen and ( max-width: 800px ){

}
/* 700pxより小さい場合 */
@media screen and ( max-width: 700px ){
	.cate_select {
	display: block;
	width: 90%;
	margin: auto;
	padding: 30px 5%;
	}
	.cate_select_1 {
	display: block;
	width: 90%;
	margin: auto;
	padding: 30px 5%;
	}
.cata_box {
	width: 100%;
	margin-bottom: 50px;
	}
.cata_box:last-child{
	margin-bottom: 0px;
	}
.cate_select_1 ul li {
	width: 80%;
	max-width: 100%;
	padding: 14px 5% 14px 5%;
	}
.cate_select_1 ul li .text{
	margin-right: 15px;
	}
.cate_select_1 ul li {
	width: 80%;
	max-width: 100%;
	padding: 14px 5% 14px 5%;
	}
.cate_select_1 ul li .text{
	margin-right: 15px;
	}
}

/* 390pxより小さい場合 */
@media screen and ( max-width: 390px ){

}