@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/*********************************************************************
width : 960px

*********************************************************************/



/* -----------------------------------------------------------
	よくある間違い setting
----------------------------------------------------------- */

.count{

}

.count li{
	margin-bottom : 30px;
	text-indent: -1.5em;

}


/* -----------------------------------------------------------
	事業者名変更の流れ e2f0d9
----------------------------------------------------------- */

.fsz{
	font-size : 13px;
}

.fsz1{
	font-size : 15px;
}

.fsz2{
	font-size : 16px;
}

.name_change_title{
	background : #1f4e79;
	font-weight : bold;
	font-size : 26px;
	color : #fff;
	padding : 4px;
	text-align : center;
letter-spacing : 5px;
	margin-bottom : 20px;
}

.sub_title{
	background : #1f4e79;
	font-weight : bold;
	color : #fff;
	padding : 14px;
	font-size : 22px;
	color : #fff;
	text-align : center;
letter-spacing : 2px;
}

.base_container{
/*	border : 1px dashed #eee; */
/*	padding : 10px; */
}


.case{
	border : 1px solid #000;
	padding : 10px;
}

.double{
	border: double 5px #555;
}

.kadomaru{
	border-radius : 10px;
}

.f_block{
/*	border : 1px solid #ffe4e1;	*/

}

.f_middle{
  justify-content: center;
  align-items: center;
}

.flex{
	display: flex;
}

.red{
	color: #ff0000;
}

.sky{
	color: #6495ed;
}
.dark{
	background : #1f4e79;
	color : #fff;
	font-weight : bold;
	text-align : center;
}
.bgfff{
	background: #fff
}
.bold{
	font-weight : bold;
}

.table-cell {
 display: table-cell; /* IE8から使用可能 */
 vertical-align: middle;
}

/* 1 */

.f1_1{

}

.step_bg{
background: #fff url("../images/name_change/step_bg.png") no-repeat top left;
padding : 0;

}

.f1_2{
	background: #fff;
}

.f1_2_2{
	width : 80px;
	text-align : center;
	margin : 10px auto;
}

.f1_2_wrap{
	background: #fff url("../images/name_change/tate_kuro.png") repeat-y  center center;
margin-bottom :0;
}

.f1_3{
	width : 80px;
	text-align : center;
background: #fff;
	margin : 15px 20px;

}
.f1_3_wrap{
	background: #fff url("../images/name_change/line2.png") repeat-x  left 38px;
}

.f1_4{
	width : 302px;
}

.area1{
	height : 60px;
	width : 300px;
	background : #ff0000 !important;
	margin-left : 120px !important;
}

.area2{
	height : 80px;
	width : 222px;
	padding-left : 20px;
}

.dm{
	display: inline-block; /* インライン要素にすることで横に回り込む */
	vertical-align: middle; /* 上下中央に寄せる */ 
}

.pdi20{
	padding-top : 20px;
}

/* 2 */


/* 3 */


.f3_1{
	width : 350px;
}

.f3_1_wrap{
	background: #fff url("../images/name_change/tate2.png") repeat-y  center center;
	margin-bottom : 40px;
}

.f3_1_1{
	width : 180px;
background: #fff;
	text-align : center;
	margin : 20px auto;
	font-size : 15px;
}

.f3_1_3{
	width : 200px;
	text-align : center;
	margin : 0 auto;
	font-size : 15px;
}

.f3_2{
	width : 210px;
}

.f3_2_1{
	width : 140px;
	margin : 0 auto;
	font-size : 16px;
}
.f3_2_1_wrap{
	margin-top : 130px;
	background: #fff url("../images/name_change/arrow_yoko.png") no-repeat top 17px right;
}

.f3_2_2{
	margin-top : 80px;
	text-align : center;
}

.f3_3{
	width : 400px;
	background: #fff url("../images/name_change/tate_kuro.png") repeat-y  center center;
	margin-top : 20px;
}

.f3_3_2{
	margin-top : 20px;
}

.f4_1_1_wrap{
	background:url("../images/name_change/arrow_tate.png") repeat-y bottom center;
}

.f4_1_1{
	margin-bottom : 10px;
}

.f4_1_2_wrap{
	background: #fff url("../images/name_change/tate_kuro.png") repeat-y  center center;
}
.f4_1_2{
	margin-bottom : 1px;
}

.f5_1{
	width : 500px;
	margin-right : 30px;
	background: #fff url("../images/name_change/tate_kuro.png") repeat-y  center center;
}

.f5_1_1{
	margin : 0 auto;
	margin-top : 20px;
	margin-bottom : 20px;
	text-align : center;
width : 400px;

}

.f5_1_2{
	margin-bottom : 20px;
}

.f5_2{
	width : 430px;
	background: #fff url("../images/name_change/tate_kuro.png") repeat-y  center center;
}

.f5_2_1{
	margin : 0 auto;
	margin-top : 24px;
	margin-bottom : 24px;

width : 300px;

}

.f5_2_2{
	margin-bottom : 20px;


}

.f6_1_wrap{
	background: #fff url("../images/name_change/arrow_tate.png") no-repeat bottom center;
}
.f6_1{
	margin-bottom : 10px;
}

.f6_2_wrap{
	background: #fff url("../images/name_change/tate_kuro.png") repeat-y center center;
}
.f6_2{
	margin-bottom : 10px;
}

.rakuda{
/*	background: url("../images/name_change/rakuda.png") no-repeat bottom right !important; */

position: absolute;
right: 0;
bottom: 0px;

}

/* kadooch */

.frame_oct {
    background:linear-gradient(225deg, transparent 14px, #444 15px, #fff 16px);
    background-position: top right;
    background-size: 100% 100%; /* 隙間ができる場合は51% 51%にする */
    background-repeat: no-repeat;

border-left: solid 1px #000;
border-bottom: solid 1px #000;
border-top: solid 1px #000;
border-right: solid 1px #000;

position: relative;
padding : 10px;

}

.frame_oct::before{
    display: block;
    content: "";
  line-height: 0;
  overflow: hidden;
  position: absolute;

width: 21px;
right: 0;
top: -1px;
}

.frame_oct::after{
    display: block;
    content: "";
  line-height: 0;
  overflow: hidden;
  position: absolute;
width: 21px;
right: -21px;
top:0;

}

.frame_oct::before {border-top: solid 1px #fff;}
.frame_oct::after {border-top: solid 21px #fff;}