@charset "utf-8";
@charset "utf-8";
@charset 'UTF-8';
.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
 .slick-loading .slick-list
{
background: #fff url(/common/css/ajax-loader.gif) center center no-repeat;
} @font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal; } .slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
} .slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}
 #home #main .campaign ul li:nth-child(3):hover{
opacity:0.7;
filter: alpha(opacity=70);
-moz-opacity:0.7;
}
#home #main .campaign ul li:nth-child(3) a{
display:block;
}
#home #main .lineup .item {
margin:0 0 25px;
}
#home #main .lineup .item:hover{
opacity:0.7;
filter: alpha(opacity=70);
-moz-opacity:0.7;
}
#home #main .lineup .item .catch{
text-shadow:
-1px -1px #FFF,
1px -1px #FFF,
-1px 1px #FFF,
1px 1px #FFF;
}
#home #main .lineup .item p:nth-of-type(2){
text-shadow:
-1px -1px #FFF,
1px -1px #FFF,
-1px 1px #FFF,
1px 1px #FFF;
font-size:1.083em;
}
#home #main .lineup .item .price{
margin:0 0 5px;
}
#home #main .lineup .item .attention{
bottom:-20px;
color:#666;
}
@media screen and (max-width: 737px){
#home #main .lineup .item{
background: url(/imgs/home/lineup01.png) right bottom no-repeat;
background-size: 110px auto;
margin:0 0 25px;
}
#home #main .lineup .item.postcard{
background: url(/imgs/home/lineup02.png) right bottom no-repeat;
background-size: 110px auto;
}
#home #main .lineup .item.print{
background: url(/imgs/home/lineup03.png) right bottom no-repeat;
background-size: 110px auto;
}
#home #main .lineup .item.send{
background: url(/imgs/home/lineup04.png) right bottom no-repeat;
background-size: 110px auto;
}
#home #main .lineup .item.transparent:after{
width:60px;
height:60px;
background: url(/imgs/home/icon_popular.png);
background-size:60px auto;
}
}
 :disabled { background-color: #dddddd; }
#loading {
position:fixed;
left:50%;
top:50%;
margin-top:-30px;
margin-left:-30px;
z-index:999;
}
#lock {
z-index:900;
position:fixed;
left:0px;
right:0px;
bottom:0px;
top:0px;
background-color: rgba(240, 240, 240, 0.6);
} #privacy-frame{
border:#CCCCCC 1px solid;
padding:10px 15px;
font-size:0.917em;
height:160px;
overflow-y:scroll;
}
#privacy-frame h3{
font-size:1.167em;
margin:0 0 5px;
}
#privacy-frame h4{
font-weight: bold;
font-size:1.167em;
margin:0 0 5px;
}
#privacy-frame dl,
#privacy-frame ul,
#privacy-frame p{
margin:0 0 2em;
}
#privacy-frame p.name{
text-align: right;
} .estimate .topicpass-out{
background: none;
}
#estimate #cont .headline h1{
text-align: center;
font-size: clamp(24px, 3.25vw, 36px);
font-weight: bold;
margin: 0 0 20px;
color: #028CD7;
}
#estimate #cont .headline h1 .sp{
display: none;
}
#estimate #cont .headline .box{
max-width: 650px;
margin: 20px auto 40px;
background: #E5F4FF;
padding: 20px;
box-sizing: border-box;
font-size: clamp(14px, 2.0vw, 16px);
}
#estimate #cont .headline a{
color: #0077CB;
text-decoration: underline;
}
@media (min-width:738px){
#estimate #cont .headline a:hover{
text-decoration: none;
}	
}
@media (max-width:737px){
#estimate #cont .headline h1 .sp{
display: block;
}
} #estimate #cont .headline {
margin:0 0 20px;
}
#estimate #cont .headline h1{
}
#estimate #cont .headline p{
text-align: center;
font-size:1.167em;
}
#estimate #cont .headline p.phase02-txt{
display: none;
}
@media screen and (max-width: 737px){
#estimate #cont .headline {
margin:0 10px 10px;
}
#estimate #cont .headline h1 {
margin:0 0 10px;
}
#estimate #cont .headline h1 img{
width:100%;
height: auto;
}
#estimate #cont .headline p{
text-align: left;
}
}
#estimate #content-wrapper{
position:relative;
padding: 0 40px 80px;
flex-wrap: wrap;
display: flex;
margin: 0 auto;
max-width: 1100px;
align-items: flex-start;
justify-content: flex-end;
}
#estimate.noprice #content-wrapper{
justify-content: center;
}
#estimate.detailed-estimate #content-wrapper{
display: block;
padding: 0;
}
#estimate #content-wrapper > .error{
text-align: center;
font-size: 16px;
color: #f00;
margin: 0 0 40px;
width: 100%;
}
@media screen and (max-width: 737px){
#estimate #content-wrapper{
padding: 0;
display: block;
}	
#estimate #content-wrapper .error{
font-size: 14px;
}
} #estimate #estimate-main{
width:calc(100% - 300px);
}
#estimate #estimate-main.thanks{
margin:0 auto;
float:none;
}
#estimate #estimate-main .main-inner{
border:#CCCCCC 1px solid;
padding:20px 25px;
margin:0 0 15px;
}
#estimate #estimate-main .main-inner h2{
background: #EBEBEB;
padding:5px 10px;
font-size:1.5em;
color:#028CD7;
}
#estimate #estimate-main .main-inner h2 span{
display: block;
font-size:14px;
padding:10px 0 0;
}
#estimate #estimate-main .main-inner table{
width:100%;
font-size:15px;
}
#estimate #estimate-main .main-inner table.option-table{
border-top:#EDEDED 1px solid;
}
#estimate #estimate-main .main-inner table th{
padding:22px 62px 15px 10px;
width:120px; position:relative;
border-bottom:#EDEDED 1px solid;
font-weight: bold;
vertical-align: top;
position:relative;
}
#estimate #estimate-main .main-inner table tr:last-of-type th{
border:none;
}
#estimate #estimate-main .main-inner table th span{
background:#EB1B20;
color:#FFFFFF;
font-size:0.863em;
padding:0 5px;
display: inline-block;
position:absolute;
right:20px;
top:22px;
font-weight: normal;
}
#estimate #estimate-main .main-inner table .prize th{
color: #0077CB;
font-size:17px;
padding:22px 42px 15px 10px;
}
#estimate #estimate-main .main-inner table td{
border-bottom:#EDEDED 1px solid;
padding:12px 10px 12px 0;
}
#estimate #estimate-main .main-inner table tr:last-of-type td{
border:none;
}
#estimate #estimate-main .main-inner .box01 .bg-gray > table td dl{
display:flex;
justify-content:flex-start;
}
#estimate #estimate-main .main-inner table td dl dt{
margin:0 20px 5px 0;
position:relative;
}
#estimate #estimate-main .main-inner table td dl dt .img-area{ background:url(/imgs/estimate/hasso_kuroneko.svg) center 15px / auto no-repeat #fff;
padding:155px 5px 5px 5px;
box-sizing:border-box;
width:205px;
text-align:center;
cursor:pointer;
}
#estimate #estimate-main .main-inner table td dl dt .img-area.current{
background:url(/imgs/estimate/hasso_kuroneko.svg) center 15px / auto no-repeat #afe8ff;
}
#estimate #estimate-main .main-inner table td dl dt.hagaki .img-area{
background:url(/imgs/estimate/hasso_hagaki.svg) center 15px / auto no-repeat #fff;
}
#estimate #estimate-main .main-inner table td dl dt.hagaki .img-area.current{
background:url(/imgs/estimate/hasso_hagaki.svg) center 15px / auto no-repeat #afe8ff;
}
#estimate #estimate-main .main-inner table td dl dt.yumail .img-area{
background:url(/imgs/estimate/hasso_yumail.svg) center 15px / auto no-repeat #fff;
}
#estimate #estimate-main .main-inner table td dl dt.yumail .img-area.current{
background:url(/imgs/estimate/hasso_yumail.svg) center 15px / auto no-repeat #afe8ff;
}
#estimate #estimate-main .main-inner .box01 .bg-gray > table td dl dt input[type=radio]{
display:none;
}
#estimate #estimate-main .main-inner .box01 .bg-gray > table td dl.label{
display:block;
}
#estimate #estimate-main .main-inner table td dl.label dt:last-of-type{
margin:0 20px 0 0;
}
#estimate #estimate-main .main-inner .box01 .bg-gray > table td dl.label dt input[type=radio]{
display:inline;
}
#estimate #estimate-main .main-inner table td dl dt input[type="radio"] + span{
border:2px #EFEFEF solid;
display:block;
width:100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
box-sizing: border-box;
border-radius: 6px;
transition: 0.3s;
}
#estimate #estimate-main .main-inner table td dl dt input[type="radio"]:disabled + span{
background:#fff;
opacity: 0.9;
z-index: 3;
}
#estimate #estimate-main .main-inner table td dl dt input[type="radio"]:checked + span,
#estimate #estimate-main .main-inner table td dl dt input[type="radio"]:hover + span{
border:2px #1F8BDA solid;
}
#estimate #estimate-main .main-inner table td dl dt input[type="radio"]:disabled:hover + span{
border:2px #EFEFEF solid;
}
#estimate #estimate-main .main-inner table td dl dd{
margin:0 0 10px 1.5em;
font-size:0.863em;
color:#666666;
}
#estimate #estimate-main .main-inner table td dl dd:last-child{
margin:0 0 0 1em;
}
#estimate #estimate-main .main-inner table td .explanation{ margin:10px 0 0; }
#estimate #estimate-main .main-inner table td dl dd a{
text-decoration: underline;
color:#028CD7;
}
#estimate #estimate-main .main-inner table td dl dd a:hover{
text-decoration: none;
}
#estimate #estimate-main .main-inner .box01 .bg-gray > table td dl.option{
display: block;
}
#estimate #estimate-main .main-inner table td .explanation p{
font-size:13px;
}
#estimate #estimate-main .main-inner table td input[type=text]{
padding:5px 5px;
width:100px;
margin:0 5px 0 0;
}
#estimate #estimate-main .main-inner table td input[type=checkbox],
#estimate #estimate-main .main-inner table td input[type=radio]{
margin:0 5px 0 0;
}
#estimate #estimate-main .main-inner table td ul li{
margin:0 0 10px;
}
#estimate #estimate-main .main-inner table td ul li:last-child{
margin:0;
}
#estimate #estimate-main .main-inner table td ul li select{
margin:0 0 0 10px;
}
#estimate #estimate-main .main-inner .print-order{
margin:0;
padding: 0 0 15px;
}
#estimate #estimate-main .main-inner .print-order .tab{
margin: 0 0 0 10px;
}
#estimate #estimate-main .main-inner .print-order .tab li{
float:left;
width:10%;
box-sizing:border-box;
border-left:1px #FFFFFF solid;
border-right:1px #FFFFFF solid;
}
#estimate #estimate-main .main-inner .print-order .tab li a{
display:block;
background:#fff;
text-align: center;
padding:10px 0 7px;
font-size: 16px;
font-weight: bold;
border-top: 1px solid #E0E0E0;
border-right: 1px solid #E0E0E0;
border-left: 1px solid #E0E0E0;
border-radius: 6px 6px 0 0;
color: #0077CB;
}
#estimate #estimate-main .main-inner .print-order .tab li.select a,
#estimate #estimate-main .main-inner .print-order .tab li a:hover{
background:#0077CB;
color:#FFF;
font-weight: bold;
border-top: 1px solid #0077CB;
border-right: 1px solid #0077CB;
border-left: 1px solid #0077CB;
border-radius: 6px 6px 0 0;
}
#estimate #estimate-main .main-inner .print-order .area{
border:#CCC 1px solid;
padding:10px 15px;
border-radius: 6px;
background: #fff;
}
#estimate #estimate-main .main-inner .print-order .area.hidden{
display:none;
}
#estimate #estimate-main .main-inner .print-order .area tr th{
width:140px;
border-bottom: none;
}
#estimate #estimate-main .main-inner .print-order .area tr td{
border-bottom: none;
}
#estimate #estimate-main .main-inner .print-order .area tr td select{
width: 200px;
outline: none;
padding: 8px 10px;
border: 1px solid #E0E0E0;
box-sizing: border-box;
border-radius: 4px;
}
#estimate #estimate-main .main-inner .print-order .area tr:last-child th,
#estimate #estimate-main .main-inner .print-order .area tr:last-child td{
border:none;
}
#estimate #estimate-main .main-inner .print-attention{
padding:0 0 20px;
font-size:13px;
}
#estimate #estimate-main .attention{
margin: 0 0 20px;
}
#estimate #estimate-main .attention li{
text-indent:-1em;
margin:0 0 0 1em;
font-size:14px;
} #estimate #estimate-main .main-inner .error{
background: #FFFFCC;
}
#estimate #estimate-main .main-inner label.error{
font-weight: bold;
background: none;
color: #f00;
display: block;
}
#estimate #estimate-main .main-inner #print_error{
font-size:1.167em;
color: #f00;
font-weight:bold;
background:none;
} #estimate #estimate-main .main-inner .tooltip{
border-radius:50%;
background:#028CD7;
display:inline-block;
color:#FFF;
font-weight:bold;
width:18px;
text-align:center;
line-height:1.1;
height:18px;
margin:0 0 0 5px;
padding: 0 5px;
box-sizing: border-box;
position:relative;
font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}
#estimate #estimate-main .main-inner .tooltip:hover{
cursor:pointer;
}
#estimate #estimate-main .main-inner .tooltip span{
display:none;
position:absolute;
width:300px;
padding:10px;
font-size:12px;
margin:-30px 0 0;
background-color:#666;
color:#fff;
left:30px;
top: 50%;
text-align:left;
font-size:14px;
font-weight:normal;
line-height:1.6;
z-index:4;
font-family: Meiryo, メイリオ, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "MS PGothic", "ＭＳ Ｐゴシック", Osaka;
}
.tooltip span:before {
right: 100%;
top: 30px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
border-color: rgba(102, 102, 102, 0);
border-right-color: #5e5e5e;
border-width: 8px;
margin-top: -8px;
z-index:1;
}
@media screen and (max-width: 737px){
#estimate #estimate-main{
width: auto;
float: none;
margin:0 !important;
}
#estimate #estimate-main .main-inner{
border: none;
padding: 0 10px;
margin:0 0 10px;
}
#estimate #estimate-main .main-inner table{
font-size:1.167em;
}
#estimate #estimate-main .main-inner table th{
padding:12px 10px 5px;
width: auto;
border-bottom: none;
display:list-item;
list-style: none;
}
#estimate #estimate-main .main-inner table th br{
display: none;
}
#estimate #estimate-main .main-inner table th span{
position: relative;
right:0;
top: 0;
margin:0 0 0 5px;
}
#estimate #estimate-main .main-inner table td{
padding:0px 10px 12px;
display:list-item;
list-style: none;
}
#estimate #estimate-main .main-inner .print-order table td{
padding:0 10px;		
}
#estimate #estimate-main .main-inner > table td dl{
justify-content: space-between;
flex-wrap: wrap;
}
#estimate #estimate-main .main-inner .box01 .bg-gray > table td dl{
justify-content: space-between;
flex-wrap: wrap;
}
#estimate #estimate-main .main-inner > table td dl dt{
width: 49%;
}
#estimate #estimate-main .main-inner .box01 .bg-gray > table td dl dt{
width: 49%;
margin: 0 0 5px 0;
}
#estimate #estimate-main .main-inner .box01 .bg-gray > table td dl.label dt{
width: 100%;
}
#estimate #estimate-main .main-inner .box01 .bg-gray > table td dl.option dt{
width: 100%;
}
#estimate #estimate-main .main-inner table td dl dt .img-area{
width:100%;
position: relative;
}
#estimate #estimate-main .main-inner table td dl dd{
font-size:0.863em;
}
#estimate #estimate-main .main-inner table td input[type=text]{
width:60px;
}
#estimate #estimate-main .main-inner .print-order .tab li{
width:20%;
margin:2px 0 0;
}
#estimate #estimate-main .main-inner .print-order .area{
padding:5px 10px;
}
#estimate #estimate-main .main-inner .print-order .area tr th{
width: auto;
}
#estimate #estimate-main .attention {
margin:0 10px 20px;
}
#estimate #estimate-main .main-inner td{
position:relative;
}
#estimate #estimate-main .main-inner .tooltip{
position:static;
}
#estimate #estimate-main .main-inner .tooltip span{
width:100%;
box-sizing:border-box;
margin:15px 0 0;
left: 0; top: 100%;
}
#estimate #estimate-main .main-inner > table dl .tooltip span{
top:110%;
}
#estimate #estimate-main .main-inner .ori .tooltip span,
#estimate #estimate-main .main-inner .busu .tooltip span,
#estimate #estimate-main .main-inner .label .tooltip:nth-of-type(2) span{
top:80px;
}
.tooltip span:before {
left: 20%;
top: -16px;
border-color: rgba(102, 102, 102, 0);
border-bottom-color: #5e5e5e;
margin-top: 0;
z-index:999;
}
#estimate #estimate-main .main-inner table td dl dt input[type="radio"] + span{
z-index: -1;
}
} #estimate #estimate-main .flow{
margin:0 0 20px;
text-align: center;
}
#estimate #estimate-main .main-inner > p{
font-size:1.167em;
margin:0 0 10px;
}
#estimate #estimate-main .catch{
font-size:1.5em !important;
font-weight: bold;
color:#EB1B20;
text-align: center;
margin:0 0 15px;
}
#estimate #estimate-main .catch + p{
text-align: center;
margin:0 0 20px;
}
#estimate #estimate-main.phase02 th {
position:relative;
padding:22px 62px 15px 10px !important;
width:120px !important;
}
#estimate #estimate-main.phase02 tr:last-child th,
#estimate #estimate-main.phase02 tr:last-child td {
border: none;
}
#estimate #estimate-main.phase02 .main-inner input[type=text]{
width: 100%;
}
#estimate #estimate-main.phase02 .main-inner table td ul li select{
margin:0;
}
#estimate #estimate-main.phase02 .main-inner ul li:nth-child(1) input{
width:200px;
}
#estimate #estimate-main.phase02 .main-inner ul li:nth-child(3) input{
width:100%;
box-sizing:border-box;
}
#estimate #estimate-main textarea{
width:100%;
height:120px;
outline: none;
padding: 8px 10px;
border: 1px solid #E0E0E0;
box-sizing: border-box;
border-radius: 4px;
}
#estimate #estimate-main .explanation{
font-size:0.917em;
margin:0 0 10px !important;
}
#estimate #estimate-main .frame{
border:#CCCCCC 1px solid;
padding:10px 15px;
font-size:0.917em;
height:120px;
overflow-y:scroll;
width:100%;
box-sizing: border-box;
}
#estimate #estimate-main .frame h3{
font-size:1.167em;
margin:0 0 5px;
}
#estimate #estimate-main .frame h4{
font-weight: bold;
font-size:1.167em;
margin:0 0 5px;
}
#estimate #estimate-main .frame dl,
#estimate #estimate-main .frame ul,
#estimate #estimate-main .frame p{
margin:0 0 2em;
}
#estimate #estimate-main .frame .name{
text-align: right;
}
#estimate #cont .ssl{
background: #F7F7F7;
padding:15px 20px;
max-width: 900px;
margin: 0 auto;
}
#estimate #cont .ssl .img{
float:left;
}
#estimate #cont .ssl .text{
margin:0 0 0 150px;
}
@media screen and (max-width: 737px){
#estimate #estimate-main .flow img{
width:100%;
height: auto;
}
#estimate #estimate-main.phase02 th {
padding:12px 10px 5px !important;
width: auto !important;
}
#estimate #estimate-main.phase02 th span{
position: relative;
right: auto;
top: auto;
margin:0 0 0 5px;
}
#estimate #estimate-main.phase02 .main-inner input[type=text]{
width:100%;
box-sizing:border-box;
}
#estimate #estimate-main.phase02 textarea{
box-sizing:border-box;
}
#estimate #cont .ssl{
margin:0 10px 20px;
padding:10px 15px;
}
#estimate  #cont .ssl .img{
margin:0 10px 5px 0;
}
#estimate  #cont .ssl .text{
margin:0;
}
#estimate #estimate-main.phase02 .main-inner ul li:nth-child(3) input,
#estimate #estimate-main.phase02 textarea,
#estimate #estimate-main.phase02 .frame{
width:100%;
box-sizing:border-box;
}
} #estimate #estimate-sub{
width: 260px;
position: relative;
z-index: 5;
}
#estimate.noprice #estimate-sub{
display: none !important;
}
#estimate #estimate-sub .sub-price{
margin:0 0 10px;
}
#estimate #estimate-sub h3{
background: #003F95;
color:#FFFFFF;
text-align: center;
font-weight: bold;
font-size: 18px;
margin: 0;
padding:16px;
line-height: 1.0;
border-radius: 10px 10px 0 0;
letter-spacing: 1px;
}
#estimate #estimate-sub .sub-inner{
border:#CCCCCC 1px solid;
border-top: none;
padding:10px;
border-radius: 0 0px 10px 10px;
}
#estimate #estimate-sub dl {
}
#estimate #estimate-sub dl dt{
float:left;
margin:0 0 10px;
font-size:1.167em;
clear:both;
}
#estimate #estimate-sub dl dd{
text-align: right;
margin:0 0 10px;
font-size:1.167em;
}
#estimate #estimate-sub dl.total{
border-top:#CCC 1px solid;
padding:15px 0 20px 0px;
}
#estimate #estimate-sub dl.total dt{
font-weight: bold;
font-size:1.333em;
line-height:1.4;
margin:0;
}
#estimate #estimate-sub dl.total dd{
font-size:1.833em;
color:#EB1B20;
font-weight: bold;
margin:0;
line-height: 1;
}
#estimate #estimate-sub .campaign {
text-align: right;
margin:-5px 0 10px;
clear:both;
display: none !important;
}
#estimate #estimate-sub .campaign a{
color:#028CD7;
text-decoration: underline;
}
#estimate #estimate-sub .campaign a:hover{
text-decoration: none;
}
#estimate #estimate-sub h4{
font-size:1.333em;
font-weight: bold;
margin:0 0 0px;
}
#estimate #estimate-sub .example-price{
background: #EFEFEF;
padding:7px 10px 8px;
margin:0;
}
#estimate #estimate-sub .example-price h4{
font-size:1.167em;
display:none;
}
#estimate #estimate-sub .announce{
border-bottom:#CCC 1px solid;
padding:15px 0 15px;
margin: 0 0 15px;
}
#estimate #estimate-sub .other dt{
margin:0;
}
#estimate #estimate-sub .other dd{
font-weight: bold;
color:#EB1B20;
font-size:1.333em;
line-height:1.4;
}
#estimate #estimate-sub .other dd:last-child{
margin:0;
}
#estimate #estimate-sub #syokai p{
margin:0 0 0 1em;
padding:5px 0 0 15px;
color:#FF0000;
text-indent:-1em;
}
#estimate #estimate-sub #syokai p:before{
content:"▲";
}
#estimate #estimate-sub .attention{
text-indent:-1em;
margin:0 0 0px 1em;
}
#estimate #estimate-main .btn {
max-width: 280px;
margin: 0 auto 10px;
}
#estimate #estimate-main .btn a{
display:block;
border-radius:5px;
background: url(/imgs/estimate/icon_mail.svg) 20px center no-repeat #0077CB;
padding:11px 10px 6px 79px;
text-align: left;
color:#FFF;
font-size: 19px;
border-right:3px #003F95 solid;
border-bottom:3px #003F95 solid;
line-height: 1.3;
transition: 0.3s;
background-size: 36px auto;
}
#estimate #estimate-main .btn a span{
font-size:15px;
display:block;
}
#estimate #estimate-main .btn a:hover{
background: url(/imgs/estimate/icon_mail.svg) 20px center no-repeat #003F95;
background-size: 36px auto;
}
#estimate #estimate-main .btn.confirm a{
background: #0077CB;
padding:12px 10px 10px;
text-align: center;
}
#estimate #estimate-main .btn.confirm a:hover{
background: #003F95;
}
#estimate #estimate-main .btn.back a{
color: #333;
background: #CCC;
padding:10px;
text-align: center;
border-right:3px #666 solid;
border-bottom:4px #666 solid;
}
#estimate #estimate-main .btn.back a:hover{
background: #999;
}
#estimate #estimate-sub .fl-box{
display: flex;
align-items: center;
}
#estimate #cont.userform #estimate-sub .fl-box{
display: none;
}
#estimate #estimate-sub .sub-print{
width: calc(100% - 220px);
margin: 0 0 0 10px;
}
#estimate #estimate-sub .sub-print p a{
display: flex;
align-items: center;
width: 100%;
height: 63px;
justify-content: center;
border-radius:5px;
background: url(/imgs/estimate/icon-printer.svg) no-repeat top 10px center / 30px auto , #FFE300;
padding:40px 5px 0;
text-align: left;
color:#000;
font-size: 13px;
border-right:3px #AC9A00 solid;
border-bottom:3px #AC9A00 solid;
box-sizing: border-box;
transition: 0.3s;
}
@media (min-width:738px){
#estimate #estimate-sub .sub-print p a:hover{
background: url(/imgs/estimate/icon-printer.svg) no-repeat top 10px center / 30px auto , #AC9A00;
}
}
@media (max-width:1000px){
#estimate #estimate-sub .sub-print p a{
font-size: 1.3vw;
}	
}
#estimate #estimate-sub .sub-tel {
text-align: center;
margin: 20px 0 0;
}
#estimate #estimate-sub .pr {
font-size: 13px;
line-height: 1.0;
}
#estimate #estimate-sub .pr strong{
margin: 8px 0 0;
display: block;
}
#estimate #estimate-sub .pr a{
color:#0077CB;
font-size: 21px;
}
#estimate #estimate-sub .pr + p{
font-size: 12px;
margin: 5px 0 0;
}
#estimate #estimate-main .sub-contact{
position: relative;
margin: 80px 0 40px;
}
#estimate #estimate-main.phase02 .sub-contact,
#estimate .inner.confirm #estimate-main .sub-contact{
margin: 40px 0 40px;
}
#estimate #estimate-main .special{
position: absolute;
top: -50px;
background: #CC2221;
color:#fff;
font-size: 16px;
text-align: center;
font-weight: bold;
padding:3px 15px 0px;
margin: 0 0 5px;
left: 50%;
translate: -50%;
border-radius: 5px;
width: 350px;
}
#estimate #estimate-main .special:after{
content:"";
display:block;
position:absolute;
border:rgba(0,0,0,0.00) 10px solid;
border-top:#CC2221 10px solid;
left:50%;
bottom:-20px;
margin:0 0 0 -10px;
}
#estimate #estimate-main .special.announce{
background: #FFE300;
color: #000;
font-weight: normal;
padding:8px 10px 5px;
width: 260px;
}
#estimate #estimate-main .special.announce:after{
border-top:#FFE300 10px solid;
}
#estimate #estimate-main .special span{
font-size: 15px;
}
#estimate #estimate-main .special strong{
color:#FFE300;
font-size: 20px;
margin:0 0 0 3px;
}
#estimate #estimate-main .pattern{
font-size: 14px;
margin:0 0 0 1em;
text-indent: -1em;
text-align: center;
}
#estimate #estimate-main .pattern strong{
font-weight:normal;
}
#estimate #estimate-main .pattern span{
color:#CC2221;
font-weight: bold;
}
@media screen and (max-width: 737px){
#estimate #estimate-sub{
width: auto;
position: static;
right:0;
top:0;
margin: 0 !important;
}
#estimate #estimate-sub h3{
background:#003F95;
color:#FFFFFF;
text-align: center;
font-weight: bold;
font-size:1.333em;
padding:10px 0 7px;
}
#estimate #estimate-sub .sub-inner{
border:#CCCCCC 1px solid;
border-top: none;
padding:10px;
}
#estimate #estimate-sub dl {
}
#estimate #estimate-sub dl dt{
float:left;
margin:0 0 10px;
font-size:1.167em;
clear:both;
}
#estimate #estimate-sub dl dd{
text-align: right;
margin:0 0 10px;
font-size:1.167em;
}
#estimate #estimate-sub dl.total{
border-top:#CCC 1px solid;
padding:10px 0 0 0;
}
#estimate #estimate-sub dl.total dt{
font-weight: bold;
font-size:1.333em;
line-height:2.5;
margin:0;
}
#estimate #estimate-sub dl.total dd{
font-size:1.833em;
color:#EB1B20;
font-weight: bold;
margin:0;
}
#estimate #estimate-sub .campaign {
text-align: right;
margin:-5px 0 10px;
clear:both;
}
#estimate #estimate-sub .campaign a{
color:#028CD7;
text-decoration: underline;
}
#estimate #estimate-sub .campaign a:hover{
text-decoration: none;
}
#estimate #estimate-sub h4{
font-size:1.333em;
font-weight: bold;
margin:0 0 5px;
}
#estimate #estimate-sub .other dd{
font-weight: bold;
color:#EB1B20;
font-size:1.5em;
line-height:1.4;
}
#estimate #estimate-sub .sub-tel{
text-align:center;
}
#estimate #estimate-sub .special{
position: relative;
top: 0;
margin: 0 0 15px;
}
#estimate #estimate-sub .special:after{
content:"";
display:block;
position:absolute;
border:rgba(0,0,0,0.00) 10px solid;
border-top:#CC2221 10px solid;
left:50%;
bottom: -20px;
margin:0 0 0 -5px;
}
#estimate #estimate-main .special{
width: 220px;
top: -60px;
}
#estimate #estimate-main .special span{
font-size: 14px;
display: block;
}
#estimate #estimate-main .special strong{
font-size: 18px;
}
}  #upload .main-contact,
#upload .ft-bnr-cont,
#upload footer .inner,
#upload footer .copyright ul {
display: none;
}
#upload #cont h1{
padding:40px 0 0;
text-align: center;
color:#028CD7;
font-size:3em;
text-align: center;
font-weight: bold;
}
#upload #cont > p{
text-align: center;
color:#028CD7;
margin:0 0 25px;
font-size:1.167em;
font-weight: bold;
}
#upload #cont .upload-area{
border:#CCCCCC 1px solid;
width:570px;
margin:0 auto 30px;
padding:30px 40px;
}
#upload #cont .upload-area h2{
text-align: center;
color:#028CD7;
font-weight: bold;
margin:0 0 20px;
font-size:2em;
}
#upload #cont .upload-area p{
font-size:1.167em;
margin:0 0 25px;
}
#upload #cont .upload-area p.attention{
font-size:1em;
margin:0;
}
#upload #cont .swpm-forgot-pass-link{
font-size:0.863em;
}
#upload #cont .upload-area p a,
#upload #cont .swpm-forgot-pass-link a{
color:#028CD7;
text-decoration: underline;
}
#upload #cont .upload-area p a:hover,
#upload #cont .swpm-forgot-pass-link a:hover{
text-decoration: none;
}
#upload #cont .upload-area table{
width:100%;
font-size:1.25em;
padding:10px 0;
margin:0 0 30px;
}
#upload #cont .upload-area table th{
padding:10px;
width:100px;
font-weight: bold;
}
#upload #cont .upload-area table td{
padding:10@x 0
}
#upload #cont .upload-area table td input{
padding:5px;
width:200px;
}
#upload #cont .upload-area table td input[type=button]{
color:#FFF;
outline: none;
background:#666 ;
text-align: center;
border:none;
cursor:pointer;
width:50px;
}
#upload #cont .upload-area table td input[type=button]:hover{
background: #333;
}
#upload #cont .upload-area .btn{
text-align: center;
margin:0;
}
#upload #cont .upload-area p input[type=button]{
width:140px;
color:#FFF;
outline: none;
background:#028CD7 ;
text-align: center;
padding:15px 0;
font-size:1.167em;
border:none;
cursor:pointer;
}
#upload #cont .upload-area p input[type=button]:hover{
background: #06C;
}
@media screen and (max-width: 737px){
#upload #cont h1{
padding:20px 0 0;
font-size:2em;
}
#upload #cont > p{
margin:0 0 15px;
}
#upload #cont .upload-area{
margin:0 10px 30px;
width: auto;
padding:15px;
}
#upload #cont .upload-area h2{
font-size:1.333em;
margin:0 0 10px;
}
#upload #cont .upload-area p{
margin:0 0 20px;
}
#upload #cont .upload-area table{
width:100%;
margin:0 0 10px;
}
#upload #cont .upload-area table th{
width: auto;
padding:0 0 5px;
display:list-item;
list-style:none;
}
#upload #cont .upload-area table td{
width: auto;
list-style:none;
display:list-item;
padding:0 0 15px
}
#upload #cont .upload-area table td input{
width:100%;
box-sizing:border-box;
}
}
#upload #cont .attention-area{
width:650px;
margin:0 auto 50px;
}
#upload #cont .attention-area h2{
font-size: 14px;
font-weight: bold;
color:#FF0000;
margin:0 0 5px;
}
#upload #cont .attention-area ul li{
text-indent: -1em;
margin:0 0 5px 1em;
font-size: 13px;
}
#upload #cont .attention-area ul li a{
text-decoration: underline;
color:#028CD7;
}
#upload #cont .attention-area ul li a:hover{
text-decoration: none;
}
@media screen and (max-width: 737px){
#upload #cont .attention-area{
width: auto;
margin:0 auto 30px;
}
}
#upload #message.error{
color:#E50509;
font-size: 1.333em;
} #swpm-pw-reset-form input[type=text]{
width:100%;
}
#upload #cont .upload-area .swpm-login-widget-form{
width:100%;
font-size:1.25em;
padding:10px 0;
}
#upload #cont .upload-area .swpm-username-label,
#upload #cont .upload-area .swpm-password-label{
padding:10px;
width:120px;
font-weight: bold;
float:left;
}
#upload #cont .upload-area .swpm-username-input,
#upload #cont .upload-area .swpm-password-input{
padding:5px 0;
}
#upload #cont .upload-area .swpm-username-input input,
#upload #cont .upload-area .swpm-password-input input{
padding:5px;
width:200px;
}
#upload #cont .upload-area .swpm-username-input input[type=button],
#upload #cont .upload-area .swpm-password-input input[type=button]{
color:#FFF;
outline: none;
background:#666 ;
text-align: center;
border:none;
cursor:pointer;
width:50px;
}
#upload #cont .upload-area .swpm-username-input input[type=button]:hover,
#upload #cont .upload-area .swpm-password-input input[type=button]:hover{
background: #333;
}
#upload #cont .upload-area .swpm-login-submit{
text-align: center;
margin:0 0 5px;
}
#upload #cont .upload-area .swpm-logged-logout-link:before{
content:'もう一度入稿する場合は、ログアウトしてください';
display:block;
text-align: center;
font-size:1.167em;
color:#eb1a1f;
margin:0 0 5px;
}
#upload #cont .upload-area .swpm-login-submit input[type=submit],
#upload #cont .upload-area .swpm-logged-logout-link a{
width:140px;
color:#FFF;
outline: none;
background:#028CD7 ;
text-align: center;
padding:15px 0;
font-size:1.167em;
border:none;
cursor:pointer;
display:block;
margin:0 auto;
}
#upload #cont .upload-area .swpm-login-submit input[type=submit]:hover,
#upload #cont .upload-area .swpm-logged-logout-link a:hover{
background: #06C;
}
.swpm-remember-me,
.swpm-join-us-link{
display:none;
}
.swpm-login-action-msg{
color:#eb1a1f;
}
@media screen and (max-width: 737px){
#upload #cont .upload-area .swpm-login-widget-form{
width:100%;
margin:0 0 10px;
}
#upload #cont .upload-area .swpm-username-label,
#upload #cont .upload-area .swpm-password-label{
width: auto;
padding:0 0 5px;
display:list-item;
list-style:none;
float: none;
}
#upload #cont .upload-area .swpm-username-input,
#upload #cont .upload-area .swpm-password-input{
width: auto;
list-style:none;
display:list-item;
padding:0 0 15px
}
#upload #cont .upload-area .swpm-username-input input,
#upload #cont .upload-area .swpm-password-input input{
width:100%;
box-sizing:border-box;
}
}
#upload #cont .ssl{
background: #EEEEEE;
padding:15px 20px;
width:610px;
margin:0 auto 50px;
} #upload #cont .ssl .img{
float:left;
}
#upload #cont .ssl .text{
margin:0 0 0 150px;
} @media screen and (max-width: 737px){
#upload #cont .ssl{
width: auto;
margin:0 10px 20px;
padding:10px 15px;
}
#upload #cont .ssl .img{
margin:0 10px 5px 0;
}
#upload #cont .ssl .text{
margin:0;
}
}
#upload #cont .upload-area table .privacy-agree input{
width: auto !important;
margin:0 5px 0 0;
}upload #cont .upload-area table .privacy-agree label{
font-weight: bold;
}
#upload #cont .privacy-agree #privacy-frame{
font-size: 0.766em;
height: 120px;
} #upload #cont .upload-area.confirm span.error{
display:block;
font-size:1.167em;
background:#fcf ;
font-weight: bold;
}
#upload #cont .upload-area.confirm th {
position:relative;
width:110px;
vertical-align:top;
padding:10px 50px 10px 0;
}
#upload #cont .upload-area.confirm td {
padding:10px ;
}
#upload #cont .upload-area.confirm td textarea{
width: 100%;
}
#upload #cont .upload-area.confirm td input{
width:80%;
box-sizing:border-box;
}
#upload #cont .upload-area.confirm th span{
background:#EB1B20;
color:#FFFFFF;
font-size:0.863em;
padding:0 5px;
display: inline-block;
position:absolute;
right:10px;
top:12px;
}
#upload #cont .upload-area .btn a{
display:block;
text-decoration: none;
width:140px;
color:#FFF;
outline: none;
background:#028CD7 ;
text-align: center;
padding:15px 0;
font-size:1.167em;
border:none;
cursor:pointer;
margin:0 auto;
}
#upload #cont .upload-area .btn a:hover{
background: #06C;
}
#upload #cont .upload-area .check{
margin:20px 0 0;
border:#E50509 1px solid;
padding:10px 15px;
}
#upload #cont .upload-area .check h3{
font-size: 1.333em;
color:#E50509;
}
#upload #cont .upload-area .check p{
margin:0 0 10px;
font-size:1.083em;
}
#upload #cont .upload-area .check .dl{
background: url(/imgs/upload/icon_pdf.png) left center no-repeat;
padding:0 0 0 25px;
margin:0;
}
@media screen and (max-width: 737px){
#upload #cont .upload-area.confirm th {
border-bottom: none;
width: auto;
padding:0 0 5px;
}
#upload #cont .upload-area.confirm table tr:nth-child(1) th{
padding:15px 0 5px;
}
#upload #cont .upload-area.confirm td {
border-bottom:#CCC 1px dotted;
padding:0 0 15px;
margin:0 0 15px
}
#upload #cont .upload-area.confirm th span{
position: relative;
right: auto;
top: auto;
margin:0 0 0 5px;
}
} #upload #cont .upload-area .catch{
font-size:1.5em;
margin:0 0 10px;
}   .estimate .modal{
display: none;
}
.estimate header{
position: static;
box-shadow: none;
}
.estimate #wrapper #cont{
width: 100%;
padding: 0;
}
.estimate #wrapper #cont .inner{ margin: 0 auto;
padding: 35px 0;
}
.estimate #wrapper #cont form .inner{
padding: 35px 0 0;
}
@media screen and (max-width: 737px){
.estimate #wrapper #cont{
padding: 0;
}
.estimate #wrapper #cont .inner{
padding: 30px 10px;
box-sizing: border-box;
}
.estimate #wrapper #cont form .inner{
padding: 30px 10px 0;
}
} .estimate #wrapper #visual{
background: url(/imgs/estimate/visual.jpg) no-repeat center center;
background-size: cover;
width: 100%;
height: 160px;
display: flex;
align-items: center;
}
.estimate #wrapper #visual h1{
font-size: 30px;
font-weight: bold;
color: #fff;
text-shadow: 2px 2px 6px rgba(0,0,0,0.3);
}
@media screen and (max-width: 737px){
.estimate #wrapper #visual{
height: 100px;
}
.estimate #wrapper #visual h1{
font-size: 21px;
}
} .topicpass-out{
padding: 10px;
}
.topicpass-out #topicpass{
max-width: 1100px;
margin: 0 auto;
}
#topicpass{
background: none;
padding: 0;
} #estimate #cont .headline p{
font-size: 16px;
margin: 0 0 45px;
}
#estimate #cont .headline .phase01-bnr a{
transition: 0.3s;
}
@media (max-width:769px){
#estimate #cont .headline p img{
width:100%;
height:auto;
}
}
@media (min-width:769px){
#estimate #cont .headline .phase01-bnr a:hover{
opacity: 0.6;
}	
}
#estimate #estimate-main{ }
#estimate #estimate-main .main-inner{
padding: 0;
border: none;
}
#estimate #cont .headline p.bnr{
max-width: 680px;
margin: 0 auto 20px;
}
#estimate #cont .headline p.bnr a{
transition: 0.3s;
}
#estimate #cont .headline p.bnr img{
max-width: 100%;
}
@media screen and (min-width: 738px){
#estimate #cont .headline p.bnr a:hover{
opacity: 0.6;
}
}
@media screen and (max-width: 737px){
#estimate #cont .headline p{
margin: 0 0 25px;
font-size: 14px;
}
#estimate #estimate-main{
width: 100%;
}
} #estimate #estimate-main .main-inner .box{
margin: 0 0 40px;
}
#estimate #estimate-main .main-inner .box h2{
font-size: 18px;
background: #0077CB;
color: #fff;
padding: 18px 25px 13px;
line-height: 1.0;
border-radius: 10px 10px 0 0;
}
#estimate #estimate-main .main-inner .box .bg-gray{
padding: 0px 20px 0px;
background: #F7F7F7;
border-radius: 0 0 10px 10px;
}
#estimate #estimate-main.phase02 .main-inner .box .bg-gray{
padding: 20px 40px 20px;
}
#estimate #estimate-main .main-inner table th span{
background: #0077CB;
}
#estimate #estimate-main .main-inner table td select[name=item1],
#estimate #estimate-main .main-inner table td select[name=item2],
#estimate #estimate-main .main-inner table td select[name=item8],
#estimate #estimate-main .main-inner table td select[name=item13]{
width: 100%;
outline: none;
padding: 8px 10px;
border: 1px solid #E0E0E0;
box-sizing: border-box;
border-radius: 4px;
}
#estimate #estimate-main .main-inner table td input[type=text]{
width: 100%;
outline: none;
padding: 8px 10px;
border: 1px solid #E0E0E0;
box-sizing: border-box;
border-radius: 4px;
}
#estimate #estimate-main .main-inner table .prize td input[type=text]{
border: 1px solid #0077CB;
}
#estimate #estimate-main .main-inner table td select{
outline: none;
border: 1px solid #E0E0E0;
border-radius: 4px;
padding: 4px 10px;
box-sizing: border-box;
}
#estimate #estimate-main .main-inner table td input[name=item5],
#estimate #estimate-main .main-inner table td input[name=item6],
#estimate #estimate-main .main-inner table td input[name=item49]{
width: 200px; }
#estimate #estimate-main .main-inner table td select[name=item7],
#estimate #estimate-main .main-inner table td select[name=item10],
#estimate #estimate-main .main-inner table td select[name=item11],
#estimate #estimate-main .main-inner table td select[name=item12],
#estimate #estimate-main .main-inner table td select[name=item50]{
width: 200px;
outline: none;
padding: 8px 10px;
border: 1px solid #E0E0E0;
box-sizing: border-box;
border-radius: 4px;
}
.estimate #wrapper .main-contact,
.estimate #wrapper .ft-bnr-cont,
.estimate #wrapper footer{
display: none;
}
.estimate #wrapper #cont small{
display: block;
max-width: 900px;
margin: 40px auto 0;
padding: 20px 10px;
text-align: center;
border-top: 1px solid #D8D8D8;
}
@media screen and (max-width: 1090px){
#estimate #estimate-main .main-inner .box .bg-gray{
padding: 0px 10px 0px;
}
#estimate #estimate-main.phase02 .main-inner .box .bg-gray{
padding: 20px 10px 20px;
}
}
@media screen and (max-width: 737px){
#estimate #estimate-main .main-inner table td input[type=text]{
font-size: 17px;
}
#estimate #estimate-main .main-inner table td textarea{
font-size: 17px;
}
#estimate #estimate-main .main-inner table td select[name=item1],
#estimate #estimate-main .main-inner table td select[name=item2],
#estimate #estimate-main .main-inner table td select[name=item8],
#estimate #estimate-main .main-inner table td select[name=item13]{
font-size: 17px;
}
#estimate #estimate-main .main-inner table td input[name=item5],
#estimate #estimate-main .main-inner table td input[name=item6],
#estimate #estimate-main .main-inner table td input[name=item49]{
width: 100px;
font-size: 17px;
}
#estimate #estimate-main .main-inner table td select[name=item7],
#estimate #estimate-main .main-inner table td select[name=item10],
#estimate #estimate-main .main-inner table td select[name=item11],
#estimate #estimate-main .main-inner table td select[name=item12]{
width: 80px;
font-size: 17px;
}
#estimate #estimate-main .main-inner table td select[name=item50]{
width: 100%;
font-size: 17px;
}
#estimate #estimate-main .main-inner .print-order .area tr td select{
font-size: 17px;
}
#estimate #estimate-main .main-inner .box .bg-gray{
padding: 10px 10px;
position: relative;
z-index: 1;
}
.estimate #wrapper  #cont small{
margin: 20px 0 0;
padding: 20px 10px 10px;
}
#estimate #estimate-main .main-inner table td dl dt .img-area{
background:url(/imgs/estimate/hasso_kuroneko.svg) center 15px / auto no-repeat;
}
#estimate #estimate-main .main-inner table td dl dt.hagaki .img-area{
background:url(/imgs/estimate/hasso_hagaki.svg) center 15px / auto no-repeat;
}
#estimate #estimate-main .main-inner table td dl dt.yumail .img-area{
background:url(/imgs/estimate/hasso_yumail.svg) center 15px / auto no-repeat;
}
#estimate #estimate-main .main-inner table td dl dt input[type="radio"] + span{
background: #fff;
}
} .estimate #wrapper #estimate-sub{
position:absolute;
left: 40px;
top: 0;
padding: 0px 0 0px;
transition: 0.3s;
}
.estimate #wrapper #estimate-sub #estimate-sub-01{
margin: 0;
}
.estimate #wrapper #estimate-sub #estimate-sub-01 .bg-white{
display: flex;
background: #fff;
border-radius: 10px;
margin: 0;
padding: 10px 20px;
}
.estimate #wrapper #estimate-sub #estimate-sub-01 .bg-white .bg-white-01{
width: 48%;
margin: 0 4% 0 0;
}
.estimate #wrapper #estimate-sub #estimate-sub-01 .bg-white .bg-white-02{
width: 48%;
}
.estimate #wrapper #estimate-sub #estimate-sub-01 .attention{
color: #fff;
}
.estimate #wrapper #estimate-sub #estimate-sub-01 .attention li{
float: left;
margin: 0 10px 0 0;
}
.estimate #wrapper #estimate-sub #estimate-sub-02{
width: 370px;
margin: 0 0 0 20px;
}
@media screen and (max-width: 737px){
.estimate #wrapper #estimate-sub{
display: block;
padding: 0;
position: relative;
left: 0;
}
.estimate #wrapper #estimate-sub #estimate-sub-01{
width: 100%;
margin: 0 0 15px;
}
.estimate #wrapper #estimate-sub #estimate-sub-02{
width: 100%;
margin: 0;
}
.estimate #wrapper #estimate-sub #estimate-sub-01 .bg-white{
display: block;
margin: 0 0 10px;
padding: 13px 20px;
}
.estimate #wrapper #estimate-sub #estimate-sub-01 .bg-white .bg-white-01{
width: 100%;
margin: 0 0 15px 0;
}
.estimate #wrapper #estimate-sub #estimate-sub-01 .attention li{
float: none;
}
.estimate #wrapper #estimate-sub #estimate-sub-01 .bg-white .bg-white-02{
width: 100%;
}
} .estimate #wrapper #cont.userform{
padding: 0;
}
.estimate #wrapper #cont.userform #content-wrapper{
}
.estimate #wrapper #cont.userform #estimate-sub.userform{
}
.estimate #wrapper #cont.userform #estimate-sub.userform #estimate-sub-02{
width: 100%;
}
.estimate #wrapper #cont.userform #estimate-sub.userform #estimate-sub-02 .btn{
width: 48%;
}
.estimate #wrapper #cont.userform #estimate-sub.userform #estimate-sub-02 .btn.confirm{
margin: 0 auto 15px;
display: block;
}
.estimate #wrapper #cont.userform #estimate-sub.userform #estimate-sub-02 .btn.back{
margin: 0 auto 15px;
display: block;
}
.estimate #wrapper #cont.userform #estimate-sub.userform #estimate-sub-02 .sub-tel{
display: none;
}
.estimate #wrapper #cont.userform #estimate-sub.userform #estimate-sub-02 .special{
display: none;
}
.estimate #wrapper #cont.userform #estimate-sub.userform #estimate-sub-02 .pattern{
color: #000;
text-align:center;
}
.estimate #wrapper #cont.userform #estimate-sub.userform #estimate-sub-02 .pattern strong span{
color: #FF0000;
}
@media screen and (max-width: 737px){
.estimate #wrapper #cont.userform #estimate-sub.userform{
padding: 0 10px;
box-sizing: border-box;
}
.estimate #wrapper #cont.userform #estimate-sub.userform #estimate-sub-02 .btn{
width: 100%;
}
.estimate #wrapper #cont.userform #estimate-sub.userform #estimate-sub-02 .btn.confirm{
margin: 0 0 3% 0;
display: block;
}
.estimate #wrapper #cont.userform #estimate-sub.userform #estimate-sub-02 .btn.back{
display: block;
}
} #estimate #wrapper #cont .contents{
padding: 80px 0 1px;
background: #F7F7F7;
}
#estimate #wrapper #cont .contents section{
margin: 0 0 60px;
}
#estimate #wrapper #cont .contents h2{
font-size: clamp(24px, 3.25vw, 26px);
font-weight: bold;
margin: 0 auto 15px;
color: #028CD7;
max-width: 900px;
}
#estimate #wrapper #cont .contents .inner{
max-width: 900px;
font-size: 16px;
padding: 0;
}
#estimate #wrapper #cont .contents .inner p{
margin: 0 0 20px;
}
#estimate #wrapper #cont .contents .inner dl dt{
font-weight: bold;
color: #028CD7;
padding: 10px 15px;
background: #EFEFEF;
}
#estimate #wrapper #cont .contents .inner dl dd{
margin: 0 0 20px;
padding: 10px 15px;
background: #EFEFEF;
}
#estimate #wrapper #cont .contents .inner table{
width: 100%;
border: #CCC 1px solid;
font-size: 14px;
}
#estimate #wrapper #cont .contents .inner table th{
background: #DDD;
padding: 5px 10px;
width: 160px;
border: #CCC 1px solid;
text-align: center;
}
#estimate #wrapper #cont .contents .inner table tr th:nth-of-type(1){
text-align: left;
}
#estimate #wrapper #cont .contents .inner table.work01 tr th:nth-of-type(1),
#estimate #wrapper #cont .contents .inner table.work02 tr th:nth-of-type(1),
#estimate #wrapper #cont .contents .inner table.postage01 tr th:nth-of-type(1){
text-align: center;
}
#estimate #wrapper #cont .contents .inner table td{
padding: 5px 10px;
border: #CCC 1px solid;
text-align: right;
}
#estimate #wrapper #cont .contents .inner table.type td{
text-align: left;
}
#estimate #wrapper #cont .contents .inner .note{
font-size: 14px;
margin: 10px 0 0 1em;
text-indent: -1em;
}
#estimate #wrapper #cont .contents .inner h3{
font-weight: bold;
font-size: 18px;
margin: 20px 0 0;
}
#estimate #wrapper #cont .contents .inner a{
color: #028CD7;
text-decoration: underline;
}
#estimate #wrapper #cont .contents .inner a:hover{
text-decoration: none;
}
@media screen and (max-width: 737px){
#estimate #wrapper #cont .contents{
padding: 40px 15px 1px;
}
#estimate #wrapper #cont .contents .inner{
font-size: 14px;
overflow: scroll;
}
#estimate #wrapper #cont .contents .inner table{
font-size: 12px;
}
#estimate #wrapper #cont .contents .inner table th{
width: 90px;
}
} .estimate.confirm #wrapper #cont{
padding: 0;
}
.estimate.confirm #wrapper #cont #content-wrapper{
}
.estimate.confirm #wrapper #cont .result-box .bg-gray table{
margin: 0;
}
.estimate.confirm #wrapper #cont .result-box{
margin: 0 0 40px;
}
.estimate.confirm #wrapper #cont .result-box h2{
font-size: 18px;
background: #0077CB;
color: #fff;
padding: 18px 25px 13px;
line-height: 1.0;
border-radius: 10px 10px 0 0;
}
.estimate.confirm #wrapper #cont .result-box .bg-gray{
padding: 30px 40px 40px;
background: #F7F7F7;
border-radius: 0 0 10px 10px;
}
.estimate.confirm #wrapper #cont .result-box .bg-gray .data{}
.estimate.confirm #wrapper #cont .result-box .bg-gray .data th{}
.estimate.confirm #wrapper #cont .result-box .bg-gray .data td{
text-align: right;
}
.estimate.confirm #wrapper #cont .result-box .bg-gray .data td.total{
font-weight: bold;
font-size: 20px;
color: #f00;
}
@media screen and (max-width: 737px){
.estimate.confirm #wrapper #cont .result-box .bg-gray{
padding: 20px 10px;
}
}
.estimate.confirm #wrapper #cont #estimate-sub{
}
.estimate.confirm #wrapper #cont #estimate-sub #estimate-sub-01{
}
.estimate.confirm #wrapper #cont #estimate-sub #estimate-sub-02{
width: 100%;
}
.estimate.confirm #wrapper #cont #estimate-sub #estimate-sub-02 .btn{
width: 48%;
}
.estimate.confirm #wrapper #cont #estimate-sub #estimate-sub-02 .btn.confirm{
margin: 0 auto 15px;
display: block;
}
.estimate.confirm #wrapper #cont #estimate-sub #estimate-sub-02 .btn.back{
margin: 0 auto 15px;
display: block;
}
.estimate.confirm #wrapper #cont #estimate-sub #estimate-sub-02 .sub-tel{
display: none;
}
.estimate.confirm #wrapper #cont #estimate-sub #estimate-sub-02 .special{
display: none;
}
.estimate.confirm #wrapper #cont #estimate-sub #estimate-sub-02 .pattern{
color: #000;
}
.estimate.confirm #wrapper #cont #estimate-sub #estimate-sub-02 .pattern strong span{
color: #FFE300;
}
#estimate.confirm #cont .ssl{
display: block;
}
.estimate.confirm #wrapper #cont small{
display: block;
}
.estimate #wrapper .inner.confirm .error{
text-align: center;
margin: 40px 0;
}
.estimate #wrapper .inner.confirm .flow{
text-align: center;
}
.estimate #wrapper .inner.confirm #estimate-main .main-inner .flow + p{
text-align: center;
margin: 0 0 40px;
}
@media screen and (max-width: 737px){
.estimate.confirm #wrapper #cont #estimate-sub{
padding: 0 10px;
box-sizing: border-box;
}
.estimate.confirm #wrapper #cont #estimate-sub #estimate-sub-02 .btn{
width: 100%;
}
.estimate.confirm #wrapper #cont #estimate-sub #estimate-sub-02 .btn.confirm{
margin: 0 0 3% 0;
display: block;
}
.estimate.confirm #wrapper #cont #estimate-sub #estimate-sub-02 .btn.back{
display: block;
}
} .estimate.end #wrapper #cont .inner{
padding: 80px 10px;
}
.estimate.end #wrapper #cont .headline{
margin: 60px 0 0;
}
#estimate #estimate-main .main-inner > p.flow{
margin: 0 0 30px;
}
.estimate.end #wrapper #estimate-main .main-inner .link{
width: 201px;
margin: 0 auto;
}
.estimate.end #wrapper .main-inner .link a{
display: block;
border: 1px solid #0077CB;
color: #0077CB;
text-align: center;
padding: 15px 0;
font-size: 14px;
font-weight: bold;
text-decoration: none;
background: url(/imgs/home/211112/arrow-blue.svg) no-repeat right 10px center;
transition: 0.3s;
}
@media (min-width:738px){
.estimate.end #wrapper .main-inner .link a:hover{
background: url(/imgs/home/211112/arrow-blue.svg) no-repeat right 5px center;
}
}
.estimate.end #wrapper .main-contact,
.estimate.end #wrapper .ft-bnr-cont,
.estimate.end #wrapper footer{
display: block;
}
@media screen and (max-width: 737px){
.estimate.end #wrapper #cont .inner{
padding: 40px 10px;
}
.estimate.end #wrapper #cont .headline{
margin: 40px 0 0;
padding: 0 10px;
}
}