@charset "utf-8";

body{
	width:100%;
	margin:0 auto;
	padding:0;
}

#main-container {
	width:100%;
	margin: 0 auto;
	padding:0;
	text-align: center;
	background-repeat:repeat;
}


/*==================================================

  メインヴィジュアル

==================================================*/

#main-container .main_v_box {
	width:1000px;
	margin:0 auto 50px;
	padding:0;
}

#main-container .main_v_box h1 {
	width:100%;
	margin:0 auto 30px;
	padding:0;
	text-align: center;
}

#main-container .main_v_box h1 img {
	display:block;
	width:100%;
}


#main-container .main_v_box h2 {
	width:880px;
	margin: -54px auto 0;
	text-align:center;
	padding: 0 0 20px 0;
	
}

#main-container .main_v_box h2 img {
	width:100%;
}

#main-container .main_v_box .btn_shoplist {
    width:540px;
	background-color: #ffa03a;
	color: #fff;
	border: none;
	border-radius:30px;
	cursor: pointer;
	outline: none;
	padding: 10px 0;
	appearance: none;
	font-size:18px;
}



/*==================================================

    お悩み

==================================================*/

h3.ttl_bar {
	font-size: 22px;
	font-weight:bold;
	width: 800px;
	border-radius: 20px;
	background-color: #fff;
	margin: 0 auto;
	padding: 5px 0;
}

.onayami {
	margin : 0 auto;
	background-color: #dcfae5;
	width:1000px;
	padding:3%;
	border-radius:20px;
}

.onayami_list {
	display:flex;
	justify-content: space-evenly;
	border-radius:20px;
	margin: 50px auto 0;
}

/*==================================================

    シューフィッターとは

==================================================*/

h4.title_bar_sf {
	font-size:34px;
	font-weight:bold;
	margin: 60px auto;
}

.about_shoe_fitter {
	width:1000px;
	display:flex;
	margin: 20px auto 40px;
}

.about_shoe_fitter .about_shoe_fitter_img {
	margin-right: 50px;
}

.about_shoe_fitter .about_shoe_fitter_text {
	width:500px;
	text-align: left;
}

.about_shoe_fitter .about_shoe_fitter_text h5 {
	margin-bottom: 30px;
}

.about_shoe_fitter .about_shoe_fitter_text p {
	margin: 0 20px;
	font-size: 15px;
}

.about_shoe_fitter .about_shoe_fitter_text .emphasis {
	font-size: 17px;
	padding: 20px 0;
}

.about_shoe_fitter .about_shoe_fitter_text ul {
	margin: 0 20px;
}

.about_shoe_fitter .about_shoe_fitter_text li {
	text-indent: -0.7em;
	padding-left: 0.7em;
}

/*==================================================

    申し込み手順

==================================================*/

.conference_info {
	width:100%;
	background-color: #dcfae5;
	margin:0 auto;
	padding:50px 0 0 0;
}

.conference_info .info_container {
	width:1000px;
	display:flex;
	justify-content: center;
	margin : 40px auto 0;
	/*padding-bottom: 100px;*/
}


.conference_info .info_container .steps {
	/*height:360px;*/
}

.conference_info .info_container .steps dt {
	/*height:360px;*/
}

.conference_info .info_container .steps dd {
	text-align: center;
	margin: -130px auto 90px;
    padding: 0px 35px 0 5px;
	font-size: 16px;
}

.conference_info .info_container #step01 dd {
	margin-top: -150px;
}

.conference_info .info_container .steps dd a {
	color: #ffa03a;
	text-decoration: underline;
}

.conference_info .info_container .steps dd a:hover {
	text-decoration: none;
}


/*==================================================

    お客様の声

==================================================*/

.conference_info .info_container .dl_voice {
	width:320px;
	margin-bottom: 10px;
}

.conference_info .info_container .dl_voice dt {
	width:102%;
}

.conference_info .info_container .dl_voice dt img {
	width:100%;
}


.conference_info .info_container .dl_voice dd {
	width:60%;
	margin:20px auto;
}

.conference_info .info_container .dl_voice dd img {
	width:100%;
}

.conference_info ul {
	padding-bottom: 30px;
}


/*==================================================

    注意事項

==================================================*/


/*==================================================

   　リンクボタン類

==================================================*/

.link_list {
	margin-top: 60px;
	margin-bottom: 100px;
}

.link_list dl {
	margin-bottom: 80px;	
}

.link_list dt {
	margin-bottom: 30px;
	font-weight: bold;
}

.link_list ul li {
	margin-bottom: 30px;	
}

.link_list a:hover {
	text-decoration: none;
}

.link_list .btn {
	width:540px;
	height: 66px;
	display: inline-table;
	color: #fff;
    border: none;
	border-radius: 40px; 
    cursor: pointer;
    outline: none;
    appearance: none;
	font-size:18px;
	margin: 0 auto;	
	line-height: 1.2;
}

.link_list .btn p {
	display: table-cell;
	vertical-align: middle;
}

.link_list .shoplist {
    background-color: #ffa03a;
}

.link_list .shoefitter {
    background-color: #5e4b41;
}

/*==================================================

    ふわっとフェードイン

==================================================*/

.fadein {
	opacity: 0;
	transform: translate(0, 50px);
	transition: all 800ms;
}

.yoko {
	transform: translate(-50px, 0);
}

.yoko_second {
	transform: translate(-100px, 0);
}

.yoko_third {
	transform: translate(-150px, 0);
}


.second {
	transition: all 2400ms;
}

.third {
	transition: all 4800ms;
}

.fadein.scrollin {
	opacity: 1;
	transform: translate(0, 0);
}



/*==================================================

    snsボタン

==================================================*/



.fb_btn img {
	position:relative;
}

.tw_btn img {
	position:relative;
}


/*==================================================

    微調整

==================================================*/

@media screen and ( max-width:320px ){

	


}