@charset "utf-8";

body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.clear{
	clear: both;
}
.claer{
	clear: both;
}

/*index*/

#head{
	width: 950px;
	margin: 0 auto;
}
#head h1.kv{
	margin: 10px 0 0 0;
}
#top_text p{
	font-size: 140%;
	line-height: 1.2em;
	display: block;
	padding: 30px 0 10px 0;
}
#top_text p:last-child{
	padding: 10px 0 30px 0;
}
#main_content{
	height:870px;
	background: #f6f5f2;
	border-top: 1px solid #565656;
}
ul.content a{
	margin: 20px 15px 20px 0;
	width: 296px;
	float: left;
	font-size: 110%;
	height: 330px;
	line-height: 1.3em;
	background: url(../img/arrow.png) no-repeat right #FFFFFF;
	padding: 5px;
	background-position: 97% 97%;
	display: block;
}
ul.content a:nth-last-child(3){
	margin: 20px 0 20px 0;
}
ul.content li img{
	padding: 0;
}
ul.content{
	margin: 50px auto;
	width: 950px;
}
.blue{
	font-weight: bold;
	color: #01abeb;
}
#main_content ul a{
	color: #272727 !important;
	text-decoration: none !important;
}

/*01*/
article.keyword, article.job{
	margin:30px auto;
	padding: 0px 15px 20px 25px;
	width: 950px;
	border-top: 4px solid #01aceb;
	background: #ffffff;
	box-sizing: border-box;
}


.title{
	color: #006990;
	font-size: 300%;
	font-weight: 600;
	text-align: center;
	padding-top: 30px;
}

.magazine{
}

#main{
	background: #f6f5f2;
	padding-bottom: 40px;
}

.subtitle01{
	color: #01aceb;
	font-size: 170%;
	font-weight: 700;
	padding: 25px 0;
}
.bite_keyword ul li.mikeiken h4{
	background-image: url(../img/icon_01.png);
	background-repeat: no-repeat;
	background-position: -1% 60%;
	padding: 10px 0px 5px 30px;
	font-weight:bold;
	font-size: 120%;
	color: #01aceb;
}
.bite_keyword ul li.hair h4{
	background-image: url(../img/icon_04.png);
	background-repeat: no-repeat;
	background-position: 0% 60%;
	padding: 10px 0px 5px 30px;
	font-weight:bold;
	font-size: 120%;
	color: #01aceb;
}
.bite_keyword ul li.shift h4{
	background-image: url(../img/icon_06.png);
	background-repeat: no-repeat;
	background-position: -1% 60%;
	padding: 10px 0px 5px 30px;
	font-weight:bold;
	font-size: 120%;
	color: #01aceb;
}
.bite_keyword ul li.hibarai h4{
	background-image: url(../img/icon_05.png);
	background-repeat: no-repeat;
	background-position: 0% 60%;
	padding: 10px 0px 5px 30px;
	font-weight:bold;
	font-size: 120%;
	color: #01aceb;
}
.bite_keyword ul li.syawari h4{
	background-image: url(../img/icon_02.png);
	background-repeat: no-repeat;
	background-position: -1% 60%;
	padding: 10px 0px 5px 30px;
	font-weight:bold;
	font-size: 120%;
	color: #01aceb;
}
.bite_keyword ul li.fashion h4{
	background-image: url(../img/icon_03.png);
	background-repeat: no-repeat;
	background-position: -1% 60%;
	padding: 10px 0px 5px 30px;
	font-weight:bold;
	font-size: 120%;
	color: #01aceb;
}
.bite_keyword ul li a{
	width: 265px;
	height: 100px;
	background: #f6f5f2;
	float: left;
	background-image: url(../img/arrow_02.png);
	background-repeat: no-repeat;
	background-position: 98% 95%;
	margin: 10px 2px 10px 10px;
	color: #272727;
	line-height: 16px;
	border: #d0d0d0 solid 1px;
	padding:0 10px;
	text-decoration: none;
}
p.bite a{
	
	display: block;
    font-weight: bold;
    padding: 15px 0;
    text-align: center;
    text-decoration: none;
    color: #fff;
    /*border-bottom: 3px solid #b15200;*/
    margin: 25px auto 0 auto;
    background: url(../img/bite_arrow.png) no-repeat 98% center #ed6e00;
	width: 340px;
	height: 15px;
}

/*p.bite:hover{
	display: block;
    font-weight: bold;
    padding: 18px 0 10px 0;
    text-align: center;
    text-decoration: none;
    color: #fff;
    border-bottom: none;
    margin: 25px auto 0 auto;
    background: url(../img/bite_arrow.png) no-repeat 98% center #ed6e00;
	width: 340px;
	height: 15px;
}*/
.subtitle02{
	font-weight:bold;
	font-size: 130%;
	color: #01aceb;
	border-left: #01aceb solid 6px;
	margin: 25px 0 25px -15px;
	padding: 0 17px;
}
.times{
	margin: 0 auto;
	width: 950px;
}
.right{
	float: right;
	margin: 10px 0 10px 20px;
	border: #d0d0d0 solid 1px;
}

.right_2{
	width:auto;
	float: right;
	margin: 0 0 0 20px;
}
.right_images{
	float:right;
	padding:3em 0 1em 3em;
	box-sizing:border-box;
}

.job dl dt{
	width:40%;
	margin-bottom: 10px;
    font-weight: bold;
    font-size: 120%;
	padding:10px;
	box-sizing:border-box;
	background:#f2f2f2;
}
.job dl dd{
	margin-bottom: 20px;
}
.job p{
	margin-bottom: 20px;
}

.h3times{
	background: #ee6f00;
	color: #FFFFFF;
	font-size: 150%;
	font-weight: 800;
	width: 950px;
	height: 40px;
	line-height: 40px;	
	box-sizing: border-box;
    padding: 0 10px 0 10px;
}
.lstTimes li {
    background: #fff;
    padding: 10px;
    margin: 1px 0 0;
	background-image: url(../img/arrow.png);
	background-repeat: no-repeat;
	background-position: 99%;
}
.lstTimes .pht {
    float: left;
    width: 100px;
    line-height: 0%;
    font-size: 0%;
}
.lstTimes .txt {
    float: right;
    width: 780px;
	padding: 5px 25px;
	
}
.lstTimes .tit, .lstTimes .pre {
    display: block;
}
.tit{
	font-weight:bold;
	font-size: 110%;
	margin-bottom: 10px;
}
ul.lstTimes a{
	color: #272727;
	text-decoration: none;
}
/*02*/

article.tel{
	margin:30px auto;
	padding: 0px 15px 30px 25px;
	width: 950px;
	border-top: 4px solid #01aceb;
	background: #ffffff;
	box-sizing: border-box;
}
article.tel p{
	margin-bottom: 20px;
}

.subtitle03{
	font-size: 130%;
	font-weight: bold;
	margin: 25px 0 20px 0;
}
.subtitle04{
	font-size: 130%;
	font-weight: bold;
	padding: 10px 0 10px 5px;
}
.ul_check li{
	background: url(../03/img/check.png) no-repeat 1% 30%;
	padding: 5px 0px 5px 40px;
}
.ul_check2 li{
	background: url(../03/img/check.png) no-repeat 1% 30%;
	padding: 5px 0px 5px 40px;
}
.ul_check2{
	float: left;
	width: 50%;
	margin: 0 20px 0 5px;
}

dl.dl_box dt{
	font-size: 120%;
	margin: 20px 0 5px 0;
	font-weight: bold;
}
dl.dl_box dd{
	padding-bottom: 5px;
	font-size: 110%;
}
.tel_guide{
	color: #006990;
	font-size: 100% !important;
}
.tel_guide span{
	border-radius: 5px;
	background: #006990;
	padding: 4px;
	color: #fff;
}

.talk dd{
	padding: 30px 0 30px 70px;
    border-left: 1px dotted #01aceb;
    border-right: 1px dotted #01aceb;
	background-color: #f6f5f2;
}
.talk dd:last-child{
	border-bottom: 1px dotted #01aceb;
	
}
.talk dl{
	margin: 10px 0 20px 0;
}
.talk dl dt{
	margin-bottom: 0px;
	border-bottom: 1px dotted #01aceb;
}
dd.talk_01{
	background-image: url(../02/img/02icon_03.png);
    background-size: 6%;
    background-repeat: no-repeat;
    background-position: 1% 50%;
}
dd.talk_02{
	background-image: url(../02/img/02icon_01.png);
    background-size: 6%;
    background-repeat: no-repeat;
    background-position: 1% 50%;
}

dd.talk_03{
	background-image: url(../02/img/02icon_02.png);
    background-size: 6%;
    background-repeat: no-repeat;
    background-position: 1% 50%;
}
section.talk p{
	background-image: url(../02/img/02icon_03.png), url(../02/img/02icon_01.png), url(../02/img/02icon_02.png);
	background-repeat: no-repeat;
	background-position: 8% 50%, 17.5% 50%, 34% 50%;
	background-size: 4%;
	padding: 10px 0 !important;
}
.net dl dd p img{
	width: 45%;
	float: left;
}
.net dd{
	padding: 10px 0;
    border-left: 1px dotted #01aceb;
    border-right: 1px dotted #01aceb;
	background-color: #f6f5f2;
}
.net dd:last-child{
	border-bottom: 1px dotted #01aceb;
	
}
.net dl{
	margin: 10px 0 20px 0;
}
.net dl dt{
	margin-bottom: 0px;
	border-bottom: 1px dotted #01aceb;
}


/*03*/

article.oyakudati, article.oyakudati_tool{
	margin:30px auto;
	padding: 0px 15px 30px 15px;
	width: 950px;
	border-top: 4px solid #01aceb;
	background: #ffffff;
	box-sizing: border-box;
	
}
article.oyakudati p, article.oyakudati_tool p{
	margin-bottom: 20px;
}

h4.h4_title{
	margin-bottom: 10px;
    font-weight: bold;
    font-size: 130%;
	margin-top: 10px;
}
.tool li{
	float: left;
}
.tool li.download{
	width: 420px;
	height: 60px;
	background: #006990;
	color: #fff;
	text-align: center;
	line-height: 30px;
	background-image: url(../img/download.png);
	background-repeat: no-repeat;
	background-position: 5%;
	margin: 0 60px 0 0;
}
.tool li.download h4{
	color: #fff;
	font-size: 150%;
	font-weight: bold;
	text-align: center;
}

.tool li.bite_btn{
	width: 420px;
	height: 60px;
	background: #ee6f00;
	color: #fff;
	text-align: center;
	line-height: 60px;
	background-image: url(../img/bite_arrow.png);
	background-repeat: no-repeat;
	background-position: 99%;
}
.tool li.bite_btn h4{
	color: #fff;
	font-size: 150%;
	
	font-weight: bold;
	text-align: center;
}

article.rirekisyo{
	margin: 0px auto 30px auto;
	padding: 0px 15px 20px 25px;
	width: 950px;
	background: #ffffff;
	box-sizing: border-box;
	border-top: 4px solid #01aceb;
}
.rirekisyo dl dt{
	margin-bottom: 10px;
    font-weight: bold;
    font-size: 120%;
	background: #fff;
}
dl.omote dd{
	margin-bottom: 20px;
}
dl.ura dd{
	margin-bottom: 20px;
}
.rirekisyo p{
	margin-bottom: 20px;
}
.ng dd{
	background: url(../img/check.png) no-repeat 1%;
	padding: 10px 0 10px 40px;
    border-left: 1px dotted #01aceb;
    border-right: 1px dotted #01aceb;
}
.ng dd:last-child{
	border-bottom: 1px dotted #01aceb;
	
}
.ng dl{
	background-color: #f6f5f2;
	margin:0 0 15px 0;
	
}
.ng dl dt{
	margin-bottom: 0px;
	border-bottom: 1px dotted #01aceb;
}
.orange{
	color: #fe7e00;
}

/*アコーディオン*/
accordion {
	min-width: 300px;
	margin: 0 auto;
	padding: 10px;
}
.accordion .ac-content {
	margin: 20px 0px;
}
.accordion input {
	display: none;
}
.accordion label {
	display: block;
	background: #006990;
	cursor: pointer;
	padding: 15px 10px;
	border-bottom: 1px solid #fff;
	color: #fff;
	font-size: 140%;
	font-weight: bold;
	background-image: url(../img/arrow_03.png);
	background-position: 99%;
	background-repeat: no-repeat;
}
.accordion label:hover {
	opacity: 0.6;
}
.accordion .ac-cont {
	transition: 0.2s;
	height: 0;
	overflow: hidden;
	background: #f6f5f2;
	padding: 0 10px;
}
.accordion input:checked + .ac-cont {
	height: auto;
	padding: 15px 10px;
}
.ac-cont table th,td{
	padding: 5px 15px;
}
.ac-cont table th{
	padding: 10px 0 10px 0;
	border-bottom: 1px solid #b5b5b5;
	
}
.table_top{
	border-right: 1px solid #b5b5b5;
}
.ac-cont table{
	margin: 0 auto;
}
.white{
	background: #fff;
}
.case_box p{
	line-height: 1.5em;
	margin: 10px 0;
}
.case_gakusei{
	width: 410px;
	margin: 0 10px;
	padding-right: 25px;
	border-right: 1px solid #d4d4d4;
	float: left;
}
.case_gakusei dl{
	background-color: #eeeeee;
	margin: 20px 0px;
	width: 410px;
	border-radius: 10px;
	background-image: url(../img/icon01.png), url(../img/icon02.png);
	background-repeat: no-repeat, no-repeat;
	background-position: 1% 5%, 99% 93%;
	padding:0 0 20px 0;

}
.case_gakusei dl dt{
	font-size: 150%;
    font-weight: bold;
    width: 330px;
    margin: 0px auto;
    padding: 20px 0 20px 0px;
	text-align: center;
	line-height: 1.3em;	
}
.case_gakusei dl dd{
	line-height: 1.5em;
	width: 330px;
	margin: 0 auto;
	
}

.case_freete{
	width: 410px;
	float: left;
	padding-left: 15px;
}

.case_freete dl dt{
	font-size: 150%;
    font-weight: bold;
    margin: 0px auto;
    padding: 10px 0;
	text-align: center;
	line-height: 1.3em;	
	border-top: 1px solid #363636;
	border-bottom: 1px solid #363636;
}

.case_freete dl dd.case1, dd.case2, dd.case3, dd.case4, dd.case5, dd.point{
	font-weight: bold;
	line-height: 1.3em;	
	text-align: center;
	font-size: 110%;
	padding: 90px 0 0px 0;
	
}
.case_freete dl dd.case1{
	background: url(../img/case1.png) no-repeat 50% 30%;
}
.case_freete dl dd.case2{
	background: url(../img/case2.png) no-repeat 50% 30%;
}
.case_freete dl dd.case3{
	background: url(../img/case3.png) no-repeat 50% 30%;
}
.case_freete dl dd.case4{
	background: url(../img/case4.png) no-repeat 50% 30%;
}
.case_freete dl dd.case5{
	background: url(../img/case5.png) no-repeat 50% 30%;
}
.case_freete dl dd.point{
		background: url(../img/point.png) no-repeat 50% 35%;
}
.case_freete dl dd.text{
	padding: 15px 0;
}
.box{
	margin: 10px 0;
	background: #FFF;
}
.tit_02{
	background: #f6f5f2;
	margin: 10px 0 40px 0;
}
.tit_02 img{
	margin: 0 0 -18px -5px;
}
.box ul, .box p{
	padding:0 20px;
	box-sizing:border-box;
}
.box ul li{
	float: left;
	margin: 0 30px 25px 0 !important;
}
.box ul li:last-child{
	margin:  0 0 25px 0 !important;
}
/*▲▲▲アコーディオン▲▲▲*/

/*04*/
section.link ul, section.glaybox{
	background: #f6f5f2;
	border: 1px dotted #01aceb;	
}

section.link ul li{
	background:url(../04/img/arrow_04.png) no-repeat 1%;
	padding: 5px 30px;
}
section.link ul li a{
	text-decoration: none;
	color: #006990;
}

.guide{
	color: #006990;
	font-size: 100% !important;
	padding: 5px 0;
	font-weight: normal !important;
	margin:0 !important;
}
.guide span{
	display:inline-block;
	border-radius: 5px;
	background: #006990;
	padding: 4px;
	color: #fff;
	margin:0 5px 1px 0;
}
.li_top p{
	font-weight: normal;
	
}
.ul_box{
	background: #f6f5f2;
	border: 1px dotted #01aceb;
	margin: 30px 0;
	
}
.ul_box li{
	font-size: 110%;
	margin: 20px 0 20px 5px;
}

#link_03 dl dt{
	font-weight: bold;
	font-size: 120%;
	margin-bottom:6px;
}

#link_03 dl dd{
	margin-bottom: 25px;
}

#link_04 dl dt{
	font-size: 110%;
	width: 60px;
	height: 38px;
	background: #006990;
	border: 1px solid #006990;
	border-radius: 100px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	color: #FFF;
	padding: 30px 20px;
	display: table;
	text-align: center;
	font-weight: bold;
	line-height: 19px;
	transition: background-color 0.5s ease-in;
	-webkit-transition: background-color 0.5s ease-in;
	float: left;
	margin: 0px 20px 0 10px;
	border-bottom: 1px dotted #01aceb;
}

#link_04 dl dd{
	margin: 10px;
}
#link_04 dl{
	background-color: #f6f5f2;
	border: 1px dotted #01aceb;
	margin-top: 20px;
	padding: 25px 0;
	display: table-cell;
	vertical-align: middle;
	width: 930px;
}
.step4 dd{
	margin-top: 33px !important;
}
.step2 dd:nth-child(1){
	margin: 40px 0 10px 0 !important;
}

section.glaybox{
	padding:0 15px;
	box-sizing:border-box;
	margin:0 0 20px 0;
}
section.glaybox ul li{
	margin:0 0 10px 0;
}
.bold{
	font-weight:bold;
}
a.times_post{
	display:block;
	float:right;
	color:#fff;
	background:#006990;
	text-align:center;
	text-decoration:none;
	padding:10px 0;
	width:100%;
}
a:hover.times_post{
	display:block;
	float:right;
	color:#fff;
	background:#01abeb;
	text-align:center;
	text-decoration:none;
	padding:10px 0;
	width:100%;
}
/*05*/

article.faq{
	margin:30px auto;
	width: 950px;
	border-top: 4px solid #01aceb;
	background: #ffffff;
	box-sizing: border-box;
}
article.faq h2{
	padding: 25px 15px 25px 25px;
}
 article.faq p{
	 padding: 0px 15px 20px 25px;
}

.tab5 {
	width: 100%;/*横幅*/
	min-width: 300px;
	margin: 0 auto;
}
.tab5 .tab-content {
	margin: 0 0px;
}
.tab5 label {
	display: inline-block;
	margin: 0;
	padding: 0;
}
.tab5 label {
	display: inline-block;
	width: 190px;
	padding: 15px 10px;
	cursor: pointer;
	background: #f6f5f2;
	color: #006990;
	text-align: center;
	margin:0 10px 0 0;
	border-radius: 10px 10px 0px 0px;
}
.tab5 label:first-child{
	height:60px;
}
.tab5 label:hover {
	background: #eee;
}
.tab5 input:checked + label {
	background: #006990;
	color: white;
	padding: 15px 10px 15px 10px;
	text-align: center;
	border-radius: 10px 10px 0px 0px;
}

.tab5 input {
	display: none;
}
.tab5 #tab5-b1,
.tab5 #tab5-b2,
.tab5 #tab5-b3,
.tab5 #tab5-b4 {
	display: none;
	padding: 0px;
}
.tab5 #tab5-1:checked ~ #tab5-b1,
.tab5 #tab5-2:checked ~ #tab5-b2,
.tab5 #tab5-3:checked ~ #tab5-b3,
.tab5 #tab5-4:checked ~ #tab5-b4 {
	display: block;
	border-top: 3px solid #006990;
	padding-bottom: 5px;
}
.div_top{
	border-top: 15px solid #d4e8ef;
}
.faq dl dt{
	background-color: #006990;
    border-radius: 100%;
    display: inline-block;
    font-size: 130%;
    font-weight: bold;
    height: 25px;
    line-height: 1.62;
    padding: 7px;
    text-align: center;
    width: 25px;
	color: #fff;
	float: left;
	position: 1%;
}

.faq dl dd{
	margin: 10px 10px 10px 60px;
}
.faq dl{
	background-color: #f6f5f2;
	border: 1px dotted #01aceb;
	padding: 15px 10px;
	margin:20px 10px;
}
.faq dl dt.q{

}
.faq dl dt.a{
	background: #ee7801;
}
.faq dl dd table th, .faq dl dd table td{
	border: 1px solid #ccc;
	padding: 5px 14px;
}

/*nav*/
nav{
	margin: 10px 0 0 0;
	padding: 10px 0;
	background: #f6f5f2;
}
nav ul{
	margin:0 auto;
	width: 950px;
}
nav ul li{
    color:#006990;
    width: 157px;
	float: left;
	text-align: center;
	 border-right: 1px solid #DDD;
	 box-sizing:border-box;
	 border-top: 1px solid #DDD;
	 border-bottom: 1px solid #DDD;
}
nav ul li:first-child{
    color:#006990;
    width: 157px;
	float: left;
	text-align: center;
	 border: 1px solid #DDD;
	 box-sizing:border-box;
}

nav ul li a{
	 background: -moz-linear-gradient(top,#FFF 0%,#EEE);
    background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
	width: 157px;
	height:40px;
	text-decoration: none !important;	
	color: #006990;
	font-size: 110%;
	padding: 20px 0 20px 0 !important;
	vertical-align:middle;
	display:table-cell;
	text-align: center;
}
nav ul li:hover{
    color:#01aceb;
    width: 157px;
	width: 157px;
	float: left;
	text-align: center;

}
nav ul li a:hover{
	background: -moz-linear-gradient(top,#FFF 0%,#EEE);
    background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
	border-top: 2px solid #01aceb;
	width: 157px;
	height:40px;
	text-decoration: none !important;	
	color: #006990;
	font-size: 110%;
	padding: 19px 0 20px 0 !important;
	vertical-align:middle;
	display:table-cell;
	text-align: center;
}