@charset "UTF-8";
/* CSS Document */
/* #mv
------------------------------------------------------------------*/

.title{
	background: url(../img/bg_h2.jpg) 50% 50% no-repeat;
	min-height: 153px;
	
}

/*メイン
------------------------------------------------------------------*/
.under .inner h3.index{
	margin-top: -66px;
}

.under .inner h4.index{
	background: url(../img/bg_h4_index.png) no-repeat 50% 50%;
	text-align: center;
	padding-bottom: 0px;
font-size: 2.2rem;
	letter-spacing: 0.2em;
	font-weight: bold;
margin-left: 0px;
margin-top: 20px;
margin-bottom: 10px;
border-bottom: none;
	color: #4F382F;line-height: 70px;
	
}

.under .inner ul.index li.index_01 a{
	background: url(../img/img_index_01.png) no-repeat 50% 50%;
	background-size: cover;
	
}
.under .inner ul.index li.index_02 a{
	background: url(../img/img_index_02.png) no-repeat 50% 50%;
	background-size: cover;
	
}

.under .inner ul.index li.index_03 a{
	background: url(../img/img_index_03.png) no-repeat 50% 50%;
	background-size: cover;
	
}

.under .inner ul.index li.index_04 a{
	background: url(../img/img_index_04.png) no-repeat 50% 50%;
	background-size: cover;
	
}

.under .inner ul.index li.index_05 a{
	background: url(../img/img_index_05.png) no-repeat 50% 50%;
	background-size: cover;
	
}

.under .inner ul.index li.index_06 a{
	background: url(../img/img_index_06.png) no-repeat 50% 50%;
	background-size: cover;
	
}

.under .inner ul.index li.index_07 a{
	background: url(../img/img_index_07.png) no-repeat 50% 50%;
	background-size: cover;
	
}

.under .inner ul.index li.index_08 a{
	background: url(../img/img_index_08.png) no-repeat 50% 50%;
	background-size: cover;
	
}

.under .inner ul.index li.index_09 a{
	background: url(../img/img_index_09.png) no-repeat 50% 50%;
	background-size: cover;
	
}
.under .inner ul.index li.index_10 a{
	background: url(../img/img_index_10.png) no-repeat 50% 50%;
	background-size: cover;
	
}


.under_main .inner p.policy{
	text-align: center;
}
.under_main .inner p.policy img{
	width: 100%;
	max-width: 528px;
	margin: 20px auto 25px;

}



.policy .inner ul.type1{
	width: 100%;
		max-width: 600px;
	margin: 20px auto 25px;
	text-align: center;
	font-size: 2.7rem;
	line-height: 1.4;
	letter-spacing: 0.2em;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;

}
 .policy .inner ul.type1 li{
margin-bottom: 15px;
	background-position:0 8px;
}



.yume .inner{
	background: #fcffc8;
}
.yume .inner h3{
	margin-bottom: 30px;
}

.yume .inner h4{
	margin-bottom: 20px;
	text-align: center;
}
.yume .inner>img,
.yume .inner>p{
	width: 600px;
	margin: 0 auto 20px;
	display: block;
}
.yume .inner .yume_box{
	background: #fff;
	background: url(../img/bg_yume_box.png) repeat-x 50% 0 #fff;
	padding-top: 50px;
	padding-bottom: 40px;
}
.yume .inner h5{
padding: .5em .75em;
background: none;
border: none;
box-shadow:none;
margin: 0 auto 20px;
	width: 300px;
}

.yume .inner .repo_box{
	overflow: hidden;
	width: 900px;
	margin: 10px auto 40px;
}

.yume .inner .repo_box .repo_title{
	padding-left: 150px;
	width: 780px;
	min-height: 100px;
	padding-top: 5px;
	margin-bottom: 20px:
}
.yume .inner .repo_box .repo_title h6{
	font-size: 2.6rem;
}
.yume .inner .repo_box .repo_title h6:before{
	display: none;
}
.yume .inner .repo_box .repo_title p{
background: #fcffc8;
	border-radius: 30px;
	color: #FE6C8A;
	padding: 5px 15px;
	display: inline;
}
.yume .inner .repo_box>p{
	margin: 20px auto;
}
.yume .inner .repo_box .no_01{
	background: url(../img/icon_repo_01.png) no-repeat 20px 0px;
}
.yume .inner .repo_box .no_01 h6{
	color: #01AECB;
}
.yume .inner .repo_box .no_02{
	background: url(../img/icon_repo_02.png) no-repeat 20px 0px;
}
.yume .inner .repo_box .no_02 h6{
	color: #AE7BFF;
}
.yume .inner .repo_box .no_03{
	background: url(../img/icon_repo_03.png) no-repeat 20px 0px;
}
.yume .inner .repo_box .no_03 h6{
	color: #EE8A20;
}
.yume .inner .repo_box .no_04{
	background: url(../img/icon_repo_04.png) no-repeat 20px 0px;
}
.yume .inner .repo_box .no_04 h6{
	color: #FF6DB6;
}

.hojo ul.career{
	
	overflow: hidden;
	margin-bottom: 30px;
}

.hojo ul.career li{
	float: left;
	padding: 0 8px;
}
.hojo ul.career li span{
	display: block;
	text-align: center;
}
.hojo ul.career li:first-child,
.hojo ul.career li:nth-child(3),
.hojo ul.career li:nth-child(5){
width: 279px;
}
.hojo ul.career li:nth-child(2),
.hojo ul.career li:nth-child(4){
padding-top: 43px;
font-size: 26px;
}
.hojo ul.career li span:first-child{
	font-size: 1.6rem;
position: relative;
	margin: 10px auto 5px;
	width: 40%;
padding: 0 55px;
}

.hojo ul.career li span:first-child:before, .hojo ul.career li span:first-child:after{
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 45px;
height: 2px;
border-top: solid 1px #E7B721;
border-bottom: solid 1px #E7B721;
}

.hojo ul.career li span:first-child:before {left:0;}
.hojo ul.career li span:first-child:after {right: 0;}

.hojo ul.career li span:nth-child(2){
	border: 2px solid #B359F9;
	padding: 10px 0;
	margin-bottom: 8px;
}
.hojo ul.career li span:nth-child(3){
	font-size: 1.5rem;
}
.hojo ul.point{
	margin-top: 30px;
}
.hojo ul.point li{
	margin-bottom: 30px;
}


.hojo ul.point li span.no{
	background: #B359F9;
	color: #fff;
	font-weight: bold;
	letter-spacing: 0.1em;
	padding: 5px 0;
	width: 150px;
	display: inline-block;
	text-align: center;
	margin: 0px 15px 0px 0;
	
}
.hojo .inner h4 {
position: relative;
padding: 0 0 0 30px;
	line-height: 1.4;
	text-align: left;
}
.hojo .inner h4:before{ font-family: FontAwesome;/*忘れずに*/
content: "\f00c";/*アイコンのユニコード*/
position: absolute;/*絶対位置*/
font-size: 1em;/*サイズ*/
left: 0;/*アイコンの位置*/
top: 0;/*アイコンの位置*/
color: #B359F9; /*アイコン色*/
}
.hojo .inner .waku{
	background: #FCFFC8;
	padding: 30px 0;
	border-radius: 20px;
	width: 90%;
	margin: 10px auto;
}
.hojo .inner .waku p{
text-align: center;
font-size:2.0rem;
letter-spacing: 0.1em;}


.kokushi .inner img{

}
.kokushi .inner table.kokushi_2{
	width: 96%;
	margin: 10px auto;
	
} 
.kokushi .inner table.kokushi_2 th{
	background: #d6eefc;
	color: #1079e2;
	vertical-align: middle;
	text-align: center;
	width: 150px;
} 
.kokushi .inner table.kokushi_2 th,
.kokushi .inner table.kokushi_2 td{
	border: 1px solid #ccc;
	padding: 20px 10px;
}
#contact_box .care_contact {
    background: url("../img/bg_contact_care_box.png") no-repeat 50% 50%;
    height: 461px;
    font-size: 0;
}
.yume .flex_box{
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
}
.yume .flex_box>img{
	width: calc(100% / 3 - 20px);
	margin: 10px;
}
@media screen and (max-width:767px) {
.yume .inner .repo_box {
    width: 100%;
}
.yume .inner > img, .yume .inner > p {
    width: 100%;
}
	.yume .inner .repo_box .repo_title {
    padding-left: 0;
    width: 98%;
		padding-top: 100px
   }
		.yume .inner .repo_box .repo_title p{
			display: block;

	}
	.yume .inner .repo_box .no_01{
	background: url(../img/icon_repo_01.png) no-repeat 50% 0px;
}
.yume .inner .repo_box .no_02{
	background: url(../img/icon_repo_02.png) no-repeat 50% 0px;
}
.yume .inner .repo_box .no_03{
	background: url(../img/icon_repo_03.png) no-repeat 50% 0px;
}
.yume .inner .repo_box .no_04{
	background: url(../img/icon_repo_04.png) no-repeat 50% 0px;
}

	
}