@charset "UTF-8";
@charset "UTF-8";

 html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: inherit;
}
a {
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
ins {
background-color: #ff9;
color: #000;
text-decoration: none;
}
mark {
background-color: #ff9;
color: #000;
font-style: italic;
font-weight: bold;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom: 1px dotted;
cursor: help;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
th {
text-align: left;
vertical-align: top;
font-weight: normal;
}
td {
text-align: left;
vertical-align: top;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
input, select, textarea, img {
vertical-align: middle;
}
ul, dl, ol {
list-style: none;
}
em {
font-style: normal;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}  .fontcolor_main {
color: #071F38;
}
.fontcolor_second {
color: #937A50;
} .kenten, .kenten_half { padding: 0.35em 0;
background-repeat: repeat-x;
background-size: 1em 0.5em;
background-position: top left;
background-image: radial-gradient(0.4rem 0.4rem at center center, #484848 50%, transparent 50%);
font-feature-settings: normal;
}
.kenten_half {
background-size: 0.65em 0.5em;
}
.is_sp {
display: block; }
@media screen and (min-width: 769px) {
.is_sp {
display: none;
}
}
.is_pc {
display: none; }
@media screen and (min-width: 769px) {
.is_pc {
display: block;
}
}
img.is_sp,
br.is_sp {
display: inline; }
@media screen and (min-width: 769px) {
img.is_sp,
br.is_sp {
display: none;
}
}
img.is_pc,
br.is_pc {
display: none; }
@media screen and (min-width: 769px) {
img.is_pc,
br.is_pc {
display: inline-block;
}
}
.u_bold700 {
font-weight: 700 !important;
} html {
font-size: 3.3854166667vw; }
@media screen and (min-width: 769px) {
html {
font-size: 1.4973958333vw;
}
}
body {
font-family: "Noto Serif JP", serif !important;
color: #484848 !important;
line-height: 1.538 !important;
background: #fff !important;
-webkit-text-size-adjust: 100%;
overflow-x: hidden;
letter-spacing: 0.1em !important;
font-weight: 500 !important; }
@media screen and (min-width: 769px) {
body {
line-height: 1.565;
}
}
a {
color: #484848;
text-decoration: underline;
transition: 0.2s ease;
}
a::before, a::after {
transition: 0.2s ease;
}
a:hover {
text-decoration: none;
transition: 0.2s ease;
}
a:hover::before, a:hover::after {
transition: 0.2s ease;
}
img,
video,
object {
width: 100%;
height: auto;
vertical-align: bottom;
border: none;
}
section {
position: relative;
}
section p {
text-align: left;
}
mark {
background: none;
color: inherit;
font-weight: normal;
font-style: normal;
}
.global_wrap {
overflow: hidden;
} .wrap {
position: relative;
width: 100%;
margin: 0 auto;
}
.clearfix:after {
content: "";
display: block;
clear: both;
}
.hover:hover {
transition: 0.2s ease;
}
.hover:hover:hover {
transform: scale(0.98, 0.98);
transition: 0.2s ease;
}
.scrollbar::-webkit-scrollbar {
background: #ccc;
width: 10px;
}
.scrollbar::-webkit-scrollbar-thumb {
background: #aaa;
}
table.tbl_block {
display: block;
text-align: left; }
@media screen and (min-width: 769px) {
table.tbl_block {
display: table;
}
}
table.tbl_block tbody {
display: block;
text-align: left; }
@media screen and (min-width: 769px) {
table.tbl_block tbody {
display: table-row-group;
}
}
table.tbl_block tr {
display: block;
text-align: left; }
@media screen and (min-width: 769px) {
table.tbl_block tr {
display: table-row;
}
}
table.tbl_block th,
table.tbl_block td {
display: block;
text-align: left; }
@media screen and (min-width: 769px) {
table.tbl_block th,
table.tbl_block td {
display: table-cell;
}
}  .list_dot > li {
position: relative;
padding-left: 1em;
}
.list_dot > li::before {
content: '・';
display: inline-block;
position: absolute;
left: 0;
top: 0;
} .bg_gray {
background: linear-gradient(#E9EBF0, #F5F6F8);
} .cmn_wrap {
position: relative;
margin-left: auto;
margin-right: auto;  }
@media screen and (max-width: 768px) {
.cmn_wrap {
width: auto;
padding-left: 4.9479166667vw;
padding-right: 4.9479166667vw;
}
}
@media screen and (min-width: 769px) {
.cmn_wrap {
width: 65.1041666667vw;
}
}
.cmn_wrap:after {
content: " ";
display: block;
clear: both;
}
.cmn_deco01 {
text-align: center;
color: #D9C087;
max-width: 75.5208333333vw;
margin-left: auto;
margin-right: auto;
}
.cmn_deco01_text01 {
letter-spacing: 0.15em;
position: relative;
font-size: 3.6458333333vw;
padding: 4.9479166667vw 0 4.9479166667vw;
font-weight: 400; }
@media screen and (min-width: 769px) {
.cmn_deco01_text01 {
font-size: 1.6276041667vw;
padding: 1.171875vw 0;
}
}
.cmn_deco01_text01:before, .cmn_deco01_text01:after {
content: "";
display: block;
width: 100%;
background: url(//how-to-inc.com/uo/wp-content/themes/uraomote/propose/images/line01.png) center center no-repeat;
background-size: auto 100%;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
height: 1.8229166667vw; }
@media screen and (min-width: 769px) {
.cmn_deco01_text01:before, .cmn_deco01_text01:after {
height: 0.9114583333vw;
}
}
.cmn_deco01_text01:before {
top: 0;
}
.cmn_deco01_text01:after {
bottom: 0;
}
.cmn_deco01_big01 {
font-weight: 700;
font-size: 4.5572916667vw;
padding: 0 1.3020833333vw; }
@media screen and (min-width: 769px) {
.cmn_deco01_big01 {
font-size: 2.0833333333vw;
padding: 0 0.2604166667vw;
}
}
.cmn_deco01_big02 {
font-weight: 700;
font-size: 4.5572916667vw; }
@media screen and (min-width: 769px) {
.cmn_deco01_big02 {
font-size: 2.0833333333vw;
}
}
.cmn_deco01.type_dib .cmn_deco01_text01 {
display: block;
overflow: hidden; }
@media screen and (min-width: 769px) {
.cmn_deco01.type_dib .cmn_deco01_text01 {
display: inline-block;
}
}
.cmn_btn01 {
display: block;
background: linear-gradient(to right, #D6C7A3, #B5A070);
font-weight: 700;
text-align: center;
position: relative;
color: #000;
text-decoration: none;
font-size: 4.5572916667vw;
padding: 3.125vw 0;
box-shadow: 0 0 3.7760416667vw 0.390625vw #0B1E33;
-moz-box-shadow: 0 0 3.7760416667vw 0.390625vw #0B1E33;
-webkit-box-shadow: 0 0 3.7760416667vw 0.390625vw #0B1E33;  }
@media screen and (min-width: 769px) {
.cmn_btn01 {
font-size: 2.0182291667vw;
padding: 1.0416666667vw 0;
box-shadow: 0 0 1.8880208333vw 0.1953125vw #0B1E33;
-moz-box-shadow: 0 0 1.8880208333vw 0.1953125vw #0B1E33;
-webkit-box-shadow: 0 0 1.8880208333vw 0.1953125vw #0B1E33;
}
}
.cmn_btn01.type_arrow01:before {
content: "";
display: block;
width: 31px;
height: 15px;
background: url(//how-to-inc.com/uo/wp-content/themes/uraomote/propose/images/ico_arrow01.png) center center no-repeat;
background-size: 100% auto;
position: absolute;
top: 0;
bottom: 0;
margin: auto 0;
width: 4.0364583333vw;
height: 1.953125vw;
right: 4.296875vw; }
@media screen and (min-width: 769px) {
.cmn_btn01.type_arrow01:before {
width: 2.0182291667vw;
height: 0.9765625vw;
right: 1.0416666667vw;
}
}
.cmn_btn01.type_width01 {
margin: 0 auto;
width: 75.5208333333vw; }
@media screen and (min-width: 769px) {
.cmn_btn01.type_width01 {
width: 29.296875vw;
}
}
@media screen and (min-width: 769px) {
.cmn_btn01:hover {
opacity: 0.8;
}
}
.cmn_hl01 {
position: relative;
z-index: 1;
font-weight: 700;
padding-left: 4.6875vw; }
@media screen and (min-width: 769px) {
.cmn_hl01 {
padding-left: 2.9296875vw;
}
}
.cmn_hl01:before {
content: "";
display: block;
position: absolute;
z-index: -1;
background: url(//how-to-inc.com/uo/wp-content/themes/uraomote/propose/images/cmn_hl02_bg01_sp.png) center center no-repeat;
background-size: 100% auto;
width: 36.71875vw;
height: 25.1302083333vw;
left: -9.765625vw;
top: -7.5520833333vw; }
@media screen and (min-width: 769px) {
.cmn_hl01:before {
background-image: url(//how-to-inc.com/uo/wp-content/themes/uraomote/propose/images/cmn_hl02_bg01_pc.png);
width: 17.6432291667vw;
height: 12.5651041667vw;
left: -4.5572916667vw;
top: -3.7760416667vw;
}
}
.cmn_hl01_en {
letter-spacing: 0;
color: #937A50;
font-size: 2.34375vw;  }
@media screen and (max-width: 768px) {
.cmn_hl01_en {
margin-bottom: 0.6510416667vw;
}
}
@media screen and (min-width: 769px) {
.cmn_hl01_en {
font-size: 1.171875vw;
}
}
.cmn_hl01_ja {
color: #071F38;
letter-spacing: 0.15em;
font-size: 4.5572916667vw; }
@media screen and (min-width: 769px) {
.cmn_hl01_ja {
font-size: 2.0833333333vw;
line-height: 1.65625;
}
}
.cmn_hl01.type_line01 {
padding-bottom: 3.90625vw; }
@media screen and (min-width: 769px) {
.cmn_hl01.type_line01 {
padding-bottom: 1.3020833333vw;
}
}
.cmn_hl01.type_line01:after {
content: "";
display: block;
width: 9.375vw;
height: 0.2604166667vw;
background: url(//how-to-inc.com/uo/wp-content/themes/uraomote/propose/images/cmn_hl02_line01.png) center center no-repeat;
background-size: 100% auto;
position: absolute;
bottom: 0;
left: 4.6875vw; }
@media screen and (min-width: 769px) {
.cmn_hl01.type_line01:after {
width: 4.6875vw;
height: 0.1302083333vw;
left: 3.2552083333vw;
}
} .header {
border-bottom: 1px solid #B8A374;
padding-bottom: 0.390625vw; }
@media screen and (min-width: 769px) {
.header {
padding-bottom: 0.3255208333vw;
}
}
.header_inner {
border-bottom: 1px solid #B8A374;
padding: 2.6041666667vw 0 1.953125vw; }
@media screen and (min-width: 769px) {
.header_inner {
padding: 1.3020833333vw 0 0.9765625vw;
}
}
.header .logo img {
display: block;
margin: 0 auto;
width: 19.7916666667vw; }
@media screen and (min-width: 769px) {
.header .logo img {
width: 9.8307291667vw;
}
} .keyv .text01 {
text-align: center;
padding: 3.2552083333vw 0;
font-size: 2.8645833333vw;
letter-spacing: 0.15em;
color: white; }
@media screen and (min-width: 769px) {
.keyv .text01 {
font-size: 1.2369791667vw;
padding: 0.7161458333vw 0;
}
} .cta01 .bg_wrap {
color: #fff;
text-align: center;
background: url(//how-to-inc.com/uo/wp-content/themes/uraomote/propose/images/cta01_bg_sp.jpg) center top no-repeat;
background-size: cover;
padding: 6.5104166667vw 0 6.9010416667vw; }
@media screen and (min-width: 769px) {
.cta01 .bg_wrap {
background-image: url(//how-to-inc.com/uo/wp-content/themes/uraomote/propose/images/cta01_bg_pc.jpg);
padding: 2.34375vw 0 3.3854166667vw;
}
}
.cta01 .cmn_deco01 {
margin-bottom: 5.5989583333vw; }
@media screen and (min-width: 769px) {
.cta01 .cmn_deco01 {
margin-bottom: 1.0416666667vw;
}
}
.cta01 .text01 {
font-size: 3.125vw;
margin-bottom: 3.2552083333vw;
font-weight: 400;  }
@media screen and (max-width: 768px) {
.cta01 .text01 {
letter-spacing: 0.05em;
}
}
@media screen and (min-width: 769px) {
.cta01 .text01 {
font-size: 1.3671875vw;
margin-bottom: 0.8463541667vw;
}
} .cmn_copy01 .bg_wrap {
background: url(//how-to-inc.com/uo/wp-content/themes/uraomote/propose/images/cmn_copy01_sp.jpg) center center no-repeat;
background-size: cover;
color: #fff;
padding-top: 6.5104166667vw;
padding-bottom: 6.5104166667vw; }
@media screen and (min-width: 769px) {
.cmn_copy01 .bg_wrap {
background-image: url(//how-to-inc.com/uo/wp-content/themes/uraomote/propose/images/cmn_copy01_pc.jpg);
padding-top: 2.1484375vw;
padding-bottom: 2.2786458333vw;
}
}
.cmn_copy01 .text01 {
text-align: center;
margin-bottom: 2.9947916667vw; }
@media screen and (min-width: 769px) {
.cmn_copy01 .text01 {
margin-bottom: 0.6510416667vw;
}
} .sec_campaign .campaign01 .cmn_wrap {
padding: 14.0625vw 10.0260416667vw 11.71875vw; }
@media screen and (min-width: 769px) {
.sec_campaign .campaign01 .cmn_wrap {
padding: 6.8359375vw 0 2.9296875vw;
width: 58.59375vw;
}
}
.sec_campaign .campaign01 .cmn_hl01 {
margin-left: -4.6875vw; }
@media screen and (min-width: 769px) {
.sec_campaign .campaign01 .cmn_hl01 {
margin-left: -3.2552083333vw;
}
}
.sec_campaign .campaign01 .text01 {
padding-top: 6.9010416667vw; }
@media screen and (min-width: 769px) {
.sec_campaign .campaign01 .text01 {
padding-top: 2.6041666667vw;
}
}
.sec_campaign .campaign01 .text01_marker {
display: inline-block;
margin: 3.90625vw 0; }
@media screen and (min-width: 769px) {
.sec_campaign .campaign01 .text01_marker {
margin: 0.9765625vw 0;
}
}
.sec_campaign .campaign01 .text01 p + p {
margin-top: 4.5572916667vw; }
@media screen and (min-width: 769px) {
.sec_campaign .campaign01 .text01 p + p {
margin-top: 0.6510416667vw;
}
}
.sec_campaign .campaign01 .box01 {
text-align: center;  }
@media screen and (max-width: 768px) {
.sec_campaign .campaign01 .box01 {
margin: 0 -1.3020833333vw;
}
}
@media screen and (min-width: 769px) {
.sec_campaign .campaign01 .box01 {
padding: 0.9765625vw 0;
}
}
.sec_campaign .campaign01 .box01 img { }
@media screen and (min-width: 769px) {
.sec_campaign .campaign01 .box01 img {
width: 41.3411458333vw;
}
}
.sec_campaign .campaign02 {
position: relative;
z-index: 2; }
@media screen and (max-width: 768px) {
.sec_campaign .campaign02:before {
content: "";
display: block;
width: 2px;
height: 32.1614583333vw;
position: absolute;
top: -6.25vw;
left: 4.8177083333vw;
background: url(//how-to-inc.com/uo/wp-content/themes/uraomote/propose/images/campaign_line01.png) center center no-repeat;
background-size: auto 100%;
}
}
.sec_campaign .campaign02 .bg_wrap {
position: relative;
z-index: 1;
}
.sec_campaign .campaign02 .bg_wrap:before {
content: "";
display: block;
width: 40.23%;
height: 100%;
position: absolute;
right: 0;
top: 0;
z-index: -1;
background: linear-gradient(#fff, #F7F7F8 50%); }
@media screen and (min-width: 769px) {
.sec_campaign .campaign02 .bg_wrap:before {
width: 50%;
}
}
.sec_campaign .campaign02 .cmn_wrap {
padding-top: 13.0208333333vw;
padding-bottom: 8.4635416667vw; }
@media screen and (min-width: 769px) {
.sec_campaign .campaign02 .cmn_wrap {
padding-top: 3.2552083333vw;
padding-bottom: 3.2552083333vw;
max-width: 60.546875vw;
}
}
.sec_campaign .campaign02_image {  }
@media screen and (max-width: 768px) {
.sec_campaign .campaign02_image {
margin-bottom: 1.953125vw;
}
}
@media screen and (min-width: 769px) {
.sec_campaign .campaign02_image {
width: 60.8%;
}
}
.sec_campaign .campaign02_desc { }
@media screen and (min-width: 769px) {
.sec_campaign .campaign02_desc {
width: 35%;
display: table;
}
}
.sec_campaign .campaign02_desc_inner {
color: #071F38;
letter-spacing: 0.15em;
font-weight: 700;
line-height: 1.8695; }
@media screen and (min-width: 769px) {
.sec_campaign .campaign02_desc_inner {
display: table-cell;
height: 20.0520833333vw;
vertical-align: middle;
}
}
.sec_campaign .campaign02_child {   }
@media screen and (max-width: 768px) {
.sec_campaign .campaign02_child {
width: 73.5677083333vw;
}
}
.sec_campaign .campaign02_child + .campaign02_child {
padding-top: 7.8125vw; }
@media screen and (min-width: 769px) {
.sec_campaign .campaign02_child + .campaign02_child {
padding-top: 3.90625vw;
}
}
@media screen and (max-width: 768px) {
.sec_campaign .campaign02_child:nth-child(odd) {
clear: both;
margin-left: 4.6875vw;
}
.sec_campaign .campaign02_child:nth-child(even) {
float: right;
}
}
@media screen and (min-width: 769px) {
.sec_campaign .campaign02_child:nth-child(odd) .campaign02_image {
float: left;
}
.sec_campaign .campaign02_child:nth-child(odd) .campaign02_desc {
float: right;
}
.sec_campaign .campaign02_child:nth-child(even) .campaign02_image {
float: right;
}
.sec_campaign .campaign02_child:nth-child(even) .campaign02_desc {
float: left;
}
} .sec_brand .cmn_wrap {
padding-top: 14.3229166667vw;
padding-bottom: 10.4166666667vw; }
@media screen and (min-width: 769px) {
.sec_brand .cmn_wrap {
padding-top: 7.2916666667vw;
padding-bottom: 5.3385416667vw;
}
}
.sec_brand .brand {
padding-top: 7.8125vw; }
@media screen and (min-width: 769px) {
.sec_brand .brand {
padding-top: 2.8645833333vw;
}
}
.sec_brand .brand_name {
text-align: center;
}
.sec_brand .brand_name_inner {
display: inline-block;
position: relative;
z-index: 1;
padding: 0 3.7760416667vw;
margin-bottom: 3.90625vw; }
@media screen and (min-width: 769px) {
.sec_brand .brand_name_inner {
padding: 0 1.4322916667vw;
margin-bottom: 2.2135416667vw;
}
}
.sec_brand .brand_name_inner:before, .sec_brand .brand_name_inner:after {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
background: url(//how-to-inc.com/uo/wp-content/themes/uraomote/propose/images/brand_deco01.png) center center no-repeat;
background-size: 100% auto;
margin: auto 0;
width: 2.6041666667vw;
height: 2.6041666667vw; }
@media screen and (min-width: 769px) {
.sec_brand .brand_name_inner:before, .sec_brand .brand_name_inner:after {
width: 0.9765625vw;
height: 0.9765625vw;
}
}
.sec_brand .brand_name_inner:before {
left: 0;
}
.sec_brand .brand_name_inner:after {
right: 0;
}
.sec_brand .brand_name_text01 {
color: #937A50;
font-weight: 600;
line-height: 1.2;
font-size: 3.6458333333vw; }
@media screen and (min-width: 769px) {
.sec_brand .brand_name_text01 {
font-size: 1.6276041667vw;
}
}
.sec_brand .brand_name_text01_small {
font-size: 2.9947916667vw; }
@media screen and (min-width: 769px) {
.sec_brand .brand_name_text01_small {
font-size: 1.3020833333vw;
}
}
.sec_brand .brand_item {
background: linear-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.8));
position: relative;
z-index: 1;
box-shadow: 0 0 2.8645833333vw 0.1302083333vw rgba(0, 0, 0, 0.08);
-moz-box-shadow: 0 0 2.8645833333vw 0.1302083333vw rgba(0, 0, 0, 0.08);
-webkit-box-shadow: 0 0 2.8645833333vw 0.1302083333vw rgba(0, 0, 0, 0.08); }
@media screen and (min-width: 769px) {
.sec_brand .brand_item {
box-shadow: 0 0 1.4322916667vw 0.0651041667vw rgba(0, 0, 0, 0.08);
-moz-box-shadow: 0 0 1.4322916667vw 0.0651041667vw rgba(0, 0, 0, 0.08);
-webkit-box-shadow: 0 0 1.4322916667vw 0.0651041667vw rgba(0, 0, 0, 0.08);
}
}
.sec_brand .brand_item:before {
content: "";
display: block;
width: 100%;
height: 100%;
background: url(//how-to-inc.com/uo/wp-content/themes/uraomote/propose/images/brand_bg02_sp.png) center bottom no-repeat;
background-size: 100% auto;
position: absolute;
left: 0;
bottom: 0;
z-index: -1; }
@media screen and (min-width: 769px) {
.sec_brand .brand_item:before {
background-image: url(//how-to-inc.com/uo/wp-content/themes/uraomote/propose/images/brand_bg02_pc.png);
}
}
.sec_brand .brand_inner {
position: relative;
z-index: 1;
padding: 4.9479166667vw 5.78% 7.8125vw; }
@media screen and (min-width: 769px) {
.sec_brand .brand_inner {
padding: 2.6041666667vw 10% 4.1666666667vw;
}
}
.sec_brand .brand_inner:before, .sec_brand .brand_inner:after {
content: "";
display: block;
position: absolute;
z-index: -1;
top: 0;
background-size: 100% auto;
background-position: center center;
background-repeat: no-repeat;
width: 17.3177083333vw;
height: 20.703125vw; }
@media screen and (min-width: 769px) {
.sec_brand .brand_inner:before, .sec_brand .brand_inner:after {
width: 8.6588541667vw;
height: 10.3515625vw;
}
}
.sec_brand .brand_inner:before {
left: 0;
background-image: url(//how-to-inc.com/uo/wp-content/themes/uraomote/propose/images/brand_bg01_left.png);
}
.sec_brand .brand_inner:after {
right: 0;
background-image: url(//how-to-inc.com/uo/wp-content/themes/uraomote/propose/images/brand_bg01_right.png);
}
.sec_brand .brand_text01 p + p {
margin-top: 4.5572916667vw; }
@media screen and (min-width: 769px) {
.sec_brand .brand_text01 p + p {
margin-top: 1.953125vw;
}
}
.sec_brand .brand_text01_child {
position: relative;
margin-bottom: 7.2916666667vw;
padding-bottom: 5.9895833333vw; }
@media screen and (min-width: 769px) {
.sec_brand .brand_text01_child {
margin-bottom: 1.953125vw;
padding-bottom: 3.5807291667vw;
}
}
.sec_brand .brand_text01_child:before {
content: "";
display: block;
background: url(//how-to-inc.com/uo/wp-content/themes/uraomote/propose/images/brand_deco02.png) center center no-repeat;
background-size: 100% auto;
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
width: 5.078125vw;
height: 1.8229166667vw; }
@media screen and (min-width: 769px) {
.sec_brand .brand_text01_child:before {
width: 2.5390625vw;
height: 0.9114583333vw;
}
}
.sec_brand .brand_text01_child:last-child {
margin-bottom: 0;
padding-bottom: 0;
}
.sec_brand .brand_text01_child:last-child:before {
display: none;
}
.sec_brand .brand_text01_marker {
display: inline-block;
padding-top: 2.9947916667vw;
padding-bottom: 2.9947916667vw; }
@media screen and (min-width: 769px) {
.sec_brand .brand_text01_marker {
padding-top: 0.9765625vw;
padding-bottom: 0.9765625vw;
}
}
.sec_brand .brand_text01_marker.type_mb0 {
padding-bottom: 0;
}
.sec_brand .brand_movie {
position: relative;
margin-top: 3.125vw; }
@media screen and (min-width: 769px) {
.sec_brand .brand_movie {
margin-top: 2.2135416667vw;
}
}
.sec_brand .brand_movie_inner {
padding-top: 46.75%;
}
.sec_brand .brand_movie iframe {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.sec_brand .brand_slide {
width: 59%;
margin: 0 auto 7.8125vw; }
@media screen and (min-width: 769px) {
.sec_brand .brand_slide {
width: 50%;
margin: 0 auto 4.2317708333vw;
}
}
.sec_brand .brand_slide .slick-dots {
font-size: 0;
text-align: center;
position: absolute;
width: 100%;
left: 0;
bottom: -2.6041666667vw; }
@media screen and (min-width: 769px) {
.sec_brand .brand_slide .slick-dots {
bottom: -1.7578125vw;
}
}
.sec_brand .brand_slide .slick-dots li {
display: inline-block;
vertical-align: top;
margin: 0 0.390625vw; }
@media screen and (min-width: 769px) {
.sec_brand .brand_slide .slick-dots li {
margin: 0 0.1953125vw;
}
}
.sec_brand .brand_slide .slick-dots button {
font-size: 0;
display: block;
padding: 0;
border: 1px solid #937A50;
background: none;
outline: none;
cursor: pointer;
width: 0.78125vw;
height: 0.78125vw; }
@media screen and (min-width: 769px) {
.sec_brand .brand_slide .slick-dots button {
width: 0.6510416667vw;
height: 0.6510416667vw;
}
}
.sec_brand .brand_slide .slick-dots .slick-active button {
background: #937A50;
}
.sec_brand .brand_slide .slick-arrow {
display: block;
font-size: 0;
border: none;
padding: 0;
border-radius: 100%;
outline: none;
cursor: pointer;
position: absolute;
top: 0;
bottom: 0;
margin: auto 0;
width: 4.1666666667vw;
height: 4.1666666667vw; }
@media screen and (min-width: 769px) {
.sec_brand .brand_slide .slick-arrow {
width: 2.9947916667vw;
height: 2.9947916667vw;
}
}
.sec_brand .brand_slide .slick-arrow.slick-prev {
background: url(//how-to-inc.com/uo/wp-content/themes/uraomote/propose/images/slide01_prev.png) center center no-repeat;
background-size: 100%;
left: 0;
left: -8.0729166667vw; }
@media screen and (min-width: 769px) {
.sec_brand .brand_slide .slick-arrow.slick-prev {
left: -4.8177083333vw;
}
}
.sec_brand .brand_slide .slick-arrow.slick-next {
background: url(//how-to-inc.com/uo/wp-content/themes/uraomote/propose/images/slide01_next.png) center center no-repeat;
background-size: 100%;
right: -8.0729166667vw; }
.slick-next:before,
.slick-prev:before {
content: "";
}
.slick-dots li button:before {
display: none;
}
.slick-dots li {
width: auto;
height: auto;
}
@media screen and (min-width: 769px) {
.sec_brand .brand_slide .slick-arrow.slick-next {
right: -4.8177083333vw;
}
}
.sec_brand .brand_voice {
position: relative;
z-index: 1;
width: 90%;
margin: 0 auto;
padding-top: 5.2083333333vw; }
@media screen and (min-width: 769px) {
.sec_brand .brand_voice {
width: 98.2%;
margin: 0 auto;
padding-top: 2.6041666667vw;
}
}
.sec_brand .brand_voice:before {
content: "";
display: block;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
width: 1px;
background: #153B60;
top: -3.2552083333vw;
height: 6.1197916667vw; }
@media screen and (min-width: 769px) {
.sec_brand .brand_voice:before {
top: -1.4322916667vw;
height: 3.0598958333vw;
}
}
.sec_brand .brand_voice .slick-list {
overflow: visible;
}
.sec_brand .brand_voice .slick-dots {
font-size: 0;
text-align: center;
position: absolute;
width: 100%;
left: 0;
bottom: -3.2552083333vw; }
@media screen and (min-width: 769px) {
.sec_brand .brand_voice .slick-dots {
bottom: -1.953125vw;
}
}
.sec_brand .brand_voice .slick-dots li {
display: inline-block;
vertical-align: top;
margin: 0 0.390625vw; }
@media screen and (min-width: 769px) {
.sec_brand .brand_voice .slick-dots li {
margin: 0 0.1953125vw;
}
}
.sec_brand .brand_voice .slick-dots button {
font-size: 0;
display: block;
padding: 0;
border: 1px solid #153B60;
background: none;
outline: none;
cursor: pointer;
width: 1.0416666667vw;
height: 1.0416666667vw; }
@media screen and (min-width: 769px) {
.sec_brand .brand_voice .slick-dots button {
width: 0.5208333333vw;
height: 0.5208333333vw;
}
}
.sec_brand .brand_voice .slick-dots .slick-active button {
background: #153B60;
}
.sec_brand .brand_voice .slick-arrow {
display: block;
font-size: 0;
border: none;
padding: 0;
border-radius: 100%;
outline: none;
cursor: pointer;
position: absolute;
top: 0;
bottom: 0;
margin: auto 0;
z-index: 10;
width: 4.1666666667vw;
height: 4.1666666667vw; }
@media screen and (min-width: 769px) {
.sec_brand .brand_voice .slick-arrow {
width: 2.9947916667vw;
height: 2.9947916667vw;
}
}
.sec_brand .brand_voice .slick-arrow.slick-prev {
background: url(//how-to-inc.com/uo/wp-content/themes/uraomote/propose/images/slide02_prev.png) center center no-repeat;
background-size: 100%;
left: -1.5%; }
@media screen and (min-width: 769px) {
.sec_brand .brand_voice .slick-arrow.slick-prev {
left: -2.5%;
}
}
.sec_brand .brand_voice .slick-arrow.slick-next {
background: url(//how-to-inc.com/uo/wp-content/themes/uraomote/propose/images/slide02_next.png) center center no-repeat;
background-size: 100%;
right: -1.5%; }
@media screen and (min-width: 769px) {
.sec_brand .brand_voice .slick-arrow.slick-next {
right: -2.5%;
}
}
.sec_brand .brand_voice .slick-arrow.slick-disabled {
opacity: 0.23;
}
.sec_brand .brand_voice_pad {
padding: 0.0651041667vw;
background: rgba(255, 255, 255, 0.85); }
@media screen and (min-width: 769px) {
.sec_brand .brand_voice_pad {
padding: 0.1953125vw;
}
}
.sec_brand .brand_voice_people { }
@media screen and (min-width: 769px) {
.sec_brand .brand_voice_people {
padding-left: 1.953125vw;
}
}
.sec_brand .brand_voice_head {
background: url(//how-to-inc.com/uo/wp-content/themes/uraomote/propose/images/brand_voice_bg01_sp.jpg) center center no-repeat;
background-size: cover;
color: #fff;
position: relative;
text-align: center;
display: table;
width: 100%;
font-size: 2.8645833333vw;
height: 5.859375vw;
font-weight: 400;
letter-spacing: 0.05em;  }
@media screen and (max-width: 768px) {
.sec_brand .brand_voice_head {
letter-spacing: 0;
}
}
@media screen and (min-width: 769px) {
.sec_brand .brand_voice_head {
background-image: url(//how-to-inc.com/uo/wp-content/themes/uraomote/propose/images/brand_voice_bg01_pc.jpg);
font-size: 1.3671875vw;
height: 4.5572916667vw;
}
}
.sec_brand .brand_voice_head_inner {
display: table-cell;
vertical-align: middle;
}
.sec_brand .brand_voice_num {
position: absolute;
font-weight: 200;
letter-spacing: 0.03em;
line-height: 1;
opacity: 0.19;
left: 0;
font-size: 6.25vw;
bottom: -0.390625vw; }
@media screen and (min-width: 769px) {
.sec_brand .brand_voice_num {
font-size: 4.7526041667vw;
bottom: -0.1302083333vw;
}
}
.sec_brand .brand_voice_inner {
border: 1px solid #153B60;
}
.sec_brand .brand_voice_body {
line-height: 1.6;
padding: 3.6458333333vw 4.1666666667vw;
font-size: 2.8645833333vw;
height: 80.5729166667vw;
color: #000; }
@media screen and (min-width: 769px) {
.sec_brand .brand_voice_body {
padding: 1.953125vw 3.0598958333vw;
font-size: 1.3020833333vw;
height: 24.8697916667vw;
}
}
.sec_brand .brand_voice_body p + p {
margin-top: 2.6041666667vw; }
@media screen and (min-width: 769px) {
.sec_brand .brand_voice_body p + p {
margin-top: 1.3020833333vw;
}
}
.sec_brand .brand_voice_child {
padding: 0 2%;
color: #000; }
.sec_brand .brand_voice_body p {
text-align: left !important;
}
@media screen and (min-width: 769px) {
.sec_brand .brand_voice_child {
padding: 0 4.17%;
}
}
.sec_brand .brand_child + .brand_child {
margin-top: 11.4583333333vw; }
@media screen and (min-width: 769px) {
.sec_brand .brand_child + .brand_child {
margin-top: 5.859375vw;
}
}
.sec_brand .brand_child.type_item02 .brand_voice_body { }
@media screen and (max-width: 768px) {
.sec_brand .brand_child.type_item02 .brand_voice_body {
height: 54.5572916667vw;
}
} .sec_contents .bg_wrap {
background: url(//how-to-inc.com/uo/wp-content/themes/uraomote/propose/images/campaign_bg_sp.jpg) center top no-repeat;
background-size: cover; }
@media screen and (min-width: 769px) {
.sec_contents .bg_wrap {
background-image: url(//how-to-inc.com/uo/wp-content/themes/uraomote/propose/images/campaign_bg_pc.jpg);
}
}
.sec_contents .cmn_wrap {
padding-top: 7.2916666667vw!important;
padding-bottom: 7.8125vw!important; }
@media screen and (min-width: 769px) {
.sec_contents .cmn_wrap {
padding-top: 3.2552083333vw;
padding-bottom: 3.2552083333vw;
}
}
.sec_contents .desc {
background: rgba(255, 255, 255, 0.92);
color: #194A73;
padding: 5.2083333333vw 4.1666666667vw 4.4270833333vw;
margin-top: 2.6041666667vw;
margin-bottom: 5.9895833333vw; }
@media screen and (min-width: 769px) {
.sec_contents .desc {
padding: 1.6276041667vw 3.2552083333vw 2.8645833333vw;
margin-top: 3.0598958333vw;
margin-bottom: 3.5807291667vw;
}
}
.sec_contents .desc_text01 {
text-align: center;
line-height: 1.8;
margin-bottom: 2.6041666667vw; }
@media screen and (min-width: 769px) {
.sec_contents .desc_text01 {
margin-bottom: 1.6276041667vw;
}
}
.sec_contents .desc_text01_big01 {
font-weight: 700;
font-size: 3.90625vw; }
@media screen and (min-width: 769px) {
.sec_contents .desc_text01_big01 {
font-size: 1.7578125vw;
}
}
.sec_contents .desc_text01_line01 {
font-weight: 700;
border-bottom: 0.390625vw dotted #c2c5ca; }
@media screen and (min-width: 769px) {
.sec_contents .desc_text01_line01 {
border-bottom-width: 0.1953125vw;
}
}
.sec_contents .desc_inner {
background: #fff;
padding: 3.90625vw 3.3854166667vw; }
@media screen and (min-width: 769px) {
.sec_contents .desc_inner {
padding: 2.2786458333vw 3.2552083333vw 2.6041666667vw;
}
}
.sec_contents .desc_inner li {
position: relative;
padding-left: 3.2552083333vw;
letter-spacing: 0.05em;
font-weight: 400; }
@media screen and (min-width: 769px) {
.sec_contents .desc_inner li {
padding-left: 1.6276041667vw;
}
}
.sec_contents .desc_inner li + li {
margin-top: 3.90625vw; }
@media screen and (min-width: 769px) {
.sec_contents .desc_inner li + li {
margin-top: 1.8229166667vw;
}
}
.sec_contents .desc_inner li:before {
content: "";
display: block;
position: absolute;
left: 0;
background: #194A73;
width: 1.8229166667vw;
height: 1.8229166667vw;
top: 1.5625vw; }
@media screen and (min-width: 769px) {
.sec_contents .desc_inner li:before {
width: 0.9114583333vw;
height: 0.9114583333vw;
top: 0.6510416667vw;
}
}
.sec_contents .step {
padding-bottom: 5.2083333333vw; }
@media screen and (min-width: 769px) {
.sec_contents .step {
max-width: 58.59375vw;
margin: 0 auto;
padding-bottom: 0.3255208333vw;
}
}
.sec_contents .step_hl01 {
text-align: center;
color: #333;
font-weight: 700;
font-size: 4.5572916667vw;
margin-bottom: 4.5572916667vw;
letter-spacing: 0.15em; }
@media screen and (min-width: 769px) {
.sec_contents .step_hl01 {
font-size: 2.0833333333vw;
margin-bottom: 2.5390625vw;
}
}
.sec_contents .step_inner {
border-top: 1px solid #D9C087;
border-bottom: 1px solid #D9C087;
position: relative;
background: rgba(255, 255, 255, 0.07);
color: #fff;
display: table;
width: 100%;
}
.sec_contents .step_box {
position: relative;
z-index: 1;
margin-bottom: 5.5989583333vw; }
@media screen and (min-width: 769px) {
.sec_contents .step_box {
margin-bottom: 2.1484375vw;
}
}
.sec_contents .step_box:before {
content: "";
display: block;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
width: 0;
height: 0;
border-style: solid;
z-index: -1;
border-color: #D9C087 transparent transparent transparent;
border-width: 1.8229166667vw 2.9947916667vw 0 2.9947916667vw;
bottom: -1.8229166667vw; }
@media screen and (min-width: 769px) {
.sec_contents .step_box:before {
border-width: 0.5208333333vw 0.9114583333vw 0 0.9114583333vw;
bottom: -0.5208333333vw;
}
}
.sec_contents .step_desc, .sec_contents .step_image {
display: table-cell;
vertical-align: top;
}
.sec_contents .step_image {
width: 36.1979166667vw; }
@media screen and (min-width: 769px) {
.sec_contents .step_image {
width: 15.4947916667vw;
}
}
.sec_contents .step_desc {
padding: 6.25vw 0 2.6041666667vw 3.90625vw; }
@media screen and (min-width: 769px) {
.sec_contents .step_desc {
padding: 4.4270833333vw 6.9010416667vw 1.3020833333vw 3.2552083333vw;
}
}
.sec_contents .step_title {
color: #D9C087;
font-weight: 700;
margin-bottom: 2.9947916667vw;
font-size: 3.7760416667vw;
letter-spacing: 0.05em; }
@media screen and (min-width: 769px) {
.sec_contents .step_title {
margin-bottom: 1.4973958333vw;
font-size: 1.6927083333vw;
letter-spacing: 0.15em;
}
}
.sec_contents .step_text01 p {
text-align: left !important;
}
@media screen and (max-width: 768px) {
.sec_contents .step_text01 {
padding-right: 3.90625vw;
letter-spacing: 0.05em;
}
}
.sec_contents .step_num {
font-size: 2.8645833333vw;
letter-spacing: 0;  }
@media screen and (max-width: 768px) {
.sec_contents .step_num {
display: block;
}
}
@media screen and (min-width: 769px) {
.sec_contents .step_num {
padding-right: 0.78125vw;
font-size: 1.2369791667vw;
}
}
.sec_contents .check {
padding-bottom: 5.2083333333vw; }
@media screen and (min-width: 769px) {
.sec_contents .check {
max-width: 58.59375vw;
margin: 0 auto;
padding-bottom: 0.3255208333vw;
}
}
.sec_contents .check_hl01 {
text-align: center;
color: #D9C087;
font-weight: 700;
font-size: 4.5572916667vw;
margin-bottom: 4.5572916667vw;
letter-spacing: 0.15em; }
@media screen and (min-width: 769px) {
.sec_contents .check_hl01 {
font-size: 2.0833333333vw;
margin-bottom: 2.5390625vw;
}
}
.sec_contents .check_inner {
border-top: 1px solid #D9C087;
border-bottom: 1px solid #D9C087;
position: relative;
background: rgba(255, 255, 255, 0.07);
color: #fff;
display: table;
width: 100%;
}
.sec_contents .check_box {
position: relative;
z-index: 1;
margin-bottom: 5.5989583333vw; }
@media screen and (min-width: 769px) {
.sec_contents .check_box {
margin-bottom: 2.1484375vw;
}
}
.sec_contents .check_box:before {
content: "";
display: block;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
width: 0;
height: 0;
border-style: solid;
z-index: -1;
border-color: #D9C087 transparent transparent transparent;
border-width: 1.8229166667vw 2.9947916667vw 0 2.9947916667vw;
bottom: -1.8229166667vw; }
@media screen and (min-width: 769px) {
.sec_contents .check_box:before {
border-width: 0.5208333333vw 0.9114583333vw 0 0.9114583333vw;
bottom: -0.5208333333vw;
}
}
.sec_contents .check_desc, .sec_contents .check_image {
display: table-cell;
vertical-align: top;
}
.sec_contents .check_image {
width: 36.1979166667vw; }
@media screen and (min-width: 769px) {
.sec_contents .check_image {
width: 15.4947916667vw;
}
}
.sec_contents .check_desc {
padding: 6.25vw 0 2.6041666667vw 3.90625vw; }
@media screen and (min-width: 769px) {
.sec_contents .check_desc {
padding: 4.4270833333vw 6.9010416667vw 1.3020833333vw 3.2552083333vw;
}
}
.sec_contents .check_title {
color: #D9C087;
font-weight: 700;
margin-bottom: 2.9947916667vw;
font-size: 3.7760416667vw;
letter-spacing: 0.05em; }
@media screen and (min-width: 769px) {
.sec_contents .check_title {
margin-bottom: 1.4973958333vw;
font-size: 1.6927083333vw;
letter-spacing: 0.15em;
}
}
.sec_contents .check_text01 { }
@media screen and (max-width: 768px) {
.sec_contents .check_text01 {
padding-right: 3.90625vw;
}
}
.sec_contents .check_num {
font-size: 2.8645833333vw;
letter-spacing: 0;  }
@media screen and (max-width: 768px) {
.sec_contents .check_num {
display: block;
}
}
@media screen and (min-width: 769px) {
.sec_contents .check_num {
padding-right: 0.78125vw;
font-size: 1.2369791667vw;
}
}
.sec_contents .form {
background: #fff;
margin: 0 auto;
color: #000;
padding: 2.6041666667vw 4.5572916667vw 6.9010416667vw; }
@media screen and (min-width: 769px) {
.sec_contents .form {
max-width: 58.59375vw; }
}
.sec_contents .form_req {
background: #2A6190;
color: #fff;
font-family: "Noto Sans JP", sans-serif;
display: inline-block;
font-weight: 500;
vertical-align: middle;
font-size: 2.34375vw;
padding: 0 0.6510416667vw;
margin-left: 0.390625vw; }
@media screen and (min-width: 769px) {
.sec_contents .form_req {
font-size: 0.9114583333vw;
padding: 0 0.1953125vw;
margin-left: 0.3255208333vw;
}
}
.sec_contents .form_req.type_any {
background: #606060;
}
.sec_contents .form table {
width: 100%;
margin-bottom: 2.6041666667vw; }
@media screen and (min-width: 769px) {
.sec_contents .form table {
margin-bottom: 2.1484375vw;
}
}
.sec_contents .form table th, .sec_contents .form table td {
display: block;
}
.sec_contents .form table th {
text-align: left;
font-weight: 700;
padding: 1.6927083333vw 3.515625vw 0.9114583333vw 1.6927083333vw;
letter-spacing: 0; }
@media screen and (min-width: 769px) {
.sec_contents .form table th {
padding: 0.6510416667vw 0 0.3255208333vw;
}
}
.sec_contents .form table td {
padding: 0 3.515625vw 3.2552083333vw 1.6927083333vw; }
@media screen and (min-width: 769px) {
.sec_contents .form table td {
padding: 0 0 0.9765625vw;
}
}
.sec_contents .form table td:after {
content: "";
display: block;
clear: both;
}
.sec_contents .form table tr {
border-bottom: 2px dotted #cdcdcd;
}
.sec_contents .form table tr:last-child {
border-bottom: none;
}
.sec_contents .form table select {
border: 1px solid #2A6392;
border-radius: 0;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
font-family: inherit;
background: url(//how-to-inc.com/uo/wp-content/themes/uraomote/propose/images/ico_selectbox.png) right center #f1f5f8 no-repeat;
background-size: auto 100%;
font-family: "Noto Sans JP", sans-serif;
padding: 2.34375vw 6.5104166667vw 2.34375vw 2.6041666667vw;
font-size: 3.3854166667vw;
border-radius: 0.6510416667vw;
min-height: 1em;  }
@media screen and (min-width: 769px) {
.sec_contents .form table select {
padding: 0.6510416667vw 2.6041666667vw 0.6510416667vw 1.3020833333vw;
font-size: 1.3020833333vw;
border-radius: 0.3255208333vw;
}
}
.sec_contents .form table select::-ms-expand, .sec_contents .form table select::-ms-expand {
display: none;
}
.sec_contents .form table .form_select_width01 {
width: 100%; }
@media screen and (min-width: 769px) {
.sec_contents .form table .form_select_width01 {
width: 10.0260416667vw;
}
}
.sec_contents .form table :placeholder-shown {
color: #9a9b9d;
}
.sec_contents .form table ::-webkit-input-placeholder {
color: #9a9b9d;
}
.sec_contents .form table :-moz-placeholder {
color: #9a9b9d;
opacity: 1;
}
.sec_contents .form table ::-moz-placeholder {
color: #9a9b9d;
opacity: 1;
}
.sec_contents .form table :-ms-input-placeholder {
color: #9a9b9d;
}
.sec_contents .form table input[type="text"],
.sec_contents .form table input[type="email"],
.sec_contents .form table input[type="tel"],
.sec_contents .form table textarea {
box-sizing: border-box;
width: 100%;
border: 1px solid #2A6392;
font-family: inherit;
font-size: inherit;
-webkit-appearance: none;
font-family: "Noto Sans JP", sans-serif;
font-weight: 400;
padding: 2.34375vw 2.6041666667vw;
font-size: 3.3854166667vw;
border-radius: 0.6510416667vw; }
@media screen and (min-width: 769px) {
.sec_contents .form table input[type="text"],
.sec_contents .form table input[type="email"],
.sec_contents .form table input[type="tel"],
.sec_contents .form table textarea {
padding: 0.6510416667vw 1.3671875vw;
font-size: 1.3020833333vw;
border-radius: 0.3255208333vw;
}
}
.sec_contents .form table input[type="text"],
.sec_contents .form table input[type="email"],
.sec_contents .form table input[type="tel"] {
background: #f1f5f8;
}
.sec_contents .form table textarea {
resize: vertical;
min-height: 36.4583333333vw; }
@media screen and (min-width: 769px) {
.sec_contents .form table textarea {
min-height: 13.7369791667vw;
}
}
.sec_contents .form table input[type="text"].is_picker {
background: url(//how-to-inc.com/uo/wp-content/themes/uraomote/propose/images/ico_calendar01.png) right center no-repeat #f1f5f8;
background-size: 6.5104166667vw auto; }
@media screen and (min-width: 769px) {
.sec_contents .form table input[type="text"].is_picker {
background-size: 2.5390625vw auto;
}
}
.sec_contents .form table input[type="checkbox"] {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden; }
.sec_contents .form table input[type="checkbox"] + span {
display: block;
position: relative;
cursor: pointer;
border: 1px solid #2A6392;
font-family: "Noto Sans JP", sans-serif;
font-weight: 400;
background: #f1f5f8;
padding: 1.953125vw 1.3020833333vw 1.953125vw 8.3333333333vw;
margin-bottom: 1.8229166667vw;
border-radius: 0.6510416667vw;
font-size: 3.3854166667vw;
letter-spacing: 0; }
@media screen and (min-width: 769px) {
.sec_contents .form table input[type="checkbox"] + span {
padding: 0.5208333333vw 1.2369791667vw 0.5208333333vw 3.0598958333vw;
margin-bottom: 0.5208333333vw;
border-radius: 0.3255208333vw;
font-size: 1.3671875vw;
}
}
.sec_contents .form table input[type="checkbox"] + span:before {
-webkit-box-sizing: border-box;
box-sizing: border-box;
content: '';
display: inline-block;
position: absolute;
border: 1px solid #2A6392;
background: #fff;
color: inherit;
left: 1.953125vw;
top: 2.2135416667vw;
width: 4.6875vw;
height: 4.6875vw;
border-radius: 0.6510416667vw; }
@media screen and (min-width: 769px) {
.sec_contents .form table input[type="checkbox"] + span:before {
left: 0.9765625vw;
top: 0.8463541667vw;
width: 1.4973958333vw;
height: 1.4973958333vw;
border-radius: 0.3255208333vw;
}
}
.sec_contents .form table input[type="checkbox"]:checked + span {
color: #fff;
font-weight: 700;
background: #2A6392;
}
.sec_contents .form table input[type="checkbox"]:checked + span:after {
content: '';
display: block;
position: absolute;
-webkit-transform: rotate(40deg);
-ms-transform: rotate(40deg);
transform: rotate(40deg);
border-bottom: 0.5208333333vw solid #2A6190;
border-right: 0.5208333333vw solid #2A6190;
width: 1.171875vw;
height: 2.4739583333vw;
top: 2.734375vw;
left: 3.515625vw; }
@media screen and (min-width: 769px) {
.sec_contents .form table input[type="checkbox"]:checked + span:after {
border-bottom-width: 0.1302083333vw;
border-right-width: 0.1302083333vw;
width: 0.4557291667vw;
height: 0.8463541667vw;
top: 0.9765625vw;
left: 1.3671875vw;
}
}
.sec_contents .form table .form_check_width01 {
font-size: 0;
margin-right: -6.5104166667vw;  }
@media screen and (min-width: 769px) {
.sec_contents .form table .form_check_width01 {
margin-right: -2.6041666667vw;
}
}
.sec_contents .form table .form_check_width01 > span {
display: inline-block;
margin-right: 0.6510416667vw; }
@media screen and (min-width: 769px) {
.sec_contents .form table .form_check_width01 > span {
margin-right: 0.4557291667vw;
}
}
@media screen and (max-width: 768px) {
.sec_contents .form table .form_check_width01 input[type="checkbox"] + span {
padding: 1.953125vw 1.5625vw 1.953125vw 5.7291666667vw;
}
.sec_contents .form table .form_check_width01 input[type="checkbox"] + span:before {
top: 2.8645833333vw;
left: 1.3020833333vw;
width: 3.6458333333vw;
height: 3.6458333333vw;
}
.sec_contents .form table .form_check_width01 input[type="checkbox"]:checked + span:after {
border-bottom: 0.390625vw solid #2A6190;
border-right: 0.390625vw solid #2A6190;
width: 0.6510416667vw;
height: 1.8229166667vw;
top: 3.3854166667vw;
left: 2.6041666667vw;
}
}
.sec_contents .form_note {
font-family: "Noto Sans JP", sans-serif;
font-weight: 300;
letter-spacing: 0;
font-size: 2.6041666667vw;
margin-top: 1.3020833333vw; }
@media screen and (min-width: 769px) {
.sec_contents .form_note {
font-size: 1.1067708333vw;
margin-top: 0.6510416667vw;
}
}
.sec_contents .form_important {
background: #e4e9ef;
text-align: center;
margin-left: -2.4739583333vw;
padding: 4.1666666667vw 3.3854166667vw 5.2083333333vw; }
@media screen and (min-width: 769px) {
.sec_contents .form_important {  padding: 2.34375vw 3.5807291667vw 1.1067708333vw;
}
}
.sec_contents .form_important + .form_important {
margin-top: 5.2083333333vw; }
@media screen and (min-width: 769px) {
.sec_contents .form_important + .form_important {
margin-top: 2.2786458333vw;
}
}
.sec_contents .form_important_text01 {
color: #264F77;
font-weight: 700;
margin-bottom: 3.2552083333vw; }
@media screen and (min-width: 769px) {
.sec_contents .form_important_text01 {
margin: 0 -1.3020833333vw 1.171875vw;
}
}
.sec_contents .form_important_box {
border: 1px solid #707070;
background: #fff;
overflow: auto;
font-family: "Noto Sans JP", sans-serif;
text-align: left;
font-weight: 200;
height: 30.0520833333vw;
padding: 3.125vw 1.8229166667vw;
line-height: 1.444;
margin-bottom: 1.6276041667vw;
letter-spacing: 0; font-size: 2.6041666667vw;
}
@media screen and (min-width: 769px) {
.sec_contents .form_important_box {
height: 40.3568vw;
padding: 0.6510416667vw 0.9114583333vw;
font-size: 1.10677vw;
margin-bottom: 0.6510416667vw;
}
}
.sec_contents .form_important_box p + p {
margin-top: 2.6041666667vw; }
@media screen and (min-width: 769px) {
.sec_contents .form_important_box p + p {
margin-top: 1.3020833333vw;
text-align: left;
}
}
.sec_contents .form_important_check {
display: inline-block;
font-size: 20px; }
@media screen and (max-width: 768px) {
.sec_contents .form_important_check {
padding: 0 3.2552083333vw;
font-size: 14px;
}
}
.sec_contents .form_important input[type="checkbox"] {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden; }
.sec_contents .form_important input[type="checkbox"] + span {
display: block;
position: relative;
cursor: pointer;
text-align: left;
font-weight: 700;
padding-left: 4.296875vw;
margin-top: 2.9947916667vw;
font-size: 3.3854166667vw;
letter-spacing: 0; }
@media screen and (min-width: 769px) {
.sec_contents .form_important input[type="checkbox"] + span {
padding-left: 1.953125vw;
margin-top: 0.6510416667vw;
font-size: 1.4973958333vw;
}
}
.sec_contents .form_important input[type="checkbox"] + span:before {
-webkit-box-sizing: border-box;
box-sizing: border-box;
content: '';
display: inline-block;
position: absolute;
border: 1px solid #2A6392;
background: #fff;
color: inherit;
left: 0;
top: 0.9114583333vw;
width: 3.515625vw;
height: 3.515625vw;
border-radius: 0.6510416667vw; }
@media screen and (min-width: 769px) {
.sec_contents .form_important input[type="checkbox"] + span:before {
top: 0.3255208333vw;
width: 1.4973958333vw;
height: 1.4973958333vw;
border-radius: 0.3255208333vw;
}
}
.sec_contents .form_important input[type="checkbox"]:checked + span {
font-weight: 700;
}
.sec_contents .form_important input[type="checkbox"]:checked + span:before {
background: #2A6392;
}
.sec_contents .form_important input[type="checkbox"]:checked + span:after {
content: '';
display: block;
position: absolute;
-webkit-transform: rotate(40deg);
-ms-transform: rotate(40deg);
transform: rotate(40deg);
border-bottom: 0.390625vw solid #fff;
border-right: 0.390625vw solid #fff;
width: 0.9114583333vw;
height: 1.6927083333vw;
top: 1.3020833333vw;
left: 1.0416666667vw; }
@media screen and (min-width: 769px) {
.sec_contents .form_important input[type="checkbox"]:checked + span:after {
border-bottom-width: 0.1302083333vw;
border-right-width: 0.1302083333vw;
width: 0.4557291667vw;
height: 0.8463541667vw;
top: 0.4557291667vw;
left: 0.4557291667vw;
}
}
.sec_contents .form_important.type_confirm .form_important_box { }
@media screen and (max-width: 768px) {
.sec_contents .form_important.type_confirm .form_important_box {
height: 82.0572916667vw;
}
}
.sec_contents .form_submit {
text-align: center;
padding-top: 4.6875vw;
margin-left: -2.4739583333vw; }
@media screen and (min-width: 769px) {
.sec_contents .form_submit {
padding-top: 1.8880208333vw;
margin-left: -7.8125vw;
margin-right: -7.8125vw;
}
}
.sec_contents .form_submit_text01 {
font-weight: 200;
font-family: "Noto Sans JP", sans-serif;
font-size: 2.6041666667vw;
letter-spacing: 0; }
@media screen and (min-width: 769px) {
.sec_contents .form_submit_text01 {
font-size: 1.1067708333vw;
}
}
.page-campaign-propose .sec_contents .form_submit input {
color: #fff;
background: #00B407;
border: none;
cursor: pointer;
font-family: "Noto Sans JP", sans-serif;
font-weight: 700;
font-size: 3.6458333333vw;
width: 45.5729166667vw;
margin: 0 0 1.953125vw;
padding: 3.3854166667vw 0;
box-shadow: 0 0 2.734375vw 0.390625vw rgba(0, 0, 0, 0.18);
-moz-box-shadow: 0 0 2.734375vw 0.390625vw rgba(0, 0, 0, 0.18);
-webkit-box-shadow: 0 0 2.734375vw 0.390625vw rgba(0, 0, 0, 0.18);
border-radius: 0;
-webkit-appearance: none; }
@media screen and (min-width: 769px) {
.sec_contents .form_submit input {
font-size: 1.6276041667vw;
width: 20.5729166667vw;
margin: 0 0 0.9765625vw;
padding: 0.9765625vw 0;
box-shadow: 0 0 0.9765625vw 0.1953125vw rgba(0, 0, 0, 0.18);
-moz-box-shadow: 0 0 0.9765625vw 0.1953125vw rgba(0, 0, 0, 0.18);
-webkit-box-shadow: 0 0 0.9765625vw 0.1953125vw rgba(0, 0, 0, 0.18);
}
} .sec_qa .cmn_wrap {
padding-top: 13.671875vw;
padding-bottom: 7.8125vw; }
@media screen and (min-width: 769px) {
.sec_qa .cmn_wrap {
padding-top: 7.1614583333vw;
padding-bottom: 3.3854166667vw;
}
}
.sec_qa .qa {
position: relative;
z-index: 1;
padding-top: 5.2083333333vw; }
@media screen and (min-width: 769px) {
.sec_qa .qa {
padding-top: 3.1901041667vw;
}
}
.sec_qa .qa_child {
background: linear-gradient(45deg, #2A6494, #24466B);
padding: 0.2604166667vw; }
@media screen and (min-width: 769px) {
.sec_qa .qa_child {
padding: 0.1302083333vw;
}
}
.sec_qa .qa_child + .qa_child {
margin-top: 2.6041666667vw; }
@media screen and (min-width: 769px) {
.sec_qa .qa_child + .qa_child {
margin-top: 1.3020833333vw;
}
}
.sec_qa .qa_num {
position: absolute;
left: 2.0833333333vw; }
@media screen and (min-width: 769px) {
.sec_qa .qa_num {
left: 1.0416666667vw;
}
}
.sec_qa .qa_num img {
display: block;
}
.sec_qa .qa dt {
position: relative;
color: #fff;
padding: 1.6927083333vw 3.90625vw 1.6927083333vw 9.375vw; }
@media screen and (min-width: 769px) {
.sec_qa .qa dt {
padding: 0.4557291667vw 2.6041666667vw 0.4557291667vw 4.8828125vw;
}
}
.sec_qa .qa dt .qa_num {
top: 2.6041666667vw; }
@media screen and (min-width: 769px) {
.sec_qa .qa dt .qa_num {
top: 0.56540vw;
}
}
.sec_qa .qa dt .qa_num img {
width: auto;
height: 3.125vw; }
@media screen and (min-width: 769px) {
.sec_qa .qa dt .qa_num img {
height: 1.4973958333vw;
}
}
.sec_qa .qa dd {
position: relative;
background: #fff;
padding: 2.6041666667vw 2.6041666667vw 2.6041666667vw 9.375vw; }
@media screen and (min-width: 769px) {
.sec_qa .qa dd {
padding: 1.3020833333vw 3.5807291667vw 1.3020833333vw 4.8828125vw;
}
}
.sec_qa .qa dd .qa_num {
top: 3.2552083333vw; }
@media screen and (min-width: 769px) {
.sec_qa .qa dd .qa_num {
top: 1.6276041667vw;
}
}
.sec_qa .qa dd .qa_num img {
width: auto;
height: 2.734375vw; }
@media screen and (min-width: 769px) {
.sec_qa .qa dd .qa_num img {
height: 1.2369791667vw;
}
} .postid-64906 .form_submit img {
height: 0;
}
body.page-campaign-propose form table input[type="date"] {
border: 1px solid rgb(42, 99, 146);
width: 100%;
background: rgb(241, 245, 248);
font-family: "Noto Sans JP", sans-serif;
font-size: 1.30208vw;
padding: 0.651042vw 1.30208vw; }
.tab_container {  margin: 0 auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
max-width: 58.5938vw;
}
.tab_item {
width: calc(100% / 2);
padding: 15px 0;
text-align: center;
float: left;
text-align: center;
font-weight: bold;
transition: all 0.2s ease; cursor: pointer;
border-radius: 15px 15px 0 0;
background-color: rgb(42, 97, 144);
color: #fff;
}
.tab_item:hover {
opacity: 0.75;
}
input[name="tab_item"] {
display: none;
}
.tab_content {
display: none; clear: both;
overflow: hidden;
}
#tab1:checked ~ #tab1_content,
#tab2:checked ~ #tab2_content {
display: block;
}
.tab_container input:checked + .tab_item {
opacity: 1;
background-color: #ffffff;
color: rgb(42, 97, 144);
}
.wpcf7-form-control-wrap {
position: relative;
}
.sec_contents .form_important input[type="checkbox"] {
width: 20px;
height: 20px;
clip: initial;
left: -26px;
top: 6px;
}
.wpcf7-form .sec_contents .form_important_check {
padding-left: 24px;
}
div.wpcf7 .ajax-loader {
display: block;
margin: 0 auto;
} .tab-wrap {
display: flex;
flex-wrap: wrap;
margin: 20px 0;
}
.tab-wrap:after {
content: '';
width: 100%;
height: 3px;
background: DeepSkyBlue;
display: block;
order: -1;
}
.tab-label {
color: White;
background: LightGray;
font-weight: bold;
text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
white-space: nowrap;
text-align: center;
padding: 10px .5em;
order: -1;
position: relative;
z-index: 1;
cursor: pointer;
border-radius: 5px 5px 0 0;
flex: 1;
}
.tab-label:not(:last-of-type) {
margin-right: 5px;
}
.tab-content {
width: 100%;
height: 0;
overflow: hidden;
opacity: 0;
} .tab-switch:checked + .tab-label {
background: DeepSkyBlue;
}
.tab-switch:checked + .tab-label + .tab-content {
height: auto;
overflow: auto;
padding: 15px;
opacity: 1;
transition: .5s opacity;
box-shadow: 0 0 3px rgba(0, 0, 0, .2);
} .tab-switch {
display: none;
}
span[class*="your-purpose"] .wpcf7-list-item label {
display: flex;
position: relative; }
span[class*="your-purpose"] .wpcf7-list-item label > span {
width: 100%;
}
.page-campaign-propose .sec_contents .form_important input[type="checkbox"] {
top: 0.3255208333vw;
width: 1.4973958333vw;
height: 1.4973958333vw;
border-radius: 0.3255208333vw;
clip: initial;
}
.page-campaign-propose .type_confirm .form_important_check input[type="checkbox"] {
position: static;
margin-right: 0.5em;
}
.form_submit_text01 { }
.page-campaign-propose .sec_contents .form_important .wpcf7-acceptance {
vertical-align: middle;
}
@media screen and (max-width: 768px) {
.tab_container {
margin: 0;
width: 100%;
max-width: 100%;
}
body.page-campaign-propose form table input[type="date"] {
box-sizing: border-box;
width: 100%;
border: 1px solid rgb(42, 99, 146);
appearance: none;
font-family: "Noto Sans JP", sans-serif;
font-weight: 400;
padding: 2.34375vw 2.60417vw;
font-size: 3.38542vw;
border-radius: 0.651042vw;
}
.page-campaign-propose .sec_contents .form_important input[type="checkbox"] {
box-sizing: border-box;
content: "";
display: inline-block;
position: static;
border: 1px solid rgb(42, 99, 146);
background: rgb(255, 255, 255);
color: inherit;
left: 0px;
top: 0.911458vw;
width: 3.51562vw;
height: 3.51562vw;
border-radius: 0.651042vw;
clip: initial;
}
.page-campaign-propose .sec_contents .form_submit input {
width: 100%;
}
}
.page-campaign-propose .sec_contents .form_submit input:disabled {
background-color: #ccc;
}
.mokuji_ue_line {
display: none;
}
.ring {
background-image: url(//how-to-inc.com/uo/wp-content/themes/uraomote/propose/images/bgi/p0040_l.jpeg);
}
.ring_2 {
background-image: url(//how-to-inc.com/uo/wp-content/themes/uraomote/propose/images/bgi/p0435_l.jpeg);
}
.ring .sec_contents .bg_wrap {
background: none;
}
@media screen and (min-width: 769px) {
.ring .sec_contents .bg_wrap {
background: none;
}
}
.r-flex {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
margin: 50px auto;
max-width: 1400px;
width: 65.1041666667vw;
}
.r-flex picture {
width: 45%;
}
.r-flex img {
width: 100%;
padding: 10px;
}
.four-step {
text-align: center;
color: #1B319D;
font-size: 2.08333vw;
}
.flex-area {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-around;
margin: 50px auto;
max-width: 1400px;
width: 65.1041666667vw;
}
.flex-area picture {
width: 30%;
margin: 20px auto;
}
.flex-area img {
width: 100%;
margin: 20px auto;
}
.flex-box {
border: 1px solid #000;
text-align: center;
width: 300px;
height: 550px;
padding: 1%;
background-color: #fff;
}
.blue_Arrow {
font-weight: bold;
color: rgb(27, 49, 157);
}
.apply {
display: flex; align-items: center;
justify-content: space-around;
margin: 50px auto;
width: 97%;
max-width: 1400px;
width: 65.1041666667vw;
}
.flex-box {
position: relative;
}
.maru {
height: 90px;
width: 90px;
border-radius: 50%;
line-height: 50px;
text-align: center;
background: rgb(25, 47, 96);
color: rgb(255, 255, 255);
margin-left: 20px;
padding: 5% 10px;
position: absolute;
top: -30px;
left: -40px;
}
.flex-h1 {
padding-top: 60px;
}
.wpcf7 {
margin: 50px auto;
width: 80%;
max-width: 1000px;
width: 65.1041666667vw;
}
.wpcf7-submit {
background: none;
background-color: #192F60;
color: #fff;
margin: 50px auto;
}
body:not(.page-id-26504) form input[type="text"], body:not(.page-id-26504) form input[type="email"], body:not(.page-id-26504) form input[type="url"], body:not(.page-id-26504) form input[type="tel"], body:not(.page-id-26504) form input[type="number"], body:not(.page-id-26504) form input[type="date"] {
width: 100%;
}
form input[type="submit"], form button {
width: 100%;
}
@media screen and (min-width: 1600px) {
.flex-box p {
font-size: 1vw;
font-size: 0.6rem;
}
.apply {
font-size: 1vw;
font-size: 0.6rem;
}
.maru {
font-size: 1vw;
font-size: 0.5rem;
padding: 6% 10px 0;
}
}
@media screen and (max-width: 768px) {
.flex-area {
display: block;
}
.blue_Arrow {
display: none;
}
.flex-area img {
width: auto;
}
.r-flex {
display: block;
}
.r-flex span {
display: block;
text-align: center;
}
.r-flex img {
width: auto;
}
.four-step {
font-size: 2rem;
}
.wpcf7 {
width: 90%;
}
}
.page-campaign-propose .wpcf7 {
max-width: 100%;
}
.cp_button {
margin: 60px auto;
}
.cp_txtbtn {
text-align: center;
color: rgb(217, 192, 135);
}
section .cp_txtbtn p {
text-align: center;
margin-bottom: 50px;
}
.txt_title {
color: #D9C087;
}
.concierge .flex-area {
flex-wrap: nowrap;
}
.concierge .flex-area img {
width: 100%;
}
.concierge .flow_subHeading {
text-align: center;
padding: 30px 0 25px;
}
.concierge .flow_subHeading_title {
font-size: 1.8rem;
font-weight: normal;
position: relative;
}
.concierge .flow_subHeading_title::before {
content: "";
display: block;
width: 100%;
height: 3px;
border-top: 3px double rgb(7, 31, 56);
position: absolute;
left: 0;
top: 50%;
margin-top: -2px;
}
.concierge .flow_subHeading_title span {
position: relative;
background-color: #FFF;
padding: 0 0.5em;
}
.concierge .flow_subHeading_subTitle {
margin-top: -5px;
position: relative;
}
.concierge .counsel {
display: flex;
flex-wrap: wrap;
margin-left: -3%;
}
.concierge .counsel li {
width: 47%;
margin: 0 0 3% 3%;
padding: 20px;
}
@media screen and (max-width: 768px) {
.concierge .counsel {
display: block;
margin: 0;
}
.concierge .counsel li {
width: 90%;
margin: 0 auto;
padding: 30px 0;
}
}
.concierge .btn_line {
display: block;
width: 25%;
margin: 0 auto;
text-align: center;
}
@media screen and (max-width: 768px) {
.concierge .btn_line {
width: 80%;
}
}
.concierge .t_box_list {
margin-right: 54px;
padding: 0.5em 1em 0.5em 2.3em;
position: relative;
}
.concierge .t_box_list li:before {
font-family: "Font Awesome 5 Free", serif;
content: "\f00c";
position: absolute;
left: 1em;
color: #b5a070;
font-weight: 900;
}
@media screen and (max-width: 768px) {
.concierge .t_box_list {
margin-right: 0;
}
.sec_contents .form table textarea {
height: 10.38542vw;
}
}
.red_coror {
font-size: 1.2vw;
margin: 20px auto 5px;
text-align: left !important;
}
.red_coror_2 {
font-size: 1.2vw;
margin: 20px auto 5px;
}
.head_txt {
text-align: center;
padding: 50px 0 0;
font-size: 1.5rem;
}
.cmn_btn02 {
background: #06c755;
color: #fff;
}
.cmn_btn02:hover {
color: #fff;
opacity: 1;
background: #02f767;
}
@media screen and (max-width: 768px) {
.cmn_cream_list {
width: 100%;
}
.cmn_cream {
margin: 0px auto;
width: 75.5208vw;
}
.head_txt {
padding: 8.0625vw 10.026vw 0;
}
.red_coror {
font-size: 2vw;
}
.scrollable-table th, .scrollable-table td {
white-space: pre-wrap;
}
table th, table td {
width: 100% !important;
}
.page-campaign-propose .wpcf7 {
width: 100%;
}
.scroll-hint-icon-wrap {
display: none;
}
.scrollable-table {
overflow-x: hidden !important;
overflow-y: hidden !important;
-webkit-overflow-scrolling: auto;
}
.sec_contents .form table {
max-width: 100%;
}
}
.small_p {
font-size: 15px;
color: #fff;
}
@media screen and (max-width: 768px) {
.small_p {
font-size: 12px;
}
} .page-campaign-primo .cta01 .bg_wrap,
.page-campaign-primo .sec_campaign + .cmn_copy01 .bg_wrap {
background-image: url(https://how-to-inc.com/uo/wp-content/uploads/bcaddf8607741305db56e49c5461954b.jpeg);
}
.page-campaign-primo .sec_campaign + .cmn_copy01 .bg_wrap {
background-position: top;
}
.page-campaign-primo .sec_contents .bg_wrap {
background-image: url(https://how-to-inc.com/uo/wp-content/uploads/3141eab48a1a6b5c782fb7826c13de09.jpeg);
}
@media screen and (min-width: 769px) {
.page-campaign-primo .cta01 .bg_wrap,
.page-campaign-primo .sec_campaign + .cmn_copy01 .bg_wrap {
background-image: url(https://how-to-inc.com/uo/wp-content/uploads/1774b5de2169d9108ab3b8bcb9f1724a.jpeg);
}
.page-campaign-primo .sec_contents .bg_wrap {
background-image: url(https://how-to-inc.com/uo/wp-content/uploads/b85c2994d0516f16f50d13c756a55ffa.jpeg);
}
}
.page-campaign-primo .cmn_deco01,
.page-campaign-primo .cmn_copy01 .txt_title,
.page-campaign-primo .sec_contents .step_hl01,
.page-campaign-primo .sec_contents .step_title {
color: #000;
}
.sec_qa + .cmn_copy01 .cmn_deco01_big02 {
color: #D9C087;
} .tab_content.four-doc {
display: block;
} .page-campaign-4c .cta01 .bg_wrap,
.page-campaign-4c .sec_campaign + .cmn_copy01 .bg_wrap {
background-image: url(https://how-to-inc.com/uo/wp-content/uploads/c3ebd9fb8a955859c7f04b71e23bce59.png);
}
.page-campaign-4c .sec_campaign + .cmn_copy01 .bg_wrap {
background-position: top;
}
.page-campaign-4c .sec_contents .bg_wrap {
background-image: url(https://how-to-inc.com/uo/wp-content/uploads/897e2177a44e8d007d4aec01de86224c.png);
}
@media screen and (min-width: 769px) {
.page-campaign-4c .cta01 .bg_wrap,
.page-campaign-4c .sec_campaign + .cmn_copy01 .bg_wrap {
background-image: url(https://how-to-inc.com/uo/wp-content/uploads/92b3d396723cb8adf7ee19e9fc556da1.png);
}
.page-campaign-4c .sec_contents .bg_wrap {
background-image: url(https://how-to-inc.com/uo/wp-content/uploads/68979302407806489e681d67d54150a5.png);
}
}
.page-campaign-4c .cmn_deco01,
.page-campaign-4c .cmn_copy01 .txt_title,
.page-campaign-4c .sec_contents .step_hl01,
.page-campaign-4c .sec_contents .step_title {
color: #000;
} .tab_content.four-doc {
display: block;
} .page-campaign-eika .cta01 .bg_wrap,
.page-campaign-eika .sec_campaign + .cmn_copy01 .bg_wrap {
background-image: url(https://how-to-inc.com/uo/wp-content/uploads/55c47dfdd465915b1193c0eca70c797f.jpeg);
}
.page-campaign-eika .sec_campaign + .cmn_copy01 .bg_wrap {
background-position: top;
}
.page-campaign-eika .sec_contents .bg_wrap {
background-image: url(https://how-to-inc.com/uo/wp-content/uploads/34ccb65022bdd3ec4823a2e869111649.jpeg);
}
@media screen and (min-width: 769px) {
.page-campaign-eika .cta01 .bg_wrap,
.page-campaign-eika .sec_campaign + .cmn_copy01 .bg_wrap {
background-image: url(https://how-to-inc.com/uo/wp-content/uploads/7d52e4192b1969780fbed8d2d78b6ac5.jpeg);
}
.page-campaign-eika .sec_contents .bg_wrap {
background-image: url(https://how-to-inc.com/uo/wp-content/uploads/e1f6de9c41b54b6cf705734264afc84b.jpeg);
}
}
.page-campaign-eika .cmn_deco01,
.page-campaign-eika .cmn_copy01 .txt_title,
.page-campaign-eika .sec_contents .step_hl01,
.page-campaign-eika .sec_contents .step_title {
color: #000;
} .page-eika_ig_campaign .cta01 .bg_wrap,
.page-eika_ig_campaign .sec_campaign + .cmn_copy01 .bg_wrap {
background-image: url(https://how-to-inc.com/uo/wp-content/uploads/55c47dfdd465915b1193c0eca70c797f.jpeg);
}
.page-eika_ig_campaign .sec_campaign + .cmn_copy01 .bg_wrap {
background-position: top;
}
.page-eika_ig_campaign .sec_contents .bg_wrap {
background-image: url(https://how-to-inc.com/uo/wp-content/uploads/34ccb65022bdd3ec4823a2e869111649.jpeg);
}
@media screen and (min-width: 769px) {
.page-eika_ig_campaign .cta01 .bg_wrap,
.page-eika_ig_campaign .sec_campaign + .cmn_copy01 .bg_wrap {
background-image: url(https://how-to-inc.com/uo/wp-content/uploads/7d52e4192b1969780fbed8d2d78b6ac5.jpeg);
}
.page-eika_ig_campaign .sec_contents .bg_wrap {
background-image: url(https://how-to-inc.com/uo/wp-content/uploads/e1f6de9c41b54b6cf705734264afc84b.jpeg);
}
}
.page-eika_ig_campaign .cmn_deco01,
.page-eika_ig_campaign .cmn_copy01 .txt_title,
.page-eika_ig_campaign .sec_contents .step_hl01,
.page-eika_ig_campaign .sec_contents .step_title {
color: #000;
} .how_to_rich .gold_wrap {
background-color: #d9c087;
color: #000;
width: 100vw;
margin-left: calc(-50vw + 50%);
text-align: center;
padding: 50px;
font-size: 1rem;
}
.how_to_rich .gold_wrap p {
text-align: center;
}
.how_to_rich .flx_list {
display: flex;
flex-wrap: wrap;
margin: 100px 0;
}
.how_to_rich .flx_desc p {
text-align: left;
display: inline;
}
.how_to_rich .flx_desc a {
color: #fff;
font-size: 1rem;
width: 100%;
margin: 20px 0;
}
.how_to_rich .flx_title {
color: #fff;
font-size: .8rem;
}
.how_to_rich .sec_brand .brand_voice_body {
line-height: 1.6;
padding: 3.6458333333vw 4.1666666667vw;
font-size: 2.8645833333vw;
height: 80.572917vw;
}
.how_to_rich .flx_box {
display: flex;
width: calc(50% - 22px);
margin-right: 22px;
margin-bottom: 60px;
}
.how_to_rich .flx__lt {
width: 100%;
color: #fff;
font-size: .5rem;
}
.how_to_rich .flx_img h3 {
font-size: 1rem;
text-align: center;
margin-bottom: 30px;
}
.how_to_rich .flx_desc {
color: #fff;
font-size: .8rem !important;
margin: 20px 0;
}
.how_to_rich .cmn_btn01 {
background: #d9c087;
}
.how_to_rich .sec_contents .step_box {
padding-top: 5.2083333333vw;
}
@media screen and (max-width: 800px) {
.how_to_rich .flx_list {
display: block;
}
.how_to_rich .flx_box {
display: block;
width: 100%;
margin-right: 0px;
}
.how_to_rich .flx__lt {
display: block;
}
.how_to_rich .flx_img h3 {
margin-right: 0;
width: 100%;
font-size: 2rem;
}
.how_to_rich .flx_img {
width: 100%;
}
.how_to_rich .flx_desc {
width: 100% !important;
font-size: 1rem;
margin: 0;
}
.how_to_rich .flx_desc {
margin-top: 20px;
}
}
.rich_keyv {
width: 65.1041666667vw;
margin-left: auto;
margin-right: auto;
background-image: url(https://how-to-inc.com/uo/wp-content/themes/uraomote/propose/images/campaign_bg_pc.jpg);
}
.global_wrap {
background-image: url(https://how-to-inc.com/uo/wp-content/themes/uraomote/propose/images/campaign_bg_pc.jpg);
}
@media screen and (max-width: 800px) {
.how_to_rich .gold_wrap:first-child {
font-size: .8rem !important;
text-align: left;
}
.how_to_rich .gold_wrap h3 {
font-size: 1rem !important;
text-align: center;
}
.how_to_rich .gold_wrap {
padding: 20px;
}
.rich_keyv {
width: 100%;
}
}
.readmore {
position: relative;
box-sizing: border-box;
display: inline;  }
.readmore-content {
position: relative;
overflow: hidden;  height: 0px;
display: none;
} .readmore-label {    transform: translateX(-50%);
-webkit-transform: translateX(-50%);
margin: 10px auto;
z-index: 2; color: #FFF;
}
.readmore-label:before {
content: '...(続きを読む)';
}
.readmore-check {
display: none;
} .readmore-check:checked ~ .readmore-label {
position: static;
transform: translateX(0);
-webkit-transform: translateX(0);  }
.readmore-check:checked ~ .readmore-label:before {
content: '(閉じる)';
} .readmore-check:checked ~ .readmore-content {
height: auto;
display: inline;
} .readmore-check:checked ~ .readmore-content::before {
display: none;
}
.img_list_flx {
display: flex;
flex-wrap: wrap;
}
.img_list_flx h3 {
color: #fff;
margin: 30px 0;
}
.list_flx_list img {
margin-bottom: 20px;
}
.list_flx_list {
width: calc(50% - 22px);
margin-right: 22px;
}
.list_flx_list:nth-of-type(even) {
margin-right: 0;
}
.img_list_flx .cmn_btn01.type_width01 {
width: 31.296875vw;
}
@media screen and (max-width: 800px) {
.img_list_flx h3 {
font-size: 1rem;
}
.img_list_flx .cmn_btn01.type_width01 {
color: #fff;
width: 40.520833vw;
font-size: 1rem;
}
.how_to_rich .cmn_btn01 {
color: #fff;
}
}
.how_to_rich .step_image img {
margin-top: 30px;
}
@media screen and (max-width: 500px) {
.img_list_flx h3 {
font-size: .8rem;
}
} .step_text01 img {
max-width: 250px;
}
.step_text01 p.line_bn {
text-align: center !important;
margin: 8px 0 0;
}  .page-campaign-ld .cta01 .bg_wrap,
.page-campaign-ld .sec_campaign + .cmn_copy01 .bg_wrap {
background-image: url(https://how-to-inc.com/uo/wp-content/uploads/705d8a0dd07f2b625ce77aaa0bc47196.jpeg);
}
.page-campaign-ld .sec_campaign + .cmn_copy01 .bg_wrap {
background-position: top;
}
.page-campaign-ld .sec_contents .bg_wrap {
background-image: url(https://how-to-inc.com/uo/wp-content/uploads/eb5eda2cb6b68fe9871981612d1a3f71.jpeg);
}
@media screen and (min-width: 769px) {
.page-campaign-ld .cta01 .bg_wrap,
.page-campaign-ld .sec_campaign + .cmn_copy01 .bg_wrap {
background-image: url(https://how-to-inc.com/uo/wp-content/uploads/f8c7455e63cf9d927b5255927153cb47.jpeg);
}
.page-campaign-ld .sec_contents .bg_wrap {
background-image: url(https://how-to-inc.com/uo/wp-content/uploads/6bc4e47abaa5b74140d89f57cb1899a5.jpeg);
}
}
.page-campaign-ld .cmn_deco01,
.page-campaign-ld .cmn_copy01 .txt_title,
.page-campaign-ld .sec_contents .step_hl01,
.page-campaign-ld .sec_contents .step_title {
color: #000;
} .page-campaign_trecenti .cta01 .bg_wrap,
.page-campaign_trecenti .sec_campaign + .cmn_copy01 .bg_wrap {
background-image: url(https://how-to-inc.com/uo/wp-content/uploads/49f0f2e3b85ec0338ddc6a5dd2e8c693.png);
}
.page-campaign_trecenti .sec_campaign + .cmn_copy01 .bg_wrap {
background-position: top;
}
.page-campaign_trecenti .sec_contents .bg_wrap {
background-image: url(https://how-to-inc.com/uo/wp-content/uploads/99afc987df66a097fc6caa93af8acad1.png);
}
@media screen and (min-width: 769px) {
.page-campaign_trecenti .cta01 .bg_wrap,
.page-campaign_trecenti .sec_campaign + .cmn_copy01 .bg_wrap {
background-image: url(https://how-to-inc.com/uo/wp-content/uploads/c44fe32322f74431db561d900cf51a70.png);
}
.page-campaign_trecenti .sec_contents .bg_wrap {
background-image: url(https://how-to-inc.com/uo/wp-content/uploads/29506d42a768d27a38cb970c05b34e43.png);
}
}
.page-campaign_trecenti .cmn_deco01,
.page-campaign_trecenti .cmn_copy01 .txt_title,
.page-campaign_trecenti .sec_contents .step_hl01,
.page-campaign_trecenti .sec_contents .step_title {
color: #000;
}
.page-campaign_trecenti .global_wrap {
background-image: url(https://how-to-inc.com/uo/wp-content/uploads/9138d1b94936a584d02187064d327f27.jpg)
}
@media screen and (min-width: 769px) {
.page-campaign_trecenti .cmn_copy01 .bg_wrap {
background-image: url(https://how-to-inc.com/uo/wp-content/uploads/29506d42a768d27a38cb970c05b34e43.png);
}
} .page-campaign-primo1 .cta01 .bg_wrap,
.page-campaign-primo1 .sec_campaign + .cmn_copy01 .bg_wrap {
background-image: url(https://how-to-inc.com/uo/wp-content/uploads/bcaddf8607741305db56e49c5461954b.jpeg);
}
.page-campaign-primo1 .sec_campaign + .cmn_copy01 .bg_wrap {
background-position: top;
}
.page-campaign-primo1 .sec_contents .bg_wrap {
background-image: url(https://how-to-inc.com/uo/wp-content/uploads/3141eab48a1a6b5c782fb7826c13de09.jpeg);
}
.page-campaign-primo1 .cta01 .bg_wrap,
.campaign-primo1 .sec_campaign + .cmn_copy01 .bg_wrap {
background-image: url(https://how-to-inc.com/uo/wp-content/uploads/1774b5de2169d9108ab3b8bcb9f1724a.jpeg);
}
.page-campaign-primo1 .sec_contents .bg_wrap {
background-image: url(https://how-to-inc.com/uo/wp-content/uploads/b85c2994d0516f16f50d13c756a55ffa.jpeg);
}
.page-campaign-primo1 .cmn_deco01,
.page-campaign-primo1 .cmn_copy01 .txt_title,
.page-campaign-primo1 .sec_contents .step_hl01,
.page-campaign-primo1 .sec_contents .step_title {
color: #000;
}
.sec_qa + .cmn_copy01 .cmn_deco01_big02 {
color: #D9C087;
} .page-campaign-brillianceplus .cta01 .bg_wrap,
.page-campaign-brillianceplus .sec_campaign + .cmn_copy01 .bg_wrap {
background-image: url(https://how-to-inc.com/uo/wp-content/uploads/3df616b8ae3b6b6a78cf4bfe37178024-1.png);
}
.page-campaign-brillianceplus .sec_campaign + .cmn_copy01 .bg_wrap {
background-position: top;
}
.page-campaign-brillianceplus .sec_contents .bg_wrap {
background-image: url(https://how-to-inc.com/uo/wp-content/uploads/d2b13e1a6e2058ea5f4d073cc0039ad1.png);
}
.page-campaign-brillianceplus .cta01 .bg_wrap,
.page-campaign-brillianceplus .sec_campaign + .cmn_copy01 .bg_wrap {
background-image: url(https://how-to-inc.com/uo/wp-content/uploads/7a7beb10fc1a92e6d69301bdc8dc4db3.png);
}
.page-campaign-brillianceplus .sec_contents .bg_wrap {
background-image: url(https://how-to-inc.com/uo/wp-content/uploads/fc520a2507837e5a509f657a1275247f.png);
}
.page-campaign-brillianceplus .cmn_deco01,
.page-campaign-brillianceplus .cmn_copy01 .txt_title,
.page-campaign-brillianceplus .sec_contents .step_hl01,
.page-campaign-brillianceplus .sec_contents .step_title {
color: #000;
}
.sec_qa + .cmn_copy01 .cmn_deco01_big02 {
color: #D9C087;
} .page-campaign-propose-ex .cta01 .bg_wrap,
.page-campaign-propose-ex .sec_campaign + .cmn_copy01 .bg_wrap {
background-image: url(https://how-to-inc.com/uo/wp-content/uploads/8d6fba664bddef194380ef072aae2285.png);
}
.page-campaign-propose-ex .sec_campaign + .cmn_copy01 .bg_wrap {
background-position: top;
}
.page-campaign-propose-ex .sec_contents .bg_wrap {
background-image: url(https://how-to-inc.com/uo/wp-content/uploads/219de773ceedd3f560fbb838fd4a677d-1.png);
}
.page-campaign-propose-ex .cta01 .bg_wrap,
.page-campaign-propose-ex .sec_campaign + .cmn_copy01 .bg_wrap {
background-image: url(https://how-to-inc.com/uo/wp-content/uploads/9e4bb115799c07d8926cf3b90bbb1a59-2.png);
}
.page-campaign-propose-ex .sec_contents .bg_wrap {
background-image: url(https://how-to-inc.com/uo/wp-content/uploads/4eabc69566f4dbe98c6a44191e3e242c.png);
}
.page-campaign-propose-ex .cmn_deco01,
.page-campaign-propose-ex .cmn_copy01 .txt_title,
.page-campaign-propose-ex .sec_contents .step_hl01,
.page-campaign-propose-ex .sec_contents .step_title {
color: #000;
}
.sec_qa + .cmn_copy01 .cmn_deco01_big02 {
color: #000000;
} .form_important a {
color: #173361;
}
.form_important_title {
font-size: 18px;
text-align: center;
border: 1px solid #3C4A6C;
padding: 10px;
}
.dot_border {
border-bottom: 2px dotted #173361;
margin: 10px 0;
}
.form_center {
margin: 10px 0 30px;
}
.sec_contents .form_important_list input[type="checkbox"] {
position: static;
}
.flx_check {
display: flex;
align-items: center;
}
.error-message {
color: red;
display: none;
}
.tab_content {
display: none;
}
#tab1:checked ~ #tab1_content,
#tab2:checked ~ #tab2_content {
display: block;
}
.tab_item {
cursor: pointer;
background-color: rgb(42, 97, 144);
color: #fff;
}
input[name="tab_item"]:checked + label + .tab_content {
display: block;
}
.tab_container input:checked + .tab_item {
opacity: 1;
background-color: #ffffff;
color: rgb(42, 97, 144);
}
#tab2_content {
background: none!important;
padding-top: 0;
}
.wpcf7 {
margin: 0 auto 50px;
}    .sec_contents .step_hl01 {
border: 3px solid #333333;
margin: 20px;
padding: 20px;
}
.swell-block-step {
width: 80%;
margin: 0 auto;
}
.swell-block-step__item {
position: relative;
margin-bottom: 0 !important;
padding: 0 0 3em 64px;
}
.post_content div > :first-child, .post_content > :first-child {
margin-top: 0 !important;
}
.u-bg-main {
color: #fff !important;
}
.swell-block-step__item::before {
position: absolute;
top: 4px;
left: 23px;
display: block;
width: 0;
height: 100%;
border-left: 1px solid;
content: "";
}
.swell-block-step__number {
position: absolute;
top: 0;
left: -10px;
display: flex;
flex-direction: column;
justify-content: center;
box-sizing: content-box;
width: 68px;
height: 58px;
color: #fff;
line-height: 1;
text-align: center;
}
.swell-block-step__number .__label {
display: block;
padding-bottom: 1px;
font-size: 10px;
content: attr(data-label);
}
.swell-block-step__number::after {
display: block;
font-size: 20px;  }
.swell-block-step__title {
font-weight: 700;
}
.fs_l, .has-l-font-size, .has-large-font-size, .u-fz-l {
font-size: 1.2em;
}
.swell-block-step:not(.is-style-big):not(.is-style-small) > .swell-block-step__item > .swell-block-step__title {
font-size: 14px;
}
.swell-block-step__title + .swell-block-step__body {
margin-top: 1em;
}
.swell-block-step__item:last-child::before {
content: none;
}
.swell-block-step__body p {
text-align: left;
font-weight: normal;
}
.h_txt {
font-weight: bold !important;
font-size: 20px;
margin-bottom: 10px;
}
.swell-block-step__body p a {
color: #333;
}
.swell-block-step__body img {
width: 70%;
}
.sec_contents .bg_wrap {
background-color: #333333 !important;
}
.sec_contents .step {
background-color: #fff;
padding: 20px;
}
@media screen and (max-width: 800px) {
.swell-block-step__body img {
width: 90%;
}
}
.sec_contents .ginza_ds {
background-color: #20BBC1 !important;
}
.sec_contents .laz_wrap {
background-color: #D4B587;
}
.page-template-tmp-propose .cmn_copy01 {
padding-bottom: 0 !important;
}
.a_btn {
margin: 0 auto 50px;
text-align: center;
}
a.btn_01 {
display: inline-block;
text-align: center;
vertical-align: middle;
text-decoration: none;
padding: 1rem 4rem;
font-weight: bold;
border: 2px solid #27acd9;
color: #27acd9;
transition: 0.5s;
margin: 0 auto;
}
a.btn_01:hover {
color: #fff;
background: #27acd9;
}
.linkcard{margin-top:0!important;margin-bottom:32px!important;margin-left:0!important;margin-right:0!important;}.linkcard a{text-decoration:none;}.linkcard img{margin:0!important;padding:0;border:none;}.linkcard span.external-icon{display:none;}.linkcard p{display:none;}.lkc-unlink{cursor:not-allowed;}.lkc-external-wrap{border:1px solid #efeded;}.lkc-internal-wrap{border:1px solid #efeded;}.lkc-this-wrap{border:1px solid #888888;}.lkc-external-wrap,.lkc-internal-wrap,.lkc-this-wrap{position:relative;margin:0;padding:0;max-width:720px;}.lkc-card{margin-top:16px;margin-bottom:16px;margin-left:16px;margin-right:16px;}.lkc-content{word-break:break-all;white-space:normal;overflow:hidden;height:;margin:0;}.lkc-title{font-weight:bold;overflow:hidden;word-break:break-all;color:#111111;font-size:16px;line-height:24px;}.lkc-title:hover{text-decoration:underline;}.lkc-url{display:block;font-weight:normal;text-decoration:underline;overflow:hidden;color:#4466ff;font-size:10px;line-height:10px;white-space:nowrap;text-overflow:ellipsis;}.lkc-url:link{text-decoration:none;}.lkc-url-info{display:inline;font-weight:normal;text-decoration:underline;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#4466ff;font-size:10px;line-height:10px;}.lkc-excerpt{padding:0;overflow:hidden;color:#8d8d8d;font-size:11px;line-height:17px;}.lkc-more-text{display:inline;color:#ffffff;font-size:12px;line-height:40px;}.lkc-thumbnail{display:flex;float:left;width:202px;margin:0 8px 0 0;}.lkc-thumbnail-img{border:1px solid rgba(0,0,0,0.4)!IMPORTANT;object-fit:cover;width:200px!important;height:150px!important;}.lkc-info{display:flex;align-items:center;white-space:nowrap;overflow:hidden;padding:0;color:#222222;font-size:12px;line-height:12px;}.lkc-favicon{display:inline!important;height:16px;width:16px;margin:0 4px!important;border:none;vertical-align:middle;}.lkc-domain{display:inline!important;text-decoration:none;margin:0 0 0 6px;color:#222222;font-size:12px;line-height:12px;}.lkc-external-added,.lkc-internal-added,.lkc-this-added{display:inline!important;color:#222222;font-size:12px;line-height:12px;}.lkc-date{display:inline!important;text-decoration:none;float:right;color:#222222;font-size:12px;line-height:12px;}.lkc-share{display:inline;text-shadow:none;}.lkc-sns-tw{display:inline;margin:0;padding:0 1px;color:#5ea9dd!important;background-color:#f5f8fa!important;font-size:9px;text-decoration:underline!important;font-weight:bold!important;white-space:nowrap;}.lkc-sns-fb{display:inline;margin:0;padding:0 1px;color:#ffffff!important;background-color:#3864a3!important;font-size:9px;text-decoration:underline!important;font-weight:bold!important;white-space:nowrap;}.lkc-sns-hb{display:inline;margin:0;padding:0 1px;color:#ff6464!important;background-color:#ffefef!important;font-size:9px;text-decoration:underline!important;font-weight:bold!important;white-space:nowrap;}.lkc-sns-gp{display:inline;margin:0;padding:0 1px;color:#dd4e42!important;background-color:#ffffff!important;font-size:9px;text-decoration:underline!important;font-weight:bold!important;white-space:nowrap;}.lkc-sns-po{display:inline;margin:0;padding:0 1px;color:#eeeeee!important;background-color:#ee4055!important;font-size:9px;text-decoration:underline!important;font-weight:bold!important;white-space:nowrap;}.lkc-error{display:block;padding-top:50px;margin-top:-50px;}.clear{clear:both;}blockquote.lkc-quote{background-color:transparent;background-image:none;padding:0;margin:0;border:none;}blockquote.lkc-quote::before{content:'';}blockquote.lkc-quote::after{content:'';}.lkc-iframe-wrap{margin:0;max-width:720px;}.lkc-iframe{padding:0;margin:0;width:100%;}.lkc-more-text{background:#162557;padding:8px;}.lkc-more-text:hover{background:#fff;color:#162557;}.lkc-thumbnail{padding-right:16px;}.lkc-title-text{border-bottom:1px dashed #ccc;padding:0 0 8px 0;}.lkc-excerpt{padding-top:16px;}.linkcard img{object-fit:cover;}.lkc_sp .lkc-excerpt{display:none;}.lkc_sp .lkc-title-text{border-bottom:none;}.lkc_sp .lkc-title-text{font-size:14px;line-height:22px;}.lkc_sp .lkc-thumbnail-img{padding-right:10px;}.lkc_sp .lkc-card{margin:12px;}.lkc-title-text:hover{color:#ee6577;}@media screen and (max-width:600px){.lkc-title{font-size:14px;line-height:21px;}.lkc-excerpt{font-size:10px;}.lkc-thumbnail{width:180px;}}@media screen and (max-width:480px){.lkc-title{font-size:12px;line-height:19px;}.lkc-excerpt{font-size:8px;}.lkc-thumbnail{width:140px;}}@media screen and (max-width:320px){.lkc-title{font-size:11px;line-height:16px;}.lkc-excerpt{font-size:6px;}.lkc-thumbnail{width:100px;}}