@charset "utf-8";
@charset "utf-8";
.clearfix:after {
content:".";
display:block;
visibility:hidden;
clear:both;
height:0.1px;
font-size:0.1em;
line-height:0;
}
.clearfix {
display:inline-table;
zoom:1;
}/*\*/* html .clearfix {
height:1%;
}
.clearfix {
display:block;
}/**/body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
margin:0px;
padding:0px;
}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset, img {
border:0;
}
address, caption, cite, code, dfn, em, th, var {
font-style:normal;
font-weight:normal;
}
ul {
list-style:none;
}
ol li{
list-style:none;
}
caption, th {
text-align:left;
}
h1, h2, h3, h4, h5, h6 {
font-size:100%;
font-weight:normal;
}
q:before, q:after {
content:'';
}
abbr, acronym {
border:0;
font-variant:normal;
}
sup {
vertical-align:top;
}
sub {
vertical-align:text-bottom;
}
input, textarea, select {
font-family:inherit;
font-size:inherit;
font-weight:inherit;
}
input, textarea, select {
*font-size:100%;
}
legend {
color:#000000;
}
img {
vertical-align:bottom;
} header, footer, nav, section, article, figure, aside {
display:block;
} html {
overflow-y:scroll;
}
body {
color:#333;
line-height: 1.6;
font-size: 12px;
font-family: Meiryo, "メイリオ", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ Pro W3", MS PGothic, "ＭＳ Ｐゴシック", Osaka;
}
body.menu-open {
background:#F5F5F5;
}  a{
outline:none;
}
a:link {
color: #333;
text-decoration: none;
}
a:visited {
color: #333;
text-decoration: none;
}
a:hover {
color: #333;
text-decoration:none;
}
a:active {
color: #333;
text-decoration:none;
}
.opacity a:hover img {
opacity:0.7;
filter: alpha(opacity=70);
-moz-opacity:0.7;
}
#main section a{
color:#028CD7;
text-decoration: underline;
}
#main section a:hover{
text-decoration: none;
} #wrapper {
position:relative;
} header{
position: fixed;
width: 100%;
z-index: 1000;
background: #fff;
}
header .header-cont{
display: flex;
position: relative;
height: 80px;
padding: 0 10px;
transition: 0.3s;
}
header.fix .header-cont{
height: 60px;
}
header .header-cont #menu{
display: none;
}
header .header-cont .des{
position: absolute;
top: auto;
left: -10000px;
overflow: hidden;
width: 1px;
height: 1px;
}
header .header-cont .logo{
width: 320px;
padding: 12px 0 0;
transition: 0.3s;
}
header.fix .header-cont .logo{
width: 250px;
padding: 6px 0 0;
}
header.fix .header-cont .logo img{
width:100%;
height:auto;
}
header .header-cont nav{
width: calc(100% - 320px);
position: relative;
padding: 0 0 0 40px;
box-sizing: border-box;
}
header.fix .header-cont nav{
width: calc(100% - 250px);
}
header .header-cont .h-contact{
position: absolute;
right: 0;
top: 15px;
display: flex;
align-content: center;
}
header .header-cont .h-contact li{
text-align: center;
margin: 0 0 0 10px;
}
header .header-cont .h-contact li a{
transition: 0.3s;
}
header .header-cont .h-contact li:nth-child(1){
width: 120px;
margin: 0;
}
header .header-cont .h-contact li:nth-child(1) a{
display: block;
padding: 12px 0;
font-size: 14px;
font-weight: normal;
color: #0081de;
background: url(/common/img/211112/h-icon01.svg) no-repeat left center;
}
header .header-cont .h-contact li:nth-child(2){
width: 152px;
margin: 0;
}
header .header-cont .h-contact li:nth-child(2) a{
display: block;
background: url(/common/img/230123/h-icon02_w.svg) no-repeat left 8px center #2680EB;
border-radius: 6px;
border: 1px solid #2680EB;
box-sizing: border-box;
padding: 12px 0 12px 20px;
font-size: 14px;
font-weight: normal;
color: #fff;
}
header .header-cont .h-contact li:nth-child(3){
width: 115px;
}
header .header-cont .h-contact li:nth-child(3) a{
display: block;
background: url(/common/img/230123/h-icon03_w.svg) no-repeat left 8px center #2680EB;
border-radius: 6px;
border: 1px solid #2680EB;
box-sizing: border-box;
padding: 12px 0 12px 20px;
font-size: 14px;
font-weight: normal;
color: #fff;
}
header .header-cont .h-contact li:nth-child(4){
width: 110px;
}
header .header-cont .h-contact li:nth-child(4) a{
display: block;
background: url(/common/img/230123/h-icon04.svg) no-repeat left 8px center  #FFE300;
border-radius: 6px;
border: 1px solid #FFE300;
box-sizing: border-box;
padding: 12px 0 12px 20px;
font-size: 14px;
font-weight: normal;
color: #000;
}
@media (min-width:1271px){
header .header-cont .h-contact li:nth-child(2) a:hover{
background: url(/common/img/230123/h-icon02.svg) no-repeat left 8px center;
color: #1B77CB;
opacity: 1.0;
}
header .header-cont .h-contact li:nth-child(3) a:hover{
background: url(/common/img/230123/h-icon03.svg) no-repeat left 8px center;
color: #1B77CB;
opacity: 1.0;
}
header .header-cont .h-contact li:nth-child(4) a:hover{
background: url(/common/img/230123/h-icon04.svg) no-repeat left 8px center;
opacity: 1.0;
}
}
header .header-cont #menu-logo{
display: none;
}
@media (min-width:738px){
header * {
transition: 0.3s;
}
header{
box-shadow: 0px 0px 12px -6px rgba(0,0,0,0.2);
}
header.fix .header-cont{
padding: 0 10px 0 10px
}
header.fix .header-cont .h-contact{
top: 6px;
}
header.fix .header-cont .h-contact li{
margin: 0 0 0 8px;
}
header .header-cont .h-contact li a:hover{
opacity: 0.6;
}
header.fix .header-cont .h-contact li:nth-child(1) a{
padding: 14px 0 19px 8px;
}
header.fix .header-cont .h-contact li:nth-child(2) a{
padding: 12px 0 12px 20px;
}
header.fix .header-cont .h-contact li:nth-child(3) a{
padding: 12px 0 12px 20px;
}
}
@media (max-width:1520px){
header .header-cont nav{
padding: 0 0 0 20px;
}
header .header-cont .h-contact li:nth-child(1){
width: 110px;
}
}
@media (max-width:1480px){
header .header-cont .logo{
width: 250px;
padding: 16px 0 0;
}
header.fix .header-cont .logo{
width: 250px;
}
header .header-cont .logo img{
width: 250px;
}
header.fix .header-cont .logo{
padding: 10px 0 0 0;
}
header .header-cont nav,
header.fix .header-cont nav{
width: calc(100% - 250px);
}
header .header-cont .h-contact li:nth-child(1) a,
header .header-cont .h-contact li:nth-child(2) a,
header .header-cont .h-contact li:nth-child(3) a,
header .header-cont .h-contact li:nth-child(4) a{
font-size: 13px;
}
header .header-cont .h-contact li:nth-child(2){
width: 142px;
}
header .header-cont .h-contact li:nth-child(3){
width: 111px;
}
header .header-cont .h-contact li:nth-child(4){
width: 105px;
}
}
@media (max-width:1270px){
header .header-cont .logo{
width: 200px;
}
header.fix .header-cont .logo{
width: 200px;
}
header .header-cont .logo img{
width: 200px;
}
header .header-cont nav,
header.fix .header-cont nav{
width: calc(100% - 200px);
}
header .header-cont .h-contact li:nth-child(1) a,
header .header-cont .h-contact li:nth-child(2) a,
header .header-cont .h-contact li:nth-child(3) a,
header .header-cont .h-contact li:nth-child(4) a{
font-size: 12px;
}
header .header-cont .h-contact li:nth-child(1){
width: 100px;
}
header .header-cont .h-contact li:nth-child(2){
width: 132px;
}
header .header-cont .h-contact li:nth-child(3){
width: 101px;
}
header .header-cont .h-contact li:nth-child(4){
width: 95px;
}
}
@media (max-width:1180px){
header .header-cont{
height: 60px;
display: block;
}
header .header-cont #menu-logo{
height: 60px;
display: block;
background: #fff;
padding: 12px 10px 0;
box-sizing: border-box;
}
header .header-cont #menu-logo img{
width: 220px;
}
header .header-cont nav{
width: 100%;
padding: 0 0 50px;
}
header .header-cont .logo{
width: 220px;
padding: 12px 0 0;
}
header .header-cont .logo img{
width: 220px;
}
header .header-cont .h-contact{
position: static;
display: flex;
flex-wrap: wrap;
padding: 15px 10px 5px;
box-sizing: border-box;
}
header .header-cont .h-contact li:nth-child(1){
width: 49%;
margin: 0 2% 10px 0;
}
header .header-cont .h-contact li:nth-child(1) a{
border: 1px solid #0081de;
padding: 12px 0 12px 20px;
border-radius: 6px;
background: url(/common/img/211112/h-icon01.svg) no-repeat left 17px center;
}
header .header-cont .h-contact li:nth-child(2){
width: 49%;
margin: 0 0 10px;
}
header .header-cont .h-contact li:nth-child(2) a{
border-radius: 6px;
background: url(/common/img/230123/h-icon02_w.svg) no-repeat left 17px center #2680EB;
}
header .header-cont .h-contact li:nth-child(3){
width: 49%;
margin: 0 2% 0 0;
}
header .header-cont .h-contact li:nth-child(3) a{
border-radius: 6px;
background: url(/common/img/230123/h-icon03_w.svg) no-repeat left 15px center #2680EB;
}
header .header-cont .h-contact li:nth-child(4){
width: 49%;
margin: 0;
}
header .header-cont .h-contact li:nth-child(4) a{
border-radius: 6px;
background: url(/common/img/230123/h-icon04.svg) no-repeat left 15px center  #FFE300;
}
header .header-cont nav{
position: fixed;
}
header .header-cont nav,
header.fix .header-cont nav{
width: 100%;
}
header .header-cont #menu{
display: block;
position: fixed;
right:0;
top:0;
z-index:9999;
background:#0081de;
color:#FFFFFF;
font-size:0.76em;
height:60px;
overflow:hidden;
}
header .header-cont #menu:before{
content:"MENU";
display:block;
position:absolute;
left:0;
top:37px;
width:60px;
text-align: center;
font-size:1.167em;
z-index:999;
}
header .header-cont #menu.close{
background: url(/common/img/#header_menu_bg02.png) center 40px no-repeat #664397;
background-size: auto 7px ;
}
header .header-cont #menu a{
display: inline-block;
position: relative;
width: 60px;
height:60px;
overflow:hidden;
}
header .header-cont #menu a span{
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 24px;
height: 2px;
margin: -6px 0 0 -12px;
background: #FFF;
transition: .2s;
text-indent:-9999px;
}
header .header-cont #menu a span:before,
header .header-cont #menu a span:after{
display: block;
content: "";
position: absolute;
top: 50%;
left: 0;
width: 24px;
height: 2px;
background: #FFF;
transition: .3s;
}
header .header-cont #menu a span:before{
margin-top: -6px;
}
header .header-cont #menu a span:after{
margin-top: 4px;
}
header .header-cont #menu a .close{
background: transparent;
}
header .header-cont #menu a .close:before,
header .header-cont #menu a .close:after{
margin-top: 0;
}
header .header-cont #menu a .close:before{
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
header .header-cont #menu a .close:after{
transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
}
} nav {
margin:0;
}
nav.bg-color{
background: #0068b7;
}
nav ul.menu{
margin: 14px auto 0;
font-weight: normal;
line-height: 1.2;
position: relative;
    display: -webkit-flex;
display: flex;
font-size: 14px;
}
header.fix nav ul.menu{
margin: 7px auto 0;
}
nav ul.menu:before{
content: "";
display: block;
position: absolute;
left: 0;
top: 10%;
width: 0;
height: 80%;
}
nav ul.menu a{
color: #333;
}
nav.bg-color ul.menu a{
color: #FFF;
}
nav ul.menu > li{
position:relative;
border-bottom: #FFF 3px solid;
}
nav.bg-color ul.menu > li{
border-bottom: none;
}
nav ul.menu > li.current-menu-item,
nav ul.menu > li:hover{
border-bottom: #0081de 3px solid;
}
nav.bg-color ul.menu > li.current-menu-item,
nav.bg-color ul.menu > li:hover{
border-bottom: none;
}
nav ul.menu > li > a{
display: block;
text-align: center;
padding: 17px 15px;
transition: 0.3s;
}
header.fix nav ul.menu > li > a{
padding:16px 15px;
}
nav.bg-color ul.menu > li.current-menu-item > a,
nav.bg-color ul.menu > li > a:hover{
}
nav ul.menu > li > a i{
display: block;
margin: 0;
font-size: 32px;
padding: 0 0 10px;
}
nav ul.menu > li:nth-child(1) > a{
cursor:default;
pointer-events: none;
}
nav ul.menu > li:nth-child(2) > a{
cursor:default;
pointer-events: none;
}
@media (min-width:1201px){
nav ul.menu > li > a:hover{
color: #0081de;
}
} nav ul li ul{
display: none;
position: absolute;
font-size: 14px;
left: 0;
top: 100%;
z-index: 9998;
font-weight: normal;
margin: 3px 0 0;
}
nav.bg-color ul li ul{
margin: 0;
}
nav ul li:hover ul{
display: block;
width: 100%;
}
nav ul li ul li {
width: 220px;
}
nav ul li ul li a {
padding: 12px 10px;
background: #eee;
border-bottom: dotted 1px #ccc;
vertical-align: middle;
display: block;
color: #000 !important;
}
nav ul li ul li:last-of-type a {
border-bottom: none;
}
nav ul li ul li a:hover {
background: #ccc;
}
nav .menu-btn{
display:none;
}
@media (max-width:1450px){
nav ul.menu > li > a{
padding: 17px 10px;	
}
}
@media (max-width:1340px){
nav ul.menu > li > a{
padding: 17px 7px;
font-size: 13px;
}
header.fix nav ul.menu > li > a{
padding: 16px 7px;	
}
}
@media screen and (max-width: 1180px){
nav {
width: 100%;
height: 100%;
overflow: scroll;
position: fixed;
top: 0;
left:0;
z-index: 9998;
display: none;
box-sizing:border-box;
background:#F5F5F5 !important;
}
nav ul{
width: auto !important;
margin:0 auto;
line-height: 1.6;
}
nav ul.menu{
background:#F5F5F5;
font-size:1.333em;
display: block;
margin: 0 auto;
}
nav ul.menu:before{
display: none;
}
nav ul.menu a{
color: #333 !important;
}
nav ul li ul li{
width: 100%;
}
nav ul.menu > li{
border-bottom: #CCC 1px solid !important;
}
nav ul.menu > li.current-menu-item,
nav ul.menu > li:hover{
border-bottom: #CCC 1px solid !important;
}
nav ul.menu > li:before{
display: none;
}
nav ul.menu > li > a{
text-align: left;
padding: 10px 20px;
}
nav ul.menu > li > a i{
display: inline-block;
margin: 0 5px 0 0;
font-size: 1em;
padding: 0;
} nav ul li ul{
display: block;
position: relative;
top: 0;
margin: 0;
}
nav ul li ul li a {
padding: 10px 20px;
background: #EEE !important;
border-top: dotted 1px #CCC;
border-bottom: none;
color: #333 !important;
}
nav ul li ul li a:hover {
background: #EEEEEE;
}
nav .menu-btn{
display: block;
}
nav p.menu-btn a{
display:block;
background: #666;
color:#FFFFFF;
padding:10px 10px;
text-align: center;
margin:10px;
font-size:1.167em;
border-radius: 5px;
border-bottom: #333 3px solid;
}
nav p.menu-btn a:hover{
text-decoration: none;
}
}
@media screen and (min-width: 1271px){
nav{
display:block !important;
}
} .h-des-area{
padding: 91px 20px 10px;
border-top: 1px solid #D0D0D0;
border-bottom: 1px solid #D0D0D0;
background: #F5F5F5;
font-size: 12px;
position: relative;
display: flex;
}
@media (max-width:1180px){
.h-des-area{
padding: 71px 20px 10px;
}
}
@media (max-width:737px){
.h-des-area{
padding: 66px 5px 5px;
display: block;
}
.h-des-area h1,
.h-des-area p{
display: inline;
}
} #cont {
padding:95px 0 0;
width:960px;
margin:0 auto;
position:relative;
clear:both;
}
#cont-tokyo {
padding:10px 0 0;
width:960px;
margin:0 auto;
position:relative;
clear:both;
}
#home #cont ,
#tokyo #cont {
padding:0px 0 0;
}
@media screen and (max-width: 737px){
#cont {
padding:60px 0;
width: auto;
}
#home #cont,
#tokyo #cont {
padding:0;
}
#cont-tokyo {
width:100%;
padding:0;
}
} #main {
width:735px;
float:right;
margin:0 0 30px;
}
#home #main {
padding:10px 0 0;
}
@media screen and (max-width: 737px){
#main {
width:100%;
float: none;
margin:0 0 10px;
padding:0 !important;
}
} #sub {
width:200px;
float:left;
margin:0 0 30px;
}
#sub section{
margin:0 0 20px;
}
#sub section dl dt{
color:#FFFFFF;
font-size:1.25em;
font-weight: bold;
padding:6px 10px 6px 35px;
}
#sub section.sub-nav dl dt:nth-of-type(1){
background: url(/common/img/nav_icon01.png) 5px center no-repeat #028CD7;
}
#sub section.sub-nav dl dt:nth-of-type(2){
background: url(/common/img/nav_icon01_2.png) 5px center no-repeat #028CD7;
}
#sub section.sub-nav dl dt:nth-of-type(3){
background: url(/common/img/nav_icon02.png) 5px center no-repeat #028CD7;
}
#sub section.sub-nav dl dt:nth-of-type(4){
background: url(/common/img/nav_icon03.png) 5px center no-repeat #028CD7;
}
#sub section.company dl dt:nth-of-type(1){
background: url(/common/img/nav_icon04.png) 5px center no-repeat #028CD7;
}
#sub section.info dl dt:nth-of-type(1){
background: url(/common/img/nav_icon05.png) 5px center no-repeat #028CD7;
}
#sub section.info dl dt:nth-of-type(2){
background: url(/common/img/nav_icon06.png) 5px center no-repeat #028CD7;
}
#sub section.info dl dt:nth-of-type(3){
background: url(/common/img/nav_icon07.png) 5px center no-repeat #028CD7;
}
#sub section.menu ul li{
border-bottom: #CCC 1px solid;
border-right: #CCC 1px solid;
}
#sub section.menu ul li:first-child{
border-top: #CCC 1px solid;
}
#sub .menu p {
margin:0 0 20px -41px;
}
@media screen and (max-width: 737px){
#sub {
width: auto;
float: none;
margin:0;
display: none;
}
#sub section{
margin:0 0 10px;
}
#sub section.menu p{
display:none;
}
#sub section.menu ul {
margin:0 10px;
}
#sub section.menu ul li{
float:left;
width:50%;
box-sizing:border-box;
}
#sub section.menu ul li:nth-child(2){
border-top:#CCC 1px solid;
}
#sub section.menu ul li img{
width:100%;
height: auto;
}
}
#sub .sub-nav dl{
border-bottom:#CCC 1px solid;
}
#sub .sub-nav dl ul{
border-right:#CCC 1px solid;
border-left:#CCC 1px solid;
font-size:1.167em;
}
#sub .sub-nav dl ul li a{
position:relative;
display:block;
padding:7px 10px 7px 22px;
border-bottom:#CCC 1px solid;
background: #F7F7F7;
}
#sub .sub-nav dl ul li:last-child a{
border-bottom: none;
}
#transparent #sub .service-nav li:nth-child(4) a,
#postcard #sub .service-nav li:nth-child(3) a,
#pack #sub .service-nav li:nth-child(1) a,
#send #sub .service-nav li:nth-child(2) a,
#ethical #sub .service-nav li:nth-child(6) a,
#other #sub .option-nav li:nth-child(3) a,
#list #sub .option-nav li:nth-child(1) a,
#nondelivery #sub .option-nav li:nth-child(2) a,
#address #sub .spec-nav li:nth-child(1) a,
#print #sub .spec-nav li:nth-child(2) a,
#envelope #sub .spec-nav li:nth-child(3) a,
#delivery #sub .guide-nav li:nth-child(2) a,
#payment #sub .guide-nav li:nth-child(3) a,
#data #sub .guide-nav li:nth-child(4) a,
#template #sub .guide-nav li:nth-child(5) a,
#flow #sub .guide-nav li:nth-child(1) a,
#qa #sub .guide-nav li:nth-child(6) a,
#company #sub .company-nav li:nth-child(1) a,
#greeting #sub .company-nav li:nth-child(3) a,
#staff #sub .company-nav li:nth-child(4) a,
#privacy #sub .company-nav li:nth-child(5) a{
background: #CCC;
font-weight: bold;
}
#sub .sub-nav dl ul li a:hover{
background: #CCC;
}
#sub .sub-nav dl ul li a:after{
content:"";
display:block;
position:absolute;
left:10px;
top:50%;
margin:-4px 0 0;
width:0;
height:0;
border:#F7F7F7 4px solid;
border-left: #028CD7 4px solid;
}
#transparent #sub .service-nav li:nth-child(4) a:after,
#postcard #sub .service-nav li:nth-child(3) a:after,
#pack #sub .service-nav li:nth-child(1) a:after,
#send #sub .service-nav li:nth-child(2) a:after,
#ethical #sub .service-nav li:nth-child(6) a:after,
#other #sub .option-nav li:nth-child(3) a:after,
#list #sub .option-nav li:nth-child(1) a:after,
#nondelivery #sub .option-nav li:nth-child(2) a:after,
#address #sub .spec-nav li:nth-child(1) a:after,
#print #sub .spec-nav li:nth-child(2) a:after,
#envelope #sub .spec-nav li:nth-child(3) a:after,
#delivery #sub .guide-nav li:nth-child(2) a:after,
#payment #sub .guide-nav li:nth-child(3) a:after,
#data #sub .guide-nav li:nth-child(4) a:after,
#template #sub .guide-nav li:nth-child(5) a:after,
#flow #sub .guide-nav li:nth-child(1) a:after,
#qa #sub .guide-nav li:nth-child(6) a:after,
#company #sub .company-nav li:nth-child(1) a:after,
#greeting #sub .company-nav li:nth-child(2) a:after,
#staff #sub .company-nav li:nth-child(3) a:after,
#privacy #sub .company-nav li:nth-child(4) a:after,
#sub .sub-nav dl ul li a:hover:after{
border:#CCC 4px solid;
border-left: #028CD7 4px solid;
}
#sub .sub-nav dl ul li a span{
color:#FFFFFF;
font-size:0.643em;
background: #EB1B20;
padding:0 2px;
margin:0 0 0 5px;
}
@media screen and (max-width: 737px){
#sub .sub-nav.company{
margin:0;
}
#sub .sub-nav.company dl{
border-bottom: none;
}
#sub .sub-nav dl ul{
border: none;
font-size:1em;
background: #F7F7F7;
}
#sub .sub-nav dl ul li {
float:left;
width:50%;
box-sizing:border-box;
border-right:#CCC 1px solid;
}
#sub .sub-nav dl ul li:nth-child(2n){
border-right: none;
}
#sub .sub-nav dl ul li a{
position:relative;
display:block;
padding:7px 5px 7px 17px;
}
#sub .sub-nav dl ul li:last-child a{
border-bottom: none;
}
#sub .sub-nav.company dl ul li:nth-child(3) a{
border-bottom: none;
}
}
#sub .banner li{
margin:0 0 10px;
}
@media screen and (max-width: 737px){
#sub .banner {
margin:0 10px;
}
#sub .banner li{
float:left;
width:49%;
clear:both;
}
#sub .banner ul.tokusetsu li{
float:none;
width:40%;
margin: 0 auto;
}
#sub .banner li:nth-child(2n){
float:right;
clear:none;
}
#sub .banner li img{
width:100%;
height: auto;
}
}
#sub .info dl dt{
margin:0 0 10px;
}
#sub .info dl dd{
margin:0 0 20px;
}
#sub .info dl dd ul li{
margin:0 0 10px;
}
#sub .info dl dd .column{
margin:0 0 12px;
}
#sub .info dl dd .column p{
margin:0;
}
#sub .info dl dd .column ul {
border-bottom:#CCC 1px  solid;
border-left:#CCC 1px  solid;
border-right:#CCC 1px  solid;
}
#sub .info dl dd .column ul li {
margin:0;
}
#sub .info dl dd .column ul li a{
display:block;
border-bottom: #CCC 1px dotted;
padding:5px 10px 5px 20px;
position:relative;
}
#sub .info dl dd .column ul li:last-child a{
border-bottom: none;
}
#sub .info dl dd .column ul li a:hover{
background: #CCC;
}
#sub .info dl dd .column ul li a:after{
content:"";
display:block;
position:absolute;
left:10px;
top:50%;
margin:-4px 0 0;
width:0;
height:0;
border:#FFF 4px solid;
border-left: #028CD7 4px solid;
}
#sub .info dl dd .column ul li a:hover:after{
border:#CCC 4px solid;
border-left: #028CD7 4px solid;
}
#sub .info dl dd .column ul li a span{
display:block;
}
#sub .info dl dd ul li.archive{
margin:0 0 8px -7px;
}
@media screen and (max-width: 737px){
#sub .info dl dd:nth-of-type(1){
text-align: center;
}
#sub .info dl dd:nth-of-type(2) {
margin:0 10px;
}
#sub .info dl dd:nth-of-type(2) img{
width:100%;
height: auto;
}
#sub .info dl dd:nth-of-type(2) .column ul{
display:none;
}
#sub .info dl dd:nth-of-type(2) .column {
width:49%;
float:left;
}
#sub .info dl dd:nth-of-type(2) ul li{
float:right;
width:49%;
}
#sub .info dl dd:nth-of-type(2) ul li:nth-child(2){
float:left;
}
#sub .info dl dd:nth-of-type(3) {
margin:0 10px;
}
#sub .info dl dd:nth-of-type(3) ul li img{
width:100%;
height: auto;
}
#sub .info dl dd:nth-of-type(3) ul li{
float:left;
width:49%;
}
#sub .info dl dd:nth-of-type(3) ul li:nth-child(2n){
float:right;
}
} #sub .archive-nav {
padding:10px 0 0;
}
#sub .archive-nav dl dt{
position:relative;
background: #028CD7 !important;
padding:6px 10px 6px 20px;
}
#sub .archive-nav dl dt:after{
content:"";
position:absolute;
left:10px;
top:50%;
margin:-7px 0 0;
display:block;
width:3px;
height: 15px;
background: #FFF;
}
#sub .archive-nav dl dd span{
padding:0 !important;
margin:0 !important;
background: none !important;
color:#333 !important;
display:block !important;
font-size:0.863em !important;
}
#sub .archive-nav dl dd.date-archive{
padding:10px;
border-right: #CCC 1px solid;
border-left: #CCC 1px solid;
padding:10px;
background:#F7F7F7;
font-size:1.167em;
}
#sub .side-dm{
margin: 10px 0;
}
#sub .side-dm h3{
color: #FFFFFF;
font-size: 1.25em;
font-weight: bold;
padding: 6px 10px 6px 35px;
background: url(/common/img/nav_icon01.png) 5px center no-repeat #028CD7;
}
#sub .side-dm .wpp-list{
margin: 10px 0;
}
#sub .side-dm .wpp-list li{
padding: 0 0 10px;
border-bottom: 1px dotted #ccc;
transition: 0.3s;
}
#sub .side-dm .wpp-list li:hover{
opacity: 0.6;
}
#sub .side-dm .post-stats{
text-align: right;
}
#sub h3.cat{
background: #028CD7;
position: relative;
}
#sub h3.cat::before{
position: absolute;
left: 10px;
top: 4px;
content:"\f0ca";
color: #fff;
font-size: 18px;
font-family: fontAwesome;
}
#sub .cat-list{
margin: 10px 0 20px;
border-top: 1px dotted #ccc;
}
#sub .cat-list li{
border-bottom: 1px dotted #ccc;
}
#sub .cat-list li a{
display: block;
padding: 8px 15px;
transition: 0.3s;
}
#sub .cat-list li a:hover{
background: #f5f5f5;
}
@media screen and (max-width: 737px){
#sub .side-dm .wpp-list{
padding: 0 10px;
}
} footer {
clear:both;
}
footer .inner{
padding: 50px;
margin: 0 auto;
display: flex;
flex-direction: row-reverse;
justify-content: left;
}
@media screen and (max-width: 1200px){
padding: 50px 25px;
}
@media screen and (max-width: 737px){
footer {
border-top: #EBEBEB 5px solid;
clear:both;
}
footer .inner{
width: auto;
padding:0 15px 20px;
}
}
footer .inner .footer-nav{
float:right;
width: calc(100% - 390px);
margin: 0 0 0 100px;
}
footer .inner .footer-nav dl{
float:left;
width:25%;
padding:0 5px 0 0;
margin:0 0 20px;
box-sizing: border-box;
}
footer .inner .footer-nav dl:nth-of-type(5){
clear:both;
}
footer .inner .footer-nav dl dt{
font-size: 16px;
font-weight: bold;
margin:0 0 10px;
}
footer .inner .footer-nav dl dd ul li{
position:relative;
margin:0 0 5px;
padding:0;
font-size: 14px;
}
footer .inner .footer-nav dl dd ul li:after{
content: none;
display:block;
position:absolute;
left:0px;
top:5px;
width:0;
height:0;
border:#FFF 3px solid;
border-left: #028CD7 3px solid;
}
footer .inner .footer-nav dl dd ul li a{
color: #0081de;
}
footer .inner .footer-nav dl dd ul li a:hover{
text-decoration: underline;
}
footer .inner .footer-nav dl dd ul li a i{
font-size: 16px;
font-weight: bold;
margin: 0 7px 0 6px;
}
footer .inner .footer-nav dl dd ul li.blank a i{
font-size: 14px;
margin: 0 4px 0 0;
}
@media screen and (max-width: 1200px){
footer .inner .footer-nav{
margin: 0 0 0 60px;
}
footer .inner .footer-nav dl{
width:190px;
}
}
@media screen and (min-width: 738px){
footer .inner .footer-nav dl dd ul li{
padding:0 0 0 1.25em;
text-indent: -1.25em;
}
footer .inner .footer-nav dl dd ul li a i{
text-indent: 0;
}
}
@media screen and (max-width: 737px){
footer .inner {
padding: 0 0 20px;
display:block;
}
footer .inner .info{
padding: 0 15px;
}
footer .inner .footer-nav{
float: none;
width: 100%;
margin:0 0 20px;
}
footer .inner .footer-nav dl{
float: none;
width: 100%;
padding: 0;
margin: 0;
border-bottom: #CCC 1px solid;
}
footer .inner .footer-nav dl dt{
width: 100%;
background:#0081de;
color: #fff;
font-size: 15px;
font-weight: bold;
margin: 0;
padding:6px 10px 6px 35px;
box-sizing: border-box;
}
footer .inner .footer-nav dl:nth-of-type(1) dt{
background: url(/common/img/nav_icon01.png) 5px center no-repeat #0081de;
}
footer .inner .footer-nav dl:nth-of-type(2) dt{
background: url(/common/img/nav_icon01_2.png) 5px center no-repeat #0081de;
}
footer .inner .footer-nav dl:nth-of-type(3) dt{
background: url(/common/img/nav_icon02.png) 5px center no-repeat #0081de;
}
footer .inner .footer-nav dl:nth-of-type(4) dt{
background: url(/common/img/nav_icon03.png) 5px center no-repeat #0081de;
}
footer .inner .footer-nav dl:nth-of-type(5) dt{
background: url(/common/img/211112/nav_icon09.svg) 8px center no-repeat #0081de;
background-size: 22px auto;
}
footer .inner .footer-nav dl:nth-of-type(6) dt{
background: url(/common/img/nav_icon04.png) 5px center no-repeat #0081de;
}
footer .inner .footer-nav dl:nth-of-type(7) dt{
background: url(/common/img/211112/nav_icon08.svg) 10px center no-repeat #0081de;
background-size: 18px auto;
}
footer .inner .footer-nav dl dd{
width:100%;
box-sizing:border-box;
}
footer .inner .footer-nav dl dd ul{
font-size:1.167em;
background:#F7F7F7;
}
footer .inner .footer-nav dl dd ul li {
float:left;
width:50%;
box-sizing:border-box;
border-right:#CCC 1px solid;
margin: 0;
}
footer .inner .footer-nav dl dd ul li:nth-child(2n){
border-right: none;
}
footer .inner .footer-nav dl dd ul li a{
position:relative;
display:block;
padding:7px 0px 7px 7px;
border-bottom:#CCC 1px solid;
background: #F7F7F7;
font-size: 3.1vw;
color: #333;
}
footer .inner .footer-nav dl dd ul li a:hover{
text-decoration: none;
}
footer .inner .footer-nav dl dd ul li:last-child a{
border-bottom: none;
}
footer .inner .footer-nav dl dd ul li.border-non,
footer .inner .footer-nav dl dd ul li.border-non a{
border-bottom: none;
}
footer .inner .footer-nav dl dd ul li a i{
margin: 0 5px 0 0;
font-size: 2.0vw;
}
}
footer .inner .info{
width: 290px;
}
footer .inner .info ul {
margin:0 0 10px;
}
footer .inner .info ul li{
display:inline-block;
margin:0 0 0 10px;
}
footer .inner .info .ssl-ex{
text-align: left;
}
footer .inner .info h5{
font-size:0.917em;
margin:0 0 5px;
}
footer .inner .info .logo{
margin:0 0 10px;
}
footer .inner .info p{
line-height:1.8;
}
footer .inner .info p.address{
margin:0 0 20px;
}
footer .inner .info strong{
font-size:1.167em;
margin:0 0 5px;
}
@media screen and (max-width: 737px){
footer .inner .info{
float: none;
width: auto;
}
footer .inner .info ul {
margin:0 0 20px;
text-align: left;
}
footer .inner .info ul li{
margin:0 10px 0 0;
}
}
footer .copyright{
text-align: center;
padding:0 0 20px;
clear:both;
color:#000;
}
footer .copyright ul.menu{
max-width: 1100px;
margin:0 auto 15px;
border-top: 1px solid #D8D8D8;
border-bottom: 1px solid #D8D8D8;
padding: 15px 0;
}
footer .copyright ul.menu li{
display:inline-block;
}
footer .copyright ul.menu li a{
color: #0081de;
}
footer .copyright a{
color:#000;
}
footer .copyright a:hover{
text-decoration: underline;
}
footer .copyright ul.menu li:after{
content:"　|　";
}
footer .copyright ul.menu li:last-child:after{
content:"";
}
footer .copyright p{
font-size:0.917em;
}
#sub.ft-sub{
display: none;
}
@media screen and (max-width: 737px){
footer .inner .info h5{
text-align: left;
}
footer .inner .info .logo{
text-align: left;
}
footer .inner .info p{
text-align: left;
}
footer .copyright{
padding:10px 15px 60px; }
footer .copyright ul { }
#sub.ft-sub{
display: block;
padding: 10px 0 20px;
}
#sub.ft-sub section.sub-nav dl dt:nth-of-type(1){
background: url(/common/img/nav_icon01.png) 5px center no-repeat #0081de;
}
#sub.ft-sub section.sub-nav dl dt:nth-of-type(2){
background: url(/common/img/nav_icon01_2.png) 5px center no-repeat #0081de;
}
#sub.ft-sub section.sub-nav dl dt:nth-of-type(3){
background: url(/common/img/nav_icon02.png) 5px center no-repeat #0081de;
}
#sub.ft-sub section.sub-nav dl dt:nth-of-type(4){
background: url(/common/img/nav_icon03.png) 5px center no-repeat #0081de;
}
#sub.ft-sub section.company dl dt:nth-of-type(1){
background: url(/common/img/nav_icon04.png) 5px center no-repeat #0081de;
}
#sub.ft-sub section.info dl dt:nth-of-type(1){
background: url(/common/img/nav_icon05.png) 5px center no-repeat #0081de;
}
#sub.ft-sub section.info dl dt:nth-of-type(2){
background: url(/common/img/nav_icon06.png) 5px center no-repeat #0081de;
}
#sub.ft-sub section.info dl dt:nth-of-type(3){
background: url(/common/img/nav_icon07.png) 5px center no-repeat #0081de;
}
footer .copyright ul.menu li{
display:block;
}
footer .copyright ul.menu li:after{
content:"";
}
}
.main-contact{
background: url(/imgs/home/220723/main-contact-bg.jpg) no-repeat center center;
background-size: cover;
padding: 45px 0;
}
.main-contact .inner{
width: 1000px;
margin: 0 auto;
}
.main-contact .inner h3{
margin: 0 0 20px;
text-align: center;
font-size: 32px;
font-weight: bold;
color: #fff;
}
.main-contact .inner .list{
display: flex;
}
.main-contact .inner .list .list-item{
width: 50%;
text-align: center;
padding: 0 2.5%;
border-right: 1px solid #fff;
box-sizing: border-box;
}
.main-contact .inner .list .list-item:nth-child(3){
border-right: none;
}
.main-contact .inner .list .list-item .catch{
text-align: center;
color: #fff;
font-size: 16px;
margin: 0 0 5px;
}
.main-contact .inner .list .list-item .btn{
max-width: 374px;
margin: 0 auto;
}
.main-contact .inner .list .list-item .btn a{
display: block;
background: #FFE300;
border-bottom: 4px solid #AC9A00;
padding: 20px 0;
font-size: 20px;
border-radius: 10px;
transition: 0.3s;
}
.main-contact .inner .list .list-item:nth-child(1) .btn a span{
background: url(/common/img/211112/ft-icon01.svg) no-repeat left center;
padding: 0 0 0 20px;
}
.main-contact .inner .list .list-item:nth-child(2) .btn a span{
background: url(/common/img/230123/ft-icon03.svg) no-repeat left center;
padding: 0 0 0 25px;
}
.main-contact .inner .list .list-item:nth-child(3) .btn a span{
background: url(/common/img/211112/ft-icon02.svg) no-repeat left center;
padding: 0 0 0 25px;
}
@media (min-width:738px){
.main-contact .inner .list .list-item .btn a:hover{
transform: scale(0.975,0.975);
}
}
@media (max-width:737px){
.webp .main-contact{
background: url(/imgs/home/230704/main-contact-bg_sp.webp) no-repeat center center;
background-size: cover;
}
.no-webp .main-contact{
background: url(/imgs/home/230704/main-contact-bg_sp.jpg) no-repeat center center;
background-size: cover;
}
.main-contact .inner .list{
display: block;
}
.main-contact .inner{
width: 100%;
padding: 0 10px;
box-sizing: border-box;
}
.main-contact .inner h3{
font-size: 20px;
}
.main-contact .inner .list .list-item{
width: 100%;
text-align: center;
margin: 20px auto 0;
padding: 0;
border-right: none;
}
}
.ft-bnr-cont{
background: #EFEFEF;
}
.ft-bnr-cont ul{
display: flex;
justify-content: center;
margin: 0;
padding: 10px 0 15px;
}
.ft-bnr-cont ul li{
width: 240px;
margin: 0 10px;
position: relative;
transition: 0.3s;
}
.ft-bnr-cont ul li img{
max-width: 100%;
}
@media (min-width:738px){
.ft-bnr-cont ul li:hover{
opacity: 0.7;
}
}
@media (max-width:737px){
.ft-bnr-cont ul{
padding: 15px 10px;
flex-wrap: wrap;
}
.ft-bnr-cont ul li{
width: 49%;
margin: 0 2% 2% 0;
}
.ft-bnr-cont ul li:nth-child(2n){
margin: 0 0 2% 0;
}
} #help {
position:fixed;
right:0;
top:100px;
}
@media screen and (max-width: 737px){
#help{
display:none;
}
} #scroll {
position:absolute;
right:50%;
margin:0 -665px 0 0;
width:50px;
height:50px;
bottom:130px;
z-index:9999;
display:none;
}
#scroll.ptop {
position: fixed;
right:50%;
margin:0 -665px 0 0;
bottom:25px;
}
#scroll a{
display:block;
background: #028CD7;
width:50px;
height:50px;
border-radius:50%;
position:relative;
text-indent:-9999px;
}
#scroll a:after{
content:"";
width:0;
height:0;
position:absolute;
left:15px;
top:10px;
border: #028CD7 10px solid;
border-bottom: #FFF 10px solid;
}
#scroll .tel{
display:none;
}
@media screen and (max-width: 737px){
#scroll,
#scroll.ptop {
position:fixed !important;
right:0;
margin:0;
bottom:0;
width: 100%;
height: auto;
}
#scroll a{
display:block;
background: none;
width: auto;
height: auto;
border-radius:0;
text-indent:0;
}
#scroll a:after{
display:none;
}
#scroll .tel{
display: block;
}
#scroll ul{
width: 100%;
background: #CCC;
}
#scroll ul li{
float:left;
text-align: center;
}
#scroll ul li:nth-child(1) ,
#scroll ul li:nth-child(2) {
width:43%;
overflow:hidden;
}
#scroll ul li:nth-child(1) a,
#scroll ul li:nth-child(2) a{
padding:12px 0 11px;
background: #028CD7;
box-sizing:border-box;
border-right:1px #FFFFFF solid;
display:block;
}
#scroll ul li:nth-child(1) img,
#scroll ul li:nth-child(2) img{
height:27px;
width: auto;
}
#scroll ul li:nth-child(3) {
width:14%;
overflow:hidden;
}
#scroll ul li:nth-child(3) a{
padding: 0;
background: #CCCCCC;
box-sizing:border-box;
display:block;
text-align: center;
}
#scroll ul li:nth-child(3) a:hover{
background: #CCCCCC;
}
#scroll ul li:nth-child(3) img{
height:50px;
width: auto;
}
} #topicpass {
margin: 0 0 5px;
color:#333;
background: url(/common/img/topicpass_icon.png) 5px center no-repeat;
padding: 0 0 0 25px;
}
#topicpass a{
color:#028CD7;
text-decoration: underline;
}
#topicpass a:hover{
color:#028CD7;
text-decoration: none;
}
#topicpass li{
float:left;
}
#topicpass li span{
display:inline-block;
padding:0 5px;
}
#cont #topicpass{
font-size: 12px;
} .br-pc{
display:block;
}
.br-sp{
display: inline;
}
@media screen and (max-width: 737px){
.br-pc{
display: inline;
}
.br-sp{
display:block;
}
}
#main section{
margin:0 0 40px;
}
#home #main section{
margin:0 0 20px;
}
#main section p,
#main section ul,
#main section dl,
#main section table{
font-size:1.167em;
margin:0 0 1em;
}
#home #main section .entry p{
font-size:1em;
}
#main h1{
border:#028CD7 1px solid;
padding:5px 10px 5px 20px;
position:relative;
font-size:1.633em;
font-weight: bold;
margin:10px 0 20px;
}
#main h1:before{
content:"";
display:block;
background: #028CD7;
width:3px;
height:20px;
position:absolute;
left:10px;
top:10px;
}
#main section h2{
font-size:1.833em;
font-weight: bold;
background: #F0F0F0;
border-left:#028CD7 5px solid;
margin:0 0 25px;
padding:5px 10px;
}
#home #main section h2{
font-size:1em;
font-weight: normal;
background: none;
border-left: none;
margin:0;
padding:0;
}
#main section h3{
}
#main section h4{
}
@media screen and (max-width: 737px){
#main section .inner{
margin:0 10px;
}
#main h1{
margin:0 0 15px;
background:#028CD7;
border:none;
color:#FFFFFF;
}
#main h1:before{
content:"";
display:block;
background: #FFF;
width:3px;
height:20px;
position:absolute;
left:10px;
top:10px;
}	
} #main ul.attention{
font-size:1em;
}
#main ul.attention li{
text-indent:-1em;
margin: 0 0 0 1em;
}
#main p.attention{
font-size:1em;
text-indent:-1em;
margin: 0 0 0 1em;
} #cont #main .tax-attention{
text-align: right !important;
margin:0 0 0 !important;
font-size: 12px !important;
color:#333;
font-weight: normal !important;
} #cont .inquiry {
position:relative;
}
#cont .inquiry p{
text-indent:-9999px;
width:735px;
height:214px;
background: url(/common/img/main_inquiry_bg.jpg) no-repeat;
}
#cont .inquiry ul{
position:absolute;
left:19px;
top:156px;
margin:0;
}
#cont .inquiry ul li{
float:left;
margin:0 10px 0 0;
}
#cont .inquiry ul li:nth-child(1){
display: none;
}
#cont .inquiry ul li a{
width:344px;
height:45px;
background: url(/common/img/main_inquiry_btn01_off.png?ver=210625) no-repeat;
display:block;
text-indent:-9999px;
}
#cont .inquiry ul li:nth-child(3) a{
background: url(/common/img/main_inquiry_btn02_off.png?ver=210625) no-repeat;
}
#cont .inquiry ul li a:hover{
background: url(/common/img/main_inquiry_btn01_on.png?ver=210625) no-repeat;
}
#cont .inquiry ul li:nth-child(3) a:hover{
background: url(/common/img/main_inquiry_btn02_on.png?ver=210625) no-repeat;
}
@media screen and (max-width: 737px){
#cont .inquiry {
margin:0;
}
#cont .inquiry p{
text-indent:0;
background: none;
width: auto;
height: auto;
margin:0;
}
#cont .inquiry p img{
width:100%;
height: auto;
}
#cont .inquiry ul {
background:#EEEEEE;
padding:10px;
position:relative;
left:0;
top:0;
}
#cont .inquiry ul li{
float: none;
margin:0 0 10px;
}
#cont .inquiry ul li:nth-child(1){
display: block;
}
#cont .inquiry ul li:nth-child(3){
margin:0;
}
#cont .inquiry ul li a{
text-indent:0;
width: auto;
height: auto;
background: none !important;
}
#cont .inquiry ul li a img{
width:100%;
height: auto;
}
} #cont #main .form-nav {
margin:0 0 20px;
}
#cont #main .form-nav li a{
display:block;
width:360px;
margin:0 auto 10px;
border-radius:5px;
color:#FFFFFF;
font-size:1.333em;
font-weight: bold;
padding:15px 0;
text-align: center;
position:relative;
text-decoration: none;
background: url(/common/img/icon_arrow03.png) 15px center no-repeat, -webkit-gradient(linear,left top,left bottom, from(#FFB300), to(#FF9900));
background: url(/common/img/icon_arrow03.png) 15px center no-repeat, -moz-linear-gradient(top, #FFB300, #FF9900);
background: url(/common/img/icon_arrow03.png) 15px center no-repeat, linear-gradient(to bottom, #FFB300, #FF9900); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFB300', endColorstr='#FF9900', GradientType=0); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFB300', endColorstr='#FF9900', GradientType=0)";	
}
#cont #main .form-nav li:nth-child(2) a{
background: url(/common/img/icon_arrow03.png) 15px center no-repeat, -webkit-gradient(linear,left top,left bottom, from(#FF5959), to(#E82C22));
background: url(/common/img/icon_arrow03.png) 15px center no-repeat, -moz-linear-gradient(top, #FF5959, #E82C22);
background: url(/common/img/icon_arrow03.png) 15px center no-repeat, linear-gradient(to bottom, #FF5959, #E82C22); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF5959', endColorstr='#E82C22', GradientType=0); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF5959', endColorstr='#E82C22', GradientType=0)";
}
#cont #main .form-nav li a:hover{
background: url(/common/img/icon_arrow03.png) 15px center no-repeat #F60;
}
#cont #main .form-nav li:nth-child(2) a:hover{
background:url(/common/img/icon_arrow03.png) 15px center no-repeat #C00;
}
@media screen and (max-width: 737px){
#cont #main .form-nav li a{
width:300px;
}
} #cont #main .page-nav {
font-size:1.333em;
margin:0 10px;
}
#cont #main .page-nav li{
float:left;
width:49%;
margin:0 2% 10px 0;
}
#cont #main .page-nav li:nth-child(2n){
margin:0 0 10px 0;
}
#cont #main .page-nav li a{
border:#028CD7 1px solid;
padding:15px 0;
display:block;
text-align: center;
text-decoration: none;
position:relative;
}
#cont #main .page-nav li a:hover{
background: #028CD7;
color:#FFFFFF;
}
#cont #main .page-nav li a:after{
content:"";
display:block;
border:#FFFFFF 5px solid;
border-left:#028CD7 5px solid;
position:absolute;
left:10px;
top:50%;
margin:-5px 0 0;
}
#cont #main .page-nav li a:hover:after{
border:#028CD7 5px solid;
border-left:#FFF 5px solid;
}
@media screen and (max-width: 737px){
#cont #main .page-nav {
font-size:1em;
}
#cont #main .page-nav li a{
padding:15px 5px 15px 15px;
}
} #pager{
position:relative;
text-align: center;
margin:0 0 30px;
font-weight: bold;
}
#pager li{
float:left;
width:33.3%;
box-sizing:border-box;
border-right: 1px #DDD solid;
border-bottom:1px #DDD solid;
}
#pager li:nth-child(3){
border-right:none;
}
#pager a{
color: #333;
text-decoration: none;
display:block;
padding:15px 0;
} #lean_overlay{
position: fixed;
z-index:100; 
top: 0px;
left: 0px;
height: 100%;
width: 100%;
background: #000;
display: none;
}
#div787{
background: none repeat scroll 0 0 #FFFFFF;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
display: none;
padding: 20px 30px;
width: 540px;
border-radius:7px;
}
.modal_close{ 
position: absolute;
top: 12px;
right: 12px;
display: block; 
width: 14px;
height: 14px; z-index: 2;
}
#div787 p{
font-size:1.333em;
margin:0 0 20px;
}
#div787 h3{
margin:0 0 20px;
}
#div787 .box .left{
float:left;
}
#div787 .box .right{
float:right;
}
#div787 .box .right li:first-child{
margin:0 0 20px;
}
#div787 .box ul.clm2{
display: flex;
justify-content:space-between;
}
.modal_a{
position: fixed;
top:181px;
right:0;
}
@media screen and (max-width: 737px){
.modal_a{
display:none;
}
} #calendar h3{
display: none;
}
#calendar #biz_calendar table.bizcal{
margin: 0;
border: 1px solid #CCC;
}
#calendar #biz_calendar table.bizcal .calmonth{
padding: 0 2px;
font-size: 1em;
}
#calendar #biz_calendar table.bizcal th{
background-image: linear-gradient(#f5f5f5 0%, #dcdcdc 100%);
font-size: 1em;
}
#calendar #biz_calendar table.bizcal td{
font-size: 1em;
}
#calendar #biz_calendar table.bizcal{
line-height: 1.4;
}
#calendar #biz_calendar table.bizcal .holiday{
background-color: #ff2323;
}
#calendar #biz_calendar table.bizcal th:first-child{
color: #ff2323;
}
#calendar #biz_calendar p span.boxholiday{
background-color: #ff2323;
}
#calendar #biz_calendar p{
font-size: 1em;
margin: 5px 0;
}
#biz_calendar p:nth-of-type(2){
display:none;
}       .entry{
font-size:1.167em;
}
.entry h1,
.entry h2,
.entry h3,
.entry h4,
.entry h5,
.entry h6 {
clear: both;
line-height: 1.3;
font-weight: bold;
}
.entry h1 {
font-size: 48px;
margin: 33px 0;
}
.entry h2 {
font-size: 30px;
margin: 25px 0;
}
.entry h3 {
font-size: 22px;
margin: 22px 0;
}
.entry h4 {
font-size: 20px;
margin: 25px 0;
}
.entry h5 {
font-size: 18px;
margin: 30px 0;
}
.entry h6 {
font-size: 16px;
margin: 36px 0;
}
.entry hr {
border-top: #B9A959 1px solid;
height: 0;
} .entry p {
margin: 0 0 1em;
}
.entry ol,
.entry ul {
padding: 10px 0 10px 40px;
font-size:16px;
background:#F7F7F7;
}
.entry ul li,
.entry ol li{
margin:3px 0;
}
.entry ul {
list-style-type: square;
}
.entry ol {
list-style: decimal outside;
}
.entry li > ul,
.entry li > ol {
margin: 0;
}
.entry dl {
margin: 0 20px;
}
.entry dt {
font-weight: bold;
}
.entry dd {
margin: 0 0 20px;
}
.entry strong {
font-weight: bold;
}
.entry code,
.entry kbd,
.entry pre,
.entry samp {
font-family: monospace, serif;
font-size: 14px;
}
.entry pre {
background: #f5f5f5;
color: #666;
font-family: monospace;
font-size: 14px;
margin: 20px 0;
overflow: auto;
padding: 20px;
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
.entry blockquote,
.entry q {
quotes: none;
}
.entry blockquote:before,
.entry blockquote:after,
.entry q:before,
.entry q:after {
content: "";
content: none;
}
.entry blockquote {
font-size: 24px;
font-style: italic;
font-weight: 300;
margin: 24px 40px;
}
.entry blockquote blockquote {
margin-right: 0;
}
.entry blockquote cite,
.entry blockquote small {
font-size: 14px;
font-weight: normal;
text-transform: uppercase;
}
.entry cite {
border-bottom: 0;
}
.entry abbr[title] {
border-bottom: 1px dotted;
}
.entry address {
font-style: italic;
margin: 0 0 24px;
}
.entry del {
color: #333;
}
.entry ins {
background: #fff9c0;
border: none;
color: #333;
text-decoration: none;
}
.entry sub,
.entry sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
.entry sup {
top: -0.5em;
}
.entry sub {
bottom: -0.25em;
} .entry a{
outline:none;
}
.entry a:link {
color: #028CD7 !important;
text-decoration: underline !important;
}
.entry a:visited {
color: #028CD7 !important;
text-decoration: underline !important;
}
.entry a:hover {
color: #028CD7 !important;
text-decoration:none !important;
}
.entry a:active {
color: #028CD7 !important;
text-decoration:none !important;
} .entry .alignleft {
float: left;
margin: 5px 20px 5px 0;
}
.entry .alignright {
float: right;
margin: 5px 0 5px 20px;
}
.entry .aligncenter {
display: block;
margin: 5px auto;
}
.entry img.alignnone {
margin: 5px 0;
} .entry table {
border-bottom: 1px solid #ededed;
border-collapse: collapse;
border-spacing: 0;
font-size: 14px;
line-height: 2;
margin: 0 0 20px;
width: 100%;
}
.entry caption,
.entry th,
.entry td {
font-weight: normal;
text-align: left;
}
.entry caption {
font-size: 16px;
margin: 20px 0;
}
.entry th {
font-weight: bold;
text-transform: uppercase;
}
.entry td {
border-top: 1px solid #ededed;
padding: 6px 10px 6px 0;
} .entry img {
height: auto;
max-width: 100%;
vertical-align: middle;
}
.entry .wp-caption {
background: transparent;
border: none;
margin: 0;
padding: 0;
text-align: left;
}
.entry .html5-captions .wp-caption {
padding: 0;
}
.entry .wp-caption.alignleft {
margin: 5px 10px 5px 0;
}
.entry .html5-captions .wp-caption.alignleft {
margin-right: 20px;
}
.entry .wp-caption.alignright {
margin: 5px 0 5px 10px;
}
.entry .wp-caption.alignright img,
.entry .wp-caption.alignright .wp-caption-dd {
padding-left: 10px;
}
.entry .html5-captions .wp-caption.alignright {
margin-left: 20px;
}
.entry .html5-captions .wp-caption.alignright img,
.entry .html5-captions .wp-caption.alignright .wp-caption-dd {
padding: 0;
}
.entry .wp-caption-dt {
margin: 0;
}
.entry .wp-caption .wp-caption-text,
.entry .wp-caption-dd {
color: #220e10;
font-size: 18px;
font-style: italic;
font-weight: 300;
line-height: 1.5;
margin-bottom: 24px;
padding: 0;
}
.entry .mceTemp + ul,
.entry .mceTemp + ol {
list-style-position: inside;
} .entry .gallery .gallery-item {
float: left;
margin: 0 4px 4px 0;
overflow: hidden;
padding: 0;
position: relative;
}
.entry .gallery-columns-1 .gallery-item {
max-width: 100%;
width: auto;
}
.entry .gallery-columns-2 .gallery-item {
max-width: 48%;
max-width: -webkit-calc(50% - 14px);
max-width:         calc(50% - 14px);
width: auto;
}
.entry .gallery-columns-3 .gallery-item {
max-width: 32%;
max-width: -webkit-calc(33.3% - 11px);
max-width:         calc(33.3% - 11px);
width: auto;
}
.entry .gallery-columns-4 .gallery-item {
max-width: 23%;
max-width: -webkit-calc(25% - 9px);
max-width:         calc(25% - 9px);
width: auto;
}
.entry .gallery-columns-5 .gallery-item {
max-width: 19%;
max-width: -webkit-calc(20% - 8px);
max-width:         calc(20% - 8px);
width: auto;
}
.entry .gallery-columns-6 .gallery-item {
max-width: 15%;
max-width: -webkit-calc(16.7% - 7px);
max-width:         calc(16.7% - 7px);
width: auto;
}
.entry .gallery-columns-7 .gallery-item {
max-width: 13%;
max-width: -webkit-calc(14.28% - 7px);
max-width:         calc(14.28% - 7px);
width: auto;
}
.entry .gallery-columns-8 .gallery-item {
max-width: 11%;
max-width: -webkit-calc(12.5% - 6px);
max-width:         calc(12.5% - 6px);
width: auto;
}
.entry .gallery-columns-9 .gallery-item {
max-width: 9%;
max-width: -webkit-calc(11.1% - 6px);
max-width:         calc(11.1% - 6px);
width: auto;
}
.entry .gallery-columns-1 .gallery-item:nth-of-type(1n),
.entry .gallery-columns-2 .gallery-item:nth-of-type(2n),
.entry .gallery-columns-3 .gallery-item:nth-of-type(3n),
.entry .gallery-columns-4 .gallery-item:nth-of-type(4n),
.entry .gallery-columns-5 .gallery-item:nth-of-type(5n),
.entry .gallery-columns-6 .gallery-item:nth-of-type(6n),
.entry .gallery-columns-7 .gallery-item:nth-of-type(7n),
.entry .gallery-columns-8 .gallery-item:nth-of-type(8n),
.entry .gallery-columns-9 .gallery-item:nth-of-type(9n) {
margin-right: 0;
}
.entry .gallery-columns-1 .gallery-item:nth-of-type(1n),
.entry .gallery-columns-2 .gallery-item:nth-of-type(2n - 1),
.entry .gallery-columns-3 .gallery-item:nth-of-type(3n - 2),
.entry .gallery-columns-4 .gallery-item:nth-of-type(4n - 3),
.entry .gallery-columns-5 .gallery-item:nth-of-type(5n - 4),
.entry .gallery-columns-6 .gallery-item:nth-of-type(6n - 5),
.entry .gallery-columns-7 .gallery-item:nth-of-type(7n - 6),
.entry .gallery-columns-8 .gallery-item:nth-of-type(8n - 7),
.entry .gallery-columns-9 .gallery-item:nth-of-type(9n - 8) {
margin-left: 12px; }
.entry .gallery .gallery-caption {
background-color: rgba(0, 0, 0, 0.7);
box-sizing: border-box;
color: #fff;
font-size: 14px;
line-height: 1.3;
margin: 0;
max-height: 50%;
opacity: 0;
padding: 2px 8px;
position: absolute;
bottom: 0;
left: 0;
text-align: left;
-webkit-transition: opacity 400ms ease;
transition:         opacity 400ms ease;
width: 100%;
}
.entry .gallery .gallery-caption:before {
box-shadow: 0 -10px 15px #000 inset;
content: "";
height: 100%;
min-height: 49px;
position: absolute;
left: 0;
top: 0;
width: 100%;
}
.entry .gallery-item:hover .gallery-caption {
opacity: 1;
}
.entry .gallery-columns-7 .gallery-caption,
.entry .gallery-columns-8 .gallery-caption,
.entry .gallery-columns-9 .gallery-caption {
display: none;
} .entry .mejs-mediaelement,
.entry .mejs-container .mejs-controls {
background: #220e10;
}
.entry .mejs-controls .mejs-time-rail .mejs-time-loaded,
.entry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
background: #fff;
}
.entry .mejs-controls .mejs-time-rail .mejs-time-current {
background: #ea9629;
}
.entry .mejs-controls .mejs-time-rail .mejs-time-total,
.entry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
background: #595959;
}
.entry .mejs-controls .mejs-time-rail span,
.entry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.entry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
border-radius: 0;
}  .entry .post-format-aside {
background-color: #f7f5e7;
}
.entry .post-format-aside blockquote {
font-size: 100%;
font-weight: normal;
}
.entry .post-format-aside cite {
font-size: 100%;
text-transform: none;
}
.entry .post-format-aside cite:before {
content: "\2014";
margin-right: 5px;
} .entry .post-format-audio {
background-color: #db572f;
}
.entry .post-format-audio a {
color: #fbfaf3;
}
.entry .post-format-audio:before {
background: url(/common/images/dotted-line.png) repeat-y 85px 0;
background-size: 4px 4px;
content: "\f109";
display: block;
float: left;
font-family: Genericons;
font-size: 64px;
-webkit-font-smoothing: antialiased;
height: 100%;
line-height: 1;
width: 120px;
} .entry .post-format-chat {
background-color: #eadaa6;
}
.entry .post-format-chat a {
color: #722d19;
} .entry .post-format-gallery {
background-color: #fbca3c;
}
.entry .post-format-gallery a {
color: #722d19;
}  .entry .post-format-link {
background-color: #f7f5e7;
} .entry .post-format-quote {
background-color: #210d10;
color: #f7f5e7;
}
.entry .post-format-quote a {
color: #e63f2a;
}
.entry .post-format-quote blockquote {
font-size: 28px;
font-style: italic;
font-weight: 300;
margin: 0;
padding-left: 75px;
position: relative;
}
.entry .post-format-quote blockquote:before {
content: '\201C';
font-size: 140px;
font-weight: 400;
line-height: .8;
padding-right: 25px;
position: absolute;
left: -15px;
top: -3px;
}
.entry .post-format-quote blockquote small,
.entry .post-format-quote blockquote cite {
display: block;
font-size: 16px;
}
.entry .format-quote .entry-content cite a {
border-bottom: 1px dotted #fff;
color: #fff;
}
.entry .format-quote .entry-content cite a:hover {
text-decoration: none;
} .entry .post-format-status {
background-color: #722d19;
color: #f7f5e7;
font-style: italic;
font-weight: 300;
padding: 0;
padding-left: 35px;
}
.entry .post-format-status.mceContentBody {
font-size: 24px;
}
.entry .post-format-status:before {
background: url(/common/images/dotted-line.png) repeat-y left bottom;
background-size: 4px 4px;
content: "";
display: block;
float: left;
height: 100%;
position: relative;
left: -30px;
width: 1px;
}
.entry .post-format-status > p:first-child:before {
background-color: rgba(0, 0, 0, 0.65);
content: "";
height: 3px;
width: 13px;
margin-top: 13px;
position: absolute;
left: 9px;
}
.entry .post-format-status a {
color: #eadaa6;
} .entry .post-format-video {
background-color: #db572f;
}
.entry .post-format-video a {
color: #fbfaf3;
} .entry html .mceContentBody.rtl {
direction: rtl;
unicode-bidi: embed;
}
.entry .rtl ol,
.entry .rtl ul {
padding: 0 40px 0 0;
}
.entry .rtl .wp-caption,
.entry .rtl tr th {
text-align: right;
}
.entry .rtl td {
padding: 6px 0 6px 10px;
text-align: right;
}
.entry .rtl blockquote blockquote {
margin-left: 0;
margin-right: 24px;
}
.entry .rtl.post-format-audio:before,
.entry .rtl.post-format-status:before,
.entry .rtl.post-format-status > p:first-child:before {
background: none;
content: none;
}   .cookie-consent {
position: fixed;
right: 30px;
bottom: -200px;
width: 280px;
visibility: visible;
transition: .5s;
z-index: 100;
box-shadow: 3px 3px 12px -8px rgba(0,0,0,0.6);
}
.cookie-consent.is-show {
visibility: visible;
bottom: 100px;
}
.cookie-img img{
max-width: 100%;
}
.cookie-img a{
transition: 0.3s;
}
@media (min-width:738px){
.cookie-img a:hover{
opacity: 0.6;
}
}
.cookie-agree{
position: absolute;
right: -20px;
top: -20px;
width: 40px;
height: 40px;
background: #0FB2E3;
font-size: 26px;
font-weight: bold;
border-radius: 50%;
color: #fff;
text-align: center;
cursor: pointer;
box-sizing: border-box;
} .cc-hide1 {
display: none;
} .cc-hide2 {
animation: hide 1s linear 0s;
animation-fill-mode: forwards;
}
@keyframes hide {
from {
opacity: 1;
}
to {
opacity: 0;
visibility: hidden;
}
} @media screen and (max-width: 737px) {
.cookie-consent {
flex-direction: column;
width: 280px;
left: calc(50% - 280px/2);
}
.cookie-consent {
bottom: -200px;
}
.cookie-consent.is-show {
visibility: visible;
bottom: 80px;
}
} footer ul.sns{
display: flex;
justify-content: center;
flex-wrap: wrap;
align-items: center;
margin: 20px 0;
}
footer ul.sns li{
width: 24px;
margin-left: 20px;
}
footer ul.sns li a{
display: block;
transition: .3s;
}
footer ul.sns li a:hover{
opacity: .7;
}
@media screen and (max-width: 737px) {
footer ul.sns{
padding: 0;
}
footer ul.sns li{
margin: 0 20px 0 0;
}
} #inquiry .zls-sptwndw,
#estimate .zls-sptwndw,
#upload .zls-sptwndw,
#single-download .zls-sptwndw{
display:none;
}
@media screen and (max-width: 737px) {
body .zls-sptwndw,
.zsiq_floatmain{
display:none !important;
}
}
 #main p img {
height: auto;
} * {
min-width: 0;
min-height: 0;
}
#home{
overflow-x: hidden;
}
#home #cont{
padding: 0;
}
#home #sliderArea {
display: flex;
}
#home .slider { width: 100%;
}
#home .slick-dots li button {
color: #000000;
opacity: 0.5;
}
#home .slick-dots li button:before {
content: "●";
}
#home .form,
#tokyo .form {
display: flex;
flex-direction: column;
justify-content: center;
background-color: #f6da1c;
padding: 0 25px;
box-sizing: border-box;
height: 360px;
width: 270px;
}
#home .form-img,
#tokyo .form-img {
text-align: center;
margin: 0 0 10px;
}
#home .form-btn,
#tokyo .form-btn {
text-align: center;
}
#home .form-btn input,
#tokyo .form-btn input {
background-color: #000000;
width: 160px;
margin: 0 auto;
text-align: center;
border-radius: 20px;
margin-top: 8px;
outline: none;
padding: 5px 0;
font-size: 18px;
font-weight: 900;
color: #fff;
border: none;
cursor: pointer;
}
#home .form-table table,
#tokyo .form-table table {
width: 100%;
font-size: 15px;
}
#home .form-table th,
#home .form-table td,
#tokyo .form-table th,
#tokyo .form-table td {
padding: 5px 0;
}
#home .form-table th,
#tokyo .form-table th {
font-size:16px;
}
#home .form-table td,
#tokyo .form-table td {
width: 180px;
}
#home .form-table td input,
#home .form-table td select,
#tokyo .form-table td input,
#tokyo .form-table td select {
width: 100%;
box-sizing: border-box;
padding:3px;
}
#home #visual .contact-area,
#tokyo #visual .contact-area{
color:#FFF;
text-align:center;
border-top:1px #FFF dashed;
padding:20px 0 0;
}
#home #visual .contact-area span,
#tokyo #visual .contact-area span{
display:block;
font-size:18px;
}
#home #visual .contact-area a,
#tokyo #visual .contact-area a{
display:block;
background :url(/imgs/home/211112/arrow_dblue.svg) no-repeat right 10px center #FFE300;
width: 220px;
margin: 10px auto;
text-align: center;
border-radius: 6px;
outline: none;
padding: 12px 0;
font-size: 20px;
font-weight: normal;
color: #003F95;
border: none;
cursor: pointer;
-webkit-appearance: none;
}
#home #visual .inquiry-btn a,
#tokyo #visual .inquiry-btn a{
display:block;
background :url(/imgs/home/211112/arrow_dblue.svg) no-repeat right 10px center #FFE300;
width: 220px;
margin: -5px auto 15px;
text-align: center;
border-radius: 6px;
outline: none;
padding: 12px 0;
font-size: 20px;
font-weight: normal;
color: #003F95;
border: none;
cursor: pointer;
-webkit-appearance: none;
}
@media screen and (max-width: 737px) {
#home #sliderArea,
#tokyo #sliderArea {
display: block;
}
#home .slider,
#tokyo .slider {
width: 100%;
max-width: 100%;
}
#home .slider img,
#tokyo .slider img {
width: 100%;
}
#home .form,
#tokyo .form {
flex-direction: row;
height: auto;
align-items: center;
margin-bottom: 20px;
width: 100%;
}
#home .form-img,
#tokyo .form-img {
width: 40%;
}
#home .form-img img,
#tokyo .form-img img {
width: 100%;
}
#home .form-table,
#tokyo .form-table {
width: 53%;
padding: 20px 0 0;
margin-left: auto;
} #home .form-table td,
#tokyo .form-table td {
padding: 0 0 10px;
width:auto;
}
#home .form-table td input,
#home .form-table td select,
#tokyo .form-table td input,
#tokyo .form-table td select {
-webkit-appearance: none;
background:#FFF;
}
#home .form-table td select,
#tokyo .form-table td select {
background :url(/imgs/home/211112/arrow_under.svg) no-repeat right 10px center #FFF;
}
#home .form-table select,
#home .form-table input,
#tokyo .form-table select,
#tokyo .form-table input {
width: 100%;
}
#home .form-btn input,
#tokyo .form-btn input {
margin: 0 0 20px;
}
}
#home #cont,
#tokyo #cont{
width: 100%;
}
#home #cont #main{
width: 100%;
}
#home #cont #main .inner{
width: 1100px;
margin: 0 auto;
box-sizing: border-box;
}
#home #cont #main img{
max-width: 100%;
}
@media (max-width:737px){
#home #cont #main .inner{
width: 100%;
margin: 0 auto;
padding: 0 10px;
}	
} #home #visual,
#tokyo #visual{
width: 100%;
height: 565px;
position: relative; }
#home #visual .list,
#tokyo #visual .list{
width: 1200px;
height:100%;
margin: 0 auto;
}
#home #visual .list,
#tokyo #visual .list{
position: relative;
left: -100px;
}
#home #visual .list .list-item,
#tokyo #visual .list .list-item{
position:relative;
}
#home #visual .list .list-item .mv-img,
#tokyo #visual .list .list-item .mv-img{
display:block;
position:absolute;
top:0;
left:0;
transition:0.3s;
opacity:0;
}
#home #visual .list .list-item .mv-img,
#tokyo #visual .list .list-item .mv-img{
animation:mvimg;
animation-duration: 0.5s;
animation-fill-mode: forwards;
animation-delay:0.3s;
transform:translateX(-50px);
}
#home #visual .list .list-item .mv-img.second,
#tokyo #visual .list .list-item .mv-img.second{
animation:mvimg2;
animation-duration: 0.7s;
animation-fill-mode: forwards;
animation-delay:0.6s;
transform:translateX(50px);
}
#home #visual .list .list-item .mv-img.third,
#tokyo #visual .list .list-item .mv-img.third{
animation:mvimg3;
transform-origin:right bottom;
animation-duration: 0.3s;
animation-fill-mode: forwards;
animation-delay:1.3s;
}
#home #visual .visual-box,
#tokyo #visual .visual-box{
position: absolute;
left: 0;
top: 0;
width: 100%;
}
@keyframes mvimg {
0%{
transform:translateX(-50px);
opacity:0;
}
100%{
transform:translateX(0px);
opacity:1;
}
}
@keyframes mvimg2 {
0%{
transform:translateY(50px);
opacity:0;
}
100%{
transform:translateY(0px);
opacity:1;
}
}
@keyframes mvimg3 {
0%{
transform:scale(0.9);
opacity:0;
}
70%{
transform:scale(1.05);
opacity:1;
}
100%{
transform:scale(1);
opacity:1;
}
}
#home #visual .main-slider{}
#home #visual .main-slider .slick-track,
#tokyo #visual .main-slider .slick-track{
display: flex;
}
#home #visual .main-slider .slick-track > div,
#tokyo #visual .main-slider .slick-track > div{
float: none;
width: 100%;
overflow: hidden;
}
#home #visual .main-slider > div .slick-img,
#tokyo #visual .main-slider > div .slick-img{
width: 100%;
}
.webp #home #visual .main-slider .slider-img01 .slick-img,
.webp #tokyo #visual .main-slider .slider-img01 .slick-img{
background: url(/imgs/home/230704/visual-img01.webp) no-repeat center center;
background-size: cover;
}
.no-webp #home #visual .main-slider .slider-img01 .slick-img,
.no-webp #tokyo #visual .main-slider .slider-img01 .slick-img{
background: url(/imgs/home/230704/visual-img01.jpg) no-repeat center center;
background-size: cover;
}
.webp #home #visual .main-slider .slider-img02 .slick-img,
.webp #tokyo #visual .main-slider .slider-img02 .slick-img{
background: url(/imgs/home/230704/visual-img02.webp) no-repeat center center;
background-size: cover;
}
.no-webp #home #visual .main-slider .slider-img02 .slick-img,
.no-webp #tokyo #visual .main-slider .slider-img02 .slick-img{
background: url(/imgs/home/230704/visual-img02.jpg) no-repeat center center;
background-size: cover;
}
.webp #home #visual .main-slider .slider-img03 .slick-img,
.webp #tokyo #visual .main-slider .slider-img03 .slick-img{
background: url(/imgs/home/230704/visual-img03.webp) no-repeat center center;
background-size: cover;
}
.no-webp #home #visual .main-slider .slider-img03 .slick-img,
.no-webp #tokyo #visual .main-slider .slider-img03 .slick-img{
background: url(/imgs/home/230704/visual-img03.jpg) no-repeat center center;
background-size: cover;
}
@media (max-width:737px){
.webp #home #visual .main-slider .slider-img01 .slick-img,
.webp #tokyo #visual .main-slider .slider-img01 .slick-img{
background: url(/imgs/home/230704/visual-img01_sp.webp) no-repeat center center;
background-size: cover;
}
.no-webp #home #visual .main-slider .slider-img01 .slick-img,
.no-webp #tokyo #visual .main-slider .slider-img01 .slick-img{
background: url(/imgs/home/230704/visual-img01_sp.jpg) no-repeat center center;
background-size: cover;
}
.webp #home #visual .main-slider .slider-img02 .slick-img,
.webp #tokyo #visual .main-slider .slider-img02 .slick-img{
background: url(/imgs/home/230704/visual-img02_sp.webp) no-repeat center center;
background-size: cover;
}
.no-webp #home #visual .main-slider .slider-img02 .slick-img,
.no-webp #tokyo #visual .main-slider .slider-img02 .slick-img{
background: url(/imgs/home/230704/visual-img02_sp.jpg) no-repeat center center;
background-size: cover;
}
.webp #home #visual .main-slider .slider-img03 .slick-img,
.webp #tokyo #visual .main-slider .slider-img03 .slick-img{
background: url(/imgs/home/230704/visual-img03_sp.webp) no-repeat center center;
background-size: cover;
}
.no-webp #home #visual .main-slider .slider-img03 .slick-img,
.no-webp #tokyo #visual .main-slider .slider-img03 .slick-img{
background: url(/imgs/home/230704/visual-img03_sp.jpg) no-repeat center center;
background-size: cover;
}
}
@keyframes fadezoom {
0% {
transform: scale(1);
}
100% {
transform: scale(1.1); }
}
.add-animation {
animation: fadezoom 5s 0s forwards;
}
@media (max-width:737px){
#home #visual .list,
#tokyo #visual .list{
left: 0;
}
#home #visual .main-slider .slick-track > div{
}
#home #visual .main-slider > div .slick-img img,
#tokyo #visual .main-slider > div .slick-img img{
max-width: 100%;
}
}
#home #visual .inner,
#tokyo #visual .inner{
position: absolute;
left: 50%;
top: 0;
width: 310px;
height: 565px;
margin: 0 0 0 240px;
}
#home #visual .inner .form,
#tokyo #visual .inner .form{
height: 100%;
margin: 0 0 0 auto;
padding: 0 25px 0;
background: #003F95;
width: 310px;
}
#home #visual .inner .form .form-img,
#tokyo #visual .inner .form .form-img{
position: relative;
left: -66px;
width:392px;
text-align:center;
}
#home #visual .inner .form .form-img img:first-of-type,
#tokyo #visual .inner .form .form-img img:first-of-type{
width:392px;
height:auto;
margin:0 0 10px;
}
#home #visual .inner .form table th,
#tokyo #visual .inner .form table th{
color: #fff;
}
#home #visual .inner .form input[type=submit],
#tokyo #visual .inner .form input[type=submit]{
background :url(/imgs/home/211112/arrow_dblue.svg) no-repeat right 10px center #FFE300;
width: 220px;
margin: 20px auto;
text-align: center;
border-radius: 6px;
outline: none;
padding: 12px 0;
font-size: 20px;
font-weight: normal;
color: #003F95;
border: none;
cursor: pointer;
-webkit-appearance: none;
}
#home #visual .inner .form .form-catch .catch,
#tokyo #visual .inner .form .form-catch .catch{
text-align: center;
font-size: 18px;
color: #fff;
}
#home #visual .inner .form .form-catch .catch span,
#tokyo #visual .inner .form .form-catch .catch span{
position: relative;
}
#home #visual .inner .form .form-catch .catch span::before,
#tokyo #visual .inner .form .form-catch .catch span::before{
position: absolute;
left: -20px;
top: 0;
content: '';
width: 14px;
height: 22px;
background: url(/common/img/catch-line-before.svg) no-repeat center center;
background-size: 14px auto;
}
#home #visual .inner .form .form-catch .catch span::after,
#tokyo #visual .inner .form .form-catch .catch span::after{
position: absolute;
right: -20px;
top: 0;
content: '';
width: 14px;
height: 22px;
background: url(/common/img/catch-line-after.svg) no-repeat center center;
background-size: 14px auto;
}
#home #visual .inner .form .form-catch .txt01,
#tokyo #visual .inner .form .form-catch .txt01{
text-align: center;
font-size: 21px;
font-weight: bold;
color: #FEE333;
margin: 0 0 10px;
}
#home #visual .inner .form .img,
#tokyo #visual .inner .form .img{
border-top: 1px #FFF dashed;
padding: 20px 0 0;
margin: 0 auto 25px; position: relative;
z-index: 10;
text-align:center;
}
#home #visual .inner .form .img img,
#tokyo #visual .inner .form .img img{
max-width: 100%;
}
@media (min-width:737px){
#home #visual .inner .form .img a{
transition: 0.3s;
}
#home #visual .inner .form .img a:hover,
#tokyo #visual .inner .form .img a:hover{
opacity: 0.6;
}
}
#home #visual .slider,
#tokyo #visual .slider{
opacity: 0;
transition: opacity .3s linear;
}
#home #visual .slider.slick-initialized,
#tokyo #visual .slider.slick-initialized{
opacity: 1;
}
@media (max-width:737px){
.webp #home #visual,
.webp #tokyo #visual{
width: 100%;
height: 100%;
position: relative;
background-size: cover;
}
.no-webp #home #visual,
.no-webp #tokyo #visual{
width: 100%;
height: 100%;
position: relative;
background-size: cover;
}
#home #visual .list,
#tokyo #visual .list{
width: 100%;
overflow:hidden;
margin: 0 auto;
}
#home #visual .list .mv-img,
#tokyo #visual .list .mv-img{
width:100vw;
height:auto;
}
#home #visual .list .mv-img.first,
#tokyo #visual .list .mv-img.first{
width:100%;
height:auto;
position:relative;
}
#home #visual .inner,
#tokyo #visual .inner{
position: static;
width: 100%;
height: auto;
margin: 0;
}
#home #visual .inner .form,
#tokyo #visual .inner .form{
width: 100%;
display: block;
padding: 30px 20px 10px;
box-sizing: border-box;
}
#home #visual .inner .form .form-img,
#tokyo #visual .inner .form .form-img{
position: static;
width: 100%;
margin: 0 auto 20px;
text-align: center;
background: none;
}
#home #visual .inner .form .form-img img:first-of-type,
#tokyo #visual .inner .form .form-img img:first-of-type{
width:100%;
height:auto;
margin:0 0 10px;
}
#home #visual .inner .form .form-img img:last-of-type,
#tokyo #visual .inner .form .form-img img:last-of-type{
width:80%;
height:auto;
}
#home .form-table,
#tokyo .form-table{
width: 100%;
padding: 0;
}
#home .form-table select,
#home .form-table input
#tokyo .form-table select,
#tokyo .form-table input{
font-size: 17px;
}
#home #visual .inner .form .img,
#tokyo #visual .inner .form .img{
background: none;
text-align: center;
}
} #home #main{
padding: 0;
}
#home #cont .home-business{
display: flex;
align-items: center;
border-bottom: 1px solid #DBDBDB;
}
#home #cont .home-business .business-tit{
width: 120px;
background: #F4F4F4;
height: 198px;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
font-size: 18px;
font-weight: bold;
color: #1B77CB;
position: relative;
}
#home #cont .home-business .business-tit::after{
position: absolute;
right: -20px;
top: 0px;
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 100px 0 100px 20px;
border-color: transparent transparent transparent #f4f4f4;
}
#home #cont .home-business .business-tit span{
font-size: 12px;
font-weight: normal;
display: block;
color: #73787B;
}
#home #cont .home-business .business-box{
width: calc(100% - 120px);
padding: 0 20px;
box-sizing: border-box;
}
#home #cont .home-business .business-box ul{ }
#home #cont .home-business .business-box ul li img{
height:66px;
}
#home #cont #main .home-business .business-box img{
max-width: inherit;
}
#home #cont #main .home-business .business-box .loop_css1,
#home #cont #main .home-business .business-box .loop_css1 picture,
#home #cont #main .home-business .business-box .loop_css1 picture img{
min-width: auto;
min-height: auto;
}
@-moz-document url-prefix() {
#home #cont #main .home-business .business-box .loop_css1,
#home #cont #main .home-business .business-box .loop_css1 picture,
#home #cont #main .home-business .business-box .loop_css1 picture img{
min-width: 0;
min-height: 0;
}	
}
#home #cont #main .home-business .business-box .loop_css1 {
position: relative;
display: -webkit-flex;
display: flex;
width: 100vw;
height: 198px;
overflow: hidden;
}
#home #cont #main .home-business .business-box .loop_css1 img {
width: auto;
height: 100%;
will-change: transform;
}
@media screen and ( min-width: 738px ) {
#home #cont #main .home-business .business-box .loop_css1 { }
#home #cont #main .home-business .business-box .loop_css1 img {
width: auto;
min-width: 110vw;
height: 100%;
}
}
#home #cont #main .home-business .business-box .loop_css1 picture:first-child {
-webkit-animation: loop 100s -50s linear infinite;
animation: loop 100s -50s linear infinite;
}
#home #cont #main .home-business .business-box .loop_css1 picture:last-child {
-webkit-animation: loop2 100s linear infinite;
animation: loop2 100s linear infinite;
}
@media screen and ( max-width: 737px ) {	
#home #cont #main .home-business .business-box .loop_css1 picture:first-child {
-webkit-animation: loop 100s -50s linear infinite;
animation: loop 100s -50s linear infinite;
}
#home #cont #main .home-business .business-box .loop_css1 picture:last-child {
-webkit-animation: loop2 100s linear infinite;
animation: loop2 100s linear infinite;
}
}
@-webkit-keyframes loop {
0% {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
}
to {
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}
}
@keyframes loop {
0% {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
}
to {
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}
}
@-webkit-keyframes loop2 {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
to {
-webkit-transform: translateX(-200%);
-ms-transform: translateX(-200%);
transform: translateX(-200%);
}
}
@keyframes loop2 {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
to {
-webkit-transform: translateX(-200%);
-ms-transform: translateX(-200%);
transform: translateX(-200%);
}
}
@media (max-width:737px){
#home #cont .home-business{
display: block;
}
#home #cont .home-business .business-tit{
width: 100%;
background: #F4F4F4;
height: auto;
display: block;
text-align: center;
font-size: 16px;
margin: 0 0 15px;
padding: 15px 0;
}
#home #cont .home-business .business-tit::after{
position: absolute;
right: auto;
left: 50%;
top: auto;
bottom: -15px;
margin: 0 0 0 -20px;
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 15px 20px 0 20px;
border-color: #f4f4f4 transparent transparent transparent;
}
#home #cont .home-business .business-box{
width: 100%;
padding: 0;
}
} #home #cont .tokyo-pr{
margin: 50px auto 0px;
}
#home #cont .tokyo-pr .inner{
padding: 20px 20px 6px;
background: #E5F4FF;
max-width: 800px;
}
#home #cont .tokyo-pr h2{
text-align: center;
font-size: 22px;
font-weight: bold;
margin:0 0 10px;
}
@media (max-width:737px){
#home #cont #main .tokyo-pr .inner{
padding: 20px 20px 6px;
}
} #home #cont #home-service{
padding: 60px 0;
position: relative;
z-index: 1;
}
#home #cont #home-service .headline{
text-align: center;
margin: 0 0 2.5vw;
}
#home #cont #home-service .headline p{
font-size: 14px;
font-weight: bold;
color: #1B77CB;
}
#home #cont #home-service .headline h2{
font-size: 34px;
font-weight: bold;
}
#home #cont #home-service .headline h2 span{
position: relative;
padding: 0 0 10px;
}
#home #cont #home-service .headline h2 span::after{
position: absolute;
bottom: 0;
left: 0;
content: '';
width: 100%;
height: 6px;
background: #FFE400;
display:inline-block;
-webkit-transform: skewX(-25deg);
-ms-transform: skewX(-25deg);
transform: skewX(-25deg);
}
#home #cont #home-service .box{
display: flex;
margin: 0 0 30px;
}
#home #cont #home-service .box li{
width: 530px;
}
#home #cont #home-service .box li:nth-child(2){
margin: 0 0 0 40px;
}
#home #cont #home-service .box li a{
transition: 0.3s;
}
@media (min-width:738px){
#home #cont #home-service .box li a:hover{
opacity: 0.6;
}	
}
#home #cont #home-service .list{
display: flex;
flex-wrap: wrap;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
box-sizing: border-box;
}
#home #cont #home-service .list .list-item{
width: calc(100% / 3);
margin: 0;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
box-sizing: border-box;
}
#home #cont #home-service .list .list-item:last-of-type{
margin: 0;
}
#home #cont #home-service .list .list-item a{
position: relative;
padding: 10px;
box-sizing: border-box;
display: flex;
text-decoration: none;
transition: 0.3s;
background: url(/imgs/home/211112/arrow-blue.svg) no-repeat right 15px center;
}
@media (min-width:738px){
#home #cont #home-service .list .list-item a:hover{
background: url(/imgs/home/211112/arrow-blue.svg) no-repeat right 10px center #DDEFFF;
}
}
#home #cont #home-service .list .list-item .img{
position:relative;
z-index: 1;
width: 95px;
text-align: center;
padding: 20px 0 0 0;
}
#home #cont #home-service .list .list-item .text{
position:relative;
z-index: 1;
width: calc(100% - 95px);
padding: 20px 20px 0 0;
box-sizing: border-box;
}
#home #cont #home-service .list .list-item .text p{
font-size: 14px;
color: #000;
}
#home #cont #home-service .list .list-item .text p.tit{
font-size: 18px;
font-weight: bold;
color: #0081de;
margin: 0 0 10px;
}
@media (max-width:737px){
#home #cont #home-service .headline h2{
font-size: 24px;
}
#home #cont #home-service{
margin: 0;
padding: 40px 0;
}
#home #cont #home-service .list{
display: block;
}
#home #cont #home-service .box{
display: block;
margin: 30px 0;
}
#home #cont #home-service .box li{
width: 100%;
text-align: center;
}
#home #cont #home-service .box li:nth-child(2){
margin: 10px 0 0;
}
#home #cont #home-service .list .list-item{
width: 100%;
margin: 0;
}
} #home #cont #home-point{
padding: 80px 0;
position: relative;
background:url(/imgs/home/230215/point-bg.jpg) no-repeat center center;
background-size: cover;
margin: 0 0 0;
} @media (max-width:737px){
.webp #home #cont #home-point{
background:url(/imgs/home/230704/point-bg_sp.webp) no-repeat center center;
background-size: cover;
}
.no-webp #home #cont #home-point{
background:url(/imgs/home/230704/point-bg_sp.jpg) no-repeat center center;
background-size: cover;
}
#home #cont #home-point{
} }
#home #cont #home-point .headline{
text-align: center;
position: relative;
z-index: 1;
color: #FFF;
}
#home #cont #home-point .headline p{
font-size: 14px;
font-weight: bold;
list-style-image: 1.0;
margin: 0;
}
#home #cont #home-point .headline h2{
font-size: 34px;
font-weight: bold;
margin: 0 0 55px;
position: relative;
line-height: 1.5;
}
#home #cont #home-point .headline h2::after{
position: absolute;
left: 50%;
bottom: 0;
content: '';
margin: 0 0 0 -90px;
width: 180px;
height: 6px;
background: #FFE300;
-webkit-transform: skewX(-25deg);
-ms-transform: skewX(-25deg);
transform: skewX(-25deg);
}
#home #cont #home-point .headline h2 span{
font-size: 44px;
}
#home #cont #home-point .list{
display: flex;
position: relative;
z-index: 1;
}
#home #cont #home-point .list .list-item{
width: 350px;
margin: 0 25px 0 0;
padding: 60px 25px 25px;
box-sizing: border-box;
background: #fff;
text-align: center;
position: relative;
}
#home #cont #home-point .list .list-item:nth-of-type(3){
margin: 0;
}
#home #cont #home-point .list .list-item::before{
position: absolute;
left: -10px;
top: -10px;
content: '';
width: 62px;
height: 63px;
}
#home #cont #home-point .list .list-item:nth-of-type(1)::before{
background: url(/imgs/home/211112/point-number01.svg?ver=220325) no-repeat center center;
}
#home #cont #home-point .list .list-item:nth-of-type(2)::before{
background: url(/imgs/home/211112/point-number02.svg?ver=220325) no-repeat center center;
}
#home #cont #home-point .list .list-item:nth-of-type(3)::before{
background: url(/imgs/home/211112/point-number03.svg?ver=220325) no-repeat center center;
}
#home #cont #home-point .list .list-item .img{
margin: 0 0 20px;
}
#home #cont #home-point .list .list-item h3{
font-size: 24px;
font-weight: bold;
color: #0081D4;
}
#home #cont #home-point .list .list-item .txt01{
font-size: 14px;
font-weight: bold;
color: #73787B;
margin: 0 0 20px;
}
#home #cont #home-point .list .list-item .txt02{
text-align: left;
}
#home #cont #home-point .btn{
width: 201px;
margin: 40px auto 0;
}
#home #cont #home-point .btn a{
display: block;
border: 1px solid #fff;
color: #fff;
text-align: center;
padding: 15px 0;
font-size: 14px;
font-weight: bold;
text-decoration: none;
background: url(/imgs/home/211112/arrow-white.svg) no-repeat right 10px center;
transition: 0.3s;
}
@media (min-width:738px){
#home #cont #home-point .btn a:hover{
background: url(/imgs/home/211112/arrow-white.svg) no-repeat right 5px center;
}
}
@media (max-width:737px){
#home #cont #home-point{
margin: 0;
padding: 50px 0;
}
#home #cont #home-point .headline h2{
font-size: 24px;
margin: 0 0 35px;
}
#home #cont #home-point .headline h2 span{
font-size: 32px;
}
#home #cont #home-point .list{
display: block;
}
#home #cont #home-point .list .list-item{
width: 100%;
margin: 0 0 20px;
box-shadow: 0px 0px 12px -6px rgba(0,0,0,0.2);
}
#home #cont #home-point .list .list-item{
padding: 60px 20px 20px;
}
#home #cont #home-point .list .list-item h3{
font-size: 20px;
}
#home #cont #home-point .btn{
margin: 40px auto 0;
}
} #home #cont #home-case{   padding: 80px 0;
}
#home #cont #home-case .headline{
text-align: center;
position: relative;
z-index: 1;
color: #FFF;
}
#home #cont #home-case .headline p{
font-size: 14px;
font-weight: bold;
list-style-image: 1.0;
margin: 0;
color: #1B77CB;
}
#home #cont #home-case .headline h2{
font-size: 34px;
font-weight: bold;
margin: 0 0 55px;
position: relative;
line-height: 1.75;
color: #000;
}
#home #cont #home-case .headline h2::after{
position: absolute;
left: 50%;
bottom: -10px;
content: '';
margin: 0 0 0 -90px;
width: 180px;
height: 6px;
background: #FFE81A;
-webkit-transform: skewX(-25deg);
-ms-transform: skewX(-25deg);
transform: skewX(-25deg);
}
#home #cont #home-case .headline h2 span{
font-size: 44px;
}
#home #cont .headline h2 .sp{
display: none;
}
#home #cont #home-case .list{
display: flex;
flex-wrap: wrap;
background:#FFF;
padding:10px 20px 1px;
justify-content: center;
align-items: center;
margin:0;
}
#home #cont #home-case .list li{
margin: 5px 15px;
max-width: 14%;
} #home #cont #home-case .inner > p{
background:#FFF;
text-align:center;
padding:0 0 10px;
}
#home #cont #home-case .case-list{
display: flex;
margin: 60px 0 0;
}
#home #cont #home-case .case-list .case-list-item{ margin: 0 10px; background: #fff;
}
#home #cont #home-case .case-list .case-list-item a{
display: block; text-decoration: none;
}
#home #cont #home-case .case-list .case-list-item a .img{
margin: 0; }
#home #cont #home-case .case-list .case-list-item a .img img{ }
#home #cont #home-case .case-list .case-list-item a .text{
padding: 20px 30px;
}
#home #cont #home-case .case-list .case-list-item a .text .tit{
font-size: 18px;
color: #000;
}
#home #cont #home-case .case-list .case-list-item a .text .txt-name{
text-align: right;
font-size: 11px;
color: #000;
margin: 0;
}
#home #cont #home-case .case-list .case-list-item{
float: none;
height: inherit;
}
#home #cont #home-case .case-list .case-list-item .img{
border: 1px solid #898989;
padding: 15px;
box-sizing: border-box;
box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.3);
}
#home #cont #home-case .case-list .case-list-item .text .txt-name{
font-size: 14px;
color: #000;
}
#home #cont #home-case .case-list .slick-track{
display: flex;
}
#home #cont #home-case .slick-dots{
bottom: -50px;
}
#home #cont #home-case .slick-dots li{
margin: 0;
}
#home #cont #home-case .slick-prev{
left: 0;
width: 40px;
height: 40px;
background: #0081de;
z-index: 2;
}
#home #cont #home-case .slick-prev::before{
font-size: 24px;
line-height: 1.75;
}
#home #cont #home-case .slick-next{
right: 0;
width: 40px;
height: 40px;
background: #0081de;
}
#home #cont #home-case .slick-next::before{
font-size: 24px;
line-height: 1.75;
}
#home #cont #home-case .slider{
opacity: 0;
transition: opacity .3s linear;
}
#home #cont #home-case .slider.slick-initialized{
opacity: 1;
}
#home #cont #home-case .btn{
width: 201px;
margin: 60px auto 0;
}
#home #cont #home-case .btn a{
display: block;
border: 1px solid #0081de;
color: #0081de;
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){
#home #cont #home-case .btn a:hover{
background: url(/imgs/home/211112/arrow-blue.svg) no-repeat right 5px center;
}
}
@media (max-width:737px){
#home #cont #home-case{
padding: 40px 0 60px;
}
#home #cont #home-case .headline h2{
font-size: 24px;
margin: 0 0 35px;
padding: 0 10px;
line-height: 1.5;
}
#home #cont .headline h2 .sp{
display: block;
}
#home #cont #home-case .list {
padding:15px 0;
}
#home #cont #home-case .list .list-item{
width: 20%;
margin: 0 2% 2% 2%;
text-align: center;
max-width:20%;
}
#home #cont #home-case .list .list-item:nth-child(4n){
margin: 0 0 2% 0;
}
#home #cont #home-case .list .list-item img{
max-height:30px;
}
#home #cont #home-case .case-list .case-list-item .text .txt-name{
margin: 0;
}
#home #cont #home-case .case-list{
margin: 30px 0 0;
}
#home #cont #home-case .btn{
margin: 70px auto 0;
}
} #home #cont #home-option{
margin: 0;
padding: 90px 0;
}
#home #cont #home-option .headline{
text-align: center;
position: relative;
z-index: 1;
}
#home #cont #home-option .headline p{
font-size: 14px;
font-weight: bold;
color: #73787B;
list-style-image: 1.0;
margin: 0;
}
#home #cont #home-option .headline h2{
font-size: 34px;
font-weight: bold;
margin: 0 0 55px;
position: relative;
line-height: 1.75;
}
#home #cont #home-option .headline h2::after{
position: absolute;
left: 50%;
bottom: 0;
content: '';
margin: 0 0 0 -90px;
width: 180px;
height: 6px;
background: #0081de;
-webkit-transform: skewX(-25deg);
-ms-transform: skewX(-25deg);
transform: skewX(-25deg);
}
#home #cont #home-option .list{
display: flex;
flex-wrap: wrap;
}
#home #cont #home-option .list .list-item{
width: 355px;
background: url(/imgs/home/211112/stripe.png);
position: relative;
margin: 0 17px 20px 0;
padding: 10px;
box-sizing: border-box;
display: flex;
}
#home #cont #home-option .list .list-item:nth-of-type(1)::after{
position: absolute;
left: -31px;
top: -31px;
content: '';
width: 62px;
height: 63px;
background: url(/imgs/home/211112/option-img07.svg) no-repeat center center;
}
#home #cont #home-option .list .list-item:nth-of-type(3n){
margin: 0 0 20px 0;
}
#home #cont #home-option .list .list-item::before{
position: absolute;
left: 0;
top: 0;
content: '';
width: 100%;
height: 100%;
background: #fff;
transform: scale(0.96,0.925);
}
#home #cont #home-option .list .list-item .img{
position:relative;
z-index: 1;
width: 95px;
text-align: center;
padding: 20px 0 0 0;
}
#home #cont #home-option .list .list-item .text{
position:relative;
z-index: 1;
width: calc(100% - 95px);
padding: 20px 20px 0 0;
box-sizing: border-box;
}
#home #cont #home-option .list .list-item .text p{
font-size: 14px;
}
#home #cont #home-option .list .list-item .text p.tit{
font-size: 18px;
font-weight: bold;
color: #0081de;
margin: 0 0 10px;
}
@media (max-width:737px){
#home #cont #home-option{
padding: 45px 0;
}
#home #cont #home-option .headline h2{
font-size: 24px;
margin: 0 0 35px;
padding: 0 10px;
}
#home #cont #home-option .list{
display: block;
}
#home #cont #home-option .list .list-item{
width: 100%;
}
#home #cont #home-option .list .list-item:nth-of-type(1)::after{
left: -10px;
top: -10px;
}
} #home #cont #home-message{
padding: 370px 0 90px;
position: relative;
}
#home #cont #home-message::before{
position: absolute;
left: 50%;
top: 0;
z-index: -1;
content: '';
margin: 0 0 0 -640px;
width: 514px;
height: 500px;
background: url(/imgs/home/220723/message-img01.png) no-repeat center center;
background-size: 100% auto;
}
#home #cont #home-message::after{
position: absolute;
left: 0;
top: 0;
z-index: -2;
content: '';
width: 100%;
height: 500px;
background: #F8F8F8;
}
#home #cont #home-message .box{
background: #fff;
padding: 70px 0 0;
position: relative;
z-index: 1;
}
#home #cont #home-message .box .txt-en{
text-align: center;
font-family: 'Barlow', sans-serif;
font-size: 80px;
color: #0081de;
line-height: 1.0;
margin: -110px 0 30px;
}
#home #cont #home-message .box h2{
text-align: center;
font-size: 34px;
font-weight: bold;
margin: 0 0 45px;
}
#home #cont #home-message .box h2 + p{
text-align: center;
line-height: 2.25;
margin: 0 0 30px;
}
#home #cont #home-message .box .img{
text-align: center;
}
#home #cont #home-message .box ul{
display: flex;
justify-content: center;
margin: 60px 0 0;
}
#home #cont #home-message .box ul li{
width: 201px;
margin: 0 10px;
}
#home #cont #home-message .box ul li a{
display: block;
border: 1px solid #0081de;
color: #0081de;
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;
}
#home #cont #home-message .box .banner{
text-align:center;
margin:80px 0 0;
}
@media (min-width:738px){
#home #cont #home-message .box ul li a:hover{
background: url(/imgs/home/211112/arrow-blue.svg) no-repeat right 5px center;
}
}
@media (max-width:1000px){
#home #cont #home-message::before{
position: absolute;
left: 0;
top: 0;
z-index: -1;
content: '';
margin: 0;
width: 100%;
height: 500px;
background: url(/imgs/home/220723/message-img01.png) no-repeat center center;
background-size: auto auto;
}
}
@media (max-width:737px){
#home #cont #home-message{
padding: 170px 0 45px;
}
#home #cont #home-message::before{
left: 50%;
margin: 0 0 0 -200px;
width: 257px;
height: 250px;
background: url(/imgs/home/220723/message-img01.png) no-repeat center center;
background-size: 257px auto;
}
#home #cont #home-message .box .img{
width: 60%;
margin: 0 0 0 auto;
}
#home #cont #home-message .box .txt-en{
font-size: 40px;
margin: -95px 0 25px;
}
#home #cont #home-message .box h2{
font-size: 20px;
margin: 0 0 20px;
padding: 0 10px;
}
#home #cont #home-message .box h2 + p{
text-align: left;
}
#home #cont #home-message .box h2 + p br{
display: none;
}
#home #cont #home-message .box ul{
display: block;
margin: 30px 0 0;
}
#home #cont #home-message .box ul li{
width: 80%;
margin: 15px auto 0;
}
#home #cont #home-message .box .banner{
margin:60px 0 0;
}
} .webp #home #cont #home-achievement{
margin: 0;
padding: 40px 0;  background: url(/imgs/home/230704/achievement-img01.webp) no-repeat center center;
background-size: cover;
}
.no-webp #home #cont #home-achievement{
margin: 0;
padding: 40px 0;  background: url(/imgs/home/230704/achievement-img01.jpg) no-repeat center center;
background-size: cover;
}
#home #cont #home-achievement .fl-box{
display: flex;
}
#home #cont #home-achievement .fl-box .headline{
width: 300px;
padding: 0 50px 0 0;
color: #FFF;
}
#home #cont #home-achievement .fl-box .headline .txt01{
font-size: 14px;
font-weight: bold;
list-style-image: 1.0;
margin: 0;
}
#home #cont #home-achievement .fl-box .headline h2{
font-size: 44px;
font-weight: bold;
margin: 0 0 30px;
position: relative;
line-height: 1.75;
}
#home #cont #home-achievement .fl-box .headline h2::after{
position: absolute;
left: 0;
bottom: 0;
content: '';
width: 180px;
height: 6px;
background: #FFE300;
-webkit-transform: skewX(-25deg);
-ms-transform: skewX(-25deg);
transform: skewX(-25deg);
}
#home #cont #home-achievement .fl-box .headline .txt02{
font-size: 14px;
}
#home #cont #home-achievement .fl-box .headline .btn{
width: 187px;
margin: 30px 0 0;
}
#home #cont #home-achievement .fl-box .headline .btn a{
display: block;
border: 1px solid #FFF;
color: #FFF;
text-align: center;
padding: 15px 0;
font-size: 14px;
font-weight: bold;
text-decoration: none;
background: url(/imgs/home/211112/arrow-white.svg) no-repeat right 10px center;
transition: 0.3s;
}
#home #cont #home-achievement .fl-box .text-box{
width: calc(100% - 300px);
height: 360px;
overflow-y: scroll;
padding: 30px;
box-sizing: border-box;
background: #fff;
}
#home #cont #home-achievement .fl-box .text-box .article{
display: flex;
border-bottom: 1px dotted #ccc;
margin: 0 0 20px;
}
#home #cont #home-achievement .fl-box .text-box .article .date{
width: 100px;
color: #666666;
font-weight: bold;
font-size: 14px;
}
#home #cont #home-achievement .fl-box .text-box .article .text{
width: calc(100% - 100px);
}
#home #cont #home-achievement .fl-box .text-box .article .text .tit{
font-weight: bold;
margin: 0 0 10px;
font-size: 16px;
}
#home #cont #home-achievement .fl-box .text-box .article .text p{
font-size: 14px;
}
@media (min-width:738px){
#home #cont #home-achievement .fl-box .headline .btn a:hover{
background: url(/imgs/home/211112/arrow-blue.svg) no-repeat right 5px center;
}
}
@media (max-width:737px){
.webp #home #cont #home-achievement{
background: url(/imgs/home/230704/achievement-img01_sp.webp) no-repeat center center;
background-size: cover;
}
.no-webp #home #cont #home-achievement{
background: url(/imgs/home/230704/achievement-img01_sp.jpg) no-repeat center center;
background-size: cover;
}
#home #cont #home-achievement .fl-box{
display: block;
}
#home #cont #home-achievement .fl-box .headline{
width: 100%;
margin: 0 0 30px;
padding: 0;
text-align: center;
}
#home #cont #home-achievement .fl-box .headline h2{
font-size: 24px;
}
#home #cont #home-achievement .fl-box .headline h2::after{
width: 90px;
left: 50%;
margin: 0 0 0 -45px;
}
#home #cont #home-achievement .fl-box .text-box{
width: 100%;
height: 250px;
}
#home #cont #home-achievement .fl-box .headline .btn{
width: 80%;
margin: 20px  auto 0;
}
#home #cont #home-achievement .fl-box .text-box .article{
display: block;
}
#home #cont #home-achievement .fl-box .text-box{
padding: 20px;
}
#home #cont #home-achievement .fl-box .text-box .article .date{
width: 100%;
}
#home #cont #home-achievement .fl-box .text-box .article .text{
width: 100%;
}
} #home #cont #home-news{
margin: 0;
padding: 90px 0;
}
#home #cont #home-news .news-cont{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
#home #cont #home-news .news-cont > div{
width: 31%;
}
#home #cont #home-news .news-cont > div:first-of-type{
margin: 0;
}
#home #cont #home-news .news-cont div > p{
font-size: 24px;
font-weight: bold;
margin:0 0 10px;
}
#home #cont #home-news .news-cont div > p span{
font-size: 14px;
color: #0081de;
margin: 0 0 0 20px;
}
#home #cont #home-news .news-cont ul li a{
display: block;
padding: 15px 0;
text-decoration: none;
border-top: 1px dotted #707070;
transition: 0.3s;
}
#home #cont #home-news .news-cont ul li:last-child a{
border-bottom: 1px dotted #707070;
}
#home #cont #home-news .news-cont ul li a .date{
display: inline-block;
width: 80px;
color: #666666;
font-size: 14px;
margin: 0 10px 0 0;
}
#home #cont #home-news .news-cont ul li a .cat{
display: inline-block;
color: #fff;
font-size: 11px;
font-weight: bold;
background: #0081de;
padding: 4px 10px 2px;
line-height: 1.0;
}
#home #cont #home-news .news-cont ul li a p{
font-size: 14px;
color: #000;
margin: 5px 0 0;
}
#home #cont #home-news .news-cont .btn{
width: 187px;
margin: 30px 0 0 auto;
}
#home #cont #home-news .news-cont .btn a{
display: block;
border: 1px solid #0081de;
color: #0081de;
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){
#home #cont #home-news .news-cont ul li a:hover{
background: #f0f0f0;
}
#home #cont #home-news .news-cont .btn a:hover{
background: url(/imgs/home/211112/arrow-blue.svg) no-repeat right 5px center;
}
}
@media (max-width:737px){
#home #cont #home-news{
padding: 45px 0 20px;
}
#home #cont #home-news .news-cont{
display: block;
}
#home #cont #home-news .news-cont > div:first-of-type{
width: 100%;
margin: 0 0 20px;
}
#home #cont #home-news .news-cont > div{
width: 100%;
}
#home #cont #home-news .news-cont h3{
font-size: 20px;
}
#home #cont #home-news .news-cont h3 span{
margin: 0;
display: block;
}
#home #cont #home-news .news-cont .btn{
width: 80%;
margin: 20px auto 30px;
}
} #home #cont #flow{
margin: 0;
padding: 90px 0;
}
#home #cont #flow .headline{
text-align: center;
position: relative;
z-index: 1;
}
#home #cont #flow .headline p{
font-size: 14px;
font-weight: bold;
color: #73787B;
list-style-image: 1.0;
margin: 0;
}
#home #cont #flow .headline h2{
font-size: 34px;
font-weight: bold;
margin: 0 0 55px;
position: relative;
line-height: 1.75;
padding: 0 0 10px;
}
#home #cont #flow .headline h2::after{
position: absolute;
left: 50%;
bottom: 0;
content: '';
margin: 0 0 0 -90px;
width: 180px;
height: 6px;
background: #FFE400;
-webkit-transform: skewX(-25deg);
-ms-transform: skewX(-25deg);
transform: skewX(-25deg);
}
#home #cont #flow .inner{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#home #cont #flow .inner .flow-box{
width:32%;
padding:15px 20px;
border:#E5F4FF 3px solid;
box-sizing:border-box;
margin:0 0 20px;
position:relative;
}
#home #cont #flow .inner .flow-box:after{
content:"\f178";
position:absolute;
right:-22px;
top:50%;
margin:-10px 0 0;
display:block;
color: #0081D4;
font: normal normal normal 14px / 1 FontAwesome;
}
#home #cont #flow .inner .flow-box:nth-of-type(3):after,
#home #cont #flow .inner .flow-box:nth-of-type(6):after{
display:none;
}
#home #cont #flow .inner .flow-box h3{
font-size: 17px;
font-weight: bold;
color: #0081D4;
margin:0 0 10px;
}
#home #cont #flow .inner .flow-box h3:before{
content:"01. ";
}
#home #cont #flow .inner .flow-box:nth-of-type(2) h3:before{
content:"02. ";
}
#home #cont #flow .inner .flow-box:nth-of-type(3) h3:before{
content:"03. ";
}
#home #cont #flow .inner .flow-box:nth-of-type(4) h3:before{
content:"04. ";
}
#home #cont #flow .inner .flow-box:nth-of-type(5) h3:before{
content:"05. ";
}
#home #cont #flow .inner .flow-box:nth-of-type(6) h3:before{
content:"06. ";
}
@media (max-width:737px){
#home #cont #flow .inner{
display: block;
}
#home #cont #flow .inner .flow-box{
width:100%;
}
#home #cont #flow .inner .flow-box:after{
display: none;
}
} #home #cont #info{
margin: 0;
padding: 90px 0 60px;
}
#home #cont #info .headline{
text-align: center;
position: relative;
z-index: 1;
}
#home #cont #info .headline p{
font-size: 14px;
font-weight: bold;
color: #73787B;
list-style-image: 1.0;
margin: 0;
}
#home #cont #info .headline h2{
font-size: 34px;
font-weight: bold;
margin: 0 0 55px;
position: relative;
line-height: 1.75;
padding: 0 0 10px;
}
#home #cont #info .headline h2::after{
position: absolute;
left: 50%;
bottom: 0;
content: '';
margin: 0 0 0 -90px;
width: 180px;
height: 6px;
background: #FFE400;
-webkit-transform: skewX(-25deg);
-ms-transform: skewX(-25deg);
transform: skewX(-25deg);
}
#home #cont #info .inner .info-block h3{
font-size: 22px;
font-weight: bold;
color: #0081D4;
margin:0 0 10px;
}
#home #cont #info .inner .info-block h3 i{
margin: 0 10px 0 0;
}
#home #cont #info .inner .info-block .relate{
background: #EFEFEF;
padding: 10px 15px;
margin: 0 0 40px;
}
#home #cont #info .inner .info-block h4,
#home #cont #info .inner .info-block .relate p{
font-weight: bold;
font-size: 14px;
margin: 0 0 5px;
}
#home #cont #info .inner .info-block ul{
margin: 0;
}
#home #cont #info .inner .info-block ul li{
list-style:disc;
margin: 0 0 0 1.5em;
} #home #cont .attention{
border:#FF0000 2px solid;
max-width:800px;
margin:60px auto 0;
padding: 30px 40px;
line-height:1.8;
}
#home #cont .attention p{
font-size:16px;
}
#home #cont .attention .catch{
text-align:center;
margin: 0 0 15px;
font-size:18px;
color:#FF0000;
font-weight:bold;
}
#home #cont .attention a{
color:#1B77CB;
text-decoration:underline;
}
#home #cont .attention a:hover{
text-decoration:none;
}
@media (max-width:737px){
#home #cont .attention{ 
margin:40px 10px 0;
padding: 15px 20px;
}
#home #cont .attention p{
font-size:14px;
}
} #home #cont #home-type{
background: #E5F4FF;
padding: 80px 0;
}
#home #cont #home-type .headline{
text-align: center;
position: relative;
z-index: 1;
color: #FFF;
}
#home #cont #home-type .headline p{
font-size: 14px;
font-weight: bold;
list-style-image: 1.0;
margin: 0;
color: #1B77CB;
}
#home #cont #home-type .headline h2{
font-size: 34px;
font-weight: bold;
margin: 0 0 55px;
position: relative;
line-height: 1.75;
color: #000;
}
#home #cont #home-type .headline h2::after{
position: absolute;
left: 50%;
bottom: -10px;
content: '';
margin: 0 0 0 -90px;
width: 180px;
height: 6px;
background: #FFE400;
-webkit-transform: skewX(-25deg);
-ms-transform: skewX(-25deg);
transform: skewX(-25deg);
}
#home #cont #home-type .headline h2 span{
font-size: 44px;
}
#home #cont #home-type .headline h2 .sp{
display: none;
}
#home #cont #home-type ul{
display: flex;
flex-wrap: wrap;
margin: 0 0 40px;
}
#home #cont #home-type li{
box-sizing: border-box;
width: calc(100% / 6 - 16px);
margin: 0 8px 10px;
padding: 5px 10px;
text-align: center;
background: #FFF;
font-size:16px;
border-radius: 10px;
} #home #cont #home-type .explanation {
margin: 0 0 30px;
text-align: center;
font-size: 16px;
}
#home #cont #home-type .btn {
width: 251px;
margin: 0 auto;
}
#home #cont #home-type .btn a {
display: block;
border: 1px solid #0081de;
color: #0081de;
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){
#home #cont #home-type .btn a:hover{
background: url(/imgs/home/211112/arrow-blue.svg) no-repeat right 5px center;
}
}
@media (max-width:737px){
#home #cont #home-type{
padding: 40px 0;
}
#home #cont #home-type .headline h2{
font-size: 24px;
margin: 0 0 35px;
}
#home #cont #home-type .headline h2 span{
font-size: 24px;
}
#home #cont #home-type ul{
justify-content: space-around;
margin: 0 0 20px;
}
#home #cont #home-type  li{
width: calc(50% - 16px);
margin: 0 0 15px;
}
} #main .kakunin-box {
margin: 0 auto 40px;
padding: 20px 0 0;
width: 680px;
}
#main .kakunin-box dt {}
#main .kakunin-box dt a{
transition: 0.3s;
}
@media (min-width:738px){
#main .kakunin-box dt a:hover{
opacity: 0.6;
}	
}
#main .kakunin-box dt img {
width: 100%;
height: auto;
}
#main .kakunin-box dd {
background: #f2f0f0;
border: 1px #d9d9d9 solid;
margin: 0 auto;
padding: 15px 0;
display: flex;
justify-content: center;
align-items: center;
}
#main .input-kakunin {
display: inline-block;
vertical-align: middle;
margin: 0 !important;
font-size: 0.9rem !important;
padding: 0 60px 0 0;
background: url(/imgs/service/pack/icon_arrow.svg) right center no-repeat;
}
#main .input-kakunin li{
margin:5px 0;
}
#main .input-kakunin input[type="number"] {
width: 100px;
height: 30px;
line-height: 30px;
margin: 0 10px;
border: none;
padding: 0 10px;
}
#main .input-kakunin select{
margin:0 10px 0 24px;
border: none;
padding: 3px;
}
#main .btn-kakunin {
display: inline-block;
vertical-align: middle;
width: 240px;
margin: 0 0 0 15px;
}
#main .btn-kakunin input[type="submit"] {
display: block;
outline: none;
border: none;
cursor: pointer;
border-radius: 4px;
text-align: center;
padding: 12px 20px;
font-size: 1.1rem !important;
color: #fff !important;
text-decoration: none !important;
background: #fe5855;
background: -moz-linear-gradient(top, #fe5855 0%, #e92f26 100%);
background: -webkit-linear-gradient(top, #fe5855 0%, #e92f26 100%);
background: linear-gradient(to bottom, #fe5855 0%, #e92f26 100%);
}
#main .btn-kakunin a:hover {
opacity: 0.7;
}
@media screen and (max-width:768px) {
#main .kakunin-box {
padding: 20px 0 0;
width: auto;
}
#main .input-kakunin {
margin: 0 0 20px !important;
background: none;
padding: 0;
display: block;
}
#main .btn-kakunin {
margin: 0 auto;
display: block;
}
#main .kakunin-box dd {
display:block;
}
#main .kakunin-box dd ul{
padding:0 20px;
}
} #transparent #main .visual {
margin: -10px 0 1em;
position: relative;
}
#transparent #main .visual .balloon {
position: absolute;
right: -20px;
top: 70px;
}
#transparent #main .headline {
margin: 0 0 30px;
}
#transparent #main .headline .order-txt {
position: relative;
margin: 0 0 30px;
}
#transparent #main .headline .order-txt > span {
text-indent: -9999px;
background: url(/imgs/service/transparent/img03.png) 30px 0 no-repeat;
display: block;
width: 480px;
float: left;
min-height: 45px;
}
#transparent #main .headline .order-txt a {
display: block;
border-radius: 5px;
color: #FFFFFF;
font-size: 1.333em;
float: right;
margin: 0 30px 0 0;
font-weight: bold;
width: 210px;
padding: 7px 0;
text-align: center;
position: relative;
text-decoration: none;
background: url(/common/img/icon_arrow03.png) 15px center no-repeat, -webkit-gradient(linear, left top, left bottom, from(#FFB300), to(#FF9900));
background: url(/common/img/icon_arrow03.png) 15px center no-repeat, -moz-linear-gradient(top, #FFB300, #FF9900);
background: url(/common/img/icon_arrow03.png) 15px center no-repeat, linear-gradient(to bottom, #FFB300, #FF9900); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFB300', endColorstr='#FF9900', GradientType=0); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFB300', endColorstr='#FF9900', GradientType=0)";
}
#transparent #main .headline .order-txt a:hover {
background: url(/common/img/icon_arrow03.png) 15px center no-repeat #F60;
}
#transparent #main .headline p.catch {
color: #018CD7;
font-size: 1.65em;
font-weight: bold;
margin: 0 0 10px;
}
#transparent #main .headline ul li {
float: left;
margin: 0 15px 0 0;
}
#transparent #main .headline ul li:nth-child(4n) {
margin: 0;
}
@media screen and (max-width: 737px) {
#transparent #main .visual img {
width: 100%;
height: auto;
}
#transparent #main .visual .balloon {
width: 20%;
position: absolute;
right: 0;
top: 30%;
}
#transparent #main .headline {
margin: 0px 0 30px;
}
#transparent #main .headline .order-txt > span {
text-indent: 0;
background: none;
width: auto;
float: none;
min-height: 0;
margin: 0 0 5px;
text-align: center;
font-size: 1.25em;
}
#transparent #main .headline .order-txt a {
float: none;
margin: 0 auto;
}
#transparent #main .headline p.catch {
font-size: 1.333em;
}
#transparent #main .headline ul li {
width: 24%;
margin: 0 1% 0 0;
}
#transparent #main .headline ul li:nth-child(4n) {
margin: 0;
}
#transparent #main .headline ul li img {
width: 100%;
height: auto;
}
}
#transparent #main .pack table {
border: #CCCCCC 1px solid;
width: 100%;
}
#transparent #main .pack table th {
border: #CCCCCC 1px solid;
vertical-align: top;
font-weight: bold;
width: 80px;
background: #F0F0F0;
padding: 10px 15px;
}
#transparent #main .pack table td {
border: #CCCCCC 1px solid;
padding: 10px 15px;
}
@media screen and (max-width: 737px) {
#transparent #main .pack table {
font-size: 1em;
}
#transparent #main .pack table th {
width: auto;
padding: 10px 5px;
}
#transparent #main .pack table td {
padding: 10px 5px;
}
#transparent #main .pack table td img {
width: 100%;
height: auto;
max-width: 100%;
}
}
#transparent #main .delivery .catch {
color: #018CD7;
font-weight: bold;
font-size: 1.833em;
margin: 0 0 10px;
}
#transparent #main .delivery table {
width: 100%;
}
#transparent #main .delivery table th {
border-bottom: #CCCCCC 1px dotted;
padding: 5px;
text-align: center;
font-weight: bold;
}
#transparent #main .delivery table th span,
#transparent #main .delivery table td span {
display: block;
padding: 3px 0;
background: #F0F0F0;
}
#transparent #main .delivery table .headline th span {
font-weight: normal;
padding: 10px 0;
}
#transparent #main .delivery table .headline th:nth-child(2),
#transparent #main .delivery table .headline th:nth-child(3) {
width: 45%;
box-sizing: border-box;
}
#transparent #main .delivery table td {
border-bottom: #CCCCCC 1px dotted;
padding: 3px;
position: relative;
}
#transparent #main .delivery table .saturday th span,
#transparent #main .delivery table .saturday td span,
#transparent #main .delivery table .saturday td div {
background: #DFF4FF;
}
#transparent #main .delivery table .sunday th span,
#transparent #main .delivery table .sunday td span,
#transparent #main .delivery table .sunday td div {
background: #FFCCCC;
}
#transparent #main .delivery table td p {
padding: 5px 10px;
background: #FFF;
color: #FFF;
font-weight: bold;
text-align: center;
font-size: 1em;
position: relative;
margin: 0;
width: 60%;
margin: 0 auto;
}
#transparent #main .delivery table td p.order-day {
background: #028CD7;
}
#transparent #main .delivery table td p.send-day {
background: #EB1B20;
}
#transparent #main .delivery table td p.order-day:before {
content: "";
background: #FFB300;
width: 30px;
//height:540%;
height: 175px;
display: block;
left: 50%;
margin: 0 0 0 -15px;
top: 32px;
position: absolute;
z-index: 9999;
}
#transparent #main .delivery table td p.order-day2:before {
height: 215px;
}
#transparent #main .delivery table td p.order-day:after {
content: "";
display: block;
border: #FFF 30px solid;
border-top: #FFB300 30px solid;
position: absolute;
left: 50%;
//top:620%;
top: 205px;
margin: 0 0 0 -30px;
}
#transparent #main .delivery table td p.order-day2:after {
top: 245px;
}
@media screen and (max-width: 737px) {
#transparent #main .delivery table {
font-size: 1em;
}
#transparent #main .delivery table th {
background: #F0F0F0;
border: #CCCCCC 1px dotted;
}
#transparent #main .delivery table th span,
#transparent #main .delivery table td span {
display: inline;
padding: 0;
background: none;
}
#transparent #main .delivery table .headline th span {
padding: 0;
}
#transparent #main .delivery table td {
padding: 3px;
border: #CCCCCC 1px dotted;
}
#transparent #main .delivery table .saturday th,
#transparent #main .delivery table .saturday td {
background: #DFF4FF;
border: #CCCCCC 1px dotted;
}
#transparent #main .delivery table .saturday th span,
#transparent #main .delivery table .saturday td span {
background: none;
}
#transparent #main .delivery table .sunday th,
#transparent #main .delivery table .sunday td {
background: #FFCCCC;
border: #CCCCCC 1px dotted;
}
#transparent #main .delivery table .sunday th span,
#transparent #main .delivery table .sunday td span {
background: none;
}
#transparent #main .delivery table td p {
padding: 5px 5px;
width: 90%;
}
#transparent #main .delivery table td p.order-day:before {
height: 320%;
top: 100%;
}
#transparent #main .delivery table td p.order-day2:before {
height: 350%;
}
#transparent #main .delivery table td p.order-day:after {
content: "";
display: block;
border: #FFF 30px solid;
border-top: #FFB300 30px solid;
position: absolute;
left: 50%;
top: 400%;
margin: 0 0 0 -30px;
}
#transparent #main .delivery table td p.order-day2:after {
top: 430%;
}
}
#transparent #main .price .campaign-block {
border: #CCCCCC 1px solid;
margin: 0 0 20px;
}
#transparent #main .price .campaign-block > div {
padding: 10px 15px;
}
#transparent #main .price .campaign-block > div p {
margin: 0;
}
#transparent #main .price .campaign-block > div p.attention {
margin: 1em 0 0 1em;
}
#transparent #main .price p {
margin: 0;
}
#transparent #main .price p.price {
font-size: 2em;
margin: 0 0 10px;
}
#transparent #main .price p.attention {
margin: 0 0 20px 1em;
}
#transparent #main .price p.further em {
font-weight: bold;
}
#transparent #main .price p.further strong {
color: #EB1B20;
}
#transparent #main .price p.price strong {
color: #EB1B20;
//background: -webkit-linear-gradient(transparent 40%, #ffff66 40%);
//background: linear-gradient(transparent 40%, #ffff66 40%);
background: url(/common/img/marker_yellow.png) repeat-x left center;
position: relative;
display: inline-block;
}
#transparent #main .price p.price strong:before {
background: #FFFF00;
content: "";
z-index: -1;
width: 100%;
height: auto;
position: absolute;
left: 0;
top: 0;
}
#transparent #main .price p.price strong span {
font-size: 1.167em;
}
#transparent #main .price table {
width: 100%;
border: #CCCCCC 1px solid;
}
#transparent #main .price table th {
background: #666666;
text-align: center;
color: #FFFFFF;
border: #CCCCCC 1px solid;
padding: 5px 10px;
font-weight: bold;
}
#transparent #main .price table .headline th {
background: #028CD7;
}
#transparent #main .price table td {
border: #CCCCCC 1px solid;
padding: 5px 10px;
text-align: center;
}
#transparent #main .price table tr:nth-child(odd) td {
background: #F6F6F6;
}
#transparent #main .price table tr td:nth-of-type(3) {
font-weight: bold;
color: #EB1B20;
}
@media screen and (max-width: 737px) {
#transparent #main .price .campaign-block img {
width: 100%;
height: auto;
}
#transparent #main .price table {
font-size: 1em;
}
#transparent #main .price table th {
padding: 5px 5px;
}
#transparent #main .price table td {
padding: 5px 5px;
}
}
#transparent #main .example ul li {
float: left;
margin: 0 18px 18px 0;
}
#transparent #main .example ul li:nth-child(4n) {
margin: 0 0 18px;
}
@media screen and (max-width: 737px) {
#transparent #main .example ul li {
width: 32%;
margin: 0 2% 10px 0;
}
#transparent #main .example ul li:nth-child(3n) {
margin: 0 0 10px;
}
#transparent #main .example ul li:nth-child(4n) {
margin: 0 2% 10px 0;
}
#transparent #main .example ul li img {
width: 100%;
height: auto;
}
}
#transparent #main .inquiry p {
height: 215px;
background: url(/common/img/main_inquiry_bg.jpg) no-repeat;
}
@media screen and (max-width: 737px) {
#transparent #main .inquiry p {
height: auto;
}
}   #postcard #main .visual {
margin: -10px 0 1em;
position: relative;
}
#postcard #main .visual .balloon {
position: absolute;
right: -20px;
top: 70px;
}
#postcard #main .headline {
margin: 0 0 30px;
}
#postcard #main .headline .order-txt {
position: relative;
margin: 0 0 30px;
}
#postcard #main .headline .order-txt > span {
text-indent: -9999px;
background: url(/imgs/service/transparent/img03.png) 30px 0 no-repeat;
display: block;
width: 480px;
float: left;
min-height: 45px;
}
#postcard #main .headline .order-txt a {
display: block;
border-radius: 5px;
color: #FFFFFF;
font-size: 1.333em;
float: right;
margin: 0 30px 0 0;
font-weight: bold;
width: 210px;
padding: 7px 0;
text-align: center;
position: relative;
text-decoration: none;
background: url(/common/img/icon_arrow03.png) 15px center no-repeat, -webkit-gradient(linear, left top, left bottom, from(#FFB300), to(#FF9900));
background: url(/common/img/icon_arrow03.png) 15px center no-repeat, -moz-linear-gradient(top, #FFB300, #FF9900);
background: url(/common/img/icon_arrow03.png) 15px center no-repeat, linear-gradient(to bottom, #FFB300, #FF9900); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFB300', endColorstr='#FF9900', GradientType=0); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFB300', endColorstr='#FF9900', GradientType=0)";
}
#postcard #main .headline .order-txt a:hover {
background: url(/common/img/icon_arrow03.png) 15px center no-repeat #F60;
}
#postcard #main .headline p.catch {
color: #018CD7;
font-size: 1.65em;
font-weight: bold;
margin: 0 0 10px;
}
#postcard #main .headline ul li {
float: left;
margin: 0 15px 0 0;
}
#postcard #main .headline ul li:nth-child(4n) {
margin: 0;
}
@media screen and (max-width: 737px) {
#postcard #main .visual img {
width: 100%;
height: auto;
}
#postcard #main .visual .balloon {
width: 20%;
position: absolute;
right: 0;
top: 30%;
}
#postcard #main .headline {
margin: 0px 0 30px;
}
#postcard #main .headline .order-txt > span {
text-indent: 0;
background: none;
width: auto;
float: none;
min-height: 0;
margin: 0 0 5px;
text-align: center;
font-size: 1.25em;
}
#postcard #main .headline .order-txt a {
float: none;
margin: 0 auto;
}
#postcard #main .headline p.catch {
font-size: 1.333em;
}
#postcard #main .headline ul li {
width: 24%;
margin: 0 1% 0 0;
}
#postcard #main .headline ul li:nth-child(4n) {
margin: 0;
}
#postcard #main .headline ul li img {
width: 100%;
height: auto;
}
}
#postcard #main .pack table {
border: #CCCCCC 1px solid;
width: 100%;
}
#postcard #main .pack table th {
border: #CCCCCC 1px solid;
vertical-align: top;
font-weight: bold;
width: 80px;
background: #F0F0F0;
padding: 10px 15px;
}
#postcard #main .pack table td {
border: #CCCCCC 1px solid;
padding: 10px 15px;
}
@media screen and (max-width: 737px) {
#postcard #main .pack table {
font-size: 1em;
}
#postcard #main .pack table th {
width: auto;
padding: 10px 5px;
}
#postcard #main .pack table td {
padding: 10px 5px;
}
#postcard #main .pack table td img {
width: 30%;
height: auto;
max-width: 100%;
}
}
#postcard #main .delivery .catch {
color: #018CD7;
font-weight: bold;
font-size: 1.833em;
margin: 0 0 10px;
}
#postcard #main .delivery table {
width: 100%;
}
#postcard #main .delivery table th {
border-bottom: #CCCCCC 1px dotted;
padding: 5px;
text-align: center;
font-weight: bold;
}
#postcard #main .delivery table th span,
#postcard #main .delivery table td span {
display: block;
padding: 3px 0;
background: #F0F0F0;
}
#postcard #main .delivery table .headline th span {
font-weight: normal;
padding: 10px 0;
}
#postcard #main .delivery table .headline th:nth-child(2),
#postcard #main .delivery table .headline th:nth-child(3) {
width: 45%;
box-sizing: border-box;
}
#postcard #main .delivery table td {
border-bottom: #CCCCCC 1px dotted;
padding: 3px;
position: relative;
}
#postcard #main .delivery table .saturday th span,
#postcard #main .delivery table .saturday td span,
#postcard #main .delivery table .saturday td div {
background: #DFF4FF;
}
#postcard #main .delivery table .sunday th span,
#postcard #main .delivery table .sunday td span,
#postcard #main .delivery table .sunday td div {
background: #FFCCCC;
}
#postcard #main .delivery table td p {
padding: 3px 10px;
background: #FFF;
color: #FFF;
font-weight: bold;
text-align: center;
font-size: 1em;
position: relative;
margin: 0;
width: 60%;
margin: 0 auto;
}
#postcard #main .delivery table td p.order-day {
background: #028CD7;
}
#postcard #main .delivery table td p.send-day {
background: #EB1B20;
}
#postcard #main .delivery table td p.order-day:before {
content: "";
background: #FFB300;
width: 30px;
//height:540%;
height: 175px;
display: block;
left: 50%;
margin: 0 0 0 -15px;
top: 32px;
position: absolute;
z-index: 9999;
}
#postcard #main .delivery table td p.order-day2:before {
height: 215px;
}
#postcard #main .delivery table td p.order-day:after {
content: "";
display: block;
border: #FFF 30px solid;
border-top: #FFB300 30px solid;
position: absolute;
left: 50%;
//top:620%;
top: 205px;
margin: 0 0 0 -30px;
}
#postcard #main .delivery table td p.order-day2:after {
top: 245px;
}
@media screen and (max-width: 737px) {
#postcard #main .delivery table {
font-size: 1em;
}
#postcard #main .delivery table th {
background: #F0F0F0;
border: #CCCCCC 1px dotted;
}
#postcard #main .delivery table th span,
#postcard #main .delivery table td span {
display: inline;
padding: 0;
background: none;
}
#postcard #main .delivery table .headline th span {
padding: 0;
}
#postcard #main .delivery table td {
padding: 3px;
border: #CCCCCC 1px dotted;
}
#postcard #main .delivery table .saturday th,
#postcard #main .delivery table .saturday td {
background: #DFF4FF;
border: #CCCCCC 1px dotted;
}
#postcard #main .delivery table .saturday th span,
#postcard #main .delivery table .saturday td span {
background: none;
}
#postcard #main .delivery table .sunday th,
#postcard #main .delivery table .sunday td {
background: #FFCCCC;
border: #CCCCCC 1px dotted;
}
#postcard #main .delivery table .sunday th span,
#postcard #main .delivery table .sunday td span {
background: none;
}
#postcard #main .delivery table td p {
padding: 5px 5px;
width: 90%;
}
#postcard #main .delivery table td p.order-day:before {
height: 320%;
top: 100%;
}
#postcard #main .delivery table td p.order-day2:before {
height: 350%;
}
#postcard #main .delivery table td p.order-day:after {
content: "";
display: block;
border: #FFF 30px solid;
border-top: #FFB300 30px solid;
position: absolute;
left: 50%;
top: 400%;
margin: 0 0 0 -30px;
}
#postcard #main .delivery table td p.order-day2:after {
top: 430%;
}
}
#postcard #main .price .campaign-block {
border: #CCCCCC 1px solid;
margin: 0 0 20px;
}
#postcard #main .price .campaign-block > div {
padding: 10px 15px;
}
#postcard #main .price .campaign-block > div p {
margin: 0;
}
#postcard #main .price .campaign-block > div p.attention {
margin: 1em 0 0 1em;
}
#postcard #main .price p {
margin: 0;
}
#postcard #main .price p.price {
font-size: 2em;
margin: 0 0 10px;
}
#postcard #main .price p.further em {
font-weight: bold;
}
#postcard #main .price p.further strong {
color: #EB1B20;
}
#postcard #main .price p.attention {
margin: 0 0 20px 1em;
}
#postcard #main .price p.price strong {
color: #EB1B20;
//background: -webkit-linear-gradient(transparent 40%, #ffff66 40%);
//background: linear-gradient(transparent 40%, #ffff66 40%);
background: url(/common/img/marker_yellow.png) repeat-x left center;
position: relative;
display: inline-block;
}
#postcard #main .price p.price strong:before {
background: #FFFF00;
content: "";
z-index: -1;
width: 100%;
height: auto;
position: absolute;
left: 0;
top: 0;
}
#postcard #main .price p.price strong span {
font-size: 1.167em;
}
#postcard #main .price table {
width: 100%;
border: #CCCCCC 1px solid;
}
#postcard #main .price table th {
background: #666666;
text-align: center;
color: #FFFFFF;
border: #CCCCCC 1px solid;
padding: 5px 10px;
font-weight: bold;
}
#postcard #main .price table .headline th {
background: #028CD7;
}
#postcard #main .price table td {
border: #CCCCCC 1px solid;
padding: 5px 10px;
text-align: center;
}
#postcard #main .price table tr:nth-child(odd) td {
background: #F6F6F6;
}
#postcard #main .price table tr td:nth-of-type(3) {
font-weight: bold;
color: #EB1B20;
}
@media screen and (max-width: 737px) {
#postcard #main .price .campaign-block img {
width: 100%;
height: auto;
}
#postcard #main .price table {
font-size: 1em;
}
#postcard #main .price table th {
padding: 5px 5px;
}
#postcard #main .price table td {
padding: 5px 5px;
}
}
#postcard #main .example ul li {
float: left;
margin: 0 18px 18px 0;
}
#postcard #main .example ul li:nth-child(4n) {
margin: 0 0 18px;
}
@media screen and (max-width: 737px) {
#postcard #main .example ul li {
width: 32%;
margin: 0 2% 10px 0;
}
#postcard #main .example ul li:nth-child(3n) {
margin: 0 0 10px;
}
#postcard #main .example ul li:nth-child(4n) {
margin: 0 2% 10px 0;
}
#postcard #main .example ul li img {
width: 100%;
height: auto;
}
}
#postcard #main .inquiry p {
height: 215px;
background: url(/common/img/main_inquiry_bg.jpg) no-repeat;
}
@media screen and (max-width: 737px) {
#postcard #main .inquiry p {
height: auto;
}
} #pack #cont{
width: 100%;
padding: 0;
}
#pack #main{
width: 100%;
float: none;
}
#pack #cont .inner{
max-width: 1140px;
margin: 0 auto;
padding: 0 20px;
}
#pack #cont img{
max-width: 100%;
}
#pack #cont #topicpass{
max-width: 1180px;
padding: 0 20px;
margin: 10px auto;
} #pack #cont #visual{
background: url(/imgs/service/pack/240226/visual-bg.jpg) no-repeat center center / cover;
}
#pack #cont #visual .fl-box{
display: flex;
align-items: center;
height: 340px;
}
#pack #cont #visual .fl-box .img{
width: calc(100% - 326px);
padding: 0 20px 0 0;
box-sizing: border-box;
}
#pack #cont #visual .fl-box .form{
display: flex;
flex-direction: column;
justify-content: center;
background-color: #f6da1c;
padding: 0 25px;
box-sizing: border-box;
height: 340px;
height: 100%;
background: #003F95;
width: 326px;
}
#pack #cont #visual .fl-box .form table th{
color: #fff;
}
#pack #cont #visual .fl-box .form th,
#pack #cont #visual .fl-box .form td {
padding: 5px 0;
box-sizing: border-box;
}
#pack #cont #visual .fl-box .form th {
width: 80px;
font-size:16px;
}
#pack #cont #visual .fl-box .form td {
width: 200px;
font-size:16px;
}
#pack #cont #visual .fl-box .form td input,
#pack #cont #visual .fl-box .form td select {
width: 100%;
box-sizing: border-box;
padding:3px;
}
#pack #cont #visual .fl-box .form .form-btn{
text-align: center;
}
#pack #cont #visual .fl-box .form input[type=submit]{
background :url(/imgs/home/211112/arrow_dblue.svg) no-repeat right 10px center #FFE300;
width: 220px;
margin: 20px auto;
text-align: center;
border-radius: 6px;
outline: none;
padding: 12px 0;
font-size: 20px;
font-weight: normal;
color: #003F95;
border: none;
cursor: pointer;
-webkit-appearance: none;
}
#pack #cont #visual .fl-box .form .form-catch .catch{
text-align: center;
font-size: 18px;
color: #fff;
}
#pack #cont #visual .fl-box .form .form-catch .catch span{
position: relative;
}
#pack #cont #visual .fl-box .form .form-catch .catch span::before{
position: absolute;
left: -20px;
top: 0;
content: '';
width: 14px;
height: 22px;
background: url(/common/img/catch-line-before.svg) no-repeat center center;
background-size: 14px auto;
}
#pack #cont #visual .fl-box .form .form-catch .catch span::after{
position: absolute;
right: -20px;
top: 0;
content: '';
width: 14px;
height: 22px;
background: url(/common/img/catch-line-after.svg) no-repeat center center;
background-size: 14px auto;
}
#pack #cont #visual .fl-box .form .form-catch .txt01{
text-align: center;
font-size: 21px;
font-weight: bold;
color: #FEE333;
margin: 0 0 10px;
}
@media (max-width:737px){
#pack #cont #visual{
background: none;
}
#pack #cont #visual .inner{
padding: 0;
}
#pack #cont #visual .fl-box{
display: block;
height: auto;
}
#pack #cont #visual .fl-box .img{
width: 100%;
padding: 40px 20px;
box-sizing: border-box;
background: url(/imgs/service/pack/240226/visual-bg.jpg) no-repeat center center / cover;
}
#pack #cont #visual .fl-box .form{
display: flex;
flex-direction: column;
justify-content: center;
background-color: #f6da1c;
padding: 0 25px;
box-sizing: border-box;
height: 340px;
height: 100%;
background: #003F95;
width: 326px;
}
#pack #cont #visual .fl-box .form{
width: 100%;
display: block;
padding: 30px 20px 10px;
box-sizing: border-box;
}
#pack #cont #visual .fl-box .form .form-table{
width: 100%;
padding: 0;
}
#pack #cont #visual .fl-box .form .form-table table{
width: 100%;
}
#pack #cont #visual .fl-box .form .form-table select,
#pack #cont #visual .fl-box .form .form-table input{
font-size: 17px;
}
} #pack #cont section .headline{
margin: 0 0 clamp(30px, 5.5vw, 35px);
padding: 0 0 10px;
}
#pack #cont section .headline p{
text-align: center;
font-size: clamp(16px, 2.0vw, 20px);
font-weight: bold;
color: #0081DE;
margin: 0 0 15px;
}
#pack #cont section .headline h2{
text-align: center;
font-size: clamp(24px, 3.0vw, 34px);
font-weight: bold;
color: #000;
background: none;
border: none;
margin: 0;
padding: 0 0 10px;
position: relative;
}
#pack #cont section .headline h2::after{
position: absolute;
left: 50%;
bottom: 0;
content: '';
width: 180px;
height: 6px;
background: #FFE400;
transform: translate(-50%, 0);
}
#pack #cont section .headline .sp{
display: none;
}
@media (max-width:737px){
#pack #cont section .headline .sp{
display: block;
}	
} #pack #cont #sec01{
position: relative;
margin: 0;
padding: 60px 0 65px;
}
#pack #cont #sec01::after{
position: absolute;
left: 0;
bottom: 0;
z-index: -1;
content: '';
width: 100%;
height: 258px;
background: #E5F4FF;
}
#pack #cont #sec01 .headline{
margin: 0 0 clamp(15px, 2.75vw, 30px);
}
#pack #cont #sec01 .headline h2{
margin: 0;
text-align: center;
font-size: clamp(16px, 2.75vw, 26px);
font-weight: bold;
color: #0081DE;
margin: 0;
padding:0;
}
#pack #cont section .headline h2::after{
display:none;
}
#pack #cont #sec01 .headline h2 strong{
font-size: clamp(21px, 3.5vw, 34px);
}
#pack #cont #sec01 .headline h2 strong .maker{
position: relative;
}
#pack #cont #sec01 .headline h2 strong .maker::after{
position: absolute;
left: 0;
bottom: 10px;
z-index: -1;
content: '';
width: 100%;
height: 6px;
background: #FFE400;
}
#pack #cont #sec01 .txt{
font-size: clamp(15px, 2.0vw, 16px);
text-align: center;
line-height: 1.875;
margin: 0 0 clamp(35px, 5.5vw, 65px);
}
#pack #cont #sec01 .list{
display: flex;
justify-content: space-between;
}
#pack #cont #sec01 .list .list-item{
width: calc(100% / 3 - 25px);
background: #fff;
box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.3);
padding: 25px 30px 30px;
box-sizing: border-box;
position: relative;
}
#pack #cont #sec01 .list .list-item::before{
position: absolute;
left: 0;
top: 0;
content: '';
width: 62px;
height: 63px;
transform: translate(-15px, -15px);
}
#pack #cont #sec01 .list .list-item:nth-child(1)::before{
background: url(/imgs/service/pack/240226/point-number01.svg) no-repeat center center / 62px auto;
}
#pack #cont #sec01 .list .list-item:nth-child(2)::before{
background: url(/imgs/service/pack/240226/point-number02.svg) no-repeat center center / 62px auto;
}
#pack #cont #sec01 .list .list-item:nth-child(3)::before{
background: url(/imgs/service/pack/240226/point-number03.svg) no-repeat center center / 62px auto;
}
#pack #cont #sec01 .list .list-item .img{
text-align: center;
margin: 0 0 20px;
}
#pack #cont #sec01 .list .list-item .text .tit{
text-align: center;
font-size: clamp(18px, 2.0vw, 22px);
font-weight: bold;
margin: 0 0 clamp(15px, 2.0vw, 25px);
line-height: 1.5;
}
#pack #cont #sec01 .list .list-item .text .tit strong{
display: block;
font-size: clamp(15px, 2.0vw, 16px);
color: #1E81DE;
}
#pack #cont #sec01 .list .list-item .text .txt01{
font-size: 15px;
margin: 0;
}
#pack #cont #sec01 .list .list-item .text .txt01 + p{
display: none;
}
@media (max-width: 737px) {
#pack #cont #sec01{
padding: 40px 0 45px;
}
#pack #cont #sec01 .headline h2 strong .maker::after{
bottom: 5px;
}
#pack #cont #sec01 .txt{
text-align: left;
}
#pack #cont #sec01 .txt .pc{
display: none;
}
#pack #cont #sec01 .list{
display: block;
}
#pack #cont #sec01 .list .list-item{
width: 100%;
margin: 0 0 40px;
padding: 20px;
}
#pack #cont #sec01 .list .list-item:last-child{
margin: 0;
}
} #pack #cont #sec02{
margin: 0;
padding: 75px 0 95px;
}
#pack #cont #sec02 .headline{
margin: 0 0 clamp(10px, 2.0vw, 20px);
}
#pack #cont #sec02 .list{
display: flex;
flex-wrap: wrap;
align-items: flex-end;
justify-content: space-between;
}
#pack #cont #sec02 .list .list-item{
width: calc(100% / 2 - clamp(10px, 2.25vw, 30px));
display: flex;
align-items: flex-end;
margin: clamp(20px, 4.0vw, 40px) 0 0;
}
#pack #cont #sec02 .list .list-item .img{
width: 47%;
}
#pack #cont #sec02 .list .list-item .text{
width: 53%;
padding: 0 0 0 20px;
box-sizing: border-box;
}
#pack #cont #sec02 .list .list-item .text .tit{
font-size: clamp(17px, 2.0vw, 20px);
font-weight: bold;
line-height: 1.4;
margin: 0 0 10px;
}
#pack #cont #sec02 .list .list-item .text .tit span{
display: block;
font-size: clamp(14px, 1.5vw, 16px);
color: #1D81D4;
}
#pack #cont #sec02 .list .list-item .text table{
width: 100%;
margin: 0;
border: 1px solid #CCC;
box-sizing: border-box;
}
#pack #cont #sec02 .list .list-item .text table th{
width: 75px;
background: #E5F4FE;
font-size: 13px;
padding: 10px 5px 10px 10px;
box-sizing: border-box;
color: #0081DE;
line-height: 1.4;
border-bottom: 1px solid #CCC;
}
#pack #cont #sec02 .list .list-item .text table td{
width: calc(100% - 75px);
font-size: 13px;
padding: 10px 15px;
box-sizing: border-box;
line-height: 1.4;
border-bottom: 1px solid #CCC;
}
#pack #cont #sec02 .pr-text{
margin:40px 0 0;
}
#pack #cont #sec02 .pr-text p{
margin:0;
}
@media (max-width: 880px) {
#pack #cont #sec02 .list{
display: block;
}
#pack #cont #sec02 .list .list-item{
width: 100%;
align-items: flex-start;
}
}
@media (max-width: 737px) {
#pack #cont #sec02{
padding: 40px 0 50px;
}
#pack #cont #sec02 .list .list-item .img{
width: 30%;
}
#pack #cont #sec02 .list .list-item .text{
width: 70%;
padding: 0 0 0 20px;
box-sizing: border-box;
}
#pack #cont #sec02 .list .list-item .text .tit{
margin: 0 0 5px;
}
#pack #cont #sec02 .list .list-item .text table th{
padding: 7px 5px 7px 10px;
font-size: 12px;
}
#pack #cont #sec02 .list .list-item .text table td{
padding: 7px 15px;
font-size: 12px;
}
} #pack #cont #sec03{
background: url(/imgs/service/pack/240226/sec03-bg.jpg) no-repeat right center / cover,  rgba(229,244,254, 0.62);
margin: 0;
padding: 65px 0 85px;
}
#pack #cont #sec03 .note{
max-width: 972px;
margin: 10px auto 0;
font-size: 14px;
}
#pack #cont #sec03 table{
max-width: 972px;
width: 100%;
margin: 0 auto;
border-collapse: separate;
border-spacing: 1px;
background: #ccc;
}
#pack #cont #sec03 table tr th{
background: #1E81DE;
color: #fff;
text-align: center;
font-size: 14px;
font-weight: bold;
padding: 15px 10px;
box-sizing: border-box;
}
#pack #cont #sec03 table tr td{
background: #fff;
padding: 12px 10px;
box-sizing: border-box;
}
#pack #cont #sec03 table tr td:nth-of-type(1),
#pack #cont #sec03 table tr td:nth-of-type(2),
#pack #cont #sec03 table tr td:nth-of-type(3){
text-align: center;
width: 13%;
}
#pack #cont #sec03 table tr td:nth-of-type(4),
#pack #cont #sec03 table tr td:nth-of-type(5){
padding: 12px 25px;
width: 30.5%;
line-height: 2.0;
}
#pack #cont #sec03 table tr td span.type01{
padding: 0 0 0 45px;
background: url(/imgs/service/pack/240226/sec03-color01.png) no-repeat left center;
}
#pack #cont #sec03 table tr td span.type02{
padding: 0 0 0 45px;
background: url(/imgs/service/pack/240226/sec03-color02.png) no-repeat left center;
}
#pack #cont #sec03 table tr td span.type03{
padding: 0 0 0 45px;
background: url(/imgs/service/pack/240226/sec03-color03.png) no-repeat left center;
}
#pack #cont #sec03 table tr td span.type04{
padding: 0 0 0 45px;
background: url(/imgs/service/pack/240226/sec03-color04.png) no-repeat left center;
}
#pack #cont #sec03 table tr td span.type05{
padding: 0 0 0 45px;
background: url(/imgs/service/pack/240226/sec03-color05.png) no-repeat left center;
}
#pack #cont #sec03 .pr-text{
max-width: 972px;
margin: 30px auto 0;
background:#FFF;
box-sizing:border-box;
padding:0 0 10px;
}
#pack #cont #sec03 .pr-text h3{
background:#1E81DE;
color:#FFF;
font-size:16px;
font-weight:bold;
padding:10px 15px;
margin:0 0 20px;
}
#pack #cont #sec03 .pr-text h4{
font-size: 14px;
font-weight:bold;
margin: 0 20px;
}
#pack #cont #sec03 .pr-text p{
font-size: 14px;
margin: 0 20px 20px;
}
@media (max-width: 737px) {
#pack #cont #sec03{
background: url(/imgs/service/pack/240226/sec03-bg-sp.jpg) no-repeat right bottom / 60% auto, rgba(229,244,254, 0.62);
margin: 0;
padding: 40px 0;
}
#pack #cont #sec03 .scroll-table{
width: 100%;
overflow: auto;
white-space: nowrap;
}
#pack #cont #sec03 table{ width: 850px;
}
} #pack #cont #sec04{
margin: 0;
padding: 80px 0 65px;
}
#pack #cont #sec04 .list{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#pack #cont #sec04 .list .list-item{
width: calc(100% / 4 - 25px);
margin: 0 0 15px;
}
#pack #cont #sec04 .list .list-item a{
display: flex;
align-items: center;
background: #E5F4FE;
text-decoration: none;
padding: 5px;
border-radius: 10px;
cursor: pointer;
transition: 0.3s;
}
#pack #cont #sec04 .list .list-item a .img{
width: 92px;
}
#pack #cont #sec04 .list .list-item a .text{
width: calc(100% - 92px);
font-size: 16px;
font-weight: bold;
line-height: 1.0;
}
@media (min-width:738px){
#pack #cont #sec04 .list .list-item a:hover{
opacity: 0.6;
}	
}
@media (max-width:737px){
#pack #cont #sec04{
padding: 40px 0 50px;
}
#pack #cont #sec04 .list .list-item{
width: calc(100% / 2 - 5px);
margin: 0 0 10px;
}
}
@media (max-width:480px){
#pack #cont #sec04 .list .list-item{
width: 100%;
margin: 0 0 10px;
}
}
#home .remodal,
#pack .remodal {
width: 720px;
padding: 50px 40px;
background: #fff;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
text-align: left;
}
#home .remodal-img,
#pack .remodal-img {
width: 176px;
}
#home .remodal-img img,
#pack .remodal-img img {
width: 100%;
}
#home .remodal-detail,
#pack .remodal-detail {
width: 450px;
padding-left: 20px;
}
#home .remodal-content,
#pack .remodal-content {
display: flex;
}
#home .remodal-name,
#pack .remodal-name {
padding-bottom: 10px;
font-size: 20px;
letter-spacing: 0.04em;
}
#home .remodal-catch,
#pack .remodal-catch {
font-size: 16px;
font-weight: bold;
color: #018cd7;
margin: 0 0 1em;
}
#home .remodal-lead p,
#pack .remodal-lead p {
margin: 0 0 1em;
font-size: 14px;
}
#home .remodal-lead p a,
#pack .remodal-lead p a {
color: #018cd7;
text-decoration: underline;
}
#home .remodal-lead p a:hover,
#pack .remodal-lead p a:hover {
text-decoration: none;
}
#home .remodal-detail p.link,
#pack .remodal-detail p.link {
text-align: left;
padding: 0 0 0 50px;
}
#home .remodal-detail p.link a,
#pack .remodal-detail p.link a {
display: inline-block;
width: 160px;
padding: 10px 0;
text-align: center;
border: #018cd7 1px solid;
background: #018cd7;
color: #FFF;
text-decoration: none;
}
#home .remodal-detail p.link a:hover,
#pack .remodal-detail p.link a:hover {
background: #FFF;
color: #018cd7;
}
#home .remodal-lead p:last-of-type,
#pack .remodal-lead p:last-of-type {
margin: 0;
}
@media (max-width: 737px) {
#home .remodal,
#pack .remodal {
width: 90%;
padding: 30px;
}
#home .remodal-content,
#pack .remodal-content {
display: block;
}
#home .remodal-img,
#pack .remodal-img {
margin: 0 auto 20px;
width: 160px;
}
#home .remodal-detail,
#pack .remodal-detail {
width: 100%;
padding: 0;
}
#home .remodal-detail p.link,
#pack .remodal-detail p.link {
text-align: center;
padding: 0;
}
#home .table-button,
#pack .table-button {
margin: 20px auto 0;
}
} #pack #cont .sub-contact .inner .list{
justify-content: center;
}
#pack #cont .sub-contact .inner .list .list-item{
width: 42%;
border-right:none;
}
@media (max-width: 737px) {
#pack #cont .sub-contact .inner .list .list-item{
width: 100%;
}
} #pack #cont #sec05{
padding: 90px 0;
}
#pack #cont #sec05 .fl-box{
width: calc(100% - calc(calc(100% - 1100px) / 2));
display: flex;
justify-content: flex-end;
margin: 0 0 75px;
}
#pack #cont #sec05 .fl-box:last-of-type{
margin: 0;
}
#pack #cont #sec05 .fl-box .img{
width: calc(100% - 767px);
}
#pack #cont #sec05 .fl-box .img .img-in{
max-width: 581px;
margin: 0 0 0 auto;
}
#pack #cont #sec05 .fl-box .text{
width: 767px;
padding: 0 0 0 50px;
box-sizing: border-box;
}
#pack #cont #sec05 .fl-box .text .catch{
font-size: clamp(20px, 2.5vw, 26px);
font-weight: bold;
color: #1E87DF;
margin: 0 0 10px;
line-height: 1.5;
}
#pack #cont #sec05 .fl-box .text .price{
text-align: right;
}
#pack #cont #sec05 .fl-box .text .price span{
font-size: clamp(18px, 2.0vw, 21px);
font-weight: bold;
position: relative;
padding: 0 5px;
}
#pack #cont #sec05 .fl-box .text .price span::after{
position: absolute;
left: 0;
bottom: 5px;
z-index: -1;
content: '';
width: 100%;
height: 12px;
background: #FFE400;
}
#pack #cont #sec05 .fl-box .text .price span b{
font-size: clamp(26px, 3.0vw, 35px);
}
#pack #cont #sec05 .fl-box .text ul{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
#pack #cont #sec05 .fl-box .text ul li{
width: calc(100% / 2 - 20px);
border-bottom: 1px solid #ccc;
display: flex;
padding: 5px 0 10px;
margin: 0 0 10px;
}
#pack #cont #sec05 .fl-box .text ul li .tit{
width: 110px;
font-size: clamp(15px, 2.0vw, 16px);
font-weight: bold;
margin: 0;
}
#pack #cont #sec05 .fl-box .text ul li .txt01{
width: calc(100% - 110px);
font-size: clamp(15px, 2.0vw, 16px);
margin: 0;
}
#pack #cont #sec05 .fl-box .text table{
width: 100%;
border-collapse: separate;
border-spacing: 1px;
background: #ccc;
}
#pack #cont #sec05 .fl-box .text table tr th{
width: 173px;
font-size: 14px;
font-weight: bold;
background: #E5F4FE;
color: #0081DE;
padding: 10px 10px 10px 15px;
box-sizing: border-box;
}
#pack #cont #sec05 .fl-box .text table tr td{
width: calc(100% - 173px);
font-size: 14px;
padding: 10px 25px;
box-sizing: border-box;
background: #fff;
}
#pack #cont #sec05 .btn {
margin:40px 0 0;
}
#pack #cont #sec05 .btn a{
display:block;
border: 1px solid #0081de;
color: #0081de;
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;
margin: 0 auto;
width:293px;
}
#pack #cont #sec05 .btn a:hover{
background: url(/imgs/home/211112/arrow-blue.svg) no-repeat right 5px center;
}
@media (max-width:1100px){
#pack #cont #sec05 .fl-box{
width: 100%;
padding: 0 20px;
box-sizing: border-box;
}
#pack #cont #sec05 .fl-box .img{
width: 35%;
}
#pack #cont #sec05 .fl-box .text{
width: 65%;
padding: 0 0 0 5%;
box-sizing: border-box;
}
}
@media (max-width:737px){
#pack #cont #sec05{
margin: 0;
padding: 50px 0;
}
#pack #cont #sec05 .fl-box{
display: block;
}
#pack #cont #sec05 .fl-box .img{
width: 80%;
text-align: center;
margin: 0 auto 20px;
}
#pack #cont #sec05 .fl-box .img .img-in{
max-width: 581px;
margin: 0 auto;
}
#pack #cont #sec05 .fl-box .text{
width: 100%;
padding: 0;
}
#pack #cont #sec05 .fl-box .text .catch{
margin: 0 0 10px;
}
#pack #cont #sec05 .fl-box .text ul{
display: block;
}
#pack #cont #sec05 .fl-box .text ul li{
width: 100%;
}
#pack #cont #sec05 .fl-box .text table tr th{
width: 110px;
text-indent: -1.5em;
padding: 10px 10px 10px 2.0em;
}
#pack #cont #sec05 .fl-box .text table tr td{
width: calc(100% - 110px);
padding: 10px;
}
} #pack #cont #sec06{
background: #E5F4FE;
margin: 0;
padding: 75px 0 65px;
}
#pack #cont #sec06 .case-list .case-list-item{
margin: 0 10px;
}
#pack #cont #sec06 .slick-dots{
margin: 0;
}
#pack #cont #sec06 .slick-dots li{
margin: 0;
}
#pack #cont #sec06 .slick-dots li button:before{
font-size: 11px;
}
#pack #cont #sec06 .btn {
padding:20px 0 0;
}
#pack #cont #sec06 .btn a{
display:block;
border: 1px solid #0081de;
color: #0081de;
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;
margin: 0 auto;
width:293px;
}
#pack #cont #sec06 .btn a:hover{
background: url(/imgs/home/211112/arrow-blue.svg) no-repeat right 5px center;
}
@media (max-width:737px){
#pack #cont #sec06{
padding: 40px 0 55px;
}
} #pack #cont #qa{
margin: 0;
padding: 90px 0;
}
#pack #cont #qa .list{
max-width: 1000px;
margin: 0 auto;
}
#pack #cont #qa .list .list-item{
margin: 0 0 15px;
}
#pack #cont #qa .list .list-item .tit{
background: #E5F4FE;
font-size: clamp(15px, 2.0vw, 16px);
font-weight: bold;
padding: 25px 55px 25px 70px;
position: relative;
border-radius: 5px;
cursor: pointer;
}
#pack #cont #qa .list .list-item .tit::before{
position: absolute;
left: 0;
top: 0;
content: 'Q';
width: 50px;
height: 100%;
background: #1D81D4;
font-size: 40px; color: #fff;
display: flex;
justify-content: center;
align-items: center;
border-radius: 5px 0 0 5px;
}
#pack #cont #qa .list .list-item .tit::after{
position: absolute;
right: 20px;
top: 0;
content: '';
width: 26px;
height: 100%;
background: url(/imgs/service/pack/240226/qa-arrow.svg) no-repeat center center;
transition: 0.3s;
}
#pack #cont #qa .list .list-item .tit.on::after{
transform: rotate(180deg);
}
#pack #cont #qa .list .list-item .text{
font-size: clamp(15px, 2.0vw, 16px);
line-height: 2.0;
margin: 0;
padding: 0 0 25px 70px;
position: relative;
display: none;
}
#pack #cont #qa .list .list-item .text::before{
position: absolute;
left: -5px;
top: 0;
content: 'A';
width: 60px;
height: 100%;
z-index: -1;
padding: 0 0 25px;
background: #fff;
box-sizing: border-box;
font-size: 40px;
font-family: 'Bebas Neue', sans-serif;
color: #1D81D4;
display: flex;
justify-content: center;
align-items: center;
border-radius: 5px 0 0 5px;
}
#pack #cont #qa .list .list-item .text a{
text-decoration: underline;
}
#pack #cont #qa .btn {
margin:40px 0 0;
}
#pack #cont #qa .btn a{
display:block;
border: 1px solid #0081de;
color: #0081de;
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;
margin: 0 auto;
width:293px;
}
#pack #cont #qa .btn a:hover{
background: url(/imgs/home/211112/arrow-blue.svg) no-repeat right 5px center;
}
@media (min-width:738px){
#pack #cont #qa .list .list-item .text a:hover{
text-decoration: none;
}	
}
@media (max-width:737px){
#pack #cont #qa{
padding: 40px 0;
}
} #pack #cont #sec07{
margin: 0;
padding: 190px 0 20px;
position: relative;
}
#pack #cont #sec07::before{
position: absolute;
left: 0;
top: 0;
z-index: -1;
content: '';
width: 100%;
height: 433px;
background: url(/imgs/service/pack/240226/sec07-bg.jpg) no-repeat center center / cover;
}
#pack #cont #sec07 h2{
background: none;
padding: 0;
border: none;
max-width: 820px;
margin: 0 auto -12px;
font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
font-size: 58px;
color: #fff;
line-height: 1.0;
}
#pack #cont #sec07 .box{
max-width: 820px;
margin: 0 auto;
padding: 50px 60px;
background: #fff;
box-sizing: border-box;
}
#pack #cont #sec07 .box .tit{
font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
font-size: clamp(21px, 2.5vw, 28px);
font-weight: bold;
color: #000;
margin: 0 0 1.5em;
}
#pack #cont #sec07 .box .txt01{
font-size: clamp(15px, 2.0vw, 16px);
margin: 0 0 1.5em;
line-height: 2.0;
}
#pack #cont #sec07 .box .txt02{
font-size: clamp(15px, 2.0vw, 16px);
margin: 0 0 2.0em;
line-height: 2.0;
}
#pack #cont #sec07 .box .list{
margin: 2.0em 0;
}
#pack #cont #sec07 .box .list .list-item{
font-size: clamp(15px, 2.0vw, 16px);
position: relative;
padding: 0 0 0 1.0em;
}
#pack #cont #sec07 .box .list .list-item::before{
position: absolute;
left: 0;
top: 5px;
content: '';
width: 10px;
height: 10px;
background: #0081DE;
border-radius: 50%;
}
#pack #cont #sec07 .box .btn-list{
display: flex;
margin: 60px 0 0;
}
#pack #cont #sec07 .box .btn-list .btn-list-item{
width: 50%;
text-align: center;
padding: 0 2.5%;
border-right: 1px solid #fff;
box-sizing: border-box;
}
#pack #cont #sec07 .box .btn-list .btn-list-item .catch{
text-align: center;
color: #333;
font-size: 16px;
margin: 0 0 5px;
}
#pack #cont #sec07 .box .btn-list .btn-list-item .btn{
max-width: 374px;
margin: 0 auto;
}
#pack #cont #sec07 .box .btn-list .btn-list-item .btn a{
display: block;
background: #FFE300;
border-bottom: 4px solid #AC9A00;
padding: 20px 0;
font-size: 20px;
border-radius: 10px;
transition: 0.3s;
color: #000;
text-decoration: none;
}
#pack #cont #sec07 .box .btn-list .btn-list-item:nth-child(1) .btn a span{
background: url(/common/img/211112/ft-icon01.svg) no-repeat left center;
padding: 0 0 0 20px;
}
#pack #cont #sec07 .box .btn-list .btn-list-item:nth-child(2) .btn a span{
background: url(/common/img/211112/ft-icon02.svg) no-repeat left center;
padding: 0 0 0 25px;
}
@media (min-width:738px){
#pack #cont #sec07 .box .btn-list .btn-list-item .btn a:hover{
transform: scale(0.975,0.975);
}
}
@media (max-width:737px){
#pack #cont #sec07{
padding: 100px 0 20px;
}
#pack #cont #sec07::before{
height: 233px;
}
#pack #cont #sec07 h2{
font-size: 40px;
margin: 0 auto -8px;
}
#pack #cont #sec07 .box{
padding: 25px 20px;
}
#pack #cont #sec07 .box .btn-list{
flex-wrap: wrap;
margin: 30px 0 0;
}
#pack #cont #sec07 .box .btn-list .btn-list-item{
width: 100%;
text-align: center;
margin: 20px auto 0;
padding: 0;
border-right: none;
}
}
#pack #cont .link-list{
max-width: 940px;
margin: 80px auto 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
#pack #cont .link-list .link-list-item{
width: calc(100% / 3 - 20px);
margin: 0 10px 20px;
}
#pack #cont .link-list .link-list-item a{
display: block;
border: 1px solid #0081de;
color: #0081de;
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){
#pack #cont .link-list .link-list-item a:hover{
background: url(/imgs/home/211112/arrow-blue.svg) no-repeat right 5px center;
}
}
@media (max-width:737px){
#pack #cont .link-list{
margin: 40px auto 0;
}
#pack #cont .link-list .link-list-item{
width: 100%;
margin: 0 0 10px;
}
} #pack #cont #article{
margin: 0;
padding: 90px 0;
}
#pack #cont #article .inner{
max-width: 1000px;
margin: 0 auto;
}
#pack #cont #article .inner .blog{
display: flex;
justify-content: space-between;
}
#pack #cont #article .inner .blog .img{
width:260px;
}
#pack #cont #article .inner .blog .img img{
width:100%;
height:auto;
}
#pack #cont #article .inner .blog .text{
margin:0 0 0 0px;
width:calc(100% - 290px)
}
#pack #cont #article .inner .blog .text h3{
font-size:22px;
margin:0 0 10px;
font-weight:bold;
color:#028CD7;
}
#pack #cont #article .inner .blog .text h3 a{
text-decoration:none;
}
#pack #cont #article .btn {
margin:40px 0 0;
}
#pack #cont #article .btn a{
display:block;
border: 1px solid #0081de;
color: #0081de;
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;
margin: 0 auto;
width:293px;
}
#pack #cont #article .btn a:hover{
background: url(/imgs/home/211112/arrow-blue.svg) no-repeat right 5px center;
}
@media (max-width:737px){
#pack #cont #article .inner .blog .img{
width:130px;
}
#pack #cont #article .inner .blog .text{
width:calc(100% - 145px)
}
#pack #cont #article .inner .blog .text h3{
font-size:16px;
}
}     #send #cont{
width: 100%;
padding: 0;
}
#send #main{
width: 100%;
float: none;
}
#send #cont .inner{
max-width: 1140px;
margin: 0 auto;
padding: 0 20px;
}
#send #cont img{
max-width: 100%;
}
#send #cont #topicpass{
max-width: 1180px;
padding: 0 20px;
margin: 10px auto;
} #send #cont #visual{
background: url(/imgs/service/send/241002/visual-bg.jpg) no-repeat center center / cover;
}
#send #cont #visual .fl-box{
display: flex;
align-items: center;
height: 340px;
}
#send #cont #visual .fl-box .img{
width: calc(100% - 326px);
padding: 0 20px 0 0;
box-sizing: border-box;
}
#send #cont #visual .fl-box .form{
display: flex;
flex-direction: column;
justify-content: center;
background-color: #f6da1c;
padding: 0 25px;
box-sizing: border-box;
height: 340px;
height: 100%;
background: #003F95;
width: 326px;
}
#send #cont #visual .fl-box .form table th{
color: #fff;
}
#send #cont #visual .fl-box .form th,
#send #cont #visual .fl-box .form td {
padding: 5px 0;
box-sizing: border-box;
}
#send #cont #visual .fl-box .form th {
width: 80px;
font-size:16px;
}
#send #cont #visual .fl-box .form td {
width: 200px;
font-size:16px;
}
#send #cont #visual .fl-box .form td input,
#send #cont #visual .fl-box .form td select {
width: 100%;
box-sizing: border-box;
padding:3px;
}
#send #cont #visual .fl-box .form .form-btn{
text-align: center;
}
#send #cont #visual .fl-box .form input[type=submit]{
background :url(/imgs/home/211112/arrow_dblue.svg) no-repeat right 10px center #FFE300;
width: 220px;
margin: 20px auto;
text-align: center;
border-radius: 6px;
outline: none;
padding: 12px 0;
font-size: 20px;
font-weight: normal;
color: #003F95;
border: none;
cursor: pointer;
-webkit-appearance: none;
}
#send #cont #visual .fl-box .form .form-catch .catch{
text-align: center;
font-size: 18px;
color: #fff;
}
#send #cont #visual .fl-box .form .form-catch .catch span{
position: relative;
}
#send #cont #visual .fl-box .form .form-catch .catch span::before{
position: absolute;
left: -20px;
top: 0;
content: '';
width: 14px;
height: 22px;
background: url(/common/img/catch-line-before.svg) no-repeat center center;
background-size: 14px auto;
}
#send #cont #visual .fl-box .form .form-catch .catch span::after{
position: absolute;
right: -20px;
top: 0;
content: '';
width: 14px;
height: 22px;
background: url(/common/img/catch-line-after.svg) no-repeat center center;
background-size: 14px auto;
}
#send #cont #visual .fl-box .form .form-catch .txt01{
text-align: center;
font-size: 21px;
font-weight: bold;
color: #FEE333;
margin: 0 0 10px;
}
@media (max-width:737px){
#send #cont #visual{
background: none;
}
#send #cont #visual .inner{
padding: 0;
}
#send #cont #visual .fl-box{
display: block;
height: auto;
}
#send #cont #visual .fl-box .img{
width: 100%;
padding: 40px 20px;
box-sizing: border-box;
background: url(/imgs/service/send/241002/visual-bg.jpg) no-repeat center center / cover;
}
#send #cont #visual .fl-box .form{
display: flex;
flex-direction: column;
justify-content: center;
background-color: #f6da1c;
padding: 0 25px;
box-sizing: border-box;
height: 340px;
height: 100%;
background: #003F95;
width: 326px;
}
#send #cont #visual .fl-box .form{
width: 100%;
display: block;
padding: 30px 20px 10px;
box-sizing: border-box;
}
#send #cont #visual .fl-box .form .form-table{
width: 100%;
padding: 0;
}
#send #cont #visual .fl-box .form .form-table table{
width: 100%;
}
#send #cont #visual .fl-box .form .form-table select,
#send #cont #visual .fl-box .form .form-table input{
font-size: 17px;
}
} #send #cont section .headline{
margin: 0 0 clamp(30px, 5.5vw, 35px);
padding: 0 0 10px;
}
#send #cont section .headline p{
text-align: center;
font-size: clamp(16px, 2.0vw, 20px);
font-weight: bold;
color: #0081DE;
margin: 0 0 15px;
}
#send #cont section .headline h2{
text-align: center;
font-size: clamp(24px, 3.0vw, 34px);
font-weight: bold;
color: #000;
background: none;
border: none;
margin: 0;
padding: 0 0 10px;
position: relative;
}
#send #cont section .headline h2::after{
position: absolute;
left: 50%;
bottom: 0;
content: '';
width: 180px;
height: 6px;
background: #FFE400;
transform: translate(-50%, 0);
}
#send #cont section .headline .sp{
display: none;
}
@media (max-width:737px){
#send #cont section .headline .sp{
display: block;
}	
} #send #cont #sec01{
position: relative;
margin: 0;
padding: 60px 0 65px;
}
#send #cont #sec01::after{
position: absolute;
left: 0;
bottom: 0;
z-index: -1;
content: '';
width: 100%;
height: 258px;
background: #E5F4FF;
}
#send #cont #sec01 .headline{
margin: 0 0 clamp(15px, 2.75vw, 30px);
}
#send #cont #sec01 .headline h2{
margin: 0;
text-align: center;
font-size: clamp(16px, 2.75vw, 26px);
font-weight: bold;
margin: 0;
padding:0;
}
#send #cont #sec01 .headline h2::after{
display:none;
}
#send #cont #sec01 .headline h2 strong{
font-size: clamp(21px, 3.5vw, 34px);
}
#send #cont #sec01 .headline h2 strong .maker{
position: relative;
color: #0081DE;
}
#send #cont #sec01 .headline h2 strong .maker::after{
position: absolute;
left: 0;
bottom: 10px;
z-index: -1;
content: '';
width: 100%;
height: 6px;
background: #FFE400;
}
#send #cont #sec01 .txt{
font-size: clamp(15px, 2.0vw, 16px);
text-align: center;
line-height: 1.875;
margin: 0 0 clamp(35px, 5.5vw, 65px);
}
#send #cont #sec01 .txt span.font-sm{
display: block;
font-size: clamp(13px, 2.0vw, 14px);
text-align: center;
line-height: 1.875;
margin: 10px 0 40px;
}
#send #cont #sec01 .list-title{
font-size: clamp(23px, 2.0vw, 26px);
font-weight: bold;
text-align: center;
line-height: 1.875;
color: #0081DE;
margin: 0 0 20px;
}
#send #cont #sec01 .list{
display: flex;
justify-content: space-between;
}
#send #cont #sec01 .list .list-item{
width: calc(100% / 3 - 25px);
background: #fff;
box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.3);
padding: 25px 30px 30px;
box-sizing: border-box;
position: relative;
}
#send #cont #sec01 .list .list-item::before{
position: absolute;
left: 0;
top: 0;
content: '';
width: 62px;
height: 63px;
transform: translate(-15px, -15px);
}
#send #cont #sec01 .list .list-item:nth-child(1)::before{
background: url(/imgs/service/pack/240226/point-number01.svg) no-repeat center center / 62px auto;
}
#send #cont #sec01 .list .list-item:nth-child(2)::before{
background: url(/imgs/service/pack/240226/point-number02.svg) no-repeat center center / 62px auto;
}
#send #cont #sec01 .list .list-item:nth-child(3)::before{
background: url(/imgs/service/pack/240226/point-number03.svg) no-repeat center center / 62px auto;
}
#send #cont #sec01 .list .list-item .img{
text-align: center;
margin: 0 0 20px;
}
#send #cont #sec01 .list .list-item .text .tit{
text-align: center;
font-size: clamp(18px, 2.0vw, 22px);
font-weight: bold;
margin: 0 0 clamp(15px, 2.0vw, 25px);
line-height: 1.5;
}
#send #cont #sec01 .list .list-item .text .tit strong{
display: block;
font-size: clamp(15px, 2.0vw, 16px);
color: #1E81DE;
}
#send #cont #sec01 .list .list-item .text .txt01{
font-size: 15px;
margin: 0;
}
#send #cont #sec01 .list .list-item .text .txt01 + p{
display: none;
}
@media (max-width: 737px) {
#send #cont #sec01{
padding: 40px 0 45px;
}
#send #cont #sec01 .headline h2 strong .maker::after{
bottom: 5px;
}
#send #cont #sec01 .txt{
text-align: left;
}
#send #cont #sec01 .txt .pc{
display: none;
}
#send #cont #sec01 .txt span.font-sm {
text-align: left;
}
#send #cont #sec01 .list{
display: block;
}
#send #cont #sec01 .list .list-item{
width: 100%;
margin: 0 0 40px;
padding: 20px;
}
#send #cont #sec01 .list .list-item:last-child{
margin: 0;
}
} #send #cont #sec02{
margin: 0;
padding: 75px 0 95px;
}
#send #cont #sec02 .headline{
margin: 0 0 clamp(10px, 2.0vw, 20px);
}
#send #cont #sec02 .list{
display: flex;
flex-wrap: wrap;
align-items: flex-end;
justify-content: space-between;
}
#send #cont #sec02 .list .list-item{
width: calc(100% / 2 - clamp(10px, 2.25vw, 30px));
display: flex;
align-items: flex-end;
margin: clamp(20px, 4.0vw, 40px) 0 0;
}
#send #cont #sec02 .list .list-item .img{
width: 47%;
}
#send #cont #sec02 .list .list-item .text{
width: 53%;
padding: 0 0 0 20px;
box-sizing: border-box;
}
#send #cont #sec02 .list .list-item .text .tit{
font-size: clamp(17px, 2.0vw, 20px);
font-weight: bold;
line-height: 1.4;
margin: 0 0 10px;
}
#send #cont #sec02 .list .list-item .text .tit span{
display: block;
font-size: clamp(14px, 1.5vw, 16px);
color: #1D81D4;
}
#send #cont #sec02 .list .list-item .text table{
width: 100%;
margin: 0;
border: 1px solid #CCC;
box-sizing: border-box;
}
#send #cont #sec02 .list .list-item .text table th{
width: 75px;
background: #E5F4FE;
font-size: 13px;
padding: 10px 5px 10px 10px;
box-sizing: border-box;
color: #0081DE;
line-height: 1.4;
border-bottom: 1px solid #CCC;
}
#send #cont #sec02 .list .list-item .text table td{
width: calc(100% - 75px);
font-size: 13px;
padding: 10px 15px;
box-sizing: border-box;
line-height: 1.4;
border-bottom: 1px solid #CCC;
}
#send #cont #sec02 .pr-text{
margin:40px 0 0;
}
#send #cont #sec02 .pr-text p{
margin:0;
}
@media (max-width: 880px) {
#send #cont #sec02 .list{
display: block;
}
#send #cont #sec02 .list .list-item{
width: 100%;
align-items: flex-start;
}
}
@media (max-width: 737px) {
#send #cont #sec02{
padding: 40px 0 50px;
}
#send #cont #sec02 .list .list-item .img{
width: 30%;
}
#send #cont #sec02 .list .list-item .text{
width: 70%;
padding: 0 0 0 20px;
box-sizing: border-box;
}
#send #cont #sec02 .list .list-item .text .tit{
margin: 0 0 5px;
}
#send #cont #sec02 .list .list-item .text table th{
padding: 7px 5px 7px 10px;
font-size: 12px;
}
#send #cont #sec02 .list .list-item .text table td{
padding: 7px 15px;
font-size: 12px;
}
} #send #cont #sec03{
margin: 0;
padding: 65px 0 85px;
}
#send #cont #sec03 .card__flex{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
margin: 0 0 50px;
}
#send #cont #sec03 .card__flex .card{
width: 32%;
margin: 0 0 40px;
}
#send #cont #sec03 .card__flex .card .card__img{
width: 100%;
margin: 0 0 12px;
}
#send #cont #sec03 .card__flex .card .card__title{
font-size: clamp(15px, 2.0vw, 16px);
font-weight: bold;
color: #0081DE;
margin: 0 0 8px;
}
#send #cont #sec03 .card__flex .card .card__text{
font-size: clamp(13px, 2.0vw, 14px);
margin: 0;
}
#send #cont #sec03 .list-title{
text-align: center;
font-size: clamp(16px, 2.0vw, 20px);
font-weight: bold;
color: #0081DE;
margin: 0 0 clamp(30px, 5.5vw, 50px);
}
#send #cont #sec03 .list-title .sp {
display: none;
}
#send #cont #sec03 .list{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#send #cont #sec03 .list .list-item{
width: calc(100% / 4 - 25px);
margin: 0 0 15px;
}
#send #cont #sec03 .list .list-item a{
display: flex;
align-items: center;
background: #E5F4FE;
text-decoration: none;
padding: 5px;
border-radius: 10px;
cursor: pointer;
transition: 0.3s;
}
#send #cont #sec03 .list .list-item a .img{
width: 92px;
}
#send #cont #sec03 .list .list-item a .text{
width: calc(100% - 92px);
font-size: 16px;
font-weight: bold;
line-height: 1.0;
}
#home .remodal,
#send .remodal {
width: 720px;
padding: 50px 40px;
background: #fff;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
text-align: left;
}
#home .remodal-img,
#send .remodal-img {
width: 176px;
}
#home .remodal-img img,
#send .remodal-img img {
width: 100%;
}
#home .remodal-detail,
#send .remodal-detail {
width: 450px;
padding-left: 20px;
}
#home .remodal-content,
#send .remodal-content {
display: flex;
}
#home .remodal-name,
#send .remodal-name {
padding-bottom: 10px;
font-size: 20px;
letter-spacing: 0.04em;
}
#home .remodal-catch,
#send .remodal-catch {
font-size: 16px;
font-weight: bold;
color: #018cd7;
margin: 0 0 1em;
}
#home .remodal-lead p,
#send .remodal-lead p {
margin: 0 0 1em;
font-size: 14px;
}
#home .remodal-lead p a,
#send .remodal-lead p a {
color: #018cd7;
text-decoration: underline;
}
#home .remodal-lead p a:hover,
#send .remodal-lead p a:hover {
text-decoration: none;
}
#home .remodal-detail p.link,
#send .remodal-detail p.link {
text-align: left;
padding: 0 0 0 50px;
}
#home .remodal-detail p.link a,
#send .remodal-detail p.link a {
display: inline-block;
width: 160px;
padding: 10px 0;
text-align: center;
border: #018cd7 1px solid;
background: #018cd7;
color: #FFF;
text-decoration: none;
}
#home .remodal-detail p.link a:hover,
#send .remodal-detail p.link a:hover {
background: #FFF;
color: #018cd7;
}
#home .remodal-lead p:last-of-type,
#send .remodal-lead p:last-of-type {
margin: 0;
}
@media (min-width:738px){
#send #cont #sec03 .list .list-item a:hover{
opacity: 0.6;
}
}
@media (max-width:737px){
#send #cont #sec03{
margin: 0;
padding: 40px 0;
}
#send #cont #sec03 .card__flex {
margin: 0 0 10px;
}
#send #cont #sec03 .card__flex .card{
width: 48%;
margin: 0 0 40px;
}
#send #cont #sec03 .list-title .sp {
display: block;
}
#send #cont #sec03 .list .list-item{
width: calc(100% / 2 - 5px);
margin: 0 0 10px;
}
}
@media (max-width:480px){
#send #cont #sec03 .list .list-item{
width: 100%;
margin: 0 0 10px;
}
}
@media (max-width: 737px) {
#home .remodal,
#send .remodal {
width: 90%;
padding: 30px;
}
#home .remodal-content,
#send .remodal-content {
display: block;
}
#home .remodal-img,
#send .remodal-img {
margin: 0 auto 20px;
width: 160px;
}
#home .remodal-detail,
#send .remodal-detail {
width: 100%;
padding: 0;
}
#home .remodal-detail p.link,
#send .remodal-detail p.link {
text-align: center;
padding: 0;
}
#home .table-button,
#send .table-button {
margin: 20px auto 0;
}
} #send #cont #sec04{
background-color: #E5F4FE;
margin: 0;
padding: 65px 0 85px;
}
#send #cont #sec04 .headline h2{
margin: 0 0 clamp(20px, 5.5vw, 40px);
}
#send #cont #sec04 .note{
max-width: 972px;
margin: 10px auto 0;
font-size: clamp(14px, 2.0vw, 16px);
text-align: center;
font-weight: normal;
line-height: 1.875;
color: initial;
}
#send #cont #sec04 table{
max-width: 972px;
width: 100%;
margin: 0 auto 20px;
border-collapse: separate;
border-spacing: 1px;
background: #ccc;
}
#send #cont #sec04 table tr th{
background: #1E81DE;
color: #fff;
text-align: center;
font-size: 14px;
font-weight: bold;
padding: 15px 10px;
box-sizing: border-box;
}
#send #cont #sec04 table tr td{
background: #fff;
padding: 12px 10px;
box-sizing: border-box;
}
#send #cont #sec04 table tr td:nth-of-type(1){
text-align: center;
width: 20%;
}
#send #cont #sec04 table tr td:nth-of-type(2),
#send #cont #sec04 table tr td:nth-of-type(3){
text-align: left;
width: 40%;
vertical-align: top;
}
#send #cont #sec04 .annotation-list{
max-width: 972px;
width: 100%;
margin: 0 auto clamp(62px, 5.5vw, 72px);
}
#send #cont #sec04 .annotation-list .item{
display: flex;
justify-content: flex-start;
align-items: flex-start;
font-size: clamp(13px, 2.0vw, 14px);
margin: 0 0 6px;
}
#send #cont #sec04 .annotation-list .item .num{
width: 15px;
margin: 0 4px 0 0;
}
#send #cont #sec04 .annotation-list .item .text{
width: calc(100% - (15px + 14px));
}
#send #cont #sec04 .note-wrap {
background-color: #FFF;
max-width: 972px;
margin: 0 auto;
}
#send #cont #sec04 .note-wrap .inner {
padding: 30px 40px;
}
#send #cont #sec04 .note-wrap .note-title{
font-size: clamp(22px, 2.0vw, 23px);
font-weight: bold;
margin: 0 0 10px;
}
#send #cont #sec04 .note-wrap .note{
font-size: clamp(15px, 2.0vw, 16px);
color: #FF0000;
text-align: left;
margin: 0 0 18px;
}
#send #cont #sec04 .note-wrap .text{
font-size: clamp(13px, 2.0vw, 14px);
line-height: 1.8;
}
#send #cont #sec04 .note-wrap .text.mgb{
margin: 0 0 30px;
}
#send #cont #sec04 .note-wrap .text .font-bold{
font-weight: bold;
}
@media (max-width: 737px) {
#send #cont #sec04{
margin: 0;
padding: 40px 0;
}
#send #cont #sec04 .note {
text-align: left;
}
#send #cont #sec04 .note-wrap .inner {
padding: 30px 20px;
}
#send #cont #sec04 .scroll-table{
width: 100%;
overflow: auto; }
#send #cont #sec04 table{ width: 850px;
}
} #send #cont #sec05{
margin: 0;
padding: 65px 0 85px;
}
#send #cont #sec05 .attention-text{
max-width: 972px;
font-size: clamp(15px, 2.0vw, 16px);
color: #FF0000;
margin: 0 auto 38px;
}
#send #cont #sec05 table{
max-width: 972px;
width: 100%;
margin: 0 auto;
border-collapse: separate;
border-spacing: 1px;
background: #ccc;
}
#send #cont #sec05 table tr th{
background: #1E81DE;
color: #fff;
text-align: center;
font-size: 14px;
font-weight: bold;
padding: 15px 10px;
box-sizing: border-box;
}
#send #cont #sec05 table tr td{
background: #fff;
padding: 12px 10px;
box-sizing: border-box;
}
#send #cont #sec05 table tr td:nth-of-type(1),
#send #cont #sec05 table tr td:nth-of-type(2){
text-align: center;
width: 25%;
}
#send #cont #sec05 table tr td:nth-of-type(3){
text-align: center;
width: 50%;
}
#send #cont #sec05 .note{
max-width: 972px;
margin: 10px auto 40px;
font-size: 14px;
}
#send #cont #sec05 .note-wrap{
max-width: 972px;
width: 100%;
margin: 0 auto;
}
#send #cont #sec05 .note-wrap .note-title{
font-size: clamp(16px, 2.0vw, 20px);
font-weight: bold;
color: #0081DE;
margin: 0 0 20px;
}
#send #cont #sec05 .note-wrap .lead{
font-size: clamp(15px, 2.0vw, 16px);
margin: 0 0 20px;
}
#send #cont #sec05 .note-wrap .inner-wrap{
background-color: #F5F5F5;
padding: 20px 24px;
}
#send #cont #sec05 .note-wrap .inner-wrap .title,
#send #cont #sec05 .note-wrap .inner-wrap .text{
font-size: 14px;
line-height: 2;
margin: 0;
}
#send #cont #sec05 .note-wrap .inner-wrap .title{
font-weight: bold;
}
@media (max-width: 737px) {
#send #cont #sec05{
margin: 0;
padding: 40px 0;
}
#send #cont #sec05 .scroll-table{
width: 100%;
overflow: auto; }
#send #cont #sec05 table{ width: 510px;
}
} #send #cont .main-contact .inner .list .list-item:nth-child(2) .btn a span {
background: url(/common/img/211112/ft-icon02.svg) no-repeat left center;
}
#send #cont .sub-contact .inner .list{
justify-content: center;
}
#send #cont .sub-contact .inner .list .list-item{
width: 42%;
border-right:none;
}
@media (max-width: 737px) {
#send #cont .sub-contact .inner .list .list-item{
width: 100%;
}
} #send #cont #sec06{
padding: 90px 0;
}
#send #cont #sec06 .fl-box{
width: calc(100% - calc(calc(100% - 1100px) / 2));
display: flex;
justify-content: flex-end;
margin: 0 0 75px;
}
#send #cont #sec06 .fl-box:last-of-type{
margin: 0;
}
#send #cont #sec06 .fl-box .img{
width: calc(100% - 767px);
}
#send #cont #sec06 .fl-box .img .img-in{
max-width: 581px;
margin: 0 0 0 auto;
}
#send #cont #sec06 .fl-box .text{
width: 767px;
padding: 0 0 0 50px;
box-sizing: border-box;
}
#send #cont #sec06 .fl-box .text .catch{
font-size: clamp(20px, 2.5vw, 26px);
font-weight: bold;
color: #1E87DF;
margin: 0 0 10px;
line-height: 1.5;
}
#send #cont #sec06 .fl-box .text .price{
text-align: right;
}
#send #cont #sec06 .fl-box .text .price span{
font-size: clamp(18px, 2.0vw, 21px);
font-weight: bold;
position: relative;
padding: 0 5px;
}
#send #cont #sec06 .fl-box .text .price span::after{
position: absolute;
left: 0;
bottom: 5px;
z-index: -1;
content: '';
width: 100%;
height: 12px;
background: #FFE400;
}
#send #cont #sec06 .fl-box .text .price span b{
font-size: clamp(26px, 3.0vw, 35px);
}
#send #cont #sec06 .fl-box .text ul{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
#send #cont #sec06 .fl-box .text ul li{
width: calc(100% / 2 - 20px);
border-bottom: 1px solid #ccc;
display: flex;
padding: 5px 0 10px;
margin: 0 0 10px;
}
#send #cont #sec06 .fl-box .text ul li .tit{
width: 110px;
font-size: clamp(15px, 2.0vw, 16px);
font-weight: bold;
margin: 0;
}
#send #cont #sec06 .fl-box .text ul li .txt01{
width: calc(100% - 110px);
font-size: clamp(15px, 2.0vw, 16px);
margin: 0;
}
#send #cont #sec06 .fl-box .text table{
width: 100%;
border-collapse: separate;
border-spacing: 1px;
background: #ccc;
}
#send #cont #sec06 .fl-box .text table tr th{
width: 200px;
font-size: 14px;
font-weight: bold;
background: #E5F4FE;
color: #0081DE;
padding: 10px 10px 10px 15px;
box-sizing: border-box;
}
#send #cont #sec06 .fl-box .text table tr td{
width: calc(100% - 200px);
font-size: 14px;
padding: 10px;
box-sizing: border-box;
background: #fff;
}
#send #cont #sec06 .btn {
margin:40px 0 0;
}
#send #cont #sec06 .btn a{
display:block;
border: 1px solid #0081de;
color: #0081de;
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;
margin: 0 auto;
width:293px;
}
#send #cont #sec06 .btn a:hover{
background: url(/imgs/home/211112/arrow-blue.svg) no-repeat right 5px center;
}
#send #cont #sec06 br.sp {
display: none;
}
@media (max-width:1100px){
#send #cont #sec06 .fl-box{
width: 100%;
padding: 0 20px;
box-sizing: border-box;
}
#send #cont #sec06 .fl-box .img{
width: 35%;
}
#send #cont #sec06 .fl-box .text{
width: 65%;
padding: 0 0 0 5%;
box-sizing: border-box;
}
}
@media (max-width:737px){
#send #cont #sec06{
margin: 0;
padding: 50px 0;
}
#send #cont #sec06 .fl-box{
display: block;
}
#send #cont #sec06 .fl-box .img{
width: 80%;
text-align: center;
margin: 0 auto 20px;
}
#send #cont #sec06 .fl-box .img .img-in{
max-width: 581px;
margin: 0 auto;
}
#send #cont #sec06 .fl-box .text{
width: 100%;
padding: 0;
}
#send #cont #sec06 .fl-box .text .catch{
margin: 0 0 10px;
}
#send #cont #sec06 .fl-box .text ul{
display: block;
}
#send #cont #sec06 .fl-box .text ul li{
width: 100%;
}
#send #cont #sec06 .fl-box .text table tr th{
width: 120px;
text-indent: -1.5em;
padding: 10px 10px 10px 2.0em;
}
#send #cont #sec06 .fl-box .text table tr td{
width: calc(100% - 120px);
padding: 10px;
}
#send #cont #sec06 br.sp {
display: block;
}
} #send #cont #sec07{
background: #E5F4FE;
margin: 0;
padding: 75px 0 65px;
}
#send #cont #sec07 .case-list .case-list-item{
margin: 0 10px;
}
#send #cont #sec07 .slick-dots{
margin: 0;
}
#send #cont #sec07 .slick-dots li{
margin: 0;
}
#send #cont #sec07 .slick-dots li button:before{
font-size: 11px;
}
#send #cont #sec07 .btn {
padding:20px 0 0;
}
#send #cont #sec07 .btn a{
display:block;
border: 1px solid #0081de;
color: #0081de;
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;
margin: 0 auto;
width:293px;
}
#send #cont #sec07 .btn a:hover{
background: url(/imgs/home/211112/arrow-blue.svg) no-repeat right 5px center;
}
@media (max-width:737px){
#send #cont #sec07{
padding: 40px 0 55px;
}
} #send #cont #qa{
margin: 0;
padding: 90px 0;
}
#send #cont #qa .list{
max-width: 1000px;
margin: 0 auto;
}
#send #cont #qa .list .list-item{
margin: 0 0 15px;
}
#send #cont #qa .list .list-item .tit{
background: #E5F4FE;
font-size: clamp(15px, 2.0vw, 16px);
font-weight: bold;
padding: 25px 55px 25px 70px;
position: relative;
border-radius: 5px;
cursor: pointer;
}
#send #cont #qa .list .list-item .tit::before{
position: absolute;
left: 0;
top: 0;
content: 'Q';
width: 50px;
height: 100%;
background: #1D81D4;
font-size: 40px; color: #fff;
display: flex;
justify-content: center;
align-items: center;
border-radius: 5px 0 0 5px;
}
#send #cont #qa .list .list-item .tit::after{
position: absolute;
right: 20px;
top: 0;
content: '';
width: 26px;
height: 100%;
background: url(/imgs/service/pack/240226/qa-arrow.svg) no-repeat center center;
transition: 0.3s;
}
#send #cont #qa .list .list-item .tit.on::after{
transform: rotate(180deg);
}
#send #cont #qa .list .list-item .text{
font-size: clamp(15px, 2.0vw, 16px);
line-height: 2.0;
margin: 0;
padding: 0 0 25px 70px;
position: relative;
display: none;
}
#send #cont #qa .list .list-item .text::before{
position: absolute;
left: -5px;
top: 0;
content: 'A';
width: 60px;
height: 100%;
z-index: -1;
padding: 0 0 25px;
background: #fff;
box-sizing: border-box;
font-size: 40px;
font-family: 'Bebas Neue', sans-serif;
color: #1D81D4;
display: flex;
justify-content: center;
align-items: center;
border-radius: 5px 0 0 5px;
}
#send #cont #qa .list .list-item .text a{
text-decoration: underline;
}
#send #cont #qa .btn {
margin:40px 0 0;
}
#send #cont #qa .btn a{
display:block;
border: 1px solid #0081de;
color: #0081de;
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;
margin: 0 auto;
width:293px;
}
#send #cont #qa .btn a:hover{
background: url(/imgs/home/211112/arrow-blue.svg) no-repeat right 5px center;
}
@media (min-width:738px){
#send #cont #qa .list .list-item .text a:hover{
text-decoration: none;
}	
}
@media (max-width:737px){
#send #cont #qa{
padding: 40px 0;
}
} #send #cont #sec08{
margin: 0;
padding: 190px 0 20px;
position: relative;
}
#send #cont #sec08::before{
position: absolute;
left: 0;
top: 0;
z-index: -1;
content: '';
width: 100%;
height: 433px;
background: url(/imgs/service/pack/240226/sec07-bg.jpg) no-repeat center center / cover;
}
#send #cont #sec08 h2{
background: none;
padding: 0;
border: none;
max-width: 820px;
margin: 0 auto -12px;
font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
font-size: 58px;
color: #fff;
line-height: 1.0;
}
#send #cont #sec08 .box{
max-width: 820px;
margin: 0 auto;
padding: 50px 60px;
background: #fff;
box-sizing: border-box;
}
#send #cont #sec08 .box .tit{
font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
font-size: clamp(21px, 2.5vw, 28px);
font-weight: bold;
color: #000;
margin: 0 0 1.5em;
}
#send #cont #sec08 .box .txt01{
font-size: clamp(15px, 2.0vw, 16px);
margin: 0 0 1.5em;
line-height: 2.0;
}
#send #cont #sec08 .box .txt02{
font-size: clamp(15px, 2.0vw, 16px);
margin: 0 0 2.0em;
line-height: 2.0;
}
#send #cont #sec08 .box .list{
margin: 2.0em 0;
}
#send #cont #sec08 .box .list .list-item{
font-size: clamp(15px, 2.0vw, 16px);
position: relative;
padding: 0 0 0 1.0em;
}
#send #cont #sec08 .box .list .list-item::before{
position: absolute;
left: 0;
top: 5px;
content: '';
width: 10px;
height: 10px;
background: #0081DE;
border-radius: 50%;
}
#send #cont #sec08 .box .btn-list{
display: flex;
margin: 60px 0 0;
}
#send #cont #sec08 .box .btn-list .btn-list-item{
width: 50%;
text-align: center;
padding: 0 2.5%;
border-right: 1px solid #fff;
box-sizing: border-box;
}
#send #cont #sec08 .box .btn-list .btn-list-item .catch{
text-align: center;
color: #333;
font-size: 16px;
margin: 0 0 5px;
}
#send #cont #sec08 .box .btn-list .btn-list-item .btn{
max-width: 374px;
margin: 0 auto;
}
#send #cont #sec08 .box .btn-list .btn-list-item .btn a{
display: block;
background: #FFE300;
border-bottom: 4px solid #AC9A00;
padding: 20px 0;
font-size: 20px;
border-radius: 10px;
transition: 0.3s;
color: #000;
text-decoration: none;
}
#send #cont #sec08 .box .btn-list .btn-list-item:nth-child(1) .btn a span{
background: url(/common/img/211112/ft-icon01.svg) no-repeat left center;
padding: 0 0 0 20px;
}
#send #cont #sec08 .box .btn-list .btn-list-item:nth-child(2) .btn a span{
background: url(/common/img/211112/ft-icon02.svg) no-repeat left center;
padding: 0 0 0 25px;
}
@media (min-width:738px){
#send #cont #sec08 .box .btn-list .btn-list-item .btn a:hover{
transform: scale(0.975,0.975);
}
}
@media (max-width:737px){
#send #cont #sec08{
padding: 100px 0 20px;
}
#send #cont #sec08::before{
height: 233px;
}
#send #cont #sec08 h2{
font-size: 40px;
margin: 0 auto -8px;
}
#send #cont #sec08 .box{
padding: 25px 20px;
}
#send #cont #sec08 .box .btn-list{
flex-wrap: wrap;
margin: 30px 0 0;
}
#send #cont #sec08 .box .btn-list .btn-list-item{
width: 100%;
text-align: center;
margin: 20px auto 0;
padding: 0;
border-right: none;
}
}
#send #cont .link-list{
max-width: 940px;
margin: 80px auto 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
#send #cont .link-list .link-list-item{
width: calc(100% / 3 - 20px);
margin: 0 10px 20px;
}
#send #cont .link-list .link-list-item a{
display: block;
border: 1px solid #0081de;
color: #0081de;
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){
#send #cont .link-list .link-list-item a:hover{
background: url(/imgs/home/211112/arrow-blue.svg) no-repeat right 5px center;
}
}
@media (max-width:737px){
#send #cont .link-list{
margin: 40px auto 0;
}
#send #cont .link-list .link-list-item{
width: 100%;
margin: 0 0 10px;
}
}
#send #main .visual {
margin: 0 0 1em;
position: relative;
}
#send #main .visual .balloon {
position: absolute;
right: -20px;
top: 110px;
}
@media screen and (max-width: 737px) {
#send #main .visual .balloon {
width: 20%;
position: absolute;
right: 0;
top: 35%;
}
} #send #main .kakunin-box {
margin: 0 auto 40px;
padding: 20px 0 0;
width: 680px;
}
#send #main .kakunin-box dt {}
#send #main .kakunin-box dt img {
width: 100%;
height: auto;
} @media screen and (max-width:768px) {
#send #main .kakunin-box {
padding: 20px 0 0;
width: auto;
}
#send #main .kakunin-box dd{
padding: 15px;
box-sizing: border-box;
}
#send #main .input-kakunin {
margin: 0 0 20px !important;
background: none;
padding: 0;
display: block;
}
#send #main .btn-kakunin {
margin: 0 auto;
}
}
#send #main .merit h2 {
background: none !important;
border-left: none !important;
text-align: center;
font-size: 1.6rem !important;
color: #018cd7 !important;
}
#send #main .merit h2 span {
display: block;
font-size: 1rem !important;
}
#send #main .merit-ul {
display: flex;
flex-flow: row wrap;
}
#send #main .merit-ul li {
width: calc(90% / 3);
margin: 0 5% 0 0;
}
#send #main .merit-ul li:last-child {
margin: 0;
}
#send #main .merit-ul dl {
border-bottom: none !important;
padding: 0 !important;
}
#send #main .merit-ul dt {
width: 100% !important;
padding: 0 0 10px;
}
#send #main .merit-ul dt img {
width: 100%;
height: auto;
border: 2px #018cd7 solid;
}
#send #main .merit-ul dd {
float: none !important;
width: auto !important;
}
#send #main .merit-ul dd h3 {
padding: 0 0 10px;
font-size: 15px !important;
color: #018cd7 !important;
font-weight: bold;
}
#send #main .merit-ul dd p {
font-size: 14px !important;
}
#send #main #btn-merit {
width: 623px;
margin: 0 auto 1em;
}
#send #main #btn-merit a {}
#send #main #btn-merit a:hover {
opacity: 0.7;
}
#send #main #btn-merit img {
width: 100%;
height: auto;
}
@media screen and (max-width:768px) {
#send #main #btn-merit {
width: auto;
}
#send #main .merit-ul {
display: block;
}
#send #main .merit-ul li {
width: 100%;
margin: 0 0 20px;
}
#send #main .merit-ul li:last-child {
margin: 0 0 20px;
}
#send #main #btn-merit {
padding: 0;
}
#send #main .merit-ul dl {
display: flex;
justify-content: space-between;
}
#send #main .merit-ul dt {
width: 30% !important;
padding: 0;
}
#send #main .merit-ul dd {
width: 65% !important;
}
#send #main .merit-ul dd h3 .sp {
display: none;
}
}
#send #main .option h3 {
padding: 0 0 10px;
font-size: 1rem;
color: #018cd7;
font-weight: bold;
}
#send #main .option h3 span {
font-size: 14px !important;
display: block;
margin-bottom: 10px;
color: #333;
font-weight: normal;
}
#send #main .option .size {
display: flex;
justify-content: space-between;
}
#send #main .tb-option {
width: 100%;
line-height: 2;
border: 1px #d0d0d0 solid;
border-collapse: collapse;
margin: 0 0 25px !important;
}
#send #main .tb-option thead th {
background: #f0f0f0;
border: 1px #d0d0d0 solid;
text-align: center;
padding: 10px 5px;
font-weight: bold;
}
#send #main .tb-option thead th:nth-child(2) {
width: 17%;
}
#send #main .tb-option thead th:nth-child(3) {
width: 12%;
}
#send #main .tb-option thead th:nth-child(4) {
width: 12%;
}
#send #main .tb-option thead th:nth-child(5) {
width: 23%;
}
#send #main .tb-option thead th:nth-child(6) {
width: 23%;
}
#send #main .tb-option tbody th {
width: 15%;
background: #f0f0f0;
border: 1px #d0d0d0 solid;
text-align: center;
padding: 10px 5px;
font-weight: bold;
}
#send #main .tb-option tbody .tl {
text-align: left !important;
padding: 10px !important;
}
#send #main .tb-option tbody .tl img {
width: 12px;
height: auto;
vertical-align: top;
margin: 5px 5px 0 0;
}
#send #main .tb-option tbody .tl span {
display: inline-block;
vertical-align: top;
min-width: 35px;
}
#send #main .tb-option td {
border: 1px #d0d0d0 solid;
text-align: center;
padding: 5px 5px;
}
@media screen and (max-width:768px) {
#send #main .option .size {
display: block;
}
#send #main .option .size .img {
margin: 0 auto 1em;
width: 278px;
}
#send #main .table:after {
content: "Scroll →";
position: absolute;
right: 0px;
top: 0px;
font-size: 12px;
}
#send #main .table {
position: relative;
overflow: auto;
white-space: nowrap;
padding: 20px 0 0;
}
}
#send #main #btn-option {
display: flex;
flex-flow: row wrap;
}
#send #main #btn-option li {
width: calc(96% / 3);
margin: 0 2% 10px 0;
}
#send #main #btn-option li a {
background: #018cd7;
text-align: center;
padding: 15px 0;
font-size: 16px;
color: #fff;
position: relative;
display: block;
text-decoration: none;
}
#send #main #btn-option li a:before {
content: "";
position: absolute;
top: center;
left: 12px;
width: 0;
height: 0;
border-style: solid;
border-width: 5px 0 5px 5px;
border-color: transparent transparent transparent #ffffff;
margin: 5px 0 0;
}
#send #main #btn-option li:nth-child(3),
#send #main #btn-option li:nth-child(6),
#send #main #btn-option li:nth-child(9) {
margin: 0 0 10px;
}
#send #main #btn-option li a:hover {
opacity: 0.7;
cursor: pointer;
}
@media screen and (max-width:768px) {
#send #main #btn-option {
justify-content: space-between;
margin: 0;
}
#send #main #btn-option li {
width: 49%;
margin: 0 0 10px;
font-size: 14px;
}
}
#send .remodal {
width: 720px;
padding: 50px 40px;
background: #fff;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
text-align: left;
}
#send .remodal-img {
width: 176px;
}
#send .remodal-img img {
width: 100%;
}
#send .remodal-detail {
width: 450px;
padding-left: 20px;
}
#send .remodal-content {
display: flex;
}
#send .remodal-name {
padding-bottom: 10px;
font-size: 20px;
letter-spacing: 0.04em;
}
#send .remodal-catch {
font-size: 16px;
font-weight: bold;
color: #018cd7;
margin: 0 0 1em;
}
#send .remodal-lead p {
margin: 0 0 1em;
font-size: 14px;
}
#send .remodal-lead p a {
color: #018cd7;
text-decoration: underline;
}
#send .remodal-lead p a:hover {
text-decoration: none;
}
#send .remodal-detail p.link {
text-align: left;
padding: 0 0 0 50px;
}
#send .remodal-detail p.link a {
display: inline-block;
width: 160px;
padding: 10px 0;
text-align: center;
border: #018cd7 1px solid;
background: #018cd7;
color: #FFF;
text-decoration: none;
}
#send .remodal-detail p.link a:hover {
background: #FFF;
color: #018cd7;
}
#send .remodal-lead p:last-of-type {
margin: 0;
}
@media (max-width: 768px) {
#send .remodal {
width: 90%;
padding: 30px;
}
#send .remodal-content {
display: block;
}
#send .remodal-img {
margin: 0 auto 20px;
width: 160px;
}
#send .remodal-detail {
width: 100%;
padding: 0;
}
#send .remodal-detail p.link {
text-align: center;
padding: 0;
}
#send .table-button {
margin: 20px auto 0;
}
}
#send .flow ul {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
#send .flow ul li {
width: 48%;
margin-bottom: 4%;
}
#send .flow ul li .img {
position: relative;
margin-bottom: 10px;
}
#send .flow ul li .img span {
position: absolute;
top: 0;
left: 0;
display: block;
background: #018cd7;
text-align: center;
padding: 2px 10px;
font-size: 16px;
font-weight: bold;
color: #fff;
}
#send .flow ul li img {
width: 100%;
}
#send .flow ul li h3 {
font-size: 15px !important;
color: #018cd7 !important;
font-weight: bold;
}
#send .flow ul li p {
line-height: 1.8;
font-size: 14px;
margin: 0;
}
@media screen and (max-width: 737px) {
#send .flow ul {
display: block;
}
#send .flow ul li {
width: 100%;
margin-bottom: 4%;
}
}
#send .work th {
width: 18%;
background: #f0f0f0;
border: 1px #d0d0d0 solid;
text-align: center;
padding: 10px 5px;
font-weight: bold;
}
#send .work td {
border: 1px #d0d0d0 solid;
text-align: left;
padding: 10px;
}
@media screen and (max-width: 737px) {
#send .work th {
min-width: 120px;
}
}
#send #main .example {
margin: 0 0 30px;
}
#send #main .example h3 {
padding: 2px 10px 4px;
background-color: #028CD7;
color: #fff;
font-size: 1.500em;
font-weight: bold;
display: flex;
align-items: flex-start;
}
#send #main .example h3 span {
margin: 0 10px 0 0;
padding: 1px 3px 0;
background-color: #fff;
color: #028CD7;
font-size: 0.889em;
vertical-align: middle;
display: inline-block;
min-width: 45px;
}
#send #main .example .pattern {
margin: 0 0 10px;
height: 190px;
background-color: #EEF9FF;
box-sizing: border-box;
}
#send #main .example .pattern ul {
float: left;
}
#send #main .example .pattern ul li {
margin: 15px 10px 0 0;
float: left;
}
#send #main .example .pattern ul li:first-child {
margin: 15px 20px 0 15px;
}
#send #main .example .pattern2 ul li:first-child {
margin: 15px 20px 0 90px;
}
#send #main .example .pattern ul li:last-child {
margin: 15px 0 0;
}
#send #main .example .pattern p {
margin: 10px 7px 0 0;
float: right;
}
#send #main .pack-hasso img {
width: 100%;
height: auto;
}
#send #main .example p.note {
clear: both;
}
#send #main .example h4 {
margin: 0 0 20px;
color: #028CD7;
font-size: 1.333em;
font-weight: bold;
}
#send #main .example .pack-tab dl {
clear: both;
margin: 0;
padding: 10px;
border-top: dotted 2px #ccc;
overflow: hidden;
}
#send #main .example .pack-tab dl dt {
width: 182px;
margin: 0 10px 0 0;
padding-left: 2em;
text-indent: -2em;
float: left;
box-sizing: border-box;
font-weight: bold;
}
#send #main .example .pack-tab dl dd:first-of-type {
width: 523px;
min-height: 25px;
margin: 0;
padding: 0;
float: left;
box-sizing: border-box;
}
#send #main .example p.sum {
clear: both;
margin: 0 0 25px;
padding: 10px 10px 0 0;
border-top: dotted 2px #ccc;
text-align: right;
font-weight: bold;
}
#send #main .example p.sum strong {
margin-left: 1em;
font-size: 1.357em;
}
#send #main .example p.sum span {
font-size: 0.857em;
font-weight: normal;
}
@media screen and (max-width: 737px) {
#send #main .example h3 {
margin: 0;
padding: 5px 10px;
}
#send #main .example .pattern {
margin: 0 0 1em;
height: auto;
display: flex;
justify-content: space-between;
}
#send #main .example .pattern ul {
margin: 0;
padding: 1em 0 0;
float: none;
display: flex;
width: 60%;
flex-wrap: wrap;
}
#send #main .example .pattern ul li {
width: calc(100% / 2 - 6px);
margin: 0 3px !important;
text-align: center;
}
#send #main .example .pattern ul li img {
width: 100%;
height: auto;
}
#send #main .example .pattern p {
clear: both;
margin: 10px 0 1em;
float: none;
text-align: center;
}
#send #main .example p.note {
clear: both;
}
#send #main .example h4 {
margin: 0 0 1em;
}
#send #main .example .pack-tab dl {
padding: 1em;
}
#send #main .example .pack-tab dl dt {
width: auto;
margin: 0;
padding: 0;
float: none;
}
#send #main .example .pack-tab dl dd {
width: auto !important;
min-height: inherit !important;
margin: 5px 0 0 !important;
padding: 0 !important;
float: none !important;
}
#send #main .example .pack-tab dl dd:last-of-type {
text-align: right;
}
#send #main .example p.sum {
clear: both;
margin: 0 0 25px;
padding: 10px 0 0;
border-top: dotted 2px #ccc;
text-align: right;
font-weight: bold;
}
#send #main .example p.sum strong {
margin-left: 1em;
font-size: 1.357em;
}
#send #main .example p.sum span {
font-size: 0.857em;
font-weight: normal;
}
}
#send #main .pack-tab {}
#send #main .pack-tab aside {
display: none;
}
#send #main .btn-open {
display: block;
width: 55%;
border: 1px #018cd7 solid;
text-align: center;
margin: 25px auto 40px !important;
padding: 15px 0;
font-size: 1rem;
color: #018cd7;
text-decoration: none !important;
position: relative;
}
#send #main .btn-open:before {
content: "";
position: absolute;
top: center;
left: 15px;
width: 0;
height: 0;
border-style: solid;
border-width: 5px 5px 0 5px;
border-color: #007bff transparent transparent transparent;
margin: 8px 0 0 !important;
}
#send #main .btn-open:hover {
background: #018cd7;
color: #fff !important;
}
#send #main .btn-open:hover::before {
border-color: #fff transparent transparent transparent;
}
#send #main .sba:before {
border-width: 0 5px 5px 5px !important;
border-color: transparent transparent #007bff transparent !important;
}
#send #main .sba:hover::before {
border-color: transparent transparent #fff transparent !important;
}
@media screen and (max-width:768px) {
#send #main .btn-open {
width: 280px;
padding: 15px 0 15px 10px;
font-size: 14px;
}
}
#send #main #send-voice-ul {}
#send #main #send-voice-ul li {
border: 2px #018cd7 solid;
border-radius: 5px;
margin: 0 0 20px;
padding: 20px 15px;
}
#send #main #send-voice-ul dl {
margin: 0 !important;
display: flex;
justify-content: space-between;
}
#send #main #send-voice-ul dt {
width: 110px;
padding: 0 20px 0 0;
}
#send #main #send-voice-ul dt img {
width: 100%;
height: auto;
}
#send #main #send-voice-ul dd {
width: 550px;
}
#send #main #send-voice-ul dd h3 {
padding: 0 0 10px;
font-size: 18px;
font-weight: bold;
color: #018cd7;
}
#send #main .send-voice-sub {
color: #018cd7;
font-size: 14px;
}
#send #main .send-voice-txt {
line-height: 1.8;
font-size: 14px;
margin: 0;
}
@media screen and (max-width:768px) {
#send #main #send-voice-ul li {
margin: 0 0 20px;
padding: 15px;
}
#send #main #send-voice-ul dl {
justify-content: center;
}
#send #main #send-voice-ul dt {
float: none;
width: 18%;
text-align: center;
margin: 0;
padding: 0 15px 0 0;
}
#send #main #send-voice-ul dd {
float: none;
width: 78%;
}
}
#send #main #send-voice h4 {
text-align: center;
padding: 40px 0 15px;
font-size: 18px;
font-weight: bold;
}
#send #main #send-voice .archive {
width: 100% !important;
}
#send #main #send-voice .archive h2 {
border-left: none !important;
margin: 0 !important;
}
#send #main #send-voice .archive h2 img {
vertical-align: middle;
}
#send #main #send-voice .archive {
float: left;
width: 492px;
position: relative;
}
#send #main #send-voice .archive h2 {
background: url(/imgs/home/bg01.png);
padding: 10px 60px 10px 65px;
position: relative;
}
#send #main #send-voice .archive h2:before {
content: "";
background: url(/imgs/home/icon_archive.png);
width: 69px;
height: 69px;
position: absolute;
left: -20px;
top: -8px;
}
#send #main #send-voice .archive .frame {
height: 180px;
overflow-y: scroll;
padding: 10px 15px;
border-right: #CCC 1px solid;
border-left: #CCC 1px solid;
border-bottom: #CCC 1px solid;
}
#send #main #send-voice .archive .frame .archive-entry {
margin: 0 0 30px;
}
#send #main #send-voice .archive .frame .date {
color: #EB1B20;
border-bottom: #CCC 1px solid;
}
#send #main #send-voice .archive .frame h3 {
font-weight: bold;
font-size: 1.25em;
}
#send #main #send-voice .archive .frame .entry p {
font-size: 1em;
}
#send #main #send-voice .archive p.more-link {
position: absolute;
right: 10px;
top: 10px;
}
#send #main #send-voice .archive p.more-link a {
display: block;
text-indent: -9999px;
width: 107px;
height: 31px;
background: url(/imgs/home/btn_archive_off.png) no-repeat;
}
#send #main #send-voice .archive h2 p.more-link a:hover {
background: url(/imgs/home/btn_archive_on.png);
}
@media screen and (max-width: 737px) {
#send #main #send-voice h4 {
padding: 20px 0 15px;
font-size: 3.5vw;
}
#send #main #send-voice .archive h2:before {
left: -10px;
}
#send #main #send-voice .archive {
float: none;
width: auto;
margin: 0 0 20px;
}
#send #main #send-voice .archive p.more-link {
position: relative;
right: 0;
top: 0;
margin: 10px 0 0;
}
#send #main #send-voice .archive p.more-link a {
display: block;
text-indent: 0;
width: auto;
height: auto;
background: none !important;
border: #028CD7 1px solid;
padding: 10px 0;
text-align: center;
color: #028CD7;
}
#send #main #send-voice .archive p.more-link a span {
display: inline-block;
padding: 0 0 0 15px;
background: url(/common/img/icon_arrow02.png) left center no-repeat;
}
}
#send #main #send-step {}
#send #main #send-step h4 {
display: table;
text-align: center;
margin: 0 auto;
padding: 0 0 20px;
font-size: 18px;
color: #018cd7;
position: relative;
font-weight: bold;
}
#send #main #send-step h4:before {
content: "";
position: absolute;
top: 10px;
left: -40px;
width: 20px;
height: 1px;
background: #018cd7;
transform: rotate(55deg);
}
#send #main #send-step h4:after {
content: "";
position: absolute;
top: 10px;
right: -40px;
width: 20px;
height: 1px;
background: #018cd7;
transform: rotate(-235deg);
}
#send #main #send-step .merit-ul li {
position: relative;
}
#send #main #send-step .merit-ul li:after {
content: "";
position: absolute;
top: 70px;
right: -28px;
width: 0;
height: 0;
border-style: solid;
border-width: 15px 0 15px 15px;
border-color: transparent transparent transparent #018cd7;
}
#send #main #send-step .merit-ul li:last-child::after {
border: none;
}
#send #main .btn-send {
width: 55%;
text-align: center;
margin: 0 auto 1rem !important;
}
#send #main .btn-send a {
display: block;
border: 1px #018cd7 solid;
text-align: center;
padding: 15px 0;
font-size: 1rem;
color: #018cd7;
text-decoration: none !important;
position: relative;
}
#send #main .btn-send a:before {
content: "";
position: absolute;
top: center;
left: 10px;
width: 0;
height: 0;
border-style: solid;
border-width: 5px 0 5px 5px;
border-color: transparent transparent transparent #018cd7;
margin: 5px 0 0 !important;
}
#send #main .btn-send a:hover {
background: #018cd7;
color: #fff !important;
}
#send #main .btn-send a:hover::before {
border-color: transparent transparent transparent #fff;
}
@media screen and (max-width: 737px) {
#send #main .btn-send {
width: 280px;
padding: 15px 0 15px 10px;
font-size: 14px;
}
#send #main .btn-send a {
font-size: 14px;
}
#send #main #send-step .merit-ul li:after {
content: "";
position: absolute;
top: initial;
right: initial;
bottom: -10px;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 0;
border-style: solid;
border-width: 10px 10px 0 10px;
border-color: #018cd7 transparent transparent transparent;
}
}
#send #main #considering .img {
margin: 0 0 30px;
}
#send #main #considering .txt {
margin-bottom: 20px;
}
#send #main #considering ul {
margin-bottom: 20px;
}
#send #main #considering ul li {
font-weight: bold;
font-size: 15px !important;
color: #018cd7 !important;
font-weight: bold;
margin: 0 0 5px 1em;
text-indent: -1em;
}
@media screen and (max-width: 737px) {
#send #main #considering .img img {
width: 100%;
}
} #send #cont #article{
margin: 0;
padding: 90px 0;
}
#send #cont #article .inner{
max-width: 1000px;
margin: 0 auto;
}
#send #cont #article .inner .blog{
display: flex;
justify-content: space-between;
}
#send #cont #article .inner .blog .img{
width:260px;
}
#send #cont #article .inner .blog .img img{
width:100%;
height:auto;
}
#send #cont #article .inner .blog .text{
margin:0 0 0 0px;
width:calc(100% - 290px)
}
#send #cont #article .inner .blog .text h3{
font-size:22px;
margin:0 0 10px;
font-weight:bold;
color:#028CD7;
}
#send #cont #article .inner .blog .text h3 a{
text-decoration:none;
}
#send #cont #article .btn {
margin:40px 0 0;
}
#send #cont #article .btn a{
display:block;
border: 1px solid #0081de;
color: #0081de;
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;
margin: 0 auto;
width:293px;
}
#send #cont #article .btn a:hover{
background: url(/imgs/home/211112/arrow-blue.svg) no-repeat right 5px center;
}
@media (max-width:737px){
#send #cont #article .inner .blog .img{
width:130px;
}
#send #cont #article .inner .blog .text{
width:calc(100% - 145px)
}
#send #cont #article .inner .blog .text h3{
font-size:16px;
}
} #other #main .inquiry p {
height: 215px;
background: url(/common/img/main_inquiry_bg.jpg) no-repeat;
}
#other #main .visual {
margin: 0 0 1em;
position: relative;
}
#other #main ul.p_link {
margin: 10px 0 30px;
}
#other #main ul.p_link li {
width: 180px;
margin: 0 10px 0 0;
float: left;
font-size: 1.333em;
text-align: center;
}
#other #main ul.p_link li a {
padding: 5px 0;
background: url(/common/img/icon_arrow03.png) no-repeat 10px center #028CD7;
color: #fff;
font-weight: bold;
display: block;
}
#other #main ul.p_link li a:hover {
background: url(/common/img/icon_arrow03.png) no-repeat 10px center #016FA9;
}
@media screen and (max-width: 737px) {
#other #main .inquiry p {
height: auto;
}
#other #main .visual img {
width: 100%;
height: auto;
}
#other #main ul.p_link {
margin: 2em 1em 30px;
}
#other #main ul.p_link li {
width: auto;
margin: 0 0 1em;
float: none;
}
}
#other #main #data_entry {
margin: 0 0 30px;
}
#other #main section .headline {
margin: 0 0 30px;
}
#other #main section .headline dl {
width: 456px;
float: left;
}
#other #main section .headline dl dt {
margin: 0 0 10px;
color: #018cd7;
font-size: 1.667em;
font-weight: bold;
}
#other #main section .headline p {
float: right;
}
#other #main section dl.trouble {
margin: 0 0 40px;
border: solid 1px #EB1B20;
position: relative;
}
#other #main section dl.trouble:after {
content: "";
width: 43px;
height: 16px;
background: url(/imgs/service/other/img03.png) no-repeat center bottom;
position: absolute;
left: 48%;
bottom: -16px;
}
#other #main #distributive_processing dl.trouble:after {
background: url(/imgs/service/other/img13.png) no-repeat center bottom;
}
#other #main section dl.trouble dt {
margin: 0;
padding: 5px 0;
background-color: #EB1B20;
color: #fff;
font-size: 1.643em;
font-weight: bold;
text-align: center;
}
#other #main section dl.trouble dd {
margin: 20px;
padding-left: 1em;
text-indent: -1em;
font-size: 1.286em;
font-weight: bold;
}
#other #main section dl.trouble dd em {
background-color: #FFFF66;
color: #EB1A1F;
font-weight: bold;
}
#other #main section .inner > p strong {
color: #EB1A1F;
font-size: 2.071em;
font-weight: bold;
}
@media screen and (max-width: 737px) {
#other #main section .headline dl {
width: auto;
float: none;
}
#other #main section .headline p {
float: none;
text-align: center;
}
#other #main section dl.trouble:after {
left: 45%;
}
#other #main section dl.trouble dt {
padding: 5px;
font-size: 1.500em;
}
#other #main section dl.trouble dd {
margin: 10px;
font-size: 1.143em;
}
#other #main section dl.trouble dd em {
background-color: #FFFF66;
color: #EB1A1F;
font-weight: bold;
}
#other #main section .inner > p strong {
font-size: 1.714em;
}
}
#other #main #data_entry section:nth-of-type(1) {
margin: 40px 0 30px;
}
#other #main section section h3 {
margin: 0 0 20px;
padding: 5px 0 5px 23px;
background-color: #028CD7;
color: #fff;
font-size: 1.333em;
font-weight: bold;
position: relative;
}
#other #main section section h3:before {
content: "";
width: 3px;
height: 16px;
background-color: #fff;
position: absolute;
left: 10px;
top: 9px;
}
#other #main #data_entry section:nth-of-type(1) ul {
width: 60%;
float: left;
}
#other #main #data_entry section:nth-of-type(1) ul li {
padding-left: 20px;
background: url(/common/img/icon_arrow02.png) no-repeat 9px center;
line-height: 2.0;
}
#other #main #data_entry section:nth-of-type(1) p {
margin: 5px 0 0;
float: right;
}
@media screen and (max-width: 737px) {
#other #main #data_entry section:nth-of-type(1) ul {
width: auto;
float: none;
}
#other #main #data_entry section:nth-of-type(1) ul li {
padding-left: 20px;
background: url(/common/img/icon_arrow02.png) no-repeat 9px 9px;
line-height: 2.0;
}
#other #main #data_entry section:nth-of-type(1) p {
margin: 5px 0 0;
float: none;
text-align: center;
}
}
#other #main #data_entry section:nth-of-type(2) ol li {
width: 175px;
height: 57px;
margin: 0 10px 0 0;
padding: 20px 12px 0 0;
background: url(/imgs/service/other/img05.png) no-repeat right top #E9F3F5;
float: left;
box-sizing: border-box;
text-align: center;
font-weight: bold;
}
#other #main #data_entry section:nth-of-type(2) ol li:nth-of-type(4) {
margin: 0;
}
#other #main #data_entry section:nth-of-type(2) ol li:nth-of-type(5),
#other #main #data_entry section:nth-of-type(2) ol li:nth-of-type(6),
#other #main #data_entry section:nth-of-type(2) ol li:nth-of-type(7) {
margin: 13px 10px 0 0;
}
#other #main #data_entry section:nth-of-type(2) ol li:nth-of-type(8) {
margin: 13px 0 0;
}
@media screen and (max-width: 737px) {
#other #main #data_entry section:nth-of-type(2) ol li {
width: 80%;
height: auto;
margin: 0 auto 2em !important;
padding: 1em;
background: #E9F3F5;
border-radius: 1px;
float: none;
position: relative;
}
#other #main #data_entry section:nth-of-type(2) ol li:after {
content: "";
width: 12px;
height: 57px;
background: url(/imgs/service/other/img05.png) no-repeat center bottom;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
position: absolute;
left: 48%;
bottom: -78%;
}
#other #main #data_entry section:nth-of-type(2) ol li:last-of-type::after {
display: none;
}
}
#other #main #data_entry section:nth-of-type(3) dl {
width: 100%;
}
#other #main #data_entry section:nth-of-type(3) dl dt {
clear: both;
width: 260px;
padding: 10px 0;
font-size: 1.143em;
font-weight: bold;
float: left;
}
#other #main #data_entry section:nth-of-type(3) dl dt .num {
width: 26px;
height: 26px;
margin: 0 10px;
padding: 2px 0 0 1px;
background-color: #EB1B20;
border-radius: 26px;
box-sizing: border-box;
display: inline-block;
position: relative;
top: -1px;
text-align: center;
vertical-align: center;
color: #fff;
font-size: 0.875em;
}
#other #main #data_entry section:nth-of-type(3) dl dt:nth-of-type(6) span {
float: left;
}
#other #main #data_entry section:nth-of-type(3) dl dd {
padding: 14px 10px 12px 270px;
border-bottom: solid 1px #ccc;
}
#other #main #data_entry section:nth-of-type(3) dl dd:last-child {
padding: 14px 10px 0 270px;
border-bottom: none;
}
@media screen and (max-width: 737px) {
#other #main #data_entry section:nth-of-type(3) dl {
width: auto;
margin: 0;
}
#other #main #data_entry section:nth-of-type(3) dl dt {
width: auto;
padding: 10px 0 5px;
float: none;
}
#other #main #data_entry section:nth-of-type(3) dl dt .num {
margin: 0 10px 0 0;
}
#other #main #data_entry section:nth-of-type(3) dl dt:nth-of-type(6) span {
float: none;
}
#other #main #data_entry section:nth-of-type(3) dl dt:nth-of-type(6) br {
display: none;
}
#other #main #data_entry section:nth-of-type(3) dl dd {
padding: 0 0 1em !important;
border-bottom: solid 1px #ccc;
}
#other #main #data_entry section:nth-of-type(3) dl dd br {
display: none;
}
}
#other #main #data_entry section:nth-of-type(4) dl {
width: 370px;
padding: 10px 0 0 20px;
float: left;
}
#other #main #data_entry section:nth-of-type(4) dl dt {
margin: 0 0 5px;
font-size: 1.429em;
font-weight: bold;
}
#other #main #data_entry section:nth-of-type(4) > p:nth-of-type(1) {
float: right;
}
#other #main section section p.contact_txt {
clear: both;
text-align: center;
position: relative;
z-index: 3;
}
#other #main section section .link_contact {
width: 580px;
margin: -25px auto 0;
padding: 20px;
border: solid 1px #000;
box-sizing: border-box;
position: relative;
z-index: 2;
}
#other #main section section .link_contact p:nth-of-type(1) {
text-align: center;
}
#other #main section section .link_contact p:nth-of-type(2) {
width: 450px;
height: 14px;
margin: 0 0 0 77px;
background: url(/imgs/service/other/img09.png) no-repeat left top;
text-indent: -9999px;
}
#other #main section section .link_contact ul {
margin: 12px 0 0;
overflow: hidden;
}
#other #main section section .link_contact ul li {
float: left;
}
#other #main section section .link_contact ul li:last-of-type {
float: right;
}
@media screen and (max-width: 737px) {
#other #main #data_entry section:nth-of-type(4) dl {
width: auto;
padding: 0;
float: none;
}
#other #main #data_entry section:nth-of-type(4) img {
width: 100%;
}
#other #main #data_entry section:nth-of-type(4) > p:nth-of-type(1) {
width: 203px;
margin: 0 auto 1em;
float: none;
text-align: center;
}
#other #main section section p.contact_txt {
width: 96%;
margin: 0 auto;
text-align: center;
}
#other #main section section .link_contact {
width: auto;
margin: -10px auto 0;
padding: 1.5em 1em 1em;
}
#other #main section section .link_contact p:nth-of-type(1) {
width: 96%;
margin: 0 auto 1em;
}
#other #main section section .link_contact p:nth-of-type(2) {
width: auto;
height: auto;
margin: 0 0 1em;
background: none;
text-indent: 0;
}
#other #main section section .link_contact ul {
margin: 0;
overflow: hidden;
}
#other #main section section .link_contact ul li {
width: 260px;
margin: 0 auto;
float: none !important;
}
#other #main section section .link_contact ul li:last-of-type {
margin: 1em auto 0;
}
}
#other #main #distributive_processing section {
margin: 30px 0 0;
}
#other #main #distributive_processing section dl {
width: 100%;
margin: 0 0 30px;
}
#other #main #distributive_processing section dl dt {
clear: both;
width: 130px;
padding: 10px 0 10px 20px;
font-size: 1.143em;
font-weight: bold;
float: left;
}
#other #main #distributive_processing section dl dd {
padding: 14px 10px 12px 150px;
border-bottom: solid 1px #ccc;
}
#other #main #distributive_processing section dl dd:last-child {
padding: 14px 10px 0 150px;
border-bottom: none;
}
@media screen and (max-width: 737px) {
#other #main #distributive_processing section dl {
width: auto;
margin: 0;
}
#other #main #distributive_processing section dl dt {
width: auto;
padding: 10px 0 5px;
float: none;
}
#other #main #distributive_processing section dl dd {
padding: 0 0 1em !important;
border-bottom: solid 1px #ccc;
}
#other #main #distributive_processing section dl dd br {
display: none;
}
#other #main #distributive_processing section img {
width: 100%;
}
}
#other #main #other_distribution .headline dl {
width: auto;
float: none;
}
#other #main #other_distribution .headline ul {
margin: 20px 0 0;
padding: 20px;
border: solid 1px #999;
}
#other #main #other_distribution .headline ul li {
padding-left: 20px;
background: url(/common/img/icon_arrow02.png) no-repeat 5px center;
line-height: 2.5;
}
@media screen and (max-width: 737px) {
#other #main #other_distribution .headline ul {
margin: 1em 0 0;
padding: 1em;
}
#other #main #other_distribution .headline ul li {
padding-left: 1em;
background: url(/common/img/icon_arrow02.png) no-repeat left 9px;
line-height: 2.0;
}
} #list #main .inquiry p {
height: 215px;
background: url(/common/img/main_inquiry_bg.jpg) no-repeat;
}
#list #main .visual {
margin: 0 0 1em;
position: relative;
}
#list #main .headline dl.catch dt {
margin: 0 0 20px;
font-size: 1.571em;
font-weight: bold;
line-height: 1.2;
}
#list #main .headline dl.catch dt em {
color: #EB191F;
font-weight: bold;
}
#list #main .headline dl.catch dt em span:nth-of-type(1) {
font-size: 1.682em;
}
#list #main .headline dl.catch dt em span:nth-of-type(2) {
font-size: 1.136em;
}
#list #main .headline dl.catch dd:last-of-type {
margin: 10px 0 0;
font-size: 0.857em;
}
#list #main .headline dl.trouble {
margin: 30px 0 40px;
border: solid 1px #028CD7;
position: relative;
}
#list #main .headline dl.trouble:after {
content: "";
width: 43px;
height: 16px;
background: url(/imgs/service/other/img03.png) no-repeat center bottom;
position: absolute;
left: 48%;
bottom: -16px;
}
#list #main .headline dl.trouble dt {
margin: 0;
padding: 5px 0;
background-color: #028CD7;
color: #fff;
font-size: 1.643em;
font-weight: bold;
text-align: center;
}
#list #main .headline dl.trouble dd {
margin: 20px;
padding-left: 1em;
text-indent: -1em;
font-size: 1.286em;
font-weight: bold;
}
#list #main .headline dl.trouble dd em {
background-color: #FFFF66;
color: #EB1A1F;
font-weight: bold;
}
#list #main .headline .inner > p strong {
color: #EB1A1F;
font-size: 2.071em;
font-weight: bold;
}
@media screen and (max-width: 737px) {
#list #main .inquiry p {
height: auto;
}
#list #main .visual img {
width: 100%;
height: auto;
}
#list #main .headline dl.catch dt {
line-height: 1.4;
}
#list #main .headline dl.trouble:after {
left: 45%;
}
#list #main .headline dl.trouble dt {
padding: 5px;
font-size: 1.500em;
}
#list #main .headline dl.trouble dd {
margin: 10px;
font-size: 1.143em;
}
#list #main .headline dl.trouble dd em {
background-color: #FFFF66;
color: #EB1A1F;
font-weight: bold;
}
#list #main .headline .inner > p strong {
font-size: 1.714em;
}
}
@media screen and (max-width: 340px) {
#list #main .headline dl.catch dt br {
display: none;
}
}
#list #main .overview p.catch {
color: #008CD7;
font-size: 1.667em;
font-weight: bold;
}
#list #main .overview table {
width: 100%;
border: solid 1px #ccc;
}
#list #main .overview table th {
width: 20%;
padding: 10px 20px;
background-color: #F0F0F0;
border: solid 1px #ccc;
font-weight: bold;
box-sizing: border-box;
}
#list #main .overview table td {
padding: 10px 20px;
border: solid 1px #ccc;
box-sizing: border-box;
}
@media screen and (max-width: 737px) {
#list #main .overview table th {
width: 33%;
padding: 1em 0 1em 1em;
}
#list #main .overview table td {
padding: 1em;
}
}
#list #main .feature section h3 {
padding: 5px 5px 5px 23px;
background-color: #028CD7;
color: #fff;
font-size: 1.333em;
font-weight: bold;
position: relative;
}
#list #main .feature section h3:before {
content: "";
width: 3px;
height: 16px;
background-color: #fff;
position: absolute;
left: 10px;
top: 9px;
}
#list #main .feature section p {
margin: 25px 0 0;
float: left;
}
#list #main .feature section dl {
width: 466px;
margin: 20px 0 0;
float: right;
}
#list #main .feature section dl dt {
margin: 0 0 10px;
color: #EB1A1F;
font-size: 1.500em;
font-weight: bold;
}
@media screen and (max-width: 737px) {
#list #main .feature section p {
margin: 1em 0;
float: none;
text-align: center;
}
#list #main .feature section dl {
width: auto;
margin: 1em 0 0;
float: none;
}
}
#list #main .rate_plan p.dummy {
width: 100%;
height: 290px;
background-color: #F0F0F0;
font-size: 1.357em;
font-weight: bold;
display: table;
text-align: center;
}
#list #main .rate_plan p.dummy span {
display: table-cell;
vertical-align: middle;
}
#list #main .rate_plan table.base {
width: 100%;
border: #CCCCCC 1px solid;
margin: 0 0 20px;
}
#list #main .rate_plan table.base th {
width: 35%;
padding: 7px 20px;
background-color: #028CD7;
border: solid 1px #ccc;
font-weight: bold;
box-sizing: border-box;
color: #FFF;
text-align: center;
}
#list #main .rate_plan table.base td {
padding: 7px 20px;
border: solid 1px #ccc;
box-sizing: border-box;
text-align: right;
}
#list #main .rate_plan table.detail {
width: 100%;
border: #CCCCCC 1px solid;
}
#list #main .rate_plan table.detail th {
padding: 7px 20px;
background-color: #F0F0F0;
border: solid 1px #ccc;
font-weight: bold;
box-sizing: border-box;
text-align: center;
}
#list #main .rate_plan table.detail .headline th {
background: #028CD7;
color: #FFFFFF;
}
#list #main .rate_plan table.detail .headline th:nth-child(1) {
width: 35%;
}
#list #main .rate_plan table.detail td {
padding: 7px 20px;
border: solid 1px #ccc;
box-sizing: border-box;
text-align: right;
}
@media screen and (max-width: 737px) {
#list #main .rate_plan table.base th {
width: 33%;
padding: 1em 0 1em 1em;
}
#list #main .rate_plan table.base td {
padding: 1em;
}
#list #main .rate_plan table.base th {
width: 33%;
padding: 1em 0 1em 1em;
}
#list #main .rate_plan table.base td {
padding: 1em;
}
}
@media screen and (max-width: 737px) {
#list #main .feature section p {
margin: 1em 0;
float: none;
text-align: center;
}
#list #main .feature section dl {
width: auto;
margin: 1em 0 0;
float: none;
}
}
#list #main .explanation p strong {
color: #eb1a1f;
font-size: 1.333em;
}
#list #main .case .detail {
margin: 0;
padding: 20px 0;
border-bottom: solid 1px #ccc;
}
#list #main .case .detail > div {
width: 285px;
float: left;
}
#list #main .case .detail div dl dt {
padding: 0 0 5px 10px;
border-bottom: solid 1px #ccc;
font-weight: bold;
}
#list #main .case .detail div dl dt span {
margin-left: 74px;
display: inline-block;
vertical-align: middle;
}
#list #main .case .detail div dl dt span em {
color: #EB1A1F;
font-size: 2.429em;
font-weight: bold;
}
#list #main .case .detail div dl dd {
margin: 0;
padding: 5px 0 0 10px;
font-size: 1.143em;
font-weight: bold;
}
#list #main .case .detail div dl dd span {
margin-left: 41px;
display: inline-block;
vertical-align: middle;
}
#list #main .case .detail div dl dd span em {
color: #018CD7;
font-size: 2.250em;
font-weight: bold;
}
#list #main .case .detail div table {
width: 100%;
margin: 0;
border: solid 1px #ccc;
}
#list #main .case .detail div table th {
width: 40%;
padding: 10px 0 10px 20px;
background-color: #F0F0F0;
border: solid 1px #ccc;
font-weight: bold;
box-sizing: border-box;
}
#list #main .case .detail div table td {
padding: 10px 20px;
border: solid 1px #ccc;
box-sizing: border-box;
}
#list #main .case .detail > dl {
width: 410px;
margin: 0;
float: right;
}
#list #main .case .detail > dl dt {
margin: 0 0 10px;
color: #EB1A1F;
font-size: 1.500em;
font-weight: bold;
}
#list #main .case .detail > dl dd {
font-size: 0.857em;
}
#list #main .case .summary {
margin: 40px 0 0;
background: url(/imgs/service/list/img05.jpg) no-repeat 95% top;
}
#list #main .case .summary p:nth-of-type(1) {
padding: 3px 10px;
background-color: #EB1B20;
color: #fff;
font-size: 1.667em;
font-weight: bold;
display: inline-block;
}
#list #main .case .summary p:nth-of-type(2) {
font-size: 2.417em;
font-weight: bold;
line-height: 1.5;
}
#list #main .case .summary p:nth-of-type(2) strong {
color: #EB1B20;
}
@media screen and (max-width: 737px) {
#list #main .case .detail {
margin: 0 0 1em;
padding: 1em 0;
}
#list #main .case .detail > div {
width: auto;
float: none;
}
#list #main .case .detail div dl dt span {
margin-left: 90px;
}
#list #main .case .detail div dl dd span {
margin-left: 57px;
}
#list #main .case .detail div table th {
width: 40%;
}
#list #main .case .detail > dl {
width: auto;
margin: 1em 0 0;
float: none;
}
#list #main .case .summary {
margin: 2em 0 0;
background: url(/imgs/service/list/img05.jpg) no-repeat right top;
background-size: 150px;
}
#list #main .case .summary p:nth-of-type(2) {
font-size: 2.000em;
//text-shadow: 0 0 5px rgba(255,255,255,0.5);
-webkit-text-stroke: 1px rgba(255, 255, 255, 0.5);
}
#list #main .case .summary p:nth-of-type(2) br {
display: none;
}
}
@media screen and (max-width: 340px) {
#list #main .case .summary {
background: url(/imgs/service/list/img05.jpg) no-repeat right 40px;
}
}
#list #main .btn{
width: 220px;
margin: 20px auto 20px;
text-align: center;
}
#list #main .btn a{
display: block;
background: url(/common/img/230123/h-icon04.svg) no-repeat left 15px center  #FFE300;
border-radius: 6px;
border: 1px solid #FFE300;
box-sizing: border-box;
padding: 12px 0 12px 20px;
font-size: 17px;
font-weight: normal;
color: #000;
text-decoration: none;
transition: 0.3s;
}
@media (min-width:738px){
#list #main .btn a:hover{
background: url(/common/img/230123/h-icon04.svg) no-repeat left 15px center;
opacity: 1.0;
}
} #list #main #sec-form{
margin: -80px 0 40px;
padding: 80px 0 0;
}
#list #main #sec-form .inner{
background: #F7F7F7;
padding: 0 30px 40px;
}
#list #main #sec-form h2{
font-size: 25px;
font-weight: bold;
text-align: center;
margin: 0 0 30px;
padding: 40px 0 0;
background: none;
border: none;
color: #018CD7;
}
#list #main #sec-form .tit{
font-size: 17px;
font-weight: bold;
border-left:#028CD7 5px solid;
margin:0 0 25px;
padding:5px 10px;
}
#list #main #sec-form .form_input{
display: flex;
flex-wrap: wrap;
margin: 0 0 30px;
}
#list #main #sec-form .form_input dt{
width: 200px;
font-size: 16px;
font-weight: bold;
padding: 15px 20px 10px 0;
box-sizing: border-box;
clear: both;
float: left;
}
#list #main #sec-form .form_input dt span {
padding: 2px 5px;
background-color: #f00;
float: right;
color: #fff;
font-size: 0.857em;
font-weight: normal;
}
#list #main #sec-form .form_input dd{
width: calc(100% - 200px);
padding: 10px 0;
box-sizing: border-box;
}
#list #main #sec-form .form_input dd .mwform-checkbox-field-text{
font-size:16px;
}
#list #main #sec-form .form_input dd input[type=text],
#list #main #sec-form .form_input dd textarea{
width: 100%;
font-size: 16px;
padding: 5px 7px;
box-sizing: border-box;
border: solid 1px #ccc;
outline: none;
}
#list #main #sec-form .btn-area{
display: flex;
justify-content: center;
}
#list #main #sec-form .btn-area input[type=submit]{
width: 200px;
margin: 0 10px 10px 0;
padding: 15px 0;
background: #028CD7;
border: none;
text-align: center;
color: #FFF;
font-size: 1.333em;
font-weight: bold;
outline: none;
cursor: pointer;
}
#list #main #sec-form .btn-area input[name=submitBack]{
background: #888;
}
#list #main #sec-form .mw_wp_form_confirm .form_input dt span{
display: none;
}
#list #main #sec-form .mw_wp_form_confirm .form_input #privacy-frame{
display: none;
}
@media (min-width:738px){
#list #main #sec-form .btn-area input[type=submit]:hover {
background: #06C;
}
#list #main #sec-form .btn-area input[name=submitBack]:hover{
background: #555;
}
}
@media (max-width:737px){
#list #main #sec-form .inner{
margin: 0 -10px;
padding: 0 30px 40px;
}
#list #main #sec-form .tit{
margin: 0 0 15px;
}
#list #main #sec-form .form_input{
display: block;
margin: 0 0 20px;
}
#list #main #sec-form .form_input dt{
width: 100%;
padding: 5px 0 5px;
float: none;
}
#list #main #sec-form .form_input dt span {
float: none;
margin: 0 0 0 10px;
}
#list #main #sec-form .form_input dd{
width: 100%;
padding: 5px 0 10px;
}
#list #main #sec-form .btn-area{
flex-wrap: wrap;
}
#list #main #sec-form .btn-area input[type=submit]{
margin: 0 15px 15px 0;
}
}
#list-thanks #main .form_area .flow{
font-size: 18px;
font-weight: bold;
margin: 20px 0;
color:#028CD7;
} #nondelivery #main .inquiry p {
height: 215px;
background: url(/common/img/main_inquiry_bg.jpg) no-repeat;
}
#nondelivery #main .visual {
margin: 0 0 1em;
position: relative;
}
@media screen and (max-width: 737px) {
#nondelivery #main .inquiry p {
height: auto;
}
#nondelivery #main .visual img {
width: 100%;
height: auto;
}
}
#nondelivery #main .headline p.catch {
margin: 15px 0 1em;
font-size: 1.833em;
font-weight: bold;
line-height: 1.4;
}
#nondelivery #main .headline p.catch em {
color: #EB1A1F;
font-size: 1.227em;
font-weight: bold;
}
#nondelivery #main .headline dl.trouble {
margin: 30px 0 0;
border: solid 1px #33CC99;
position: relative;
}
#nondelivery #main .headline dl.trouble dt {
margin: 0;
padding: 5px 0;
background-color: #33CC99;
color: #fff;
font-size: 1.643em;
font-weight: bold;
text-align: center;
}
#nondelivery #main .headline dl.trouble dd {
margin: 20px;
padding-left: 1em;
text-indent: -1em;
font-size: 1.286em;
font-weight: bold;
}
#nondelivery #main .headline dl.trouble dd em {
background-color: #FFFF66;
color: #EB1A1F;
font-weight: bold;
}
#nondelivery #main .headline p.arrow {
height: 116px;
margin: 0;
padding: 30px 0 0;
background: url(/imgs/service/nondelivery/img02.png) no-repeat center bottom;
font-size: 1.833em;
font-weight: bold;
text-align: center;
line-height: 1.4;
}
#nondelivery #main .headline dl.case {
margin: 30px 0 0;
}
#nondelivery #main .headline dl.case dt {
width: 200px;
padding: 50px 0 0 15px;
float: left;
font-size: 1.143em;
font-weight: bold;
line-height: 1.4;
}
#nondelivery #main .headline dl.case dt span {
font-size: 1.500em;
}
#nondelivery #main .headline dl.case dd {
float: right;
}
#nondelivery #main .headline p.namely {
margin: 40px 0 0;
color: #028CD7;
font-size: 2.083em;
font-weight: bold;
text-align: center;
}
#nondelivery #main .headline p.namely span {
background-color: #FFFF66;
}
@media screen and (max-width: 737px) {
#nondelivery #main .headline dl.trouble dt {
padding: 5px;
font-size: 1.500em;
}
#nondelivery #main .headline dl.trouble dd {
margin: 10px;
font-size: 1.143em;
}
#nondelivery #main .headline dl.trouble dd em {
background-color: #FFFF66;
color: #EB1A1F;
font-weight: bold;
}
#nondelivery #main .headline p.arrow {
height: auto;
margin: 0;
padding: 1em 0 2em;
background: url(/imgs/service/nondelivery/img02.png) no-repeat center top;
background-size: 280px;
}
#nondelivery #main .headline dl.case {
margin: 0;
}
#nondelivery #main .headline dl.case dt {
width: auto;
padding: 0 0 1em;
float: none;
text-align: center;
}
#nondelivery #main .headline dl.case dd {
margin: 0 0 2em;
float: none;
}
#nondelivery #main .headline dl.case dd img {
width: 100%;
}
#nondelivery #main .headline p.namely {
margin: 1em 0 0;
text-align: left;
}
#nondelivery #main .headline p.namely br {
display: none;
}
}
@media screen and (max-width: 340px) {
#nondelivery #main .headline p.arrow br {
display: none;
}
}
#nondelivery #main .price table {
width: 100%;
margin: 0;
border: solid 1px #ccc;
}
#nondelivery #main .price table #col_1 {
width: 70%;
}
#nondelivery #main .price table th {
padding: 5px;
background-color: #028CD7;
border: solid 1px #ccc;
color: #fff;
font-weight: bold;
text-align: center;
}
#nondelivery #main .price table td {
padding: 10px 15px;
border: solid 1px #ccc;
}
#nondelivery #main .price table tr td:nth-child(2),
#nondelivery #main .price table tr td:last-child {
font-weight: bold;
text-align: center;
}
#nondelivery #main .price table td em {
color: #EB1A1F;
font-weight: bold;
}
#nondelivery #main .price p {
margin: 40px 0 0;
font-size: 1.667em;
font-weight: bold;
text-align: center;
}
#nondelivery #main .price p strong {
padding: 0 10px;
background-color: #FFFF66;
color: #EB1A1F;
font-size: 1.900em;
} #nondelivery #main .lineup a {
color: #333333;
text-decoration: none;
}
#nondelivery #main .lineup a:hover {
opacity: 0.7;
}
#nondelivery #main .lineup .item-wrapper {
margin: 0 0 10px;
}
#nondelivery #main .lineup .item {
float: left;
width: 356px;
border: #EB1B20 1px solid;
border-top: #EB1B20 5px solid;
margin: 0 0 20px;
background: url(/imgs/home/lineup01.png) right bottom no-repeat;
position: relative;
}
#nondelivery #main .lineup .item.postcard {
border: #33CC99 1px solid;
border-top: #33CC99 5px solid;
float: right;
background: url(/imgs/home/lineup02.png) right bottom no-repeat;
}
#nondelivery #main .lineup .item.print {
border: #FFB300 1px solid;
border-top: #FFB300 5px solid;
background: url(/imgs/home/lineup03.png) right bottom no-repeat;
}
#nondelivery #main .lineup .item.send {
border: #06C1FF 1px solid;
border-top: #06C1FF 5px solid;
float: right;
background: url(/imgs/home/lineup04.png) right bottom no-repeat;
}
#nondelivery #main .lineup .item.transparent:after {
content: "";
background: url(/imgs/home/icon_popular.png);
width: 90px;
height: 90px;
position: absolute;
right: -10px;
bottom: -10px;
display: block;
}
#nondelivery #main .lineup .item h3 {
padding: 7px 25px 5px 30px;
font-size: 2em;
border-bottom: #CCCCCC 1px solid;
position: relative;
}
#nondelivery #main .lineup .item h3 span {
background: #EB1B20;
color: #FFFFFF;
font-weight: bold;
display: inline-block;
margin: 0 0 0 10px;
font-size: 0.6em;
padding: 0 10px;
}
#nondelivery #main .lineup .item h3:after {
content: "";
width: 5px;
height: 20px;
background: #EB1B20;
position: absolute;
left: 15px;
top: 50%;
margin: -10px 0 0;
}
#nondelivery #main .lineup .item.postcard h3:after {
background: #33CC99;
}
#nondelivery #main .lineup .item.print h3:after {
background: #FFB300;
}
#nondelivery #main .lineup .item.send h3:after {
background: #06C1FF;
}
#nondelivery #main .lineup .item h3:before {
content: "";
background: url(/common/img/icon_arrow01.png);
left: 340px;
width: 6px;
height: 12px;
position: absolute;
top: 50%;
margin: -6px 0 0;
}
#nondelivery #main .lineup .item .item-inner {
padding: 10px 15px;
}
#nondelivery #main .lineup .item ul {
font-size: 1em;
margin: 0 0 10px;
}
#nondelivery #main .lineup .item ul li {
display: inline-block;
font-size: 0.917em;
color: #FFFFFF;
background: #333;
margin: 0 0px 0 0;
padding: 0 5px;
}
#nondelivery #main .lineup .item .catch {
font-size: 1.25em;
margin: 0;
}
#nondelivery #main .lineup .item .attention {
position: absolute;
right: 0;
bottom: -30px;
font-size: 0.917em;
}
#nondelivery #main .lineup > .inner > ul li {
margin: 0 0 10px;
}
#nondelivery #main .lineup > .inner > ul li a {
display: block;
width: 735px;
height: 100px;
text-indent: -9999px;
}
#nondelivery #main .lineup > .inner > ul li a:hover {
opacity: 0.7;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
}
#nondelivery #main .lineup > .inner > ul li:nth-child(1) a {
background: url(/imgs/home/img07.jpg);
}
#nondelivery #main .lineup > .inner > ul li:nth-child(2) a {
background: url(/imgs/home/img08.jpg);
}
#nondelivery #main .lineup > .inner > ul li:nth-child(3) a {
background: url(/imgs/home/img09.jpg);
}
@media screen and (max-width: 737px) {
#nondelivery #main .lineup h2 {
padding: 5px 0 5px 30px;
}
#nondelivery #main .lineup h2:after {
left: 15px;
}
#nondelivery #main .lineup .item {
float: none !important;
width: auto;
margin: 0 0 10px;
}
#nondelivery #main .lineup .item h3 {
padding: 4px 10px 2px 30px;
font-size: 1.65em;
}
#nondelivery #main .lineup .item h3:before {
left: auto;
right: 10px;
}
#nondelivery #main .lineup .item .item-inner {
padding: 10px 10px;
}
#nondelivery #main .lineup .item .price {
margin: 0;
}
#nondelivery #main .lineup .item .price img {
height: 36px;
width: auto;
}
#nondelivery #main .lineup .item .catch {
margin: 0 0 10px;
}
#nondelivery #main .lineup .item p:nth-of-type(2) {
display: none;
}
#nondelivery #main .lineup > .inner > ul li img {
width: 100%;
height: auto;
}
#nondelivery #main .lineup > .inner > ul li a {
width: auto;
height: auto;
text-indent: 0;
background: none !important;
}
}
#nondelivery #main .lineup .item {
margin: 0 0 25px;
}
#nondelivery #main .lineup .item:hover {
opacity: 0.7;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
}
#nondelivery #main .lineup .item .catch {
text-shadow:
-1px -1px #FFF,
1px -1px #FFF,
-1px 1px #FFF,
1px 1px #FFF;
}
#nondelivery #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;
}
#nondelivery #main .lineup .item .price {
margin: 0 0 5px;
}
#nondelivery #main .lineup .item .attention {
bottom: -20px;
color: #666;
}
@media screen and (max-width: 737px) {
#nondelivery #main .lineup .item {
background: url(/imgs/home/lineup01.png) right bottom no-repeat;
background-size: 110px auto;
margin: 0 0 20px;
}
#nondelivery #main .lineup .item.postcard {
background: url(/imgs/home/lineup02.png) right bottom no-repeat;
background-size: 110px auto;
}
#nondelivery #main .lineup .item.print {
background: url(/imgs/home/lineup03.png) right bottom no-repeat;
background-size: 110px auto;
}
#nondelivery #main .lineup .item.send {
background: url(/imgs/home/lineup04.png) right bottom no-repeat;
background-size: 110px auto;
}
#nondelivery #main .lineup .item.transparent:after {
width: 60px;
height: 60px;
background: url(/imgs/home/icon_popular.png);
background-size: 60px auto;
}
}
@media screen and (max-width: 737px) {
#nondelivery #main .price table #col_1 {
width: 70%;
}
#nondelivery #main .price p {
margin: 2em 0 0;
}
#nondelivery #main .price ul {
margin: 2em 0 0;
}
#nondelivery #main .price ul li {
margin: 2em auto 0;
float: none !important;
position: relative;
text-align: center;
}
#nondelivery #main .price ul li:first-child::after {
content: "";
}
#nondelivery #main .price ul li img {
width: 100%;
max-width: 358px;
}
#nondelivery #main .price ul li a .ballon {
width: 90px;
position: absolute;
right: -6px;
bottom: -5px;
}
}
@media screen and (max-width: 340px) {
#nondelivery #main .price ul li a .ballon {
right: -2px;
}
} #interest #main .inquiry p {
height: 215px;
background: url(/common/img/main_inquiry_bg.jpg) no-repeat;
}
#interest #main .visual {
margin: -20px 0 1em;
position: relative;
}
@media screen and (max-width: 737px) {
#interest #main .inquiry p {
height: auto;
}
#interest #main .visual img {
width: 100%;
height: auto;
}
}
#interest #main .headline p.catch {
margin: 30px 0 1em;
font-size: 2.000em;
font-weight: bold;
line-height: 1.5;
}
#interest #main .headline p.catch em {
color: #EB1A1F;
font-size: 1.227em;
font-weight: bold;
}
#interest #main .headline p.catch02 {
height: 79px;
margin: 40px 0 1em;
background: url(/imgs/service/interest/img02.png) no-repeat center top;
text-indent: -9999px;
font-size: 0;
}
#interest #main .headline dl {
margin: 20px 0 0;
padding: 20px;
background-color: #028CD7;
color: #fff;
}
#interest #main .headline dl dt {
width: 423px;
margin: -8px 0 0;
float: right;
font-size: 1.714em;
}
#interest #main .headline dl dd:first-of-type {
float: left;
}
#interest #main .headline dl dd:last-of-type {
width: 423px;
margin: 10px 0 0;
float: right;
}
@media screen and (max-width: 737px) {
#interest #main .headline p.catch02 {
height: auto;
margin: 20px 0 0;
background: none;
text-indent: 0;
text-align: center;
color: #028CD7;
font-size: 2.857em;
font-weight: bold;
line-height: 1.2;
}
#interest #main .headline p.catch02 span {
font-size: 0.600em;
}
#interest #main .headline dl {
margin: 1em 0 0;
padding: 1em;
}
#interest #main .headline dl dt {
width: auto;
margin: 0;
float: none;
}
#interest #main .headline dl dd:first-of-type {
margin: 10px 0 0;
float: none;
text-align: center;
}
#interest #main .headline dl dd:last-of-type {
width: auto;
margin: 1em 0 0;
float: none;
}
}
@media screen and (max-width: 340px) {
#interest #main .headline p.arrow br {
display: none;
}
}
#interest #main .example h2 {
margin: 40px 0 25px;
}
#interest #main .example p.catch {
height: 43px;
background: url(/imgs/service/interest/img06.png) no-repeat center top;
text-indent: -9999px;
}
#interest #main .example .before {
width: 314px;
margin: 0 0 30px 20px;
float: left;
position: relative;
}
#interest #main .example .before:after {
content: "";
width: 26px;
height: 73px;
background: url(/imgs/service/interest/icon_arrow01.png) no-repeat left top;
position: absolute;
right: -49px;
top: 252px;
}
#interest #main .example .after {
width: 314px;
margin: 0 20px 30px 0;
float: right;
}
#interest #main .example div h3 {
font-size: 1.333em;
font-weight: bold;
line-height: 1.3;
}
#interest #main .example div h3 span {
font-size: 1.688em;
}
#interest #main .example .before h3 span {
color: #018CD7;
}
#interest #main .example .after h3 span {
color: #EB1B20;
}
#interest #main .example div table {
width: 100%;
margin: 10px 0 0;
border: solid 1px #ccc;
font-size: 1em;
}
#interest #main .example div table th {
padding: 5px 10px;
background-color: #F0F0F0;
border: solid 1px #ccc;
font-weight: bold;
}
#interest #main .example div table thead th {
padding: 10px;
background-color: #028CD7;
color: #fff;
text-align: center;
}
#interest #main .example div table thead th:nth-of-type(1) {
width: 40%;
}
#interest #main .example div table td {
padding: 5px 10px;
border: solid 1px #ccc;
}
#interest #main .example div table tr:last-of-type td {
padding: 5px 10px;
text-align: right;
font-size: 0.929em;
}
#interest #main .example div table tr:last-of-type td span {
font-size: 1.231em;
font-weight: bold;
}
#interest #main .example div table tr:last-of-type td em {
font-size: 2.077em;
font-weight: bold;
}
#interest #main .example .before table tr:last-of-type td em {
color: #018CD7;
}
#interest #main .example .after table tr:last-of-type td em {
color: #EB1B20;
}
#interest #main .example .inner div p:nth-of-type(1) {
margin: 10px 0 0;
text-align: right;
}
#interest #main .example .inner div p:nth-of-type(2) {
margin: 0;
text-align: right;
font-size: 1.333em;
font-weight: bold;
}
#interest #main .example .inner div p:nth-of-type(2) em {
font-size: 1.688em;
font-weight: bold;
}
#interest #main .example .reduction {
clear: both;
text-align: right;
line-height: 1.3;
}
#interest #main .example .reduction p {
padding: 0 10px;
background-color: #FFFF66;
display: inline-block;
font-size: 2.250em;
font-weight: bold;
position: relative;
}
#interest #main .example .reduction p strong {
color: #EB1B20;
font-size: 2.037em;
}
#interest #main .example .reduction p span {
color: #EB1B20;
}
#interest #main .example .reduction p .percent {
font-size: 0.593em;
position: absolute;
left: 47.7%;
top: 12%;
}
#interest #main .example dl dt {
margin: 20px 0 5px;
color: #018CD7;
font-size: 1.286em;
font-weight: bold;
}
#interest #main .example dl dd {
border: #CCCCCC 1px solid;
padding: 10px 15px;
}
@media screen and (max-width: 737px) {
#interest #main .example h2:nth-of-type(2) {
margin: 40px 0 25px;
}
#interest #main .example p.catch {
height: auto;
margin: 0 0 10px;
background: none;
text-indent: 0;
text-align: center;
color: #028CD7;
font-size: 2.857em;
font-weight: bold;
line-height: 1.2;
}
#interest #main .example .inner div {
width: auto !important;
margin: 0 0 1em !important;
float: none !important;
position: relative;
}
#interest #main .example .before {
padding: 0 0 40px;
background: url(/imgs/service/interest/icon_arrow02.png) no-repeat center bottom;
}
#interest #main .example .before:after {
display: none;
}
#interest #main .example .reduction p {
font-size: 1.667em;
}
}
#interest #main .system h2:nth-of-type(1) {
margin: 40px 0 25px;
}
#interest #main .system p.catch {
height: 43px;
background: url(/imgs/service/interest/img07.png) no-repeat center top;
text-indent: -9999px;
}
#interest #main .system p.catch br {
display: none;
}
#interest #main .system .inner {
padding: 0 0 25px;
}
#interest #main .system dl dt {
width: 463px;
margin: -5px 0 10px;
float: right;
color: #018CD7;
font-size: 1.429em;
font-weight: bold;
}
#interest #main .system dl dd:nth-of-type(1) {
float: left;
}
#interest #main .system dl dd:nth-of-type(2) {
width: 523px;
float: right;
}
@media screen and (max-width: 737px) {
#interest #main .system p.catch {
height: auto;
margin: 0 10px 10px;
background: none;
text-indent: 0;
text-align: center;
color: #028CD7;
font-size: 2.857em;
font-weight: bold;
line-height: 1.2;
}
#interest #main .system p.catch br {
display: inline;
}
#interest #main .system .inner {
padding: 0 10px 20px;
}
#interest #main .system dl dt {
width: auto;
margin: 0 0 10px;
float: none;
}
#interest #main .system dl dd:nth-of-type(1) {
margin: 0 0 1em;
float: none;
text-align: center;
}
#interest #main .system dl dd:nth-of-type(2) {
width: auto;
margin: 0;
float: none;
}
}
#interest #main .flow h2:nth-of-type(1) {
margin: 40px 0 25px;
}
#interest #main .flow p.catch {
height: 43px;
background: url(/imgs/service/interest/img11.png) no-repeat center top;
text-indent: -9999px;
}
#interest #main .flow dl {
margin: 20px 0 0;
padding: 0 0 20px;
border-bottom: solid 1px #ccc;
position: relative;
z-index: 1;
}
#interest #main .flow dl:before {
content: "";
width: 57px;
height: 17px;
background: url(/imgs/service/interest/icon_arrow03.png) no-repeat center top;
position: absolute;
left: 90px;
bottom: -9px;
z-index: 2;
} #interest #main .flow dl:last-of-type:before {
display: none;
}
#interest #main .flow dl dt {
width: 452px;
margin: -5px 20px 0 0;
float: right;
font-size: 1.286em;
font-weight: bold;
}
#interest #main .flow dl dd:nth-of-type(1) {
float: left;
}
#interest #main .flow dl dd:nth-of-type(2) {
width: 452px;
margin: 10px 20px 0 0;
float: right;
}
#interest #main .flow dl dd ul {
margin: 1em 0 0;
font-size: 0.929em;
}
#interest #main .flow dl dd ul li {
padding-left: 1em;
text-indent: -1em;
}
#interest #main .flow dl dd a {
color: #336699;
}
#interest #main .flow dl:nth-of-type(3) dd ul li a {
color: #FF0000;
font-weight: bold;
}
#interest #main .flow dl:nth-of-type(6) dd ul {
margin: 1em 0 0;
font-size: 0.857em;
}
#interest #main .flow dl:nth-of-type(6) dd ul li span {
color: #FF0000;
}
@media screen and (max-width: 737px) {
#interest #main .flow p.catch {
height: auto;
margin: 0 10px 10px;
background: none;
text-indent: 0;
text-align: center;
color: #028CD7;
font-size: 2.857em;
font-weight: bold;
line-height: 1.2;
}
#interest #main .flow h2:nth-of-type(1) {
margin: 30px 0 25px;
}
#interest #main .flow dl:before {
left: 42%;
}
#interest #main .flow dl dt {
width: auto;
margin: 0;
float: none;
}
#interest #main .flow dl dd:nth-of-type(1) {
margin: 10px 0 1em;
float: none;
text-align: center;
}
#interest #main .flow dl dd:nth-of-type(2) {
width: auto;
margin: 0;
float: none;
}
} #option #main .inquiry p {
height: 215px;
background: url(/common/img/main_inquiry_bg.jpg) no-repeat;
}
#option #main section a {
text-decoration: none;
color: #333333;
}
#option #main section a:hover {
opacity: 0.7;
}
#option #main section dl {
min-height: 105px;
margin: 20px 0;
padding: 20px 40px 20px 186px;
border: solid 1px #ccc;
}
#option #main section a:nth-of-type(1) dl {
background: url(/imgs/option/img01.png) no-repeat 40px 23px;
}
#option #main section a:nth-of-type(2) dl {
background: url(/imgs/option/img02.png) no-repeat 40px 23px;
}
#option #main section a:nth-of-type(3) dl {
background: url(/imgs/option/img03.png) no-repeat 40px 23px;
}
#option #main section dl dt {
margin: 0 0 8px;
padding: 0 0 0 22px;
background: url(/imgs/option/icon_arrow01.png) no-repeat left center;
font-size: 1.571em;
font-weight: bold;
line-height: 1.2;
color: #018CD7;
} @media screen and (max-width: 737px) {
#option #main .inquiry p {
height: auto;
}
#option #main section dl {
min-height: inherit;
margin: 1em 0;
padding: 1em 1em 1em 90px;
}
#option #main section a:nth-of-type(1) dl {
background: url(/imgs/option/img01.png) no-repeat 10px 15px;
background-size: 70px auto;
}
#option #main section a:nth-of-type(2) dl {
background: url(/imgs/option/img02.png) no-repeat 10px 15px;
background-size: 70px auto;
}
#option #main section a:nth-of-type(3) dl {
background: url(/imgs/option/img03.png) no-repeat 10px 15px;
background-size: 70px auto;
} }
@media screen and (max-width: 340px) {
#option #main section dl {
padding: 1em 1em 1em 80px;
background-size: 60px;
}
} #address #main .inquiry p {
height: 215px;
background: url(/common/img/main_inquiry_bg.jpg) no-repeat;
}
#address #main .visual {
margin: 0 0 1em;
position: relative;
}
@media screen and (max-width: 737px) {
#address #main .inquiry p {
height: auto;
}
#address #main .visual img {
width: 100%;
height: auto;
}
}
#address #main .link_area ul.page-nav {
margin: 0;
}
@media screen and (max-width: 340px) {
#address #main .link_area ul.page-nav li {
width: auto;
margin: 0 0 10px;
float: none;
}
}
#address #main p.catch {
color: #018CD7;
font-size: 1.667em;
font-weight: bold;
}
@media screen and (max-width: 737px) {
#address #main p.catch {
margin: 0 0 10px;
background: none;
}
}
@media screen and (max-width: 737px) {
#address #main .font p img,
#address #main .layout p img {
width: 100%;
}
}
#address #main .printing p {
font-size: 1.333em;
font-weight: bold;
}
#address #main .printing table {
width: 100%;
border: solid 1px #ccc;
}
#address #main .printing table th {
padding: 15px;
background-color: #666666;
border: solid 1px #ccc;
text-align: center;
color: #fff;
font-weight: bold;
}
#address #main .printing table thead th {
padding: 10px;
background-color: #028CD7;
}
#address #main .printing table thead th:nth-of-type(1) {
width: 16%;
}
#address #main .printing table thead th:nth-of-type(2),
#address #main .printing table thead th:nth-of-type(3) {
width: 42%;
}
#address #main .printing table td {
padding: 15px;
border: solid 1px #ccc;
vertical-align: top;
}
#address #main .printing table td p {
text-align: center;
}
#address #main .printing table td dl {
font-size: 1.000em;
}
#address #main .printing table td dl dt {
color: #018CD7;
font-weight: bold;
}
#address #main .printing table td dl dd {
margin: 5px 0 0;
padding-left: 1.6em;
text-indent: -1.6em;
}
@media screen and (max-width: 737px) {
#address #main .printing table tr:nth-of-type(1) td p {
width: 80%;
margin: 0 auto 10px;
}
#address #main .printing table td p img {
width: 100%;
}
} #address #main .other h3 {
padding: 5px 5px 5px 23px;
background-color: #028CD7;
color: #fff;
font-size: 1.333em;
font-weight: bold;
position: relative;
}
#address #main .other h3:before {
content: "";
width: 3px;
height: 16px;
background-color: #fff;
position: absolute;
left: 10px;
top: 9px;
}
#address #main .other dl {
margin: 20px 0 0;
padding: 0 0 20px;
}
#address #main .other dl dt {
width: 528px;
margin: 0 0 5px;
float: right;
font-size: 1.143em;
font-weight: bold;
}
#address #main .other dl dd:nth-of-type(1) {
float: left;
}
#address #main .other dl dd:nth-of-type(2) {
width: 528px;
float: right;
}
#address #main .other dl dd:nth-of-type(3) {
width: 528px;
margin: 1em 0 0;
float: right;
font-size: 0.857em;
}
@media screen and (max-width: 737px) {
#address #main .other dl {
margin: 1em 0 0;
padding: 0 0 1em;
}
#address #main .other dl dt {
width: auto;
margin: 0 0 10px;
float: none;
}
#address #main .other dl dd:nth-of-type(1) {
margin: 0 0 10px;
float: none;
text-align: center;
}
#address #main .other dl dd:nth-of-type(2) {
width: auto;
float: none;
}
#address #main .other dl dd:nth-of-type(3) {
width: auto;
float: none;
}
}
#address #main .other .pdf {
border: #CCC 3px solid;
padding: 20px;
}
#address #main .other .pdf .img {
width: 186px;
float: left;
}
#address #main .other .pdf .text {
margin: 0 0 0 220px;
}
#address #main .other .pdf .text h4 {
font-size: 1.333em;
font-weight: bold;
margin: 0 0 10px;
color: #028CD7;
}
#address #main .other .pdf .text ul li {
margin: 0 0 5px 1em;
text-indent: -1em;
}
#address #main .other .pdf .text ul li:before {
content: "・";
}
#address #main .other .pdf .text .more-link {
font-size: 1.25em;
}
#address #main .other .pdf .text .more-link a {
display: block;
border: #028CD7 1px solid;
padding: 10px 0;
text-align: center;
color: #028CD7;
}
#address #main .other .pdf .text .more-link a span {
display: inline-block;
padding: 0 0 0 15px;
background: url(/common/img/icon_arrow02.png) left center no-repeat;
}
#address #main .other .pdf .text .more-link a:hover {
background: #028CD7;
}
#address #main .other .pdf .text .more-link a:hover span {
background: url(/common/img/icon_arrow03.png) left center no-repeat #028CD7;
color: #FFF;
}
@media screen and (max-width: 737px) {
#address #main .other .pdf {
padding: 20px;
}
#address #main .other .pdf .img {
width: 100px;
margin: 0 10px 5px 0;
}
#address #main .other .pdf .img img {
width: 100%;
height: auto;
}
#address #main .other .pdf .text {
margin: 0;
}
#address #main .other .pdf .text ul {
clear: both;
}
} #print #main .inquiry p {
height: 215px;
background: url(/common/img/main_inquiry_bg.jpg) no-repeat;
}
#print #main .visual {
margin: 0 0 1em;
position: relative;
}
@media screen and (max-width: 737px) {
#print #main .inquiry p {
height: auto;
}
#print #main .visual img {
width: 100%;
height: auto;
}
}
#print #main .link_area ul.page-nav {
margin: 0;
}
@media screen and (max-width: 340px) {
#print #main .link_area ul.page-nav li {
width: auto;
margin: 0 0 10px;
float: none;
}
}
#print #main p.catch {
color: #018CD7;
font-size: 1.667em;
font-weight: bold;
}
@media screen and (max-width: 737px) {
#print #main p.catch {
margin: 0 0 10px;
background: none;
}
#print #main p.catch br {
display: none;
}
}
#print #main .type dl {
width: 360px;
padding: 11px 8px;
border: solid 1px #ccc;
box-sizing: border-box;
}
#print #main .type dl:nth-of-type(odd) {
float: left;
}
#print #main .type dl:nth-of-type(even) {
float: right;
}
#print #main .type dl dt {
width: 200px;
margin: 0 0 5px;
float: right;
color: #008CD7;
font-size: 1.143em;
font-weight: bold;
}
#print #main .type dl dd:nth-of-type(1) {
float: left;
}
#print #main .type dl dd:nth-of-type(2) {
width: 200px;
float: right;
}
@media screen and (max-width: 737px) {
#print #main .type dl {
width: auto;
padding: 1em;
float: none !important;
}
#print #main .type dl dt {
width: auto;
margin: 0;
float: none;
}
#print #main .type dl dd:nth-of-type(1) {
margin: 10px 0;
float: none;
text-align: center;
}
#print #main .type dl dd:nth-of-type(2) {
width: auto;
float: none;
}
}
#print #main .support table {
width: 100%;
border: solid 1px #ccc;
}
#print #main .support table th {
padding: 15px;
background-color: #666666;
border: solid 1px #ccc;
text-align: center;
color: #fff;
font-weight: bold;
}
#print #main .support table thead th {
padding: 10px;
background-color: #028CD7;
}
#print #main .support table thead th:nth-of-type(1) {
width: 20%;
}
#print #main .support table td {
padding: 15px;
border: solid 1px #ccc;
vertical-align: top;
}
#print #main .support table td p {
text-align: center;
}
#print #main .support table td ul {
margin: 0;
font-size: 1.000em;
}
#print #main .support table td ul li {
padding-left: 1em;
text-indent: -1em;
}
#print #main .support table tbody tr:nth-of-type(4) td ul {
line-height: 2.0;
}
#print #main .support table td ul li .mr1 {
margin-right: 42px;
vertical-align: middle;
}
#print #main .support table td ul li .mr2 {
margin-right: 16px;
vertical-align: middle;
}
#print #main .support .inner > ul {
margin: 0;
font-size: 1.083em;
}
#print #main .support aside {
margin: 40px 0 0;
padding: 30px 0 20px;
background-color: #EEF9FF;
border: solid 3px #028CD7;
}
#print #main .support aside h3 {
height: 34px;
background: url(/imgs/option/print/img13.png) no-repeat center top;
text-indent: -9999px;
}
#print #main .support aside p {
margin: 20px 0 0 20px;
float: left;
}
#print #main .support aside dl {
width: 340px;
margin: 40px 0 0 20px;
float: left;
}
#print #main .support aside dl dt {
margin: 0 0 15px;
font-size: 1.214em;
font-weight: bold;
}
@media screen and (max-width: 737px) {
#print #main .support table thead th:nth-of-type(1) {
width: 25%;
}
#print #main .support table tbody tr:nth-of-type(4) td ul li {
padding-left: 58px;
text-indent: -58px;
}
#print #main .support aside {
margin: 2em 0 0;
padding: 1em;
}
#print #main .support aside h3 {
height: auto;
background: none;
text-indent: 0;
color: #028CD7;
font-size: 2.000em;
font-weight: bold;
}
#print #main .support aside p {
width: 80%;
margin: 1em auto 0;
float: none;
text-align: center;
}
#print #main .support aside p img {
width: 100%;
max-width: 294px;
}
#print #main .support aside dl {
width: auto;
margin: 1em 0 0;
float: none;
}
#print #main .support aside dl dt {
margin: 0 0 1em;
}
} #envelope #main .inquiry p {
height: 215px;
background: url(/common/img/main_inquiry_bg.jpg) no-repeat;
}
#envelope #main .visual {
margin: -10px 0 1em;
position: relative;
}
@media screen and (max-width: 737px) {
#envelope #main .inquiry p {
height: auto;
}
#envelope #main .visual img {
width: 100%;
height: auto;
}
}
#envelope #main .link_area ul.page-nav {
margin: 0;
}
@media screen and (max-width: 340px) {
#envelope #main .link_area ul.page-nav li {
width: auto;
margin: 0 0 10px;
float: none;
}
}
#envelope #main p.catch {
margin: 0 0 10px;
color: #018CD7;
font-size: 1.667em;
font-weight: bold;
}
@media screen and (max-width: 737px) {
#envelope #main p.catch {
margin: 0 0 10px;
background: none;
}
#envelope #main p.catch br {
display: none;
}
}
#envelope #main .type h3 {
margin: 20px 0 0;
padding: 5px 5px 5px 23px;
background-color: #028CD7;
color: #fff;
font-size: 1.333em;
font-weight: bold;
position: relative;
}
#envelope #main .type h3:before {
content: "";
width: 3px;
height: 16px;
background-color: #fff;
position: absolute;
left: 10px;
top: 9px;
}
#envelope #main .type .inner:nth-of-type(2) h3 {
margin: 40px 0 0;
}
#envelope #main .type .inner p {
margin: 20px 0 0;
float: left;
}
#envelope #main .type .inner div {
width: 530px;
margin: 20px 0 0;
float: right;
}
#envelope #main .type .inner div dl dt {
margin: 0 0 15px;
font-size: 1.143em;
font-weight: bold;
}
#envelope #main .type .inner div table {
width: 100%;
border: solid 1px #ccc;
box-sizing: border-box;
}
#envelope #main .type .inner div table th {
padding: 10px;
background-color: #666666;
border: solid 1px #ccc;
text-align: center;
color: #fff;
font-weight: bold;
}
#envelope #main .type .inner:nth-of-type(1) div table thead th:nth-of-type(1) {
width: 23%;
}
#envelope #main .type .inner:nth-of-type(1) div table thead th:nth-of-type(3),
#envelope #main .type .inner:nth-of-type(1) div table thead th:nth-of-type(4) {
width: 16%;
}
#envelope #main .type .inner:nth-of-type(2) div table thead th:nth-of-type(1) {
width: 23%;
}
#envelope #main .type .inner:nth-of-type(2) div table thead th:nth-of-type(3) {
width: 15%;
}
#envelope #main .type .inner:nth-of-type(2) div table thead th:nth-of-type(4) {
width: 29%;
}
#envelope #main .type .inner div table td {
padding: 10px;
border: solid 1px #ccc;
vertical-align: top;
}
#envelope #main .type .inner div table td:nth-of-type(2) {
text-align: center;
}
@media screen and (max-width: 737px) {
#envelope #main .type .inner:nth-of-type(2) h3 {
margin: 2em 0 0;
}
#envelope #main .type .inner p {
margin: 1em 0 0;
float: none;
text-align: center;
}
#envelope #main .type .inner div {
width: auto;
margin: 1em 0 0;
float: none;
}
#envelope #main .type .inner div dl dt {
margin: 1em 0;
}
#envelope #main .type .inner:nth-of-type(1) div table thead th:nth-of-type(1) {
width: 23%;
}
#envelope #main .type .inner:nth-of-type(1) div table thead th:nth-of-type(3) {
width: 10%;
}
#envelope #main .type .inner:nth-of-type(1) div table thead th:nth-of-type(4) {
width: 16%;
}
#envelope #main .type .inner:nth-of-type(2) div table thead th:nth-of-type(1) {
width: 23%;
}
#envelope #main .type .inner:nth-of-type(2) div table thead th:nth-of-type(3) {
width: 18%;
}
#envelope #main .type .inner:nth-of-type(2) div table thead th:nth-of-type(4) {
width: 29%;
}
} #security #main .inquiry p {
height: 215px;
background: url(/common/img/main_inquiry_bg.jpg) no-repeat;
}
#security #main .visual {
margin: 0 0 1em;
position: relative;
}
@media screen and (max-width: 737px) {
#security #main .inquiry p {
height: auto;
}
#security #main .visual img {
width: 100%;
height: auto;
}
}
#security #main div h3 {
margin: 20px 0 0;
padding: 5px 5px 5px 23px;
background-color: #028CD7;
color: #fff;
font-size: 1.333em;
font-weight: bold;
position: relative;
}
#security #main div h3:before {
content: "";
width: 3px;
height: 16px;
background-color: #fff;
position: absolute;
left: 10px;
top: 9px;
}
#security #main .security_system {
padding: 0 0 40px;
}
#security #main .security_system .inner div p:nth-of-type(1),
#security #main .quality_management .inner div p {
margin: 20px 0 0;
float: left;
}
#security #main .security_system .inner div p:nth-of-type(2) {
width: 528px;
margin: 20px 0 0;
float: right;
}
#security #main .quality_management {
padding: 0 0 20px;
}
#security #main .quality_management .inner div dl {
width: 528px;
margin: 20px 0 0;
float: right;
}
#security #main .quality_management .inner div dl dt {
margin: 0 0 10px;
font-size: 1.143em;
font-weight: bold;
}
@media screen and (max-width: 737px) {
#security #main .security_system {
padding: 0 0 2em;
}
#security #main .security_system .inner div p:nth-of-type(1),
#security #main .quality_management .inner div p {
margin: 1em 0 0;
float: none;
text-align: center;
}
#security #main .security_system .inner div p:nth-of-type(2) {
width: auto;
margin: 1em 0 0;
float: none;
}
#security #main .quality_management {
padding: 0 0 1em;
}
#security #main .quality_management .inner div dl {
width: auto;
margin: 1em 0 0;
float: none;
}
} #voice #main .inquiry p {
height: 215px;
background: url(/common/img/main_inquiry_bg.jpg) no-repeat;
}
#voice #main .visual {
margin: 0 0 1em;
position: relative;
}
@media screen and (max-width: 737px) {
#voice #main .inquiry p {
height: auto;
}
#voice #main .visual img {
width: 100%;
height: auto;
}
}
#voice #main .headline {
margin: 0;
}
#voice #main .headline dl {
min-height: 111px;
margin: 0; }
#voice #main .headline dl dt { margin: 0 0 5px;
padding: 10px 0 0;
font-size: 1.143em;
font-weight: bold;
}
#voice #main .headline dl dd { }
@media screen and (max-width: 737px) {
#voice #main .headline {
margin: 0;
}
#voice #main .headline dl {
min-height: inherit;
margin: 0;
padding: 0 0 10px; }
#voice #main .headline dl dt {
width: 100%;
}
#voice #main .headline dl dd {
width: 100%;
}
}
#voice #main article {
margin: 0 0 30px;
padding: 20px 20px 30px;
border: solid 1px #ccc;
}
#voice #main article h2 {
padding: 0 0 10px;
border-bottom: dotted 1px #ccc;
position: relative;
font-weight: bold;
}
#voice #main article h2 span {
padding-left: 15px;
border-left: solid 5px #028CD7;
display: block;
}
#voice #main article h2 em {
color: #028CD7;
font-size: 1.750em;
font-weight: bold;
}
#voice #main article > p:first-of-type {
margin: 18px 0 0; }
#voice #main article .entry { margin: 15px 0 0 0; }
#voice #main article .entry .date{
margin: 0;
text-align: right;
}
@media screen and (max-width: 737px) {
#voice #main article {
margin: 0 10px 2em;
padding: 1em;
}
#voice #main article > p:first-of-type {
margin: 1em 0 0;
float: none;
text-align: center;
}
#voice #main article .entry {
width: auto;
margin: 1em 0 0;
float: none;
}
#voice #main article p:last-of-type .br {
display: none;
}
}
#voice #main .link_area {
margin: 40px 0;
}
#voice #main .link_area ul {
margin: 0;
border: solid 1px #028CD7;
}
#voice #main .link_area ul li {
width: 50%;
float: left;
box-sizing: border-box;
text-align: center;
}
#voice #main .link_area ul li.prev {
border-right: solid 1px #028CD7;
}
#voice #main .link_area ul li a {
padding: 10px 0;
position: relative;
display: block;
text-decoration: none;
}
#voice #main .link_area ul li a:hover {
background-color: #028CD7;
color: #fff;
}
#voice #main .link_area ul li.prev a:before {
content: "<<";
margin-right: 10px;
}
#voice #main .link_area ul li.next a:after {
content: ">>";
margin-left: 10px;
} #first #main .inquiry p {
height: 215px;
background: url(/common/img/main_inquiry_bg.jpg) no-repeat;
}
#first #main .visual {
margin: 0 0 1em;
position: relative;
}
@media screen and (max-width: 737px) {
#first #main .inquiry p {
height: auto;
}
#first #main .visual img {
width: 100%;
height: auto;
}
}
#first #main .headline p {
margin: 7px 0 0;
text-align: center;
}
#first #main .headline dl {
margin: 45px 0 0;
padding: 30px 20px 20px;
border: solid 5px #ccc;
position: relative;
}
#first #main .headline dl:before {
content: "";
width: 59px;
height: 36px;
background: url(/imgs/first/img03.png) no-repeat center top;
position: absolute;
left: 46%;
top: -36px;
}
#first #main .headline dl dt {
height: 52px;
background: url(/imgs/first/img04.png) no-repeat center top;
text-indent: -9999px;
}
#first #main .headline dl dd {
margin: 10px 0 0;
font-size: 1.143em;
}
@media screen and (max-width: 737px) {
#first #main .headline p {
width: 98%;
margin: 7px auto 0;
}
#first #main .headline p img {
width: 100%;
}
#first #main .headline dl {
margin: 3em 0 0;
padding: 1.5em 1em 1em;
}
#first #main .headline dl:before {
left: 42%;
}
#first #main .headline dl dt {
height: auto;
background: none;
text-indent: 0;
color: #008CD7;
font-size: 1.833em;
font-weight: bold;
text-align: center;
line-height: 1.3;
}
#first #main .headline dl dt span {
background-color: #FFFF33;
}
#first #main .headline dl dd {
margin: 10px 0 0;
font-size: 1.143em;
}
}
#first #main section h2 {
margin: 0 0 25px;
padding: 0;
background: none;
border-left: none;
}
#first #main .resolution p.txt_01 {
height: 80px;
margin: 16px 0 0;
background: url(/imgs/first/img06.png) no-repeat center top;
text-indent: -9999px;
}
#first #main .resolution p.txt_02 {
height: 70px;
margin: 23px 0 0;
background: url(/imgs/first/img07.png) no-repeat center top;
text-indent: -9999px;
}
#first #main .resolution section {
margin: 40px 0 0;
}
#first #main .resolution section h3 {
height: 46px;
text-indent: -9999px;
}
#first #main .resolution .forte h3 {
background: url(/imgs/first/img08.png) no-repeat center 9px #008CD7;
}
#first #main .resolution .forte h3 br {
display: none;
}
#first #main .resolution .forte .block {
width: 235px;
margin: 15px 15px 0 0;
padding: 10px;
border: 2px solid #028cd7;
float: left;
box-sizing: border-box;
}
#first #main .resolution .forte .block:nth-of-type(3n) {
margin: 15px 0 0;
}
#first #main .resolution .forte .block p {
font-size: 1em;
}
#first #main .resolution .forte .block .img {
margin: 0 0 10px;
text-align: center;
}
#first #main .resolution .forte .block h4 {
margin: 0 0 5px;
color: #028cd7;
font-size: 1.633em;
font-weight: bold;
text-align: center;
}
@media screen and (max-width: 737px) {
#first #main section h2 img {
width: 100%;
}
#first #main .resolution p.txt_01 {
height: auto;
margin: 1em 0 0;
background: none;
text-indent: 0;
color: #028CD7;
font-size: 2.500em;
font-weight: bold;
text-align: center;
}
#first #main .resolution p.txt_01 span {
background-color: #FFFF33;
}
#first #main .resolution p.txt_02 {
height: auto;
margin: 10px 0 0;
background: none;
text-indent: 0;
color: #028CD7;
font-size: 2.000em;
font-weight: bold;
}
#first #main .resolution .forte {
margin: 30px 0 0;
}
#first #main .resolution section h3 {
height: auto;
margin: 0 0 10px;
padding: 5px 10px;
background-image: none !important;
background-color: #008CD7;
text-indent: 0;
color: #fff;
font-size: 2.000em;
font-weight: bold;
text-align: center;
line-height: 1.4;
}
#first #main .resolution .forte h3 span {
margin-right: 15px;
font-size: 0.500em;
}
#first #main .resolution .forte .block {
clear: both;
width: auto;
margin: 0 !important;
padding: 10px 10px;
float: none;
border-top: none;
box-sizing: border-box;
}
#first #main .resolution .forte .block:first-of-type {
border-top: 2px solid #028cd7;
}
#first #main .resolution .forte .block .img {
margin: 0 10px 5px 0;
float: left;
}
#first #main .resolution .forte .block .img img {
width: 60px;
}
#first #main .resolution .forte .block h4 {
font-size: 1.333em;
text-align: left;
}
#first #main .resolution .forte .block p {
margin: 0 0 0 70px;
}
}
@media screen and (max-width: 340px) {
#first #main .resolution .forte h3 span {
margin-right: 0;
}
#first #main .resolution .forte h3 br {
display: inline;
}
}
#first #main .resolution .support h3 {
background: url(/imgs/first/img09.png) no-repeat center 9px #008CD7;
}
#first #main .resolution .support dl {
width: 360px;
margin: 20px 0 0;
padding: 0 0 20px;
}
#first #main .resolution .support dl:nth-of-type(odd) {
clear: both;
float: left;
}
#first #main .resolution .support dl:nth-of-type(even) {
float: right;
}
#first #main .resolution .support dl dt {
height: 27px;
margin: 15px 0 0;
text-indent: -9999px;
}
#first #main .resolution .support dl:nth-of-type(1) dt {
background: url(/imgs/first/img11.png) no-repeat left top;
}
#first #main .resolution .support dl:nth-of-type(2) dt {
background: url(/imgs/first/img13.png) no-repeat left top;
}
#first #main .resolution .support dl:nth-of-type(3) dt {
background: url(/imgs/first/img15.png) no-repeat left top;
}
#first #main .resolution .support dl:nth-of-type(4) dt {
background: url(/imgs/first/img17.png) no-repeat left top;
}
#first #main .resolution .support dl:nth-of-type(5) dt {
background: url(/imgs/first/img19.png) no-repeat left top;
}
#first #main .resolution .support dl:nth-of-type(6) dt {
background: url(/imgs/first/img21.png) no-repeat left top;
}
#first #main .resolution .support dl dd:last-of-type {
margin: 15px 0 0;
font-size: 0.857em;
}
@media screen and (max-width: 737px) {
#first #main .resolution .support dl {
width: auto;
margin: 1em 0 0;
padding: 0 0 1em;
float: none !important;
}
#first #main .resolution .support dl dd:first-of-type {
margin: 0 auto;
text-align: center;
}
#first #main .resolution .support dl dd:first-of-type img {
width: 100%;
max-width: 360px;
}
#first #main .resolution .support dl dt {
height: auto;
margin: 10px 0 0;
background: none !important;
text-indent: 0;
color: #008CD7;
font-size: 1.714em;
font-weight: bold;
}
#first #main .resolution .support dl dd:last-of-type {
margin: 5px 0 0;
}
}
#first #main .step {
padding: 0 0 240px;
background: url(/imgs/first/img32.jpg) no-repeat left bottom;
}
#first #main .step h2 {
margin: 30px 0 0;
text-indent: -9999px;
}
#first #main .step h2:nth-of-type(1) {
height: 71px;
background: url(/imgs/first/img22.png) no-repeat left top;
}
#first #main .step h2:nth-of-type(2) {
height: 69px;
background: url(/imgs/first/img25.png) no-repeat left top;
}
#first #main .step h2:nth-of-type(3) {
height: 73px;
background: url(/imgs/first/img28.png) no-repeat left top;
}
#first #main .step .inner div {
width: 355px;
margin: 20px 0 0;
}
#first #main .step .inner div:nth-of-type(odd) {
padding: 0 12px 10px 0;
border-right: dotted 1px #ccc;
float: left;
}
#first #main .step .inner div:nth-of-type(even) {
padding: 0 0 10px 12px;
float: right;
}
#first #main .step .inner div p {
font-size: 0;
}
#first #main .step .inner:nth-of-type(1) div:nth-of-type(1) p {
height: 105px;
background: url(/imgs/first/img23.png) no-repeat center top;
}
#first #main .step .inner:nth-of-type(1) div:nth-of-type(2) p {
height: 105px;
background: url(/imgs/first/img24.png) no-repeat center top;
}
#first #main .step .inner:nth-of-type(2) div:nth-of-type(1) p {
height: 72px;
background: url(/imgs/first/img26.png) no-repeat center top;
}
#first #main .step .inner:nth-of-type(2) div:nth-of-type(2) p {
height: 72px;
background: url(/imgs/first/img27.png) no-repeat center top;
}
#first #main .step .inner:nth-of-type(3) div:nth-of-type(1) p {
height: 104px;
background: url(/imgs/first/img29.png) no-repeat center top;
}
#first #main .step .inner:nth-of-type(3) div:nth-of-type(2) p {
height: 104px;
background: url(/imgs/first/img30.png) no-repeat center top;
}
#first #main .step .inner div ul {
margin: 0;
}
#first #main .step .inner div ul li {
margin: 10px 0 0;
border: solid 1px #028CD7;
font-size: 1.429em;
text-align: center;
}
#first #main .step .inner div ul li a {
padding: 10px 0;
background: url(/common/img/icon_arrow02.png) no-repeat 17px center;
display: block;
text-decoration: none;
}
#first #main .step .inner div ul li a:hover {
background: url(/common/img/icon_arrow03.png) no-repeat 17px center #028CD7;
color: #fff;
}
#first #main .step .inner div ul li a br {
display: none;
}
#first #main .step > p {
height: 145px;
margin: 60px 0 0;
background: url(/imgs/first/img31.png) no-repeat center top;
font-size: 0;
}
@media screen and (max-width: 737px) {
#first #main .step {
padding: 0 0 35%;
background-size: 100%;
}
#first #main .step h2 {
height: auto !important;
margin: 30px 0 0;
padding: 5px 10px;
background: none #028CD7 !important;
text-indent: 0;
color: #fff;
font-size: 1.667em;
font-weight: bold;
}
#first #main .step h2 span {
margin-right: 15px;
font-style: italic;
}
#first #main .step .inner div {
width: 50%;
margin: 20px 0 0;
box-sizing: border-box;
}
#first #main .step .inner div:nth-of-type(odd) {
padding: 0 10px 10px 0;
border-right: dotted 1px #ccc;
float: left;
}
#first #main .step .inner div:nth-of-type(even) {
padding: 0 0 10px 10px;
float: right;
}
#first #main .step .inner div p {
height: auto !important;
background: none !important;
font-size: 1.167em;
text-align: center;
font-weight: bold;
}
#first #main .step .inner div p span {
display: inline-block;
color: #028CD7;
font-size: 1.714em;
}
#first #main .step .inner div p em {
color: #028CD7;
font-weight: bold;
}
#first #main .step .inner div ul li {
font-size: 1.000em;
}
#first #main .step .inner div ul li a {
background: url(/common/img/icon_arrow02.png) no-repeat 10px center;
}
#first #main .step .inner div ul li a:hover {
background: url(/common/img/icon_arrow03.png) no-repeat 10px center #028CD7;
}
#first #main .step > p {
height: auto;
margin: 2em 10px 0;
background: none;
color: #EB1B20;
font-size: 2.000em;
font-weight: bold;
text-align: center;
}
}
@media screen and (max-width: 360px) {
#first #main .step > p {
text-align: left;
}
#first #main .step > p br {
display: none;
}
#first #main .step .inner div ul li a br {
display: inline;
}
} #guide #main .inquiry p {
height: 215px;
background: url(/common/img/main_inquiry_bg.jpg) no-repeat;
}
#guide #main .visual {
margin: 0 0 1em;
position: relative;
}
@media screen and (max-width: 737px) {
#guide #main .inquiry p {
height: auto;
}
#guide #main .visual img {
width: 100%;
height: auto;
}
}
#guide #main section .inner a {
text-decoration: none;
color: #333;
}
#guide #main section .inner a:hover {
opacity: 0.7;
}
#guide #main section .inner div {
margin: 20px 0 0;
padding: 20px;
border: solid 1px #ccc;
}
#guide #main section .inner div p {
margin: 0 30px 0 0;
float: left;
}
#guide #main section .inner div dl {
width: 570px;
margin: 0;
float: left;
}
#guide #main section .inner div dl dt {
padding: 0 0 0 24px;
background: url(/imgs/guide/icon_arrow01.png) no-repeat left center;
color: #EB1B20;
font-size: 1.571em;
font-weight: bold;
color: #028CD7;
}
@media screen and (max-width: 737px) {
#guide #main section .inner div {
margin: 1em 0 0;
padding: 1em;
}
#guide #main section .inner div p {
margin: 0 0 1em;
width: 70px;
}
#guide #main section .inner div p img {
width: 100%;
height: auto;
}
#guide #main section .inner div dl {
width: auto;
float: none;
margin: 0 0 0 90px;
}
#guide #main section .inner div dl dt {
background: url(/imgs/guide/icon_arrow01.png) no-repeat left 9px;
}
} #qa #main .inquiry p {
height: 215px;
background: url(/common/img/main_inquiry_bg.jpg) no-repeat;
}
#qa #main .visual {
margin: 0 0 1em;
position: relative;
}
@media screen and (max-width: 737px) {
#qa #main .inquiry p {
height: auto;
}
#qa #main .visual img {
width: 100%;
height: auto;
}
}
#qa #main .link_area ul.page-nav {
margin: 0;
}
@media screen and (max-width: 340px) {
#qa #main .link_area ul.page-nav li {
width: auto;
margin: 0 0 10px;
float: none;
}
}
#qa #main .question dl {
border-bottom: dotted 1px #ccc;
}
#qa #main .question dl dt {
padding: 10px 0 10px 44px;
background: url(/imgs/guide/qa/img01.png) no-repeat 10px 10px;
border-top: dotted 1px #ccc;
cursor: pointer;
} #qa #main .question dl dt:first-of-type {
border-top: none;
}
#qa #main .question dl dt:hover {
color: #008CD7;
}
#qa #main .question dl dd {
margin: 0 0 10px 44px;
padding: 15px;
background-color: #EEF9FF;
}
@media screen and (max-width: 737px) {
#qa #main h1 + p {
margin: 0 10px 2em;
}
#qa #main .question dl dt {
padding: 10px 0 10px 34px;
background: url(/imgs/guide/qa/img01.png) no-repeat left 10px;
border-top: dotted 1px #ccc;
} #qa #main .question dl dt br {
display: none;
}
#qa #main .question dl dd {
margin: 0 0 1em;
padding: 1em;
}
} #flow #main .inquiry p {
height: 215px;
background: url(/common/img/main_inquiry_bg.jpg) no-repeat;
}
#flow #main .visual {
margin: 0 0 1em;
position: relative;
}
@media screen and (max-width: 737px) {
#flow #main .inquiry p {
height: auto;
}
#flow #main .visual img {
width: 100%;
height: auto;
}
}
#flow #main .link_area ul.page-nav {
margin: 0;
}
@media screen and (max-width: 340px) {
#flow #main .link_area ul.page-nav li {
width: auto;
margin: 0 0 10px;
float: none;
}
}
#flow #main .headline p.catch {
color: #018CD7;
font-size: 1.667em;
font-weight: bold;
}
#flow #main .order_flow dl {
margin: 20px 0 0;
padding: 0 0 20px;
border-bottom: solid 1px #ccc;
position: relative;
z-index: 1;
}
#flow #main .order_flow dl:before {
content: "";
width: 57px;
height: 17px;
background: url(/imgs/service/interest/icon_arrow03.png) no-repeat center top;
position: absolute;
left: 90px;
bottom: -9px;
z-index: 2;
}
#flow #main .order_flow dl:last-of-type:before {
display: none;
}
#flow #main .order_flow dl dt {
width: 452px;
margin: -5px 20px 0 0;
float: right;
font-size: 1.286em;
font-weight: bold;
}
#flow #main .order_flow dl dd:nth-of-type(1) {
float: left;
}
#flow #main .order_flow dl dd:nth-of-type(2) {
width: 472px;
margin: 10px 0 0;
float: right;
}
@media screen and (max-width: 737px) {
#flow #main .order_flow dl:before {
left: 42%;
}
#flow #main .order_flow dl dt {
width: auto;
margin: 0;
float: none;
}
#flow #main .order_flow dl dd:nth-of-type(1) {
margin: 10px 0 1em;
float: none;
text-align: center;
}
#flow #main .order_flow dl dd:nth-of-type(2) {
width: auto;
margin: 0;
float: none;
}
} #payment #main .inquiry p {
height: 215px;
background: url(/common/img/main_inquiry_bg.jpg) no-repeat;
}
#payment #main .visual {
margin: 0 0 1em;
position: relative;
}
@media screen and (max-width: 737px) {
#payment #main .inquiry p {
height: auto;
}
#payment #main .visual img {
width: 100%;
height: auto;
}
}
#payment #main .catch {
color: #018CD7;
font-size: 2em;  }
#payment #main .c-card{
margin: 30px 0 40px;
}
#payment #main .c-card .tit{
font-weight: bold;
color: #333;
margin: 0 0 0.75em;
}
#payment #main .c-card .img img{
max-width: 100%;
}
#payment #main .link_area ul.page-nav {
margin: 0;
}
@media screen and (max-width: 340px) {
#payment #main .link_area ul.page-nav li {
width: auto;
margin: 0 0 10px;
float: none;
}
}
#payment #main h3 {
margin: 30px 0 20px;
padding: 5px 5px 5px 23px;
background-color: #028cd7;
color: #fff;
font-size: 1.333em;
font-weight: bold;
position: relative;
}
#payment #main h3::before {
content: "";
width: 3px;
height: 16px;
background-color: #fff;
position: absolute;
left: 10px;
top: 9px;
}
#payment #main h3:first-of-type {
margin: 0 0 20px;
}
#payment #main dl dt {
color: #028cd7;
font-weight: bold;
font-size: 1.333em;
}
#payment #main dl dd {
border: #CCC 1px solid;
padding: 10px 15px;
margin: 0 0 15px;
} #delivery #main .inquiry p {
height: 215px;
background: url(/common/img/main_inquiry_bg.jpg) no-repeat;
}
#delivery #main .visual {
margin: 0 0 1em;
position: relative;
}
@media screen and (max-width: 737px) {
#delivery #main .inquiry p {
height: auto;
}
#delivery #main .visual img {
width: 100%;
height: auto;
}
}
#delivery #main .link_area ul.page-nav {
margin: 0;
}
@media screen and (max-width: 340px) {
#delivery #main .link_area ul.page-nav li {
width: auto;
margin: 0 0 10px;
float: none;
}
}
#delivery #main .delivery h3 {
color: #018CD7;
font-size: 1.65em;
font-weight: bold;
border-bottom: #CCC 1px dotted;
padding: 0 0 5px;
margin: 0 0 10px;
}
#delivery #main .delivery .inner:nth-of-type(1) {
margin: 0 0 40px;
}
#delivery #main .delivery table {
width: 100%;
}
#delivery #main .delivery table th {
border-bottom: #CCCCCC 1px dotted;
padding: 5px;
text-align: center;
font-weight: bold;
}
#delivery #main .delivery table th span,
#delivery #main .delivery table td span {
display: block;
padding: 3px 0;
background: #F0F0F0;
}
#delivery #main .delivery table .headline th span {
font-weight: normal;
padding: 10px 0;
}
#delivery #main .delivery table .headline th:nth-child(2),
#delivery #main .delivery table .headline th:nth-child(3) {
width: 45%;
box-sizing: border-box;
}
#delivery #main .delivery table td {
border-bottom: #CCCCCC 1px dotted;
padding: 3px;
position: relative;
}
#delivery #main .delivery table .saturday th span,
#delivery #main .delivery table .saturday td span,
#delivery #main .delivery table .saturday td div {
background: #DFF4FF;
}
#delivery #main .delivery table .sunday th span,
#delivery #main .delivery table .sunday td span,
#delivery #main .delivery table .sunday td div {
background: #FFCCCC;
}
#delivery #main .delivery table td p {
padding: 3px 10px;
background: #FFF;
color: #FFF;
font-weight: bold;
text-align: center;
font-size: 1em;
position: relative;
margin: 0;
width: 60%;
margin: 0 auto;
z-index: 1;
}
#delivery #main .delivery table td p.order-day {
background: #028CD7;
}
#delivery #main .delivery table td p.send-day {
background: #EB1B20;
}
#delivery #main .delivery table td p.order-day:before {
content: "";
background: #FFB300;
width: 30px;
height: 175px;
display: block;
left: 50%;
margin: 0 0 0 -15px;
top: 32px;
position: absolute;
z-index: 9999;
}
#delivery #main .delivery table td p.order-day2:before {
height: 215px;
}
#delivery #main .delivery table td p.order-day3:before {
height: 100px;
}
#delivery #main .delivery table td p.order-day4:before {
height: 100px;
}
#delivery #main .delivery table td p.order-day:after {
content: "";
display: block;
border: #FFF 30px solid;
border-top: #FFB300 30px solid;
position: absolute;
left: 50%;/*/*/top: 205px;
margin: 0 0 0 -30px;
border-color: #ffb300 transparent transparent;
}
#delivery #main .delivery table td p.order-day2:after {
top: 245px;
}
#delivery #main .delivery table td p.order-day3:after {
top: 125px;
z-index: 2;
}
#delivery #main .delivery table td p.order-day4:after {
top: 125px;
}
@media screen and (max-width: 737px) {
#delivery #main .delivery .inner:nth-of-type(1) {
margin: 0 10px 40px;
}
#delivery #main .delivery table {
font-size: 1em;
}
#delivery #main .delivery table th {
background: #F0F0F0;
border: #CCCCCC 1px dotted;
}
#delivery #main .delivery table th span,
#delivery #main .delivery table td span {
display: inline;
padding: 0;
background: none;
}
#delivery #main .delivery table .headline th span {
padding: 0;
}
#delivery #main .delivery table td {
padding: 3px;
border: #CCCCCC 1px dotted;
}
#delivery #main .delivery table .saturday th,
#delivery #main .delivery table .saturday td {
background: #DFF4FF;
border: #CCCCCC 1px dotted;
}
#delivery #main .delivery table .saturday th span,
#delivery #main .delivery table .saturday td span {
background: none;
}
#delivery #main .delivery table .sunday th,
#delivery #main .delivery table .sunday td {
background: #FFCCCC;
border: #CCCCCC 1px dotted;
}
#delivery #main .delivery table .sunday th span,
#delivery #main .delivery table .sunday td span {
background: none;
}
#delivery #main .delivery table td p {
padding: 5px 5px;
width: 90%;
}
#delivery #main .delivery table td p.order-day:before {
height: 320%;
top: 100%;
}
#delivery #main .delivery table td p.order-day2:before {
height: 350%;
}
#delivery #main .delivery table td p.order-day3:before {
height: 200%;
}
#delivery #main .delivery table td p.order-day4:before {
height: 170%;
}
#delivery #main .delivery table td p.order-day:after {
content: "";
display: block;
border: #FFF 30px solid;
border-top: #FFB300 30px solid;
position: absolute;
left: 50%;
top: 400%;
margin: 0 0 0 -30px;
border-color: #ffb300 transparent transparent;
}
#delivery #main .delivery table td p.order-day2:after {
top: 430%;
}
#delivery #main .delivery table td p.order-day3:after {
top: 297%;
}
#delivery #main .delivery table td p.order-day4:after {
top: 258%;
}
}
#delivery #main .shipping table {
width: 100%;
border: solid 1px #ccc;
}
#delivery #main .shipping table th {
padding: 15px 10px;
background-color: #666666;
border: solid 1px #ccc;
text-align: center;
color: #fff;
font-weight: bold;
}
#delivery #main .shipping table thead th:first-child {
width: 16%;
}
#delivery #main .shipping table thead th {
width: 28%;
padding: 10px;
background-color: #028CD7;
}/**/#delivery #main .shipping table td {
padding: 15px 10px;
border: solid 1px #ccc;
vertical-align: top;
font-size: 0.857em;
}
#delivery #main .shipping table td.cntr {
text-align: center;
vertical-align: middle;
}
@media screen and (max-width: 737px) {
#delivery #main .shipping table th {
padding: 10px 5px;
}
#delivery #main .shipping table thead th {
width: 23%;
}
#delivery #main .shipping table td {
padding: 10px 5px;
}
}  #data #main .inquiry p {
height: 215px;
background: url(/common/img/main_inquiry_bg.jpg) no-repeat;
}
#data #main .visual {
margin: 0 0 1em;
position: relative;
}
@media screen and (max-width: 737px) {
#data #main .inquiry p {
height: auto;
}
#data #main .visual img {
width: 100%;
height: auto;
}
}
#data #main .link_area ul.page-nav {
margin: 0;
}
@media screen and (max-width: 340px) {
#data #main .link_area ul.page-nav li {
width: auto;
margin: 0 0 10px;
float: none;
}
}
#data #main table {
width: 100%;
margin: 30px 0 40px;
border: solid 1px #ccc;
}
#data #main table th {
width: 20%;
padding: 10px 15px;
background-color: #F7F7F7;
border: solid 1px #ccc;
font-weight: bold;
vertical-align: top;
}
#data #main table td {
padding: 10px 15px;
border: solid 1px #ccc;
position: relative;
font-size: 0.929em;
}
#data #main table td ul {
font-size: 1.000em;
}
#data #main table td ul li {
padding-left: 1em;
text-indent: -1em;
}
#data #main em {
font-weight: bold;
}
#data #main p.btn {
margin: 30px 0;
text-align: center;
}
#data #main ul.caution {
font-size: 1.083em;
}
@media screen and (max-width: 737px) {
#data #main table th {
width: 26%;
padding: 10px;
}
#data #main table td {
padding: 10px;
}
#data #main p.btn {
width: 90%;
margin: 2em auto;
text-align: center;
}
#data #main p.btn img {
width: 100%;
max-width: 360px;
}
#data #main ul.caution li {
padding-left: 1em;
text-indent: -1em;
}
}
#data #main .printing_data p.catch {
color: #018CD7;
font-size: 1.500em;
font-weight: bold;
}
#data #main .printing_data aside {
margin: 40px 0 0;
padding: 20px;
background-color: #EEF9FF;
}
#data #main .printing_data aside div {
width: 460px;
float: left;
}
#data #main .printing_data aside div h3 {
margin: 0 0 10px;
color: #018CD7;
font-size: 1.500em;
font-weight: bold;
}
#data #main .printing_data aside div ul li {
padding-left: 1em;
text-indent: -1em;
font-weight: bold;
}
#data #main .printing_data aside div p {
margin: 0;
}
#data #main .printing_data aside > p {
float: right;
}
@media screen and (max-width: 737px) {
#data #main .printing_data aside {
margin: 2em 0 0;
padding: 1em;
}
#data #main .printing_data aside div {
width: auto;
margin: 0 0 1em;
float: none;
}
#data #main .printing_data aside div h3 {
margin: 0 0 10px;
color: #018CD7;
font-size: 1.500em;
font-weight: bold;
}
#data #main .printing_data aside div p br:first-of-type {
display: none;
}
#data #main .printing_data aside > p {
margin: 0;
float: none;
text-align: center;
}
}
#data #main .check .point{
padding-bottom: 10px;
}
#data #main .check h3{
padding: 5px 5px 5px 23px;
background-color: #028CD7;
color: #fff;
font-size: 1.333em;
font-weight: bold;
position: relative;
margin-bottom: 20px;
}
#data #main .check h3:before {
content: "";
width: 3px;
height: 16px;
background-color: #fff;
position: absolute;
left: 10px;
top: 9px;
}
#data #main .check .point li{
margin: 0 0 15px 25px;
text-indent: -25px;
font-size: 1.167em;
}
#data #main .check .point li strong{
display: block;
position: relative;
margin-bottom: 3px;
}
#data #main .check .point li strong:before{
content: '';
background: url(/imgs/guide/template/check.png) no-repeat center center / contain;
width: 18px;
height: 21px;
display: inline-block;
margin-right: 7px;
vertical-align: middle;
}
#data #main .check .upload .catch{
color: #018CD7;
font-size: 1.500em;
font-weight: bold;
}
#data #main .check .upload .btn {
margin: 30px auto;
text-align: center;
}
#data #main .check .att li{
margin: 0 0 3px 1em;
text-indent: -1em;
}
@media screen and (max-width: 737px) {
#template #main .check .upload .btn {
width: 90%;
margin: 2em auto;
text-align: center;
}
#template #main .check .upload .btn img {
width: 100%;
max-width: 360px;
}
} #area #main .inquiry p {
height: 215px;
background: url(/common/img/main_inquiry_bg.jpg) no-repeat;
}
#area #main .visual {
margin: 0 0 1em;
position: relative;
}
@media screen and (max-width: 737px) {
#area #main .inquiry p {
height: auto;
}
#area #main .visual img {
width: 100%;
height: auto;
}
}
#area #main .headline ul li {
padding-left: 1em;
text-indent: -1em;
}
#area #main .headline ul li span {
color: #f00;
}
#area #main .headline h2 {
margin: 0;
padding: 5px 0;
background: #028CD7;
border-left: none;
text-align: center;
color: #fff;
}
#area #main .headline iframe {
width: 735px;
height: 570px;
border: none;
box-sizing: border-box;
}
#area #main .headline table {
width: 100%;
margin: 20px 0;
border: solid 1px #ccc;
}
#area #main .headline table th {
padding: 10px;
background-color: #666666;
border: solid 1px #ccc;
text-align: center;
color: #fff;
font-weight: bold;
}
#area #main .headline table thead th {
background-color: #028CD7;
}
#area #main .headline table thead th:nth-of-type(1),
#area #main .headline table thead th:nth-of-type(2) {
width: 30%;
}
#area #main .headline table thead th:nth-of-type(3) {
width: 40%;
}
#area #main .headline table td {
padding: 10px 15px;
border: solid 1px #ccc;
text-align: center;
vertical-align: middle;
}
#area #main .headline table td:last-of-type {
text-align: right;
color: #f00;
font-size: 1.500em;
font-weight: bold;
}
@media screen and (max-width: 737px) {
#area #main .headline iframe {
width: 100%;
height: 400px;
}
}
#area #main .link_area ul.page-nav {
margin: 0;
}
@media screen and (max-width: 340px) {
#area #main .link_area ul.page-nav li {
width: auto;
margin: 0 0 10px;
float: none;
}
} #company #main .inquiry p {
height: 215px;
background: url(/common/img/main_inquiry_bg.jpg) no-repeat;
}
#company #main .visual {
margin: 0 0 1em;
position: relative;
}
@media screen and (max-width: 737px) {
#company #main .inquiry p {
height: auto;
}
#company #main .visual img {
width: 100%;
height: auto;
}
#company #main iframe {
width: 100%;
height: 300px;
}
}
#company #main .link_area ul.page-nav {
margin: 0;
}
@media screen and (max-width: 340px) {
#company #main .link_area ul.page-nav li {
width: auto;
margin: 0 0 10px;
float: none;
}
}
#company #main .link_area ul.page-nav {
margin: 0;
}
@media screen and (max-width: 340px) {
#company #main .link_area ul.page-nav li {
width: auto;
margin: 0 0 10px;
float: none;
}
}
#company #main .about_us table {
width: 100%;
margin: 30px 0 20px;
border: solid 1px #ccc;
font-size: 16px;
}
#company #main .about_us table th {
width: 18%;
padding: 10px 15px;
background-color: #F7F7F7;
border: solid 1px #ccc;
font-weight: bold;
vertical-align: top;
}
#company #main .about_us table td {
padding: 10px 15px;
border: solid 1px #ccc;
position: relative;
font-size: 0.929em;
}
#company #main .about_us table td ul {
margin: 0;
font-size: 1.000em;
}
#company #main .about_us table td ul li {
padding-left: 1em;
text-indent: -1em;
}
#company #main .about_us table td ul.company {
display: flex;
flex-wrap: wrap;
}
#company #main .about_us table td ul.company li {
padding-left: 0em;
text-indent:  0em;
width: 50%;
}
#company #main .about_us .note{
text-align:right;
font-size: 1.000em;
margin:0;
}
#company #main .about_us h3{
font-size:18px;
font-weight:bold;
color:#028CD7;
margin:0 0 10px;
}
@media screen and (max-width: 737px) {
#company #main .about_us table td ul.company {
display: block;
}
#company #main .about_us table td ul.company li {
width: 100%;
}
}
#company #main em {
font-weight: bold;
}
#company #main p.btn {
margin: 30px 0;
text-align: center;
}
#company #main ul.caution {
font-size: 1.083em;
}
@media screen and (max-width: 737px) {
#company #main .about_us table th {
width: 26%;
padding: 10px;
}
#company #main .about_us table td {
padding: 10px;
}
#company #main p.btn {
width: 90%;
margin: 2em auto;
text-align: center;
}
#company #main p.btn img {
width: 100%;
max-width: 360px;
}
#company #main ul.caution li {
padding-left: 1em;
text-indent: -1em;
}
}
#company #main .motto p {
text-align: center;
}
#company #main .management_philosophy p {
text-align: center;
}
#company #main .management_philosophy dl {
margin: 30px 0 0;
font-size:16px;
}
#company #main .management_philosophy dl dt {
margin: 20px 0 0;
font-weight: bold;
}
@media screen and (max-width: 737px) {
#company #main .management_philosophy p {
width: 90%;
margin: 0 auto 1em;
}
#company #main .management_philosophy p img {
width: 100%;
}
}
#company #main .behavioral_guidelines ol {
padding: 20px;
border: solid 1px #ccc;
font-size: 1.333em;
line-height: 2.5;
}
#company #main .behavioral_guidelines ol li {
padding-left: 1.4em;
text-indent: -1.4em;
}
@media screen and (max-width: 737px) {
#company #main .behavioral_guidelines ol {
padding: 10px;
font-size: 1.167em;
}
} #greeting #main .inquiry p {
height: 215px;
background: url(/common/img/main_inquiry_bg.jpg) no-repeat;
}
#greeting #main .visual {
margin: 0 0 1em;
position: relative;
}
@media screen and (max-width: 737px) {
#greeting #main .inquiry p {
height: auto;
}
#greeting #main .visual img {
width: 100%;
height: auto;
}
}
#greeting #main .headline {
padding: 10px 0 0;
background: url(/imgs/company/greeting/img02.jpg) no-repeat right 146px;
}
#greeting #main .headline h2 {
height: 79px;
margin: 0;
padding: 0;
background: url(/imgs/company/greeting/img01.png) no-repeat left top;
border-left: none;
text-indent: -9999px;
}
#greeting #main .headline h2 br {
display: none;
}
#greeting #main .headline p {
margin: 1.5em 0 0;
}
#greeting #main .headline p:nth-of-type(8) {
margin: 2.5em 0 0;
}
#greeting #main .headline p em,
#greeting #main .headline dl dd em {
font-weight: bold;
}
#greeting #main .headline p strong {
color: #008CD7;
font-size: 1.429em;
font-weight: bold;
}
#greeting #main .headline p.president {
margin: 10px 0 1em;
}
#greeting #main .headline p.president span {
font-size: 1.071em;
}
#greeting #main .headline p.president em {
font-size: 1.714em;
font-weight: normal;
}
#greeting #main .headline p.img img:last-of-type {
float: right;
}
#greeting #main .headline dl dt {
margin: 2.0em 0 0;
color: #008CD7;
font-size: 1.429em;
font-weight: bold;
}
#greeting #main .headline dl:nth-of-type(1) dd:nth-of-type(1) {
margin: 1.5em 0 0;
float: left;
}
#greeting #main .headline dl:nth-of-type(1) dd:nth-of-type(2) {
width: 428px;
margin: 1.3em 0 0;
float: right;
}
#greeting #main .headline dl:nth-of-type(2) dd:nth-of-type(1) {
margin: 1.5em 0 0;
float: right;
}
#greeting #main .headline dl:nth-of-type(2) dd:nth-of-type(2) {
width: 428px;
margin: 1.3em 0 0;
float: left;
}
#greeting #main .headline dl dd p {
font-size: 1em;
}
@media screen and (max-width: 737px) {
#greeting #main .headline {
padding: 0;
background: url(/imgs/company/greeting/img02.jpg) no-repeat right 80px;
background-size: 38%;
}
#greeting #main .headline h2 {
height: auto;
background: none;
text-indent: 0;
color: #008CD7;
font-size: 2.000em;
font-weight: bold;
}
#greeting #main .headline p:nth-of-type(2) {
margin: 1.5em 35% 0 0;
}
#greeting #main .headline p br {
display: none;
}
#greeting #main .headline p.president br {
display: inline;
}
#greeting #main .headline p.img {
width: 80%;
margin: 1.5em auto 0;
}
#greeting #main .headline p.img img {
width: 100%;
}
#greeting #main .headline p.img img:last-of-type {
margin: 1.5em 0 0;
float: none !important;
}
#greeting #main .headline dl:nth-of-type(1) dd:nth-of-type(1),
#greeting #main .headline dl:nth-of-type(2) dd:nth-of-type(1) {
margin: 1.5em 0 0;
float: none;
text-align: center;
}
#greeting #main .headline dl:nth-of-type(1) dd:nth-of-type(2),
#greeting #main .headline dl:nth-of-type(2) dd:nth-of-type(2) {
width: auto;
margin: 1.5em 0 0;
float: none;
}
}
@media screen and (max-width: 340px) {
#greeting #main .headline {
padding: 0;
background: url(/imgs/company/greeting/img02.jpg) no-repeat right 120px;
background-size: 35%;
}
#greeting #main .headline p:nth-of-type(2) {
margin: 1.5em 0 0;
}
}
#greeting #main .link_area ul.page-nav {
margin: 0;
}
@media screen and (max-width: 340px) {
#greeting #main .link_area ul.page-nav li {
width: auto;
margin: 0 0 10px;
float: none;
}
} #staff #main .inquiry p {
height: 215px;
background: url(/common/img/main_inquiry_bg.jpg) no-repeat;
}
#staff #main .visual {
margin: 0 0 1em;
position: relative;
}
@media screen and (max-width: 737px) {
#staff #main .inquiry p {
height: auto;
}
#staff #main .visual img {
width: 100%;
height: auto;
}
}
#staff #main .link_area ul.page-nav {
margin: 0;
}
@media screen and (max-width: 340px) {
#staff #main .link_area ul.page-nav li {
width: auto;
margin: 0 0 10px;
float: none;
}
}
#staff #main .headline p.catch {
color: #018CD7;
font-size: 1.667em;
font-weight: bold;
}
@media screen and (max-width: 737px) {
#staff #main .headline p br:first-of-type {
display: none;
}
}
#staff #main .headline ul li {
float: left;
margin: 0 0 10px;
}
#staff #main .headline ul li:nth-child(even) {
float: right;
}
@media screen and (max-width: 737px) {
#staff #main .headline ul li {
width: 49%;
}
#staff #main .headline ul li img {
width: 100%;
height: auto;
}
}
#staff #main .introduce_staff .inner div {
margin: 0 0 20px;
border: solid 1px #ccc;
}
#staff #main .introduce_staff dl.staff_detail {
margin: 0;
padding: 20px;
cursor: pointer;
}
#staff #main .introduce_staff dl.staff_detail:hover {
opacity: 0.7;
}
#staff #main .introduce_staff dl.staff_detail.selected {}
#staff #main .introduce_staff dl.staff_detail dt {
width: 550px;
margin: 0;
padding: 0 0 10px;
border-bottom: dotted 1px #ccc;
float: right; font-size: 1.286em; }
#staff #main .introduce_staff dl.staff_detail dd:first-of-type {
float: left;
}
#staff #main .introduce_staff dl.staff_detail dd:last-of-type {
width: 550px;
margin: 10px 0 0;
float: right;
font-size: 0.917em;
}
#staff #main .introduce_staff dl.staff_detail dd:last-of-type span {
font-size: 1em;
font-weight: bold;
}
#staff #main .introduce_staff dl.voice {
margin: 0;
padding: 0 0 10px;
}
#staff #main .introduce_staff dl.voice dt {
padding: 5px 10px;
background-color: #018CD7;
color: #fff;
font-size: 1.143em;
font-weight: bold;
display: inline-block;
}
#staff #main .introduce_staff dl.voice dd {
padding: 20px 20px 30px;
}
#staff #main .introduce_staff dl.voice dd p {
font-size: 1em;
}
#staff #main .introduce_staff dl.voice dd em {
color: #f00;
}
@media screen and (max-width: 737px) {
#staff #main .introduce_staff .inner div {
margin: 0 0 1.5em;
}
#staff #main .introduce_staff dl.staff_detail {
padding: 1em;
//background: url(/imgs/company/staff/icon_arrow01.png) no-repeat center 98%;
}
#staff #main .introduce_staff dl.staff_detail.selected {
//background: url(/imgs/company/staff/icon_arrow02.png) no-repeat center 98%;
}
#staff #main .introduce_staff dl.staff_detail dt {
width: auto;
float: none;
font-size: 1.167em;
}
#staff #main .introduce_staff dl.staff_detail dd:first-of-type {
width: 25%;
max-width: 119px;
margin: 10px 0 0;
float: left;
box-sizing: border-box;
}
#staff #main .introduce_staff dl.staff_detail dd:first-of-type img {
width: 100%;
}
#staff #main .introduce_staff dl.staff_detail dd:last-of-type {
width: 72%;
margin: 10px 0 0;
float: right;
}
#staff #main .introduce_staff dl.voice {
margin: 0;
padding: 0 0 10px;
}
#staff #main .introduce_staff dl.voice dd {
padding: 1em;
}
} #privacy #main .inquiry p {
height: 215px;
background: url(/common/img/main_inquiry_bg.jpg) no-repeat;
}
#privacy #main .visual {
margin: 0 0 1em;
position: relative;
}
@media screen and (max-width: 737px) {
#privacy #main .inquiry p {
height: auto;
}
#privacy #main .visual img {
width: 100%;
height: auto;
}
}
#privacy #main .link_area ul.page-nav {
margin: 0;
}
@media screen and (max-width: 340px) {
#privacy #main .link_area ul.page-nav li {
width: auto;
margin: 0 0 10px;
float: none;
}
}
#privacy #main .privacy_policy {
margin: 0 0 60px;
}
#privacy #main .privacy_policy p.txtr {
text-align: right;
}
#privacy #main .privacy_policy section {
margin: 30px 0;
}
#privacy #main .privacy_policy section h3 {
margin: 0 0 20px;
padding: 5px 5px 5px 23px;
background-color: #028cd7;
color: #fff;
font-size: 1.333em;
font-weight: bold;
position: relative;
}
#privacy #main .privacy_policy section h3::before {
content: "";
width: 3px;
height: 16px;
background-color: #fff;
position: absolute;
left: 10px;
top: 9px;
}
#privacy #main .privacy_policy section dl dt {
font-weight: bold;
}
#privacy #main .privacy_policy section dl dd {
padding-left: 1.6em;
text-indent: -1.6em;
}
#privacy #main .privacy_policy section dl.dl_box dd {
padding-left: 0;
text-indent: 0;
margin: 0 0 1em;
}
#privacy #main .privacy_policy section dl.dl_box dd:last-child {
margin: 0;
}
#privacy #main .privacy_policy section dl.dl_box dd ul li {
font-size: 0.86em;
padding-left: 1em;
text-indent: -1em;
}
#privacy #main .privacy_policy ol {
margin: 20px 0;
font-size: 1.167em;
}
#privacy #main .privacy_policy ol li {
margin: 20px 0 0;
padding-left: 2em;
text-indent: -2em;
}
#privacy #main .privacy_policy ol.mn li {
margin: 0;
padding-left: 1.5em;
text-indent: -1.5em;
}
#privacy #main .privacy_policy ol li ol {
margin: 0;
font-size: 1.000em;
}
#privacy #main .privacy_policy ol li ol li {
margin: 0;
padding-left: 1.5em;
text-indent: -1.5em;
}
#privacy #main .privacy_policy ol li span {
color: #f00;
} #column #main .inquiry p {
height: 215px;
background: url(/common/img/main_inquiry_bg.jpg) no-repeat;
}
#column #main .visual {
margin: 0 0 1em;
position: relative;
}
@media screen and (max-width: 737px) {
#column #main .inquiry p {
height: auto;
}
#column #main .visual img {
width: 100%;
height: auto;
}
}
#column #main .headline {
margin: 0;
}
#column #main .headline dl {
min-height: 138px;
margin: 0;
padding: 0 0 20px;
background: url(/imgs/column/img01.jpg?=210818) no-repeat 93% bottom;
}
#column #main .headline dl dt {
width: 510px;
margin: 0 0 5px;
padding: 10px 0 0;
color: #008CD7;
font-size: 1.429em;
font-weight: bold;
}
#column #main .headline dl dd {
width: 510px;
}
@media screen and (max-width: 737px) {
#column #main .headline {
margin: 0;
}
#column #main .headline dl {
min-height: inherit;
margin: 0;
padding: 0 0 10px;
background: url(/imgs/column/img01.jpg?=210818) no-repeat right bottom;
background-size: 120px;
}
#column #main .headline dl dt {
width: 80%;
}
#column #main .headline dl dd {
width: 65%;
}
#column #main .headline dl dd br {
display: none;
}
}
@media screen and (max-width: 340px) {
#column #main .headline dl dt {
width: 100%;
}
}
#column #main .topics dl {
padding: 20px 0;
border-bottom: dotted 2px #ccc;
}
#column #main .topics dl:first-of-type {
border-top: dotted 2px #ccc;
}
#column #main .topics dl dt {
width: 490px;
margin: 0 0 15px;
float: right;
font-size: 1.25em;
font-weight: bold;
}
#column #main .topics dl dt a {
color: #333;
text-decoration: none;
}
#column #main .topics dl dt a:hover {
text-decoration: underline;
}
#column #main .topics dl dd:first-of-type {
float: left;
}
#column #main .topics dl dd:last-of-type {
width: 490px;
margin: 0;
float: right;
}
#column #main .topics dl dd:last-of-type a {
margin: 1em 0 0;
display: block;
text-align: right;
}
#column #main .topics dl dd p {
font-size: 1em;
margin: 0;
}
@media screen and (max-width: 737px) {
#column #main .topics dl {
padding: 1em 0;
}
#column #main .topics dl dt {
width: auto;
margin: 0;
float: none;
}
#column #main .topics dl dd:first-of-type {
margin: 1em 0;
float: none;
text-align: center;
}
#column #main .topics dl dd:last-of-type {
width: auto;
float: none;
}
}
#column #main .link_area {
margin: 40px 0;
}
#column #main .link_area ul {
width: 100%;
margin: 0;
border: solid 1px #028CD7;
display: flex;
}
#column #main .link_area.archive-link ul li {
width: 50%; box-sizing: border-box;
text-align: center;
}
#column #main .link_area ul li {
width: calc(100% / 3); box-sizing: border-box;
text-align: center;
}
#column #main .link_area ul li.prev {
border-right: solid 1px #028CD7;
}
#column #main .link_area ul li.back {
border-right: solid 1px #028CD7;
}
#column #main .link_area ul li a {
padding: 10px 0;
position: relative;
display: block;
text-decoration: none;
}
#column #main .link_area ul li a:hover {
background-color: #028CD7;
color: #fff;
}
#column #main .link_area ul li.prev a:before {
content: "<<";
margin-right: 10px;
}
#column #main .link_area ul li.next a:after {
content: ">>";
margin-left: 10px;
}
#column .link_area ul {
display: block;
} #column #main article {
margin: 0 0 30px;
padding: 20px 20px 30px;
border: solid 1px #ccc;
}
#column #main article h2 {
margin: 0 0 30px;
padding: 0 0 10px;
border-bottom: dotted 1px #ccc;
position: relative;
}
#column #main article h2.tit01 {
margin: 0 0 10px;
}
#column #main article h2 span {
padding-left: 15px;
border-left: solid 5px #028CD7;
display: block;
}
#column #main article h2 em {
color: #028CD7;
font-size: 1.750em;
font-weight: bold;
}
#column #main article .eyecatch {
float: right;
margin: 0 0 10px 10px;
}
.fa-hatena:before {
font-family: Verdana;
font-weight: bold;
content: 'B!';
}
.share {
margin-top: 20px;
margin-bottom: 40px;
margin-right: 0;
}
.share-header {
margin-top: 0;
margin-bottom: 30px;
}
.share-footer {
margin-top: 20px;
margin-bottom: 0;
}
.share ul {
margin: 0;
padding: 0;
list-style: none;
}
.share ul:after {
display: block;
clear: both;
content: '';
}
.share li {
float: left;
width: 25%;
margin: 0;
margin-top: 15px;
}
.share li a {
font-size: 14px;
display: block;
padding: 10px;
text-align: center;
text-decoration: none;
color: #fff;
}
.share li a:hover {
opacity: .8;
}
.share li a:visited {
color: #fff;
}
.tweet a {
background-color: #55acee;
}
.facebooklink a {
background-color: #315096;
}
.line a {
background: url(/imgs/post-dm/icons8-line.svg) no-repeat left 40px center #00c300;
background-size: 32px auto;
}
.hatena a {
background-color: #008fde;
}
.solution-cont {
margin: 30px 0 0;
}
.solution-cont h3 {
font-size: 31px;
font-weight: bold;
color: #333;
border-bottom: 1px solid #ccc;
margin: 0 0 15px;
}
.solution-cont p {
font-size: 14px;
margin: 0 0 1.5em;
}
.solution-cont p.img img {
max-width: 100%;
}
#column .yarpp h3 {
font-size: 24px;
font-weight: bold;
color: #333;
border-bottom: 1px solid #ccc;
margin: 0 0 15px;
}
#column .yarpp-thumbnails-horizontal .yarpp-thumbnail {
margin: 5px 15px 5px 0;
transition: 0.3s;
}
#column .yarpp-thumbnails-horizontal .yarpp-thumbnail:hover {
opacity: 0.6;
}
#column .yarpp-thumbnails-horizontal .yarpp-thumbnail:last-of-type {
margin: 5px 0;
}
@media screen and (max-width:768px) {
.share li {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 3px;
}
.share li i {
font-size: 1.3em;
padding-top: 3px;
}
.share li a {
font-size: 12px;
}
.facebooklink i,
.tweet i,
.hatena i {
display: none;
}
.line a {
background: #00c300;
}
.solution-cont p br.pc {
display: none;
}
#column .yarpp {
margin: 0 10px;
text-align: center;
}
#column .yarpp h3 {
font-size: 20px;
text-align: left;
}
#column .yarpp-thumbnail > img,
#column .yarpp-thumbnail-default {
width: 100%;
margin: 0;
}
#column .yarpp-thumbnails-horizontal .yarpp-thumbnail-title {
text-align: center;
width: 100%;
box-sizing: border-box;
margin: 10px 0 0;
}
#column .yarpp-thumbnails-horizontal .yarpp-thumbnail {
width: 100%;
height: auto;
margin: 0 0 2.5% 0;
padding: 10px;
box-sizing: border-box;
}
}
@media screen and (max-width: 737px) {
#column #main article {
margin: 0 10px 2em;
padding: 1em;
}
#column #main article .eyecatch {
margin: 0 0 10px;
float: none;
}
#column #main article .eyecatch img {
width: 100%;
height: auto;
}
} #recruit #main .inquiry p {
height: 215px;
background: url(/common/img/main_inquiry_bg.jpg) no-repeat;
}
#recruit #main .visual {
margin: 0 0 1em;
position: relative;
}
@media screen and (max-width: 737px) {
#recruit #main .inquiry p {
height: auto;
}
#recruit #main .visual img {
width: 100%;
height: auto;
}
}
#recruit #main .headline p.catch {
margin: 0 0 10px;
color: #018CD7;
font-size: 1.667em;
font-weight: bold;
}
#recruit #main .headline .inner > div {
width: 470px;
float: left;
}
#recruit #main .headline .inner > p {
float: right;
}
@media screen and (max-width: 737px) {
#recruit #main .headline .inner > div {
width: auto;
float: none;
}
#recruit #main .headline .inner > p {
float: none;
text-align: center;
}
}
#recruit #main .what_workplace p {
margin: 0 0 40px;
}
#recruit #main .what_workplace p.img_01 {
float: left;
}
#recruit #main .what_workplace p.txt_01 {
width: 417px;
float: right;
}
#recruit #main .what_workplace p.img_02 {
float: right;
}
#recruit #main .what_workplace p.txt_02 {
width: 406px;
float: left;
}
#recruit #main .what_workplace p.clear {
clear: both;
}
@media screen and (max-width: 737px) {
#recruit #main .what_workplace p {
margin: 0 0 2em;
}
#recruit #main .what_workplace p.img_01 {
float: none;
text-align: center;
}
#recruit #main .what_workplace p.txt_01 {
width: auto;
float: none;
}
#recruit #main .what_workplace p.img_02 {
float: none;
text-align: center;
}
#recruit #main .what_workplace p.txt_02 {
width: auto;
float: none;
}
}
#recruit #main .detail section {
margin: 0 0 30px;
}
#recruit #main .detail section h3 {
margin: 0 0 20px;
padding: 5px 5px 5px 23px;
background-color: #028cd7;
color: #fff;
font-size: 1.333em;
font-weight: bold;
position: relative;
}
#recruit #main .detail section h3::before {
content: "";
width: 3px;
height: 16px;
background-color: #fff;
position: absolute;
left: 10px;
top: 9px;
}
#recruit #main .detail section table {
width: 100%;
border: solid 1px #ccc;
}
#recruit #main .detail section table th {
width: 18%;
padding: 10px 15px;
background-color: #666;
border: solid 1px #ccc;
color: #fff;
font-size: 1.071em;
font-weight: bold;
text-align: center;
vertical-align: top;
}
#recruit #main .detail section table td {
padding: 10px 15px;
border: solid 1px #ccc;
}
#recruit #main .detail section table td ul {
margin: 0;
font-size: 1.000em;
}
#recruit #main .detail section table td ul li {
padding-left: 1em;
text-indent: -1em;
}
#recruit #main .detail .inner p:first-of-type {
padding: 273px 0 0;
background: url(/imgs/recruit/img07.jpg) no-repeat left top;
text-align: center;
}
#recruit #main .detail .inner p:last-of-type {
margin: 40px 0 1em;
text-align: center;
}
@media screen and (max-width: 737px) {
#recruit #main .detail section table th {
width: 25%;
padding: 1em;
}
#recruit #main .detail section table td {
padding: 1em;
}
#recruit #main .detail .inner p:first-of-type {
padding: 36% 0 0;
background-size: 100%;
}
#recruit #main .detail .inner p:first-of-type img {
width: 100%;
}
} #form #cont h1 {
padding: 40px 0 0;
text-align: center;
color: #028CD7;
font-size: 3em;
text-align: center;
font-weight: bold;
}
#form #cont .form_area {
margin: 20px 0 80px;
}
#form #cont .form_area .inner {
padding: 35px 45px;
border: solid 4px #ccc;
}
#form #cont .form_area p.flow {
height: 37px;
text-indent: -9999px;
}
#form #cont .form_area p.flow_01 {
background: url(/imgs/recruit/form/flow01.png) no-repeat center top;
}
#form #cont .form_area p.flow_02 {
background: url(/imgs/recruit/form/flow02.png) no-repeat center top;
}
#form #cont .form_area p.flow_03 {
background: url(/imgs/recruit/form/flow03.png) no-repeat center top;
}
#form #cont .form_area .headline dl {
min-height: 201px;
margin: 20px 0 0 10px;
background: url(/imgs/recruit/form/img01.jpg) no-repeat 90% bottom;
font-size: 1.167em;
}
#form #cont .form_area .headline p {
font-size: 1.167em;
margin: 0 0 1em;
}
#form #cont .form_area .headline dl dt {
width: 540px;
margin: 0 0 5px;
padding: 10px 0 0;
font-size: 1.143em;
font-weight: bold;
}
#form #cont .form_area .headline dl dd {
width: 540px;
}
#form #cont .form_area .headline dl dd:first-of-type {
display: none;
}
#form #cont .form_area .headline dl dd span {
color: #008CD7;
font-size: 1.500em;
font-weight: bold;
}
@media screen and (max-width: 737px) {
#form #cont h1 {
padding: 20px 0 0;
}
#form #cont .form_area {
margin: 1em 0 3em;
}
#form #cont .form_area .inner {
margin: 0 10px 20px;
padding: 0;
border: none;
}
#form #cont .form_area p.flow {
height: auto;
margin: 0 0 1em;
padding: 3px 0;
background: url(/imgs/recruit/form/flow_bg.png) no-repeat right center #028CD7;
text-indent: 0;
color: #fff;
font-size: 1.333em;
font-weight: bold;
text-align: center;
}
#form #cont .form_area p.flow_03 {
background: #028CD7;
}
#form #cont .form_area .headline dl {
min-height: inherit;
margin: 0;
padding: 0 0 10px;
background: none;
}
#form #cont .form_area .headline dl dt {
width: 100%;
padding: 0;
}
#form #cont .form_area .headline dl dd {
width: 60%;
float: left;
}
#form #cont .form_area .headline dl dd:first-of-type {
width: 40%;
margin: 0 0 10px 10px;
float: right;
display: block;
}
#form #cont .form_area .headline dl dd:first-of-type img {
width: 100%;
}
#form #cont .form_area .headline dl dd:last-of-type {
width: auto;
float: none;
}
}
#form #cont dl.form_input {
margin: 0 0 0 10px;
font-size: 1.167em;
}
#form #cont dl.form_input dt {
clear: both;
width: 170px;
margin: 0;
padding: 22px 0 20px 5px;
float: left;
font-weight: bold;
}
#form #cont dl.form_input dt span {
padding: 2px 5px;
background-color: #f00;
float: right;
color: #fff;
font-size: 0.857em;
font-weight: normal;
}
#form #cont dl.form_input dt:last-of-type span {
margin-left: 10px;
float: none;
}
#form #cont dl.form_input dd {
margin: 0;
padding: 20px 0 20px 200px;
border-top: dotted 1px #ccc;
}
#form #cont dl.form_input dd span.attention {
margin: 10px 0;
font-size: 0.857em;
display: inline-block;
}
#form #cont dl.form_input dd input[type="email"],
#form #cont dl.form_input dd input[type="tel"],
#form #cont dl.form_input dd input[type="text"] {
margin: -2px 0 0 0;
padding: 3px 5px;
vertical-align: middle;
box-sizing: border-box;
}
#form #cont dl.form_input dd .txt_01 {
width: 315px;
}
#form #cont dl.form_input dd .txt_02 {
width: 140px;
}
#form #cont dl.form_input dd select {
width: 180px;
margin: 15px 0;
box-sizing: border-box;
}
#form #cont dl.form_input dd .txt_03 {
width: 530px;
}
#form #cont dl.form_input dd .chck_01 {
margin-right: 10px;
vertical-align: middle;
}
#form #cont dl.form_input dd textarea {
width: 660px;
padding: 5px;
box-sizing: border-box;
}
#form #cont dl.form_input dd .txtarea_01 {
height: 8em;
}
#form #cont dl.form_input dd .txtarea_02 {
height: 12em;
}
#form #cont dl.form_input dd div {
width: 660px;
padding: 15px;
border: solid 1px #ccc;
box-sizing: border-box;
}
#form #cont dl.form_input dd div p {
margin: 0 0 1em;
}
#form #cont dl.form_input dd div p:last-of-type {
margin: 0;
}
#form #cont .ssl {
width: auto;
margin: 50px auto;
padding: 20px;
background: #EEEEEE;
}
#form #cont .ssl .img {
float: left;
}
#form #cont .ssl .text {
margin: 0 0 0 150px;
font-size: 1.167em;
}
#form #cont p.btn {
text-align: center;
padding: 10px 0 0;
}
#form #cont ul.btn {
text-align: center;
}
#form #cont ul.btn li {
display: inline-block;
margin: 0 5px;
}
#form #cont ul.btn input[type="submit"],
#form #cont ul.btn input[type="button"] {
width: 200px;
padding: 15px 0;
background: #028CD7;
border: none;
text-align: center;
color: #FFF;
font-size: 1.333em;
font-weight: bold;
outline: none;
cursor: pointer;
}
#form #cont ul.btn input[type="submit"]:hover {
background: #06C;
}
#form #cont ul.btn input[type="button"] {
background: #CCC;
color: #333;
}
#form #cont ul.btn input[type="button"]:hover {
background: #999;
}
@media screen and (max-width: 737px) {
#form #cont dl.form_input {
margin: 0;
}
#form #cont dl.form_input dt {
clear: both;
width: auto;
padding: 1em 0 0;
border-top: dotted 1px #ccc;
float: none;
}
#form #cont dl.form_input dt span {
margin-left: 10px;
float: none;
}
#form #cont dl.form_input dd {
padding: 1em 0;
border-top: none;
}
#form #cont dl.form_input dd label {
padding: 5px 0;
display: inline-block;
box-sizing: border-box;
}
#form #cont dl.form_input dd input[type="email"],
#form #cont dl.form_input dd input[type="tel"],
#form #cont dl.form_input dd input[type="text"] {
width: 100% !important;
margin: 0;
}
#form #cont dl.form_input dd select {
width: 120px;
margin: 1em 0;
}
#form #cont dl.form_input dd textarea {
width: 100%;
}
#form #cont dl.form_input dd div {
width: 100%;
padding: 10px;
}
#form #cont .ssl {
width: auto;
margin: 0 10px 20px;
padding: 10px 15px;
}
#form #cont .ssl .img {
margin: 0 10px 5px 0;
}
#form #cont .ssl .text {
margin: 0;
}
} #sitemap #main .inquiry p {
height: 215px;
background: url(/common/img/main_inquiry_bg.jpg) no-repeat;
}
@media screen and (max-width: 737px) {
#sitemap #main .inquiry p {
height: auto;
}
}
#sitemap #main section {
margin: 0 0 60px;
} #sitemap #main section p a {
color: #333;
text-decoration: none;
}
#sitemap #main section p a:hover {
text-decoration: underline;
}
#sitemap #main section dl {
margin: 0 0 30px;
line-height: 1.2;
}
#sitemap #main section dl dt {
margin: 0 0 0 10px;
padding: 2px 0 0 13px;
border-left: solid 3px #028CD7;
font-size: 1.143em;
font-weight: bold;
line-height: 1.2;
}
#sitemap #main section dt a {
color: #333;
text-decoration: none;
}
#sitemap #main section dt a:hover {
text-decoration: underline;
}
#sitemap #main section dl dd {
margin: 0 0 0 27px;
}
#sitemap #main section dl dd ul {
font-size: 1.000em;
}
#sitemap #main section dl dd ul li {
width: 33.3%;
margin: 20px 0 0;
padding: 0 0 0 10px;
background: url(/common/img/icon_arrow02.png) no-repeat left 4px;
float: left;
box-sizing: border-box;
}
@media screen and (max-width: 737px) {
#sitemap #main section {
margin: 0 0 3em;
}
#sitemap #main section p {
margin: 0 0 2em;
}
#sitemap #main section dl {
margin: 0 0 2em;
}
#sitemap #main section dl dt {
margin: 0;
}
#sitemap #main section dl dd {
margin: 0 0 0 20px;
}
#sitemap #main section dl dd ul li {
width: 50%;
margin: 1.5em 0 0;
padding: 0 10px;
line-height: 1.4;
}
#sitemap #main section dl dd ul li:nth-of-type(even) {
float: right;
}
#sitemap #main section dl dd ul li a {
display: block;
}
} #archive #main .inquiry p {
height: 215px;
background: url(/common/img/main_inquiry_bg.jpg) no-repeat;
}
#archive #main .visual {
margin: 0 0 1em;
position: relative;
}
@media screen and (max-width: 737px) {
#archive #main .inquiry p {
height: auto;
}
#archive #main .visual img {
width: 100%;
height: auto;
}
}
#archive #main .headline {
margin: 0;
}
#archive #main .headline dl {
min-height: 111px;
margin: 0;
background: url(/imgs/voice/img01.jpg) no-repeat 93% bottom;
}
#archive #main .headline dl dt {
width: 510px;
margin: 0 0 5px;
padding: 10px 0 0;
font-size: 1.143em;
font-weight: bold;
}
#archive #main .headline dl dd {
width: 510px;
}
@media screen and (max-width: 737px) {
#archive #main .headline {
margin: 0;
}
#archive #main .headline dl {
min-height: inherit;
margin: 0;
padding: 0 0 10px;
background: url(/imgs/voice/img01.jpg) no-repeat right bottom;
}
#archive #main .headline dl dt {
width: 100%;
}
#archive #main .headline dl dd {
width: 65%;
}
}
#archive #main article {
margin: 10px 0 30px;
padding: 20px 20px 30px;
border: solid 1px #ccc;
}
#archive #main article > h1 {
margin: 0 0 30px;
padding: 0 0 10px;
border: none;
border-bottom: dotted 1px #ccc;
position: relative;
font-size: 100%;
background: none;
}
#archive #main article > h1:before{
display: none;
}
#archive #main article h1 span {
padding-left: 15px;
border-left: solid 5px #028CD7;
display: block;
color: #028CD7;
}
#archive #main article h1 em {
color: #028CD7;
font-size: 1.750em;
font-weight: bold;
}
#archive #main article .entry p{
line-height: 2;
font-size: 16px;
margin: 0 0 1.5em;
}
#archive #main article .entry h2{
font-size: 24px;
margin: 35px 0 25px;
padding-left: 15px;
border-left: solid 5px #028CD7;
}
#archive #main article .entry h3{
font-size: 18px;
color: #028CD7;
}
#archive #main article .entry h4{
font-size: 16px;
font-weight: bold;
border-bottom: solid 1px #028CD7;
}
#archive #main article .entry .service{
border:#028CD7 1px solid;
margin:30px 0 0;
}
#archive #main article .entry .service h3{
color:#FFF;
background:#028CD7;
margin:0;
padding:10px 15px;
}
#archive #main article .entry .service ul{
font-size:16px;
list-style:disc;
}
#archive #main article .entry .hitokoto{
background:#eaf6ff;
border-radius:10px;
padding:25px 25px;
margin:30px 0 0;
}
#archive #main article .entry .hitokoto h2{
margin:0 0 20px;
font-size:20px;
} @media screen and (max-width: 737px) {
#archive #main article {
margin: 0 10px 2em;
padding: 1em;
}
} #archive #main article p:last-of-type {
margin: 0;
}
#archive #main .link_area {
margin: 40px 0;
}
#archive #main .link_area ul {
margin: 0;
border: solid 1px #028CD7;
}
#archive #main .link_area ul li {
width: 50%;
float: left;
box-sizing: border-box;
text-align: center;
}
#archive #main .link_area ul li.next {
float: right;
}
#archive #main .link_area ul li.prev {
border-right: solid 1px #028CD7;
}
#archive #main .link_area ul li a {
padding: 10px 0;
position: relative;
display: block;
text-decoration: none;
}
#archive #main .link_area ul li a:hover {
background-color: #028CD7;
color: #fff;
}
#archive #main .link_area ul li.prev a:before {
content: "<<";
margin-right: 10px;
}
#archive #main .link_area ul li.next a:after {
content: ">>";
margin-left: 10px;
} #archive #main article .campaign-post{}
#archive #main article .campaign-post .btn{
max-width: 300px;
margin: 20px auto 40px;
text-align: center;
}
#archive #main article .campaign-post .btn a{
display: block;
padding: 15px 10px;
background: url(/common/img/arrow-white.svg) no-repeat right 15px center #168CD7;
background-size: 15px auto;
color: #fff !important;
font-weight: bold;
text-decoration: none !important;
transition: 0.3s;
}
@media (min-width:738px){
#archive #main article .campaign-post .btn a:hover{
opacity: 0.6;
}
}
#archive #main article .campaign-post table tr th{
width: 20%;
border-top: 1px solid #168CD7;
border-bottom: 1px solid #168CD7;
box-sizing: border-box;
color: #168CD7;
padding: 15px 0;
font-size: 14px;
vertical-align: top;
}
#archive #main article .campaign-post table tr td{
width: 80%;
border-top: 1px solid #168CD7;
border-bottom: 1px solid #168CD7;
box-sizing: border-box;
padding: 15px 10px;
font-size: 14px;
vertical-align: top;
}
#archive #main article .campaign-post table tr td ul{
padding: 10px 15px;
margin: 0;
font-size: 14px
}
#archive #main article .campaign-post table tr td ul li{
list-style: none;
text-indent: -1em;
padding: 0 0 0 1em;
}
#archive #main article .campaign-post table tr td dl{
margin: 0;
}
#archive #main article .campaign-post table tr td dl dt{
font-size: 16px;
color: #FF0000;
}
#archive #main article .campaign-post table tr td dl dt strong{
font-size: 14px;
color: #333;
}
#archive #main article .campaign-post table tr td dl dd .table01{
margin: 0 0 10px;
}
#archive #main article .campaign-post table tr td dl dd .table01 tr th{
width: calc(100% / 3);
padding: 5px 0;
background: #168CD7;
font-size: 14px;
color: #fff;
text-align: center;
}
#archive #main article .campaign-post table tr td dl dd .table01 tr th.th-yellow{
color: #FFFF00;
}
#archive #main article .campaign-post table tr td dl dd .table01 tr td{
width: calc(100% / 3);
padding: 5px 0;
text-align: center;
}
#archive #main article .campaign-post table tr td dl dd .table01 tr td.td-red{
color: #FF0000;
font-weight: bold;
}
#archive #main article .campaign-post table tr td .align-r{
text-align: right;
}
#archive #main article .campaign-post .flow{
margin: 60px 0 40px;
}
#archive #main article .campaign-post .flow .flow-tit{
font-size: 20px;
font-weight: bold;
text-align: center;
color: #168CD7;
}
#archive #main article .campaign-post .flow .flow-list{
display: flex;
}
#archive #main article .campaign-post .flow .flow-list .flow-list-item{
width: 23.5%;
margin: 0 2% 0 0;
border: 2px solid #168CD7;
box-sizing: border-box;
position: relative;
}
#archive #main article .campaign-post .flow .flow-list .flow-list-item:nth-of-type(4){
margin: 0;
}
#archive #main article .campaign-post .flow .flow-list .flow-list-item::after{
position: absolute;
right: -15px;
top: 50%;
content: '';
margin: -15px 0 0 0;
width: 0;
height: 0;
border-style: solid;
border-width: 15px 0 15px 15px;
border-color: transparent transparent transparent #168dd7;
}
#archive #main article .campaign-post .flow .flow-list .flow-list-item:last-of-type::after{
content: none;
}
#archive #main article .campaign-post .flow .flow-list .flow-list-item .tit{
text-align: center;
margin: 0;
padding: 5px 0;
background: #168CD7;
font-size: 17px;
font-weight: bold;
color: #fff;
}
#archive #main article .campaign-post .flow .flow-list .flow-list-item .img{
text-align: center;
padding: 1em 0 0;
margin: 0;
}
#archive #main article .campaign-post .flow .flow-list .flow-list-item .text{
padding: 15px 10px;
}
#archive #main article .campaign-post .flow .flow-list .flow-list-item .text .sub-tit{
display: flex;
justify-content: center;
align-items: center;
height: 48px;
text-align: center;
font-size: 15px;
font-weight: bold;
color: #168CD7;
}
#archive #main article .campaign-post .flow .flow-list .flow-list-item .text p{
font-size: 13px;
}
#archive #main article .campaign-post .box01{
margin: 80px auto 40px;
}
#archive #main article .campaign-post .box01.new-year{
margin: 40px auto 40px;
}
#archive #main article .campaign-post .box01.new-year .catch01{
text-align: center;
font-size: 16px;
margin: 0 0 1em;
}
#archive #main article .campaign-post .box01 .catch{
text-align: center;
font-size: 22px;
font-weight: bold;
color: #168CD7;
}
#archive #main article .campaign-post .box01 .catch span{
font-size: 34px;
}
#archive #main article .campaign-post .box01 ul{
display: flex;
list-style: none;
padding: 0;
}
#archive #main article .campaign-post .box01 ul li{
width: 48%;
margin: 0 4% 0 0;
}
#archive #main article .campaign-post .box01 ul li:nth-child(2){
margin: 0;
}
#archive #main article .campaign-post .box01 ul li a{
transition: 0.3s;
}
#archive #main article .campaign-post .box01 .btn a{
padding: 9px 10px;
line-height: 1.25;
}
@media (min-width:738px){
#archive #main article .campaign-post .box01 ul li a:hover{
opacity: 0.6;
}
}
#archive #main article .campaign-post .box02{
background: #F7F7F7;
padding: 20px;
border-radius: 10px;
}
#archive #main article .campaign-post .box02 dl{
margin: 0;
}
#archive #main article .campaign-post .box02 dl dt{
font-size: 18px;
}
#archive #main article .campaign-post .box02 dl dd{
font-size: 14px;
}
#archive #main article .campaign-post .box02 dl dd:last-of-type{
margin: 0;
}
#archive #main article .campaign-post .box02 dl dd a{
color: #333333 !important;
}
@media (max-width:737px){
#archive #main article .campaign-post .btn a{
background: url(/common/img/arrow-white.svg) no-repeat right 5px center #168CD7;
font-size: 12px;
}
#archive #main article .campaign-post table{
border-bottom: none;
}
#archive #main article .campaign-post table tr th{
float: left;
display: block;
width: 100%;
border-bottom: none;
padding: 10px 0 0;
}
#archive #main article .campaign-post table tr td{
border-top: none;
border-bottom: none;
float: left;
display: block;
width: 100%;
padding: 0 0 10px;
}
#archive #main article .campaign-post table tr:last-of-type td{
border-bottom: 1px solid #168CD7;
}
#archive #main article .campaign-post .box01 .catch{
font-size: 18px;
}
#archive #main article .campaign-post .box01 .catch span{
font-size: 28px;
}
#archive #main article .campaign-post .box01 ul{
display: block;
}
#archive #main article .campaign-post .box01 ul li{
width: 100%;
margin: 0 0 20px;
}
#archive #main article .campaign-post .flow .flow-list{
display: block;
}
#archive #main article .campaign-post .flow .flow-list .flow-list-item{
width: 100%;
margin: 0 0 20px 0;
}
#archive #main article .campaign-post .flow .flow-list .flow-list-item::after{
position: absolute;
right: 50%;
top: auto;
bottom: -15px;
content: '';
margin: 0 -15px 0 0;
width: 0;
height: 0;
border-style: solid;
border-width: 15px 15px 0 15px;
border-color: #168dd7 transparent transparent transparent;
}
#archive #main article .campaign-post .flow .flow-list .flow-list-item:last-of-type::after{
content: none;
}
#archive #main article .campaign-post .flow .flow-list .flow-list-item .fl-box{
display: flex;
}
#archive #main article .campaign-post .flow .flow-list .flow-list-item .fl-box .img{
width: 120px;
}
#archive #main article .campaign-post .flow .flow-list .flow-list-item .fl-box .text{
width: calc(100% - 120px);
padding: 15px 10px 15px 0;
box-sizing: border-box;
}
#archive #main article .campaign-post .flow .flow-list .flow-list-item .text .sub-tit{
display: block;
height: auto;
text-align: left;
margin: 0 0 5px;
}
#archive #main article .campaign-post .flow .flow-list .flow-list-item .text .sub-tit br{
display: none;
}
#archive #main article .campaign-post table tr td dl dd .table01 tr th{
font-size: 2.0vw;
}
#archive #main article .campaign-post .box01.new-year{
margin: 30px auto 0;
}
#archive #main article .campaign-post .box01.new-year .catch01{
text-align: left;
font-size: 16px;
margin: 0;
}
}
#archive #main article > .entry.list{
display: flex;
justify-content: flex-start;
}
#archive #main article > .entry.list a.img{
min-width: 180px;
width: 180px;
margin-right: 20px;
display: block;
}
#archive #main article > .entry.list a.img img{
width: 100%;
}
#archive #sub .sub-nav dl ul.rank li a:after{
display: none;
}
#archive #sub .sub-nav dl ul.rank li a,
#archive #sub .sub-nav dl ul.rank li a:hover {
background: none;
padding: 0;
border: none;
}
#archive #sub .sub-nav dl ul.rank li{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
background-color: #F7F7F7;
padding: 7px 10px 7px 22px;
border-bottom: #CCC 1px solid;
position: relative;
cursor: pointer;
}
#archive #sub .sub-nav dl ul.rank li:hover{
background: #CCC;
}
#archive #sub .sub-nav dl ul.rank li:after {
content: "";
display: block;
position: absolute;
left: 10px;
top: 50%;
margin: -4px 0 0;
width: 0;
height: 0;
border: #F7F7F7 4px solid;
border-left: #028CD7 4px solid;
}
#archive #sub .sub-nav dl ul.rank li:hover:after {
border: #CCC 4px solid;
border-left: #028CD7 4px solid;
}
#archive #sub .sub-nav dl ul.rank li a{
min-width: 65px;
width: 65px;
}
#archive #sub .sub-nav dl ul.rank li a.box{
width: calc(100% - 75px);
font-size: 12px;
}
#archive .pager{
text-align: center;
}
#archive .pager .page-numbers {
margin: 0 1px;
padding: 0;
display: inline-block;
background: #fff;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
position: relative;
font-size: 12px;
box-sizing: border-box;
border: solid 1px #028CD7;
color: #028CD7;
transition: .3s;
}
#archive .pager .page-numbers:hover,
#archive .pager span.current{
color: #fff;
background: #028CD7;
}
#archive .pager ul.pagination {
text-align: center;
margin: 0;
padding: 0;
font-size:0;
}
#archive .pager .pagination li {
margin: 0 1px;
padding: 0;
display: inline-block;
background: #fff;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
position: relative;
font-size: 12px;
box-sizing: border-box;
border: solid 1px #028CD7;
color: #028CD7;
}
#archive .pager .pagination li.back{
width: 160px;
}
#archive .pager .pagination li a{
vertical-align: middle;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
display:table;
color: #028CD7;
text-decoration: none;
}
#archive .pager .pagination li a span{
display:table-cell;
vertical-align:middle;
}
#archive .pager .pagination li a:hover,
#archive .pager .pagination li a.active{
color: #fff;
background: #028CD7;
}
#archive #sub .sub-nav dl .news ul li{
margin: 0;
}
@media (max-width:737px){
#archive #main article > .entry.list{
display: block;
}
#archive #main article > .entry.list a.img{
min-width: auto;
width: 100%;
margin:0 auto 20px;
}
#archive #sub {
display: block;
}
#archive #sub > *{
display: none;
}
#archive #sub > .sub-nav.archive-nav{
display: block;
}
#archive #sub .sub-nav dl ul{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
#archive #sub .sub-nav dl ul li{
float: none;
display: flex;
}
#archive #sub .sub-nav dl ul li a{
display: block;
box-sizing: border-box;
width: 100%;
}
#archive .pager .page-numbers {
width: 30px;
height: 30px;
line-height: 30px;
font-size: 11px;
margin: 0 1px 2px;
}
}
#archive .yarpp h3 {
font-size: 24px;
font-weight: bold;
color: #333;
border-bottom: 1px solid #ccc;
margin: 0 0 15px;
}
#archive .yarpp-thumbnails-horizontal .yarpp-thumbnail {
margin: 5px 15px 5px 0;
transition: 0.3s;
}
#archive .yarpp-thumbnails-horizontal .yarpp-thumbnail:hover {
opacity: 0.6;
}
#archive .yarpp-thumbnails-horizontal .yarpp-thumbnail:last-of-type {
margin: 5px 0;
}
@media screen and (max-width:768px) {
#archive .yarpp {
margin: 0 10px;
text-align: center;
}
#archive .yarpp h3 {
font-size: 20px;
text-align: left;
}
#archive .yarpp-thumbnail > img,
#archive .yarpp-thumbnail-default {
width: 100%;
margin: 0;
}
#archive .yarpp-thumbnails-horizontal .yarpp-thumbnail-title {
text-align: center;
width: 100%;
box-sizing: border-box;
margin: 10px 0 0;
}
#archive .yarpp-thumbnails-horizontal .yarpp-thumbnail {
width: 100%;
height: auto;
margin: 0 0 2.5% 0;
padding: 10px;
box-sizing: border-box;
}
}
#archive #main article .campaign-post .fs-14{
font-size: 14px;
}
#archive #main article .campaign-post .fs-15{
font-size: 15px;
}
#archive #main article .campaign-post .mb-15em{
margin: 0 0 1.5em;
}
#archive #main article .campaign-post .tit-bg-blue{
background: #168CD7;
font-size: 16px;
font-weight: bold;
color: #fff;
margin: 0 0 15px;
padding: 5px 15px;
}
#archive #main article .campaign-post .dl02 {
margin: 0 0 30px;
}
#archive #main article .campaign-post .dl02 dt{
font-size: 14px;
font-weight: bold;
border-bottom: 1px solid #168CD7;
color: #168CD7;
margin: 0 0 10px;
}
#archive #main article .campaign-post .dl02 dd{
margin: 0 0 10px;
}
#archive #main article .campaign-post .txt-bold{
font-weight: bold;
}
#archive #main article .campaign-post .txt-blue{
color: #168CD7;
}
#archive #main article .campaign-post .txt-red{
color: #FF0000;
} #order #cont h1 {
padding: 40px 0 0;
text-align: center;
color: #028CD7;
font-size: 3em;
text-align: center;
font-weight: bold;
}
#order #cont .form_area {
margin: 20px 0 80px;
}
#order #cont .form_area .inner {
padding: 35px 45px;
border: solid 4px #ccc;
}
#order #cont .form_area p.flow {
height: 37px;
text-indent: -9999px;
}
#order #cont .form_area p.flow_01 {
background: url(/imgs/recruit/form/flow01.png) no-repeat center top;
}
#order #cont .form_area p.flow_02 {
background: url(/imgs/recruit/form/flow02.png) no-repeat center top;
}
#order #cont .form_area p.flow_03 {
background: url(/imgs/recruit/form/flow03.png) no-repeat center top;
}
#order #cont .form_area .headline div div {
margin: 20px 0 40px 10px;
background: url(/imgs/order/img01.jpg) no-repeat 93% top;
font-size: 1.167em;
}
#order #cont .form_area .headline div div p {
width: 540px;
}
#order #cont .form_area .headline div div p:first-of-type {
display: none;
}
#order #cont .form_area .headline div div p em {
padding-left: 1em;
text-indent: -1em;
display: block;
color: #f00;
}
#order #cont .form_area .headline div div p span {
color: #008CD7;
font-size: 1.500em;
font-weight: bold;
}
@media screen and (max-width: 737px) {
#order #cont h1 {
padding: 20px 0 0;
}
#order #cont .form_area {
margin: 1em 0 3em;
}
#order #cont .form_area .inner {
margin: 0 10px 20px;
padding: 0 0 10px;
border: none;
}
#order #cont .form_area p.flow {
height: auto;
margin: 0 0 1em;
padding: 3px 0;
background: url(/imgs/recruit/form/flow_bg.png) no-repeat right center #028CD7;
text-indent: 0;
color: #fff;
font-size: 1.333em;
font-weight: bold;
text-align: center;
}
#order #cont .form_area p.flow_03 {
background: #028CD7;
}
#order #cont .form_area .headline div div {
margin: 0 0 2em;
padding: 0;
background: none;
}
#order #cont .form_area .headline div div p {
width: auto;
}
#order #cont .form_area .headline div div p:first-of-type {
width: 40%;
margin: 0 0 10px 10px;
float: right;
display: block;
}
#order #cont .form_area .headline div div p:first-of-type img {
width: 100%;
}
#order #cont .form_area .headline div div p:last-of-type {
width: auto;
float: none;
}
}
#order #cont .form_area section {
margin: 0 0 40px 10px;
padding: 0 0 0 130px;
}
#order #cont .form_area section:last-of-type {
margin: 0 0 0 10px;
}
#order #cont .form_area section:nth-of-type(1) {
background: url(/imgs/order/img02.png) no-repeat left top;
}
#order #cont .form_area section:nth-of-type(2) {
background: url(/imgs/order/img03.png) no-repeat left top;
}
#order #cont .form_area section:nth-of-type(3) {
background: url(/imgs/order/img04.png) no-repeat 11px top;
}
#order #cont .form_area section h2 {
margin: 0 0 10px;
color: #008CD7;
font-size: 1.500em;
font-weight: bold;
}
#order #cont .form_area section dl.form_input {
border-bottom: dotted 1px #ccc;
font-size: 1.167em;
}
#order #cont .form_area section:last-of-type dl.form_input {
border-bottom: none;
}
#order #cont .form_area section dl.form_input dt {
clear: both;
width: 150px;
margin: 0;
padding: 22px 0 20px 5px;
float: left;
font-weight: bold;
}
#order #cont .form_area section dl.form_input dt span {
padding: 2px 5px;
background-color: #f00;
float: right;
color: #fff;
font-size: 0.857em;
font-weight: normal;
}
#order #cont .form_area section:last-of-type dl.form_input dt span {
float: none;
}
#order #cont .form_area section dl.form_input dd {
margin: 0;
padding: 20px 0 20px 180px;
border-top: dotted 1px #ccc;
}
#order #cont .form_area section dl.form_input dd span.attention {
margin: 10px 0;
font-size: 0.857em;
display: inline-block;
}
#order #cont .form_area section dt:last-of-type span {
margin-left: 10px;
float: none;
}
#order #cont .form_area section dl.form_input dd input[type="email"],
#order #cont .form_area section dl.form_input dd input[type="tel"],
#order #cont .form_area section dl.form_input dd input[type="text"] {
margin: -2px 0 0 0;
padding: 3px 5px;
vertical-align: middle;
box-sizing: border-box;
}
#order #cont .form_area section dl.form_input dd .txt_01 {
width: 315px;
}
#order #cont .form_area section dl.form_input dd .txt_02 {
width: 140px;
}
#order #cont .form_area section dl.form_input dd select {
width: 180px;
box-sizing: border-box;
}
#order #cont .form_area section:nth-of-type(2) dl.form_input dd select {
margin: 15px 0;
}
#order #cont .form_area section dl.form_input dd .txt_03 {
width: 530px;
}
#order #cont .form_area section dl.form_input dd .chck_01 {
margin-right: 10px;
vertical-align: middle;
}
#order #cont .form_area section dl.form_input dd textarea {
width: 530px;
padding: 5px;
box-sizing: border-box;
}
#order #cont .form_area section dl.form_input dd .txtarea_01 {
height: 8em;
}
#order #cont .form_area section dl.form_input dd .txtarea_02 {
height: 10em;
}
#order #cont .form_area section dl.form_input dd div {
width: auto;
padding: 15px;
border: solid 1px #ccc;
box-sizing: border-box;
}
#order #cont .form_area section dl.form_input dd div p {
margin: 0 0 1em;
}
#order #cont .form_area section dl.form_input dd div p:last-of-type {
margin: 0;
}
#order #cont .ssl {
width: auto;
margin: 50px auto;
padding: 20px;
background: #EEEEEE;
}
#order #cont .ssl .img {
float: left;
}
#order #cont .ssl .text {
margin: 0 0 0 150px;
font-size: 1.167em;
}
#order #cont p.btn {
text-align: center;
padding: 10px 0 0;
}
#order #cont ul.btn {
text-align: center;
padding: 10px 0 0;
}
#order #cont ul.btn li {
display: inline-block;
margin: 0 5px;
}
#order #cont ul.btn input[type="submit"],
#order #cont ul.btn input[type="button"] {
width: 200px;
padding: 15px 0;
background: #028CD7;
border: none;
text-align: center;
color: #FFF;
font-size: 1.333em;
font-weight: bold;
outline: none;
cursor: pointer;
}
#order #cont ul.btn input[type="submit"]:hover {
background: #06C;
}
#order #cont ul.btn input[type="button"] {
background: #CCC;
color: #333;
}
#order #cont ul.btn input[type="button"]:hover {
background: #999;
}
@media screen and (max-width: 737px) {
#order #cont .form_area section {
margin: 0 0 2em;
padding: 0 0 0 17%;
}
#order #cont .form_area section:last-of-type {
margin: 0;
}
#order #cont .form_area section:nth-of-type(1) {
background: url(/imgs/order/img02.png) no-repeat left top;
background-size: 13%;
}
#order #cont .form_area section:nth-of-type(2) {
background: url(/imgs/order/img03.png) no-repeat left top;
background-size: 13%;
}
#order #cont .form_area section:nth-of-type(3) {
background: url(/imgs/order/img04.png) no-repeat left top;
background-size: 13%;
}
#order #cont .form_area section dl.form_input dt {
clear: both;
width: auto;
padding: 1em 0 0;
border-top: dotted 1px #ccc;
float: none;
}
#order #cont .form_area section dl.form_input dt span {
margin-left: 10px;
float: none;
}
#order #cont .form_area section dl.form_input dd {
padding: 1em 0;
border-top: none;
}
#order #cont .form_area section dl.form_input dd label {
padding: 5px 0;
display: inline-block;
box-sizing: border-box;
}
#order #cont .form_area section dl.form_input dd input[type="email"],
#order #cont .form_area section dl.form_input dd input[type="tel"],
#order #cont .form_area section dl.form_input dd input[type="text"] {
width: 100% !important;
margin: 0;
}
#order #cont .form_area section:nth-of-type(2) dl.form_input dd select {
width: 120px;
margin: 1em 0;
}
#order #cont .form_area section dl.form_input dd textarea {
width: 100%;
}
#order #cont .form_area section dl.form_input dd div {
width: 100%;
padding: 10px;
}
#order #cont .ssl {
width: auto;
margin: 0 10px 20px;
padding: 10px 15px;
}
#order #cont .ssl .img {
margin: 0 10px 5px 0;
}
#order #cont .ssl .text {
margin: 0;
}
} #inquiry .main-contact,
#inquiry .ft-bnr-cont,
#inquiry footer .inner,
#inquiry footer .copyright ul{
display:none;
}
#inquiry #cont h1 {
padding: 40px 0 0;
text-align: center;
color: #028CD7;
font-size: 3em;
text-align: center;
font-weight: bold;
}
#inquiry #cont h1 br {
display: none;
}
#inquiry #cont .form_area {
margin: 20px 0 80px;
}
#inquiry #cont .form_area .inner {
padding: 35px 45px;
border: solid 4px #ccc;
}
#inquiry #cont .form_area p.flow {
height: 37px;
text-indent: -9999px;
}
#inquiry #cont .form_area p.flow_01 {
background: url(/imgs/recruit/form/flow01.png) no-repeat center top;
}
#inquiry #cont .form_area p.flow_02 {
background: url(/imgs/recruit/form/flow02.png) no-repeat center top;
}
#inquiry #cont .form_area p.flow_03 {
background: url(/imgs/recruit/form/flow03.png) no-repeat center top;
}
#inquiry #cont .form_area .headline p {
font-size: 1.167em;
margin: 0 0 1em;
}
#inquiry #cont .form_area .headline dl {
min-height: 217px;
margin: 20px 0 40px 10px;
background: url(/imgs/inquiry/img01.jpg) no-repeat 93% 25px;
font-size: 1.167em;
}
#inquiry #cont .form_area .headline dl dt {
width: 540px;
margin: 0 0 5px;
padding: 10px 0 0;
font-size: 1.143em;
font-weight: bold;
}
#inquiry #cont .form_area .headline dl dd {
width: 540px;
}
#inquiry #cont .form_area .headline dl dd:first-of-type {
display: none;
}
#inquiry #cont .form_area .headline dl dd span {
color: #008CD7;
font-size: 1.500em;
font-weight: bold;
}
#inquiry #cont .form_area .headline .catch{
font-size: 16px;
text-align: center;
margin: -35px 0 40px;
}
#inquiry #cont .form_area .headline .tel-list{
display: flex;
align-items: center;
margin: 0 0 30px;
}
#inquiry #cont .form_area .headline .tel-list .tel-list-item{}
#inquiry #cont .form_area .headline .tel-list .tel-list-item p.tit{
font-size: 14px;
margin: 0 0 5px;
}
#inquiry #cont .form_area .headline .tel-list .tel-list-item p.number{
font-size: 29px;
margin: 0;
line-height: 1.0;
}
#inquiry #cont .form_area .headline .tel-list .tel-list-item.item01 {
width: 40%;
}
#inquiry #cont .form_area .headline .tel-list .tel-list-item.item01 p{
margin: 0;
font-size: 16px;
font-weight: bold;
color: #018CD7;
padding: 0 0 0 10.0%;
box-sizing: border-box;
}
#inquiry #cont .form_area .headline .tel-list .tel-list-item.item02{
width: 30%;
border-right: 1px solid #CECECE;
}
#inquiry #cont .form_area .headline .tel-list .tel-list-item.item03{
width: 40%;
padding: 0 0 0 5.0%;
box-sizing: border-box;
}
#inquiry #cont .form_area .headline .tel-list .tel-list-item.item02 .number a{
padding: 2px 0 2px 40px;
background: url(/imgs/inquiry/icon-free.svg) no-repeat left center;
}
#inquiry #cont .form_area .headline .tel-list .tel-list-item.item03 .number a{
padding: 2px 0 2px 30px;
background: url(/imgs/inquiry/icon-tel.svg) no-repeat left center;
}
#inquiry #cont .headline .catch br {
display: none;
}
@media screen and (max-width: 737px) {
#inquiry #cont h1 {
padding: 20px 0 0;
font-size: 2.4em;
}
#inquiry #cont .headline .catch br {
display: block;
}
#inquiry #cont .form_area {
margin: 1em 0 3em;
}
#inquiry #cont .form_area .inner {
margin: 0 10px 20px;
padding: 0;
border: none;
}
#inquiry #cont .form_area p.flow {
height: auto;
margin: 0 0 1em;
padding: 3px 0;
background: url(/imgs/recruit/form/flow_bg.png) no-repeat right center #028CD7;
text-indent: 0;
color: #fff;
font-size: 1.333em;
font-weight: bold;
text-align: center;
}
#inquiry #cont .form_area p.flow_03 {
background: #028CD7;
}
#inquiry #cont .form_area .headline dl {
min-height: inherit;
margin: 0;
padding: 0 0 10px;
background: none;
}
#inquiry #cont .form_area .headline dl dt {
width: 100%;
padding: 0;
}
#inquiry #cont .form_area .headline dl dd {
width: 60%;
float: left;
}
#inquiry #cont .form_area .headline dl dd:first-of-type {
width: 40%;
margin: 0 0 10px 10px;
float: right;
display: block;
}
#inquiry #cont .form_area .headline dl dd:first-of-type img {
width: 100%;
}
#inquiry #cont .form_area .headline dl dd:last-of-type {
width: auto;
float: none;
}
#inquiry #cont .form_area .headline{
padding: 0 10px;
}
#inquiry #cont .form_area .headline .catch{
font-size: 14px;
margin: -30px 0 20px;
}
#inquiry #cont .form_area .headline .tel-list{
display: block;
margin: 0 0 20px;
background: #EFEFEF;
padding: 15px;
}
#inquiry #cont .form_area .headline .tel-list .tel-list-item.item01{
width: 100%;
padding: 0;
text-align: center;
}
#inquiry #cont .form_area .headline .tel-list .tel-list-item.item02{
width: 100%;
border-right: none;
border-bottom: 1px solid #CECECE;
padding: 10px 0;
display: flex;
justify-content: center;
}
#inquiry #cont .form_area .headline .tel-list .tel-list-item.item03{
width: 100%;
padding: 10px 0;
display: flex;
justify-content: center;
}
}
#inquiry #cont dl.form_input {
margin: 0 0 0 10px;
font-size: 1.167em;
}
#inquiry #cont dl.form_input dt:first-of-type{
border-top: none;
padding: 5px 0 20px 5px;
}
#inquiry #cont dl.form_input dd:first-of-type{
border-top: none;
padding: 5px 0 20px 230px;
}
#inquiry #cont dl.form_input dt {
clear: both;
width: 200px;
margin: 0;
padding: 22px 0 20px 5px;
float: left;
font-size: 16px;
font-weight: bold;
}
#inquiry #cont dl.form_input dt span {
padding: 2px 5px;
background-color: #f00;
float: right;
color: #fff;
font-size: 0.857em;
font-weight: normal;
}
#inquiry #cont dl.form_input dt:last-of-type span {
margin-left: 10px;
float: none;
}
#inquiry #cont dl.form_input dd {
margin: 0;
padding: 20px 0 20px 230px;
border-top: dotted 1px #ccc;
}
#inquiry #cont dl.form_input dd .wpcf7-list-item{
display:block;
margin:0;
}
#inquiry #cont dl.form_input dd span.attention {
margin: 10px 0;
font-size: 0.857em;
display: inline-block;
}
#inquiry #cont dl.form_input dd input[type="email"],
#inquiry #cont dl.form_input dd input[type="tel"],
#inquiry #cont dl.form_input dd input[type="text"] {
margin: -2px 0 0 0;
padding: 3px 5px;
vertical-align: middle;
box-sizing: border-box;
}
#inquiry #cont dl.form_input dd .txt_01 {
width: 315px;
}
#inquiry #cont dl.form_input dd .txt_02 {
width: 140px;
}
#inquiry #cont dl.form_input dd select {
width: 180px;
margin: 15px 0;
box-sizing: border-box;
}
#inquiry #cont dl.form_input dd .txt_03 {
width: 530px;
}
#inquiry #cont dl.form_input dd .chck_01 {
margin-right: 10px;
vertical-align: middle;
}
#inquiry #cont dl.form_input dd textarea {
width: 620px;
padding: 5px;
box-sizing: border-box;
}
#inquiry #cont dl.form_input dd .txtarea_01 {
height: 8em;
}
#inquiry #cont dl.form_input dd .txtarea_02 {
height: 13.0em;
}
#inquiry #cont dl.form_input dd div {
width: 620px;
padding: 15px;
border: solid 1px #ccc;
box-sizing: border-box;
}
#inquiry #cont dl.form_input dd div p {
margin: 0 0 1em;
}
#inquiry #cont dl.form_input dd div p:last-of-type {
margin: 0;
}
#inquiry #cont .ssl {
width: auto;
margin: 50px auto;
padding: 20px;
background: #EEEEEE;
}
#inquiry #cont .ssl .img {
float: left;
}
#inquiry #cont .ssl .text {
margin: 0 0 0 150px;
font-size: 1.167em;
}
#inquiry #cont ul.btn {
text-align: center;
padding: 10px 0 0;
}
#inquiry #cont ul.btn li {
display: inline-block;
margin: 0 5px;
}
#inquiry #cont ul.btn input[type="submit"],
#inquiry #cont ul.btn input[type="button"] {
width: 200px;
padding: 15px 0;
background: #028CD7;
border: none;
text-align: center;
color: #FFF;
font-size: 1.333em;
font-weight: bold;
outline: none;
cursor: pointer;
}
#inquiry #cont ul.btn input[type="submit"]:hover {
background: #06C;
}
#inquiry #cont ul.btn input[type="button"] {
background: #CCC;
color: #333;
}
#inquiry #cont ul.btn input[type="button"]:hover {
background: #999;
}
@media screen and (max-width: 737px) {
#inquiry #cont dl.form_input {
margin: 0;
}
#inquiry #cont dl.form_input dt {
clear: both;
width: auto;
padding: 1em 0 0;
border-top: dotted 1px #ccc;
float: none;
}
#inquiry #cont dl.form_input dt span {
margin-left: 10px;
float: none;
}
#inquiry #cont dl.form_input dd {
padding: 1em 0;
border-top: none;
}
#inquiry #cont dl.form_input dd label {
padding: 5px 0;
display: inline-block;
box-sizing: border-box;
}
#inquiry #cont dl.form_input dd input[type="email"],
#inquiry #cont dl.form_input dd input[type="tel"],
#inquiry #cont dl.form_input dd input[type="text"] {
width: 100% !important;
margin: 0;
}
#inquiry #cont dl.form_input dd select {
width: 120px;
margin: 1em 0;
}
#inquiry #cont dl.form_input dd textarea {
width: 100%;
}
#inquiry #cont dl.form_input dd div {
width: 100%;
padding: 10px;
}
#inquiry #cont .ssl {
width: auto;
margin: 0 10px 20px;
padding: 10px 15px;
}
#inquiry #cont .ssl .img {
margin: 0 10px 5px 0;
}
#inquiry #cont .ssl .text {
margin: 0;
}
#inquiry #cont dl.form_input dt:first-of-type{
padding: 1em 0 0;
}
#inquiry #cont dl.form_input dd:first-of-type{
padding: 1em 0;
}
} #staffblog #main .inquiry p {
height: 215px;
background: url(/common/img/main_inquiry_bg.jpg) no-repeat;
}
#staffblog #main .visual {
margin: 0 0 1em;
position: relative;
}
@media screen and (max-width: 737px) {
#staffblog #main .inquiry p {
height: auto;
}
#staffblog #main .visual img {
width: 100%;
height: auto;
}
}
#staffblog #main .headline {
margin: 0;
}
#staffblog #main .headline dl {
min-height: 138px;
margin: 0; }
#staffblog #main .headline dl dt {
width: 510px;
margin: 0 0 5px;
padding: 10px 0 0;
color: #008CD7;
font-size: 1.429em;
font-weight: bold;
}
#staffblog #main .headline dl dd {
width: 510px;
}
@media screen and (max-width: 737px) {
#staffblog #main .headline {
margin: 0;
}
#staffblog #main .headline dl {
min-height: inherit;
margin: 0;
padding: 0 0 10px; }
#staffblog #main .headline dl dt {
width: 80%;
}
#staffblog #main .headline dl dd {
width: 65%;
}
#staffblog #main .headline dl dd br {
display: none;
}
}
@media screen and (max-width: 340px) {
#staffblog #main .headline dl dt {
width: 100%;
}
}
#staffblog #main .topics dl {
padding: 20px 0;
border-bottom: dotted 2px #ccc;
}
#staffblog #main .topics dl:first-of-type {
border-top: dotted 2px #ccc;
}
#staffblog #main .topics dl dt {
width: 490px;
margin: 0 0 15px;
float: right;
font-size: 1.25em;
font-weight: bold;
}
#staffblog #main .topics dl dt a {
color: #333;
text-decoration: none;
}
#staffblog #main .topics dl dt a:hover {
text-decoration: underline;
}
#staffblog #main .topics dl dd:first-of-type {
float: left;
}
#staffblog #main .topics dl dd:last-of-type {
width: 490px;
margin: 0;
float: right;
}
#staffblog #main .topics dl dd:last-of-type a {
margin: 1em 0 0;
display: block;
text-align: right;
}
#staffblog #main .topics dl dd p {
font-size: 1em;
margin: 0;
}
@media screen and (max-width: 737px) {
#staffblog #main .topics dl {
padding: 1em 0;
}
#staffblog #main .topics dl dt {
width: auto;
margin: 0;
float: none;
}
#staffblog #main .topics dl dd:first-of-type {
margin: 1em 0;
float: none;
text-align: center;
}
#staffblog #main .topics dl dd:last-of-type {
width: auto;
float: none;
}
}
#staffblog #main .link_area {
margin: 40px 0;
}
#staffblog #main .link_area ul {
margin: 0;
border: solid 1px #028CD7;
}
#staffblog #main .link_area ul li {
width: 50%;
float: left;
box-sizing: border-box;
text-align: center;
}
#staffblog #main .link_area ul li.prev {
border-right: solid 1px #028CD7;
}
#staffblog #main .link_area ul li a {
padding: 10px 0;
position: relative;
display: block;
text-decoration: none;
}
#staffblog #main .link_area ul li a:hover {
background-color: #028CD7;
color: #fff;
}
#staffblog #main .link_area ul li.prev a:before {
content: "<<";
margin-right: 10px;
}
#staffblog #main .link_area ul li.next a:after {
content: ">>";
margin-left: 10px;
} #staffblog #main article {
margin: 0 0 30px;
padding: 20px 20px 30px;
border: solid 1px #ccc;
}
#staffblog #main article h2 {
margin: 0 0 30px;
padding: 0 0 10px;
border-bottom: dotted 1px #ccc;
position: relative;
}
#staffblog #main article h2 span {
padding-left: 15px;
border-left: solid 5px #028CD7;
display: block;
}
#staffblog #main article h2 em {
color: #028CD7;
font-size: 1.750em;
font-weight: bold;
}
#staffblog #main article .eyecatch {
float: right;
margin: 0 0 10px 10px;
}
#staffblog #main article .wp-caption {
max-width: 100%;
}
#staffblog #main article .wp-caption-text {
display: inline-block;
text-align: left;
color: #8a8a8a;
margin: 5px 0 10px;
font-size: 12px;
}
@media screen and (max-width: 737px) {
#staffblog #main article {
margin: 0 10px 2em;
padding: 1em;
}
#staffblog #main article .eyecatch {
margin: 0 0 10px;
float: none;
}
#staffblog #main article .eyecatch img {
width: 100%;
height: auto;
}
} #staffblog #main div#comments {
margin-top: 20px;
padding-top: 20px;
}
#staffblog #main .commentlist {
margin-top: 10px;
background-color: #f5f5f5;
padding: 10px;
}
#staffblog #main .commentlist li {
padding: 10px;
border-bottom: 5px solid #028cd7;
}
#staffblog #main .commentlist li:nth-child(n+2) {
padding-top: 20px;
}
#staffblog #main .commentlist li:last-child {
margin-bottom: 10px;
}
#staffblog #main .commentlist span.says,
div.reply {
display: none;
}
#staffblog #main div.comment-body {
font-size: 14px;
}
#staffblog #main div.comment-body p {
margin-top: 10px;
font-size: 16px;
}
#staffblog #main div.comment-author.vcard:after {
content: 'さん';
}
#staffblog #main form#commentform {
display: flex;
flex-direction: column;
margin-bottom: 20px;
}
#staffblog #main form#commentform p {
margin-bottom: 10px;
}
#staffblog #main form#commentform label {
display: block;
width: 50px;
}
#staffblog #main form#commentform :focus {
outline: none;
}
#staffblog #main form#commentform input,
textarea {
border: solid 1px #ccc;
}
#staffblog #main form#commentform input:focus,
textarea:focus {
border: solid 1px #028cd7;
}
#staffblog #main h3#reply-title {
font-size: 16px;
font-weight: bold;
border-left: solid 5px #028cd7;
padding-left: 10px;
} #tokyo #topicpass {
display: none;
}
#tokyo #sliderArea {
display: flex;
}
#tokyo .slider {
max-width: 690px;
width: 100%;
}
#tokyo .slick-dots li button {
color: #000000;
opacity: 0.5;
}
#tokyo .slick-dots li button:before {
content: "●";
} @media screen and (max-width: 737px) {
#tokyo #sliderArea {
display: block;
}
#tokyo .slider {
width: 100%;
max-width: 100%;
}
#tokyo .slider img {
width: 100%;
} }
#tokyo #main section a {
color: #333;
text-decoration: none;
}
#tokyo #main section a:hover {
text-decoration: none;
}
#tokyo #main .visual {
margin: 0 0 15px;
}
#tokyo #main .visual p {
margin: 0 0 5px;
}
@media screen and (max-width: 737px) {
#tokyo #main .visual {
margin: -1% 0 15px;
}
#tokyo #main .visual img {
width: 100%;
height: auto;
}
}
#tokyo #main .catch-box {
text-align: center;
padding: 20px 0 40px;
}
#tokyo #main .catch-box .txt1 {
color: #018CD7;
font-size: 1.667em;
font-weight: bold;
margin-bottom: 10px;
}
#tokyo #main .catch-box .txt1 .red {
color: #EB1B20;
}
#tokyo #main .catch-box .txt1 strong {
font-size: 2em;
line-height: 1;
}
#tokyo #main .catch-box .txt2 {
font-size: 1.286em;
font-weight: bold;
}
#tokyo #main .catch-box .txt2 br.pc {
display: block;
}
#tokyo #main .lineup {
margin: 0;
}
#tokyo #main .lineup a:hover {
opacity: 0.7;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
}
#tokyo #main .lineup h2 {
font-size: 1.333em;
font-weight: bold;
border-bottom: #CCCCCC 1px solid;
padding: 5px 0 5px 20px;
position: relative;
margin: 0 0 20px;
background: none;
border-left: none;
}
#tokyo #main .lineup h2:after {
content: "";
position: absolute;
left: 5px;
top: 10px;
height: 20px;
width: 5px;
background: #028CD7;
}
#tokyo #main .lineup .item-wrapper {
margin: 0 0 10px;
}
#tokyo #main .lineup .item {
float: left;
width: 356px;
border: #EB1B20 1px solid;
border-top: #EB1B20 5px solid;
margin: 0 0 25px;
background: url(/imgs/home/lineup01.png) right bottom no-repeat;
position: relative;
}
#tokyo #main .lineup .item.postcard {
border: #33CC99 1px solid;
border-top: #33CC99 5px solid;
float: right;
background: url(/imgs/home/lineup02.png) right bottom no-repeat;
}
#tokyo #main .lineup .item.print {
border: #FFB300 1px solid;
border-top: #FFB300 5px solid;
background: url(/imgs/home/lineup03.png) right bottom no-repeat;
}
#tokyo #main .lineup .item.send {
border: #06C1FF 1px solid;
border-top: #06C1FF 5px solid;
float: right;
background: url(/imgs/home/lineup04.png) right bottom no-repeat;
}
#tokyo #main .lineup .item.transparent:after {
content: "";
background: url(/imgs/home/icon_popular.png);
width: 90px;
height: 90px;
position: absolute;
right: -10px;
bottom: -10px;
display: block;
}
#tokyo #main .lineup .item h3 {
padding: 7px 25px 5px 30px;
font-size: 2em;
border-bottom: #CCCCCC 1px solid;
position: relative;
}
#tokyo #main .lineup .item h3 span {
background: #EB1B20;
color: #FFFFFF;
font-weight: bold;
display: inline-block;
margin: 0 0 0 10px;
font-size: 0.6em;
padding: 0 10px;
}
#tokyo #main .lineup .item h3:after {
content: "";
width: 5px;
height: 20px;
background: #EB1B20;
position: absolute;
left: 15px;
top: 50%;
margin: -10px 0 0;
}
#tokyo #main .lineup .item.postcard h3:after {
background: #33CC99;
}
#tokyo #main .lineup .item.print h3:after {
background: #FFB300;
}
#tokyo #main .lineup .item.send h3:after {
background: #06C1FF;
}
#tokyo #main .lineup .item h3:before {
content: "";
background: url(/common/img/icon_arrow01.png);
left: 340px;
width: 6px;
height: 12px;
position: absolute;
top: 50%;
margin: -6px 0 0;
}
#tokyo #main .lineup .item .item-inner {
padding: 10px 15px;
}
#tokyo #main .lineup .item ul {
font-size: 1em;
margin: 0 0 10px;
}
#tokyo #main .lineup .item ul li {
display: inline-block;
font-size: 0.917em;
color: #FFFFFF;
background: #333;
margin: 0 0px 0 0;
padding: 0 5px;
}
#tokyo #main .lineup .item .catch {
font-size: 1.25em;
margin: 0;
}
#tokyo #main .lineup .item .attention {
position: absolute;
right: 0;
bottom: -30px;
font-size: 0.917em;
}
#tokyo #main .lineup > .inner > ul li {
margin: 0 0 10px;
}
#tokyo #main .lineup > .inner > ul li a {
display: block;
width: 735px;
height: 100px;
text-indent: -9999px;
}
#tokyo #main .lineup > .inner > ul li a:hover {
opacity: 0.7;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
}
#tokyo #main .lineup > .inner > ul li:nth-child(1) a {
background: url(/imgs/home/img07.jpg);
}
#tokyo #main .lineup > .inner > ul li:nth-child(2) a {
background: url(/imgs/home/img08.jpg);
}
#tokyo #main .lineup > .inner > ul li:nth-child(3) a {
background: url(/imgs/home/img09.jpg);
}
#tokyo #main .lineup .item .attention {
bottom: -20px;
color: #666;
}
@media screen and (max-width: 737px) {
#tokyo #main .catch-box .txt1 {
text-align: left;
}
#tokyo #main .catch-box .txt2 {
text-align: left;
font-weight: normal;
}
#tokyo #main .catch-box .txt2 br.pc {
display: none;
}
#tokyo #main .lineup h2 {
padding: 5px 0 5px 30px;
background: none;
border-left: none;
}
#tokyo #main .lineup h2:after {
left: 15px;
}
#tokyo #main .lineup .item {
float: none !important;
width: auto;
margin: 0 0 10px;
}
#tokyo #main .lineup .item {
background: url(/imgs/home/lineup01.png) right bottom no-repeat;
background-size: 110px auto;
margin: 0 0 25px;
}
#tokyo #main .lineup .item.postcard {
background: url(/imgs/home/lineup02.png) right bottom no-repeat;
background-size: 110px auto;
}
#tokyo #main .lineup .item.print {
background: url(/imgs/home/lineup03.png) right bottom no-repeat;
background-size: 110px auto;
}
#tokyo #main .lineup .item.send {
background: url(/imgs/home/lineup04.png) right bottom no-repeat;
background-size: 110px auto;
}
#tokyo #main .lineup .item.transparent:after {
width: 60px;
height: 60px;
background: url(/imgs/home/icon_popular.png);
background-size: 60px auto;
}
#tokyo #main .lineup .item h3 {
padding: 4px 10px 2px 30px;
font-size: 1.65em;
}
#tokyo #main .lineup .item h3:before {
left: auto;
right: 10px;
}
#tokyo #main .lineup .item .item-inner {
padding: 10px 10px;
}
#tokyo #main .lineup .item .price {
margin: 0;
}
#tokyo #main .lineup .item .price img {
height: 36px;
width: auto;
}
#tokyo #main .lineup .item .catch {
margin: 0 0 10px;
}
#tokyo #main .lineup .item p:nth-of-type(2) {
display: none;
}
#tokyo #main .lineup .item .attention {
font-size: 0.863em;
}
#tokyo #main .lineup .item .attention span {
display: none;
}
#tokyo #main .lineup > .inner > ul li img {
width: 100%;
height: auto;
}
#tokyo #main .lineup > .inner > ul li a {
width: auto;
height: auto;
text-indent: 0;
background: none !important;
}
}
#tokyo #main .kakunin-box {
margin: 0 auto 40px;
padding: 20px 0 0;
width: 680px;
}
#tokyo #main .kakunin-box dt {}
#tokyo #main .kakunin-box dt img {
width: 100%;
height: auto;
}
#tokyo #main .kakunin-box dd {
background: #f2f0f0;
border: 1px #d9d9d9 solid;
text-align: center;
margin: 0 auto;
padding: 15px 0;
}
#tokyo #main .input-kakunin {
display: inline-block;
vertical-align: middle;
margin: 0 !important;
font-size: 0.9rem !important;
padding: 0 60px 0 0;
background: url(/imgs/service/pack/icon_arrow.svg) right center no-repeat;
}
#tokyo #main .input-kakunin input[type="number"] {
width: 100px;
height: 30px;
line-height: 30px;
margin: 0 10px;
border: none;
padding: 0 10px;
}
#tokyo #main .btn-kakunin {
display: inline-block;
vertical-align: middle;
width: 240px;
margin: 0 0 0 15px;
}
#tokyo #main .btn-kakunin input[type="submit"] {
display: block;
outline: none;
border: none;
cursor: pointer;
border-radius: 4px;
text-align: center;
padding: 12px 20px;
font-size: 1.1rem !important;
color: #fff !important;
text-decoration: none !important;
background: #fe5855;
background: -moz-linear-gradient(top, #fe5855 0%, #e92f26 100%);
background: -webkit-linear-gradient(top, #fe5855 0%, #e92f26 100%);
background: linear-gradient(to bottom, #fe5855 0%, #e92f26 100%);
}
#tokyo #main .btn-kakunin a:hover {
opacity: 0.7;
}
@media screen and (max-width:768px) {
#tokyo #main .kakunin-box {
padding: 20px 0 0;
width: auto;
}
#tokyo #main .input-kakunin {
margin: 0 0 20px !important;
background: none;
padding: 0;
display: block;
}
#tokyo #main .btn-kakunin {
margin: 0;
}
}
#tokyo #main .remote {
background-color: #F5F5F5;
padding: 20px;
}
#tokyo #main .remote .midashi {
text-align: center;
color: #018CD7;
font-size: 1.667em;
font-weight: bold;
}
#tokyo #main .remote .midashi br {
display: none;
}
#tokyo #main .remote .midashi span {
position: relative;
}
#tokyo #main .remote .midashi span:before {
content: '';
width: 1px;
height: 100%;
transform: skew(15deg, 0);
background-color: #018CD7;
position: absolute;
left: -10px;
}
#tokyo #main .remote .midashi span:after {
content: '';
width: 1px;
height: 100%;
transform: skew(-15deg, 0);
background-color: #018CD7;
position: absolute;
right: -10px;
}
#tokyo #main .remote .midashi strong {
background: linear-gradient(transparent 60%, #FFFF00 60%);
}
#tokyo #main .remote ul {
margin: 0;
}
#tokyo #main .remote ul li {
margin: 0 0 10px;
box-sizing: border-box;
padding-left: 18px;
font-size: 16px;
position: relative;
}
#tokyo #main .remote ul li:before {
content: '';
background: url(/imgs/tokyo/arrow.png) no-repeat top center / contain;
width: 16px;
height: 16px;
position: absolute;
left: 0;
top: 2px;
}
@media screen and (max-width:768px) {
#tokyo #main .remote {
padding: 20px 0;
}
#tokyo #main .remote .midashi br {
display: block;
}
#tokyo #main .remote .midashi span:after {
right: -50px;
top: 0;
}
#tokyo #main .remote ul {
display: block;
}
#tokyo #main .remote ul li {
width: 100%;
margin: 0 0 2%;
box-sizing: border-box;
padding-left: 18px;
font-size: 14px;
position: relative;
}
#tokyo #main .remote ul li:before {
content: '';
background: url(/imgs/tokyo/arrow.png) no-repeat top center / contain;
width: 16px;
height: 16px;
position: absolute;
left: 0;
top: 2px;
}
}
#tokyo #main .reason {
margin-bottom: 10px;
}
#tokyo #main .reason .block {
display: flex;
background-color: #F5F5F5;
margin-bottom: 20px;
}
#tokyo #main .reason .block .img {
min-width: 250px;
margin: 0;
}
#tokyo #main .reason .block .img img {
width: 100%;
}
#tokyo #main .reason .block .txt-box {
padding: 10px 20px;
}
#tokyo #main .reason .block .txt-box h3 {
color: #EB1B20;
font-size: 16px;
font-weight: bold;
margin-bottom: 5px;
}
#tokyo #main .reason .block .txt-box p {
font-size: 14px;
margin: 0;
}
@media screen and (max-width:768px) {
#tokyo #main .reason .block {
display: block;
}
#tokyo #main .reason .block .img {
min-width: none;
width: 100%;
margin: 0;
}
}
#tokyo #main .result .block {
display: flex;
border-radius: 10px;
border: solid 2px #018CD7;
margin-bottom: 20px;
padding: 20px;
}
#tokyo #main .result .block .img {
width: 110px;
margin: 0;
}
#tokyo #main .result .block .img img {
width: 100%;
}
#tokyo #main .result .block .txt-box {
padding: 0 20px;
}
#tokyo #main .result .block .txt-box h3 {
padding: 0 0 10px;
font-size: 18px;
font-weight: bold;
color: #018cd7;
}
#tokyo #main .result .block .txt-box h3 span {
display: block;
font-size: 14px;
margin-top: 5px;
}
#tokyo #main .result .block .txt-box table {
margin: 0;
}
#tokyo #main .result .block .txt-box th {
font-size: 14px;
font-weight: bold;
padding-bottom: 5px;
}
#tokyo #main .result .block .txt-box td {
font-size: 14px;
padding: 0 0 5px 10px;
}
#tokyo #main .result .more-link {
font-size: 1.25em;
width: 300px;
margin: 0 auto;
}
#tokyo #main .result .more-link a {
display: block;
border: #028CD7 1px solid;
padding: 10px 0;
text-align: center;
color: #028CD7;
}
#tokyo #main .result .more-link a span {
display: inline-block;
padding: 0 0 0 15px;
background: url(/common/img/icon_arrow02.png) left center no-repeat;
}
#tokyo #main .result .more-link a:hover {
background: #028CD7;
}
#tokyo #main .result .more-link a:hover span {
background: url(/common/img/icon_arrow03.png) left center no-repeat #028CD7;
color: #FFF;
}
@media screen and (max-width:768px) {
#tokyo #main .result .block {
display: block;
padding: 10px;
}
#tokyo #main .result .block .img {
min-width: none;
width: 100px;
margin: 0 auto 10px;
}
#tokyo #main .result .block .txt-box {
padding: 0 10px;
}
}
#tokyo #main .bn img {
width: 100%;
}
#tokyo #main .greeting h2 {
margin: 0 0 20px;
font-size: 1em;
font-weight: normal;
background: none;
border-left: none;
}
#tokyo #main .greeting .img {
float: left;
}
#tokyo #main .greeting .text {
margin: 0 0 0 244px;
}
#tokyo #main .greeting .text .catch {
background: url(/imgs/home/img21.png) no-repeat;
height: 28px;
text-indent: -9999px;
}
#tokyo #main .greeting .text .name {
text-align: right;
font-weight: bold;
}
@media screen and (max-width: 737px) {
#tokyo #main .greeting {
display: none;
}
#tokyo #main .greeting h2 {
padding: 0 15px;
}
#tokyo #main .greeting h2 img {
width: 100%;
height: auto;
}
#tokyo #main .greeting .img {
width: 100px;
float: left;
margin: 0 10px 5px 0;
}
#tokyo #main .greeting .img img {
width: 100%;
height: auto;
}
#tokyo #main .greeting .text {
margin: 0;
}
#tokyo #main .greeting .text .catch {
background: none;
height: auto;
text-indent: 0;
font-size: 1.333em;
font-weight: bold;
}
}
#tokyo #main #btn-merit {
width: 623px;
margin: 0 auto 4em;
}
#tokyo #main #btn-merit a {}
#tokyo #main #btn-merit a:hover {
opacity: 0.7;
}
#tokyo #main #btn-merit img {
width: 100%;
height: auto;
}
@media screen and (max-width:768px) {
#tokyo #main #btn-merit {
width: auto;
}
#tokyo #main .merit-ul {
display: block;
}
#tokyo #main .merit-ul li {
width: 100%;
margin: 0 0 20px;
}
#tokyo #main .merit-ul li:last-child {
margin: 0 0 20px;
}
#tokyo #main #btn-merit {
padding: 0 10px;
}
#tokyo #main .merit-ul dl {
display: flex;
justify-content: space-between;
}
#tokyo #main .merit-ul dt {
width: 30% !important;
padding: 0;
}
#tokyo #main .merit-ul dd {
width: 65% !important;
}
} #template #main .list table {
width: 100%;
margin: 30px 0 20px;
border: solid 1px #ccc;
}
#template #main .list table thead th {
padding: 10px 15px;
background-color: #F7F7F7;
border: solid 1px #ccc;
font-weight: bold;
vertical-align: middle;
text-align: center;
box-sizing: border-box;
}
#template #main .list table thead th:nth-of-type(1) {
width: 150px;
padding: 10px 15px;
}
#template #main .list table thead th:nth-of-type(2) {
width: 86px;
}
#template #main .list table tbody th {
padding: 10px 5px;
border: solid 1px #ccc;
text-align: center;
}
#template #main .list table tbody th .sp{
display: none;
}
#template #main .list table tbody th span{
display: block;
font-size: 0.929em;
}
#template #main .list table td {
padding: 10px 15px;
border: solid 1px #ccc;
position: relative;
}
#template #main .list table td:nth-of-type(1) {
text-align: center;
}
#template #main .list table td:nth-of-type(2) {
border-right: none;
padding-right: 8px;
}
#template #main .list table td:nth-of-type(3) {
border-left: none;
padding-left: 8px;
}
#template #main .list table td .btn{
display: flex;
align-items: center;
}
#template #main .list table td .btn span{
display: inline-block;
margin-right: 5px;
}
#template #main .check .point{
padding-bottom: 10px;
}
#template #main .check h3{
padding: 5px 5px 5px 23px;
background-color: #028CD7;
color: #fff;
font-size: 1.333em;
font-weight: bold;
position: relative;
margin-bottom: 20px;
}
#template #main .check h3:before {
content: "";
width: 3px;
height: 16px;
background-color: #fff;
position: absolute;
left: 10px;
top: 9px;
}
#template #main .check .point li{
margin: 0 0 15px 25px;
text-indent: -25px;
font-size: 1.167em;
}
#template #main .check .point li strong{
display: block;
position: relative;
margin-bottom: 3px;
}
#template #main .check .point li strong:before{
content: '';
background: url(/imgs/guide/template/check.png) no-repeat center center / contain;
width: 18px;
height: 21px;
display: inline-block;
margin-right: 7px;
vertical-align: middle;
}
#template #main .check .upload .catch{
color: #018CD7;
font-size: 1.500em;
font-weight: bold;
}
#template #main .check .upload .btn {
margin: 30px 0;
text-align: center;
}
#template #main .check .att li{
margin: 0 0 3px 1em;
text-indent: -1em;
}
#template #main .link_area ul.page-nav {
margin: 0;
}
@media screen and (max-width: 737px) {
#template #main .list table thead th:nth-of-type(1) {
width: 80px;
}
#template #main .list table thead th:nth-of-type(2) {
width: 60px;
}
#template #main .list table tr:nth-of-type(1) td{
border-top: none;
}
#template #main .list table td:nth-of-type(2) {
display: block;
border: none;
border-top: solid 1px #ccc;
padding: 10px 15px 5px;
}
#template #main .list table td:nth-of-type(3) {
display: block;
border: none;
padding: 5px 15px 10px;
}
#template #main .list table td .btn{
justify-content: center;
}
#template #main .check .upload .btn {
width: 90%;
margin: 2em auto;
text-align: center;
}
#template #main .check .upload .btn img {
width: 100%;
max-width: 360px;
}
}
@media screen and (max-width: 500px) {
#template #main .list table thead th:nth-of-type(1) {
width: 60px;
}
#template #main .list table thead th:nth-of-type(2) {
width: 15px;
}
#template #main .list table thead th:nth-of-type(3) {
width: calc(100% - 75px);
}
#template #main .list table tbody th .sp{
display: block;
}
#template #main .list table td .btn{
display: block;
}
#template #main .list table td .btn img{
width: 100%;
}
#template #main .list table td .btn span{
display: block;
margin: 0 auto 5px;
width: 20px;
}
#template #main .list table td .btn a img{
max-width: 190px;
display: block;
margin: 0 auto;
}
}
@media screen and (max-width: 340px) {
#template #main .link_area ul.page-nav li {
width: auto;
margin: 0 0 10px;
float: none;
}
} #sdgs #cont {
width: 100%;
padding-top: 80px;
}
#sdgs .pc{ display: block; }
#sdgs .sp{ display: none; }
#sdgs #visual {
position: relative;
background: url(/imgs/company/sdgs/mv.jpg) no-repeat top center / cover;
width: 100%;
height: 0;
padding-top: 34%;
}
#sdgs #visual .txtBox{
top: 50%;
left: 0;
width: 100%;
transform: translateY(-50%);
position: absolute;
}
#sdgs #visual .txtBox .in{
max-width: 1100px;
width: 94%;
margin: 0 auto;
color: #fff;
font-size: 20px;
line-height: 1.4;
font-weight: bold;
}
#sdgs #visual .txtBox .in h1{
font-weight: bold;
font-size: 80px;
line-height: 1.2;
position: relative;
margin-bottom: 30px;
padding-bottom: 30px;
}
#sdgs #visual .txtBox .in h1:after{
content: '';
width: 60px;
height: 2px;
background-color: #fff;
position: absolute;
bottom: 0;
left: 0;
}
#sdgs #visual .txtBox .in h1 span{
display: block;
font-size: 34px;
}
#sdgs #cont #topicpass{
max-width: 960px;
width: 94%;
margin: 0 auto;
padding: 10px 0;
}
#sdgs #main{
width: 100%;
margin: 0 auto;
float: none;
}
#sdgs #main .inner{
max-width: 1100px;
width: 94%;
margin: 0 auto;
}
#sdgs #cont .pageNavi{
max-width: 900px;
width: 90%;
margin: 60px auto 100px;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
#sdgs #cont .pageNavi li{
width: 30%;
margin: 0 5px;
}
#sdgs #cont .pageNavi li a{
display: block;
width: 100%;
color: #0081de;
font-weight: bold;
font-size: 14px;
line-height: 1.2;
text-align: center;
padding: 20px 5px;
border: solid 1px #0081de;
position: relative;
transition: .3s;
box-sizing: border-box;
}
#sdgs #cont .pageNavi li a:after {
content: "";
position: absolute;
top: center;
right: 15px;
width: 0;
height: 0;
border-style: solid;
border-width: 7px 7px 0 7px;
border-color: #0081de transparent transparent transparent;
margin: 5px 0 0 !important;
transition: .3s;
}
#sdgs #cont .pageNavi li a:hover{
color: #fff;
background-color: #0081de;
}
#sdgs #cont .pageNavi li a:hover:after{
border-color: #fff transparent transparent transparent;
margin: 8px 0 0 !important;
}
#sdgs #cont .anker{
padding-top: 50px;
margin-top: -50px;
display: block;
}
#sdgs #cont h2{
background: none;
border: none;
font-size: 34px;
text-align: center;
padding: 0 0 10px;
margin: 0 0 40px;
position: relative;
}
#sdgs #cont h2:after{
content: '';
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%) skew(-30deg, 0);
background-color: #0081de;
width: 90px;
height: 6px;
}
#sdgs #cont .t1{
font-size: 16px;
line-height: 2;
}
#sdgs #cont .midashi{
font-size: 16px;
line-height: 2;
text-align: center;
}
#sdgs #cont .midashi strong{
display: block;
color: #0081de;
font-size: 22px;
font-weight: bold;
}
#sdgs #cont .sec01{
padding-bottom: 60px;
}
#sdgs #cont .sec01 .list{
margin-top: 100px;
}
#sdgs #cont .sec01 .list .logo{
max-width: 610px;
width: 90%;
margin: 0 auto 40px;
}
#sdgs #cont .sec01 .list ul{
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
#sdgs #cont .sec01 .list ul li{
width: calc(100% / 6 - 10px);
margin: 0 12px 12px 0;
}
#sdgs #cont .sec01 .list ul li:nth-child(6n){
margin-right: 0;
}
#sdgs #cont .sec01 .list ul li img{
width: 100%;
}
#sdgs #cont .sec02{
background:
url(/imgs/company/sdgs/sec02-bg-top.jpg) no-repeat top left / 30%,
url(/imgs/company/sdgs/sec02-bg-btm.jpg) no-repeat bottom 10% right / 30%;
background-color: #dfedf8;
padding: 100px 0;
}
#sdgs #cont .sec02 .list{
margin-top: 30px;
}
#sdgs #cont .sec02 .list ul{
margin-top: 30px;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
#sdgs #cont .sec02 .list ul li{
width: 49%;
margin: 0 2% 2% 0;
box-sizing: border-box;
padding: 6px;
background: url(/imgs/company/sdgs/sec02-list.jpg) repeat top left / 16px;
}
#sdgs #cont .sec02 .list ul li:nth-child(even){
margin-right: 0;
}
#sdgs #cont .sec02 .list ul li .box{
background-color: #fff;
padding: 20px;
}
#sdgs #cont .sec02 .list ul li .box:after{content:"."; display:block; clear:both; height:0; visibility:hidden;}
#sdgs #cont .sec02 .list ul li .box p{
margin: 0;
}
#sdgs #cont .sec02 .list ul li .box .img{
min-width: 170px;
width: 170px;
margin-right: 20px;
float: left;
}
#sdgs #cont .sec02 .list ul li .box .txtBox{
font-size: 14px;
width: calc(100% - 190px);
float: left;
color: #666;
}
#sdgs #cont .sec02 .list ul li .box .txtBox strong{
display: block;
color: #0081de;
font-size: 18px;
line-height: 1.4;
font-weight: bold;
margin: 0 0 5px 1.5rem;
text-indent: -1.5rem;
}
#sdgs #cont .sec02 .list ul li .box .txtBox strong.ind2{
margin: 0 0 5px 2.2rem;
text-indent: -2.2rem;
}
#sdgs #cont .sec02 .list ul li .box .txtBox span{
display: block;
font-size: 12px;
margin-top: 15px;
}
#sdgs #cont .sec02 .list ul li .box .txtBox span strong{
font-size: 12px;
}
#sdgs #cont .sec02 .list ul li.project{
width: 49%;
box-sizing: border-box;
padding: 10px;
background: #FDCF17;
}
#sdgs #cont .sec02 .list ul li.project .box{
background-color: #FDCF17;
padding: 20px;
}
#sdgs #cont .sec02 .list ul li.project .box .txtBox{
color: #000;
}
#sdgs #cont .sec02 .list ul li.project .box .txtBox strong{
color: #000;
}
#sdgs #cont .sec02 .list ul li.project .box a{
display: block;
background-color: #000;
color: #FDCF17;
text-decoration: none;
text-align: center;
padding: 10px 0;
margin-top: 20px;
position: relative;
width: calc(100% - 190px);
box-sizing: border-box;
float: left;
}
#sdgs #cont .sec02 .list ul li.project .box a:after{
content: '';
background: url(/imgs/company/sdgs/icon-link.svg) no-repeat top center / contain;
width: 16px;
height: 13px;
position: absolute;
top: 50%;
right: 10px;
transform: translateY(-50%);
}
#sdgs #cont .sec02 .list ul li.project .box a:hover{
opacity: .7;
}
#sdgs #cont .sec03{
padding: 100px 0 50px;
}
#sdgs #cont .sec03 .list{
margin-top: 30px;
}
#sdgs #cont .sec03 .list ul{
margin-top: 30px;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
#sdgs #cont .sec03 .list ul li{
width: calc(100% / 3);
box-sizing: border-box;
display: flex;
position: relative;
transition: .3s;
border: solid 1px #EBEBEB;
}
#sdgs #cont .sec03 .list ul li:hover{
box-shadow: 0 0 30px rgba(0,119,203,.2);
border: solid 1px #0081de;
z-index: 100;
}
#sdgs #cont .sec03 .list ul li:after{
content: '';
position: absolute;
bottom: 15px;
right: 15px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 30px 30px;
border-color: transparent transparent #0081de transparent;
}
#sdgs #cont .sec03 .list ul li a{
margin-right: -1px;
padding: 40px 30px;
text-decoration: none;
color: #666;
font-size: 14px;
position: relative;
transition: .3s;
z-index: 10;
display: flex;
flex-direction: column;
}
#sdgs #cont .sec03 .list ul li a p{
margin: 0;
}
#sdgs #cont .sec03 .list ul li a .logo{
max-width: 220px;
width: 90%;
margin: 0 auto 20px;
}
#sdgs #cont .sec03 .list ul li a .t1{
color: #0081de;
font-size: 20px;
line-height: 1.4;
font-weight: bold;
text-align: center;
position: relative;
padding-bottom: 15px;
margin-bottom: 15px;
width: 100%;
}
#sdgs #cont .sec03 .list ul li a .t1 span{
display: block;
font-size: 15px;
}
#sdgs #cont .sec03 .list ul li a .t1:after{
content: '';
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
background-color: #0081de;
width: 60px;
height: 2px;
}
#sdgs #cont .sec03 .list ul li a .txtBox{
width: 100%;
margin-bottom: 20px;
height: 100%;
min-height: 0%;
}
#sdgs #cont .sec03 .list ul li a .txtBox .t2{
}
#sdgs #cont .sec03 .list ul li a .ex{
color: #0081de;
font-size: 14px;
margin-top: auto;
height: 16%;
}
#sdgs #cont .sec03 .list ul li a .ex strong{
display: block;
background-color: #0081de;
text-align: center;
color: #fff;
font-size: 15px;
line-height: 1.2;
font-weight: normal;
padding: 5px 0;
margin-bottom: 10px;
}
#sdgs #cont .sec03 .list .notes{
font-size: 12px;
margin-left: 12px;
text-indent: -12px;
}
#sdgs #cont .sec03 .list .btn{
max-width: 300px;
margin: 60px auto 0;
}
#sdgs #cont .sec03 .list .btn a{
display: block;
width: 100%;
color: #0081de;
font-weight: bold;
font-size: 14px;
line-height: 1.2;
text-align: center;
padding: 20px 5px;
border: solid 1px #0081de;
position: relative;
transition: .3s;
box-sizing: border-box;
text-decoration: none;
width: 100%;
}
#sdgs #cont .sec03 .list .btn a:after {
content: "";
position: absolute;
top: 50%;
right: 15px;
width: 16px;
height: 5px;
border-bottom: 1px solid #0081de;
border-right: 1px solid #0081de;
transform: translateY(-50%) skew(45deg);
transition: .3s;
}
#sdgs #cont .sec03 .list .btn a:hover{
color: #fff;
background-color: #0081de;
}
#sdgs #cont .sec03 .list .btn a:hover:after{
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
right: 10px;
}
@media screen and (max-width: 1200px) {
#sdgs #cont {
padding-top: 60px;
}
}
@media screen and (max-width: 980px) {
#sdgs #visual .txtBox .in{
font-size: 2vw;
}
#sdgs #visual .txtBox .in h1{
font-size: 8vw;
margin-bottom: 3%;
padding-bottom: 3%;
}
#sdgs #visual .txtBox .in h1:after{
width: 40px;
}
#sdgs #visual .txtBox .in h1 span{
font-size: 3.4vw;
}
#sdgs #cont .pageNavi li{
width: 32%;
}
#sdgs #cont .pageNavi li a{
font-size: 13px;
}
}
@media screen and (max-width: 737px) {
#sdgs .pc{ display: none; }
#sdgs .sp{ display: block; }
#sdgs #visual {
padding-top: 50%;
}
#sdgs #visual .txtBox .in{
font-size: 3vw;
}
#sdgs #visual .txtBox .in h1{
font-size: 10vw;
}
#sdgs #visual .txtBox .in h1 span{
font-size: 4vw;
}
#sdgs #cont .pageNavi{
margin: 30px auto 50px;
display: block;
}
#sdgs #cont .pageNavi li{
width: 100%;
margin: 0 0 5px;
}
#sdgs #cont .pageNavi li a{
font-size: 13px;
padding: 15px 5px;
}
#sdgs #cont .anker{
padding-top: 20px;
margin-top: -20px;
display: block;
}
#sdgs #cont h2{
font-size: 24px;
padding: 0 0 5px;
margin: 0 0 20px;
position: relative;
}
#sdgs #cont h2:after{
width: 50px;
height: 3px;
}
#sdgs #cont .t1{
font-size: 14px;
line-height: 1.8;
}
#sdgs #cont .midashi{
font-size: 14px;
line-height: 1.8;
}
#sdgs #cont .midashi strong{
font-size: 18px;
}
#sdgs #cont .sec01{
padding-bottom: 10px;
}
#sdgs #cont .sec01 .list{
margin-top: 50px;
}
#sdgs #cont .sec01 .list .logo{
max-width: 610px;
width: 100%;
margin: 0 auto 20px;
}
#sdgs #cont .sec01 .list ul li{
width: calc(100% / 3 - 5px);
margin: 0 7px 7px 0;
}
#sdgs #cont .sec01 .list ul li:nth-child(3n){
margin-right: 0;
}
#sdgs #cont .sec01 .list ul li img{
width: 100%;
}
#sdgs #cont .sec02{
background:
url(/imgs/company/sdgs/sec02-bg-top.jpg) no-repeat top left / 30%,
url(/imgs/company/sdgs/sec02-bg-btm.jpg) no-repeat bottom 2% right / 30%;
background-color: #dfedf8;
padding: 50px 0;
}
#sdgs #cont .sec02 .list{
margin-top: 20px;
}
#sdgs #cont .sec02 .list ul{
margin-top: 20px;
display: block;
}
#sdgs #cont .sec02 .list ul li{
width: 100%;
margin: 0 0 10px;
padding: 3px;
}
#sdgs #cont .sec02 .list ul li .box{
padding: 10px;
}
#sdgs #cont .sec02 .list ul li .box p{
margin: 0;
}
#sdgs #cont .sec02 .list ul li .box .img{
min-width: 100px;
width: 100px;
margin-right: 10px;
}
#sdgs #cont .sec02 .list ul li .box .img img{
width: 100%;
}
#sdgs #cont .sec02 .list ul li .box .txtBox{
font-size: 12px;
width: calc(100% - 110px);
}
#sdgs #cont .sec02 .list ul li .box .txtBox strong{
font-size: 13px;
margin: 0 0 5px 1rem;
text-indent: -1rem;
}
#sdgs #cont .sec02 .list ul li .box .txtBox span{
font-size: 10px;
margin-top: 10px;
}
#sdgs #cont .sec02 .list ul li .box .txtBox span strong{
font-size: 10px;
}
#sdgs #cont .sec02 .list ul li.project{
width: 100%;
padding: 3px;
}
#sdgs #cont .sec02 .list ul li.project .box{
padding: 10px;
}
#sdgs #cont .sec02 .list ul li.project .box a{
padding: 10px 0;
margin-top: 10px;
font-size: 12px;
float: none;
clear: both;
width: 100%;
display: inline-block;
}
#sdgs #cont .sec03{
padding: 20px 0 10px;
}
#sdgs #cont .sec03 .list{
margin-top: 20px;
}
#sdgs #cont .sec03 .list ul{
margin-top: 20px;
display: block;
}
#sdgs #cont .sec03 .list ul li{
width: 100%;
margin-bottom: 10px;
}
#sdgs #cont .sec03 .list ul li:after{
bottom: 5px;
right: 5px;
border-width: 0 0 20px 20px;
}
#sdgs #cont .sec03 .list ul li a{
margin-right: 0;
padding: 20px;
font-size: 12px;
display: block;
}
#sdgs #cont .sec03 .list ul li a .logo{
max-width: 220px;
width: 90%;
margin: 0 auto 10px;
}
#sdgs #cont .sec03 .list ul li a .t1{
font-size: 18px;
padding-bottom: 10px;
margin-bottom: 10px;
}
#sdgs #cont .sec03 .list ul li a .t1 span{
font-size: 13px;
}
#sdgs #cont .sec03 .list ul li a .t1:after{
width: 40px;
height: 2px;
}
#sdgs #cont .sec03 .list ul li a .txtBox{
width: 100%;
margin-bottom: 10px;
min-height: auto;
height: auto;
}
#sdgs #cont .sec03 .list ul li a .ex{
color: #0081de;
font-size: 13px;
margin-top: 10px;
height: auto;
}
#sdgs #cont .sec03 .list ul li a .ex strong{
font-size: 14px;
padding: 5px 0 2px;
}
#sdgs #cont .sec03 .list .notes{
font-size: 10px;
margin-left: 10px;
text-indent: -10px;
}
} #ethical .pc{ display: block; }
#ethical .sp{ display: none; }
#ethical .bn{
max-width: 680px;
width: 94%;
margin: 0 auto 50px;
}
#ethical .bn a{
transition: .3s;
}
#ethical .bn a img{
width: 100%;
}
#ethical .bn a:hover{
opacity: .7;
}
#ethical .bn li{
margin-bottom: 20px;
}
#ethical .bn li:nth-child{
margin-bottom: 0;
}
#ethical .bn li.note{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: center;
border: solid 2px #CC2221;
}
#ethical .bn li.note strong{
display: block;
background-color: #CC2221;
color: #fff;
text-align: center;
font-size: 24px;
line-height: 1;
font-weight: bold;
padding: 20px 40px 20px 20px;
box-sizing: border-box;
min-width: 115px;
width: 115px;
}
#ethical .bn li.note span{
display: block;
width: calc(100% - 115px);
color: #CC2221;
text-align: center;
font-size: 18px;
line-height: 1.4;
font-weight: bold;
position: relative;
}
#ethical .bn li.note span:before{
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 33px 20px 33px 0;
border-color: transparent #fff transparent transparent;
position: absolute;
left: -20px;
top: -8px;
}
#ethical .inquiryBn{
background: url(/imgs/service/ethical/inquiry_bg.jpg);
padding: 20px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-top: 40px;
}
#ethical .inquiryBn .txt{
color: #fff;
text-align: center;
font-size: 15px;
line-height: 1.4;
font-weight: bold;
margin: 0 20px 0 0;
text-shadow: 2px 2px 4px rgba(0,0,0,.5);
}
#ethical .inquiryBn .txt strong{
font-size: 18px;
color: #FFE300;
}
#ethical .inquiryBn .btn{
min-width: 280px;
width: 280px;
margin: 0;
}
#ethical .inquiryBn .btn a{
display: block;
border-bottom: 4px solid #AC9A00;
padding: 10px 5px 10px 20px;
font-size: 14px;
text-decoration: none;
font-weight: bold;
text-align: center;
border-radius: 10px;
transition: 0.3s;
position: relative;
box-sizing: border-box;
color: #000;
background: url(/common/img/211112/ft-icon02.svg) no-repeat left 20px center / 20px #FFE300;
}
#ethical .headline .list{
margin-top: 30px;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
#ethical .headline .list li{
width: calc(100% / 2);
box-sizing: border-box;
display: flex;
position: relative;
transition: .3s;
margin: 0 -1px -1px 0;
padding: 40px 30px;
text-decoration: none;
color: #666;
font-size: 13px;
position: relative;
transition: .3s;
z-index: 10;
display: flex;
flex-direction: column;
border: solid 1px #EBEBEB;
}
#ethical .headline .list li p{
margin: 0;
}
#ethical .headline .list li .logo{
max-width: 220px;
width: 90%;
margin: 0 auto 20px;
}
#ethical .headline .list li .logo img{
width: 100%;
}
#ethical .headline .list li .t1{
color: #0081de;
font-size: 20px;
line-height: 1.4;
font-weight: bold;
text-align: center;
position: relative;
padding-bottom: 15px;
margin-bottom: 15px;
width: 100%;
}
#ethical .headline .list li .t1 span{
display: block;
font-size: 15px;
}
#ethical .headline .list li .t1:after{
content: '';
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
background-color: #0081de;
width: 60px;
height: 2px;
}
#ethical .headline .list li .txtBox{
width: 100%;
margin-bottom: 20px;
height: 100%;
min-height: 0%;
}
#ethical .headline .list li .ex{
color: #0081de;
font-size: 14px;
margin-top: auto;
height: 16%;
}
#ethical .headline .list li .ex strong{
display: block;
background-color: #0081de;
text-align: center;
color: #fff;
font-size: 15px;
line-height: 1.2;
font-weight: normal;
padding: 5px 0;
margin-bottom: 10px;
}
#ethical .headline .list li a{
display: block;
max-width: 200px;
width: 100%;
margin: 20px auto 0;
color: #0081de;
box-sizing: border-box;
padding: 20px 5px;
text-decoration: none;
font-size: 14px;
line-height: 1;
font-weight: bold;
transition: .3s;
text-align: center;
border: solid 1px #0081de;
position: relative;
}
#ethical .headline .list li a:after{
content: "";
display: block;
border: #FFFFFF 5px solid;
border-top: #0081de 5px solid;
position: absolute;
right: 10px;
top: 50%;
margin: 0;
transition: .3s;
}
#ethical .headline .list li a:hover{
background-color: #0081de;
color: #fff;
}
#ethical .headline .list li a:hover:after{
border: #0081de 5px solid;
border-top: #FFFFFF 5px solid;
}
#ethical .conts{
padding-top: 80px;
margin: -80px 0 80px;
}
#ethical .conts .info{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: center;
margin-bottom: 40px;
}
#ethical .conts .info p{
margin: 0;
}
#ethical .conts .info .logo{
min-width: 220px;
width: 220px;
}
#ethical .conts .info .txt{
width: calc(100% - 260px);
}
#ethical .conts .info .txt strong{
display: block;
color: #018cd7;
}
#ethical .conts h3 {
margin: 0 0 10px;
font-size: 22px;
line-height: 1.4;
font-weight: bold;
color: #018cd7;
}
#ethical .conts .list li{
margin: 0 0 5px 1rem;
text-indent: -1rem;
}
#ethical .conts .list li:first-letter{
color: #018cd7;
}
#ethical .conts .list li.note{
font-size: 13px;
}
#ethical .conts .list li.note:first-letter{
color: #000;
}
#ethical .conts table{
width: 100%;
border-left: solid 1px #018cd7;
border-top: solid 1px #018cd7;
}
#ethical .conts table th,
#ethical .conts table td{
border-right: solid 1px #018cd7;
border-bottom: solid 1px #018cd7;
padding: 10px;
}
#ethical .conts table th{
text-align: center;
font-weight: bold;
color: #018cd7;
}
#ethical .conts table th.head{
background-color: #018cd7;
color: #fff;
text-align: center;
font-weight: bold;
}
#ethical .conts .tablenotes{
font-size: 13px;
margin: 5px 0 40px;
}
#ethical #sec02.conts table{
margin-bottom: 40px;
}
#ethical #sec02.conts table td,
#ethical #sec04.conts table td{
text-align: center;
}
#ethical #sec02.conts table th.head,
#ethical #sec04.conts table th.head{
border-right: solid 1px #fff;
}
#ethical #sec02.conts table th.head:last-of-type,
#ethical #sec04.conts table th.head:last-of-type{
border-right: solid 1px #018cd7;
}
#ethical #sec03.conts table th.head,
#ethical #sec05.conts table th.head{
border-bottom: solid 1px #fff;
min-width: 120px;
}
#ethical #sec03.conts table strong{
display: block;
color: #018cd7;
}
#ethical .conts strong.blue{
display: block;
color: #018cd7;
}
#ethical #sec03.conts table tr:last-of-type th.head{
border-bottom: solid 1px #018cd7;
}
#ethical .conts .btnBox{
text-align: center;
margin: 40px 0;
}
#ethical .conts .btnBox a{
display: block;
min-width: 200px;
width: 200px;
margin: 0 auto;
color: #fff;
background: url(/imgs/service/ethical/icon_link.svg) no-repeat right 20px center / 20px #018cd7;
padding: 20px;
text-decoration: none;
font-size: 14px;
line-height: 1;
font-weight: bold;
transition: .3s;
}
#ethical .conts .btnBox a:hover{
opacity: .7;
}
#ethical .conts .btnBox span{
color: #018cd7;
display: block;
font-size: 13px;
margin-top: -10px;
}
#ethical .conts .imgList{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
#ethical .conts .imgList li{
width: 48%;
}
#ethical .conts .imgList li img{
width: 100%;
}
#ethical .conts .imgList li p{
margin: 10px 0 0;
font-size: 14px;
}
@media (min-width:738px){
#ethical .inquiryBn .btn a:hover{
transform: scale(0.975,0.975);
}
}
@media screen and (max-width: 737px) {
#ethical .pc{ display: none; }
#ethical .sp{ display: block; }
#ethical .bn li.note{
display: block;
border: solid 1px #CC2221;
}
#ethical .bn li.note strong{
font-size: 18px;
padding: 10px;
min-width: auto;
width: 100%;
}
#ethical .bn li.note span{
width: 100%;
color: #CC2221;
font-size: 14px;
padding: 10px;
box-sizing: border-box;
}
#ethical .bn li.note span:before{
display: none;
}
#ethical .inquiryBn{
padding: 10px;
display: block;
margin: 20px 10px 0;
}
#ethical .inquiryBn .txt{
font-size: 13px;
margin: 0 0 10px;
text-shadow: 1px 1px 2px rgba(0,0,0,.5);
}
#ethical .inquiryBn .txt strong{
font-size: 15px;
}
#ethical .inquiryBn .btn{
margin: 0 auto;
}
#ethical .inquiryBn .btn a{
font-size: 13px;
}
#ethical .headline .list{
margin-top: 20px;
display: block;
}
#ethical .headline .list li{
padding: 10px;
font-size: 12px;
width: 100%;
}
#ethical .headline .list li .logo{
margin: 0 auto 10px;
}
#ethical .headline .list li .logo img{
width: 100%;
}
#ethical .headline .list li .t1{
font-size: 16px;
padding-bottom: 10px;
margin-bottom: 10px;
}
#ethical .headline .list li .t1 span{
font-size: 13px;
}
#ethical .headline .list li .t1:after{
width: 30px;
height: 1px;
}
#ethical .headline .list li .txtBox{
margin-bottom: 10px;
}
#ethical .headline .list li .ex{
font-size: 13px;
height: auto;
}
#ethical .headline .list li .ex strong{
font-size: 13px;
margin-bottom: 5px;
}
#ethical .headline .list li a{
margin: 10px auto 0;
padding: 10px 5px;
font-size: 13px;
}
#ethical .conts{
padding-top: 40px;
margin: -40px 0 40px;
}
#ethical .conts .info{
display: block;
margin-bottom: 20px;
}
#ethical .conts .info .logo{
min-width: auto;
width: 220px;
margin: 0 auto 10px;
}
#ethical .conts .info .txt{
width: 100%;
}
#ethical .conts h3 {
font-size: 18px;
}
#ethical .conts table th,
#ethical .conts table td{
padding: 5px;
font-size: 12px;
}
#ethical #sec02.conts table{
margin-bottom: 20px;
}
#ethical #sec03.conts table th.head,
#ethical #sec05.conts table th.head{
min-width: 90px;
}
#ethical .conts .btnBox{
text-align: center;
margin: 20px 0;
}
#ethical .conts .btnBox span{
font-size: 12px;
}
#ethical .conts .imgList{
display: block;
}
#ethical .conts .imgList li{
width: 100%;
margin-bottom: 20px;
}
#ethical .conts .imgList li p{
margin: 10px 0 0;
font-size: 13px;
}
} #enquete #main .sec{
margin: 0 0 60px;
}
#enquete #main .sec img{
max-width: 100%;
}
@media (max-width:737px){
#enquete #main .sec{
margin: 0 0 40px;
}	
} #enquete #main #sec02 .img{
max-width: 614px;
margin: 0 auto;
} #enquete #main #sec03 .img{
max-width: 720px;
margin: 0 auto;
}
@media (max-width:737px){
#enquete #main #sec03 ul{
display: block;
}
#enquete #main #sec03 ul li{
width: 100%;
text-align: center;
margin: 0 0 30px;
}	
} #enquete #main #sec04 dl{
margin: 0 0 40px;
}
#enquete #main #sec04 dl:last-of-type{
margin: 0;
}
#enquete #main #sec04 dl dt{
font-size: 22px;
font-weight: bold;
color: #0081DE;
margin: 0 0 10px;
}
#enquete #main #sec04 dl dd{
font-size: 14px;
text-indent: -1.75em;
padding: 0 0 0 1.75em;
}
#enquete #main #sec04 dl dd::before{
content: '●';
color: #0081DE;
margin: 0 10px 0 0;
}
#enquete #main #sec04 .box{
width: 100%;
margin: 60px 0 0;
padding: 15px;
box-sizing: border-box;
background: url(/imgs/enquete/stripe.png);
position: relative;
}
#enquete #main #sec04 .box .img{
position: absolute;
bottom: 0;
left: 30px;
}
#enquete #main #sec04 .box .txt01{
background: #fff;
padding: 20px 20px 20px 185px;
font-size: 15px;
font-weight: bold;
color: #028CD7;
}
@media (max-width:737px){
#enquete #main #sec04 .box{
margin: 75px 0 0;
}
#enquete #main #sec04 .box .img{
position: absolute;
top: -65px;
bottom: auto;
left: 50%;
width: 76px;
margin: 0 0 0 -38px;
}
#enquete #main #sec04 .box .txt01{
padding: 15px;
}
} #enquete #main #sec06 .catch-box{
text-align: center;
margin: 40px 0 0;
}
#enquete #main #sec06 .catch-box .catch{
font-size: 20px;
color: #0081DE;
margin: 0;
}
#enquete #main #sec06 .catch-box .catch strong{
position: relative;
display: inline-block;
}
#enquete #main #sec06 .catch-box .catch strong::before{
position: absolute;
left: -35px;
top: 0;
content: '';
width: 25px;
height: 70px;
background: url(/imgs/enquete/catch-before.svg) no-repeat center center;
background-size: 25px auto;
}
#enquete #main #sec06 .catch-box .catch strong::after{
position: absolute;
right: -35px;
top: 0;
content: '';
width: 25px;
height: 70px;
background: url(/imgs/enquete/catch-after.svg) no-repeat center center;
background-size: 25px auto;
}
#enquete #main #sec06 .catch-box .catch .maker{
font-size: 24px;
position: relative;
line-height: 1.0;
}
#enquete #main #sec06 .catch-box .catch .maker::after{
position: absolute;
z-index: -1;
left: 0;
bottom: 6px;
content: '';
width: 100%;
height: 10px;
background: #FFE300;
}
#enquete #main #sec06 .img{
margin: 40px 0;
text-align: center;
}
#enquete #main #sec06 .txt01{
text-align: center;
font-size: 16px;
font-weight: bold;
color: #028CD7;
}
@media (max-width:737px){
#enquete #main #sec06 .catch-box{
padding: 0 40px;
}
#enquete #main #sec06 .catch-box .catch{
font-size: 16px;
}
#enquete #main #sec06 .catch-box .catch .maker{
font-size: 20px;
}
#enquete #main #sec06 .img{
margin: 20px 0;
}
} #enquete #main #sec07 .list{
display: flex;
flex-wrap: wrap;
}
#enquete #main #sec07 .list .list-item{
width: 48%;
margin: 0 4% 4% 0;
}
#enquete #main #sec07 .list .list-item:nth-child(2n){
margin: 0 0 4% 0;
}
#enquete #main #sec07 .list .list-item a{
display: block;
text-decoration: none;
transition: 0.3s;
}
@media (min-width:738px){
#enquete #main #sec07 .list .list-item a:hover{
opacity: 0.6;
}	
}
#enquete #main #sec07 .list .list-item .img{
margin: 0 0 15px;
border: 1px solid #898989;
padding: 10px;
box-sizing: border-box;
}
#enquete #main #sec07 .list .list-item .img img{
max-width: 100%;
}
#enquete #main #sec07 .list .list-item .txt-name{
font-size: 16px;
font-weight: bold;
color: #000;
margin: 0;
}
#enquete #main #sec07 .btn {
max-width: 350px;
margin: 40px auto 0;
text-align: center;
}
#enquete #main #sec07 .btn a{
padding: 12px 0 10px;
background: url(/common/img/icon_arrow02.png) no-repeat left 17px center;
display: block;
text-decoration: none;
font-size: 16px;
color: #018CD7;
border: 1px solid #018CD7;
}
@media (min-width:738px){
#enquete #main #sec07 .btn a:hover {
background: url(/common/img/icon_arrow03.png) no-repeat 17px center #028CD7;
color: #fff;
}
}
@media (max-width:737px){
#enquete #main #sec07 .list .list-item .txt-name{
font-size: 14px;
}
} #qr-dm #cont{
width: 100%;
padding: 80px 0 0 0;
}
#qr-dm #cont #main{
width: 100%;
margin: 0;
}
#qr-dm #cont #main img{
max-width: 100%;
height: auto;
}
#qr-dm #cont #main section .inner{
max-width: 1140px;
padding: 0 20px;
margin: 0 auto;
}
@media (max-width: 1200px){
#qr-dm #cont{
padding: 60px 0 0 0;
}
} #qr-dm #cont #visual{
background: url(/imgs/service/qr-dm/visual.png) no-repeat bottom center;
background-size: auto 100%;
position: relative;
width: 100%;
padding-top: 31.7625%;
}
#qr-dm #cont #visual .img {
text-align: center;
position: absolute;
left: 0;
top: 0;
width: 100%;
}
#qr-dm #cont #visual .img img{
image-rendering: -webkit-optimize-contrast;
} #qr-dm #cont #qr-dm-outline{
padding: 70px 0 0;
}
#qr-dm #cont #qr-dm-outline h1{
text-align:center;
font-size:16px;
border:none;
margin:0 0 20px;
padding:0;
}
#qr-dm #cont #qr-dm-outline h1:before{
display:none;
}
#qr-dm #cont #qr-dm-outline .catch{
font-size: 40px;
font-weight: bold;
text-align: center;
margin: 0 0 45px;
}
#qr-dm #cont #qr-dm-outline .catch strong{
color: #028CD7;
}
#qr-dm #cont #qr-dm-outline .txt01{
font-size: 16px;
line-height: 2.25;
margin: 0 0 60px;
text-align: center;
}
#qr-dm #cont #qr-dm-outline .txt01 span{
font-size: 13px;
color:#666;
}
#qr-dm #cont #qr-dm-outline .list{
display: flex;
}
#qr-dm #cont #qr-dm-outline .list .list-item{
width: calc(92% / 3);
margin: 0 4% 0 0;
}
#qr-dm #cont #qr-dm-outline .list .list-item:nth-of-type(3){
margin: 0;
}
#qr-dm #cont #qr-dm-outline .list .list-item .tit{
font-size: 24px;
font-weight: bold;
text-align: center;
margin: 0 0 20px;
}
#qr-dm #cont #qr-dm-outline .list .list-item p{
font-size: 16px;
}
#qr-dm #cont #qr-dm-outline .list .list-item p .txt-s{
font-size: 12px;
color: #888;
}
@media (max-width: 737px){
#qr-dm #cont #qr-dm-outline{
padding: 40px 0 0;
}
#qr-dm #cont #qr-dm-outline .catch{
font-size: 20px;
margin: 0 0 25px;
}
#qr-dm #cont #qr-dm-outline .txt01{
margin: 0 0 30px;
}
#qr-dm #cont #qr-dm-outline .list{
display: block;
}
#qr-dm #cont #qr-dm-outline .list .list-item{
width: 100%;
margin: 0 0 40px;
}
#qr-dm #cont #qr-dm-outline .list .list-item:nth-of-type(3){
margin: 0;
}
#qr-dm #cont #qr-dm-outline .list .list-item .tit{
font-size: 18px;
}
#qr-dm #cont #qr-dm-outline .list .list-item p.img{
width: 70%;
margin: 0 auto 20px;
text-align: center;
}
} #qr-dm #cont #qr-dm-usage{
margin: 0;
padding: 70px 0 100px;
position: relative;
}
#qr-dm #cont #qr-dm-usage::after{
position: absolute;
left: 0;
bottom: 0;
z-index: -1;
content: '';
width: 100%;
height: 75%;
background: #EBF6FC;
}
#qr-dm #cont #qr-dm-usage .headline .en{
font-size: 18px;
font-weight: bold;
color: #028CD7;
text-align: center;
margin: 0;
}
#qr-dm #cont #qr-dm-usage .headline h2{
background: none;
padding: 0;
border: none;
text-align: center;
font-size: 40px;
font-weight: bold;
}
#qr-dm #cont #qr-dm-usage .list{
display: flex;
flex-wrap: wrap;
}
#qr-dm #cont #qr-dm-usage .list-item{
width: calc(92% / 3);
margin: 0 4% 4% 0;
background: #fff;
border-radius: 0 0 10px 10px;
}
#qr-dm #cont #qr-dm-usage .list-item:nth-child(3n){
margin: 0 0 4% 0;
}
#qr-dm #cont #qr-dm-usage .list-item .img{
margin: 0;
}
#qr-dm #cont #qr-dm-usage .list-item .text{
background: #fff;
padding: 20px 30px;
border-radius: 0 0 10px 10px;
}
#qr-dm #cont #qr-dm-usage .list-item .text .tit{
font-size: 18px;
font-weight: bold;
color: #028CD7;
}
@media (max-width: 737px){
#qr-dm #cont #qr-dm-usage{
padding: 40px 0 50px;
}
#qr-dm #cont #qr-dm-usage .headline .en{
font-size: 16px;
}
#qr-dm #cont #qr-dm-usage .headline h2{
font-size: 20px;
}
#qr-dm #cont #qr-dm-usage .list{
display: block;
}
#qr-dm #cont #qr-dm-usage .list-item{
width: 100%;
margin: 0 0 4% 0;
}
#qr-dm #cont #qr-dm-usage .list-item:nth-child(3n){
margin: 0 0 4%;
}
#qr-dm #cont #qr-dm-usage .list-item .img{
text-align: center;
}
#qr-dm #cont #qr-dm-usage .list-item .img img{
width: 100%;
}
#qr-dm #cont #qr-dm-usage .list-item .text{
padding: 20px;
}
} #qr-dm #cont #qr-dm-flow{
margin: 0;
padding: 100px 0;
background: url(/imgs/service/qr-dm/flow-bg01.png) no-repeat left top, url(/imgs/service/qr-dm/flow-bg02.png) no-repeat right top, url(/imgs/service/qr-dm/flow-bg03.png) no-repeat right bottom, url(/imgs/service/qr-dm/flow-bg04.png) no-repeat left bottom, url(/imgs/service/qr-dm/flow-bg05.png) no-repeat center center #FFFEF2;
}
#qr-dm #cont #qr-dm-flow .headline .en{
font-size: 18px;
font-weight: bold;
color: #028CD7;
text-align: center;
margin: 0;
}
#qr-dm #cont #qr-dm-flow .headline h2{
background: none;
padding: 0;
border: none;
text-align: center;
font-size: 40px;
font-weight: bold;
}
#qr-dm #cont #qr-dm-flow .list{
display: flex;
flex-wrap: wrap;
}
#qr-dm #cont #qr-dm-flow .list-item{
width: calc(92% / 3);
margin: 0 4% 4% 0;
background: #fff;
border-radius: 10px;
box-shadow: 0px 7px 20px -12px rgba(0,0,0,0.2);
}
#qr-dm #cont #qr-dm-flow .list-item:nth-child(3n){
margin: 0 0 4% 0;
}
#qr-dm #cont #qr-dm-flow .list-item .img{
margin: 0;
padding: 20px 0 0;
text-align: center;
height: 210px;
box-sizing: border-box;
position: relative;
}
#qr-dm #cont #qr-dm-flow .list-item .img::before{
position: absolute;
left: 0;
top: 0;
z-index: 2;
content: '';
}
#qr-dm #cont #qr-dm-flow .list-item:nth-child(1) .img::before{
width: 64px;
height: 67px;
background: url(/imgs/service/qr-dm/01.svg) no-repeat center center;
}
#qr-dm #cont #qr-dm-flow .list-item:nth-child(2) .img::before{
width: 79px;
height: 67px;
background: url(/imgs/service/qr-dm/02.svg) no-repeat center center;
}
#qr-dm #cont #qr-dm-flow .list-item:nth-child(3) .img::before{
width: 79px;
height: 67px;
background: url(/imgs/service/qr-dm/03.svg) no-repeat center center;
}
#qr-dm #cont #qr-dm-flow .list-item:nth-child(4) .img::before{
width: 81px;
height: 67px;
background: url(/imgs/service/qr-dm/04.svg) no-repeat center center;
}
#qr-dm #cont #qr-dm-flow .list-item:nth-child(5) .img::before{
width: 78px;
height: 67px;
background: url(/imgs/service/qr-dm/05.svg) no-repeat center center;
}
#qr-dm #cont #qr-dm-flow .list-item .text{
background: #fff;
padding: 20px 30px 20px;
border-radius: 0 0 10px 10px;
}
#qr-dm #cont #qr-dm-flow .list-item .text .tit{
font-size: 18px;
font-weight: bold;
text-align: center;
color: #000;
}
#qr-dm #cont #qr-dm-flow .list-item .text p{
font-size: 14px;
color: #888;
}
@media (max-width: 737px){
#qr-dm #cont #qr-dm-flow{
padding: 50px 0;
background: url(/imgs/service/qr-dm/flow-bg01.png) no-repeat left top, url(/imgs/service/qr-dm/flow-bg02.png) no-repeat right top, url(/imgs/service/qr-dm/flow-bg03.png) no-repeat right bottom, url(/imgs/service/qr-dm/flow-bg04.png) no-repeat left bottom, url(/imgs/service/qr-dm/flow-bg05.png) no-repeat center center #FFFEF2;
background-size: 227px auto, 324px auto, 264px auto, 345px auto, 182px auto;
}
#qr-dm #cont #qr-dm-flow .headline .en{
font-size: 16px;
}
#qr-dm #cont #qr-dm-flow .headline h2{
font-size: 20px;
}
#qr-dm #cont #qr-dm-flow .list{
display: block;
}
#qr-dm #cont #qr-dm-flow .list-item{
width: 100%;
margin: 0 0 40px;
}
#qr-dm #cont #qr-dm-flow .list-item:nth-child(3n){
margin: 0 0 40px;
}
#qr-dm #cont #qr-dm-flow .list-item:last-of-type{
margin: 0;
}
} #qr-dm #cont #qr-dm-price{
margin: 0;
padding: 80px 0;
}
#qr-dm #cont #qr-dm-price .price-box{
background: #028CD7;
border-radius: 10px;
padding: 40px;
}
#qr-dm #cont #qr-dm-price .price-box .headline .en{
font-size: 18px;
font-weight: bold;
color: #fff;
text-align: center;
margin: 0;
}
#qr-dm #cont #qr-dm-price .price-box .headline h2{
background: none;
padding: 0;
border: none;
text-align: center;
font-size: 40px;
font-weight: bold;
color: #fff;
}
#qr-dm #cont #qr-dm-price .price-box .box{
background: #EBF6FC;
padding: 25px 55px;
}
#qr-dm #cont #qr-dm-price .price-box .box:nth-child(2){
margin: 0 0 30px;
}
#qr-dm #cont #qr-dm-price .price-box .box:nth-child(2) .text{
padding:5px 0 0;
}
#qr-dm #cont #qr-dm-price .price-box .box ul li{
display: flex;
padding: 30px 0;
border-bottom: 2px dashed #028CD7;
}
#qr-dm #cont #qr-dm-price .price-box .box ul li .tit{
width: 210px;
font-size: 20px;
font-weight: bold;
color: #028CD7;
}
#qr-dm #cont #qr-dm-price .price-box .box ul li .text{
width: calc(100% - 160px);
font-size: 16px;
}
#qr-dm #cont #qr-dm-price .price-box .box ul li .text strong{
font-size: 20px;
color: #028CD7;
display: block;
margin:0 0 5px;
}
#qr-dm #cont #qr-dm-price .price-box .box p{
font-size: 16px;
color: #888;
} #qr-dm #cont #qr-dm-price .price-box .box ul li .text strong.black-txt{
color: #000;
}
#qr-dm #cont #qr-dm-price .price-box .box ul li .text strong span{
text-decoration: line-through;
padding: 0 15px 0 0;
font-size: 18px;
color: #000;
}
#qr-dm #cont #qr-dm-price .price-box .box ul li .text.campaign strong{
font-size: 20px;
color: #D72029;
display: block;
margin: 0 0 5px;
}
#qr-dm #cont #qr-dm-price .price-box .box ul li .text.campaign strong span.qr-dm-free{
text-decoration: none;
font-size: 22px;
background-color: #FDE32F;
color: #D72029;
padding: 0 5px 0;
}
@media (max-width: 737px){
#qr-dm #cont #qr-dm-price{
padding: 40px 0;
}
#qr-dm #cont #qr-dm-price .price-box{
padding: 20px;
}
#qr-dm #cont #qr-dm-price .price-box .headline .en{
font-size: 16px;
}
#qr-dm #cont #qr-dm-price .price-box .headline h2{
font-size: 20px;
}
#qr-dm #cont #qr-dm-price .price-box .box{
background: #EBF6FC;
padding: 15px;
}
#qr-dm #cont #qr-dm-price .price-box .box ul li{
display: block;
padding: 10px 0;
border-bottom: 1px dashed #028CD7;
}
#qr-dm #cont #qr-dm-price .price-box .box ul li .tit{
font-size: 18px;
width: 100%;
}
#qr-dm #cont #qr-dm-price .price-box .box ul li .text{
width: 100%;
}
#qr-dm #cont #qr-dm-price .price-box .box ul li .text strong{
font-size: 18px;
}
} #qr-dm #cont #qr-dm-qa{
margin: 0;
padding: 100px 0 120px;
background: url(/imgs/service/qr-dm/qa-bg01.png) no-repeat left top, url(/imgs/service/qr-dm/qa-bg02.png) no-repeat right top, url(/imgs/service/qr-dm/qa-bg03.png) no-repeat right bottom, url(/imgs/service/qr-dm/qa-bg04.png) no-repeat left bottom #028CD7;
}
#qr-dm #cont #qr-dm-qa .headline .en{
font-size: 18px;
font-weight: bold;
color: #fff;
text-align: center;
margin: 0;
}
#qr-dm #cont #qr-dm-qa .headline h2{
background: none;
padding: 0;
border: none;
text-align: center;
font-size: 40px;
font-weight: bold;
color: #fff;
}
#qr-dm #cont #qr-dm-qa ul{
padding: 0 0 0 90px;
box-sizing: border-box;
}
#qr-dm #cont #qr-dm-qa ul li{
background: #fff;
border-radius: 15px;
margin: 0 0 35px; padding: 0;
position: relative;
cursor: pointer;
}
#qr-dm #cont #qr-dm-qa ul li::before{
position: absolute;
left: -15px;
top: 25px;
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 10px 20px 10px 0;
border-color: transparent #ffffff transparent transparent;
}
#qr-dm #cont #qr-dm-qa ul li::after{
position: absolute;
left: -90px;
top: -10px;
content: '';
width: 65px;
height: 84px;
background: url(/imgs/service/qr-dm/icon-qa.svg) no-repeat center center;
}
#qr-dm #cont #qr-dm-qa ul li .tit{
font-size: 20px;
font-weight: bold;
padding: 20px 40px 20px 20px;
position: relative;
}
#qr-dm #cont #qr-dm-qa ul li .tit::after{
position: absolute;
right: 25px;
top: 30px;
content: '';
width: 15px;
height: 9px;
background: url(/imgs/service/qr-dm/arrow01.svg) no-repeat center center;
transition: 0.2s;
}
#qr-dm #cont #qr-dm-qa ul li .tit.is_active::after{
transform: rotate( 180deg );
}
#qr-dm #cont #qr-dm-qa ul li .text{
font-size: 16px;
padding: 0 20px 20px;
display: none;
}
#qr-dm #cont #qr-dm-qa ul li .text span.txt-red{
color: #cc0000;
font-size: 14px;
}
#qr-dm #cont #qr-dm-qa ul li .text span.txt-s{
display: block;
font-size: 12px;
}
@media (max-width: 737px){
#qr-dm #cont #qr-dm-qa{
padding: 50px 0 60px;
background: url(/imgs/service/qr-dm/qa-bg01.png) no-repeat left top, url(/imgs/service/qr-dm/qa-bg02.png) no-repeat right top, url(/imgs/service/qr-dm/qa-bg03.png) no-repeat right bottom, url(/imgs/service/qr-dm/qa-bg04.png) no-repeat left bottom #028CD7;
background-size: 253px auto, 314px auto, 210px auto, 350px auto;
}
#qr-dm #cont #qr-dm-qa .headline .en{
font-size: 16px;
}
#qr-dm #cont #qr-dm-qa .headline h2{
font-size: 20px;
}
#qr-dm #cont #qr-dm-qa ul li{
margin: 0 0 25px;
}
#qr-dm #cont #qr-dm-qa ul li:last-child{
margin: 0;
}
#qr-dm #cont #qr-dm-qa ul li .tit{
font-size: 16px;
padding: 15px 30px 15px 15px;
}
#qr-dm #cont #qr-dm-qa ul li .tit::after{
right: 10px;
top: 20px;
}
#qr-dm #cont #qr-dm-qa ul li .text{
padding: 0 30px 15px 15px;
}
} #cont #qr-dm-contact{
margin: 0;
padding: 80px 0 120px;
background: #EBF6FC;
}
#cont #qr-dm-contact .headline .en{
font-size: 18px;
font-weight: bold;
color: #028CD7;
text-align: center;
margin: 0;
}
#cont #qr-dm-contact .headline h2{
background: none;
padding: 0;
border: none;
text-align: center;
font-size: 40px;
font-weight: bold;
}
#cont #qr-dm-contact .contact-area{
background: #fff;
border-radius: 10px;
padding: 60px;
}
#cont #qr-dm-contact .contact-area table{
width: 100%;
}
#cont #qr-dm-contact .contact-area table tr{
border-bottom: 1px dashed #CCC;
}
#cont #qr-dm-contact .contact-area table tr:last-of-type{
border-bottom: none;
}
#cont #qr-dm-contact .contact-area table tr th{
width: 245px;
font-size: 16px;
font-weight: bold;
color: #028CD7;
padding: 15px 100px 15px 0;
box-sizing: border-box;
position: relative;
}
#cont #qr-dm-contact .contact-area table tr th.vr-t{
vertical-align: top;
}
#cont #qr-dm-contact .contact-area table tr th .req{
position: absolute;
right: 25px;
top: 16px;
background: #E30000;
color: #fff;
font-size: 11px;
padding: 5px 10px;
display: inline-block;
border-radius: 15px;
box-sizing: border-box;
}
#cont #qr-dm-contact .contact-area table tr td{
width: calc(100% - 245px);
padding: 15px 0;
box-sizing: border-box;
font-size: 16px;
}
#cont #qr-dm-contact .contact-area table tr td input[type=text]{
max-width: 560px;
width: 100%;
padding: 5px 10px;
box-sizing: border-box;
font-size: 16px;
border: 1px solid #ccc;
}
#cont #qr-dm-contact .contact-area table tr td .zip{
display: block;
margin: 0 0 15px;
}
#cont #qr-dm-contact .contact-area table tr td .zip input[type=text]{
max-width: 180px;
}
#cont #qr-dm-contact .contact-area table tr td textarea{
max-width: 560px;
width: 100%;
padding: 10px;
box-sizing: border-box;
font-size: 16px;
border: 1px solid #ccc;
}
#cont #qr-dm-contact .contact-area table tr td .txt-s{
font-size: 14px;
color: #888;
}
#cont #qr-dm-contact .contact-area table tr td .privacy-box{
border: 2px solid #CCC;
padding: 20px;
box-sizing: border-box;
height: 177px;
overflow-y: scroll;
}
#cont #qr-dm-contact .contact-area table tr td .privacy-box p{
font-size: 14px
}
#cont #qr-dm-contact .contact-area table tr td .privacy-box p strong{
font-size: 16px;
font-weight: bold;
}
#cont #qr-dm-contact .contact-area table tr td .privacy-box .align-r{
text-align: right;
}
#cont #qr-dm-contact .contact-area table tr td .privacy-box dl,
#cont #qr-dm-contact .contact-area table tr td .privacy-box ul{
font-size:14px;
}
#cont #qr-dm-contact .contact-area table tr td .privacy-box dl dd{
margin:0 0 10px 20px;
}
#cont #qr-dm-contact .contact-area .contact-btn{
display: flex;
justify-content: center;
}
#cont #qr-dm-contact .contact-area .contact-btn input[type=submit]{
max-width: 350px;
width: 100%;
border: none;
background: #028CD7;
font-size: 24px;
font-weight: bold;
color: #fff;
padding: 25px 0 20px;
border-radius: 10px;
cursor: pointer;
transition: 0.3s;
margin: 0 10px 10px;
}
#cont #qr-dm-contact .contact-area .contact-btn input[name=submitBack]{
background: #888;
}
#cont #qr-dm-contact .contact-area .step1{
display: block;
}
#cont #qr-dm-contact .contact-area .mw_wp_form_confirm .step1{
display: none;
}
@media (min-width:738px){
#cont #qr-dm-contact .contact-area .contact-btn input[type=submit]:hover{
opacity: 0.6;
}
}
@media (max-width: 737px){
#cont #qr-dm-contact{
padding: 40px 0 60px;
}
#cont #qr-dm-contact .headline .en{
font-size: 16px;
}
#cont #qr-dm-contact .headline h2{
font-size: 20px;
}
#cont #qr-dm-contact .contact-area{
padding: 20px;
}
#cont #qr-dm-contact .contact-area table tr{
border-bottom: 1px dashed #028CD7;
}
#cont #qr-dm-contact .contact-area table tr th{
width: 100%;
float: left;
display: block;
padding: 15px 50px 0 0;
box-sizing: border-box;
}
#cont #qr-dm-contact .contact-area table tr th .req{
right: 0;
top: 12px;
font-size: 11px;
}
#cont #qr-dm-contact .contact-area table tr td{
width: 100%;
float: left;
display: block;
padding: 5px 0 15px;
}
#cont #qr-dm-contact .contact-area table tr td input[type=text]{
font-size: 17px;
}
#cont #qr-dm-contact .contact-area .contact-btn input[type=submit]{
font-size: 18px;
padding: 15px 0 10px;
}
} #qr-dm-conf #cont{
width: 100%;
padding: 80px 0 0 0;
}
#qr-dm-conf #cont #main{
width: 100%;
margin: 0;
}
#qr-dm-conf #cont #main section .inner{
max-width: 1140px;
padding: 0 20px;
margin: 0 auto;
}
@media (max-width: 1200px){
#qr-dm-conf{
padding:0;
}
} #inquiry #cont .qr-dm-thanks{
padding: 80px 0 60px;
}
#inquiry #cont .qr-dm-thanks h1{
margin: 0 0 1.0em;
}
#inquiry #cont .qr-dm-thanks .catch{
text-align: center;
font-size: 24px;
font-weight: bold;
color: #028CD7;
margin: 0 0 20px;
}
#inquiry #cont .qr-dm-thanks .txt01{
text-align: center;
font-size: 16px;
margin: 0 0 20px;
line-height: 2;
}
#inquiry #cont .qr-dm-thanks .txt01 .pc{
display: block;
}
#inquiry #cont .qr-dm-thanks .btn{
max-width: 200px;
margin: 40px auto 0;
text-align:center; 
}
#inquiry #cont .qr-dm-thanks .btn a{
display: block;
background: #028CD7;
color: #fff;
border-radius: 6px;
padding: 10px;
font-size: 16px;
font-weight: bold;
transition: 0.3s;
}
@media (min-width:738px){
#inquiry #cont .qr-dm-thanks .btn a:hover{
opacity: 0.6;
}	
}
@media (max-width:737px){
#inquiry #cont .qr-dm-thanks{
padding: 40px 0 0;
}
#inquiry #cont .qr-dm-thanks h1{
font-size: 24px;
}
#inquiry #cont .qr-dm-thanks .catch{
font-size: 18px;
}
#inquiry #cont .qr-dm-thanks .txt01{
text-align: left;
line-height: 1.75;
}
#inquiry #cont .qr-dm-thanks .txt01 .pc{
display: none;
}
}  .fadeUp{
animation-name:fadeUpAnime;
animation-duration:1.0s;
animation-fill-mode:forwards;
opacity:0;
}
@media all and (-ms-high-contrast:none){
*::-ms-backdrop, .fadeUp{
opacity:1;
}
}
@keyframes fadeUpAnime{
from {
opacity: 0;
transform: translateY(150px);
}
to {
opacity: 1;
transform: translateY(0);
}
} .fadeUpTrigger{
opacity: 0;
}
@media all and (-ms-high-contrast:none){
*::-ms-backdrop, .fadeUpTrigger{
opacity:1;
}
} .fadeIn{
animation-name:fadeInAnime;
animation-duration:1.5s;
animation-fill-mode:forwards;
opacity:0;
}
@keyframes fadeInAnime{
from {
opacity: 0;
}
to {
opacity: 1;
}
}  .slide-in {
overflow: hidden;
display: inline-block;
}
.slide-in_inner {
display: inline-block;
} .leftAnime{
opacity: 0; }
.slideAnimeLeftRight {
animation-name:slideTextX100;
animation-duration:0.8s;
animation-fill-mode:forwards;
opacity: 0;
}
@keyframes slideTextX100 {
from {
transform: translateX(-100%); opacity: 0;
}
to {
transform: translateX(0); opacity: 1;
}
}
.slideAnimeRightLeft {
animation-name:slideTextX-100;
animation-duration:0.8s;
animation-fill-mode:forwards;
opacity: 0;
}
@keyframes slideTextX-100 {
from {
transform: translateX(100%); opacity: 0;
}
to {
transform: translateX(0); opacity: 1;
}
}  #home #cont #home-service .list2{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 0 40px;
}
#home #cont #home-service .list2 li{
box-sizing: border-box;
border: solid 1px #008BDC;
width: calc(100% / 3 - 10px);
margin: 0 0 20px;
}
#home #cont #home-service .list2 li a{
text-decoration: none;
display: block;
position: relative;
transition: .3s;
}
#home #cont #home-service .list2 li a:hover{
opacity: .7;
}
#home #cont #home-service .list2 li a .obi{
background-color: #008BDC;
padding: 5px 30% 5px 10px;
font-size: 14px;
line-height: 1.2;
color: #fff;
margin: 0;
}
#home #cont #home-service .list2 li a .box{
box-sizing: border-box;
padding: 10px;
width: 70%;
display: block;
margin: 0;
}
#home #cont #home-service .list2 li a .box .tit{
font-size: 28px;
line-height: 1;
font-weight: bold;
margin: 0 0 10px;
}
#home #cont #home-service .list2 li a .box .cat{
margin: 0;
display: flex;
}
#home #cont #home-service .list2 li a .box .cat p{
display: block;
font-size: 12px;
line-height: 1;
padding: 5px 8px;
border: solid 1px #0081de;
margin: 0 5px 0 0;
}
#home #cont #home-service .list2 li a .img{
position: absolute;
bottom: 0;
right: 5px;
width: 35%;
margin: 0;
}
#home #cont #home-service .list2 li a .img img{
width: 100%;
}
#home #cont #home-service .list2 li.large{
width: calc(100% / 2 - 10px);
}
#home #cont #home-service .list2 li.large .sub{
font-size: 12px;
line-height: 1.2;
background-color: #FFDE00;
margin: 0;
padding: 10px 30% 10px 10px;
}
#home #cont #home-service .list2 li.large a .obi{
font-size: 23px;
font-weight: bold;
padding: 5px 30% 2px 10px;
}
#home #cont #home-service .list2 li.large a .obi strong{
font-size: 28px;
}
#home #cont #home-service .list2 li.large a .box{
padding: 20px 10px 10px;
}
#home #cont #home-service .list2 li.large a .box .tit{
font-size: 46px;
}
#home #cont #home-service .list2 li.large a .box .cat p{
font-size: 16px;
}
@media (max-width:737px){
#home #cont #home-service .list2{
display: block;
margin: 30px 0 30px;
}
#home #cont #home-service .list2 li{
width: 100%;
margin: 0 auto 10px;
}
#home #cont #home-service .list2 li a .obi{
font-size: 3.4vw;
}
#home #cont #home-service .list2 li a .box .tit{
font-size: 5vw;
}
#home #cont #home-service .list2 li a .box .cat p{
font-size: 2vw;
padding: 2%;
}
#home #cont #home-service .list2 li a .img{
max-width: 125px;
}
#home #cont #home-service .list2 li.large{
width: 100%;
}
#home #cont #home-service .list2 li.large .sub{
font-size: 2vw;
padding: 10px 34% 10px 10px;
}
#home #cont #home-service .list2 li.large a .obi{
font-size: 4vw;
}
#home #cont #home-service .list2 li.large a .obi strong{
font-size: 5vw;
}
#home #cont #home-service .list2 li.large a .box{
padding: 4% 10px 10px;
}
#home #cont #home-service .list2 li.large a .box .tit{
font-size: 8vw;
}
#home #cont #home-service .list2 li.large a .box .cat p{
font-size: 2.8vw;
}
} #home #cont #home-service p.img{
margin: 10px 0 0px;
}
#home #cont #home-service p.img a:hover{
opacity: .7;
}
#home #cont #home-service .sp{
display: none;
}
@media (max-width:737px){
#home #cont #home-service .pc{
display: none;
}
#home #cont #home-service .sp{
display: block;
}
} #home #cont #home-option2{
background: #E5F4FF;
padding: 80px 0;
}
#home #cont #home-option2 .headline{
text-align: center;
position: relative;
z-index: 1;
color: #FFF;
}
#home #cont #home-option2 .headline p{
font-size: 14px;
font-weight: bold;
list-style-image: 1.0;
margin: 0;
color: #1B77CB;
}
#home #cont #home-option2 .headline h2{
font-size: 34px;
font-weight: bold;
margin: 0 0 55px;
position: relative;
line-height: 1.75;
color: #000;
}
#home #cont #home-option2 .headline h2::after{
position: absolute;
left: 50%;
bottom: -10px;
content: '';
margin: 0 0 0 -90px;
width: 180px;
height: 6px;
background: #FFE400;
-webkit-transform: skewX(-25deg);
-ms-transform: skewX(-25deg);
transform: skewX(-25deg);
}
#home #cont #home-option2 .headline h2 span{
font-size: 34px;
}
#home #cont #home-option2 .headline h2 .sp{
display: none;
}
#home #cont #home-option2 .list{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#home #cont #home-option2 .list li{
box-sizing: border-box;
width: calc(100% / 4 - 20px);
margin: 0 0 30px;
}
#home #cont #home-option2 .list li a{
background-color: #fff;
padding: 20px;
display: block;
text-decoration: none;
transition: .3s;
color: #0081D4;
border: solid 3px #fff;
}
#home #cont #home-option2 .list li a .img{
max-width: 80px;
margin: 0 auto 20px;
}
#home #cont #home-option2 .list li a .img img{
display: block;
width: 100%;
}
#home #cont #home-option2 .list li a .tit{
font-size: 18px;
font-weight: bold;
line-height: 1.4;
margin: 0 0 20px;
text-align: center;
}
#home #cont #home-option2 .list li a .txt{
font-size: 14px;
line-height: 1.6;
margin: 0 0 10px;
color: #000;
}
#home #cont #home-option2 .list li a .link{
font-size: 14px;
line-height: 1;
margin: 0;
text-align: right;
transition: 0.3s;
background: url(/imgs/home/211112/arrow-blue.svg) no-repeat right 5px top 2px;
padding: 0 30px 0 0;
position: relative;
}
@media (min-width:738px){
#home #cont #home-option2 .list li a:hover{
border-color: #0081D4;
}
#home #cont #home-option2 .list li a:hover .link{
background: url(/imgs/home/211112/arrow-blue.svg) no-repeat right 0 top 2px;
}
}
@media (max-width:737px){
#home #cont #home-option2{
padding: 40px 0;
}
#home #cont #home-option2 .headline h2{
font-size: 24px;
margin: 0 0 35px;
}
#home #cont #home-option2 .headline h2 span{
font-size: 24px;
}
#home #cont #home-option2 .list{
display: block;
}
#home #cont #home-option2 .list li{
width: 100%;
margin: 0 0 20px;
}
#home #cont #home-option2 .list li a{
padding: 10px 10px 10px 0;
border: solid 1px #fff;
display: flex;
align-items: center;
}
#home #cont #home-option2 .list li a .img{
max-width: 80px;
margin: 0 10px 0 0;
}
#home #cont #home-option2 .list li a .txt-box{
width: calc(100% - 90px);
}
#home #cont #home-option2 .list li a .tit{
font-size: 16px;
margin: 0 0 5px;
text-align: left;
}
#home #cont #home-option2 .list li a .txt{
font-size: 12px;
margin: 0 0 5px;
}
} #home #cont #home-size{
padding: 80px 0;
}
#home #cont #home-size .headline{
text-align: center;
position: relative;
z-index: 1;
color: #FFF;
}
#home #cont #home-size .headline p{
font-size: 14px;
font-weight: bold;
list-style-image: 1.0;
margin: 0;
color: #1B77CB;
}
#home #cont #home-size .headline h2{
font-size: 34px;
font-weight: bold;
margin: 0 0 55px;
position: relative;
line-height: 1.75;
color: #000;
}
#home #cont #home-size .headline h2::after{
position: absolute;
left: 50%;
bottom: -10px;
content: '';
margin: 0 0 0 -90px;
width: 180px;
height: 6px;
background: #FFE400;
-webkit-transform: skewX(-25deg);
-ms-transform: skewX(-25deg);
transform: skewX(-25deg);
}
#home #cont #home-size .headline h2 span{
font-size: 34px;
}
#home #cont #home-size .headline h2 .sp{
display: none;
}
#home #cont #home-size .list{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-end;
margin-bottom: 60px;
}
#home #cont #home-size .list li{
box-sizing: border-box;
width: calc(100% / 7 - 20px);
margin: 0;
text-align: center;
}
#home #cont #home-size p{
margin: 0;
}
#home #cont #home-size .list li .img{
margin: 0 auto;
}
#home #cont #home-size .list li:nth-child(1) .img,
#home #cont #home-size .list li:nth-child(2) .img{
width: 42px;
}
#home #cont #home-size .list li:nth-child(3) .img{
width: 58px;
}
#home #cont #home-size .list li:nth-child(4) .img{
width: 77px;
}
#home #cont #home-size .list li:nth-child(5) .img{
width: 89px;
}
#home #cont #home-size .list li:nth-child(6) .img{
width: 109px;
}
#home #cont #home-size .list li:nth-child(7) .img{
width: 126px;
}
#home #cont #home-size .list li .tit{
font-size: 18px;
font-weight: bold;
line-height: 1.4;
margin: 30px 0 10px;
color: #1B77CB;
}
#home #cont #home-size .list li .txt{
font-size: 14px;
line-height: 1.6;
}
#home #cont #home-size .table{
margin-bottom: 60px;
}
#home #cont #home-size .table li{
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
font-size: 14px;
line-height: 1.6;
}
#home #cont #home-size .table li .tit{
padding: 15px;
border-bottom: solid 1px #0081D4;
max-width: 120px;
width: 120px;
box-sizing: border-box;
font-weight: bold;
}
#home #cont #home-size .table li .txt{
padding: 15px;
border-bottom: solid 1px #D3D3D3;
width: calc(100% - 120px);
box-sizing: border-box;
font-size: 14px;
}
#home #cont #home-size .btn {
width: 251px;
margin: 0 auto;
}
#home #cont #home-size .btn a {
display: block;
border: 1px solid #0081de;
color: #0081de;
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){
#home #cont #home-size .btn a:hover{
background: url(/imgs/home/211112/arrow-blue.svg) no-repeat right 5px center;
}
}
@media (max-width:737px){
#home #cont #home-size{
padding: 40px 0;
}
#home #cont #home-size .headline h2{
font-size: 24px;
margin: 0 0 35px;
}
#home #cont #home-size .headline h2 span{
font-size: 24px;
}
#home #cont #home-size .list{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-end;
margin-bottom: 10px;
}
#home #cont #home-size .list li{
width: calc(100% / 4 - 10px);
margin: 0 0 20px;
}
#home #cont #home-size .list li .tit{
font-size: 16px;
margin: 10px 0 5px;
}
#home #cont #home-size .list li .txt{
font-size: 12px;
}
#home #cont #home-size .table{
margin-bottom: 30px;
}
#home #cont #home-size .table li{
font-size: 13px;
}
#home #cont #home-size .table li .tit{
padding: 10px;
max-width: 70px;
width: 70px;
}
#home #cont #home-size .table li .txt{
padding: 10px;
width: calc(100% - 70px);
}
}
@media (max-width:520px){
#home #cont #home-size .list li{
width: calc(100% / 2 - 10px);
}
} #home #cont #qa{
background: #E5F4FF;
padding: 80px 0;
margin:0;
}
#home #cont #qa .headline{
text-align: center;
position: relative;
z-index: 1;
color: #FFF;
}
#home #cont #qa .headline p{
font-size: 14px;
font-weight: bold;
list-style-image: 1.0;
margin: 0;
color: #1B77CB;
}
#home #cont #qa .headline h2{
font-size: 34px;
font-weight: bold;
margin: 0 0 55px;
position: relative;
line-height: 1.75;
color: #000;
}
#home #cont #qa .headline h2::after{
position: absolute;
left: 50%;
bottom: -10px;
content: '';
margin: 0 0 0 -90px;
width: 180px;
height: 6px;
background: #FFE400;
-webkit-transform: skewX(-25deg);
-ms-transform: skewX(-25deg);
transform: skewX(-25deg);
}
#home #cont #qa .headline h2 span{
font-size: 44px;
}
#home #cont #qa dl{
padding:15px 20px;
background:#FFF;
border-radius:10px;
}
#home #cont #qa dt{
color:#1B77CB;
font-size:18px;
position:relative;
padding:0 30px 0 0;
cursor:pointer;
}
#home #cont #qa dt:after{
content:"";
width:10px;
height:10px;
position:absolute;
display:block;
right:0px;
top:50%;
margin:-10px 0 0;
border-right:2px #1B77CB solid;
border-bottom:2px #1B77CB solid;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
transition: .3s;
}
#home #cont #qa dt.open:after{
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg);
}
#home #cont #qa dt:before{
content:"Q.";
display:inline-block;
padding:0 10px 0 0;
}
#home #cont #qa dd{
padding:10px 0 0;
font-size:16px;
line-height:1.6;
display:none;
}
#home #cont #qa dd strong{
font-weight:bold;
}
@media (max-width:737px){
#home #cont #qa{
padding:40px 0;
}
#home #cont #qa .headline h2{
font-size: 24px;
margin:0 0 40px;
}
#home #cont #qa .headline h2 span{
font-size: 24px;
}
#home #cont #qa dt{
font-size:16px;
}
#home #cont #qa dd{
font-size:14px;
}
} #home #main .sns{
max-width: 800px;
width: 96%;
margin: 0 auto 60px;
box-sizing: border-box;
}
#home #main .sns .catch{
text-align: center;
color: #2680EB;
font-size: 24px;
font-weight: bold;
}
#home #main .sns ul{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
#home #main .sns ul li{
width: calc(100% / 3 - 20px);
}
#home #main .sns ul li a{
display: flex;
justify-content: center;
align-items: center;
text-align: center;
text-decoration: none;
background-color: #2680EB;
color: #fff;
border-radius: 4px;
padding: 15px 10px;
font-size: 20px;
font-weight: bold;
position: relative;
border: solid 1px #2680EB;
box-sizing: border-box;
transition: .3s;
}
#home #main .sns ul li a:hover{
background-color: #fff;
color: #2680EB;
}
#home #main .sns ul li a:before{
content: '';
width: 24px;
height: 24px;
display: inline-block;
background: no-repeat center center / contain;
margin: 0 10px 0 0;
transition: .3s;
}
#home #main .sns ul li.tw a:before{
background-image: url(/common/img/sns/twitter_w.svg);
}
#home #main .sns ul li.tw a:hover:before{
background-image: url(/common/img/sns/twitter.svg);
}
#home #main .sns ul li.in a:before{
background-image: url(/common/img/sns/insta_w.svg);
}
#home #main .sns ul li.in a:hover:before{
background-image: url(/common/img/sns/insta.svg);
}
#home #main .sns ul li.fb a:before{
background-image: url(/common/img/sns/fb_w.svg);
}
#home #main .sns ul li.fb a:hover:before{
background-image: url(/common/img/sns/fb.svg);
}
@media screen and (max-width: 737px) {
#home #main .sns{
width: 90%;
margin: 0 auto 30px;
}
#home #main .sns .catch{
font-size: 18px;
}
#home #main .sns ul li{
width: calc(100% / 3 - 10px);
}
#home #main .sns ul li a{
padding: 10px 5px;
font-size: 16px;
}
#home #main .sns ul li a:before{
width: 18px;
height: 18px;
margin: 0 5px 0 0;
}
}
@media screen and (max-width: 500px) {
#home #main .sns ul{
display: block;
}
#home #main .sns ul li{
width: 100%;
margin: 0 0 10px;
}
} #tokusho #main .sec section {
margin: 30px 0;
}
#tokusho #main .sec section h3 {
margin: 0 0 20px;
padding: 6px 5px 5px 23px;
background-color: #028cd7;
color: #fff;
font-size: 1.333em;
font-weight: bold;
position: relative;
}
#tokusho #main .sec section h3::before {
content: "";
width: 3px;
height: 16px;
background-color: #fff;
position: absolute;
left: 10px;
top: 9px;
} .type-list-blog h2{
border:none !important;
position: relative;
}
.type-list-blog h2:after{
display: block;
content: "";
background: #028CD7;
width: 5px;
position: absolute;
height: 40px;
left: 0;
bottom: 0;
}
.type-list-blog h2:before{
content: "";
display: block;
height: 100px; margin-top: -100px; visibility: hidden;
}
.type-list-blog > ul{
font-size:16px;
background:#F1F1F1;
padding: 10px 10px 10px 40px;
}
.type-list-blog ul.btn{
display:flex;
background:none;
margin:20px 0 60px;
padding:0;
justify-content: center;
position: relative;
z-index: 2;
}
.type-list-blog ul.btn li{
width:180px;
margin:0 10px;
list-style-type:none;
}
.type-list-blog ul.btn li a{
display:block;
border: 1px solid #0081de;
color: #0081de;
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;
margin: 0 auto;
text-decoration:none !important;
}
.type-list-blog ul.btn li a:hover{
background: url(/imgs/home/211112/arrow-blue.svg) no-repeat right 5px center;
} #archive #main .search-box{
padding: 20px;
background-color: #F0FAFF;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
align-items: center;
margin: 0 0 30px;
}
#archive #main .search-box .txt{
font-size: 16px;
font-weight: bold;
line-height: 1;
margin-right: 10px;
}
#archive #main .search-box .form{
max-width: 300px;
}
#archive #main .search-box .form ul{
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
#archive #main .search-box .form ul li:nth-child(2){
display: none;
}
#archive #main .search-box .form ul li{
margin: 0;
padding: 0;
display: flex;
}
#archive #main .search-box .form input[type=text]{
padding: 5px;
font-size: 16px;
line-height: 1;
width: 230px;
border: none;
box-sizing: border-box;
}
#archive #main .search-box .form input[type="submit"]{
font-size: 16px;
line-height: 1;
border: none;
border-radius: 0;
background-color: #028CD7;
color: #fff;
padding: 5px 10px;
transition: .3s;
width: 70px;
box-sizing: border-box;
}
#archive #main .search-box .form input[type="submit"]:hover{
opacity: .7;
}
#archive #main .results,
#archive #main .no-result{
font-size: 16px;
font-weight: bold;
line-height: 1;
margin: 0 0 30px;
}
@media screen and (max-width: 737px) {
#archive #main .search-box{
padding: 15px;
display: block;
}
#archive #main .search-box .txt{
font-size: 14px;
margin: 0 0 10px;
}
#archive #main .search-box .form{
max-width: none;
width: 100%;
}
#archive #main .search-box .form ul{
width: 100%;
}
#archive #main .search-box .form ul li:nth-child(1){
width: calc(100% - 50px);
}
#archive #main .search-box .form input[type=text]{
font-size: 14px;
width: 100%;
}
#archive #main .search-box .form ul li:nth-child(3){
width: 50px;
}
#archive #main .search-box .form input[type="submit"]{
font-size: 14px;
}
}
   #estimate.detailed-estimate .estimate-main{
width:700px;
float:left;
}
#estimate.detailed-estimate .estimate-main.thanks{
margin:0 auto;
float:none;
}
#estimate.detailed-estimate .estimate-main .main-inner{
border:#CCCCCC 1px solid;
padding:20px 25px;
margin:0 0 15px;
}
#estimate.detailed-estimate .estimate-main .main-inner h2{
background: #EBEBEB;
padding:5px 10px;
font-weight: bold;
font-size:1.5em;
color:#028CD7;
}
#estimate.detailed-estimate .estimate-main .main-inner h2{
background: #EBEBEB;
padding:5px 10px;
font-weight: bold;
font-size:1.5em;
color:#028CD7;
}
#estimate.detailed-estimate .estimate-main .main-inner table{
width:100%;
font-size:15px;
margin:0 0 20px;
}
#estimate.detailed-estimate .estimate-main .main-inner .table02{
margin: 0;
}
#estimate.detailed-estimate .estimate-main .main-inner .table03{
border-top:#EDEDED 1px solid;
}
#estimate.detailed-estimate .estimate-main .main-inner table th{
padding:23px 20px 15px 10px;
width:130px;
border-bottom:#EDEDED 1px solid;
font-weight: bold;
vertical-align: top;
position:relative;
}
#estimate.detailed-estimate .estimate-main .main-inner table tr:last-of-type th{
border:none;
}
#estimate.detailed-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.detailed-estimate .estimate-main .main-inner table td{
border-bottom:#EDEDED 1px solid;
padding:12px 10px 12px 0;
}
#estimate.detailed-estimate .estimate-main .main-inner table tr:last-of-type td{
border:none;
}
#estimate.detailed-estimate .estimate-main .main-inner .box01 .bg-gray > table td dl{
display:flex;
justify-content:flex-start;
}
#estimate.detailed-estimate .estimate-main .main-inner table td dl dt{
margin:0 20px 5px 0;
position:relative;
}
#estimate.detailed-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.detailed-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.detailed-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.detailed-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.detailed-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.detailed-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.detailed-estimate .estimate-main .main-inner .box01 .bg-gray > table td dl dt input{
display:none;
}
#estimate.detailed-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.detailed-estimate .estimate-main .main-inner table td dl dt input[type="radio"]:disabled + span{
background:#fff;
opacity: 0.9;
z-index: 3;
}
#estimate.detailed-estimate .estimate-main .main-inner table td dl dt input[type="radio"]:checked + span,
#estimate.detailed-estimate .estimate-main .main-inner table td dl dt input[type="radio"]:hover + span{
border:2px #1F8BDA solid;
}
#estimate.detailed-estimate .estimate-main .main-inner table td dl dt input[type="radio"]:disabled:hover + span{
border:2px #EFEFEF solid;
}
#estimate.detailed-estimate .estimate-main .main-inner table td dl dd{
margin:0 0 10px 1.5em;
font-size:0.863em;
color:#666666;
}
#estimate.detailed-estimate .estimate-main .main-inner table td dl dd:last-child{
margin:0 0 0 1em;
}
#estimate.detailed-estimate .estimate-main .main-inner table td .explanation{ margin:10px 0 0; }
#estimate.detailed-estimate .estimate-main .main-inner table td dl dd a{
text-decoration: underline;
color:#028CD7;
}
#estimate.detailed-estimate .estimate-main .main-inner table td dl dd a:hover{
text-decoration: none;
}
#estimate.detailed-estimate .estimate-main .main-inner table td .explanation p{
font-size:13px;
}
#estimate.detailed-estimate .estimate-main .main-inner table td input[type=text]{
padding:5px 5px;
width:100px;
margin:0 5px 0 0;
}
#estimate.detailed-estimate .estimate-main .main-inner table td input[type=checkbox],
#estimate.detailed-estimate .estimate-main .main-inner table td input[type=radio]{
margin:0 5px 0 0;
}
#estimate.detailed-estimate .estimate-main .main-inner table td ul li{
margin:0 0 10px;
}
#estimate.detailed-estimate .estimate-main .main-inner table td ul li:last-child{
margin:0;
}
#estimate.detailed-estimate .estimate-main .main-inner table td ul li select{
margin:0 0 0 10px;
}
#estimate.detailed-estimate .estimate-main .main-inner .print-order{
margin:15px 0 0;
}
#estimate.detailed-estimate .estimate-main .main-inner .print-order .tab{
margin: 0 0 0 10px;
}
#estimate.detailed-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.detailed-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.detailed-estimate .estimate-main .main-inner .print-order .tab li.select a,
#estimate.detailed-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.detailed-estimate .estimate-main .main-inner .print-order .area{
border:#CCC 1px solid;
padding:10px 15px;
border-radius: 6px;
background: #fff;
}
#estimate.detailed-estimate .estimate-main .main-inner .print-order .area.hidden{
display:none;
}
#estimate.detailed-estimate .estimate-main .main-inner .print-order .area tr th{
width:140px;
border-bottom: none;
}
#estimate.detailed-estimate .estimate-main .main-inner .print-order .area tr td{
border-bottom: none;
}
#estimate.detailed-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.detailed-estimate .estimate-main .main-inner .print-order .area tr:last-child th,
#estimate.detailed-estimate .estimate-main .main-inner .print-order .area tr:last-child td{
border:none;
}
#estimate.detailed-estimate .estimate-main .attention li{
text-indent:-1em;
margin:0 0 0 1em;
font-size:14px;
} #estimate.detailed-estimate .estimate-main .main-inner .error{
background: #FFFFCC;
}
#estimate.detailed-estimate .estimate-main .main-inner label.error{
font-weight: bold;
background: none;
color: #f00;
display: block;
}
#estimate.detailed-estimate .estimate-main .main-inner #print_error{
margin:10px 0 0;
font-size:1.167em;
color: #f00;
font-weight:bold;
background:none;
} #estimate.detailed-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.detailed-estimate .estimate-main .main-inner .tooltip:hover{
cursor:pointer;
}
#estimate.detailed-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.detailed-estimate .estimate-main{
width: auto;
float: none;
margin:0 !important;
}
#estimate.detailed-estimate .estimate-main .main-inner{
border: none;
padding: 0 10px;
margin:0 0 10px;
}
#estimate.detailed-estimate .estimate-main .main-inner table{
font-size:1.167em;
}
#estimate.detailed-estimate .estimate-main .main-inner table th{
padding:12px 10px 5px;
width: auto;
border-bottom: none;
display:list-item;
list-style: none;
}
#estimate.detailed-estimate .estimate-main .main-inner table th span{
position: relative;
right:0;
top: 0;
margin:0 0 0 5px;
}
#estimate.detailed-estimate .estimate-main .main-inner table td{
padding:0px 10px 12px;
display:list-item;
list-style: none;
}
#estimate.detailed-estimate .estimate-main .main-inner .print-order table td{
padding:0 10px;		
}
#estimate.detailed-estimate .estimate-main .main-inner > table td dl{
justify-content: space-between;
flex-wrap: wrap;
}
#estimate.detailed-estimate .estimate-main .main-inner .box01 .bg-gray > table td dl{
justify-content: space-between;
flex-wrap: wrap;
}
#estimate.detailed-estimate .estimate-main .main-inner > table td dl dt{
width: 49%;
}
#estimate.detailed-estimate .estimate-main .main-inner .box01 .bg-gray > table td dl dt{
width: 49%;
margin: 0 0 5px 0;
}
#estimate.detailed-estimate .estimate-main .main-inner table td dl dt .img-area{
width:100%;
position: relative;
}
#estimate.detailed-estimate .estimate-main .main-inner table td dl dd{
font-size:0.863em;
}
#estimate.detailed-estimate .estimate-main .main-inner table td input[type=text]{
width:60px;
}
#estimate.detailed-estimate .estimate-main .main-inner .print-order .tab li{
width:20%;
margin:2px 0 0;
}
#estimate.detailed-estimate .estimate-main .main-inner .print-order .area{
padding:5px 10px;
}
#estimate.detailed-estimate .estimate-main .main-inner .print-order .area tr th{
width: auto;
}
#estimate.detailed-estimate .estimate-main .attention {
margin:0 10px;
}
#estimate.detailed-estimate .estimate-main .attention li{
margin:0 0 10px 1em;
}
#estimate.detailed-estimate .estimate-main .main-inner td{
position:relative;
}
#estimate.detailed-estimate .estimate-main .main-inner .tooltip{
position:static;
}
#estimate.detailed-estimate .estimate-main .main-inner .tooltip span{
width:100%;
box-sizing:border-box;
margin:15px 0 0;
left: 0; top: 100%;
}
#estimate.detailed-estimate .estimate-main .main-inner > table dl .tooltip span{
top:110%;
}
#estimate.detailed-estimate .estimate-main .main-inner .ori .tooltip span,
#estimate.detailed-estimate .estimate-main .main-inner .busu .tooltip span,
#estimate.detailed-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.detailed-estimate .estimate-main .main-inner table td dl dt input[type="radio"] + span{
z-index: -1;
}
} #estimate.detailed-estimate .estimate-main .flow{
margin:0 0 20px;
text-align: center;
}
#estimate.detailed-estimate .estimate-main .main-inner > p{
font-size:1.167em;
margin:0 0 10px;
}
#estimate.detailed-estimate .estimate-main .catch{
font-size:1.5em !important;
font-weight: bold;
color:#EB1B20;
text-align: center;
margin:0 0 15px;
}
#estimate.detailed-estimate .estimate-main .catch + p{
text-align: center;
margin:0 0 20px;
}
#estimate.detailed-estimate .estimate-main.phase02 th {
position:relative;
padding:28px 62px 15px 10px !important; }
#estimate.detailed-estimate .estimate-main.phase02 th.th01 {
padding:23px 62px 15px 10px !important;
}
#estimate.detailed-estimate .estimate-main.phase02 tr:last-child th,
#estimate.detailed-estimate .estimate-main.phase02 tr:last-child td {
border: none;
}
#estimate.detailed-estimate .estimate-main.phase02 .main-inner input[type=text]{
width: 100%;
}
#estimate.detailed-estimate .estimate-main.phase02 .main-inner table td ul li select{
margin:0;
}
#estimate.detailed-estimate .estimate-main.phase02 .main-inner ul li:nth-child(1) input{
width:200px;
}
#estimate.detailed-estimate .estimate-main.phase02 .main-inner ul li:nth-child(3) input{
width:100%;
box-sizing:border-box;
}
#estimate.detailed-estimate .estimate-main.phase02 textarea{
width:100%;
height:200px;
outline: none;
padding: 8px 10px;
border: 1px solid #E0E0E0;
box-sizing: border-box;
border-radius: 4px;
}
#estimate.detailed-estimate .estimate-main.phase02 .explanation{
font-size:0.917em;
margin:0 0 10px !important;
}
#estimate.detailed-estimate .estimate-main.phase02 .frame{
border:#CCCCCC 1px solid;
padding:10px 15px;
font-size:0.917em;
height:160px;
overflow-y:scroll;
width:100%;
}
#estimate.detailed-estimate .estimate-main.phase02 .frame h3{
font-size:1.167em;
margin:0 0 5px;
}
#estimate.detailed-estimate .estimate-main.phase02 .frame h4{
font-weight: bold;
font-size:1.167em;
margin:0 0 5px;
}
#estimate.detailed-estimate .estimate-main.phase02 .frame dl,
#estimate.detailed-estimate .estimate-main.phase02 .frame ul,
#estimate.detailed-estimate .estimate-main.phase02 .frame p{
margin:0 0 2em;
}
#estimate.detailed-estimate .estimate-main.phase02 .frame .name{
text-align: right;
}
@media screen and (max-width: 737px){
#estimate.detailed-estimate .estimate-main .flow img{
width:100%;
height: auto;
}
#estimate.detailed-estimate .estimate-main.phase02 th {
padding:12px 10px 5px !important;
width: auto !important;
}
#estimate.detailed-estimate .estimate-main.phase02 th span{
position: relative;
right: auto;
top: auto;
margin:0 0 0 5px;
}
#estimate.detailed-estimate .estimate-main.phase02 .main-inner input[type=text]{
width:100%;
box-sizing:border-box;
}
#estimate.detailed-estimate .estimate-main.phase02 textarea{
box-sizing:border-box;
}
#estimate.detailed-estimate .estimate-main.phase02 .main-inner ul li:nth-child(3) input,
#estimate.detailed-estimate .estimate-main.phase02 textarea,
#estimate.detailed-estimate .estimate-main.phase02 .frame{
width:100%;
box-sizing:border-box;
}
}
#estimate.detailed-estimate .estimate-main{
width: 900px;
float: none;
margin: 0 auto;
}
#estimate.detailed-estimate .estimate-main .main-inner{
padding: 0;
border: none;
}
@media screen and (max-width: 737px){
#estimate.detailed-estimate .estimate-main{
width: 100%;
}
}
#estimate.detailed-estimate .estimate-main .main-inner .order-box{
display: flex;
flex-wrap: wrap;
}
#estimate.detailed-estimate .estimate-main .main-inner .order-box .wpcf7cf_step_controls.first{
width: 100%;
order: 1;
display: flex;
justify-content: center;
margin: 30px auto 50px;
}
#estimate.detailed-estimate .estimate-main .main-inner .order-box .wpcf7cf_step_controls.first .wpcf7cf_prev-container,
#estimate.detailed-estimate .estimate-main .main-inner .order-box .wpcf7cf_step_controls.first .wpcf7cf_next-container{
width: 50%;
display: block;
}
#estimate.detailed-estimate .estimate-main .main-inner .order-box .wpcf7cf_step_controls.first .wpcf7cf_next-container .wpcf7-submit{
display: none !important;
}
@media screen and (max-width: 737px){
#estimate.detailed-estimate .estimate-main .main-inner .order-box .wpcf7cf_step_controls.first{
display: none !important;
}
#estimate.detailed-estimate .estimate-main .main-inner .order-box .wpcf7cf_step_controls.first .wpcf7cf_prev-container{
width: 100%;
}
#estimate.detailed-estimate .estimate-main .main-inner .order-box .wpcf7cf_step_controls.first .wpcf7cf_next-container{
width: 100%;
}
} #estimate.detailed-estimate .estimate-main .main-inner .box{
width: 100%;
order: 2;
margin: 0 0 40px;
}
#estimate.detailed-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.detailed-estimate .estimate-main .main-inner .box .bg-gray{
padding: 30px 40px;
background: #F7F7F7;
border-radius: 0 0 10px 10px;
}
#estimate.detailed-estimate .estimate-main .main-inner table th span{
background: #0077CB;
}
#estimate.detailed-estimate .estimate-main .main-inner table td select[name=item1],
#estimate.detailed-estimate .estimate-main .main-inner table td select[name=item2],
#estimate.detailed-estimate .estimate-main .main-inner table td select[name=item8],
#estimate.detailed-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.detailed-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.detailed-estimate .estimate-main .main-inner table td input[name=item5],
#estimate.detailed-estimate .estimate-main .main-inner table td input[name=item6],
#estimate.detailed-estimate .estimate-main .main-inner table td input[name=item49]{
width: 200px; }
#estimate.detailed-estimate .estimate-main .main-inner table td select[name=item7],
#estimate.detailed-estimate .estimate-main .main-inner table td select[name=item10],
#estimate.detailed-estimate .estimate-main .main-inner table td select[name=item11],
#estimate.detailed-estimate .estimate-main .main-inner table td select[name=item12],
#estimate.detailed-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.detailed-estimate .estimate-main .main-inner table td textarea{
width: 100%;
height: 200px;
outline: none;
padding: 8px 10px;
border: 1px solid #E0E0E0;
box-sizing: border-box;
border-radius: 4px;
}
@media screen and (max-width: 737px){
#estimate.detailed-estimate .estimate-main .main-inner table td input[type=text]{
font-size: 17px;
}
#estimate.detailed-estimate .estimate-main .main-inner table td textarea{
font-size: 17px;
}
#estimate.detailed-estimate .estimate-main .main-inner table td select[name=item1],
#estimate.detailed-estimate .estimate-main .main-inner table td select[name=item2],
#estimate.detailed-estimate .estimate-main .main-inner table td select[name=item8],
#estimate.detailed-estimate .estimate-main .main-inner table td select[name=item13]{
font-size: 17px;
}
#estimate.detailed-estimate .estimate-main .main-inner table td input[name=item5],
#estimate.detailed-estimate .estimate-main .main-inner table td input[name=item6],
#estimate.detailed-estimate .estimate-main .main-inner table td input[name=item49]{
width: 100px;
font-size: 17px;
}
#estimate.detailed-estimate .estimate-main .main-inner table td select[name=item7],
#estimate.detailed-estimate .estimate-main .main-inner table td select[name=item10],
#estimate.detailed-estimate .estimate-main .main-inner table td select[name=item11],
#estimate.detailed-estimate .estimate-main .main-inner table td select[name=item12]{
width: 80px;
font-size: 17px;
}
#estimate.detailed-estimate .estimate-main .main-inner table td select[name=item50]{
width: 100%;
font-size: 17px;
}
#estimate.detailed-estimate .estimate-main .main-inner .print-order .area tr td select{
font-size: 17px;
}
#estimate.detailed-estimate .estimate-main .main-inner .box .bg-gray{
padding: 20px 10px;
position: relative;
z-index: 1;
}	
#estimate.detailed-estimate .estimate-main .main-inner table td dl dt .img-area{
background:url(/imgs/estimate/hasso_kuroneko.svg) center 15px / auto no-repeat;
}
#estimate.detailed-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.detailed-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.detailed-estimate .estimate-main .main-inner table td dl dt input[type="radio"] + span{
background: #fff;
}
}
.estimate #wrapper .inner.confirm #estimate-main .main-inner .flow + p{
text-align: center;
margin: 0 0 40px;
} #estimate.detailed-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.detailed-estimate .topicpass-out{
background: none;
} #estimate.detailed-estimate #cont .ssl{
display: block;
}
.estimate.detailed-estimate #wrapper #cont small{
display: block;
}
.estimate.detailed-estimate #wrapper #cont{
padding: 0;
} .detailed-estimate form .wpcf7cf_repeater_controls,
.detailed-estimate form .wpcf7cf_step_controls{
justify-content: center;
}
.detailed-estimate form .wpcf7cf_repeater_controls span,
.detailed-estimate form .wpcf7cf_step_controls span{
margin: 10px;
} .detailed-estimate form .wpcf7cf_steps-dots{
display: none;
} #estimate.detailed-estimate #cont .headline h1{
font-size: clamp(28px, 3.25vw , 36px);
font-weight: bold;
color: #028CD7;
margin: 0 0 50px;
line-height: 1.5;
} .detailed-estimate #cont .step-list{
display: flex;
margin: 50px auto 45px;
}
.detailed-estimate #cont .step-list .step-list-item{
width: calc(100% / 6);
text-align: center;
color: #ccc;
padding: 30px 0 0;
position: relative;
}
.detailed-estimate #cont .step-list .step-list-item.current{
color: #0077CB;
}
.detailed-estimate #cont .step-list .step-list-item::before{
position: absolute;
right: 50%;
top: 0;
content: '';
width: 100%;
height: 1px;
background: #ccc;
}
.detailed-estimate #cont .step-list .step-list-item.current::before{
background: #0077CB;
}
.detailed-estimate #cont .step-list .step-list-item:first-child::before{ content: none;
}
.detailed-estimate #cont .step-list .step-list-item:last-child::before{
}
.detailed-estimate #cont .step-list .step-list-item::after{
position: absolute;
left: 50%;
top: 0;
content: '';
z-index: 2;
transform: translate(-50%,-50%);
width: 10px;
height: 10px;
border: 2px solid #0077CB;
background: #fff;
box-sizing: border-box;
border-radius: 50%;
}
.detailed-estimate #cont .step-list .step-list-item.current::after{
background: #0077CB;
}
.detailed-estimate #cont .step-list .step-list-item span{
display: block;
font-size: 18px;
font-weight: bold;
}
.detailed-estimate #cont .step-list .step-list-item br.sp{
display: none;
}
@media (max-width:737px){
.detailed-estimate #cont .step-list .step-list-item{
padding: 30px 3px 0;
box-sizing: border-box;
}
.detailed-estimate #cont .step-list .step-list-item span{
font-size: 12px;
}
.detailed-estimate #cont .step-list .step-list-item br.sp{
display: block;
}
} .detailed-estimate #cont form .wpcf7cf_step_controls{
margin: 10px auto 50px;
}
.wpcf7cf_step_controls .wpcf7cf_next-container {
max-width: 320px;
width: 100%;
display: block;
}
.wpcf7cf_step_controls .wpcf7cf_next-container button{
width: 100%;
background: #0077CB;
outline: none;
border: 1px solid #0077CB;
color: #fff;
display: block;
padding: 15px 10px 14px;
font-size: clamp(16px, 2.0vw, 18px);
font-weight: bold;
cursor: pointer;
transition: 0.3s;
border-radius: 10px;
position: relative;
}
.wpcf7cf_step_controls .wpcf7cf_next-container button::after{
position: absolute;
right: 15px;
top: 50%;
z-index: 2;
content:"\f054";
font-size: 18px;
font-weight: normal;
font-family: fontAwesome;
transform: translateY(-50%);
}
@media (min-width:738px){
.wpcf7cf_step_controls .wpcf7cf_next-container button:hover{
background: #fff;
color: #0077CB;
}
}
.wpcf7cf_step_controls .wpcf7cf_prev-container {
max-width: 320px;
width: 100%;
display: block;
}
.wpcf7cf_step_controls .wpcf7cf_prev-container button{
width: 100%;
background: #ccc;
outline: none;
border: 1px solid #ccc;
color: #fff;
display: block;
padding: 15px 10px 14px;
font-size: clamp(16px, 2.0vw, 18px);
font-weight: bold;
cursor: pointer;
transition: 0.3s;
border-radius: 10px;
position: relative;
}
.wpcf7cf_step_controls .wpcf7cf_prev-container button::after{
position: absolute;
left: 15px;
top: 50%;
z-index: 2;
content:"\f053";
font-size: 18px;
font-weight: normal;
font-family: fontAwesome;
transform: translateY(-50%);
}
@media (min-width:738px){
.wpcf7cf_step_controls .wpcf7cf_prev-container button:hover{
background: #fff;
color: #ccc;
}
}
@media (max-width:737px){
.detailed-estimate #cont form .wpcf7cf_step_controls{
margin: 0 auto 30px;
}
.detailed-estimate #cont form .wpcf7cf_step_controls .wpcf7cf_prev-container{
order: 2;
}
.detailed-estimate #cont form .wpcf7cf_step_controls .wpcf7cf_next-container{
order: 1;
}
} #estimate.detailed-estimate #cont .wpcf7cf_add-container .wpcf7cf_add{
width: 240px;
display: block;
margin: 10px 5px;
background: #fff;
outline: none;
border: 1px solid #0077CB;
color: #0077CB;
padding: 10px;
font-size: clamp(14px, 2.0vw, 15px);
font-weight: bold;
cursor: pointer;
border-radius: 6px;
transition: 0.3s;
}
#estimate.detailed-estimate #cont .wpcf7cf_remove-container .wpcf7cf_remove{
width: 240px;
display: block;
margin: 10px 5px;
background: #fff;
outline: none;
border: 1px solid #4F4F4F;
color: #4F4F4F;
padding: 10px;
font-size: clamp(14px, 2.0vw, 15px);
font-weight: bold;
cursor: pointer;
border-radius: 6px;
transition: 0.3s;
}
@media (min-width:738px){
#estimate.detailed-estimate #cont .wpcf7cf_add-container .wpcf7cf_add:hover{
background: #0077CB;
border: 1px solid #0077CB;
color: #fff;
}
#estimate.detailed-estimate #cont .wpcf7cf_remove-container .wpcf7cf_remove:hover{
background: #4F4F4F;
border: 1px solid #4F4F4F;
color: #fff;
}
} #estimate.detailed-estimate #cont form .headline .box{
max-width: 650px;
margin: 0 auto 40px;
padding: 20px;
box-sizing: border-box;
background: #E5F4FF;
font-size: clamp(14px, 2.0vw, 16px);
}
#estimate.detailed-estimate #cont form .headline .box a{
text-decoration: underline;
color: #0077CB;
}
@media (min-width:768px){
#estimate.detailed-estimate #cont form .headline .box a:hover{
text-decoration: none;
}	
}
#estimate.detailed-estimate #cont form .wpcf7cf_multistep[data-current_step="1"] .wpcf7cf_step_controls .wpcf7cf_prev-container {
display: none;
} #estimate.detailed-estimate #cont form .wpcf7cf-summary h3{
background: #0077CB;
font-size: 16px;
font-weight: bold;
margin: 0 auto 20px;
padding: 10px 15px;
color: #fff;
}
#estimate.detailed-estimate #cont .wpcf7cf_step_controls .wpcf7cf_next-container .wpcf7-submit{
width: 100%;
background: #0077CB;
outline: none;
border: 1px solid #0077CB;
color: #fff;
display: block;
padding: 15px 10px 14px;
font-size: clamp(16px, 2.0vw, 18px);
font-weight: bold;
cursor: pointer;
transition: 0.3s;
border-radius: 10px;
position: relative;
}
#estimate.detailed-estimate #cont .wpcf7cf_step_controls .wpcf7cf_next-container .wpcf7-submit::after{
position: absolute;
right: 15px;
top: 50%;
z-index: 2;
content:"\f054";
font-size: 18px;
font-weight: normal;
font-family: fontAwesome;
transform: translateY(-50%);
}
@media (min-width:738px){
#estimate.detailed-estimate #cont .wpcf7cf_step_controls .wpcf7cf_next-container .wpcf7-submit:hover{
background: #fff;
color: #0077CB;
}
} #estimate.detailed-estimate #cont form .table01{
border-bottom: #EDEDED 1px solid;
margin: 0;
}
#estimate.detailed-estimate #cont form table th{
width: 240px;
padding: 27px 70px 20px 10px;
box-sizing: border-box;
}
#estimate.detailed-estimate #cont form table th.th01{
padding: 22px 70px 20px 10px;
}
#estimate.detailed-estimate #cont form table th span.req{
top: 28px;
}
#estimate.detailed-estimate #cont form table th.th01 span.req{
top: 22px;
}
#estimate.detailed-estimate .estimate-main.phase02 form table th.th01 span.req{
top: 22px;
}
#estimate.detailed-estimate #cont form table th span.wpcf7cf-index{
position: static;
background: none;
font-size: 15px;
font-weight: bold;
padding: 0;
color: #333;
}
#estimate.detailed-estimate #cont form table td{
width: calc(100% - 240px);
padding: 20px 10px 20px 0;
}
#estimate.detailed-estimate #cont form table td ul li.ori-box{
display: flex;
}
#estimate.detailed-estimate #cont form table td ul li .tit{
width:72px;
display: inline-block;
}
#estimate.detailed-estimate #cont form table td ul li.ori-box .tit{
padding: 10px 0 0;
}
#estimate.detailed-estimate #cont form table td ul li .select-box{
width: calc(100% - 72px);
}
#estimate.detailed-estimate #cont form table td ul li .note{
font-size: 12px;
font-weight: normal;
margin: 10px 0 0;
}
#estimate.detailed-estimate #cont form table td .fl-box{
display: flex;
}
#estimate.detailed-estimate #cont form table td .fl-box .box01{
width: 100px;
padding: 0 20px 0 0;
box-sizing: border-box;
}
#estimate.detailed-estimate #cont form table td .fl-box .box02{
width: calc(100% - 100px);
}
@media (max-width:737px){
.pc{
display: none;
}
#estimate.detailed-estimate #cont form table th,
#estimate.detailed-estimate #cont form table th.th01{
width: 100%;
padding: 12px 10px 5px;
box-sizing: border-box;
}
#estimate.detailed-estimate #cont form table th.th01 span.req,
#estimate.detailed-estimate #cont form table th span.req{
top: 0;
}
#estimate.detailed-estimate #cont form table td{
width: 100%;
padding: 0px 10px 12px;
box-sizing: border-box;
}
#estimate.detailed-estimate #cont form table td ul li .tit{
width:100%;
display: block;
}
#estimate.detailed-estimate #cont form table td .fl-box{
display: block;
}
#estimate.detailed-estimate #cont form table td .fl-box .box01{
width: 100%;
padding: 0;
}
#estimate.detailed-estimate #cont form table td .fl-box .box02{
width: 100%;
}
#estimate.detailed-estimate #cont form table td ul li.ori-box{
display: block;
}
#estimate.detailed-estimate #cont form table td ul li .select-box{
width: 100%;
}
} #estimate.detailed-estimate #cont form table td .short{
max-width: 200px;
width: 100%;
}
#estimate.detailed-estimate #cont form table td .middle{
max-width: 300px;
width: 100%;
}
#estimate.detailed-estimate #cont form table td .long{
width: 100%;
} #estimate.detailed-estimate #cont form table td .wpcf7-radio .wpcf7-list-item{
display: block;
margin: 0 0 0.5em;
}
#estimate.detailed-estimate #cont form table td #item01 .wpcf7-list-item:nth-of-type(1) label::after{
content: '（107㎜×154㎜ 6ｇ内）';
font-size: 13px;
}
#estimate.detailed-estimate #cont form table td #item01 .wpcf7-list-item:nth-of-type(2) label::after{
content: '（120㎜×235㎜内）';
font-size: 13px;
}
#estimate.detailed-estimate #cont form table td #item01 .wpcf7-list-item:nth-of-type(4) label::after{
content: '（120㎜×235㎜内）';
font-size: 13px;
}
#estimate.detailed-estimate #cont form table td #item02 .wpcf7-list-item:nth-of-type(1) label::after{
content: '（信書は送れません）';
font-size: 13px;
}
#estimate.detailed-estimate #cont form table td #item02 .wpcf7-list-item:nth-of-type(2) label::after{
content: '（申請承認に約1週間かかります、申請が通らない場合は普通郵便となります）';
font-size: 13px;
}
#estimate.detailed-estimate #cont form table td #item05 .wpcf7-list-item:nth-of-type(1) label::after{
content: '印刷物支給：3営業日、ハガキ関係：3営業日、印刷から注文：5営業日';
font-size: 13px;
display: block;
margin: 0 0 0 24px;
}
#estimate.detailed-estimate #cont form table td #item05 .wpcf7-list-item:nth-of-type(2) label{
position: relative;
padding: 0 0 5px;
display: block;
}
#estimate.detailed-estimate #cont form table td #item05 .wpcf7-list-item:nth-of-type(2) label::before{
content: '印刷物支給：2営業日、ハガキ関係：2営業日、印刷から注文4営業日';
font-size: 13px;
display: block;
margin: 0 0 0 24px;
position: absolute;
left: 0;
bottom: 25px;
}
#estimate.detailed-estimate #cont form table td #item05 .wpcf7-list-item:nth-of-type(2) label::after{
content: '※通常より料金割増になります。';
font-size: 13px;
display: block;
margin: 25px 0 0 24px;
}
#estimate.detailed-estimate #cont form table td #item05 .wpcf7-list-item:nth-of-type(3) label::after{
content: '※通常より料金割増になります。';
font-size: 13px;
display: block;
margin: 0 0 0 24px;
}
#estimate.detailed-estimate #cont form table td #item06 .wpcf7-list-item:nth-of-type(1) label::after{
content: '（貼り作業のみ）';
font-size: 13px;
}
#estimate.detailed-estimate #cont form table td #item06 .wpcf7-list-item:nth-of-type(2) label::after{
content: '（印字・貼り）';
font-size: 13px;
}
#estimate.detailed-estimate #cont form table td #item06 .wpcf7-list-item:nth-of-type(3) label::after{
content: '（透明封筒は不可）';
font-size: 13px;
}
#estimate.detailed-estimate #cont form table td #item06 .wpcf7-list-item:nth-of-type(4) label::after{
content: '（印字済み支給・封入のみ等）';
font-size: 13px;
}
@media (max-width:500px){
#estimate.detailed-estimate #cont form table td #item05 .wpcf7-list-item:nth-of-type(2) label::after{
margin: 43px 0 0 24px;
}
} #estimate.detailed-estimate #cont form table td .checkbox01 .wpcf7-list-item{
margin: 0 1.0em 0 0;
} #estimate.detailed-estimate #cont form table td .select01{
outline: none;
padding: 8px 10px;
border: 1px solid #E0E0E0;
box-sizing: border-box;
border-radius: 4px;
margin: 0;
} #estimate.detailed-estimate #cont form table td input[type=tel]{
outline: none;
padding: 8px 10px;
border: 1px solid #E0E0E0;
box-sizing: border-box;
border-radius: 4px;
} #estimate.detailed-estimate #cont form table td input[type=email]{
outline: none;
padding: 8px 10px;
border: 1px solid #E0E0E0;
box-sizing: border-box;
border-radius: 4px;
} #estimate.detailed-estimate #cont form table td .note01{
font-size: 14px;
font-weight: bold;
}
#estimate.detailed-estimate #cont form table td .note01 a{
text-decoration: underline;
color: #028CD7;
}
@media (min-width:738px){
#estimate.detailed-estimate #cont form table td .note01 a:hover{
text-decoration: none;
}	
} #estimate.detailed-estimate #cont form table td .note02{
font-size: 14px;
font-weight: bold;
margin: 20px 0 0;
padding: 0 0 0 1.0em;
text-indent: -1.0em;
} #estimate.detailed-estimate #cont form table td span[data-name="item08"],
#estimate.detailed-estimate #cont form table td span[data-name="item10"],
#estimate.detailed-estimate #cont form table td span[data-name="item12"]{
display: block;
margin: -15px 0 0;
}
#estimate.detailed-estimate #cont form table td #item08,
#estimate.detailed-estimate #cont form table td #item10,
#estimate.detailed-estimate #cont form table td #item12{
margin: 0 0 0 20px;
}
@media (max-width:400px){
#estimate.detailed-estimate #cont form table td #item08,
#estimate.detailed-estimate #cont form table td #item10,
#estimate.detailed-estimate #cont form table td #item12{
margin: 0;
}	
} #estimate.detailed-estimate #cont form .wpcf7-spinner{
position: absolute;
left: -30px;
top: -30px;
} #estimate.detailed-estimate #cont form table td .attention{
font-size: 12px;
margin: 25px 0 10px;
}
#estimate.detailed-estimate #cont form table td #privacy-frame{
background: #fff;
}
#estimate.detailed-estimate #cont form table td #privacy-frame dl{
display: block;
} #estimate.detailed-estimate.thanks #cont .main-inner .txt01{
text-align: center;
font-size: clamp(14px, 2.0vw, 16px);
margin: 60px auto;
}
#estimate.detailed-estimate.thanks #cont .main-inner .btn a{
max-width: 220px;
background: #0077CB;
outline: none;
border: 1px solid #0077CB;
color: #fff;
text-align: center;
display: block;
margin: 0 auto;
padding: 15px 10px;
font-size: clamp(16px, 2.0vw, 18px);
font-weight: bold;
cursor: pointer;
transition: 0.3s;
}
@media (min-width:738px){
#estimate.detailed-estimate.thanks #cont .main-inner .btn a:hover{
background: #fff;
color: #0077CB;
}
}
@media (max-width:737px){
#estimate.detailed-estimate.thanks #cont .main-inner .txt01{
text-align: left;
margin: 40px auto;
}
#estimate.detailed-estimate.thanks #cont .main-inner .txt01 br.pc{
display: none;
}
}