@charset "utf-8";
/* CSS Document */

/*---------------------------------
RESET CSS
---------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
}

ol, ul {list-style: none;}
table {border-collapse: collapse;border-spacing: 0;}
a{text-decoration:none;color: #000;transition:0.5s;cursor:pointer;}
a:hover{opacity: 0.7;transition:0.2s;}

img,iframe {
max-width: 100%;
vertical-align: bottom;
}
html { 
scroll-behavior: smooth; 
font-family: "Helvetica Neue",
Arial,
"Hiragino Kaku Gothic ProN",
"Hiragino Sans",
Meiryo,
sans-serif;line-height: 2;font-size: 11px;color: #000;
}
/*---------------------------------
common　【PC】
---------------------------------*/
/*font-size*/
.f11 {font-size: 11px;}
.f14 {font-size:14px;}
.f16 {font-size: 16px;}
.f18 {font-size: 18px;}
.f20 {font-size: 16px;}
.f23 {font-size: 23px;}
.f25 {font-size: 25px;}
.f27 {font-size: 27px;}
.f30 {font-size: 30px;}
.f36 {font-size: 36px;}
.f52 {font-size: 52px;}

/*font-weight*/
.bold{font-weight: bold;}

/*color*/
.blue{color:#0075c2;}
.white{color:#fff;}

/*backgound-color*/
.bg_blue {background: #0075c2;}
.bg_white {background: #fff;}

/*link_none*/
.no_link {pointer-events: none;}
.no_link:hover {opacity: 1;}

/*margin*/
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb70{margin-bottom:70px;}
.mb80{margin-bottom:80px;}
.mb90{margin-bottom:90px;}
.mb10{margin-bottom:10px;}

/*padding*/
.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb50{padding-bottom:50px;}
.pb60{padding-bottom:60px;}
.pb70{padding-bottom:70px;}
.pb80{padding-bottom:80px;}
.pb90{padding-bottom:90px;}
.pb100{padding-bottom:100px;}

/*text-align*/
.ta_c{text-align:center;}
.ta_r{text-align:right;}
.ta_l{text-align:left;}
.pc_only_ta_c {text-align: center;}


/*image*/
.sp_only_img{display:none;}
.pc_only_img{display:block;}
.sp_only_logo{display:none;}


/*br*/
.sp_only_br{display: none;}
.pc_only_br{display:inline;}

/*child top button*/
.child_top_btn{margin-bottom:100px;}

/*display*/
.sp_block{display:none;}
.pc_block{display:block;}

/*font-weight*/
.bold{font-weight:700;}

/*ttl*/
.contents_ttl {text-shadow: 7px 7px  5px #b1c6e7;font-weight: 500;width: 180px;padding-right: 30px;font-weight: normal;line-height: 1;margin-bottom: 70px;box-sizing: border-box;}

/*contents*/
.flex_wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.paper_wrap {box-shadow: 7px 7px 2px #b1c6e7;padding:0px 70px 20px 20px;box-sizing: border-box;}
.contents_all_wrapper {max-width: 1122px;margin: auto;}

/*---------------------------------
HEADER　【PC】
---------------------------------*/
.sub_menu{display: none;padding-bottom: 0;}
.sub_menu li{display: block;}
.sub_menu li a:hover{background-color: #ddd;}
.main_menu > li:hover .sub_menu{display: block;padding-bottom: 20px;background: #0075c2;}
.main_nav {display: flex;flex-wrap: wrap;justify-content: right;padding-bottom: 22px;width: 100%;max-width: 1122px;border-bottom: 4px solid #0075c2;}

.main_menu a {font-size: 16px;color: #fff;line-height: 56px;background: #0075c2;width: 100%;display: block;}
.contents_wrapper {max-width: 918px;margin: auto;margin-top: -66px;padding: 132px 30px 123px 30px;box-sizing: border-box;position: relative;}
.main_menu {display: flex;flex-wrap: wrap;justify-content: space-evenly;width: 740px;transition: all .5s;}
.main_header {margin: auto;position: fixed;right: 0;left: 0;top: 22px;width: 100%;max-width: 1122px;z-index: 9999;}
header a:hover{opacity:1;}
.sub_menu a {font-size: 18px;line-height: 2;}
.main_logo a {background: #fff;display: block;width: 175px;box-sizing: border-box;padding: 5px 25px;}
.long .main_nav {
    max-width: 100%;
}

.long .main_menu {
    width: calc(100% - 175px);
    transition: all .5s;
}

.long {
    transition: initial;
}

.long nav {
    background: #fff;
    transition: all .5s;
}

nav {
    transition: all .5s;
}

/*---------------------------------
CONTETS　【PC】
---------------------------------*/
.main_image {background: url(../img/main_image.webp)no-repeat center/cover;height: 760px;}

.main_menu > li {width: calc(100% / 5);text-align: center;}
.right_txt {width: calc(100% - 180px);}
.note {background-color: #fff; /* 背景色 */background-image: linear-gradient(180deg, #ccc 1px, transparent 1px); /* 罫線の色と太さ  */background-size: 100% 2.5em; /* 行の高さ */line-height: 2.5em; /* 文字の高さ */
/* 最終行の下にも罫線を引く */padding: 0 20px 1px 20px;box-sizing: border-box;}

.note_th {width: 180px;display: inline-block;font-weight: bold;}

.note_td {
display: block;
padding-left: 180px;
}
.mail_button {display: block;width: 100%;padding: 30px 100px;box-sizing: border-box;margin: auto;line-height: 1.5;font-weight: bold;}
.mail_button img {
padding-left: 20px;
}

.list_nam {
width: 50px;
display: inline-block;
}
.contents_ttl.shadow_none {
text-shadow: none;
}
.content_line {
border-bottom: 5px solid #0075c2;
}
.note_td.pc_only {
display: inline;
padding: 0;
}
.note_block{
display:inline-block;
}
.service_wrapper .right_txt {
width: fit-content;
}
.s_ttl {
border-bottom: 1px solid #0075c2;
position: relative;
padding-left: 38px;
}

.s_ttl:before {
content: "";
display: block;
background: #0075c2;
width: 33px;
height: 33px;
position: absolute;
left: 0;
top: 0;
bottom: 0;
margin: auto;
}
.ol_wrapper li:nth-child(1) {list-style:"1) ";}
.ol_wrapper li:nth-child(2) {list-style:"2) ";}
.ol_wrapper li:nth-child(3) {list-style:"3) ";}
.ol_wrapper li:nth-child(4) {list-style:"4) ";}
.ol_wrapper li:nth-child(5) {list-style:"5) ";}
.ol_wrapper li:nth-child(6) {list-style:"6) ";}
.ol_wrapper li:nth-child(7) {list-style:"7) ";}
.ol_wrapper li:nth-child(8) {list-style:"8) ";}
.ol_wrapper li:nth-child(9) {list-style:"9) ";}
.ol_wrapper li:nth-child(10) {list-style:"10) ";}
.ol_wrapper li:nth-child(11) {list-style:"11) ";}
.ol_wrapper li:nth-child(12) {list-style:"12) ";}
.ol_wrapper li:nth-child(13) {list-style:"13) ";}
.ol_wrapper li:nth-child(14) {list-style:"14) ";}
.ol_wrapper li:nth-child(15) {list-style:"15) ";}


.ol_wrapper {
    padding-left: 20px;
}

.ol_wrapper_3 {padding-left: 10px;box-sizing: border-box;}

.ol_wrapper_3 li {
    list-style: auto;
    padding-left: 20px;
    box-sizing: border-box;
}

.ol_wrapper_2 li:nth-child(1) {list-style:"(1)";}
.ol_wrapper_2 li:nth-child(2) {list-style:"(2)";}
.ol_wrapper_2 li:nth-child(3) {list-style:"(3)";}
.ol_wrapper_2 li:nth-child(4) {list-style:"(4)";}
.ol_wrapper_2 li:nth-child(5) {list-style:"(5)";}
.ol_wrapper_2 li:nth-child(6) {list-style:"(6)";}
.ol_wrapper_2 li:nth-child(7) {list-style:"(7)";}
.ol_wrapper_2 li:nth-child(8) {list-style:"(8)";}
.ol_wrapper_2 li:nth-child(9) {list-style:"(9)";}
.ol_wrapper_2 li:nth-child(10) {list-style:"(10)";}

.ol_wrapper_2 li {
    padding-left: 10px;
}
.service_wrapper p {
    padding-left: 35px;
    box-sizing: border-box;
}
/*---------------------------------
FOOTER　【PC】
---------------------------------*/
.logo a {
    background: #fff;
    display: block;
    padding: 10px 20px;
    box-sizing: border-box;
}

footer .main_menu > li {
    width: calc(100% / 6);
}

footer .main_menu {
    width: 100%;
    padding: 20px 20px 0 20px;
    box-sizing: border-box;
}

.main_menu li li a {
    font-size: 16px;
    padding: 0;
    margin: 0;
    line-height: 2;
}

.main_menu li li {
    padding: 0;
    margin: 0;
    line-height: 1;
}

footer {
    padding-bottom: 30px;
}
.mail_about {
background: #d3edfb;
padding: 25px 90px;
box-sizing: border-box;
margin-bottom: 50px;
}

.mail_about .left {
width: 70px;
}

.mail_about .right {
width: calc(100% - 90px);
}

.about_us_wrapper .contents_ttl {
width: 100%;
}

@media screen and (max-width: 1122px){
/*---------------------------------
HEADER　【PC 1122px】
---------------------------------*/
.main_image {
    height: 68vw;
}

.main_nav {
    padding-bottom: 2vw;
}

.main_logo a {
    width: 15.6vw;
    padding: 0.4vw 2.1vw;
}

.long .main_menu {
    width: calc(100% - 15.6vw);
}
.main_menu a {
    line-height: 5vw;
}

}
@media screen and (max-width: 920px){
/*---------------------------------
common　【PC 920】
---------------------------------*/
/*font-size*/
.f16 {font-size: 14px;}
.f18 {font-size: 16px;}
.f20 {font-size: 18px;}
.f23 {font-size: 20px;}
.f25 {font-size: 23px;}
.f27 {font-size: 25px;}
.f30 {font-size: 25px;}
.f36 {font-size: 30px;}
.f52 {font-size: 40px;}

/*margin*/
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:15px;}
.mb30{margin-bottom:20px;}
.mb40{margin-bottom:30px;}
.mb50{margin-bottom:40px;}
.mb60{margin-bottom:50px;}
.mb70{margin-bottom:60px;}
.mb80{margin-bottom:70px;}
.mb90{margin-bottom:70px;}
.mb100{margin-bottom:70px;}

/*padding*/
.pb10{padding-bottom:10px;}
.pb20{padding-bottom:15px;}
.pb30{padding-bottom:20px;}
.pb40{padding-bottom:30px;}
.pb50{padding-bottom:40px;}
.pb60{padding-bottom:50px;}
.pb70{padding-bottom:60px;}
.pb80{padding-bottom:70px;}
.pb90{padding-bottom:70px;}
.pb100{padding-bottom:70px;}

/*display*/
.sp_block{display:none;}
.pc_block{display:block;}

/*font-weight*/
.bold{font-weight:700;}

/*ttl*/
.contents_ttl {text-shadow: 7px 7px  5px #b1c6e7;font-weight: 500;width: 270px;padding-right: 30px;font-weight: normal;}

.paper_wrap {
box-shadow: 7px 7px 2px #b1c6e7;
padding: 10px 30px 10px 10px;
box-sizing: border-box;
}

/*---------------------------------
HEADER　【TABLET　920】
---------------------------------*/
.main_menu a {font-size: 16px;line-height: 6vw;}

.main_logo a {padding: 5px 30px;width: 20vw;}

.main_menu {
width: calc(100% - 20vw);
}

.main_header {
top: 1vw;
}

.main_nav {
border-bottom: 2px solid #0075c2;
padding-bottom: 1vw;
}

.contents_ttl {
width: 200px;
}

.right_txt {
width: calc(100% - 230px);
}

.note_th {
width: 150px;
}
.contents_ttl {
    width: 100%;
    text-align: center;
    padding: 0 0 30px 0;
}

.right_txt {
    width: 100%;
}

}

@media screen and (max-width:768px){
/*---------------------------------
common　【TABLET　768】
---------------------------------*/
/*font-size*/
.f16 {font-size: 14px;}
.f18 {font-size: 14px;}
.f20 {font-size: 16px;}
.f23 {font-size: 18px;}
.f25 {font-size: 20px;}
.f27 {font-size: 23px;}
.f30 {font-size: 25px;}
.f36 {font-size: 25px;}
.f52 {font-size: 35px;}

/*margin*/
.mb10{margin-bottom:7px;}
.mb20{margin-bottom:10px;}
.mb30{margin-bottom:15px;}
.mb40{margin-bottom:20px;}
.mb50{margin-bottom:30px;}
.mb60{margin-bottom:40px;}
.mb70{margin-bottom:50px;}
.mb80{margin-bottom:50px;}
.mb90{margin-bottom:50px;}
.mb100{margin-bottom:50px;}

/*padding*/
.pb10{padding-bottom:7px;}
.pb20{padding-bottom:10px;}
.pb30{padding-bottom:15px;}
.pb40{padding-bottom:20px;}
.pb50{padding-bottom:30px;}
.pb60{padding-bottom:40px;}
.pb70{padding-bottom:50px;}
.pb80{padding-bottom:50px;}
.pb90{padding-bottom:50px;}
.pb100{padding-bottom:50px;}

/*image*/
.sp_only_img{display:block;}
.pc_only_img{display:none;}
.sp_only_logo{display:block;}


/*ttl*/
.contents_ttl {text-shadow: 7px 7px  2px #b1c6e7;font-weight: 500;width: 270px;padding-right: 30px;font-weight: normal;}

.paper_wrap {
box-shadow: 7px 7px 2px #b1c6e7;
padding: 10px 30px 10px 10px;
box-sizing: border-box;
}

/*---------------------------------
HEADER　【TABLET　768】
---------------------------------*/
header {position: fixed;width: 100%;height: 0;z-index: 9998;}
.menu_wrapper {
box-sizing: border-box;
display: block;
position: fixed;
top: 0;
right: -80vw;
bottom: 0;
width: 80vw;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
transition: all .5s;
z-index: 9998;
opacity: 0;
background: #fff;
}

::-webkit-scrollbar {
width: 10px;
height: 10px;
}

::-webkit-scrollbar-thumb {
background: #fff;
border-radius: 5px;
}

.open .menu_wrapper {
right: 0;
opacity: 1;
}

.menu_wrapper .menu ul {
text-align: center;
font-size: 20px;
width: 100%;
box-sizing: border-box;
margin-top: 0;
padding: 0 40px;
}

.menu_wrapper .menu ul li:first-child {
border-bottom: none;
border-image: none;
border-image-slice: 0;
}

.menu_toggle_btn {display: block;position: relative;margin-left: auto;right: 10px;top: 0;width: 50px;height: 50px;transition: all .5s;cursor: pointer;z-index: 9999;background: #0075c2;border-radius: 50%;}

.open .list_01 {
position: fixed;
z-index: 9999;
right: 0;
}

.menu_toggle_btn span {display: block;position: absolute;width: 25px;height: 2px;background-color: #fff;transition: all .5s;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}

.menu_toggle_btn span:nth-child(1) {top: -18px;bottom: 0;right: 0;left: 0;margin: auto;}

.menu_toggle_btn span:nth-child(2) {
top: 1px;
}

.menu_toggle_btn span:nth-child(3) {bottom: 0;top: 19px;left: 0;right: 0;margin: auto;}

.open .menu_toggle_btn span {
background-color: #fff;
}

.open .menu_toggle_btn span:nth-child(1) {
-webkit-transform: translateY(10px) rotate(-315deg);
transform: translateY(8px) rotate(-315deg);
top: -13px;
}

.open .menu_toggle_btn span:nth-child(2) {
opacity: 0;
}

.open .menu_toggle_btn span:nth-child(3) {
-webkit-transform: translateY(-10px) rotate(315deg);
transform: translateY(-14px) rotate(315deg);
top: 31px;
}

#menu_mask {
display: none;
transition: 3s;
}
.menu_wrapper a {
background: #fff;
color: #0075c2;
font-size: 20px;
}
.open #menu_mask {display: block;position: fixed;top: 0;right: 0;width: 100%;height: 100%;opacity: .8;z-index: 9997;cursor: pointer;background: rgba(0, 0, 0, 0.7);}

.menu .top img {max-width: 34vh;}

.menu {text-align: center;margin-top: 11vh;}

.menu .top {margin-bottom: 2vw;}

.menu_wrapper li {line-height: 1;font-weight: bold;}

.menu_sns_wrapper ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
}

.menu_sns_wrapper {padding-top: 1vh;}

.menu_sns_wrapper ul li {
padding: 0 5px;
}
.menu_sns_wrapper ul li img {
max-width: 55px;
}
.menu a:hover {
color: #73d3d5;
}
.menu_wrapper li {
width: 100%;
margin: 0;
}

.main_menu {
width: 100%;
}

.menu_wrapper a {
width: 100%;
padding: 0 50px;
box-sizing: border-box;
}

.main_logo {
margin-bottom: 20px;
}

.main_menu > li:hover .sub_menu {
background: none;
}

.sub_menu a {
font-size: 16px;
}


.main_logo a {
width: 100%;
padding: 5px 30px;
height: 60px;
height: 100%;
}

.main_logo {
width: 100%;
max-width: 300px;
margin: auto auto 20px auto;
}

.main_nav {position: absolute;top: 0;bottom: 0;margin: auto;height: fit-content;border-bottom: none;padding-bottom: 0;}
.menu_wrapper > li {
margin-bottom: 30px!important;
}

.main_menu > li {
margin-bottom: 20px;
}

.sub_menu li {
margin-bottom: 5px;
}

.main_logo.sp_only_logo {
width: 100px;
position: fixed;
left: 10px;
top: 15px;
margin: 0;
}

.main_image {
background-size: 110%;
background-position: top center;
height: 77vw;
margin-top: 66px;
}

.main_logo.sp_only_logo a {
background: none;
padding: 0;
}

header#navarea_wrap {
display: block;
background: #fff;
width: 100%;
height: fit-content;
padding: 8px 0px;
top: 0;
}
.long .main_menu {
    width: auto;
}
/*---------------------------------
CONTETS　【TABLET768】
---------------------------------*/
.contents_ttl {width: 100%;text-align: center;padding: 0;margin-bottom: 20px;}

.right_txt {
width: 100%;
}
.contents_wrapper {
    padding: 120px 20px 55px 20px;
    margin-top: -70px;
}
}

@media screen and (max-width:520px){
/*---------------------------------
common　【SP　520】
---------------------------------*/
/*font-size*/
.f16 {font-size: 14px;}
.f18 {font-size: 14px;}
.f20 {font-size: 16px;}
.f23 {font-size: 16px;}
.f25 {font-size: 18px;}
.f27 {font-size: 20px;}
.f30 {font-size: 23px;}
.f36 {font-size: 23px;}
.f52 {font-size: 30px;}

/*margin*/
.mb10{margin-bottom:5px;}
.mb20{margin-bottom:7px;}
.mb30{margin-bottom:10px;}
.mb40{margin-bottom:15px;}
.mb50{margin-bottom:20px;}
.mb60{margin-bottom:30px;}
.mb70{margin-bottom:40px;}
.mb80{margin-bottom:40px;}
.mb90{margin-bottom:40px;}
.mb100{margin-bottom:40px;}

/*padding*/
.pb10{padding-bottom:5px;}
.pb20{padding-bottom:7px;}
.pb30{padding-bottom:10px;}
.pb40{padding-bottom:15px;}
.pb50{padding-bottom:20px;}
.pb60{padding-bottom:30px;}
.pb70{padding-bottom:40px;}
.pb80{padding-bottom:40px;}
.pb90{padding-bottom:40px;}
.pb100{padding-bottom:40px;}

/*---------------------------------
CONTETS　【SP520】
---------------------------------*/
.note_th {
width: 100%;
}

.note_td {
padding: 0;
}

.note {
padding: 0 10px 1px 10px;
}

.list_nam {
width: 30px;
}
.mail_button {
    padding: 20px 30px;
    text-align: center;
}

.mail_button img {
    max-width: 100%;
    padding: 0;
    display: block;
    margin: auto;
}
.mail_about {
    padding: 20px;
}
/*---------------------------------
FOOTER　【SP520】
---------------------------------*/

.logo a {
    width: 80%;
    margin: auto;
}

footer .main_menu > li {
    width: calc(100% / 2);
}

footer li.logo {
    width: 100%;
}

.main_menu li li a {
    line-height: 1.2;
    font-size: 14px;
}
}