@charset "UTF-8";
/*20200806追加DXR移行関連*/
.ikou{
	display: inline-flex;
	width: 800px;
	height: auto;
	margin: 0 auto;
	justify-content: space-around;
	flex-wrap: wrap;
	align-items: stretch;
	align-content: space-around;
}
.ikou a{
	display: inline-block;
	width: 28%;
	border-radius: 25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	margin-bottom: 20px;
	padding: 80px 14px;
	background: #ffffff;
	color: #4C4C4C;
	line-height: 1em;
	transition: .3s;
	border: 3px solid #4C4C4C;
}
.ikou a:hover{
	color: #FFFFFF;
	background-color: #35aba6;
	border: 3px solid #0D6763;
}
.ikou .a_none{
	display: inline-block;
	width: 28%;
	border-radius: 25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	margin-bottom: 20px;
	padding: 80px 14px;
	background: #ffffff;
	color: #ADADAD;
	line-height: 1em;
	transition: .3s;
	border: 3px solid #D9D9D9;
}
.entry a{
	display: block;
	width: 790px;
	padding: 2em 0 0 0;
	margin:0 auto 2em auto;
	background-color: #d9e69b;
	transition: .3s;
	border-radius: 25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
}
.entry a:hover{
	background-color: #bad441;
}
.entry img{
	width: 50%;
	height: auto;
}
.entry2{
	display: block;
	padding: 0.8em 0;
	color: #FFFFFF;
	font-size: 1.5em;
	background-color: #9db12d;
	transition: .3s;
	border-radius: 0 0 25px 25px;
	-moz-border-radius: 0 0 25px 25px;
	-webkit-border-radius: 0 0 25px 25px;
}
.entry a:hover .entry2{
	background-color: #75a42d;
}
.prog a{
	display: block;
	width: 790px;
	padding: 2em 0 0 0;
	margin:0 auto 2em auto;
	background-color: #fad8d8;
	transition: .3s;
	border-radius: 25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
}
.prog a:hover{
	background-color: #E6ABAB;
}
.prog img{
	width: 50%;
	height: auto;
}
.prog2{
	display: block;
	padding: 0.8em 0;
	color: #FFFFFF;
	font-size: 1.5em;
	background-color: #e77184;
	transition: .3s;
	border-radius: 0 0 25px 25px;
	-moz-border-radius: 0 0 25px 25px;
	-webkit-border-radius: 0 0 25px 25px;
}
.prog a:hover .prog2{
	background-color: #D34E64;
}
.btom a{
	display: block;
	width: 300px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #0D6763;
	font-size: 1.2em;
	background-image: url("../image/bace/stripe5.png");
	padding: 1em;
	margin: 1em auto 2em auto;
	transition: .3s;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
}
.btom a:hover{
	opacity: 0.6;
}
.btom2 a{
	display: block;
	background-image: url("../dxr/image/yajirushi.png");
	background-repeat: no-repeat;
	background-size: 25px 25px;
	background-position: left center;
	padding-left: 30px;
}
/*見える化追加分*/
.iinname{
	display: block;
	text-align: center;
	margin: 1.5em auto;
	font-size: 1.2em;
	font-weight: bold;
}
.see .dxrbox1{
     margin: 0 auto 1em auto; 
     width: 650px;
     box-shadow: 0 2px 1px rgba(0, 0, 0, 0);
}
.see .dxrbox1 .box-title {
    font-size: 1.1em;
    background: #CCD9EF;
    padding: 1em;
    text-align: left;
    color: #FFFFFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.see .dxrbox1 .box-title7 {
    font-size: 1.1em;
    background: #5FB630;
    padding: 1em;
    text-align: left;
    color: #FFFFFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.see .triangle{
  border-top: 30px solid #CCD9EF;
  border-right: 30px solid transparent;
  border-bottom: 30px solid transparent;
  border-left: 30px solid transparent;
}
.see .dxrbox1off{
     margin: 0 auto 1em auto; 
     width: 650px;
     box-shadow: 0 2px 1px rgba(0, 0, 0, 0);
}
.see .dxrbox1off .box-title {
    font-size: 1em;
    background: #807F80;
    padding: 0.8em;
    text-align: left;
    color: #000000;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.see .dxrbox1off .box-title a{
	display: inline-block;
	color: #0175FA;
	margin-left: 1em;
	background-color: #FFFFFF;
	padding: 0.3em 1em 0.2em 1em;
	border-radius: 16px;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
}
.see .dxrbox1on{
     margin: 0 auto 1em auto;
	border: 4px solid #ED722B;
	padding-bottom: 0.5em;
	text-align: center;
     width: 642px;
     box-shadow: 0 2px 1px rgba(0, 0, 0, 0);
}
.see .dxrbox1on .box-title {
    font-size: 1.1em;
    background: #ED722B;
    padding: 1em;
    text-align: left;
    color: #FFFFFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.koko{
	display: inline-block;
	background-color: #E63D10;
	color: #FFFFFF;
	font-size: 1em;
	margin: 0.5em auto;
	padding: 0.5em;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.see .dxrbox1on p{
	text-align: center;
	color: #5E5D5C;
	line-height: 3em;
}
.see .dxrbox1on a{
	display: inline-block;
	background-color: #009AE1;
	padding: 0.8em 1em 0.7em 1em;
	color: #FFFFFF;
	font-weight: bold;
	margin-bottom: 1.5em;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
.see .dxrbox1on a:hover{
	display: inline-block;
	background-color: #0076AD;
	padding: 0.8em 1em 0.7em 1em;
	color: #FFFFFF;
	font-weight: bold;
	margin-bottom: 1.5em;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
}
.box-title .day{
	font-size: 0.8em;
	color: #FFFFFF;
	float: right;
	font-weight: normal;
}
.dxrdate{
	font-size: 2em;
	color: #2D2D2D;
}
.see .triangle_on{
  border-top: 30px solid #ED722B;
  border-right: 30px solid transparent;
  border-bottom: 30px solid transparent;
  border-left: 30px solid transparent;
}
.group{
	display: block;
	margin: 0 0 1em 0;
}
.group_a,.group_b,.group_c{
	display: block;
	width: 55%;
	text-align: center;
	padding: 1em;
	margin: 1em auto 2em auto;
	color: #FFFFFF;
	font-size: 0.9em;
	font-weight: bold;
	background-image: url("../dxr_entry/img/season_bg.png");
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
.group_a{
	background-color: #f9b524;
}
.group_b{
	background-color: #9fca27;
}
.group_c{
	background-color: #8fd7f6;
}
.t_gr{
	display: inline-block;
	background-color: #FFFFFF;
	color: #444444;
	padding: 0.2em 1em;
	margin-bottom: 0.5em;
	border-radius: 16px;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
}
/*見積・支払いページ*/
.see .dxrbox1_mi{
     margin: 0 auto 1em auto;
	border: 4px solid #ED722B;
	text-align: center;
     width: 642px;
     box-shadow: 0 2px 1px rgba(0, 0, 0, 0);
}
.see .dxrbox1_si{
	display: block;
     margin: 0 auto 1em auto;
	padding-bottom: 0.8em;
	border: 2px solid #C8C8C8;
	text-align: center;
     width: 642px;
     box-shadow: 0 2px 1px rgba(0, 0, 0, 0);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.see .dxrbox1_si2{
	display: block;
     margin: 0 auto 1em 0;
	float: left;
	padding-bottom: 0.8em;
	border: 2px solid #C8C8C8;
	text-align: center;
     width: 310px;
     box-shadow: 0 2px 1px rgba(0, 0, 0, 0);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.see .dxrbox1_si3{
	display: block;
     margin: 0 0 1em auto;
	float: right;
	padding-bottom: 0.8em;
	border: 2px solid #C8C8C8;
	text-align: center;
     width: 310px;
     box-shadow: 0 2px 1px rgba(0, 0, 0, 0);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.si_title{
	display: inline-block;
	color: #FFFFFF;
	font-weight: bold;
	padding: 0.3em 1em 0.2em 1em;
	margin-bottom: 1em;
	background-color: #424242;
	border-radius: 16px;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
}
.see .dxrbox1_mi .box-title {
    font-size: 1.1em;
    background: #ED722B;
    padding: 1em;
    text-align: left;
    color: #FFFFFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.see .dxrbox1_mi .step{
	display: block;
	margin: 16px 10px 0px 10px;
}
.see .dxrbox1_mi a{
	display: inline-block;
	background-color: #009AE1;
	padding: 0.8em 1em 0.7em 1em;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0 1.5em 1.5em 0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
.see .dxrbox1_mi a:hover{
	background-color: #0076AD;
	box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
}
.see .dxrbox1_si .step,.dxrbox1_si2 .step,.dxrbox1_si3 .step{
	display: block;
	margin: 16px 1em 0px 1em;
}
.see .dxrbox1_si .step p{
	display: block;
	text-align: center;
	margin-bottom: 1em;
}
.see .dxrbox1_si2 .step p,.see .dxrbox1_si3 .step p{
	display: block;
	margin-bottom: 1em;
}
.see .dxrbox1_si button,.see .dxrbox1_si2 button,.see .dxrbox1_si3 button{
	-webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  border-radius: 0;
  background: #ccc;
	display: inline-block;
	width: 220px;
	background-color: #009AE1;
	padding: 0.8em 1em 0.7em 1em;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 1em 0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
.see .dxrbox1_si button:hover,.see .dxrbox1_si2 button:hover,.see .dxrbox1_si3 button:hover{
	background-color: #0076AD;
	box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
}
.si_chu{
	font-size: 0.9em;
	color: #CF484A;
	line-height: 1.2em !important;
}
.progress{
	display: block;
	width: 600px;
	margin: 50px auto;
}
.progress img{
	width: 100%;
	height: auto;
}
/*Sill-Ha*/
.sill-ha{
	display: block;
	margin: 30px auto;
	width: 400px;
	height: auto;
}
.sill-ha img{
	width: 100%;
	height: auto;
}
.t-500{
	display: inline-block;
	font-size: 1.2em;
	font-weight: bold;
	color: #FFFFFF;
	padding: 0.2em 1.2em 0.1em 1.2em;
	margin-bottom: 1em;
	background-color: #FF0004;
	border-radius: 16px;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
}
.sill-ha_title{
	font-size: 1.8em;
}
.sill{
	display: block;
	width: 80%;
	text-align: left;
	margin: 0 auto;
}
.sill-a{
	display: inline-block;
	font-size: 1.2em;
		font-weight: bold;
	margin-bottom: 0.5em;
}
.sill-b{
	display: block;
	width: 600px;
	text-align: left;
	margin: 0 auto;
}
@media only screen and (min-width:640px) and (max-width:1023px) {
.ikou{
	width: 600px;
	height: auto;
}
.ikou a{
	width: 25%;
	font-size: 1.1em;
	padding: 60px 14px;
}
.entry a{
	width: 600px;
}
.prog a{
	width: 600px;
}
.ikou .a_none{
	width: 25%;
	font-size: 1.1em;
	padding: 60px 14px;
}
.box_contents{
    display: block;
    margin: 0 auto;
    padding: 0px;
    height: auto;
    width: 640px;
}
	.box_contents_b{
    display: block;
    margin: 0 auto;
    padding: 30px 0px 0px 0px;
    height: auto;
    width: 700px;/*読み物ページ画面幅サイズ*/
    background-color: #FFFFFF;
}
	.box_contents_c{
    display: block;
    margin: 0 auto;
    height: auto;
    width: 700px;/*dxrfaqページ画面幅サイズ*/
    background-color: #FFFFFF;
}
	.box_contents_d{
    display: block;
    margin: 0 auto;
	height: auto;
    width: 700px;/*dxrfaqページ画面幅サイズ*/
    font-weight: bold;
    font-size: 23px;
    text-align: left;
    color: #504946;
}
	.dxrbox1 {
     margin: 10px auto; 
     width: 100%;
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
}
@media (max-width: 414px) {
header .box_contents img{
    margin-top: 20px;
	width: 200px;
	height: auto;
    float: none;
}
header .menu {
    display: block;
    float: right;
    width: 98%;
    text-align: center;
    padding: 12px 10px 0px 0px;
}
header .menu ul{
    display: block;
}
header .menu ul li br{
		display: none;
}
footer{
	font-size: 12px;
	height: 160px;
	padding-top: 20px;
	}
footer .f_navi{
       display: flex;
       margin: 0 auto;
       height: auto;
       width: 98%;
       text-align: center;
	flex-wrap: wrap;
	justify-content: center;
	align-content: space-between;
   }
.bot1{
    background-color: #c0d856;
	font-weight: bold;
	display: block;
    list-style: none;
    float: right;
    font-size: 12px;
    text-align: center;
    width: 90px;
    height: 25px;
    margin-left: 10px;
    padding: 8px 8px 2px 8px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	box-shadow:0px 0px 10px -2px #9a9a9a;
}
.bot2{
    background-color: #c0d856;
	font-weight: bold;
	display: block;
    list-style: none;
    float: right;
    font-size: 12px;
    text-align: center;
    width: 90px;
    height: 25px;
    margin-left: 10px;
    padding: 8px 8px 2px 8px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	box-shadow:0px 0px 10px -2px #9a9a9a;
}
.bot3{
    background-color: #3C52A2;
	color: #FFFFFF;
	font-weight: bold;
	display: block;
    list-style: none;
    float: right;
    font-size: 12px;
    text-align: center;
    width: 90px;
    height: 25px;
    margin-left: 10px;
    padding: 8px 8px 2px 8px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	box-shadow:0px 0px 10px -2px #9a9a9a;
}
.bot4{
    background-color: #19908B;
	color: #FFFFFF;
	font-weight: bold;
	display: block;
    list-style: none;
    float: right;
    font-size: 12px;
    text-align: center;
    width: 90px;
    height: 25px;
    margin-left: 10px;
    padding: 8px 8px 2px 8px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	box-shadow:0px 0px 10px -2px #9a9a9a;
}
.bot1 a,.bot2 a{
	color: #333333;
}
.bot3 a,.bot4 a{
	color: #FFFFFF;
}
.ikou{
	width: 90%;
	height: auto;
}
.ikou a{
	width: 100%;
	font-size: 1.1em;
	padding: 24px 14px;
	margin-bottom: 1em;
}
.ikou .a_none{
	width: 100%;
	font-size: 1.1em;
	padding: 24px 14px;
	margin-bottom: 1em;
}
.entry a{
	width: 90%;
	font-size: 0.9em;
}
.prog a{
	width: 90%;
	font-size: 0.9em;
}
.box_contents{
    display: block;
    margin: 0 auto;
    padding: 0px;
    height: auto;
    width: 360px;
}
.btom a{
	width: 86%;
	font-size: 1em;
}
	/*about,faq対応*/
	.box_read{
    display: block;
    margin: 0px auto;
    width: 90%;
}
	.box_read p{
    font-size: 14px;
    line-height: 1.8em;
    text-align: justify;
    margin-bottom: 0px;
}
	.m_d_txt{
    font-size: 22px;
    font-weight: bold;
}
	.dxr_d2_txt{
    font-size: 16px;
    font-weight: bold;
}
	.box_dxr1 {
　　width: 80%;
    padding: 0.5em 0.5em;
    margin: 2em auto;
    text-align: center;
    font-weight: bold;
    color:  #000000;/*文字色*/
    background: #FFF;
    border: solid 3px #19908B;/*線*/
    border-radius: 10px;/*角の丸み*/
}
.menu_muramatsu{
    display: block;
    width: 98%;
    margin: 0 auto;
    padding: 60px 0px;
}
.dxr_midashi{
    background-color: #39AEA3;
    width: auto;
    margin: 0;
    padding: 10px;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 18px;
}
.menu_muramatsu .bt_a a{
    color: #FFFFFF;
    background-color: #39aea3;
    padding: 12px 6px 12px 16px;
	font-size: 0.8em;
    font-weight: bold;
    text-align: center;
    border-radius: 30px 0px 0px 30px;
    -moz-border-radius: 30px 0px 0px 30px;
    -webkit-border-radius: 30px 0px 0px 30px;
}
.menu_muramatsu .bt_a a:hover{
    background-color: #089487;
    padding: 12px 6px 12px 16px;
	font-size: 0.8em;
}
.menu_muramatsu .bt_b a{
    color: #FFFFFF;
    background-color: #39aea3;
    padding: 12px 6px 12px 6px;
	font-size: 0.8em;
    font-weight: bold;
    text-align: center;
}
.menu_muramatsu .bt_b a:hover{
    background-color: #089487;
    padding: 12px 6px 12px 6px;
	font-size: 0.8em;
}
.menu_muramatsu .bt_c a{
    color: #FFFFFF;
    background-color: #39aea3;
    padding: 12px 16px 12px 6px;
	font-size: 0.8em;
    font-weight: bold;
    text-align: center;
    border-radius: 0px 30px 30px 0px;
    -moz-border-radius: 0px 30px 30px 0px;
    -webkit-border-radius: 0px 30px 30px 0px;
}
.menu_muramatsu .bt_c a:hover{
    background-color: #089487;
    padding: 12px 16px 12px 6px;
	font-size: 0.8em;
}
	.box_contents_b{
    display: block;
    margin: 0 auto;
    padding: 30px 0px 0px 0px;
    height: auto;
    width: 100%;/*読み物ページ画面幅サイズ*/
    background-color: #FFFFFF;
}
	.box_contents_c{
    display: block;
    margin: 0 auto;
    height: auto;
    width: 100%;/*dxrfaqページ画面幅サイズ*/
    background-color: #FFFFFF;
}
	.box_contents_d{
    display: block;
    margin: 0 auto;
	height: auto;
    width: 100%;/*dxrfaqページ画面幅サイズ*/
    font-weight: bold;
    font-size: 23px;
    text-align: left;
    color: #504946;
 
}
	.dxr_abox1 {
     margin: 10px auto; 
     width: 96%;
     border: solid 1px #332f26;/*線*/
}
	.dxr_abox1 .box-title {
    font-size: 1em;
    background: #dbebc4;
    padding: 15px 15px 15px 20px;
    text-align: left;
    color: black;
    font-weight: bold;
    letter-spacing: 0.05em;
	}
	




.k_pattern {
    display: block;
    width: 90%;
    color: #444444;
    background-color: #FFFFFF;
    font-weight: bold;
    margin: 1em auto;
    padding: 2em 1em;
    border: solid 1px #332f26;/*線*/
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}
	.title {
    display: block;
    height: 2em;
    font-size: 1.2em;
    font-weight: normal;
    color: #444444;
    margin: 0 0 0.2em 0;
}
	.dxrbox1 {
     margin: 10px auto; 
     width: 100%;
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}

.dxrbox1 .box-title {
    font-size: 1em;
    background: #bcddff;
    padding: 15px 15px 15px 20px;
    text-align: left;
    color: black;
    font-weight: bold;
    letter-spacing: 0.05em;

}
	.balloon2 {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 20px 20px;
  min-width: 300px;
  max-width: 320px;
  color: #555;
  font-size: 17px;
  font-weight: bold;
  text-align: center;
  background: #FFF;
  border: solid 3px #e95464;
  box-sizing: border-box;
  border-radius: 10px;
}

.balloon2:before {
  content: "";
  position: absolute;
  bottom: -24px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-top: 12px solid #e95464;
  z-index: 2;
}

.balloon2:after {
  content: "";
  position: absolute;
  bottom: -30px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-top: 14px solid #e95464;
  z-index: 1;
}
	
	/*フォーム*/
	.order .im_box{
	width: 300px;
	height: 36px;
	font-size: 16px;
	color: #333333;
	padding: 3px 10px;
	margin: 3px 0px 12px 0px;
	border:1px solid #595757;
}
.order .im_box2{
	width: 120px;
	height: 30px;
	font-size: 16px;
	color: #333333;
	padding: 3px 10px;
	margin: 3px 0px 12px 0px;
	border:1px solid #595757;
}
.order .im_box3{
	width: 60px;
	height: 30px;
	font-size: 16px;
	color: #333333;
	padding: 3px 10px;
	margin: 3px 0px 12px 0px;
	border:1px solid #595757;
}
.order .im_box4{
	width: 300px;
	height: 30px;
	font-size: 16px;
	color: #333333;
	padding: 3px 10px;
	margin: 3px 0px 12px 0px;
	border:1px solid #595757;
}
.order textarea{
	width: 300px;
	height: 160px;
	font-size: 16px;
	color: #333333;
	padding: 3px 10px;
	margin: 3px 0px 12px 0px;
	border:1px solid #595757;
}
	.c_title{
		width: 300px;
		height: auto;
	}
	.kakunin a{
	display: block;
	color: #333333;
	font-size: 16px;
	font-weight: bold;
	border: 4px solid #d65778;
	padding: 14px 20px 10px 20px;
	width: 260px;
	margin: 0 auto;
	text-align: center;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
.kakunin a:hover{
	display: block;
	background-color: #d65778;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	border: 4px solid #d65778;
	padding: 14px 20px 10px 20px;
	width: 260px;
	margin: 0 auto;
	text-align: center;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
/*見える化追加分*/
.iinname{
	display: block;
	text-align: center;
	margin: 1.2em auto;
	font-size: 1em;
	font-weight: bold;
}
.see .dxrbox1{
     margin: 0 auto 1em auto; 
     width: 100%;
     box-shadow: 0 2px 1px rgba(0, 0, 0, 0);
}
.see .dxrbox1 .box-title {
    font-size: 1em;
    background: #CCD9EF;
    padding: 1em 1em 1em 2.5em;
    text-align: left;
    color: #FFFFFF;
    font-weight: bold;
    letter-spacing: 0.05em;
	text-indent:-1.5em;
}
.see .dxrbox1 .box-title7 {
    font-size: 1em;
    background: #5FB630;
    padding: 1em;
    text-align: left;
    color: #FFFFFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.see .triangle{
  border-top: 30px solid #CCD9EF;
  border-right: 30px solid transparent;
  border-bottom: 30px solid transparent;
  border-left: 30px solid transparent;
}
.see .dxrbox1off{
     margin: 0 auto 1em auto; 
     width: 100%;
     box-shadow: 0 2px 1px rgba(0, 0, 0, 0);
}
.see .dxrbox1off .box-title {
    font-size: 0.8em;
    background: #807F80;
    padding: 0.8em;
    text-align: left;
    color: #000000;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.see .dxrbox1off .box-title a{
	display: inline-block;
	color: #0175FA;
	margin-left: 0;
	background-color: #FFFFFF;
	padding: 0.3em 1em 0.2em 1em;
	border-radius: 16px;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
}
.see .dxrbox1on{
     margin: 0 auto 1em auto;
	border: 4px solid #ED722B;
	padding-bottom: 0.5em;
	text-align: center;
     width: 98%;
     box-shadow: 0 2px 1px rgba(0, 0, 0, 0);
}
.see .dxrbox1on .box-title {
    font-size: 1.1em;
    background: #ED722B;
    padding: 1em 0.6em 1em 2.1em;
    text-align: left;
    color: #FFFFFF;
    font-weight: bold;
    letter-spacing: 0.05em;
	text-indent:-1.5em;
}
.koko{
	display: inline-block;
	background-color: #E63D10;
	color: #FFFFFF;
	font-size: 0.8em;
	margin: 0.5em auto;
	padding: 0.5em;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.see .dxrbox1on p{
	text-align: center;
	color: #5E5D5C;
	line-height: 3em;
}
.see .dxrbox1on .step p{
	display: block;
	margin: 0 auto;
	width: 240px;
	text-align: justify;
	color: #5E5D5C;
	line-height: 1.8em;
}
.ti_1{
	padding-left:1em;
	text-indent:-1em;
	}

.see .dxrbox1on a{
	display: inline-block;
	background-color: #009AE1;
	padding: 0.8em 1em 0.7em 1em;
	color: #FFFFFF;
	font-weight: bold;
	margin-bottom: 1.5em;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
.see .dxrbox1on a:hover{
	display: inline-block;
	background-color: #0076AD;
	padding: 0.8em 1em 0.7em 1em;
	color: #FFFFFF;
	font-weight: bold;
	margin-bottom: 1.5em;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
}
.box-title .day{
	font-size: 0.8em;
	color: #FFFFFF;
	float: right;
	font-weight: normal;
}
.dxrdate{
	font-size: 1.8em;
	color: #2D2D2D;
}
.see .triangle_on{
  border-top: 30px solid #ED722B;
  border-right: 30px solid transparent;
  border-bottom: 30px solid transparent;
  border-left: 30px solid transparent;
}
.group .bold,.group .dxr_n_txt2{
	font-size: 0.8em;
	}
/*見積・支払いページ*/
.see .dxrbox1_mi{
     margin: 0 auto 1em auto;
	border: 4px solid #ED722B;
	text-align: center;
     width: 98%;
     box-shadow: 0 2px 1px rgba(0, 0, 0, 0);
}
.see .dxrbox1_mi .box-title {
    font-size: 0.9em;
    background: #ED722B;
    padding: 1em;
    text-align: left;
    color: #FFFFFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.see .dxrbox1_mi .step{
	display: block;
	font-size: 0.8em;
	margin: 16px 10px 0px 10px;
}
.see .dxrbox1_mi a{
	display: inline-block;
	background-color: #009AE1;
	padding: 0.8em 1em 0.7em 1em;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0 0.6em 1.5em 0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
	.see .dxrbox1_si{
	display: block;
    font-size: 0.8em;
     margin: 0 auto 1em auto;
	padding-bottom: 0.8em;
	border: 2px solid #C8C8C8;
	text-align: center;
     width: 98%;
     box-shadow: 0 2px 1px rgba(0, 0, 0, 0);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.see .dxrbox1_si2{
	display: block;
    font-size: 0.8em;
     margin: 0 auto 1em auto;
	float: none;
	padding-bottom: 0.8em;
	border: 2px solid #C8C8C8;
	text-align: center;
     width: 98%;
     box-shadow: 0 2px 1px rgba(0, 0, 0, 0);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.see .dxrbox1_si3{
	display: block;
    font-size: 0.8em;
     margin: 0 auto 1em auto;
	float: none;
	padding-bottom: 0.8em;
	border: 2px solid #C8C8C8;
	text-align: center;
     width: 98%;
     box-shadow: 0 2px 1px rgba(0, 0, 0, 0);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
	.see .dxrbox1_si .step p{
	display: block;
	text-align: left;
	margin-bottom: 1em;
}
	.progress{
	display: block;
	width: 100%;
	margin: 20px auto;
}
.progress img{
	width: 100%;
	height: auto;
}
	/*Sill-Ha*/
.sill-ha{
	display: block;
	margin: 0 auto;
	width: 280px;
	height: auto;
}
.sill-ha img{
	width: 100%;
	height: auto;
}
	.t-500{
	display: inline-block;
	font-size: 1em;
	font-weight: bold;
	color: #FFFFFF;
	padding: 0.2em 1.2em 0.1em 1.2em;
	margin-bottom: 1em;
	background-color: #FF0004;
	border-radius: 16px;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
}
.sill-ha_title{
	font-size: 1.2em;
}
	.sill-a{
	display: inline-block;
	font-size: 0.9em;
		font-weight: bold;
	margin-bottom: 0.5em;
}
	.sill-b{
	display: block;
	width: 280px;
	text-align: left;
	margin: 0 auto;
}
}

/*Feed_iQalteページ*/

/* 画面幅の50%の幅で画像を表示 */
.image-s {
  width : 50vw ; 
}