@charset 'utf-8'; 

@font-face { font-family: 'Font Awesome 7 Free'; font-style: normal; font-weight: 900; font-display: block; src: url('fontawesome/webfonts/fa-solid-900.woff2') format('woff2') }

html { scroll-behavior: smooth }
* { box-sizing: border-box; -webkit-tap-highlight-color: transparent }
body { margin: 0; background-color: #fff; color: #000; line-height: 1.732; font-size: clamp(15px, calc(0.119vw + 13.71px), 16px); font-family: 'Noto Sans JP', sans-serif; font-feature-settings: 'palt'; font-weight: 350 }
section, div, dl { display: flow-root }
p { margin: 0 }
a { color: rgb(0, 0, 0) }
a:hover { color: rgba(0, 0, 0, .72) }
ul, ol, dl, dt, dd { margin: 0; padding: 0 }
h1, h2, h3, h4, h5, h6 { margin: 0 }
img { height: auto; border: none; vertical-align: top }
table { border-collapse: collapse }
iframe { border: none }

@-moz-document url-prefix() {
:root { --mypadding: 0px }
}
@supports (-webkit-appearance: none) and (not (-moz-appearance: none)) {
:root { --mypadding: 15px }
}

@keyframes slickFade { 0% { opacity: 0 }
100% { opacity: 1 }
}

#mymodalhambergerouter { position: fixed; top: 0; right: 0; z-index: 9999; background-color: #000; padding: 2px 6px 8px 6px }
#mymodaltoggle { display: none }
#mymodalhamberger { display: block; cursor: pointer }
#mymodalhamberger span { display: block; background-color: #fff; transition: .4s; transform-origin: 0; width: 28px; height: 2px; margin-top: 8px }
#mymodaltoggle:checked + #mymodalhamberger span:nth-child(1) { transform: translate(4px, 0) rotate(45deg) }
#mymodaltoggle:checked + #mymodalhamberger span:nth-child(2) { opacity: 0 }
#mymodaltoggle:checked + #mymodalhamberger span:nth-child(3) { transform: translate(4px, 0) rotate(-45deg) }
#mymodal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: #004986; overflow-y: auto; transition: opacity .5s; z-index: -999; display: flex; justify-content: center; align-items: center }
.mymodal-hide { opacity: 0 }
.mymodal-show { opacity: 1 !important }
#mymodalinner { text-align: center }
#mymodallogo img { width: clamp(200px, calc(10.213vw + 161.7px), 272px) }
#mymodalinner dl { margin-top: 16px }
#mymodalinner dt { color: #fff; font-size: 20px }
#mymodalinner dd { margin-top: 12px }
#mymodalinner dd a { display: inline-block; color: #000; background-color: #fff; text-decoration: none; padding: 8px 24px }
#mymodalinnernav { margin-top: 16px }
#mymodalinnernav a { text-decoration: none; color: #fff }
#mymodalinnernav div { margin-bottom: 8px }



@media (max-width: 767px) { 
#mymodalhamberger { transform: scale(.8) }
}
@media (max-width: 1079px) { 
.noscroll { overflow: hidden }
}
@media (min-width: 1080px) { 
#mymodalhambergerouter { display: none }
}

@media (max-width: 1079px) { 
body { -webkit-text-size-adjust: 100% }
h1, .largeonly { display: none }
#wrapper { position: relative }
header { position: relative; z-index: 1; background: url(../img/common/back01.png) center top / 1080px auto no-repeat; height: 100px; padding: 12px clamp(16px, calc(1.135vw + 11.74px), 24px) 0 }
#headerlogo { width: 216px }
#headerlogo img { max-width: 100% }
#headernav { display: none }
#containermyslick { position: relative; margin-top: -100px; animation: slickFade 2s ease 0s }
#myslick { font-size: 0 }
#myslick img { width: 100%; height: 100vh; object-fit: cover }
#mylicktext { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; justify-content: center; align-items: center; font-family: 'Zen Old Mincho', serif; color: #fff; font-weight: 600; font-size: clamp(28px, calc(2.837vw + 17.36px), 48px); letter-spacing: clamp(2px, calc(0.426vw + 0.4px), 5px); text-align: center }
.slick-dots { transform: scale(.5) }
#containerpagetitle { position: relative; margin-top: -100px }
#pagetitleimg img { width: 100%; height: 200px; object-fit: cover }
#pagetitleouter { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; justify-content: center; align-items: center; background-color: rgba(0, 0, 0, .4) }
#pagetitle { font-family: 'Zen Old Mincho', serif; font-size: clamp(32px, calc(1.905vw + 11.43px), 48px); color: #fff; font-weight: 600; padding-top: 48px }
#containermysection01 { padding: clamp(64px, calc(5.106vw + 44.85px), 100px) clamp(16px, calc(1.135vw + 11.74px), 24px) }
#mysection01 { display: flex; align-items: center; flex-wrap: wrap }
#mysection01img { width: 100%; order: 2; margin-top: 40px; text-align: center }
#mysection01img img { max-width: 100% }
#mysection01inner { width: 100%; order: 1; background: url(../img/common/back02.jpg) right bottom / contain no-repeat; padding-bottom: 24px }
#mysection01inner h2 { font-family: 'Zen Old Mincho', serif; font-weight: 400; font-size: clamp(26px, calc(0.567vw + 23.87px), 30px); letter-spacing: clamp(1px, calc(0.142vw + 0.47px), 2px); text-align: center }
#mysection01inner p { font-size: 17px; margin-top: clamp(16px, calc(2.27vw + 7.49px), 32px) }
#containermysection02 { padding: clamp(48px, calc(4.823vw + 29.91px), 82px) clamp(16px, calc(1.135vw + 11.74px), 24px) 137px; background: url(../img/common/back03.png) center top / 1080px 450px no-repeat }
.myh201 { font-weight: 350; font-size: clamp(28px, calc(0.567vw + 25.87px), 32px); text-align: center; letter-spacing: clamp(1px, calc(0.142vw + 0.47px), 2px) }
.myh301 { font-family: 'Zen Old Mincho', serif; font-weight: 500; font-size: clamp(15px, calc(0.426vw + 13.4px), 18px); color: #7c6d49; text-align: center; letter-spacing: 1px }
#mysection02 p { text-align: center; margin-top: clamp(32px, calc(2.979vw + 20.83px), 53px); font-size: clamp(18px, calc(0.567vw + 15.87px), 22px); line-height: 1.5 }
#mysection02cards { display: flex; justify-content: center; flex-wrap: wrap; gap: 24px; margin-top: 24px }
.mysection02cardbox { max-width: 336px; position: relative }
.mysection02card { margin: 12px; box-shadow: 1px 1px 8px rgba(0, 0, 0, .1); padding: 32px 24px 24px; background: url(../img/common/back04.png) right bottom no-repeat #fff; height: 100% }
.mysection02cardicon { text-align: center }
.mysection02cardicon img { width: 88px }
.mysection02card dl { margin-top: 24px }
.mysection02card dt { text-align: center; font-size: clamp(20px, calc(0.284vw + 18.94px), 22px); font-weight: 350; letter-spacing: 1px }
.mysection02card dd { margin-top: 9px }
#containermysection03 { background-color: #f7f7f7; padding: 64px clamp(16px, calc(1.135vw + 11.74px), 24px) 80px }
#mysection03flow {
max-width: 600px;
margin-top: 40px;
margin-left: auto;
margin-right: auto;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.mysection03flowbox { background-color: #004986; padding: clamp(24px, calc(2.27vw + 15.49px), 40px) 16px 40px; color: #fff;
min-width: 180px;
margin: 5px;
}
.mysection03flowbox dl { font-family: 'Zen Old Mincho', serif; text-align: center }
.mysection03flowbox dt { font-weight: 550; font-size: 26px; line-height: 1; letter-spacing: 2px }
.mysection03flowbox dt span { display: inline-block; border-bottom: 1px solid #fff; padding: 0 24px 16px }
.mysection03flowbox dd { font-weight: 500; font-size: 18px; margin-top: 8px }
.mysection03flowbox p { margin-top: clamp(16px, calc(1.135vw + 11.74px), 24px) }
.mysection03flowarrow { height: 21px; background: url(../img/common/back08.png) center top / 24px 19px no-repeat }
#containermysection04 { padding: 0 clamp(16px, calc(1.135vw + 11.74px), 24px) 80px; background: url(../img/common/back06.jpg) center 24px / 100% no-repeat }
#mysection04 { margin-top: 72px }
#mysection04main { display: flex; margin-top: 32px; flex-wrap: wrap }
#mysection04img { width: 100%; order: 2; margin-top: 32px; text-align: center }
#mysection04img img { max-width: 100% }
#mysection04inner { width: 100% }
#mysection04inner h2 { font-family: 'Zen Old Mincho', serif; font-weight: 400; font-size: clamp(24px, calc(0.851vw + 20.81px), 30px); margin-bottom: 24px; text-align: center }
#mysection04inner p + p { margin-top: 24px }
#mysection04profile { background-color: #f7f7f7; margin-top: 56px; padding: 16px }
#mysection04profilephoto { text-align: center }
#mysection04profilename { margin-top: 16px }
#mysection04profilename dt { font-size: 21px; font-weight: 400; text-align: center }
#mysection04profilename dd { margin-top: 4px }
#mysection04profilehistory { margin-top: 24px }
#mysection04profilehistory dl { display: flex; border-bottom: 1px solid #000; padding: 8px 4px }
#mysection04profilehistory dl:first-of-type { border-top: 1px solid #000 }
#mysection04profilehistory dt { width: 96px }
#mysection04profilehistory dd { width: calc(100% - 96px) }
#containermysection05 { padding: clamp(56px, calc(3.404vw + 43.23px), 80px) clamp(16px, calc(1.135vw + 11.74px), 24px) clamp(72px, calc(5.674vw + 50.72px), 112px); background-color: #f7f7f7 }
#mysection05info { margin-top: clamp(48px, calc(4.539vw + 30.98px), 80px) }
#mysection05infoinner { text-align: center }
#mysection05infoimg { max-width: 600px; margin: 0 auto }
#mysection05infoinner img { max-width: 100% }
#mysection05infothums { display: flex; justify-content: space-between; column-gap: 4px; margin: 4px auto 0; max-width: 600px }
#mysection05infodetail { margin-top: 24px }
#mysection05infodetail h4 { font-weight: 400; font-size: 20px; letter-spacing: 1px }
#mysection05infodetail dd { font-size: 20px; margin: 4px 0 }
#mysection05infodetail p + p { margin-top: 7px }
#mysection05map { margin-top: 24px }
#mysection05map iframe { width: 100%; height: 320px; border: none }
#containermysection06 { padding: clamp(56px, calc(11.064vw + 14.51px), 134px) clamp(16px, calc(1.135vw + 11.74px), 24px) clamp(72px, calc(11.064vw + 30.51px), 150px) }
#mysection06news { margin-top: 32px }
#mysection06news a { text-decoration: none }
#mysection06news dl { display: flex; padding: clamp(16px, calc(1.135vw + 11.74px), 24px) }
#mysection06news div:nth-of-type(odd) dl { background-color: #f7f7f7 }
#mysection06news dt { width: 96px; font-weight: 500 }
#mysection06news dd { width: calc(100% - 96px) }
#mysection06btns { display: flex; justify-content: center; flex-wrap: wrap; gap: clamp(16px, calc(3.404vw + 3.23px), 40px); margin-top: clamp(32px, calc(2.553vw + 22.43px), 50px) }
#mysection06btns a { display: block; width: 240px; text-decoration: none; color: #fff; padding: 16px; text-align: center }
#mysection06btns > div:nth-of-type(1) a { background-color: #000 }
#mysection06btns > div:nth-of-type(2) a { background-color: #7d6d49 }
#containermysection07 { margin-top: 32px }
#mysection07 { background-color: #f7f7f7; padding: 48px clamp(16px, calc(1.135vw + 11.74px), 24px) 64px }
#mysection07text { font-family: 'Zen Old Mincho', serif; font-size: clamp(20px, calc(0.567vw + 17.87px), 24px); text-align: center; margin: 32px 0; line-height: 1.6 }
#mysection07inner dl { margin-bottom: 24px; text-align: center }
#mysection07inner dt { color: #fff; background-color: #7d6d49; font-size: clamp(18px, calc(0.284vw + 16.94px), 20px); padding: 4px }
#mysection07inner dd { background-color: #fff; padding: clamp(16px, calc(1.135vw + 11.74px), 24px) clamp(16px, calc(1.135vw + 11.74px), 24px) clamp(32px, calc(2.27vw + 23.49px), 48px); font-size: clamp(17px, calc(0.284vw + 15.94px), 19px) }
#mysection07inner dd strong { font-family: 'Zen Old Mincho', serif; font-size: clamp(28px, calc(1.135vw + 23.74px), 36px) }
#mysection07inner dd em { font-style: normal; font-weight: 500; font-size: 16px }
#mysection07inner ul { list-style: none }
#mysection07inner li { padding-left: 1em; text-indent: -1em }
#mysection07form { background-color: #004986; padding: 48px clamp(16px, calc(1.135vw + 11.74px), 24px) }
#mysection07form :is(h2, h3) { color: #fff }
#mysection07form form { margin-top: 32px }
.mycontactform { display: flex; column-gap: 16px; margin-bottom: 14px }
#mysection07form :is(input[type='text'], textarea) { width: 100%; padding: 8px; font-family: 'Zen Old Mincho', serif; outline: none; border: 2px solid #fff }
#mysection07form :is(input[type='text']:focus, textarea:focus) { border-color: #f99; box-shadow: none }
#mysection07form dt { color: #fff }
#mysection07form dd { margin-top: 3px }
.mycontactformdl { width: calc(50% - 8px) }
.mycontactformdlwide { width: 100% }
#mycontactformpersonal { margin-bottom: 16px }
#mycontactformpersonal > div:nth-of-type(1) { color: #fff }
#mycontactformpersonal > div:nth-of-type(2) { margin-top: 5px; background-color: #fff; padding: 16px; height: 114px; overflow-y: scroll }
#mycontactformpersonal p + p { margin-top: 16px }
#mycontactformpersonal ol { margin: 16px 0 0 20px }
#mycontactformpersonal li + li { margin-top: 8px }
#mycontactformcheck { margin-top: 26px; text-align: center; color: #fff }
#mycontactformcheck label { cursor: pointer }
#mycontactformsubmit { margin-top: 32px; text-align: center }
#mysubmit { background-color: #fff; padding: 24px 104px; border: none; font-size: 17px; color: #000; font-weight: 450; transition: .3s }
#mysubmit:disabled { cursor: not-allowed; opacity: .4 }
#mysubmit:not(:disabled):hover { opacity: .8 }
.wpcf7-response-output{color: #fff;}
#maincontents { padding: 32px clamp(16px, calc(0.952vw + 5.71px), 24px) 56px }
#blogmain h2 { font-weight: 500; font-size: clamp(20px, calc(0.476vw + 14.86px), 24px); border-bottom: 4px solid #ddd; padding-bottom: 4px }
.blogmaincategory::before { font-family: 'Font Awesome 7 Free'; content: '\f0da\00a0'; font-weight: 900; font-size: 88% }
.blogmaindate { text-align: right; margin-top: 3px }
.blogarticle { margin-top: clamp(16px, calc(2.857vw + -14.86px), 40px) }
.blogarticle p + p { margin-top: clamp(16px, calc(0.952vw + 5.71px), 24px) }
.blogmainpager { display: flex; justify-content: center; column-gap: 24px; margin-top: 40px }
#blogsidebar { margin-top: 40px }
#blogsidebar h4 { font-size: 14px; background-color: #eee; padding: 2px 8px; font-weight: 350; color: #444; margin-bottom: 8px; border-left: 4px solid #d2ac56 }
#blogsidebar a { text-decoration: none }
.blogsidebox + .blogsidebox { margin-top: 24px }
.blogsidebox dl { padding: 4px 8px }
.blogsidebox dt { font-size: 88% }
.blogsidebox ul { list-style: none }
.blogsidecategory li { padding: 2px 8px }
.blogsidecategory li::before { font-family: 'Font Awesome 7 Free'; content: '\f0da\00a0'; font-weight: 900; font-size: 88% }
#blogarchiveinner { display: flex; flex-wrap: wrap; gap: 24px; justify-content: center }
.blogarchive { max-width: 295px; background-color: #f7f7f7 }
.blogarchive a { text-decoration: none; transition: .3s }
.blogarchive a:hover { opacity: .8 }
.blogarchiveinner { padding: 8px 16px 16px }
.blogarchivecategory { font-size: 88% }
.blogarchivecategory::before { font-family: 'Font Awesome 7 Free'; content: '\f0da\00a0'; font-weight: 900 }
.blogarchivedate { font-size: 88% }
.blogarchivethum img { max-width: 100% }
.blogarchive h2 { font-size: 17px; font-weight: 550; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden }
.blogarchive p { font-size: 92%; margin-top: 5px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden }
.blogpagination { margin-top: 40px; text-align: center; word-spacing: 4px }
footer { background-color: #000; padding: clamp(64px, calc(5.674vw + 42.72px), 104px) clamp(16px, calc(1.135vw + 11.74px), 24px) 32px; text-align: center }
#footerinner { color: #fff }
#footerlogo img { max-width: 100% }
#footerinfo dl { margin-top: 24px }
#footerinfo dd { font-size: 20px; margin-top: 8px }
#footerbtn { margin-top: 27px }
#footerbtn a { display: inline-block; text-decoration: none; color: #000; background-color: #fff; padding: 11px 35px; transition: .3s; font-weight: 450 }
#footerbtn a:hover { opacity: .72 }
#footercopyright { margin-top: 32px; font-size: 14px }
#footernav { display: none }
.smalltac { text-align: center }
#pt { position: fixed; bottom: 0; right: 0; display: none; width: 40px; height: 40px; opacity: 0; transition: .5s }
#pt a { display: block; height: 100%; color: #fff; text-decoration: none; background-color: #000 }
#pt span { height: 100%; display: flex; justify-content: center; align-items: center }
#pt i { font-size: 20px }
}

@media (max-width: 1280px) { 
#mysection01inner p br { display: none }
}

@media (min-width: 1080px) { 
h1, .smallonly { display: none }
#wrapper { position: relative; max-width: 1920px; margin: 0 auto }
header { position: relative; z-index: 1; background: url(../img/common/back01.png) center top no-repeat; display: flex; justify-content: space-between; align-items: flex-start; height: 130px; padding: 21px clamp(24px, calc(2.976vw + -8.14px), 49px) 0 clamp(24px, calc(3.214vw + -10.71px), 51px) }
#noshadeheader { background-image: none }
#headerlogo { width: clamp(216px, calc(6.667vw + 144px), 272px) }
#headerlogo img { max-width: 100% }
#headernav { display: flex; justify-content: flex-end; align-items: center; column-gap: clamp(24px, calc(3.214vw + -10.71px), 51px) }
#globalnav { display: flex; column-gap: clamp(12px, calc(5vw + -42px), 54px) }
#globalnav a { text-decoration: none; color: #fff; position: relative; padding-top: 6px; transition: .3s; font-size: clamp(16px, calc(0.238vw + 13.43px), 18px) }
#globalnav a::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 2px; background-color: #fff; transform: scale(0, 1); transition: .2s }
#globalnav a:hover { opacity: .72 }
#globalnav a:hover::after { transform: scale(1, 1) }
#globalbtn { display: flex; column-gap: clamp(8px, calc(0.952vw + -2.29px), 16px); align-items: center }
#globalbtn a { display: block; padding: clamp(12px, calc(0.476vw + 6.86px), 16px); transition: .3s; background-color: #fff; font-size: 0 }
#globalbtn a:hover { opacity: .8 }
#globalbtn img { width: clamp(20px, calc(0.595vw + 13.57px), 25px); height: clamp(20px, calc(0.595vw + 13.57px), 25px) }
#containermyslick { position: relative; margin-top: -130px; animation: slickFade 2s ease 0s }
#myslick { font-size: 0 }
#myslick img { width: 100%; height: 100vh; object-fit: cover }
#mylicktext { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; justify-content: center; align-items: center; font-family: 'Zen Old Mincho', serif; color: #fff; font-weight: 600; font-size: clamp(48px, calc(1.19vw + 35.14px), 58px); letter-spacing: 5px }
#containerpagetitle { position: relative; margin-top: -130px }
#pagetitleimg img { max-width: 100% }
#pagetitleouter { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; justify-content: center; align-items: center; background-color: rgba(0, 0, 0, .4) }
#pagetitle { font-family: 'Zen Old Mincho', serif; font-size: clamp(48px, calc(0.952vw + 37.71px), 56px); color: #fff; font-weight: 600; padding-top: 48px }
#containermysection01 { padding: 100px 24px; background: url(../img/common/back02.jpg) center bottom / 100% no-repeat }
#mysection01 { display: flex; align-items: center; max-width: 1400px; margin: 0 auto }
#mysection01img { width: 50%; padding-right: clamp(48px, calc(1.905vw + 27.43px), 64px) }
#mysection01img img { max-width: 100% }
#mysection01inner { width: 50% }
#mysection01inner h2 { font-family: 'Zen Old Mincho', serif; font-weight: 400; font-size: clamp(30px, calc(0.714vw + 22.29px), 36px); letter-spacing: 2px }
#mysection01inner p { font-size: 18px; margin-top: clamp(32px, calc(1.905vw + 11.43px), 48px); line-height: 1.9 }
#containermysection02 { padding: 82px 24px 137px; background: url(../img/common/back03.png) center top no-repeat }
#mysection02 { max-width: 1422px; margin: 0 auto }
.myh201 { font-weight: 350; font-size: clamp(32px, calc(0.476vw + 26.86px), 36px); text-align: center; letter-spacing: 2px }
.myh301 { font-family: 'Zen Old Mincho', serif; font-weight: 500; font-size: clamp(20px, calc(0.476vw + 14.86px), 24px); color: #7c6d49; text-align: center; letter-spacing: 1px }
#mysection02 p { text-align: center; margin-top: 53px; font-size: clamp(22px, calc(0.238vw + 19.43px), 24px); line-height: 1.5; letter-spacing: 1px }
#mysection02cards { display: flex; justify-content: center; flex-wrap: wrap; row-gap: 24px; margin-top: 24px }
.mysection02cardbox { width: 33.3333%; position: relative }
.mysection02card { margin: 12px; box-shadow: 1px 1px 8px rgba(0, 0, 0, .1); padding: 35px clamp(24px, calc(0.952vw + 13.71px), 32px) 52px; background: url(../img/common/back04.png) right bottom no-repeat #fff; height: 100% }
.mysection02cardicon { text-align: center }
.mysection02cardicon img { width: clamp(88px, calc(3.333vw + 52px), 116px) }
.mysection02card dl { margin-top: 24px }
.mysection02card dt { text-align: center; font-size: clamp(22px, calc(0.476vw + 16.86px), 26px); font-weight: 350; letter-spacing: 1px }
.mysection02card dd { margin-top: 9px }
#containermysection03 { background-color: #f7f7f7; padding: 84px 24px 150px }
#mysection03 { max-width: 1400px; margin: 0 auto }
#mysection03flow { display: flex; margin-top: 65px }
.mysection03flowbox { width: 18.571%; background-color: #004986; padding: 40px 0; color: #fff }
.mysection03flowbox dl { font-family: 'Zen Old Mincho', serif; text-align: center }
.mysection03flowbox dt { font-weight: 550; font-size: 36px; line-height: 1; letter-spacing: clamp(2px, calc(0.357vw + -1.86px), 5px) }
.mysection03flowbox dt span { display: inline-block; border-bottom: 1px solid #fff; padding: 0 clamp(24px, calc(1.429vw + 8.57px), 36px) clamp(16px, calc(0.476vw + 10.86px), 20px) }
.mysection03flowbox dd { font-weight: 500; font-size: 22px; margin-top: 8px }
.mysection03flowbox p { margin-top: 37px }
.mysection03flowarrow { width: 1.78625%; background: url(../img/common/back05.png) left calc(50% - 12px) / clamp(15px, calc(0.476vw + 9.86px), 19px) clamp(19px, calc(0.595vw + 12.57px), 24px) no-repeat }
#containermysection04 { padding: 0 24px 120px; background: url(../img/common/back06.jpg) center 67px / 100% no-repeat }
#mysection04 { max-width: 1400px; margin: 133px auto 0 }
#mysection04main { display: flex; margin-top: 53px }
#mysection04img { width: 46.428%; padding: 17px 50px 0 0 }
#mysection04img img { max-width: 100% }
#mysection04inner { width: 53.572% }
#mysection04inner h2 { font-family: 'Zen Old Mincho', serif; font-weight: 400; font-size: clamp(30px, calc(0.714vw + 22.29px), 36px); letter-spacing: 2px; margin-bottom: 24px }
#mysection04inner p + p { margin-top: 24px }
#mysection04profile { display: flex; align-items: center; background-color: #f7f7f7; margin-top: 80px; padding: 40px }
#mysection04profilephoto { width: 15.909% }
#mysection04profilephoto img { max-width: 100%; margin-top: -120px }
#mysection04profilename { width: 35.606%; padding: 0 clamp(32px, calc(1.905vw + 11.43px), 48px) 0 28px }
#mysection04profilename dt { font-size: 21px; font-weight: 400 }
#mysection04profilename dd { margin-top: 4px }
#mysection04profilehistory { width: 48.485% }
#mysection04profilehistory dl { display: flex; border-bottom: 1px solid #000; font-size: 15px; padding: 12px clamp(8px, calc(1.429vw + -7.43px), 20px) }
#mysection04profilehistory dl:first-of-type { border-top: 1px solid #000 }
#mysection04profilehistory dt { width: 107px }
#mysection04profilehistory dd { width: calc(100% - 107px) }
#containermysection05 { padding: 80px 24px clamp(112px, calc(4.524vw + 63.14px), 150px); background-color: #f7f7f7 }
#mysection05 { max-width: 1400px; margin: 0 auto }
#mysection05info { margin-top: 80px; display: flex; justify-content: space-between }
#mysection05infoinner { width: 42.857% }
#mysection05infoinner img { max-width: 100% }
#mysection05infothums { display: flex; justify-content: space-between; column-gap: 4px; margin-top: 4px }
#mysection05infothums div { cursor: pointer; transition: .3s }
#mysection05infothums div:hover { opacity: .72 }
#mysection05infodetail { margin-top: 27px }
#mysection05infodetail h4 { font-weight: 400; font-size: 20px; letter-spacing: 1px }
#mysection05infodetail dd { font-size: 20px; margin: 4px 0 }
#mysection05infodetail p + p { margin-top: 7px }
#mysection05map { width: 50% }
#mysection05map iframe { width: 100%; height: 100%; border: none }
#containermysection06 { padding: 134px 24px 150px }
#mysection06news { width: 1000px; margin: 70px auto 0 }
#mysection06news a { text-decoration: none; transition: .3s }
#mysection06news dl { display: flex; padding: 26px 34px }
#mysection06news div:nth-of-type(odd) dl { background-color: #f7f7f7 }
#mysection06news dt { width: 142px; font-weight: 500 }
#mysection06news dd { width: calc(100% - 142px) }
#mysection06btns { display: flex; justify-content: center; column-gap: 40px; margin-top: 50px }
#mysection06btns a { display: block; width: 240px; text-decoration: none; color: #fff; transition: .3s; padding: 16px; text-align: center }
#mysection06btns a:hover { opacity: .72 }
#mysection06btns > div:nth-of-type(1) a { background-color: #000 }
#mysection06btns > div:nth-of-type(2) a { background-color: #7d6d49 }
#containermysection07 { display: flex }
#mysection07 { display: flex; justify-content: flex-end; width: 50%; background: url(../img/common/back07.jpg) center bottom / 100% no-repeat #f7f7f7; padding: 48px clamp(24px, calc(9.048vw + -73.71px), 100px) 80px 24px }
#mysection07inner { max-width: 500px; flex: 1 1 auto }
#mysection07text { font-family: 'Zen Old Mincho', serif; font-size: clamp(24px, calc(0.714vw + 16.29px), 30px); text-align: center; margin: clamp(32px, calc(3.214vw + -2.71px), 59px) 0; line-height: 1.6; font-weight: 400 }
#mysection07inner dl:nth-of-type(1) { margin-bottom: 35px; text-align: center }
#mysection07inner dl:nth-of-type(2) { margin-bottom: 22px; text-align: center }
#mysection07inner dt { color: #fff; background-color: #7d6d49; font-size: clamp(20px, calc(0.476vw + 14.86px), 24px); padding: clamp(5px, calc(0.238vw + 2.43px), 7px) }
#mysection07inner dd { background-color: #fff; padding: 24px 24px 48px; font-size: clamp(19px, calc(0.238vw + 16.43px), 21px) }
#mysection07inner dd strong { font-family: 'Zen Old Mincho', serif; font-size: 36px }
#mysection07inner dd em { font-style: normal; font-weight: 500; font-size: 16px }
#mysection07inner ul { list-style: none }
#mysection07inner li { padding-left: 1em; text-indent: -1em }
#mysection07form { width: 50%; background-color: #004986; padding: 48px 24px clamp(56px, calc(5vw + 2px), 98px) clamp(24px, calc(2.857vw + -6.86px), 48px) }
#mysection07forminner { max-width: 650px }
#mysection07form :is(h2, h3) { color: #fff }
#mysection07form form { margin-top: clamp(40px, calc(1.19vw + 27.14px), 50px) }
.mycontactform { display: flex; column-gap: clamp(16px, calc(2.857vw + -14.86px), 40px); margin-bottom: 18px }
#mysection07form :is(input[type='text'],input[type='tel'],input[type='email'], textarea) { width: 100%; padding: clamp(8px, calc(0.238vw + 5.43px), 10px); outline: none; border: 2px solid #fff; transition: .3s;
font-family: inherit;
font-size: inherit;
 }
#mysection07form :is(input[type='text']:focus, textarea:focus) { border-color: #f99; box-shadow: none }
#mysection07form dt { color: #fff }
#mysection07form dd { margin-top: 5px }
.mycontactformdl { width: calc(50% - clamp(8px, calc(1.429vw + -7.43px), 20px)) }
.mycontactformdlwide { width: 100% }
#mycontactformpersonal { margin-bottom: 16px }
#mycontactformpersonal > div:nth-of-type(1) { color: #fff }
#mycontactformpersonal > div:nth-of-type(2) { margin-top: 5px; background-color: #fff; padding: 16px; height: 114px; overflow-y: scroll }
#mycontactformpersonal p + p { margin-top: 16px }
#mycontactformpersonal ol { margin: 16px 0 0 20px }
#mycontactformpersonal li + li { margin-top: 8px }
#mycontactformcheck { margin-top: 26px; text-align: center; color: #fff }
#mycontactformcheck label { cursor: pointer }
#mycontactformsubmit { margin-top: 40px; text-align: center }
#mysubmit { background-color: #fff; padding: 24px 104px; border: none; font-size: 18px; color: #000; font-weight: 450; cursor: pointer; transition: .3s }
#mysubmit:disabled { cursor: not-allowed; opacity: .4 }
#mysubmit:not(:disabled):hover { opacity: .8 }
#maincontents { padding: 64px 24px 80px }
#maincontents article { max-width: 1280px; margin: 0 auto }
#containerblog { display: flex; justify-content: space-between; column-gap: 56px }
#blogmain { width: calc(100% - 336px) }
#blogarchive { width: calc(100% - 336px) }
#blogarchiveinner { display: flex; flex-wrap: wrap; gap: 30px }
#blogmain h2 { font-weight: 500; font-size: clamp(24px, calc(0.476vw + 18.86px), 28px); border-bottom: 4px solid #ddd; padding-bottom: 4px }
.blogmaincategory::before { font-family: 'Font Awesome 7 Free'; content: '\f0da\00a0'; font-weight: 900; font-size: 88% }
.blogmaindate { text-align: right; margin-top: 4px }
.blogarticle { margin-top: 40px }
.blogarticle p + p { margin-top: 24px }
.blogmainpager { display: flex; justify-content: center; column-gap: 24px; margin-top: 64px }
#blogsidebar { width: 280px }
#blogsidebar h4 { font-size: 14px; background-color: #eee; padding: 2px 8px; font-weight: 350; color: #444; margin-bottom: 8px; border-left: 4px solid #d2ac56 }
#blogsidebar a { text-decoration: none }
.blogsidebox + .blogsidebox { margin-top: 24px }
.blogsidebox dl { padding: 4px 8px }
.blogsidebox dt { font-size: 88% }
.blogsidebox ul { list-style: none }
.blogsidecategory li { padding: 2px 8px }
.blogsidecategory li::before { font-family: 'Font Awesome 7 Free'; content: '\f0da\00a0'; font-weight: 900; font-size: 88% }
.blogarchive { width: calc(33.333% - 20px); background-color: #f7f7f7 }
.blogarchive a { text-decoration: none; transition: .3s }
.blogarchive a:hover { opacity: .8 }
.blogarchiveinner { padding: 8px 16px 16px }
.blogarchivecategory { font-size: 88% }
.blogarchivecategory::before { font-family: 'Font Awesome 7 Free'; content: '\f0da\00a0'; font-weight: 900 }
.blogarchivedate { font-size: 88% }
.blogarchivethum img { max-width: 100% }
.blogarchive h2 { font-size: 18px; font-weight: 550; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden }
.blogarchive p { font-size: 92%; margin-top: 5px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden }
.blogpagination { margin-top: 40px; text-align: center; word-spacing: 4px }
footer { background-color: #000; padding: clamp(64px, calc(4.762vw + 12.57px), 104px) 24px clamp(64px, calc(3.571vw + 25.43px), 94px) }
#footerinner { max-width: 1400px; margin: 0 auto; display: flex; justify-content: space-between; color: #fff }
#footerlogo img { max-width: 100% }
#footerinfo dl { margin-top: 35px;color: #fff; }
#footerinfo dd { font-size: 20px; margin-top: 8px;color: #fff; }
#footerinfo dd a { color: #fff; }
#footerbtn { margin-top: 27px }
#footerbtn a { display: inline-block; text-decoration: none; color: #000; background-color: #fff; padding: 11px 35px; transition: .3s; font-weight: 450 }
#footerbtn a:hover { opacity: .72 }
#footercopyright { margin-top: 78px; font-size: 15px }
#footernav div { margin-bottom: 8px }
#footernav a { text-decoration: none; color: #fff; transition: .3s }
#footernav a::before { font-family: 'Font Awesome 7 Free'; content: '\f068\2003'; font-weight: 900; font-size: 88% }
#footernav a:hover { opacity: .72 }
.largetac { text-align: center }
#pt { position: fixed; bottom: 0; right: 0; display: none; width: 64px; height: 64px; opacity: 0; transition: .5s }
#pt a { display: block; height: 100%; color: #fff; text-decoration: none; background-color: #000 }
#pt span { height: 100%; display: flex; justify-content: center; align-items: center }
#pt i { font-size: 24px }
}

@media (min-width: 1921px) { 
#pt { right: calc(50% - 960px) }
}




#mysection04profilename dt span {
margin-left: 1em;
font-size: 15px;
}
.blogarticle h1 {display: block !important;}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
width: 100%;
padding: 8px;
}
@media (max-width: 400px) { 
	.mysection03flowbox {
	min-width: 160px;
	}
}

/* iPhone対策 */
@media (min-width: 768px) {
	a[href^="tel:"] {
	pointer-events: none;
	}
}

#footerinfo dd a,
#footerinfo dd a:link,
#footerinfo dd a:visited,
#footerinfo dd a:hover,
#footerinfo dd a:active {
color: #fff !important;
text-decoration: none;
}
#footerinfo dd a[href^="tel"] {
color: #fff !important;
-webkit-text-fill-color: #fff !important;
}