@charset "UTF-8";
.ui-timepicker-div .ui-widget-header{margin-bottom:8px}.ui-timepicker-div dl{text-align:left}.ui-timepicker-div dl dt{float:left;clear:left;padding:0 0 0 5px}.ui-timepicker-div dl dd{margin:0 10px 10px 40%}.ui-timepicker-div td{font-size:90%}.ui-tpicker-grid-label{background:0;border:0;margin:0;padding:0}.ui-timepicker-rtl{direction:rtl}.ui-timepicker-rtl dl{text-align:right;padding:0 5px 0 0}.ui-timepicker-rtl dl dt{float:right;clear:right}.ui-timepicker-rtl dl dd{margin:0 40% 10px 10px}.wpcf7c-elm-step2 {}
.wpcf7c-elm-step3 {}
.wpcf7 .ajax-loader{}
.wpcf7c-hide {display: none;}
.wpcf7c-force-hide {display: none !important;}
.wpcf7c-conf {background-color: #999999; color: black; border: 1px solid #333333;}body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form,
fieldset, input, textarea, p, blockquote, th, td{
margin: 0;
padding: 0;
}
html{
overflow-y: scroll;
-webkit-text-size-adjust: 100%;
}
h1, h2, h3, h4, h5, h6{
font-size: 100%;
font-weight: normal;
}
ol, ul{
list-style:none;
}
fieldset, img{
border:0;
}
table{
border-collapse: collapse;
border-spacing:0;
}
caption, th{
text-align: left;
}
a:focus {
outline:none;
}
address, caption, cite, code, dfn, em, th, var{
font-style: normal;
font-weight: normal;
} @font-face {
font-family: source-han-sans-cjk-ja, sans-serif !important;
font-style: normal;
font-weight: 500;
}
.nm{
font-family: source-han-sans-cjk-ja, sans-serif !important;
font-style: normal;
font-weight: 500;
}
@font-face {
font-family: source-han-sans-cjk-ja, sans-serif !important;
font-style: normal;
font-weight: 900;
}
.nb{
font-family: source-han-sans-cjk-ja, sans-serif !important;
font-style: normal;
font-weight: 900;
}
@font-face {
font-family: "s_m";
src: url(//protona.jp/wp-content/themes/twentyseventeen/fonts/GenJyuuGothic-Medium.eot) format("eot"),
url(//protona.jp/wp-content/themes/twentyseventeen/fonts/GenJyuuGothic-Medium.woff2) format("woff2"),
url(//protona.jp/wp-content/themes/twentyseventeen/fonts/GenJyuuGothic-Medium.woff) format("woff"),
url(//protona.jp/wp-content/themes/twentyseventeen/fonts/GenJyuuGothic-Medium.ttf) format("true-type");
}
.smm{
font-family: "s_m" !important;
}
@font-face {
font-family: "s_b";
src: url(//protona.jp/wp-content/themes/twentyseventeen/fonts/GenJyuuGothic-Heavy.eot) format("eot"),
url(//protona.jp/wp-content/themes/twentyseventeen/fonts/GenJyuuGothic-Heavy.woff2) format("woff2"),
url(//protona.jp/wp-content/themes/twentyseventeen/fonts/GenJyuuGothic-Heavy.woff) format("woff"),
url(//protona.jp/wp-content/themes/twentyseventeen/fonts/GenJyuuGothic-Heavy.ttf) format("true-type");
}
.smb{
font-family: "s_b" !important;
}
@font-face {
font-family: "s_r";
src: url(//protona.jp/wp-content/themes/twentyseventeen/fonts/GenJyuuGothic-Regular.eot) format("eot"),
url(//protona.jp/wp-content/themes/twentyseventeen/fonts/GenJyuuGothic-Regular.woff2) format("woff2"),
url(//protona.jp/wp-content/themes/twentyseventeen/fonts/GenJyuuGothic-Regular.woff) format("woff"),
url(//protona.jp/wp-content/themes/twentyseventeen/fonts/GenJyuuGothic-Regular.ttf) format("true-type");
}
.smr{
font-family: "s_r" !important;
}
.m{
font-family: meiryo;
} body{ }
a{
text-decoration:none;
}
a:hover{
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
img:not(.blog_img){
width: 100%;
}
section{
padding: 5% 11vw;
margin: 0 auto; }
.sp{
display:none !important;
}
.br960on{
display:none;
}
.br768on{
display:none;
}
.br480on{
display:none;
}
.br375on{
display:none;
}
.size480on{
display:none;
}
.c{
color:#014099 !important;
}
.red{
color:red !important;
}
.pink{
color: #ff1493 !important;
}
.f{
color:#fff !important;
}
.b{
font-weight:bold;
}
.common_h2{
font-size:40px;
letter-spacing: 5px;
}
.common_h3{
font-size:24px;
}
.common_h4{
font-size:18px;
}
#section4
.arrow2{
width:15px;
height:auto;
padding-right: 5px;
}
.arrow3{
width:15px;
height:auto;
padding-right: 5px;
}
.sp_margin{
margin:3% 0;
}
.red{
color:red;
} .fixedsticky {
top: 0;
}
#top_header{
display: flex;
align-items: center;
justify-content: space-between;
padding: 15px 25px 0 25px;
line-height:1.3;
}
#top_header .logo_box{
width: 20%;
min-width:180px;
}
#top_header .logo_box
.logo_text{
font-size: 1.8vw;
white-space: nowrap;
}
.logo_box a{
display: block;
}
.logo_box p{
font-size:14px;
}
.top_right_box{
display: flex;
align-items: end;
}
.phone_box{
display: flex;
align-items: flex-start;
justify-content: center;
}
.phone_box img{
width: 45px;
margin-right:10px;
}
.phone_box a{
font-size:36px;
text-decoration:none;
line-height: .7;
}
.box_left{
margin:0 25px 0 0;
}
.box_left p{
font-size:14px;
}
.contact{
display: flex;
align-items: center;
background-color: #ff6600;
color: #fff;
padding: 20px;
max-width:350px;
justify-content:center;
margin:0 auto;
line-height:1;
}
.contact:hover{
opacity:0.6;
}
.contact img{
width:21px;
margin-right:10px;
}
.contact p{
font-size:16px;
} .navbox{
display:flex;
align-items:center;
margin-top: 10px;
}
.navbox a {
width: 20%;
border-right: 1px solid #848f9f;
background-color: #014099;
border-bottom: 1px solid #848f9f;
}
.navbox a:hover{
opacity:0.6;
}
.navbox a li{
font-size:15px;
width: 100%;
height: 60px;
display: flex;
align-items: center;
text-align: center;
justify-content: center;
}  nav.globalMenuSp {
display:none;
right: 0;
position: fixed;
z-index: 9999999999;
top: -1px;
background: #fff;
color: #000;
transform: translateX(200%);
transition: all 0.6s;
width: 100%;
}
nav.globalMenuSp ul {
background: #0185ce;
margin: 0 auto;
padding: 0;
width: 100%;
display: flex;
}
nav.globalMenuSp ul li {
font-size: 1.1em;
list-style-type: none;
padding: 0;
width: 100%;
border-bottom: 1px dotted #fff;
border-left: 1px dotted #fff;
text-align:center;
} nav.globalMenuSp ul li:first-child {
border-left: none;
}
.boder_none li{
border-bottom:none !important;
}
nav.globalMenuSp ul li a {
display: block;
color: #fff;
padding: 12px 0;
text-decoration:none;
}
.li1 a span{
border-bottom:1px solid #fff;
}
.nav.globalMenuSp ul li a::hover{
text-decoration:underline;
} nav.globalMenuSp.active {
transform: translateX(0%);
}
div.navToggle.active {
right: 0;
transform: translateY(210%);
} .navToggle {
display: none;
position: fixed;
right: 13px;
top: 13px;
width: 42px;
height: 40px;
cursor: pointer;
z-index: 9999999999;
background: #0185ce;
text-align: center;
transition: all 0.6s;
}
.navToggle span {
display: block;
position: absolute; width: 30px;
border-bottom: solid 3px #fff;
-webkit-transition: .35s ease-in-out;
-moz-transition: .35s ease-in-out;
transition: .35s ease-in-out;
left: 6px;
}
.navToggle span:nth-child(1) {
top: 5px;
}
.navToggle span:nth-child(2) {
top: 14px;
}
.navToggle span:nth-child(3) {
top: 23px;
}
.navToggle span:nth-child(4) {
border: none;
color: #fff;
font-size: 9px;
font-weight: bold;
top: 24px;
} .navToggle.active span:nth-child(1) {
top: 13px;
left: 6px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
} .navToggle.active span:nth-child(2),
.navToggle.active span:nth-child(3) {
top: 13px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
} #breadclumb{
font-weight: 700;
padding: 10px 3%;
background-color:#eee;
}
#breadclumb ul{
display: flex;
-webkit-box-align: baseline;
-webkit-align-items: baseline;
-ms-flex-align: baseline;
align-items: baseline;
flex-wrap: wrap;
}
#breadclumb ul li {
font-size: 14px;
}
#breadclumb a li{
color: #014099 !important;
text-decoration:underline;
display:inline-block;
}
.bread_arrow{
margin:0 10px;
} .main_visual{
background-image:url(https://protona.jp/wp-content/themes/twentyseventeen/image/top_visual_bg.jpg);
background-position:center;
background-size:cover;
background-repeat:no-repeat;
text-align: center;
padding:20px;
display: flex;
align-items: center;
flex-direction: column;
}
.main_visual .main_text{
line-height: 1.2;
font-size:60px;
font-size: 3.5vw;
letter-spacing: 0.04em;
text-shadow:0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff;
}
.main_visual .main_text span{
font-family: s_b !important;
}
.main_visual .headingText1{
font-size:60px;
font-size: 3.5vw;
letter-spacing: 0.04em;
letter-spacing: 0.04em;
text-shadow:0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff;
letter-spacing: -2px;
}
.main_visual .sub_text{
font-size: 27px;
font-size: 2vw;
letter-spacing: 0.04em;
text-shadow:0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff;
letter-spacing: -2px;
margin: 70px 0 0 0;
}
.main_visual .title_flex{
display: flex;
align-items: center;
width:100%;
justify-content: center;
}
.main_visual .title_flex
.title_inner_flex{
display: flex;
align-items: center;
width: 25%;
justify-content: center;
}
.main_visual .title_flex
.title_inner_flex h1{
line-height: 1;
}
.main_visual .title_flex
.photobox{
width: 30%;
height: auto;
max-width: 250px;
}
.top_text2{
width: 80%;
margin-top: 20px;
height:auto;
}
@media all and (-ms-high-contrast:none){
.top_text2{
height:100%;
}
} #section1{
background-color:#014099;
padding-top:0 !important;
}
.point_top{
display: flex;
align-items: center;
justify-content: center;
position: relative;
bottom: 15px;
padding-bottom: 15px;
}
#section1 .point{
width:154px;
margin-right: 20px;
}
.cercle1 {
background-color: #feea00;
border-radius: 100%;
display: inline-flex;
width: 90px;
height: 90px;
align-items: center;
padding: 5px 10px 5px 0px;
justify-content: center;
margin: 0 10px;
letter-spacing: -5px;
text-align: center;
}
.reasonbox1{
background-color: #fff;
text-align:center;
border-radius:5px;
padding: 0 30px 30px 30px;
}
.reason_h3{
font-size: 35px;
}
.reason1{
position: relative;
top: -20px;
background-color: #feea00;
margin: 0 auto;
border-radius: 18px;
padding: 5px 15px;
font-size: 20px;
width: 130px;
}
#section1
.point_img{
width:80px;
}
.reason1_text{
font-size:25px;
}
.reason_container{
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
.reasonbox{
width: 25%;
text-align: center;
background-color: #fff;
border-radius: 5px;
padding: 0 30px 30px 30px;
margin: 45px 0 0px;
}
.reason{
position: relative;
top: -12px;
background-color: #fdea00;
border-radius: 18px;
width: 50%;
margin: 0 auto;
padding: 5px 0;
}
.reson_imgbox{
display: flex;
align-items: center;
justify-content: center;
height: 100px;
}
.reason_text{
text-align:justify;
padding-top:20px;
font-size:14px;
}
.reason_midashibox{
display: flex;
align-items: center;
justify-content: center;
height: 70px;
} #section2{
text-align: center;
background-image: url(https://protona.jp/wp-content/themes/twentyseventeen/image/kaitori_nagare.jpg);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
padding:12% 15%;
}
#section2 .common_h3{
padding: 2% 0 5%;
}
#section2 .contact{
padding: 10px 0 0px;
} #section3{
}
#section3 .common_h2{
text-align:center;
margin-bottom: 15px;
}
.maker_flex{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.maker_box{
width:30%;
border:2px solid #014099;
margin: 3% 0 1.5%;
}
.maker_h4{
background-color:#014099;
text-align:center;
padding:2%;
}
.maker_inner{
padding: 5%;
}
.maker_inner p{
font-size:14px;
margin:5% 0;
height: 50px;
}
.photobox{
width: 100%;
height: 11vw;
}
.maker_img{
width: 100%;
vertical-align: bottom;
}
.maker_inner a{
display: inline-flex;
justify-content: center;
width: 100%;
background-color: #e6e6e6;
padding: 10px 0;
}
.note{
background-color:#feea00;
padding: 2% 5%;
margin: 4% auto;
width:70%;
}
.note h4{
font-size: 24px;
text-align: center;
margin-bottom: 15px;
} #top_contact {
padding: 2% 0;
background-color: #014099;
text-align: center;
margin: 0;
}
#top_contact h3{
font-size:30px;
}
#top_contact h3 span {
font-size: 120%;
font-weight: 600;
}
.contact_flex{
display: flex;
align-items: center;
justify-content: flex-start;
margin: 3% auto;
width: 98%;
flex-wrap: wrap;
max-width: 1000px;
}
.contact_flex_left{
background-color: #fdea00;
display: flex;
align-items: center;
padding: 15px 20px;
font-size: 24px;
margin: 0 7% 0 0;
}
.contact_flex_left:hover{
background-color:#fff;
}
.contact_flex_left img{
width: 50px;
margin-right: 15px;
}
.contact_flex_right{
text-align:left;
}
.contact_flex_right .phone_box{
}
.contact_flex_right .phone_box a{
font-size:50px;
line-height: 0.7;
position:relative;
margin: 1% 0 3%;
}
.contact_flex_right .phone_box a:before{
display: none;
background-image: url(https://protona.jp/wp-content/themes/twentyseventeen/image/free_dial.png);
position: absolute;
height: 33px;
width: 50px;
content: '';
background-size: contain;
background-repeat: no-repeat;
top: 5px;
left: -18%;
right: 0;
bottom: 0;
margin: auto auto auto 0;
}
.contact_flex_right .phone_box img{
width: 50px;
margin: 28px 15px 0 0;
}
.link-box{
text-align: left;
margin-top: 10px;
width: 100%;
}
.link-line {
display: inline-flex;
align-items: center;
font-size: 24px;
width: auto;
margin: 0;
background-color: #fff;
border: 3px solid #02b900;
box-sizing: border-box;
padding: 10px 20px;
}
.link-line img {
width: 50px;
margin-right: 15px;
}
#shutcho_kaitori .contact_btn{
background-color: #014099;
display: inline-flex;
align-items: center;
padding: 15px 20px;
font-size: 18px;
width: fit-content;
margin: 2% 0;
color: #fff;
}
#shutcho_kaitori .contact_btn:hover{
background-color:#fff;
border:1px solid #014099;
color:#014099;
} #section4{ padding: 3% 11vw;
}
.flow{
text-align: center;
}
.flow_text{
font-size: 20px;
}
.flow_text span{
text-align:center;
padding:0 100px;
}
.step{
display: flex;
justify-content: end;
background-color: #014099;
align-items: center;
padding: 10px 20px;
margin:5% 0 4%;
}
#section4 .step p{
color:#fff;
font-size: 18px;
}
#section4 .step .common_h2{
border-right: 1px solid #fff;
padding-right: 30px;
margin-right: 35px;
}
.step p:nth-child(2){
background-color: #fcea2d;
width: 30px;
height: 30px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
margin: 0 20px 0 5px;
color: #014099 !important;
}
.flow_img{
height: 100px !important;
width: auto !important;
margin: 5% 0;
}
.flow_choicebox .phone_box a img{
height:28px;
width: auto;
}
.flow_choicebox{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.choicebox{
text-align: center;
width: 49%;
border: 1px solid #014099;
padding: 2%;
background-color: #fff;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
margin: 0 2% 2% 0;
box-sizing: border-box;
}
.choicebox:nth-child(2n) {
margin-right: 0;
}
.choicebox.choiceLine .id_qr {
height: 100px;
width: 25%;
margin: 5% auto;
max-width: 100px;
}
.choicebox.choiceLine .id_qr img.blog_img {
width: 100%;
}
.choicebox.choiceLine .midashibox {
width: 88%;
margin: 3% 0;
}
.choicebox.choiceLine .midashibox .box{
justify-content: center;
display: flex;
align-items: center;
border: 3px solid #09c02a;
border-radius: 10px;
background: #fff;
padding: 2%;
}
.choicebox.choiceLine .midashibox .box .imgbox{
display: inline-flex;
margin: 0 10px 0 0;
}
@media screen and (max-width: 768px){
.choicebox.choiceLine .id_qr {
height: 60px;
width: 60px;
}
}
@media screen and (max-width: 480px){
.choicebox{
margin-right: 0;;
}
.choicebox.choiceLine .midashibox {
width: 100%;
margin: 3% 0;
}
}
.choicebox .phone_box {
align-items:center;
}
.choicebox .phone_box p{
font-size:33px;
}
.choicebox .phone_box img {
width: 25px;
}
.choicebox a {
display: block;
background-color: #ef7a14;
color: #fff;
padding:10px 0;
width: 100%;
}
.choicebox a:hover{
opacity:0.6;
}
.midashibox{
width: 100%;
}
.midashibox p:nth-child(2){
font-size:28px;
}
.flow_choicebox2 .phone_box a img{
height:28px;
width: auto;
}
.flow_choicebox2{
display: flex;
justify-content: space-between;
}
.choicebox2{
text-align: center;
width: 26%;
border: 1px solid #014099;
padding: 2%;
background-color:#fff;
}
.choicebox2 .phone_box p{
font-size:33px;
}
.choicebox2 a {
display: block;
background-color: #014099;
color: #fff;
padding:10px 0;
width: 100%;
}
.choicebox2 a:hover{
opacity:0.6;
}
.kaitori_flow{
background-color:#fff;
border:1px solid #d2d2d2;
padding: 0 3% 3%;
margin: 5% 0;
min-width: 810px;
}
.kaitori_flow .flow{
margin:3% 0;
}
.kaitroi_h4{
font-size: 24px;
text-align: center;
color: #fff;
background-color: #014099;
margin: 5% 0;
}
.kaitori{
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 36px;
}
.kaitori p{
padding: 5px 10px;
margin-left: 10px;
}
.konpou_flex{
display: flex;
align-items: center;
justify-content: space-between;
text-align:center;
}
.konpou_flex p{
margin:3% 0;
}
.konpou{
width: 48%;
}
.konpou:nth-child(1){
margin-right:10px;
}
.konpou:nth-child(2){
margin-left:10px;
}
.pdf_btn{
display: flex;
justify-content: center;
background-color: #ff660f;
max-width: 466px;
margin: 5% auto;
padding: 15px 0;
font-size:20px;
}
.pdf_btn img{
height:26px ;
width:auto;
margin-right:10px;
}
.txt_center{
text-align:center;
}
.doufu_flex{
justify-content: center;
display: flex;
margin: 0 0 3% 0;
}
.doufu{
width: 30%;
background-color: #f7f7f7;
padding: 3%;
margin: 0 3%;
text-align:center;
}
.doufu_box{
font-size: 16px;
height: auto;
}
.doufu_textbox{
display: flex;
justify-content: center;
align-items: center;
margin: 3% 0 0;
}
.doufu_photobox img{
height: 70px;
width: auto;
}
.doufu_box ul li{
color:#014099;
font-size: 16px;
}
.arrow_bottom{
width: 60px;
height: auto;
margin: 5% 0;
}
.doufu_imgbox{
text-align:center;
}
.p_box {
background-color: #fff;
text-align: center;
height: 100px;
display: flex;
justify-content: center;
align-items: center;
font-weight: bold;
}
.doufu_houjin_box {
text-align: center;
font-size: 20px;
background-color: #f7f7f7;
padding: 10px;
width: 30%;
line-height: 1.3;
margin:0 3%;
}
.doufu_houjin_box img{
width:auto;
height:70px;
}
.doufu_houjin_box p{
margin:3% 0;
}
.doufu_houjin_box span{
font-size: 12px;
display: inline-block;
}
.left_border{
border-left: 10px solid #014099;
font-size: 24px;
padding: 0 1%;
margin: 2% 0;
}
.hassou{
width: 70%;
margin: 5% auto 3%;
background-color:#f7f7f7;
text-align: center;
font-weight:bold;
}
.hassou p:nth-child(1){
font-size: 20px;
text-align: center;
color: #fff;
background-color: #014099;
}
.hassou p:nth-child(2){
padding: 5% 0;
font-size:15px;
}
#section4 .textbox{
font-size:20px;
} .stei_up{
background-color: #014099;
text-align: center;
}
.stei_up .up_point{
border: 10px solid #fff;
padding:5%;
}
.stei_up h2:nth-child(1){
font-size: 36px;
color: #fff;
font-weight: bold;
}
.stei_up p{
font-size: 15px;
color: #fff;
margin: 3% 0;
}
.stei_up span{
color: #014099;
width: 45px;
height: 45px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 50%;
margin-right: 20px;
}
.stei_up img{
width:33px;
height:auto;
margin-right:15px;
}
.satei_point{
position:relative;
}
.satei_point:before{
position: absolute;
content: "";
background-image: url(https://protona.jp/wp-content/themes/twentyseventeen/image/_check.png);
height: 30px;
width: 36px;
background-size: contain;
background-repeat: no-repeat;
top: 0;
left: -45px;
}
.up_point ul {
margin: 3% auto 0;
text-align: center;
}
.stei_up ul li {
text-align: center;
margin: 1.5% 0;
font-weight: bold;
}
.stei_up ul li span{
color: #fff;
font-size: 30px; display: inline;
padding: 0 2px 4px;
width: 58vw;
border-radius: 0;
display: inline-flex;
padding-bottom: 5px;
margin-right: 0;
text-align: left;
max-width: 737px;
justify-content: flex-start;
line-height: 1.1;
height: auto;
border-bottom: 4px solid #ffeb3b;
}
.up_point .contact_flex_left{
background-color: #fcea2d;
display: flex;
align-items: center;
padding: 15px 20px;
font-size: 20px;
max-width: 380px;
justify-content: center;
margin: 5% auto 0%;
color:#fff;
}
.up_point .contact_flex_left:hover{
background-color:#fff;
color:#014099;
border:1px solid #014099;
}
#tentou_kaitori .textbox{
margin:0 0 3% 0;
}
#shutcho_kaitori .flex{
display: flex;
align-items: center;
}
#shutcho_kaitori .flex .flex_textbox{
width:70%;
}
#shutcho_kaitori .flex .photobox{
width:30%;
height: 100%;
} #section5{
background-color: #fcea00;
background-image: url(https://protona.jp/wp-content/themes/twentyseventeen/image/yokuarugoshitumon.png);
background-repeat: no-repeat;
background-position: 95% 50%;
background-size: 25%;
padding-bottom: 2%;
}
#section5 .common_h2{
margin-bottom: 3%;
}
.faqbox{
position: relative;
right: 128px;
padding: 0 0 0 3%;
}
#section5 ul{
margin-bottom:3%;
}
#section5 ul li{
margin:0.5% 0;
}
.faq_btn{
display: block;
width: 40%;
padding: 20px 0;
background-color: #033594;
text-align: center;
margin: 5% auto 0;
}
.faq_btn:hover{
background-color:#fff;
color:#033594 !important;
border:1px solid #033594;
}
.faq{
max-width: 900px;
margin: auto;
} #section6 .common_h3{
background-color: #033594;
text-align:center;
padding: 1%;
}
#section6 .news{
border: 2px solid #033594;
padding:5%;
}
.news_box {
margin-bottom: 2%;
}
.news_box:last-child{
margin-bottom: 0%;
}
.news_box ul li{
font-size: 16px;
border-bottom: 1px solid #014099;
margin: 0 0 10px 0;
padding:5px;
}
.news_box ul li a{
color: #014099;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
width: 100%;
display: inline-block;
height: 50px;
}
.news_box ul li:hover{
font-weight:bold;
}
.news_box ul li p{
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.date{
margin-right: 5%;
} .footer_company{
text-align:center;
}
.p_top p:first-child{
font-size:25px;
}
.p_bottom{
padding-bottom:3%;
}
.footer_company span{
font-size: 16px;
font-weight: 500;
}
.footer_company p{
margin-top: 15px;
color:#323232;
font-size:14px;
margin-right:10px;
}
.bg-box{
background-color: #fdea02;
padding: 3% 0;
}
.footer_sitemap {
max-width: 1000px;
margin: 0 auto;
}
.f_flex{
display:flex;
justify-content:space-between;
margin: 2% 0 0;
align-items:baseline;
}
.f_flex li{
margin: 2% 0;
}
.footer_left{
width:70%;
}
.footer_right{
width:30%;
}
.f_maker_flex{
display: flex;
}
.f_maker_flex ul{
margin-left: 10%;
}
.f_maker_flex ul:first-child{
margin-left:0%;
}
.copy{
padding: 2% 0;
text-align: center;
border-top: 1px solid #d2d2d2;
} .under_h3{
font-size:28px;
text-align:center;
margin-bottom:15px;
}
#contact .contact_flex_right{
text-align:center;
background-color:#fdea00;
padding: 15px 0;
}
#contact .contact_flex_right .phone_box{
justify-content:center;
} .entry-header2{
display: flex;
flex-direction: column-reverse;
margin-bottom: 1.5%;
}
.entry-title2 a{
color:#014099;
font-size:24px;
}
.entry-content p a{
color:#014099;
}
.post{
margin:3% 0;
border-bottom: 2px solid #d2d2d2;
} .navigation {
text-align: center;
padding: 1em 0;
width: 100%;
display:flex;
justify-content:center;
align-items:center;
position: relative;
}
.navitop {
}
.navileft {
word-break: break-all;
line-height: 1.5em;
position: absolute;
left: 0;
}
.naviright {
word-break: break-all;
line-height: 1.5em;
position: absolute;
right: 0;
}
.navitop a,
.navileft a,
.naviright a{
color:#014099;
} h2.screen-reader-text{
display:none;
}
.float_left,
.previouspostslink{
float: left;
}
.float_right,
.nextpostslink{
float: right;
}
.nav-links{
font-size: 25px;
width: 100%;
}
.page,
.previouspostslink,
.nextpostslink,
.wp-pagenavi .last,
.wp-pagenavi .first{
font-size: 25px;
color:#014099;
}
.nav-links a{
color:#014099;
}
.entry-meta{
font-size: 14px;
}
.entry-title {
font-size: 25px;
margin: 0 0 3% 0;
border-bottom: 5px solid #014099;
}
.entry-content{
padding-bottom: 5%;
} .under_top{
background-image:url(https://protona.jp/wp-content/themes/twentyseventeen/image/top_visual_bg.jpg);
background-position:center;
background-size:cover;
background-repeat:no-repeat;
text-align: center;
padding:35px 0;
}
.bgmask{
width: fit-content;
background-color: rgba(255,255,255,0.7);
padding: 2% 5%;
margin: 0 auto;
display:inline-block;
}
.undertop_text{
font-size:36px;
} #company table{
width:100%;
border-top: 1px solid #dcdcdc;
font-size:15px;
margin: 0 0 5% 0;
}
#company table tr{
border-bottom: 1px solid #dcdcdc;
}
#company table th,
#company table td{
padding: 2%;
}
#company table th{
width: 20%;
min-width: 80px;
vertical-align: top;
}
#company table td{
width:80%;
}
.map{
height:500px;
} #plapoli .common_h3{
margin:0 0 3% 0;
}
#plapoli .common_h4{
margin:15px 0;
}
#plapoli .line2{
border-bottom: 3px solid #0a308b;
padding: 0px 0 5px 0;
}
#plapoli .text_box{
font-size:15px;
} #product .category_box {
margin: 0 0 25px 0;
}
#product .category_box
[name="select"] {
margin:0;
}
#product .product_top{
}
.logobox{
margin:0 0 1%;
padding: .25em 0 .5em .75em;
border-left: 6px solid #014099;
border-bottom: 1px solid #014099;
display: flex;
align-items: center;
}
.logobox img{
width: 150px;
}
#product .sateinopoint{
margin:3% 0;
font-size:16px;
}
#product .sateinopoint a{
color:#014099;
}
#product .sateinopoint a:hover{
font-weight:bold;
text-decoration:underline;
}
#product .border_wrap:nth-child(2) .common_h3{
margin:5% 0 2% 0;
}
#product .common_h3{
border-top: 3px solid #014099;
border-bottom: 3px solid #014099;
padding:1% 0;
margin: 10% 0 2% 0;
}
.product_list li{
margin: 5px 0;
}
.product_list tr{
border-bottom:1px solid #014099;
;
}
.product_list td a{
color:#014099;
}
.product_list .td1:hover{
color:#014099;
text-decoration:underline;
font-weight:bold;
}
#product #section4{
background-image:inherit;
border-top:3px solid #014099;
margin: 5% 0 0;
padding: 2% 0 0;
}
#product_flow{
padding: 160px 0 0 0;
margin: -40px;
}
.fixed_table,
.product_list{
width:100%;
word-break: break-word;
}
.fixed_table th{
background-color:#014099;
color:#fff;
font-size:20px;
}
.fixed_table th,
.product_list td{
padding:20px 10px;
}
.fixed_table .th1,
.product_list .td1{
width: 25%;
min-width:180px;
}
.fixed_table .th2, .product_list .td2 {
width: 35%;
min-width: inherit;
word-break: break-word;
}
.product_list .td3,
.fixed_table .th3{
min-width: 160px;
width: 20%;
}
.product_list .td4,
.fixed_table .th4{
min-width: 160px;
width: 15%;
} #users_voice .shousai{
margin:0 !important;
}
#product_shousai .shousai_title{
margin:5% 0 2%;
}
#product_shousai .photobox{
width: 20%;
height: auto;
min-width: 220px;
}
#product_shousai table,
.kokyaku_jouhou table{
width:100%;
margin:3% 0;
}
#product_shousai th,
#product_shousai td,
.kokyaku_jouhou th,
.kokyaku_jouhou td{
padding:1%;
font-size: 20px;
word-break: break-word;
}
#product_shousai th,
.kokyaku_jouhou th{
width: 10%;
background-color: #014099;
color: #fff;
border-bottom: 1px solid #fff;
min-width: 175px;
border-top: 1px solid #014099;
}
#product_shousai tr:last-child th,
.kokyaku_jouhou tr:last-child th{
border-bottom: 1px solid #014099;
}
#product_shousai td,
.kokyaku_jouhou td{
width:90%;
min-width:fit-content;
border-top: 1px solid #014099;
border-right: 1px solid #014099;
border-bottom: 1px solid #014099;
}
#product_shousai td .color_name {
min-width: 80px;
display: inline-block;
}
#product_shousai td .space{
margin:0 10px;
display:inline-block;
}
.shousai_text{
font-size:18px;
margin:3% 0 0;
}
.backbtn{
display: block;
text-align: center;
background-color: #014099;
color: #fff;
width: 50%;
margin: 3% auto;
max-width: 300px;
padding: 2% 0;
font-size: 20px;
line-height: 1;
min-width: 200px;
} #voice,
#blog{
width: 70%;
padding: 0 3% 0 0;
}
#area{
width:auto;
padding: 5% 11vw;
}
#voice img,
#blog .photobox img{
width:100%;
height:100%;
}
.users_voice{
border: 3px solid #014099;
padding: 5%;
margin: 3% 0;
}
.users_voice:first-child{
margin: 0 0 3%;
}
#voice .common_h3,
#blog .common_h3 {
border-bottom:3px solid #014099;
border-top:3px solid #014099;
padding: 1% 0;
font-size:28px;
}
#voice .common_h3 a{
color:#014099;
}
#voice .common_h3 a:hover{
color:#014099;
font-weight:bold;
text-decoration:underline;
}
.users_voice .flex{
display: flex;
align-items: flex-start;
justify-content: flex-start;
margin: 1% 0 3% 0;
}
.users_voice .flex2{
display: flex;
align-items: flex-start;
justify-content: flex-start;
}
.fukidashi {
position: relative;
background: #fff;
border: 1px solid #014099;
width: 94%;
padding: 3%;
margin:0 0 3%;
}
.users_voice .photobox{
width: 25%;
min-width: 150px;
height: auto;
margin: 0 2% 0 0;
}
.users_voice .comment p:first-child{
font-size:18px;
border-bottom:3px solid #014099;
width:fit-content;
margin:0 0 10px 0;
}
.page, .pagenavi a, .wp-pagenavi span,
.wp-pagenavi .last,
.wp-pagenavi .first{
font-size: 25px;
text-decoration: none;
border: 0px solid #BFBFBF;
padding: 3px 5px;
margin: 2px;
}
.wp-pagenavi {
clear: both;
text-align: center;
margin: 0 0 3%;
}
.excerpt_comment{
width: 72%;
padding:0 2%;
}
.page, .previouspostslink, .nextpostslink{
font-size: 16px;
}
.page, .pagenavi a, .wp-pagenavi span,.wp-pagenavi .last,.wp-pagenavi .first{
font-size: 18px;
} .voice_shousai .flex{
display:flex;
}
.users_voice .flex p
,.voice_shousai .flex p{
margin:0 20px 0 0;
}
.voice_shousai .photobox{
width:80%;
height:auto;
text-align:center;
margin: 3% auto;
}
#voice .prefectures_text h4,
.voice_shousai h4 {
color: #014099;
text-shadow: 0 0 5px white;
border-left: solid 7px #014099;
background: -webkit-repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
background: repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
font-size:23px;
padding: 0 0 0 10px;
}
#voice .prefectures_text .v-head,
.voice_shousai .v-head {
color: #014099;
text-shadow: 0 0 5px white;
border-left: solid 7px #014099;
background: -webkit-repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
background: repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
font-size:23px;
padding: 0 0 0 10px;
}
.addtoany_shortcode{
margin: 10px 0px;
text-align: right;
}
.addtoany_list a, .widget .addtoany_list a {
border: 0;
box-shadow: none;
display: inline-flex;
font-size: 16px;
padding: 0 4px;
vertical-align: middle;
justify-content: flex-end;
align-items: center;
}
.voice_shousai .textbox{
font-size:18px;
margin: 0% 0 5%;
}
.blog_shousai .textbox{
font-size:18px;
margin:2% 0;
}
.voice_shousai .textbox p{
padding:1.5% 0;
}
.blog_shousai .textbox p{
padding:0;
word-break: break-all;
}
.blog_shousai .photobox{
width: 30%;
height: auto;
text-align: center;
margin: 3% auto 3% 0;
}
.blog_shousai .textbox img{
margin:10px 0 0 0;
max-width: 100%;
}
.blog_shousai .textbox h2{
font-size: 140%;
position: relative;
padding: 0.2em 0 0.3em 0.5em;
background: #014099;
color: white;
margin: 0 0 25px 0;
}
.blog_shousai .textbox h2::before {
position: absolute;
content: '';
top: 100%;
left: 0;
border: none;
border-bottom: solid 15px transparent;
border-right: solid 20px rgb(149, 158, 155);
}
.blog_shousai .textbox h3{
font-size: 120%;
border-bottom: solid 3px #cce8fe;
position: relative;
margin: 0 0 10px 0;
}
.blog_shousai .textbox h3:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 3px #014099;
bottom: -3px;
width: 20%;
} .sidebar_flex{
display: flex;
align-items:flex-start;
justify-content:space-between;
padding:3%;
}
#secondary {
width: 25%;
}
#secondary section{
padding:0;
}
#secondary a{
font-size:16px;
color:#014099;
padding:2%;
}
#secondary a:hover{
background-color:#014099;
color:#fff;
}
#secondary .screen-reader-text{
display: none;
}
#custom-post-type-archives-2,
#custom-post-type-archives-3{
margin:6% 0;
}
#custom-post-type-archives-2
[name="archive-dropdown"],
[name="maker"],
[name="select"],
#custom-post-type-archives-3
[name="archive-dropdown"]{
margin: 3% 0;
width: 100%;
height: 32px;
padding: 4px 6px;
border-radius: 4px;
font-size: 16px;
max-width: 350px;
}
.cat-item .children{
display: none;
}
.cat-item{
margin:2% 0;
}
.cat-item a{
color:#014099;
}
.widget-title{
font-size: 18px;
border-bottom: 1px dashed #014099;
border-left: 5px solid #014099;
padding: 5px;
margin:3% 0;
}
.widget-title:first-child{
margin:0 0 3% 0;
}
.widget_recent_entries ul li a{
color:#014099;
} #no_img{
padding: 110px 0 0 0;
margin: -100px 0 0 0;
} #faq a{
color:#014099;
text-decoration:underline;
}
#faq a:hover{
font-weight:bold;
}
#faq .textbox{
margin:6% 0;
}
#faq .textbox .flex{
display:flex;
align-items: center;
margin:1.5% 0;
border-bottom: 3px dotted #014099;
padding: 0 0 1.5% 0;
font-size: 20px;
}
#faq .textbox .flex img{
width: 40px;
margin: 0 20px 0 0;
} @media screen and (max-width:960px){ .br960off{
display:none;
}
.br960on{
display:block;
}
section {
padding: 5% 5% 3%;
margin: 0 auto;
min-width: initial;
}
.common_h2 {
font-size: 30px;
}
.common_h3 {
font-size: 20px;
} #top_header {
align-items: flex-start;
}
#top_header .logo_box
.logo_text{
font-size: 16px;
}
.top_right_box{
margin: 0;
justify-content:space-between;
flex-direction:column;
}
.box_left{
margin:0 0 10px 0;
}
.contact {
margin: initial;
}
.navbox a li {
font-size: 12px;
} #section1
.point {
width: 120px;
}
.cercle1 {
width: 70px;
height: 70px;
}
.reason_h3 {
font-size: 28px;
}
.reason1_text {
font-size: 20px;
}
.reasonbox {
width: 40%;
}
#section1
.point_img {
width: 60px;
}
.reson_imgbox {
height: 80px;
}
.reason_midashibox {
height: 80px;
} #section2 .contact {
padding: 10px 0 0px;
margin: 0 auto;
}
#section2 .common_h3 {
padding: 2% 0;
} .photobox {
height: 20vw;
}
.maker_img {
height:auto;
}
.maker_inner p {
margin: 3% 0;
height: initial;
}
.maker_inner a {
padding: 5px 0;
font-size: 13px;
}
.maker_box {
width: 48%;
}
.note h4 {
font-size: 18px;
}
.note p{
font-size:14px;
} #section4 .step .common_h2 {
border-right: 1px solid #fff;
padding-right: 20px;
margin-right: 20px;
}
.flow_img {
height: 60px !important;
width: auto !important;
margin: 7% 0;
}
.choicebox {
position: relative;
}
.midashibox {
height: inherit;
font-size: 14px;
}
.choicebox a {
width: 88%;
}
.midashibox p:nth-child(2) {
font-size: 20px;
background-color: inherit !important;
}
.kaitori_flow {
min-width: inherit;
font-size: 14px;
}
.doufu_box {
font-size: 14px;
}
.doufu_box ul li {
color: #014099;
font-size: 14px;
}
.doufu_photobox img {
height: 50px;
}
.arrow_bottom {
width: 45px;
margin: 2% 0;
}
.p_box {
height: 80px;
font-size: 14px;
}
.p_box p{
padding:0 3%;
}
.pdf_btn {
margin: 3% auto;
padding: 10px 0;
font-size: 18px;
}
.txt_center {
text-align: justify;
}
.doufu_box {
display: block;
text-align: center;
}
.doufu_box img {
margin-right: 0;
}
.doufu_box ul li {
text-align: left;
}
.doufu_houjin_box {
text-align: center;
font-size: 16px;
}
.kaitroi_h4 {
font-size: 21px;
}
.pdf_btn {
font-size: 16px;
}
.up_point ul li span{
min-width:inherit;
font-size: 22px;
}
.stei_up img {
width: 30px;
margin-right: 0px;
} #top_contact{
padding: 2%;
}
#top_contact h3 {
font-size: 23px;
}
.contact_flex {
max-width: 800px;
}
.contact_flex_left,
.stei_up .contact_btn{
font-size: 17px;
}
.contact_flex_left img {
width: 30px;
margin-right: 10px;
}
.contact_flex_right .phone_box img {
width: 45px;
margin: 27px 15px 0 0;
}
.contact_flex_right .phone_box a {
font-size: 45px;
}
.contact_flex_right p{
font-size: 14px;
}
.faqbox {
right: 0;
}
.faq_btn {
width: 30%;
padding: 10px 0;
margin: 3% auto 2%;
min-width: 200px;
} .footer_company {
}
.footer_sitemap {
padding: 0 5%;
font-size: 14px;
}
}
@media screen and (max-width:768px){ .br768off{
display:none;
}
.br768on{
display:block;
}
.common_h2 {
font-size: 20px;
}
.common_h3 {
font-size: 16px;
}
section {
padding: 3% 5%;
} #top_header {
padding: 20px;
border-bottom: 5px solid #014099;
}
.phone_box a {
font-size: 30px;
}
.phone_box img {
width: 35px;
margin-right: 7px;
}
.choicebox .phone_box img {
width: 25px;
}
.contact {
padding: 15px;
}
.box_left {
margin: 0;
background-color: #ff6600;
}
.top_text1 {
width: 70%;
}
.top_text2 {
width: 80%;
}
.main_visual .main_text {
font-size: 31px;
font-size: 4vw;
}
.main_visual .headingText1 {
font-size: 31px;
font-size: 4vw;
}
.main_visual .sub_text {
font-size: 21px;
font-size: 3vw;
margin: 20px 0 0 0;
}
.main_visual .title_flex .title_inner_flex {
min-width: fit-content;
margin: 0 2%;
}
.main_visual .title_flex
.photobox {
width: 25%;
} #g_nav,.top_right_box{
display:none;
}
nav.globalMenuSp {
display: block;
width: 40%;
min-width: 300px;
}
.navToggle {
display: block;
}
nav.globalMenuSp ul{
display:block;
background: #033594;
}
nav.globalMenuSp ul li {
font-size: 14px;
padding: 8px 0;
}
.navToggle{
background: #033594;
} div.navToggle.active {
-webkit-transform: translateY(-714%);
-ms-transform: translateY(-714%);
transform: translateX(-714%);
top: 0;
right: 0;
}
.phone_box {
align-items: flex-start;
padding: 5px 0px 0;
} #section1
.point {
width: 100px;
}
.common_h2 {
font-size: 25px;
}
.cercle1 {
width: 50px;
height: 50px;
margin: 0 5px;
}
.reason_h3 {
font-size: 22px;
}
.reason1 {
top: -23px;
font-size: 22px;
}
.reason1_text {
font-size: 16px;
padding-top: 10px;
}
.reasonbox {
padding: 0 20px 30px 20px;
margin: 30px 0 0px;
}
.reason {
width: 20%;
min-width: 120px;
}
.reason_midashibox {
}
.reson_imgbox {
height: 55px;
}
#section1
.point_img {
width: 50px;
} #section2 {
padding: 9% 0;
background-image: url(https://protona.jp/wp-content/themes/twentyseventeen/image/kaitori_nagare_sp.jpg);
}
#section2 .contact {
padding: 10px 0;
max-width: 180px;
} #section3 p{
font-size:18px;
} #section4{
padding: 3% 5vw;
}
.step {
justify-content: center;
padding: 10px 51px;
margin: 5% 0 4%;
flex-wrap: wrap;
}
#section4 .step .common_h2 {
border-right: 0px solid #fff;
padding-right: 0;
margin-right: 0;
}
.midashibox {
margin-bottom: 5%;
font-size: 12px;
}
.kaitori {
flex-direction: column;
margin-bottom: 15px;
}
.kaitori p {
padding: 5px 10px;
margin-left: 0;
margin-top: 10px;
}
.choicebox2 {
text-align: center;
width: 26%;
border: 1px solid #014099;
padding: 2%;
background-color: #fff;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
}
.doufu_box {
font-size: 12px;
}
.flow_text {
font-size: 17px;
}
#shutcho_kaitori .flex {
flex-direction: column-reverse;
}
#shutcho_kaitori .flex .flex_textbox {
width: 100%;
} .stei_up p:nth-child(1) {
font-size: 28px;
}
.stei_up span {
width: 35px;
height: 35px;
margin-right: 10px;
}
.stei_up .up_point {
padding: 5% 5%
}
.up_point ul {
width: 100%;
margin: 3% auto 0;
min-width: initial;
}
.stei_up img {
width: 25px;
height: auto;
margin-right: 10px;
}
.stei_up ul li span {
font-size: 20px;
}
.up_point .contact_flex_left {
padding: 10px;
font-size: 16px;
max-width: 350px;
}
.satei_point:before {
height: 20px;
width: 24px;
left: -25px;
bottom: 5px;
} #section5 {
background-color: initial;
background-image: url(https://protona.jp/wp-content/themes/twentyseventeen/image/yokuarugoshitumon_sp.png);
background-repeat: no-repeat;
background-position: right;
background-size: cover;
padding-bottom: 2%;
}
.faqbox{
font-size: 14px;
}   #top_contact {
padding: 5% 2%;
}
#top_contact h3 {
font-size: 22px;
margin-bottom: 10px;
}
.contact_flex {
flex-direction: column;
margin: 0;
width: 100%;
max-width: 100%;
}
.contact_flex_left {
order: 2;
}
.contact_flex_right {
text-align: center;
margin: 10px 0 20px;
order: 1;
}
.contact_flex_right p {
font-size: 13px;
}
.contact_flex_right .phone_box {
padding: 0;
}
.contact_flex_left, .stei_up .contact_btn {
margin: 0;
}
.link-box {
margin-top: 20px;
order: 3;
width: auto;
} .p_top {
padding-top: 1%;
flex-direction: column;
}
.p_top p:first-child{
font-size:20px;
}
.footer_company p {
margin-top: 5px;
}
.p_bottom {
padding-bottom: 3%;
}
.f_maker_flex ul {
margin-left: 5%;
}  #no_img {
padding: 80px 0 0 0;
margin: -100px 0 0 0;
} .entry-title2 a {
font-size: 17px;
}
.entry-header2 {
font-size: 15px;
}
.entry-content{
font-size: 15px;
}
.nav-links{
font-size: 20px;
}
.entry-title {
font-size: 20px;
} .under_top{
padding: 35px 0;
}
.bgmask{
padding: 2% 5%;
}
.undertop_text{
font-size:30px;
} .category_box a {
font-size: 16px;
}
#product .sateinopoint {
margin: 3% 0;
font-size: 16px;
}
#product th, #product td,
.kokyaku_jouhou th, .kokyaku_jouhou td{
padding: 3% 1%;
font-size: 16px;
min-width: 135px;
}
.fixed_table .th1, .product_list .td1 {
min-width: 120px;
}
.product_list .td3, .fixed_table .th3 {
min-width: 120px;
}
.product_list .td4, .fixed_table .th4 {
min-width: 120px;
}
.shousai_text {
font-size: 14px;
}
.backbtn{
padding: 2% 0;
font-size: 16px;
} .sidebar_flex{
display: block;
}
#voice,
#blog{
width: 100%;
padding: 0;
margin: 5% 0 10%;
}
#area {
width: 94%;
padding: 0;
margin: 5% auto 10%;
}
#secondary {
width: 100%;
}
#voice .common_h3,
#blog .common_h3 {
font-size: 23px;
} .voice_shousai h4{
font-size: 18px;
} #voice .prefectures_text h4 {
font-size: 23px;
}
#voice .prefectures_text .sub_title {
font-size: 20px;
margin:3% 0;
}
#voice .prefectures_text .sub_text{
font-size: 15px;
} .blog_shousai .textbox h2 {
font-size: 120%;
}
.blog_shousai .textbox h3 {
font-size: 110%;
} #faq .textbox{
margin:5% 0;
}
#faq .textbox .flex{
font-size: 18px;
}
#faq .textbox .flex img{
width: 35px;
margin: 0 15px 0 0;
}
}
@media screen and (max-width:480px){ .br480off{
display:none;
}
.br480on{
display:block;
}
.size480off{
display:none;
}
.size480on{
display:block;
}
.sp{
display:block !important;
}
.pc{
display:none !important;
}
.common_h2 {
font-size: 18px;
}
section {
padding: 3%;
}
.common_h4 {
font-size: 15px;
}
#breadclumb {
padding: 10px 3%;
}
#breadclumb ul li {
font-size: 11px;
} .top_logo_text p {
font-size: 12px;
font-family: s_b !important;
}
.top_logo_text h2 {
font-size: 25px;
}
.top_text1 {
width: 100%;
}
.top_text2{
width: 100%;
}
#top_header {
padding: 15px;
}
#top_header .logo_box {
min-width: 130px;
}
#top_header .logo_box .logo_text {
font-size: 14px;
}
.main_visual .main_text {
font-size: 24px;
font-size: 5vw;
text-shadow:0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff;
}
.main_visual .main_text span{
font-family: s_b !important;
}
.main_visual .headingText1 {
font-size: 24px;
font-size: 5vw;
letter-spacing: 0;
line-height: 1.5;
text-shadow:0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff;
}
.main_visual .sub_text {
font-size: 18.5px;
font-size: 3.8vw;
letter-spacing: 0;
line-height: 1.5;
text-shadow:0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff;
}
.main_visual .title_flex .photobox {
width: 30%;
}
#top_header {
padding: 10px 20px;
}
#top_header .logo_box {
min-width: 100px;
}
#top_header .logo_box .logo_text {
font-size: 14px;
}
.contact_flex_right .phone_box a:before {
height: 30px;
width: 30px;
top: 30%;
left: -18%;
} .undertop_text{
font-size:26px;
}
.bgmask {
padding: 3% 10%;
} nav.globalMenuSp {
transform: translateX(200%);
min-width: 225px;
}
.box_left {
padding: 5px;
}
.phone_box a {
font-size: 25px;
} .box_left p {
font-size: 12px;
}
div.navToggle.active {
-webkit-transform: translateY(-536%);
-ms-transform: translateY(-536%);
transform: translateX(-536%);
} .point_top {
bottom: 0px;
padding-bottom: 0px;
}
.cercle1 {
width: 50px;
height: 50px;
margin: 0 5px;
padding: 0;
letter-spacing:0;
}
#section1
.point {
width: 85px;
margin-right: 5px;
}
#section1
.point_img {
margin-right: 10px;
margin: 0 auto 3%;
display: flex;
}
.reason1 {
top: -18px;
font-size: 16px;
}
.reasonbox1 {
padding: 0 15px 15px 15px;
margin-top: 20px;
}
.reason_midashibox {
height: initial;
}
.reason1_text {
font-size: 14px;
padding-top: 10px;
text-align: justify;
}
.reason {
width: 20%;
min-width: 120px;
font-size: 14px;
}
.reasonbox {
padding: 0 10px 20px 10px;
margin: 30px 0 0px;
width: 100%;
}
#section1
.point_img_sp{
margin: inherit;
margin-right: 15px;
}
.reason_text {
font-size: 12px;
} #section3 .maker_flex p {
font-size: 18px;
height: inherit;
margin: 5% 0;
}
#section3 .maker_flex p.maker_h4 {
margin: 0;
}
.maker_inner {
padding: 5%;
text-align: center;
}
.maker_inner p{
text-align:justify;
}
.pdf_btn {
max-width: 270px;
} .kaitroi_h4 {
font-size: 18px;
padding: 5px 0;
} .stei_up .up_point {
padding: 5%;
}
.flow_text {
font-size: 15px;
}
#section4 .textbox{
font-size:15px;
}
.flow_text span {
text-align: center;
padding: 0 100px;
display: block;
} .news_box ul li {
font-size: 14px;
}
.date {
margin-right: 2%;
}
#top_contact h3 {
font-size: 18px;
} .contact_flex_right .phone_box a {
font-size: 30px;
}
.contact_flex_left,
.stei_up .contact_btn{
font-size: 14px;
}
.contact_flex_right .phone_box img {
width: 17px;
margin: 17px 10px 0 0;
} #section4 {
padding: 3% 3vw;
}
.step {
padding: 10px 20px;
}
#section4 .step p {
font-size: 12px;
}
.step p:nth-child(2) {
width: 20px;
height: 20px;
}
.flow_choicebox {
flex-direction: column;
}
.choicebox {
width: 100%;
margin-bottom: 3%;
}
.midashibox {
margin-bottom: 0;
margin: 3% 0;
font-size: 14px;
}
.flow_img {
margin: 1% 0;
height: 40px !important;
margin-right: 10px;
}
.choicebox a {
width: auto;
bottom: 3%;
position:initial;
}
.choice_spbox{
display:flex;
justify-content:center;
align-items:center;
}
.choicebox2 {
width: auto;
margin: 2% 0;
}
.kaitori {
flex-direction: row;
margin-bottom: 15px;
align-items: baseline;
}
.kaitori p {
padding: 5px 10px;
margin-left: 10px;
margin-top: 10px;
}
.doufu_flex {
flex-direction: column;
}
.doufu {
width: auto;
margin-bottom: 3%;
}
.doufu_box{
height:initial;
}
.doufu_houjin_box {
font-size: 16px;
margin-bottom: 3%;
width:auto;
}
.doufu_houjin_box img {
width: auto;
height: 45px;
}
.hassou {
width: 100%;
padding: 0px 0;
} .stei_up {
padding: 5% 3%;
}
.stei_up h2:nth-child(1) {
font-size: 20px;
}
.up_point ul li{
padding-left:0%;
}
.stei_up ul li span {
height:initial;
width: 88%;
font-size: 13px;
}
.stei_up img {
width: 17px;
height: auto;
margin-right: 0px;
}
.up_point .contact_flex_left {
font-size: 14px;
}
.left_border {
border-left: 10px solid #014099;
font-size: 18px;
}
.pdf_btn img {
height: 45px;
}
.stei_up p {
font-size: 12px;
}
.satei_point:before {
height: 15px;
width: 17px;
left: -20px;
bottom: 5px;
} .faqbox {
font-size: 12px;
} .news_box {
margin-bottom: 2%;
font-size:14px;
}
.news_box ul li a {
height: 40px;
} .footer_company {
flex-direction: column;
margin: 2% 0;
}
.footer_company p{
margin-top:0;
margin-right:0;
}
.f_flex{
flex-direction:column;
}
.p_top p:first-child {
font-size: 15px;
}
.footer_left {
width: 100%;
}
.f_maker_flex{
justify-content: space-between;
}
.f_maker_flex ul {
margin-left: 3%;
}
.f_maker_flex ul li{
margin: 10px 0;
}
.footer_right {
width: 100%;
margin-top: 5%;
}
.footer_right ul{
display: flex;
flex-wrap: wrap;
}
.footer_right ul a{
display:inline-block;
width:33%;
margin:2% 0;
min-width: 150px;
}
.footer_right ul a li{
margin:0;
}
.f_flex li {
margin: 2% 15px 0 0;
}
.footer_sitemap {
padding: 0px 3%;
}
.footer_company span {
font-size: 13px;
}  #no_img {
padding: 50px 0 0 0;
margin: -50px 0 0 0;
} .entry-title2 a {
font-size: 15px;
}
.entry-header2 {
font-size: 13px;
}
.entry-content{
font-size: 12px;
}
.nav-links{
font-size: 18px;
}
.entry-title {
font-size: 18px;
}
.entry-meta {
font-size: 12px;
}
.navitop a, .navileft a, .naviright a {
font-size: 14px;
} .map{
height:250px;
margin:3% 0 0;
}
#company table {
font-size: 13px;
} #product .sateinopoint{
font-size:14px;
}
.scroll{
margin: 0 0 10% 0;
max-height: 450px;
overflow-y: scroll;
height: fit-content;
}
.scroll:last-child{
margin:0 0 5% 0;
}
#product .common_h3{
width:100%;
}
.border_wrap .product_list:nth-child(3){
margin:0 0 10% 0;
}
.product_list {
width: 100%;
margin: 0 0 10% 0;
border: 1px solid #014099;
}
.product_list th, .product_list td {
padding:3%;
font-size: 14px;
width: 94%;
display: block;
border-bottom: 1px solid #014099;
}
#product_shousai table,
.kokyaku_jouhou table{
width: 100%;
margin: 3% 0;
border: 1px solid #014099;
word-break: break-word;
}
#product th, #product td{
padding: 3%;
font-size: 14px;
width: 94%;
display: block;
border-bottom: 1px solid #014099;
border: 0;
}
.product_list .th1,
.product_list .th2,
.product_list .th3,
.product_list .th4{
padding: 1% 3% !important;
width: 94% !important;
background-color: #014099;
color: #fff;
}
.product_list .td3{
border-bottom:0px !important;
}
.product_list tr {
border-bottom: 0px solid #014099;
}
.shousai_text {
font-size: 12px;
}
.backbtn{
padding: 2% 0;
font-size: 14px;
} .users_voice{
border: 3px solid #014099;
padding: 5%;
margin: 3% 0;
}
.users_voice p{
font-size:14px;
}
.users_voice .flex2 {
display: block;
}
#voice .common_h3,
#blog .common_h3 {
font-size: 16px;
}
.users_voice .photobox {
width: 50%;
}
.excerpt_comment {
width: 100%;
padding: 0%;
} .voice_shousai h4 {
font-size: 16px;
padding: 0 0 0 3px;
}
.kokyaku_jouhou th,.kokyaku_jouhou td{
padding: 1%;
font-size: 14px;
width: 98%;
display: block;
border-bottom: 1px solid #014099;
border: 0;
}
.voice_shousai .textbox p,
.blog_shousai .textbox p{
font-size:14px;
} .widget-title{
font-size:15px;
}
#secondary a {
font-size: 14px;
}
#custom-post-type-archives-2
[name="archive-dropdown"],
[name="maker"],
[name="select"],
#custom-post-type-archives-3
[name="archive-dropdown"]{
margin: 3% 0;
width: 100%;
height: 32px;
padding: 0px 6px;
border-radius: 4px;
font-size: 14px;
} .blog_shousai .textbox h2 {
font-size: 15px;
margin: 0 0 20px 0;
}
.blog_shousai .textbox h2::before {
border-bottom: solid 10px transparent;
border-right: solid 15px rgb(149, 158, 155);
}
.blog_shousai .textbox h3 {
font-size: 14px;
margin: 0 0 5px 0;
}
.blog_shousai p{
font-size: 12px !important;
} #faq .textbox{
margin: 10% 0
}
#faq .textbox .flex{
font-size: 15px;
margin: 3% 0;
}
#faq .textbox .flex img{
width: 35px;
margin: 0 15px 0 0;
}
}
@media screen and (max-width:375px){ .br375off{
display:none;
}
.br375on{
display:block;
}
body{
font-family: s_r;
line-height:1.5;
}
h1,h2,h3{
font-family: s_m !important;
}
.point_top .common_h2 {
font-size: 15px;
} .point {
width: 55px;
margin-right: 5px;
} .cercle1 {
width: 35px;
height: 35px;
} #section2 .contact {
padding: 3px 0;
} #section3 .maker_flex p {
font-size: 14px;
margin: 10% 0;
} .kaitori_flow {
font-size: 12px;
}
.flow_text {
font-size: 13px;
}   .entry-title {
font-size: 16px;
}
.nav-links{
font-size: 16px;
} .footer_right ul{
justify-content:space-between;
}
} .prefec_box{
position:relative;
}
#voice .prefectures_title h2 {
padding:5px 10px;
font-size: 45px;
color: #014099;
text-shadow: 2px 2px 1px #fff,
-2px 2px 1px #fff,
2px -2px 1px #fff,
-2px -2px 1px #fff;
line-height: 1.25;
font-size: 3.3vw;
}
#voice .prefectures_text h4 {
padding:5px 10px;
font-size: 30px;
color: #014099;
}
#voice .prefectures_text .v-head {
padding:5px 10px;
font-size: 30px;
color: #014099;
}
.prefec_name{
color: red;
}
#voice .prefectures_title h2 .red{
background:-ms-linear-gradient(transparent 80%, #feea2d 80%); background: linear-gradient(transparent 80%, #feea2d 80%);
}
#voice .prefectures_text .sub_title {
color: #014099;
font-size:25px;
margin: 1% 0;
}
.title_strong{
color: #ff0000;
font-size: 80px;
font-size:5.91vw;
background:-ms-linear-gradient(transparent 80%, #feea2d 80%); background: linear-gradient(transparent 80%, #feea2d 80%);
}
.prefectures_title{
position:absolute;
padding: 10px;
}
@media screen and (max-width:768px){
.prefectures_title {
padding: 4px 10px;
}
#voice .prefectures_title h2 {
font-size: 5.3vw;
padding:0;
}
.title_strong {
font-size: 8vw;
}
}
@media screen and (max-width:480px){
#voice .prefectures_title h2 { font-size: 4.5vw;
line-height: 1.5;
}
.title_strong {
font-size: 7vw;
}
#voice .prefectures_text{
margin: 0px 0 5% 0;
}
#voice .prefectures_text h4 {
font-size: 18px;
}
#voice .prefectures_text .v-head {
font-size: 18px;
}
#voice .prefectures_text .sub_title {
font-size: 16px;
}
#voice .prefectures_text .sub_text{
font-size: 13px;
}
} .logobox p{
padding:0 0 0 10px;
font-size: 20px;
}
@media screen and (max-width:768px){
.logobox p{
font-size: 16px;
}
}
@media screen and (max-width:480px){
.logobox p{
font-size: 14px;
}
} .under_top .flex{
display: flex;
align-items: center;
}
.under_top .flex .undertop_image{
min-width: 20%;
padding: 0 1.5%;
}
.under_top .flex .undertop_image .half{
width: 35%;
}
.under_top .flex .undertop_image .etc-half{
width: 50%;
}
@media(max-width: 768px){
.under_top .flex{
flex-wrap: wrap;
justify-content: center;
}
.under_top .flex .bgmask{
order: 1;
width: 65%;
min-width: 360px;
}
.under_top .flex .undertop_image{
width: 25%;
order: 2;
margin: 2% 0 -15px 0;
}
.under_top .flex .undertop_image .half{
width: 50%;
}
.under_top .flex .undertop_image .etc-half{
width: 100%;
}
}
@media screen and (max-width: 480px){
.under_top .flex .bgmask {
padding: 3%;
}
}
@media screen and (max-width: 375px){
.under_top {
padding: 25px 0 10px 0;
}
.under_top .flex .bgmask {
min-width: 280px;
}
.undertop_text {
font-size: 22px;
}
} @media screen and (max-width: 375px){
.addtoany_shortcode {
margin: 0px 0px -7px 0;
}
}
div#header_wrap {
background-color: #fff;
}
#g_nav .navbox .dropdown{
position:relative;
width: 20%;
border-right: 1px solid #848f9f;
background-color: #014099;
border-bottom: 1px solid #848f9f;
font-size: 15px;
height: 60px;
display: flex;
align-items: center;
text-align: center;
justify-content: center;
}
#g_nav .navbox .dropdown:hover{
cursor:default;
}
#g_nav .navbox .dropdown:hover ul{
opacity:1;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
#g_nav .navbox .navbox .dropdownMaker:hover ul{
opacity:1;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
#g_nav .navbox .dropdown ul li{
background-color: #014099;
font-size: 15px;
height: 60px;
display: flex;
align-items: center;
text-align: center;
justify-content: center;
border-bottom:1px solid #848f9f;
}
#g_nav .navbox .dropdown ul li:hover{
background-color:rgba(255,255,255);
}
#g_nav .navbox .dropdown ul li:last-child{
border-bottom:0;
}
#g_nav .navbox .dropdown ul li a{
color: #fff;
width: 100%;
border-bottom: 0;
display:inline-flex;
height:100%;
align-items:center;
justify-content:center;
}
#g_nav .navbox .dropdown ul{
position: absolute;
top: 100%;
width: 100%;
opacity:0;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
left: 0;
right: 0;
margin: auto;
z-index: 1;
}
@media screen and (max-width: 960px){ #g_nav .navbox .dropdown:hover ul li{
height: 40px;
}
#g_nav .navbox .navbox .dropdownMaker:hover ul li{
height: 40px;
}
#g_nav .navbox .dropdown,
#g_nav .navbox .dropdown ul li a{
font-size: 12px;
}
}
.top_right_box
.box_right{
display: flex;
align-items: flex-end;
justify-content:space-between;
}
.top_right_box
.box_right .contact{
margin: 0 10px 0 auto;
}
.line_page_link {
padding: 15.5px;
max-width: 350px;
justify-content: center;
margin: 0 auto;
line-height: 1;
background-color: #fff;
border: 3px solid #09c02a !important;
box-sizing: border-box;
display: flex;
align-items: center;
}
.line_page_link:hover{
opacity:0.6;
}
.line_page_link
.line_flex{
position: relative;
padding: 0 10px;
display: flex;
align-items: center;
}
.line_page_link
.line_flex p{
color: #014099;
font-weight: bold;
text-align: left;
font-size: 16px;
box-sizing: border-box;
display: flex;
align-items: center;
}
.line_page_link
.line_flex p .border-b{
border-bottom: 3px solid #feea00;
}
.line_page_link
.line_flex p .color_g{
color:#09c02a !important;
}
.line_page_link
.line_flex .imgbox{
width: 50px;
display: flex;
align-items: flex-end;
}
@media screen and (max-width: 480px){
.line_page_link {
padding: 12px;
}
}
.daikin ul{
margin: 30px 0 0 0;
padding: 0 0 0 25px;
}
.daikin ul p{
text-indent: -25px;
}
.daikin ul li{
list-style: decimal;
} #company .greeting{
margin: 0 0 5% 0;
}
#company .greeting .common_h3{
display: inline-block;
background-color: #014099;
color: #fff !important;
padding: 5px 0 5px 2%;
border-radius: 10px 10px 0 0;
width: 98%;
}
#company .greeting .textBox{
border: 3px solid #014099;
border-radius: 0 0 10px 10px;
padding: 2%;
line-height: 2;
}
#company .greeting .textBox .president{
width: 200px;
float: right;
margin: 0 0 1% 3%;
}
#company .greeting .textBox .president span img{
width: 70%;
display: block;
margin: auto;
}
#company .greeting .textBox ul li {
list-style-type: none;
list-style-position: inside;
counter-increment: decimal;
position: relative;
padding: 0 0 0 20px;
}
#company .greeting .textBox ul li::before {
display: inline-block;
content: ""counter(decimal)".";
position: absolute;
left: 0px;
}
#company .annotation {
color: #d70707;
}
@media screen and (max-width: 768px){
#company .greeting .textBox{
font-size:15px;
line-height:1.7;
}
}
@media screen and (max-width: 480px){
#company .greeting .textBox{
font-size: 14px;
padding: 3%;
display: flex;
flex-direction: column-reverse;
}
#company .greeting .textBox .president {
width: 100%;
float: inherit;
margin: 3% 0 0 0;
text-align: center;
}
#company .greeting .textBox .president img {
width: 40%;
margin: 0 auto;
}
#company .greeting .textBox .president p{
display: flex;
justify-content: center;
align-items: center;
}
#company .greeting .textBox .president p span{
width: 30%;
}
#company .greeting .textBox .president p span img{
width:100%;
}
#company .greeting .textBox p:first-child{
order:1;
}
#company .greeting .textBox ul{
order:2;
}
#company .greeting .textBox p:last-child{
order:3;
}
} .prof{
margin: 3% 0 0 0;
border: 1px solid #033594;
border-radius: 30px 30px 0 0;
}
.prof .profile:before,
.prof .profile:after{
content: '●';
color: white;
margin: 0 8px;
}
.prof .profile {
display: block;
padding: 0.5em;
line-height: 2;
background: #033594;
vertical-align: middle;
border-radius: 25px 25px 0 0;
color: #fff;
text-align: center;
}
.prof .textBox{
margin: auto;
padding:3%;
}
.prof .president{
margin: 0 0 0% 2%;
width: 180px;
float: right;
}
@media screen and (max-width: 768px){
.prof .textBox p {
font-size: 14px;
}
}
@media screen and (max-width: 480px){
.prof .textBox p {
font-size: 12px;
}
.prof .profile {
position: relative;
display: block;
padding: 0.3em;
line-height: 1.5;
}
.prof .profile:before{
position:absolute;
margin:auto;
top:0;
bottom:0;
right:10px;
display: flex;
align-items: center;
}
.prof .profile:after{
position:absolute;
margin:auto;
top:0;
bottom:0;
left:10px;
display: flex;
align-items: center;
}
}  .navbox .dropdownMaker {
position: relative;
width: 20%;
height: 46px;
}
.navbox .dropdownMaker > a {
width: 100%;
display: block;
text-align: center;
color: #fff;
height: 100%;
box-sizing: border-box;
} .navbox .dropdownMaker ul {
display: none;
position: absolute;
top: 100%;
left: 0;
margin: 0;
padding: 0;
list-style: none;
background: #2b71b8;
} .navbox .dropdownMaker ul + ul {
left: 100%;
} .navbox .dropdownMaker:hover ul {
display: block;
width: 100%;
} .navbox .dropdownMaker ul li {
padding: 0;
margin: 0;
}
.navbox .dropdownMaker ul li a {
display: block;
padding: 10px 15px;
color: #fff;
text-decoration: none;
width: 100%;
box-sizing: border-box;
} .navbox .dropdownMaker ul li a:hover {
background: #1d5795;
}[class^="wp-block-"]:not(.wp-block-gallery) figcaption {
font-style: italic;
margin-bottom: 1.5em;
text-align: left;
}
.rtl [class^="wp-block-"]:not(.wp-block-gallery) figcaption {
text-align: right;
}  p.has-drop-cap:not(:focus)::first-letter {
font-size: 5em;
margin-top: 0.075em;
} .wp-block-image {
margin-bottom: 1.5em;
}
.wp-block-image figure {
margin-bottom: 0;
margin-top: 0;
}
.wp-block-image figure.alignleft {
margin-right: 1.5em;
}
.wp-block-image figure.alignright {
margin-left: 1.5em;
} .wp-block-gallery {
margin-bottom: 1.5em;
}
.wp-block-gallery figcaption {
font-style: italic;
}
.wp-block-gallery.aligncenter {
display: flex;
margin: 0 -8px;
} .wp-block-quote:not(.is-large):not(.is-style-large) {
border: 0;
padding: 0;
}
.wp-block-quote.alignleft p:last-of-type,
.wp-block-quote.alignright p:last-of-type {
margin-bottom: 0;
}
.wp-block-quote cite {
color: inherit;
font-size: inherit;
} .wp-block-audio audio {
display: block;
width: 100%;
} .wp-block-cover-image.alignright,
.wp-block-cover.alignright,
.wp-block-cover-image.alignleft,
.wp-block-cover.alignleft,
.wp-block-cover-image.aligncenter,
.wp-block-cover.aligncenter {
display: flex;
} .wp-block-file .wp-block-file__button {
background-color: #222;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
display: inline-block;
font-size: 14px;
font-size: 0.875rem;
font-weight: 800;
margin-top: 2em;
padding: 0.7em 2em;
-webkit-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
white-space: nowrap;
}
.wp-block-file .wp-block-file__button:hover,
.wp-block-file .wp-block-file__button:focus {
background-color: #767676;
-webkit-box-shadow: none;
box-shadow: none;
}  .wp-block-code {
background: transparent;
border: 0;
padding: 0;
} .wp-block-pullquote {
border: 0;
}
.wp-block-pullquote__citation,
.wp-block-pullquote cite {
font-size: inherit;
text-transform: none;
} .wp-block-table thead th {
border-bottom: 2px solid #bbb;
padding-bottom: 0.5em;
}
.wp-block-table tr {
border-bottom: 1px solid #eee;
}
.wp-block-table th,
.wp-block-table td {
border: 0;
}
.rtl .wp-block-table th,
.rtl .wp-block-table td {
text-align: right;
}  .wp-block-button .wp-block-button__link {
-webkit-box-shadow: none;
box-shadow: none;
display: inline-block;
font-size: 14px;
font-size: 0.875rem;
font-weight: 800;
line-height: 1.66;
margin-top: 2em;
padding: 0.7em 2em;
-webkit-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
white-space: nowrap;
}
.entry-content .wp-block-button__link {
background-color: #222;
color: #fff;
}
.entry-content .is-style-outline .wp-block-button__link:not(.has-background) {
background-color: transparent;
}
.entry-content .is-style-outline .wp-block-button__link:not(.has-text-color) {
color: #222;
}
.colors-dark .wp-block-button__link {
background-color: #fff;
color: #000;
}
.entry-content .wp-block-button__link:hover,
.entry-content .wp-block-button__link:focus,
.entry-content .is-style-outline .wp-block-button__link:not(.has-background):hover,
.entry-content .is-style-outline .wp-block-button__link:not(.has-background):focus {
background-color: #767676;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
}
.colors-dark .entry-content .wp-block-button__link:hover,
.colors-dark .entry-content .wp-block-button__link:focus,
.colors-dark .entry-content .is-style-outline .wp-block-button__link:not(.has-background):hover,
.colors-dark .entry-content .is-style-outline .wp-block-button__link:not(.has-background):focus {
background-color: #bbb;
color: #000;
}
.colors-dark .entry-content .is-style-outline .wp-block-button__link:not(.has-text-color) {
color: #fff;
}
.colors-dark .entry-content .is-style-outline .wp-block-button__link:not(.has-text-color):hover,
.colors-dark .entry-content .is-style-outline .wp-block-button__link:not(.has-text-color):focus {
color: #222;
}
.colors-custom .entry-content .wp-block-button__link,
.colors-custom .entry-content .wp-block-button__link:hover,
.colors-custom .entry-content .wp-block-button__link:focus,
.colors-dark .entry-content .wp-block-button__link,
.colors-dark .entry-content .wp-block-button__link:hover,
.colors-dark .entry-content .wp-block-button__link:focus {
-webkit-box-shadow: none;
box-shadow: none;
}
.colors-custom .entry-content .wp-block-button__link:hover,
.colors-custom .entry-content .wp-block-button__link:focus {
color: #fff;
} .wp-block-separator {
border: 0;
}
.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
max-width: 100px;
} .wp-block-media-text {
margin-bottom: 1.5em;
}
.wp-block-media-text *:last-child {
margin-bottom: 0;
}  .wp-block-archives.aligncenter,
.wp-block-categories.aligncenter,
.wp-block-latest-posts.aligncenter {
list-style-position: inside;
text-align: center;
} .wp-block-latest-comments article {
margin-bottom: 4em;
}
.blog:not(.has-sidebar) #primary .wp-block-latest-comments article,
.archive:not(.page-one-column):not(.has-sidebar) #primary .wp-block-latest-comments article,
.search:not(.has-sidebar) #primary .wp-block-latest-comments article {
float: none;
width: 100%;
}
.wp-block-latest-comments .avatar,
.wp-block-latest-comments__comment-avatar {
border-radius: 0;
}
.wp-block-latest-comments a {
-webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 1);
box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 1);
}
.wp-block-latest-comments__comment-meta {
font-size: 16px;
font-size: 1rem;
margin-bottom: 0.4em;
}
.wp-block-latest-comments__comment-author,
.wp-block-latest-comments__comment-link {
font-weight: 700;
text-decoration: none;
}
.wp-block-latest-comments__comment-date {
color: #767676;
font-size: 10px;
font-size: 0.625rem;
font-weight: 800;
letter-spacing: 0.1818em;
margin-top: 0.4em;
text-transform: uppercase;
}
.editor-block-list__block .wp-block-latest-comments__comment-excerpt p {
font-size: 14px;
font-size: 0.875rem;
} .entry-content .has-pale-pink-color {
color: #f78da7;
}
.entry-content .has-pale-pink-background-color,
.wp-block-button.is-style-outline .has-pale-pink-background-color:link {
background-color: #f78da7;
}
.entry-content .has-vivid-red-color {
color: #cf2e2e;
}
.entry-content .has-vivid-red-background-color,
.wp-block-button.is-style-outline .has-vivid-red-background-color:link {
background-color: #cf2e2e;
}
.entry-content .has-luminous-vivid-orange-color {
color: #ff6900;
}
.entry-content .has-luminous-vivid-orange-background-color,
.wp-block-button.is-style-outline .has-luminous-vivid-orange-background-color:link {
background-color: #ff6900;
}
.entry-content .has-luminous-vivid-amber-color {
color: #fcb900;
}
.entry-content .has-luminous-vivid-amber-background-color,
.wp-block-button.is-style-outline .has-luminous-vivid-amber-background-color:link {
background-color: #fcb900;
}
.entry-content .has-light-green-cyan-color {
color: #7bdcb5;
}
.entry-content .has-light-green-cyan-background-color,
.wp-block-button.is-style-outline .has-light-green-cyan-background-color:link {
background-color: #7bdcb5;
}
.entry-content .has-vivid-green-cyan-color {
color: #00d084;
}
.entry-content .has-vivid-green-cyan-background-color,
.wp-block-button.is-style-outline .has-vivid-green-cyan-background-color:link {
background-color: #00d084;
}
.entry-content .has-pale-cyan-blue-color {
color: #8ed1fc;
}
.entry-content .has-pale-cyan-blue-background-color,
.wp-block-button.is-style-outline .has-pale-cyan-blue-background-color:link {
background-color: #8ed1fc;
}
.entry-content .has-vivid-cyan-blue-color {
color: #0693e3;
}
.entry-content .has-vivid-cyan-blue-background-color,
.wp-block-button.is-style-outline .has-vivid-cyan-blue-background-color:link {
background-color: #0693e3;
}
.entry-content .has-very-light-gray-color {
color: #eee;
}
.entry-content .has-very-light-gray-background-color,
.wp-block-button.is-style-outline .has-very-light-gray-background-color:link {
background-color: #eee;
}
.entry-content .has-cyan-bluish-gray-color {
color: #abb8c3;
}
.entry-content .has-cyan-bluish-gray-background-color,
.wp-block-button.is-style-outline .has-cyan-bluish-gray-background-color:link {
background-color: #abb8c3;
}
.entry-content .has-very-dark-gray-color {
color: #313131;
}
.entry-content .has-very-dark-gray-background-color,
.wp-block-button.is-style-outline .has-very-dark-gray-background-color:link {
background-color: #313131;
}
 .mv__balloon {
width: 100%;
position: relative;
}
.mv__balloon-text {
position: absolute;
top: calc(6% + 20px);
left: 30.5%;
font-size: calc((100vw - 40px) * 0.02);
color: #fff;
}
@media screen and (max-width: 480px) {
.mv__balloon-text {
width: 100%;
top: calc(2% + 30px);
left: 0;
font-size: 4.4vw;
line-height: 1.5;
}
}
.purchase-list {
margin-top: 60px;
}
.purchase-list .sec-ttl {
margin-bottom: 1em !important;
}
.purchase-list .sec-ttl p.common_h2 {
font-size: 32px !important;
}
.purchase-list__title {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
font-size: 2.5em;
font-weight: 700;
text-align: center;
margin-inline: auto;
margin-bottom: 40px;
position: relative;
}
.purchase-list__title:after {
content: "";
display: block;
width: calc(100% + 0.6em);
height: 6px;
border-radius: 3px;
background: #024199;
position: absolute;
bottom: -0.2em;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 1;
}
.purchase-list .purchase-list-box {
margin-top: 20px !important;
}
.purchase-list .purchase-list-box-maker:first-child {
margin-top: 0 !important;
}
.voice-list {
max-width: 1080px;
margin-inline: auto;
padding-inline: 20px;
margin-bottom: 60px;
}
.voice-list__title {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
font-size: 2.5em;
font-weight: 700;
text-align: center;
margin-inline: auto;
margin-bottom: 40px;
position: relative;
}
.voice-list__title:after {
content: "";
display: block;
width: calc(100% + 0.6em);
height: 6px;
border-radius: 3px;
background: #024199;
position: absolute;
bottom: -0.2em;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 1;
}
.voice-list__sub-title {
font-size: 1.5em;
font-weight: 700;
text-align: center;
color: #024199;
}
.voice-list__text {
text-align: center;
margin-top: 1em;
}
.voice-list__items {
list-style: none;
display: -ms-grid;
display: grid;
-ms-grid-columns: minmax(0, 1fr) 16px minmax(0, 1fr) 16px minmax(0, 1fr);
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 16px;
margin-top: 2.5em;
}
@media screen and (max-width: 980px) {
.voice-list__items {
-ms-grid-columns: (minmax(0, 1fr))[2];
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media screen and (max-width: 767px) {
.voice-list__items {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
.voice-list__item {
margin: 0;
}
.voice-list__link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 1em 1em;
border: 2px solid #024199;
border-radius: 0;
background: #fff;
color: #024199;
font-weight: 700;
line-height: 1.5;
text-align: center;
text-decoration: none;
-webkit-transition: background-color 0.2s ease, color 0.2s ease, -webkit-box-shadow 0.2s ease;
transition: background-color 0.2s ease, color 0.2s ease, -webkit-box-shadow 0.2s ease;
transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, -webkit-box-shadow 0.2s ease;
}
.voice-list__link:visited {
color: #024199;
}
.voice-list__link:hover, .voice-list__link:focus {
background: #024199;
color: #fff;
-webkit-box-shadow: 0 10px 24px rgba(2, 65, 153, 0.16);
box-shadow: 0 10px 24px rgba(2, 65, 153, 0.16);
}