:root {
--icon-arrow-right: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%3E%3Cpath%20d%3D%22M6%2014c-.26%200-.51-.1-.71-.29a.996.996%200%200%201%200-1.41L9.59%208l-4.3-4.29A.996.996%200%201%201%206.7%202.3l5%205c.19.18.3.43.3.7s-.11.52-.29.71l-5%205c-.2.19-.45.29-.71.29z%22%2F%3E%3C%2Fsvg%3E");
--color-white: #fff;
--color-black: #000;
--color-black-light: #222;
--color-gray: #666;
--color-gray-light: #909090;
--color-gray-light-b: #707070;
--color-gray-light-c: #ddd;
--color-gray-pale: #f6f6f6;
--color-gray-pale-b: #eee;
--color-gray-pale-c: #F8F8F8;
--color-blue: #00698C;
--color-blue-b: #0075C4;
--color-green: #0b6d7d;
--color-blue-gradient: linear-gradient(45deg, #0077CA 0%, #0086cd 100%);
--color-red: #c7192a;
--transition-duration: 0.15s;
--transition-opacity: 0.65;
--container-size-xsmall: clamp(512px, 54.7794117647vw, 745px);
--container-size-small: clamp(0px, 74.2647058824vw, 1010px);
--container-size-medium: min( calc( 100% - clamp(0px, 17.6470588235vw, 240px) ), 1180px );
--container-size-large: min( calc( 100% - clamp(0px, 17.6470588235vw, 240px) ), 1360px );
--font-10: 10px;
--font-11: clamp(11px, 0.8088235294vw, 11px);
--font-12: clamp(11px, 0.8823529412vw, 12px);
--font-13: clamp(12px, 0.9558823529vw, 13px);
--font-14: clamp(13px, 1.0294117647vw, 14px);
--font-15: clamp(13px, 1.1029411765vw, 15px);
--font-16: clamp(14px, 1.1764705882vw, 16px);
--font-17: clamp(14px, 1.25vw, 17px);
--font-18: clamp(15px, 1.3235294118vw, 18px);
--font-19: clamp(16px, 1.3970588235vw, 19px);
--font-20: clamp(16px, 1.4705882353vw, 20px);
--font-21: clamp(17px, 1.5441176471vw, 21px);
--font-22: clamp(18px, 1.6176470588vw, 22px);
--font-23: clamp(18px, 1.6911764706vw, 23px);
--font-24: clamp(19px, 1.7647058824vw, 24px);
--font-25: clamp(19px, 1.8382352941vw, 25px);
--font-26: clamp(20px, 1.9117647059vw, 26px);
--font-27: clamp(21px, 1.9852941176vw, 27px);
--font-28: clamp(21px, 2.0588235294vw, 28px);
--font-29: clamp(22px, 2.1323529412vw, 29px);
--font-30: clamp(23px, 2.2058823529vw, 30px);
--font-31: clamp(23px, 2.2794117647vw, 31px);
--font-32: clamp(24px, 2.3529411765vw, 32px);
--font-33: clamp(24px, 2.4264705882vw, 33px);
--font-34: clamp(25px, 2.5vw, 34px);
--font-35: clamp(26px, 2.5735294118vw, 35px);
--font-36: clamp(26px, 2.6470588235vw, 36px);
--font-37: clamp(27px, 2.7205882353vw, 37px);
--font-38: clamp(28px, 2.7941176471vw, 38px);
--font-39: clamp(28px, 2.8676470588vw, 39px);
--font-40: clamp(29px, 2.9411764706vw, 40px);
--font-41: clamp(29px, 3.0147058824vw, 41px);
--font-42: clamp(30px, 3.0882352941vw, 42px);
--font-43: clamp(31px, 3.1617647059vw, 43px);
--font-44: clamp(31px, 3.2352941176vw, 44px);
--font-45: clamp(32px, 3.3088235294vw, 45px);
--font-46: clamp(33px, 3.3823529412vw, 46px);
--font-47: clamp(33px, 3.4558823529vw, 47px);
--font-48: clamp(34px, 3.5294117647vw, 48px);
--font-49: clamp(34px, 3.6029411765vw, 49px);
--font-50: clamp(35px, 3.6764705882vw, 50px);
--font-51: clamp(36px, 3.75vw, 51px);
--font-52: clamp(36px, 3.8235294118vw, 52px);
--font-53: clamp(37px, 3.8970588235vw, 53px);
--font-54: clamp(38px, 3.9705882353vw, 54px);
--font-55: clamp(38px, 4.0441176471vw, 55px);
--font-56: clamp(39px, 4.1176470588vw, 56px);
--font-57: clamp(39px, 4.1911764706vw, 57px);
--font-58: clamp(40px, 4.2647058824vw, 58px);
--font-59: clamp(41px, 4.3382352941vw, 59px);
--font-60: clamp(41px, 4.4117647059vw, 60px);
--font-65: clamp(44px, 4.7794117647vw, 65px);
--font-100: clamp(66px, 7.3529411765vw, 100px) ;
}
@media (max-width: 767px) {
:root {
--container-size-xsmall: 90vw;
--container-size-small: 90vw;
--container-size-medium: 90vw;
--container-size-large: 95vw;
}
}
._d-none {
display: none !important;
}
._d-block {
display: block !important;
}
._d-inline-block {
display: inline-block !important;
}
._d-inline {
display: inline !important;
}
._d-flex {
display: flex !important;
}
._d-inline-flex {
display: inline-flex !important;
}
@media (min-width: 560px) {
._d-sm-none {
display: none !important;
}
._d-sm-block {
display: block !important;
}
._d-sm-inline-block {
display: inline-block !important;
}
._d-sm-inline {
display: inline !important;
}
._d-sm-flex {
display: flex !important;
}
._d-sm-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 768px) {
._d-md-none {
display: none !important;
}
._d-md-block {
display: block !important;
}
._d-md-inline-block {
display: inline-block !important;
}
._d-md-inline {
display: inline !important;
}
._d-md-flex {
display: flex !important;
}
._d-md-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 960px) {
._d-lg-none {
display: none !important;
}
._d-lg-block {
display: block !important;
}
._d-lg-inline-block {
display: inline-block !important;
}
._d-lg-inline {
display: inline !important;
}
._d-lg-flex {
display: flex !important;
}
._d-lg-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 1200px) {
._d-xl-none {
display: none !important;
}
._d-xl-block {
display: block !important;
}
._d-xl-inline-block {
display: inline-block !important;
}
._d-xl-inline {
display: inline !important;
}
._d-xl-flex {
display: flex !important;
}
._d-xl-inline-flex {
display: inline-flex !important;
}
}
#left_col{
width: 100%;
} .contact_inner{
max-width: var(--container-size-medium);
margin: 0 auto;
}
.contact-container {
max-width: var(--container-size-medium);
margin: 0 auto;
padding: clamp(44px, 5.8528428094vw, 70px) 0 clamp(50px, 4.6511627907vw, 80px);
}
.contact_inner > .lead { line-height: 2;
text-align: justify;
word-break: break-all;
}
@media (min-width: 560px) {
.contact_inner > .lead {
text-align: center;
}
}
.contact_inner > .lead > .heading {
margin-bottom: 0.75em; text-align: center;
}
.contact_inner > .lead > .heading.-error {
color: var(--color-red);
} .contact-flow {
position: relative;
display: flex;
justify-content: space-between;
max-width: clamp(188px, 25.0836120401vw, 300px);
margin: 0 auto !important;
font-size: var(--font-12);
}
.contact-flow::before {
content: "";
position: absolute;
top: calc(0.4375em - 1px);
right: 2.25em;
left: 2.25em;
border-top: 2px solid var(--color-gray-light-c);
}
.contact-flow > li {
z-index: 1;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
gap: 0.875em;
width: 4.5em;
text-align: center;
color: var(--color-gray-light-c);
white-space: nowrap;
}
.contact-flow > li::before {
content: "";
width: 0.875em;
height: 0.875em;
background: currentColor;
border-radius: 100%;
}
.contact-flow > li.-current {
color: var(--color-black);
}
.contact-form {
margin-top: clamp(47px, 6.27090301vw, 75px);
}
.contact-form > div + div {
margin-top: clamp(19px, 2.508361204vw, 30px);
}
.contact-form > div > dt { line-height: 1.625;
}
.contact-form > div > dd {
flex: 1 1 0%;
margin-top: clamp(5px, 0.6688963211vw, 8px); line-height: 1.5;
}
.contact-form > .contact_privacy {
margin-top: clamp(38px, 5.016722408vw, 60px);
margin-bottom: clamp(31px,3.6764705882vw,50px);
text-align: center;
line-height: 2;
}
.mw_wp_form_confirm .contact-form > .privacy > dd, .mw_wp_form_preview .contact-form > .privacy > dd {
display: none;
}
.contact-form > .submit > dd {
display: flex;
flex-direction: column;
justify-content: center;
}
@media (min-width: 560px) {
.contact-form > .submit > dd {
flex-direction: row-reverse;
}
}
.contact-form a {
color: var(--color-red);
text-decoration: underline;
}
.contact-form .required {
margin-left: 0.25em;
color: var(--color-red);
}
.c-form-control {
--c-form-control-border: 1px solid var(--color-gray-light);
--c-form-control-border-radius: 5px;
--c-form-control-padding: .75em 1em;
--c-form-control-background: var(--color-gray-pale);
--c-form-control-line-height: 1.625; --c-form-control-font-color: inherit;
--c-form-control-textarea-padding: 1em;
}
@media (min-width: 768px) {
.c-form-control {
--c-form-control-padding: 1.125em; }
}
.c-form-control {
box-sizing: border-box;
display: block;
width: 100%;
margin: 0;
padding: var(--c-form-control-padding, 0);
border: var(--c-form-control-border, none);
border-radius: var(--c-form-control-border-radius, 0);
background: var(--c-form-control-background, transparent);
font: inherit; line-height: var(--c-form-control-line-height, inherit);
color: var(--c-form-control-font-color, inherit);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.c-form-control:disabled {
cursor: not-allowed;
}
textarea.c-form-control {
padding: var(--c-form-control-textarea-padding, 0);
resize: vertical;
}
select.c-form-control {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='22' viewBox='0 0 30 22'%3e%3cpath fill='%23343a40' d='M15 22L0 0h30z'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: calc(100% - 0.75em) 50%;
background-size: 0.5em auto;
}
select.c-form-control[multiple], select.c-form-control[size]:not([size="1"]) {
background-image: none;
}
.c-form-control.-auto {
display: inline-block;
width: auto;
}
.c-btn.-contactAction {
justify-content: center;
min-width: clamp(175px, 23.4113712375vw, 280px);
padding: 1.125em 3.25em;
font-size: var(--font-16);
text-align: center;
}
.c-btn.-contactAction.-submit {
background: var(--color-blue);
border: 3px solid var(--color-blue);
color: var(--color-white);
}
.c-btn.-contactAction.-back {
background: var(--color-white);
border: 3px solid var(--color-blue);
color: var(--color-blue);
margin-right: clamp(13px, 1.6722408027vw, 20px);
}
.contact-captcha{
text-align: center;
margin-bottom: clamp(30px, 3.488372093vw, 60px);
}
.contact-captcha > img{
margin: 0 auto;
}
.contact-captcha > input{
padding: 10px 20px;
margin-top: 1em;
border: 1px solid #222;
}
body:not(.-is-sp) [type=submit]:hover {
opacity: var(--transition-opacity);
}
.example{
position: relative;
top: 70px;
font-size: 40px;
text-align: center;
font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
font-weight: normal;
color: #00698C;
}
@media (max-width:770px) {
.example{
top: 20px;
font-size: 26px;
}
}
.pc #global_menu > ul > li > a{
font-size: 14px;
}
#index_blog .index_blog_link{
background: #00698C;
transition: all .4s;
}
#index_blog .index_blog_link:hover{
transition: all .4s;
opacity: .6;
}
.index_news_list .headline{
background: #00698C;
}
.index_news_list a.archive_link:hover{
background: #00698c7f;
transition: all .4s;
}
#footer_address .info{
font-size: 14px;
}
.footer_menu li{
font-size: 14px;
}
#footer_address{
font-size: 14px;
position: relative;
bottom: 3em;
}
@media (max-width:770px) {
#footer_address{
padding: 20px;
}
}
br.sp{
display: none;
}
br.sp_no{
display: block;
}
@media (max-width:560px) {
br.sp{
display: block;
}
br.sp_no{
display: none;
}
}
.no_page{
text-align: center;
}
@media (max-width:560px) {
.no_page{
text-align: left;
}
}
p.action{
text-align: center;
}
p.action > a{
padding: 1em 2em;
border: 1px solid #00698C;
transition: all .4;
}
p.action > a:hover{
background: #00698C;
color: #fff;
transition: all .4;
text-decoration: none;
}
.error404 #post_title{
text-align: center;
margin-top: 3em;
}
#post_title{
text-align: center;
}
#related_post{
background-color: #00698C;
}
#left_col{
width:100%;
}
@media (max-width: 600px){
.wp-block-media-text .wp-block-media-text__content{
padding:1em 0 0;
}
}
.post_content h2{
font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
display: inline-block;
border-bottom: 3px solid #fff000;
border-top: 3px solid #fff000;
padding-bottom: 10px;
margin-bottom: 1em;
}
.img_center{
text-align:center;
} #index_project .catchphrase{
margin: 0 0 35px 0;
}
.index_news_list ol a .title {
font-size: 16px;
}
#index_news .catchphrase .desc{
font-size: 16px !important;
}
.index_box_list .desc{
overflow: unset;
}
.index_box_list .desc > p{
font-size: 16px;
}
#blog_list .title{
font-size: 16px;
}
.top_message{
font-size: 20px;
}
@media (max-width:767px) {
.top_message{
font-size: 16px;
}  
}