@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap');

/* CSS Document */
*{ margin:0; padding:0; box-sizing:border-box; word-break:break-all;}
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;}
ul,ol{ list-style:none;}
html,body {
margin:0 auto;
padding:0;
font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック",sans-serif;
font-size:20px;
font-weight: 500;
text-align:left;
background: #F0F9FD;
color:#000;
min-width:1100px;
}
@media screen and (max-width:768px){
html,body{ font-size:4vw; min-width:240px; max-width:767px;}
}

/*img*/
img{ border-style:none; vertical-align:bottom; padding:0; line-height:0em; max-width:100%; height:auto;}
figure{margin:0 auto; text-align:center;}

/*youtube*/
.youtube{ position:relative; width:100%; padding-top:56.25% !important;}
.youtube iframe{ position: absolute; top:0; right:0; width:100% !important; height:100% !important;}

/*txt*/
p{ line-height:1.75em; margin:0 0 1em; padding:0;}
p:last-child{ margin:0;}
strong{ font-weight:bold;}
.bold { font-weight:bold;}
.normal{ font-weight:normal;}
.under_line{ text-decoration:underline;}
.line_through{ text-decoration:line-through;}

.italic{ font-family: 'Times New Roman',serif; font-style: italic; letter-spacing:0.05em;}
.white{ color:#fff;}
.black{ color:#000;}
.gy{ color:#aaa;}
.red{ color:#D70C1A;}
.blue{ color:#004099;}

.left{ text-align:left;}
.right{ text-align:right;}
.center{ text-align:center;}

/*link*/
a{ color:inherit; text-decoration:none;}
a:hover{}
.opa{ transition: opacity 0.3s;}
.opa:hover{ opacity: 0.7;}



/*ヘッダー*/
body{ padding-top: 90px;}
header{ position: fixed; left: 0; right: 0; top: 0; z-index: 99; background: #fff; width: 100%; min-width: 1100px; margin: auto; display: flex; align-items: center; justify-content: space-between;}
body.scroll header,
body.pages header{ box-shadow:rgba(0, 0, 0, 0.1) 0 0 2px 1px;}
header .logo{ width: 540px; padding: 10px 25px; display: flex; align-items: center; justify-content: flex-start;}
header .logo figure{ width: 140px; margin: 0 25px 0 0;}
header .logo h1{ font-size: 1.1rem; letter-spacing: 0.05em;}
header dl{ display: flex; align-items: center;}
header dl dt .tel{ display: flex; flex-direction: column; align-items: flex-end; justify-content: center; margin: auto;}
header dl dt .tel a{ width: 100%; display: flex; align-items: center; justify-content: space-between;}
header dl dt .tel a span{ width: 26px; line-height: 1em; margin-right: 10px; margin-top: 4px;}
header dl dt .tel a strong{ font-size: 1.8rem; line-height: 1em;}
header dl dt .tel p.att{ font-size: 0.7rem; font-weight: bold; text-align: right; margin: 0 -0.5em 0 0;}
header dl dd{ width: 130px; margin-left: 25px;}
header dl dd a{ display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; width: 100%; height: 90px; background: #D70C1A; color: #fff; transition: 0.3s;}
header dl dd a:hover{ opacity: 0.7;}
header dl dd a span{ width: 28px; line-height: 1em;}
header dl dd a p{ font-size: 0.8rem; line-height: 1.25em; font-weight: bold;}
@media screen and (max-width:768px){
body{ padding-top: 10vw;}
body header{ box-shadow:rgba(0, 0, 0, 0.1) 0 0 2px 1px;}
header{ min-width: 100%; padding: 0 12.5vw 0 2.5vw;}
header .logo{ width: 25vw; padding: 1.25vw 0;}
header .logo figure{ width: auto; margin: 0 2.5vw 0 0;}
header .logo figure img{ height: 7.5vw;}
header .logo h1{ font-size: 0.7rem; letter-spacing: 0; display: none;}
header dl{ display: flex; align-items: center;}
header dl dt .tel{ display: flex; flex-direction: column; align-items: flex-end; justify-content: center; margin: 0 0 0 auto;}
header dl dt .tel a{ width: 100%; display: flex; align-items: center; justify-content: space-between;}
header dl dt .tel a span{ width: 3.75vw; line-height: 1em; margin-right: 1.25vw; margin-top: 0.625vw;}
header dl dt .tel a strong{ font-size: 1.2rem; line-height: 1em;}
header dl dt .tel p.att{ font-size: 0.55rem; font-weight: bold; text-align: right; margin: 0 -0.5em 0 0;}
header dl dd{ display: none;}
}

@media print, screen and (min-width:769px){
nav#h_nav{ display: block !important; opacity: 1.0 !important; height: auto !important;}
#smp_nav_btn{ display: none !important;}
body.home nav#h_nav{ top: -100px !important; pointer-events: none; transition: 0.3s;}
body.home.scroll nav#h_nav{ top: 90px !important; pointer-events: all;}
}

@media screen and (max-width:768px){
#smp_nav_btn{ display: flex; align-items: flex-end; justify-content: center; padding: 0; width: 7.5vw; height: 7.5vw; position: fixed; right:2.5vw; top:1.25vw; z-index:999; transition:0.3s; cursor:pointer; background: #fff;}
#smp_nav_btn span{ display:block; height:1px; width:5vw; background:#000; position:absolute; left:0; right:0; top: 50%; transform: translateY(-50%); margin:auto; transition:0.3s;}
#smp_nav_btn span:before{ content: ""; display:block; height:1px; width:5vw; background:#000; position:absolute; bottom:1.5vw; transition:0.3s;}
#smp_nav_btn span:after{ content: ""; display:block; height:1px; width:5vw; background:#000; position:absolute; top:calc(1.5vw + 1px); transition:0.3s;}
#smp_nav_btn.active span{ background:rgba(255,255,255,0);}
#smp_nav_btn.active span:before{ bottom:0; transform: rotate(45deg);}
#smp_nav_btn.active span:after{ top:0; transform: rotate(-45deg);}
}

nav#h_nav{ width: 100%; max-width: 100%; min-width: 1100px; background: #fff; position: fixed; left: 0; right: 0; top: 90px; box-shadow:rgba(0, 0, 0, 0.1) 0 0 5px 2px; z-index: 9;}
nav#h_nav ul{ display: flex; align-items: center; justify-content: center; width: 100%; height: 60px; padding: 18px; margin: auto; font-size: 0.8rem; font-weight: bold; background: #fff; border-radius: 12px;}
nav#h_nav ul li:not(:last-child):after{ content: "|"; margin: auto 1.5em;}
nav#h_nav ul li a{ transition: 0.3s;}
nav#h_nav ul li a:hover{ color: #019CE5;}
@media screen and (max-width:768px){
nav#h_nav{ display: none;}
nav#h_nav{ position: fixed; /*display: flex;*/ flex-direction: column; align-items: flex-start; justify-content: flex-start; min-width: 100%; min-height: calc(100svh - 10vw); top: 10vw; left: 0; right: 0; padding: 0; overflow-y: auto;}
nav#h_nav ul{ display: flex; flex-direction: column; align-items: center; justify-content: flex-start; width: 100%; height: auto; padding: 0; margin: 0 auto; font-size: 1rem; letter-spacing: 0.1em; border-radius: 0;}
nav#h_nav ul li{ width: 100%; border-bottom: 1px solid #019CE5;}
nav#h_nav ul li:first-child{ border-top: 1px solid #019CE5;}
nav#h_nav ul li:not(:last-child):after{ display: none;}
nav#h_nav ul li a{ display: block; padding: 0.75em 1em; text-align: left;}
nav#h_nav .cv_btn{ width: 60%; margin: 5% auto 0;}
nav#h_nav .cv_btn a{ display: flex; align-items: center; justify-content: center; text-align: center; width: 100%; height: 12.5vw; margin: auto; background: #D70C1A; color: #fff; border-radius: 1.25vw; transition: 0.3s;}
nav#h_nav .cv_btn a:hover{ opacity: 0.7;}
nav#h_nav .cv_btn a span{ width: 6.25vw; line-height: 1em; margin-right: 2.5vw;}
nav#h_nav .cv_btn a p{ font-size: 0.8rem; line-height: 1.25em; letter-spacing: 0.1em; font-weight: bold;}
}

/*フッター*/
footer{ padding: 40px 0 20px; text-align: center;}
footer nav ul{ display: flex; align-items: center; justify-content: center; font-size: 0.65rem; font-weight: 400;}
footer nav ul li{ margin: 0 1em;}
footer nav ul li a:hover{ text-decoration: underline;}
footer p.copyright{ text-align:center; margin:30px auto 0; font-size:0.65rem; font-weight: 400;}
@media screen and (max-width:768px){
footer{ padding: 5% 0 2.5%;}
footer nav ul{ font-size: 0.8rem;}
footer p.copyright{ margin: 5% auto 0; font-size:0.7rem;}
}

/*メイン*/
#content{ overflow:hidden;}
section{ width:100%; margin:80px auto;}
.maincontent{ padding:0; margin:0 auto; width:1100px;}
@media screen and (max-width:768px){
section{ margin:15% auto;}
.maincontent{ padding:0; margin:0 auto; width:90%;}
}

/*tit*/
h1,h2,h3,h4,h5,h6{ line-height: 1.25em; letter-spacing: 0.1em;}
h2.tit_h2{ text-align: center; font-size: 1.7rem; color: #004099; margin-bottom: 40px;}
@media screen and (max-width:768px){
h2.tit_h2{ font-size: 1.5rem; margin-bottom: 7.5%;}
}

/*cv*/
.cv{ background: #7BC9ED; padding: 60px 0;}
.cv .maincontent{ background: #fff; padding: 60px; border-radius: 12px; box-shadow:rgba(0, 0, 0, 0.16) 2px 2px 6px 2px;}
.cv .maincontent p{ text-align: center; font-size: 1rem; margin-bottom: 40px;}
.cv .maincontent h3{ text-align: center; font-size: 1.6rem; margin-bottom: 40px;}
@media screen and (max-width:768px){
.cv{ padding: 10% 0;}
.cv .maincontent{ padding: 5%; border-radius: 1.25vw;}
.cv .maincontent p{ font-size: 0.9rem; margin-bottom: 5%;}
.cv .maincontent h3{ font-size: 1.5rem; margin-bottom: 7.5%;}
.cv .maincontent h3 strong{ display: block;}
}
.cv .cv_cont{ display: flex; align-items: flex-start; justify-content: space-between;}
.cv .cv_cont .cv_cont_img{ width: 380px;}
.cv .cv_cont .cv_cont_img h4{ border: 2px solid #004099; text-align: center; font-size: 1.2rem; padding: 0.33em 0.5em 0.5em; border-radius: 16px; margin-bottom: 30px; position: relative;}
.cv .cv_cont .cv_cont_img h4:before{ content: ""; width: 0; height: 0; border-style: solid; border-color: #004099 transparent transparent transparent; border-width: 18px 6px 0px 6px; position: absolute; left: 0; right: 0; bottom: -18px; margin: auto; z-index: 3;}
.cv .cv_cont .cv_cont_img h4:after{ content: ""; width: 0; height: 0; border-style: solid; border-color: #fff transparent transparent transparent; border-width: 16px 4px 0px 4px; position: absolute; left: 0; right: 0; bottom: -16px; margin: auto; z-index: 5;}
.cv .cv_cont .cv_cont_img figure img{ width: 240px;}
@media screen and (max-width:768px){
.cv .cv_cont{ flex-direction: column-reverse;}
.cv .cv_cont .cv_cont_img{ width: 100%;}
.cv .cv_cont .cv_cont_img h4{ font-size: 1.2rem; padding: 0.33em 0.5em 0.5em; border-radius: 1.25vw; margin: 20px;}
.cv .cv_cont .cv_cont_img h4:before{ border-width: 18px 6px 0px 6px; position: absolute; left: 0; right: 0; bottom: -18px;}
.cv .cv_cont .cv_cont_img h4:after{ border-width: 16px 4px 0px 4px; position: absolute; left: 0; right: 0; bottom: -16px;}
.cv .cv_cont .cv_cont_img figure img{ width: 50%;}
}
.cv .cv_cont .cv_cont_info{ width: 500px; padding: 0 0 40px; text-align: center; background: #fff; border-radius: 12px; overflow: hidden; box-shadow:rgba(0, 0, 0, 0.16) 2px 2px 6px 2px;}
.cv .cv_cont .cv_cont_info h4{ text-align: center; background: #004099; color: #fff; font-size: 1.1rem; padding: 0.5em; margin-bottom: 40px;}
.cv .cv_cont .cv_cont_info h5{ display: flex; align-items: center; justify-content: center; margin: 30px auto 0; width: 400px; height: 70px; background: #D70C1A; color: #fff; border-radius: 12px;}
.cv .cv_cont .cv_cont_info h5 span{ display: flex; align-items: center; justify-content: center; background: #fff; color: #000; font-size: 0.8rem; line-height: 1.25em; padding: 0.25em 1em; border-radius: 4px; margin-right: 1em;}
.cv .cv_cont .cv_cont_info h5 strong{ font-size: 1rem;}
.cv .cv_cont .cv_cont_info .tel{ width: 400px; display: flex; flex-direction: column; align-items: flex-end; justify-content: center; margin: auto;}
.cv .cv_cont .cv_cont_info .tel a{ width: 100%; display: flex; align-items: center; justify-content: space-between;}
.cv .cv_cont .cv_cont_info .tel a span{ width: 40px; line-height: 1em;}
.cv .cv_cont .cv_cont_info .tel a strong{ font-size: 2.6rem; line-height: 1em;}
.cv .cv_cont .cv_cont_info .tel p.att{ font-size: 1rem; font-weight: bold; text-align: right; margin: 0 -0.5em 0 0;}
@media screen and (max-width:768px){
.cv .cv_cont .cv_cont_info{ width: 100%; padding: 0 0 5%; border-radius: 1.25vw;}
.cv .cv_cont .cv_cont_info h4{ font-size: 1.1rem; margin-bottom: 5%;}
.cv .cv_cont .cv_cont_info h5{ margin: 5% auto 0; width: 90%; height: 12.5vw; border-radius: 1.25vw;}
.cv .cv_cont .cv_cont_info h5 span{ font-size: 0.8rem;}
.cv .cv_cont .cv_cont_info h5 strong{ font-size: 1rem;}
.cv .cv_cont .cv_cont_info .tel{ display: flex; flex-direction: column; align-items: flex-end; justify-content: center; margin: 0 auto; width: 90%;}
.cv .cv_cont .cv_cont_info .tel a{ width: 100%; display: flex; align-items: center; justify-content: space-between;}
.cv .cv_cont .cv_cont_info .tel a span{ width: 6.25vw; line-height: 1em; margin-right: 1.25vw; margin-top: 1.25vw;}
.cv .cv_cont .cv_cont_info .tel a strong{ font-size: 2.3rem; line-height: 1em;}
.cv .cv_cont .cv_cont_info .tel p.att{ font-size: 0.8rem; font-weight: bold; text-align: right; margin: 0 -0.5em 0 0;}
}





/*home*/
/*fv*/
#fv{ margin: 0; background: url("../images/fv_bg.jpg") center center no-repeat; background-size: cover; position: relative; z-index: 1;}
#fv:after{ content: ""; width: 100%; height: 100%; background: rgba(51,51,51,0.6); position: absolute; left: 0; top: 0; z-index: -1;}

#fv nav{ max-width: 1180px; background: none; margin: auto; position: absolute; left: 0; right: 0; top: 20px; box-shadow: none; transition: 0.3s;}
#fv nav ul{ display: flex; align-items: center; justify-content: center; max-width: 1180px; height: 60px; padding: 18px; margin: auto 10px; font-size: 0.8rem; font-weight: bold; background: #fff; border-radius: 12px;}
#fv nav ul li:not(:last-child):after{ content: "|"; margin: auto 1.5em;}
#fv nav ul li a{ transition: 0.3s;}
#fv nav ul li a:hover{ color: #019CE5;}
@media screen and (max-width:768px){
#fv nav{ display: none;}
}

#fv .maincontent{ padding: 120px 0 60px;}
#fv .fv_tit dl{ display: flex; align-items: center;}
#fv .fv_tit dl dt{ width: 250px;}
#fv .fv_tit dl dt .ico{ display: flex; align-items: center; justify-content: center; width: 250px; height: 250px; background: url("../images/fv_ico.png") center center no-repeat; background-size: 100%; margin-left: -20px;}
#fv .fv_tit dl dt .ico p{ color: #fff; font-size: 1.6rem; line-height: 1.25em; text-align: center;}
#fv .fv_tit dl dt .ico p strong{ display: block; font-size: 2.1rem; line-height: 1.25em; color: #FFFF2C;}
#fv .fv_tit dl dd{ width: calc(100% - 250px);}
#fv .fv_tit dl dd h2{ font-size: 2.6rem; line-height: 1.25em; letter-spacing: 0.05em; color: #FFFF2C; margin-bottom: 0.5em;}
#fv .fv_tit dl dd h3{ font-size: 1.6rem; line-height: 1.25em; color: #fff;}
@media screen and (max-width:768px){
#fv .maincontent{ padding: 15% 0 10%;}
#fv .fv_tit h2{ font-size: 2rem; line-height: 1.25em; letter-spacing: 0.05em; color: #FFFF2C; margin-bottom: 0.5em; text-align: center;}
#fv .fv_tit dl dt{ width: 27.5vw;}
#fv .fv_tit dl dt .ico{ width: 27.5vw; height: 27.5vw; margin-left: 0;}
#fv .fv_tit dl dt .ico p{ font-size: 0.9rem;}
#fv .fv_tit dl dt .ico p strong{ font-size: 1.2rem;}
#fv .fv_tit dl dd{ width: calc(100% - 30vw); margin-left: 2.5vw;}
#fv .fv_tit dl dd h3{ font-size: 0.95em; line-height: 1.5em;}
}
#fv .fv_list{ margin-top: 60px;}
#fv .fv_list ul{ display: flex; width: calc(100% + 10px); margin-left: -5px;}
#fv .fv_list ul li{ width: calc(25% - 10px); margin: 0 5px; background: #fff; border-radius: 12px; padding: 10px 10px 20px;}
#fv .fv_list ul li figure{ margin-bottom: 5px;}
#fv .fv_list ul li figure img{ width: 90px;}
#fv .fv_list ul li p{ text-align: center; font-size: 0.9rem; line-height: 1.5em; font-weight: bold;}
@media screen and (max-width:768px){
#fv .fv_list{ margin-top:10%;}
#fv .fv_list ul{ flex-wrap: wrap; width: calc(100% + 5vw); margin: -1.25vw 0 -1.25vw -2.5vw;}
#fv .fv_list ul li{ width: calc(50% - 2.5vw); margin: 1.25vw; border-radius: 2.5vw; padding: 2.5% 2.5% 3.75%;}
#fv .fv_list ul li figure{ margin-bottom: 0;}
#fv .fv_list ul li figure img{ width: 33.33%;}
#fv .fv_list ul li p{ font-size: 0.75rem;}
}



/*home_price*/
#home_price ul{ display: flex; flex-wrap: wrap; justify-content: center; width: 840px; margin: -15px auto;}
#home_price ul li{ display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; width: calc(33.33% - 20px); margin: 15px 10px; background: #fff; padding: 30px 20px; border-radius: 12px; box-shadow:rgba(0, 0, 0, 0.16) 2px 2px 6px 2px;}
#home_price ul li h4{ font-size: 1rem; margin-bottom: 1em;}
#home_price ul li p.price{ font-size: 1.5rem; line-height: 1em; color: #E61830;}
#home_price ul li p.price strong{ display: inline-block; font-size: 2.5rem; font-weight: 900; line-height: 1em;}
@media screen and (max-width:768px){
#home_price ul{ width: calc(100% + 2.5vw); margin: -1.25vw 0 -1.25vw -1.25vw;}
#home_price ul li{ width: calc(50% - 2.5vw); margin: 1.25vw; padding: 5%; border-radius: 2.5vw;}
#home_price ul li h4{ font-size: 0.9rem; margin-bottom: 0.5em;}
#home_price ul li p.price{ font-size: 1.2rem;}
#home_price ul li p.price strong{ font-size: 2rem;}
}



/*home_lead*/
#home_lead{ background: #7BC9ED; padding: 60px 0;}
#home_lead .maincontent{ background: #fff; padding: 60px; border-radius: 12px; box-shadow:rgba(0, 0, 0, 0.16) 2px 2px 6px 2px;}
#home_lead p{ text-align: center; font-size: 0.9rem; line-height: 2em;}
@media screen and (max-width:768px){
#home_lead{ padding: 10% 0;}
#home_lead .maincontent{ padding: 5%; border-radius: 2.5vw;}
#home_lead p{ text-align: justify; line-height: 1.75em;}
}



/*home_trouble*/
#home_trouble .maincontent{ background: #fff; padding: 60px; border-radius: 12px; box-shadow:rgba(0, 0, 0, 0.16) 2px 2px 6px 2px;}
#home_trouble h3{ text-align: center; font-size: 1.7rem; margin-bottom: 40px;}
#home_trouble ul{ display: flex; flex-wrap: wrap; margin: -20px 20px;}
#home_trouble ul li{ width: calc(50% - 40px); margin: 20px 20px; font-size: 1.1rem; line-height: 1.5em; padding-left: 50px; position: relative;}
#home_trouble ul li span{ width: 30px; position: absolute; left: 0; top: 0; line-height: 1.5em;}
@media screen and (max-width:768px){
#home_trouble .maincontent{ padding: 7.5% 5% 5%; border-radius: 2.5vw;}
#home_trouble h3{ font-size: 1.5rem; margin-bottom: 7.5%;}
#home_trouble h3 strong{ display: block;}
#home_trouble ul{ display: block; margin: 0 auto;}
#home_trouble ul li{ width: 100%; margin: 5% auto 0; font-size: 1rem; line-height: 1.5em; padding-left: 7.5vw;}
#home_trouble ul li span{ width: 5vw;}
}



/*home_network*/
#home_network .maincontent{ background: #fff; padding: 60px; border-radius: 12px; box-shadow:rgba(0, 0, 0, 0.16) 2px 2px 6px 2px;}
#home_network h3{ text-align: center; font-size: 1.7rem; margin-bottom: 20px;}
#home_network h3 strong{ font-size: 2.7rem; font-weight: 900;}
#home_network p.lead{ text-align: center; font-size: 1.1rem; margin-bottom: 20px;}
#home_network h4{ text-align: center; font-size: 1.7rem;}
@media screen and (max-width:768px){
#home_network .maincontent{ padding: 10% 5% 5%; border-radius: 2.5vw;}
#home_network h3{ font-size: 1.33rem; margin-bottom: 2.5%;}
#home_network h3 strong{ font-size: 2rem;}
#home_network p.lead{ font-size: 1rem; line-height: 1.5em; margin-bottom: 2.5%;}
#home_network h4{ font-size: 1.5rem;}
}
#home_network .home_network01{ margin: 60px auto 0;}
#home_network .home_network01 dl{ display: flex; align-items: center; justify-content: space-between;}
#home_network .home_network01 dl dt{ width: 420px;}
#home_network .home_network01 dl dd{ width: 530px;}
#home_network .home_network01 dl dt h5{ font-size: 1.4rem; letter-spacing: 0; margin-bottom: 30px;}
#home_network .home_network01 dl dt p{ font-size: 0.9rem; line-height: 2em; text-align: justify;}
@media screen and (max-width:768px){
#home_network .home_network01{ margin: 15% auto 0;}
#home_network .home_network01 dl{ display: block;}
#home_network .home_network01 dl dt{ width: 100%; margin-bottom: 5%;}
#home_network .home_network01 dl dd{ width: 100%;}
#home_network .home_network01 dl dt h5{ font-size: 1.2rem; margin-bottom: 5%;}
#home_network .home_network01 dl dt p{ font-size: 0.9rem; line-height: 1.75em;}
}
#home_network .home_network02{ margin: 60px auto 0;}
#home_network .home_network02 h5{ font-size: 1.4rem; letter-spacing: 0; margin-bottom: 30px;}
#home_network .home_network02 ul{ display: flex; justify-content: space-between;}
#home_network .home_network02 ul li{ width: 50%; text-align: center; padding: 0 10px;}
@media screen and (max-width:768px){
#home_network .home_network02{ margin: 15% auto 0;}
#home_network .home_network02 h5{ font-size: 1.2rem; margin-bottom: 5%;}
#home_network .home_network02 ul{ display: block;}
#home_network .home_network02 ul li{ width: 100%; margin: 5% auto 0; padding: 0;}
}



/*service*/
.service_list ul{ display: flex; width: calc(100% + 30px); margin-left: -15px;}
.service_list ul li{ width: calc(100% - 30px); margin: 0 15px; background: #fff; border-radius: 12px; box-shadow:rgba(0, 0, 0, 0.16) 2px 2px 6px 2px; overflow: hidden;}
.service_list ul li .txt{ padding: 30px;}
.service_list ul li .txt h4{ font-size: 1.3rem; margin-bottom: 10px;}
.service_list ul li .txt p{ font-size: 0.8rem; line-height: 1.5em; min-height: 3em; margin-bottom: 0.5em;}
.service_list ul li .txt table{ border-collapse: collapse; border-spacing: 0;}
.service_list ul li .txt table th{ font-size: 0.8rem; font-weight: bold; padding-top: 0.5em; padding-right: 1em; vertical-align: bottom;}
.service_list ul li .txt table td{ font-size: 1rem; font-weight: bold; padding-top: 0.5em;}
.service_list ul li .txt table td small{ display: inline-block; font-size: 0.8rem;}
.service_list ul li .txt table td strong{ display: inline-block; font-size: 1.5rem; line-height: 1em; margin: 0 0.1em;}
@media screen and (max-width:768px){
.service_list ul{ display: block; width: 100%; margin: 0;}
.service_list ul li{ width: 100%; margin: 5% auto; border-radius: 2.5vw;}
.service_list ul li .txt{ padding: 5%;}
.service_list ul li{ display: flex;}
.service_list ul li figure{ display: flex; width: 45%;}
.service_list ul li figure img{ width: 100%; height: 100%; object-fit: cover;}
.service_list ul li .txt{ width: 55%; padding: 2.5%;}
.service_list ul li .txt h4{ font-size: 1rem; margin-bottom: 2.5%;}
.service_list ul li .txt p{ /*display: flex;*/ font-size: 0.7rem; min-height: 3em; margin-bottom: 0; letter-spacing: -0.05em;}
.service_list ul li .txt table th{ font-size: 0.7rem;}
.service_list ul li .txt table td{ font-size: 0.7rem;}
.service_list ul li .txt table td small{ font-size: 0.6rem;}
.service_list ul li .txt table td strong{ font-size: 1rem;}
}



/*home_flow*/
#home_flow .steps ul li{ margin-bottom: 50px; background: #fff; padding: 30px 60px; border-radius: 12px; box-shadow:rgba(0, 0, 0, 0.16) 2px 2px 6px 2px; position: relative;}
#home_flow .steps ul li:not(:last-child):after{ content: ""; width: 0; height: 40px; border-right: 5px dotted #707070; position: absolute; left: 0; right: 0; bottom: -45px; margin: auto;}
#home_flow .steps ul li dl{ display: flex;}
#home_flow .steps ul li dl dt{ width: 150px; margin-right: 30px;}
#home_flow .steps ul li dl dd{ width: calc(100% - 180px);}
#home_flow .steps ul li dl dd h4{ display: flex; align-items: center; margin-bottom: 20px;}
#home_flow .steps ul li dl dd h4 span{ font-size: 1.1rem; font-weight: 900; color: #004099; margin-right: 1em;}
#home_flow .steps ul li dl dd h4 strong{ font-size: 1.4rem;}
#home_flow .steps ul li dl dd p{ font-size: 0.8rem; text-align: justify;}
@media screen and (max-width:768px){
#home_flow .steps ul li{ margin-bottom: 10vw; padding: 5%; border-radius: 2.5vw;}
#home_flow .steps ul li:not(:last-child):after{ height: 7.5vw; border-right: 1.25vw dotted #707070; bottom: -8.75vw;}
#home_flow .steps ul li dl{ display: block;}
#home_flow .steps ul li dl dt{ width: 40%; margin: 0 auto 5%;}
#home_flow .steps ul li dl dd{ width: 100%;}
#home_flow .steps ul li dl dd h4{ justify-content: center; margin-bottom: 5%;}
#home_flow .steps ul li dl dd h4 span{ font-size: 1.2rem;}
#home_flow .steps ul li dl dd h4 strong{ font-size: 1.5rem;}
#home_flow .steps ul li dl dd p{ font-size: 0.9rem;}
}

#home_flow .notice{ margin-top: 50px; background: #fff; padding: 60px; border-radius: 12px; box-shadow:rgba(0, 0, 0, 0.16) 2px 2px 6px 2px;}
#home_flow .notice dl dt{ font-size: 1.1rem; line-height: 1.25em; font-weight: bold; margin: 40px auto 20px;}
#home_flow .notice dl dt:first-child{ margin-top: 0;}
#home_flow .notice dl dd{ font-size: 0.8rem;}
#home_flow .notice dl dd ul li{ line-height: 1.5em; margin-bottom: 0.25em;}
@media screen and (max-width:768px){
#home_flow .notice{ margin-top: 10%; padding: 5%; border-radius: 2.5vw;}
#home_flow .notice dl dt{ font-size: 1rem; margin: 7.5% auto 2.5%;}
#home_flow .notice dl dd{ font-size: 0.8rem;}
#home_flow .notice dl dd p{ line-height: 1.5em; text-align: justify;}
#home_flow .notice dl dd ul li{ text-align: justify;}
}



/*voice*/
#home_voice{ overflow: hidden;}
#voice_list{ width: calc(100% + 800px); margin-left: -400px;}
#voice_list ul li{ width: 380px; padding: 20px;}
#voice_list ul li .voice_box{ background:#fff; border-radius: 12px; overflow: hidden; box-shadow:rgba(0, 0, 0, 0.16) 2px 2px 6px 2px;}
#voice_list ul li .comment{ padding: 40px;}
#voice_list ul li .comment h3{ font-size: 1rem; margin-bottom: 40px;}
#voice_list ul li .comment p{ font-size: 0.8rem;}
#voice_list ul li .prof{ padding: 30px; background: #DFF3FC;}
#voice_list ul li .prof dl{ display: flex;}
#voice_list ul li .prof dl dt{ width: 70px; margin-right: 20px;}
#voice_list ul li .prof dl dt img{ width: 100%; border-radius: 50%;}
#voice_list ul li .prof dl dd{ width: calc(100% - 90px);}
#voice_list ul li .prof dl dd span{ display: block; font-size: 0.8rem; font-weight: bold; line-height: 1.25em; color: #004099; margin-bottom: 0.25em;}
#voice_list ul li .prof dl dd p{ font-size: 0.8rem;}
#voice_list ul li .prof dl dd p strong{ font-size: 1.2rem; font-weight: 900; line-height: 1em;}
@media screen and (max-width:768px){
#voice_list{ width: calc(100% + 10vw); margin-left: -5vw;}
#voice_list ul li{ width: 100%; padding: 2.5vw;}
#voice_list ul li .voice_box{ background:#fff; border-radius: 12px; overflow: hidden; box-shadow:rgba(0, 0, 0, 0.16) 2px 2px 6px 2px;}
#voice_list ul li .comment{ padding: 40px;}
#voice_list ul li .comment h3{ font-size: 1rem; margin-bottom: 40px;}
#voice_list ul li .comment p{ font-size: 0.8rem;}
#voice_list ul li .prof{ padding: 30px; background: #DFF3FC;}
#voice_list ul li .prof dl{ display: flex;}
#voice_list ul li .prof dl dt{ width: 70px; margin-right: 20px;}
#voice_list ul li .prof dl dt img{ width: 100%; border-radius: 50%;}
#voice_list ul li .prof dl dd{ width: calc(100% - 90px);}
#voice_list ul li .prof dl dd span{ display: block; font-size: 0.8rem; font-weight: bold; line-height: 1.25em; color: #004099; margin-bottom: 0.25em;}
#voice_list ul li .prof dl dd p{ font-size: 0.8rem;}
#voice_list ul li .prof dl dd p strong{ font-size: 1.2rem; font-weight: 900; line-height: 1em;}
}
/*slick調整*/
#voice_list .slick-prev,
#voice_list .slick-next{ font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 40px; height: 40px; padding: 0; transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; z-index: 99; transition: 0.3s;}
#voice_list .slick-prev{ left: calc(20% - 20px); width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; position: absolute; z-index: 5}
#voice_list .slick-next{ right: calc(20% - 20px); width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; position: absolute; z-index: 5}
#voice_list .slick-prev::before,
#voice_list .slick-next::before{ display: inline-block; content: ""; width: 40px; height: 40px; opacity:1.0; background: #004099; color: #fff; border-radius: 50%; position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%);}
#voice_list .slick-prev::after{ content: ""; width: 0; height: 0; border-style: solid; border-color: transparent #fff transparent transparent; border-width: 8px 12px 8px 0px; position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); margin: auto;}
#voice_list .slick-next::after{ content: ""; width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #fff; border-width: 8px 0px 8px 12px; position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); margin: auto;}
#voice_list .slick-prev:hover,
#voice_list .slick-next:hover{ opacity: 0.7;}
#voice_list .slick-dotted.slick-slider{ margin-bottom: 0; padding-bottom: 20px;}
#voice_list ul.slick-dots{ bottom: 0;}
#voice_list ul.slick-dots li{ padding: 0; width: auto; height: auto; margin: 0 12px;}
#voice_list ul.slick-dots li button{ padding: 0; width: 16px; height: 16px; background: #A9C8F4; border-radius: 50%;}
#voice_list ul.slick-dots li.slick-active button{ background: #004099;}
#voice_list ul.slick-dots li button::before{ display: none;}
@media screen and (max-width:768px){
#voice_list .slick-prev,
#voice_list .slick-next{ width: 7.5vw; height: 7.5vw;}
#voice_list .slick-prev{ left: 2.5vw;}
#voice_list .slick-next{ right: 2.5vw;}
#voice_list .slick-prev::after{ border-width: 1.25vw 1.875vw 1.25vw 0px;}
#voice_list .slick-next::after{ border-width: 1.25vw 0px 1.25vw 1.875vw;}
#voice_list .slick-prev::before,
#voice_list .slick-next::before{ width: 7.5vw; height: 7.5vw;}
#voice_list .slick-dotted.slick-slider{ margin-bottom: 0; padding-bottom: 5vw;}
#voice_list ul.slick-dots{ bottom: 0;}
#voice_list ul.slick-dots li{ margin: 0 1.875vw;}
#voice_list ul.slick-dots li button{ width: 3.75vw; height: 3.75vw;}
}



/*home_structure*/
#home_structure .maincontent{ background: #fff; padding: 60px; border-radius: 12px; box-shadow:rgba(0, 0, 0, 0.16) 2px 2px 6px 2px;}
#home_structure p.lead{ text-align: center; font-size: 0.9rem; line-height: 2em; margin-bottom: 40px;}
#home_structure h3{ text-align: center; font-size: 0.9rem; line-height: 2em; font-weight: bold;}
#home_structure .structure_list{ margin: 40px auto;}
#home_structure .structure_list ul{ display: flex; width: 940px; margin: auto;}
#home_structure .structure_list ul li{ display: flex; flex-direction: column; background: #fff; width: calc(100% - 24px); margin: 0 12px; padding: 20px 20px 40px; border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.16) 2px 2px 6px 2px;}
#home_structure .structure_list ul li figure{ margin-bottom: 30px;}
#home_structure .structure_list ul li figure img{ height: 126px; line-height: 1em;}
#home_structure .structure_list ul li h4{ font-size: 0.85rem; margin-bottom: 15px;}
#home_structure .structure_list ul li h4 span{ margin-right: 0.25em;}
#home_structure .structure_list ul li h4 span img{ width: 17px; line-height: 1em;}
#home_structure .structure_list ul li p{ font-size: 0.7rem; line-height: 2em; text-align: justify;}
@media screen and (max-width:768px){
#home_structure .maincontent{ padding: 5%; border-radius: 2.5vw;}
#home_structure p.lead{ text-align: center; font-size: 0.8rem; line-height: 1.75em; margin-bottom: 5%;}
#home_structure h3{ text-align: justify; font-size: 0.8rem; line-height: 1.75em; letter-spacing: 0.05em;}
#home_structure .structure_list{ margin: 5% auto;}
#home_structure .structure_list ul{ display: block; width: 100%;}
#home_structure .structure_list ul li{ width: 100%; margin: 5% auto; padding: 5%; border-radius: 1.25vw;}
#home_structure .structure_list ul li figure{ margin-bottom: 5%;}
#home_structure .structure_list ul li figure img{ height: auto; width: 50%;}
#home_structure .structure_list ul li h4{ font-size: 0.8rem; margin-bottom: 2.5%;}
#home_structure .structure_list ul li h4 span img{ width: 3.5vw;}
#home_structure .structure_list ul li p{ font-size: 0.7rem; line-height: 1.5em;}
}



/*home_dm*/
#home_dm .maincontent{ background: #fff; padding: 60px; border-radius: 12px; box-shadow:rgba(0, 0, 0, 0.16) 2px 2px 6px 2px;}
#home_dm dl{ display: flex; align-items: flex-end; justify-content: space-between;}
#home_dm dl dt{ width: 590px;}
#home_dm dl dt h2.tit_h2{ font-size: 1.5rem;}
#home_dm dl dt p{ font-size: 0.9rem; line-height: 2em; text-align: justify;}
#home_dm dl dd{ width: 360px;}
#home_dm dl dd img{ border-radius: 12px; box-shadow:rgba(0, 0, 0, 0.16) 2px 2px 6px 2px;}
@media screen and (max-width:768px){
#home_dm .maincontent{ padding: 7.5% 5% 5%; border-radius: 2.5vw;}
#home_dm dl{ display: block;}
#home_dm dl dt{ width: 100%;}
#home_dm dl dt h2.tit_h2{ font-size: 1.5rem;}
#home_dm dl dt p{ font-size: 0.8rem; line-height: 1.75em;}
#home_dm dl dd{ width: 100%; margin-top: 5%;}
}



/*home_qa*/
#home_qa .maincontent{ background: #fff; padding: 60px; border-radius: 12px; box-shadow:rgba(0, 0, 0, 0.16) 2px 2px 6px 2px;}
#home_qa dl{ margin: 0 auto 40px;}
#home_qa dl:last-child{ margin-bottom: 0;}
#home_qa dl dt{ background: #F0F9FE; padding: 30px 90px; border-radius: 12px; position: relative; cursor: pointer;}
#home_qa dl dt span.q{ display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; background: #7BC9ED; color: #fff; font-size: 1.4rem; line-height: 1em; font-weight: bold; border-radius: 50%; position: absolute; left: 25px; top: 20px;}
#home_qa dl dt span.toggle{ display: flex; width: 30px; height: 30px; position: absolute; right: 30px; top: 50%; transform: translateY(-50%);}
#home_qa dl dt span.toggle:before{ content: ""; display:block; height:2px; width:100%; background:#7BC9ED; position:absolute; top: 50%; transform: translateY(-50%); transition:0.3s;}
#home_qa dl dt span.toggle:after{ content: ""; display:block; height:2px; width:100%; background:#7BC9ED; position:absolute; top: 50%; transform: translateY(-50%) rotate(-90deg); transition:0.3s;}
#home_qa dl dt.active span.toggle:before{ top: 50%; transform: translateY(-50%) rotate(45deg);}
#home_qa dl dt.active span.toggle:after{ top: 50%; transform: translateY(-50%) rotate(-45deg);}
#home_qa dl dd{ display: none; margin-top: 20px; font-size: 0.9rem;}
#home_qa dl dd.active{ display: block;}
@media screen and (max-width:768px){
#home_qa .maincontent{ padding: 5% 2.5%; border-radius: 2.5vw;}
#home_qa dl{ margin: 0 auto 5%;}
#home_qa dl dt{ padding: 2.5vw 10vw 2.5vw 12.5vw; font-size: 0.9rem; border-radius: 1.25vw;}
#home_qa dl dt span.q{ width: 7.5vw; height: 7.5vw; font-size: 1rem; left: 2.5vw; top: 1.5vw;}
#home_qa dl dt span.toggle{ width: 5vw; height: 5vw; right: 2.5vw;}
#home_qa dl dd{ padding: 2.5% 5% 0; margin: 0; font-size: 0.75rem;}
#home_qa dl dd p{ line-height: 1.5em;}
}



/*home_company*/
#home_company .maincontent{ background: #fff; padding: 60px; border-radius: 12px; box-shadow:rgba(0, 0, 0, 0.16) 2px 2px 6px 2px;}
#home_company table{ width: 100%; border-collapse: collapse; border-spacing: 0;}
#home_company table tr th{ width: 140px; font-size: 0.9rem; line-height: 1.5em; font-weight: bold; color: #004099; padding: 1.5em 0; border-bottom: 2px solid #C0C7CB;}
#home_company table tr td{ font-size: 0.8rem; line-height: 1.75em; padding: 1.5em 0; border-bottom: 2px solid #C0C7CB;}
#home_company table tr:first-child th,
#home_company table tr:first-child td{ padding-top: 0;}
#home_company table tr:last-child th,
#home_company table tr:last-child td{ border-bottom: none; padding-bottom: 0;}
#home_company table tr td.works ul li{ line-height: 1.75em; padding-left: 1.25em; position: relative;}
#home_company table tr td.works ul li:before{ content: "・"; position: absolute; left: 0; top: 0;}
#home_company table tr td.relation ul li{ line-height: 1.75em; display: flex; align-items: center;}
#home_company table tr td.relation ul li strong{ margin-right: 1em;}
@media screen and (max-width:768px){
#home_company .maincontent{ padding: 5%; border-radius: 2.5vw;}
#home_company table tr th{ display: block; width: 100%; font-size: 0.9rem; padding: 1em 0 0.5em; border-bottom: none;}
#home_company table tr td{ display: block; font-size: 0.8rem; line-height: 1.5em; padding: 0 0 1em;}
#home_company table tr:last-child th{ padding-bottom: 0.5em;}
#home_company table tr td.works ul li{ line-height: 1.5em;}
#home_company table tr td.relation ul li{ line-height: 1.5em;}
}



/*column*/
.column_list ul{ display: flex; flex-wrap: wrap; width: calc(100% + 30px); margin: -15px 0 -15px -15px;}
.column_list ul li{ width: calc(33.33% - 30px); margin: 15px; background: #fff; border-radius: 12px; box-shadow:rgba(0, 0, 0, 0.16) 2px 2px 6px 2px; overflow: hidden;}
.column_list ul li a{ display: block; transition: 0.3s;}
.column_list ul li a:hover{ opacity: 0.7;}
.column_list ul li a .txt{ padding: 30px;}
.column_list ul li a .txt span.date{ display: block; font-size: 0.8rem; line-height: 1em; color: #004099; margin-bottom: 1em;}
.column_list ul li a .txt p{ font-size: 0.8rem; line-height: 1.5em; font-weight: bold; text-align: justify;}
@media screen and (max-width:768px){
.column_list ul{ display: block; width: 100%; margin-left: 0;}
.column_list ul li{ width: 100%; margin: 5% auto 0; border-radius: 1.25vw;}
.column_list ul li a{ display: flex;}
.column_list ul li a figure{ display: flex; width: 33.33%;}
.column_list ul li a figure img{ width: 100%; height: 100%; object-fit: cover;}
.column_list ul li a .txt{ width: 66.66%; padding: 2.5%;}
.column_list ul li a .txt span.date{ font-size: 0.8rem; margin-bottom: 0.5em;}
.column_list ul li a .txt p{ display: flex; font-size: 0.8rem; min-height: 4.5em; /*height: 3em; overflow: hidden;*/}
}
.column_list figure.btn_more{ margin-top: 60px;}
.column_list figure.btn_more a{ display: flex; align-items: center; justify-content: center; margin: auto; width: 320px; height: 60px; border: 3px solid #004099; font-size: 0.8rem; color: #004099; border-radius: 12px; position: relative; transition: 0.3s;}
.column_list figure.btn_more a:after{ content: ""; width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #004099; border-width: 7px 0px 7px 8px; position: absolute; right: 30px; top: 50%; transform: translateY(-50%); transition: 0.3s;}
.column_list figure.btn_more a:hover{ background: #004099; color: #fff;}
.column_list figure.btn_more a:hover:after{ border-color: transparent transparent transparent #fff;}
@media screen and (max-width:768px){
.column_list figure.btn_more{ margin-top: 10%;}
.column_list figure.btn_more a{ width: 75vw; height: 12.5vw; font-size: 1rem; border-radius: 1.25vw;}
.column_list figure.btn_more a:after{ border-width: 1.875vw 0 1.875vw 1.875vw; right: 3.75vw;}
}





/*pages*/
body.pages{ background: #fff;}
/*fv2*/
#fv2{ display: flex; align-items: center; justify-content: center; width: 100%; height: 260px; background: #F0F9FE; color: #004099;}
#fv2 h2{ font-size: 2.3rem;}
@media screen and (max-width:768px){
#fv2{ height: 33.33vw;}
#fv2 h2{ font-size: 1.66rem;}
}

/*pankuzu*/
#pankuzu{ width: 95%; max-width: 1180px; margin: 20px auto;}
#pankuzu ul{ display: flex; flex-wrap: wrap; font-size: 0.7rem;}
#pankuzu ul li:not(:last-child):after{ content: ">"; margin: 0 1em;}
#pankuzu ul li a:hover{ text-decoration: underline;}
@media screen and (max-width:768px){
#pankuzu{ margin: 5% auto;}
}

/*news_lsit*/
.news_list ul{ display: flex; flex-wrap: wrap; width: calc(100% + 30px); margin: -25px 0 -25px -15px;}
.news_list ul li{ width: calc(33.33% - 30px); margin: 25px 15px; background: #fff; border-radius: 12px; box-shadow:rgba(0, 0, 0, 0.16) 2px 2px 6px 2px; overflow: hidden;}
.news_list ul li a{ display: block; transition: 0.3s;}
.news_list ul li a:hover{ opacity: 0.7;}
.news_list ul li a .txt{ padding: 30px;}
.news_list ul li a .txt span.date{ display: block; font-size: 0.8rem; line-height: 1em; color: #004099; margin-bottom: 1em;}
.news_list ul li a .txt h4{ font-size: 0.9rem; margin-bottom: 1em;}
.news_list ul li a .txt p{ font-size: 0.8rem; line-height: 1.5em; text-align: justify;}
@media screen and (max-width:768px){
.news_list ul{ display: block; width: 100%; margin-left: 0;}
.news_list ul li{ width: 100%; margin: 7.5% auto 0; border-radius: 1.25vw;}
.news_list ul li a .txt{ padding: 5%;}
.news_list ul li a .txt span.date{ font-size: 0.8rem;}
.news_list ul li a .txt h4{ font-size: 1rem;}
.news_list ul li a .txt p{ font-size: 0.9rem;}
}

/*news-post*/
#news_post{ width: 100%; max-width: 1180px; border-radius: 12px; padding: 80px 60px; box-shadow:rgba(0, 0, 0, 0.16) 2px 2px 6px 2px;}
#news_post .maincontent{ width: 980px;}
#news_post h1{ font-size: 1.8rem; line-height: 1.25em; padding-bottom: 0.75em; border-bottom: 2px solid #004099; margin-bottom: 40px;}
#news_post h1 span{ display: block; font-size: 0.9rem; line-height: 1.25em; margin-bottom: 0.75em;}
#news_post h2{ font-size: 1.4rem; padding-bottom: 0.75em; border-bottom: 2px solid #BEC4CC; margin: 80px auto 40px;}
#news_post h3{ font-size: 1.3rem; margin: 80px auto 40px;}
#news_post p{ font-size: 0.8rem; line-height: 2.5em; text-align: justify;}
#news_post p a{ color: #434CBE; text-decoration: underline;}
#news_post p a:hover{ text-decoration: none;}
#news_post figure.img{ margin: 40px auto;}
#news_post figure.img.m0{ margin: 0;}
#news_post figure.img img{ border-radius: 12px; box-shadow:rgba(0, 0, 0, 0.16) 2px 2px 6px 2px;}
#news_post dl{ display: flex; justify-content: space-between; width: 100%; margin: 40px auto;}
#news_post dl.even{ flex-direction: row-reverse;}
#news_post dl dt{ width: 430px;}
#news_post dl dd{ width: 490px;}
#news_post .list{ margin: 40px auto; font-size: 0.8rem; line-height: 1.5em;}
#news_post .list ul li{ padding-left: 20px; margin: 0.5em auto; position: relative;}
#news_post .list ul li:before{ content: ""; width: 14px; height: 14px; background: #004099; border-radius: 50%; position: absolute; left: 0; top: 0.33em;}
@media screen and (max-width:768px){
#news_post{ width: 95%; border-radius: 1.25vw; padding: 5% 0;}
#news_post .maincontent{ width: 90%;}
#news_post h1{ font-size: 1.33rem; margin-bottom: 7.5%;}
#news_post h2{ font-size: 1.2rem; margin: 15% auto 5%;}
#news_post h3{ font-size: 1rem; margin: 15% auto 5%;}
#news_post p{ font-size: 0.8rem; line-height: 2em;}
#news_post figure.img{ margin: 10% auto;}
#news_post figure.img.m0{ margin: 0;}
#news_post figure.img img{ border-radius: 2.5vw;}
#news_post dl{ display: block; margin: 10% auto;}
#news_post dl dt{ width: 100%; margin-bottom: 5%;}
#news_post dl dd{ width: 100%;}
#news_post .list{ margin: 10% auto;}
#news_post .list ul li{ padding-left: 3.75vw;}
#news_post .list ul li:before{ width: 2.5vw; height: 2.5vw; top: 0.4em;}
}





/*pagenation*/
.wp-pagenavi{ display: flex; align-items: center; justify-content: center; margin-top: 80px; font-size: 0.8rem; font-weight: bold; color: #004099;}
.wp-pagenavi a{ display: flex; align-items: center; justify-content: center; width: 54px; height: 54px; border: 3px solid #004099; margin: 0 6px; border-radius: 12px; transition: 0.3s;}
.wp-pagenavi a:hover{ background: #004099; color: #fff;}
.wp-pagenavi a.previouspostslink{ margin: 0 24px 0 0; font-size: 1.2rem;}
.wp-pagenavi a.nextpostslink{ margin: 0 0 0 24px; font-size: 1.2rem;}
.wp-pagenavi span.current{ display: flex; align-items: center; justify-content: center; width: 54px; height: 54px; border: 3px solid #004099; margin: 0 6px; border-radius: 12px; background: #004099; color: #fff;}
.wp-pagenavi span.extend{ display: flex; align-items: center; justify-content: center; width: 36px; height: 54px; margin: 0; font-size: 1.2rem;}
@media screen and (max-width:768px){
.wp-pagenavi{ margin-top:15%; font-size: 1rem;}
.wp-pagenavi a{ width: 10vw; height: 10vw; margin: 0 1.25vw; border-radius: 1.25vw;}
.wp-pagenavi a.previouspostslink{ margin: 0 2.5vw 0 0; font-size: 1.2rem;}
.wp-pagenavi a.nextpostslink{ margin: 0 0 0 2.5vw; font-size: 1.2rem;}
.wp-pagenavi span.current{ width: 10vw; height: 10vw; border: 2px solid #004099; margin: 0 1.25vw; border-radius: 1.25vw;}
.wp-pagenavi span.extend{ width: 7.5vw; height: 10vw;}
}





@media print, screen and (min-width:769px){
.smp{ display:none !important;}
}
@media screen and (max-width:768px){
.pc{ display:none !important;}
}