@charset "UTF-8";

/*
	Theme Name: ワークスピット
	Description: LAYOUT & SCRIPT DATA
	Author: Mochida Tomokazu
	Author URI: https://www.resite.jp/
	Version: 2025.04

*/



*{margin: 0;padding: 0;}
html {font-family:var(--gothic);}
a{outline:none !important;}
a:focus{outline:none !important;}
li{outline:none !important;}
li:focus{outline:none !important;}
figure{margin:0;}

:root{--blue:#0052A5;--blue2:#2E82C0;--orenge:#FF7F00;--gray:#666;--black:#000;--gray2:#ddd;--gray3:#999;--gray4:#eee;--white:#fff;--mincho:'Zen Old Mincho', serif;--gothic:'Noto Sans JP', sans-serif;}

.vertical{opacity: 0;transform: translate(0,60px); transition: all 1s ease 0s;}
.vertical.dis{opacity: 1.0;transform: translate(0,0);}


@media all and (min-width:751px) {
body {color: var(--gray);font-size: 16px;line-height: 1.6;font-weight: normal;overflow-x: hidden;}
ul,li {list-style-type: none;}
a:hover{opacity: 0.4;transition: 0.4s ease-in-out;}


/*--------ヘッダー--------*/
header{display: block;}
header section{background-color: rgba(255,255,255,0.9);display:block;position: fixed;z-index: 1;width: 100%;height: 130px;}
.contents header section{height: 160px;}
header section>div{display: flex;height: 100%;align-items: center;justify-content: center;position: relative;width: 1200px;margin: auto;}
header h1{display: block;font-weight: normal;}
.contents header h1{margin-top: -30px;}
header h1 a{text-decoration: none;color: var(--black);font-size: 16px;text-align: center;display: block;}
header h1 a img{display: block;margin: auto;margin-bottom: 4px;}
header section>div>a{text-decoration: none;color: var(--black);font-size: 15px;position: absolute;right: 0;}
header section>div>a::before{content: "";position: absolute;left: -18px;top: 13px;border-top: 1px solid #ccc;width: 10px;}
header .visual{display: flex;background-image: url(images/visual.jpg);height: 100vh;width: 100%;background-repeat: no-repeat;background-size: cover;background-position:center top;align-items: flex-end;justify-content: center;}
header .visual h2{font-size: 22px;font-weight: normal;color:var(--blue);font-family:var(--mincho);text-align: center;padding-bottom: 80px;text-shadow: 0px 0px 3px #fff,0px 0px 3px #fff,0px 0px 3px #fff,0px 0px 3px #fff,0px 0px 3px #fff,0px 0px 3px #fff,0px 0px 3px #fff,0px 0px 3px #fff,0px 0px 3px #fff;}
header .visual h2 br{display: none;}
header .visual h2 b{font-size: 40px;display: block;font-weight: normal;}
header .pcnav{width: 660px;height: 46px;margin: auto;background-color:var(--blue);border-radius: 100px;position: relative;top: -23px;}
.contents header .pcnav{margin: 120px auto 0 !important;z-index: 1;position: fixed;inset: 0;}
header .pcnav ul{margin: auto;display: flex;justify-content: center;height: 100%;width: 100%;}
header .pcnav ul li{display: block;height: 100%;margin: 0 10px;}
header .pcnav ul li a{text-decoration: none;color: var(--white);display: flex;height: 100%;width: 100%;align-items: center;justify-content: center;}
header .pcnav ul li a::before{content: "\25B8";margin-right: 3px;}



/*--------フッダー--------*/
footer{display: block;}
footer section{display: flex;align-items: center;justify-content: center;flex-direction: column;}
footer h1{display: block;color: #000;font-size: 16px;text-align: center;display: block;font-weight: normal;}
footer h1 img{display: block;margin: auto;margin-bottom: 4px;}
footer ul{display: flex;margin-top: 40px;}
footer ul li{margin: 0 30px;}
footer ul li a{text-decoration: none;color: #000;font-size: 15px;position: relative;}
footer ul li a::before{content: "";position: absolute;left: -18px;top: 11px;border-top: 1px solid #ccc;width: 10px;}
footer small{background-color: var(--blue);display: block;width: 100%;text-align: center;color: #fff;font-size: 11px;padding: 3px 0;margin-top: 40px;}

/*--------コンテンツ共通--------*/
main{display: block;}
.contents main{padding-top: 160px;}
article{display: block;padding-bottom: 100px;}

.midashi{border-top: 1px solid var(--gray2);border-bottom: 1px solid var(--gray2);}
.midashi h2{font-size: 30px;color: var(--blue);letter-spacing: 3px;background-color: #F8F8F8;padding: 25px 0;text-align: center;}

.pankuzu{background-color:#eee;padding: 8px 0;}
.pankuzu ul{width: 1200px;margin: auto;display: flex;}
.pankuzu li{margin-right: 15px;}
.pankuzu li a{text-decoration: none;color: var(--gray);font-size: 15px;}
.pankuzu li:last-child a{color: var(--gray3);}
.pankuzu li a::before{content: "»";margin-right: 15px;}
.pankuzu li:nth-of-type(1) a::before{content: none !important;}

h2.title1{font-size: 30px;color: var(--blue);background-image: url(images/title_bg.jpg);padding: 25px 0;text-align: center;border-top: 1px dotted var(--blue);letter-spacing: 2px;}
h3.title1{font-size: 22px;color: var(--gray);display: table;position: relative;left: 50%;transform: translate(-50%,0);margin-top: 30px;letter-spacing: 2px;}
h3.title1::before{content: "";position: absolute;border-top: 1px solid var(--gray2);width: 50px;left: -70px;top: 18px;}
h3.title1 br{display: none;}
h3.title1::after{content: "";position: absolute;border-top: 1px solid var(--gray2);width: 50px;right: -70px;top: 18px;}
h3.title2{font-size: 24px;color: var(--blue);letter-spacing: 3px;display: flex;align-items: center;}
h3.title2::before{content: url(images/ec1.png);margin-right: 10px;line-height: 0;}

.contents .temp{margin-top: 200px;}
.temp{width: 100%;margin-top: 100px;position: relative;background-color: var(--blue);padding: 120px 0 90px;}
.temp h2{display: table;background-color: #fff;left: 50%;transform: translate(-50%,0);position: absolute;padding: 30px 40px 20px;font-size: 28px;color: var(--blue);top: -70px;letter-spacing: 2px;}
.temp br{display: none;}
.temp h2 b{font-size: 40px;color: var(--orenge);margin: 0 4px;}
.temp ul{width: 1200px;margin: auto;display: flex;justify-content: center;align-items: stretch;flex-wrap: wrap;}
.temp ul li{width: 380px;background-color: rgba(255,255,255,0.3);border-radius: 10px;color: var(--white);padding: 20px;box-sizing: border-box;margin: 0 10px;margin-top: 20px;}
.temp ul li img{display: block;margin: auto;}
.temp ul li h3{font-size: 20px;text-align: center;}
.temp ul li p{margin-top: 20px;}


/*--------トッページ--------*/
.top .s1{width: 1200px;margin: auto;margin-top: 40px;}
.top .s1 h2{font-size: 32px;color: var(--blue);text-align: center;position: relative;letter-spacing: 2px;}
.top .s1 h2 b{font-size: 40px;color: var(--orenge);}
.top .s1 h2::before{content: "…";font-size: 60px;color: var(--gray2);position: absolute;left:50%;transform: translate(-50%,0);bottom: -70px;}
.top .s1 p{font-size: 18px;text-align: center;line-height: 2;margin-top: 60px;}


.top .s2{width: 1200px;margin: auto;margin-top: 100px;}
.top .s2 img{display: block;margin: auto;}
.top .s2 h2{font-size: 34px;color: var(--blue);text-align: center;position: relative;letter-spacing: 2px;}
.top .s2 h2 b{font-size: 40px;color: var(--orenge);}
.top .s2 h2::before{content: "…";font-size: 60px;color: var(--gray2);position: absolute;left:50%;transform: translate(-50%,0);bottom: -70px;}
.top .s2 p{font-size: 18px;text-align: center;line-height: 2;margin-top: 60px;}


.top .s3{margin-top: 100px;width: 100%;}
.top .s3 div{width: 1200px;margin: auto;display: flex;justify-content: space-between;align-items: center;margin-top: 50px}
.top .s3 figure{display: block;order: 2;flex: 0 0 600px;}
.top .s3 figure img{display: block;}
.top .s3 span{flex: 1;margin-right: 40px;}
.top .s3 span h3{font-size: 19px;background-color: var(--blue2);display: inline-block;color: var(--white);padding: 3px 34px;border-radius: 100px;}
.top .s3 span img{display: block;margin-top: 20px;}
.top .s3 span a{color: var(--gray);text-decoration: none;margin: 10px 0;display: inline-block;}
.top .s3 ol{margin-top: 20px;}
.top .s3 ol li{list-style-type: disc;margin-left: 20px;margin-top: 12px;}
.top .s3 ul{display: flex;justify-content: center;width: 1200px;margin: auto;margin-top: 60px;}
.top .s3 ul li{width:380px;margin: 0 10px;}
.top .s3 ul li img{display: block;width: 100%;height: auto;}
.top .s3 ul li h4{display: block;text-align: center;font-size: 18px;margin-top: 15px;}
.top .s3 ul li p{margin-top: 15px;}


.top .s4{margin-top: 100px;width: 100%;}
.top .s4 ul{display: flex;width: 1200px;margin: auto;margin-top: 10px;flex-wrap: wrap;justify-content: center;}
.top .s4 ul li{width: 296px;margin: 0px 2px;margin-top: 30px;}
.top .s4 ul li a{text-decoration: none;color: var(--gray);}
.top .s4 ul li img{display: block;width: 100%;height: auto;}
.top .s4 ul li h4{display: block;text-align: center;font-size: 18px;margin-top: 15px;}
.top .s4 .more{font-weight:bold;display: flex;width: 1200px;margin: auto;margin-top: 20px;justify-content: flex-end;font-size: 18px;letter-spacing: 2px;position: relative;padding-left: 20px;align-items: center;}
.top .s4 .more a{text-decoration: none;color: var(--gray);position: absolute;right: 0;}
.top .s4 .more a::before{content: "";position: absolute;left: -18px;top: 15px;border-top: 1px solid #ccc;width: 10px;}

/*--------記事リスト--------*/
.sort{display: flex;width: 1200px;margin: auto;justify-content: space-between;align-items: center;margin-top: 20px;}
.sort span{font-size: 15px;}
.sort ul{display: flex;align-items: center;}
.sort ul::before{content:"並べ替え";font-size: 15px;margin-right: 10px;}
.sort ul li{border: 1px solid var(--gray2);padding: 5px 18px;box-sizing: border-box;border-right: none;background-image: linear-gradient(0deg, #eee, #ffffff);}
.sort ul li:nth-last-of-type(1){border-right: 1px solid var(--gray2);}
.sort ul li a{font-size: 14px;color: var(--gray);text-decoration: none;font-weight: bold;}



.list .s1{display: block;}
.blocklist{display: block;width: 1200px;margin: auto;margin-top: 70px;}
.blocklist ul{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: -20px;}
.blocklist ul li{width: 590px;border: 1px solid var(--gray2);margin-top: 20px;}
.blocklist ul li a{display: flex;position: relative;text-decoration: none;align-items: center;}
.blocklist ul li a small{position: absolute;left: 0;top: 0;background-color: var(--blue);color: var(--white);display: block;padding: 2px 10px;font-weight: bold;font-size: 15px;}
.blocklist ul li a figure{flex: 0 0 250px;}
.blocklist ul li a figure img{display: block;}
.blocklist ul li a .tag{display: block;margin-bottom: 10px;}
.blocklist ul li a .tag span{color: var(--gray);display: inline-block;font-size: 14px;font-weight: bold;border: 1px solid var(--gray2);padding: 2px 6px;margin-right: 3px;}
.blocklist ul li a div{flex: 1;padding: 10px 25px;box-sizing: border-box;}
.blocklist ul li a h3{font-size: 20px;color: var(--blue);line-height: 1.4;}
.blocklist ul li a p{font-size: 15px;color: var(--gray);margin-top: 10px;}

.pagination{margin-top: 70px;display: flex;justify-content: center;align-items: center;}
.pagination .current{color: var(--gray3);margin: 0 6px;}
.pagination a{text-decoration: none;color: var(--black);margin: 0 6px;}


/*--------企業情報--------*/
.company .s1{width: 1200px;margin: auto;margin-top: 70px;}
.company .s1 table{width: 100%;border-collapse: collapse;border: 3px solid var(--blue);margin-top: 30px;}
.company .s1 table th{background-color: var(--gray4);border-bottom: 1px dotted var(--gray2);padding: 10px 20px;width: 180px;box-sizing: border-box;}
.company .s1 table td{border-bottom: 1px dotted var(--gray2);padding: 10px 20px;box-sizing: border-box;}
.company .s1 table td a{color: var(--gray);}
.company .s1 table td.gmap{border-bottom: none;padding: 0px;}
.company .s1 table td.gmap iframe{display: block;border: none;}
.company .s1>iframe{display: none;}


/*--------プライバシーポリシー--------*/
.privacy .s1{width: 1200px;margin: auto;margin-top: 70px;}
.privacy .s1 h4{font-size: 18px;border-left: 1px solid var(--gray3);padding-left: 20px;margin-top: 50px;}
.privacy .s1 p:nth-of-type(1) {margin-top: 20px;}
.privacy .s1 p{display: block;margin-top: 10px;}
.privacy .s1 div{border-top: 1px dotted var(--gray3);margin-top: 60px;padding-top: 30px;}
.privacy .s1 div a{text-decoration: none;color: var(--gray);}



/*--------記事--------*/
.post .s1{width: 1200px;margin: 70px auto 100px;}
.post .s1 .posttitle{font-size: 30px;color: var(--white);background-color: var(--blue);padding: 20px 30px;margin-bottom: -30px;}
.post .s1 h3.subtitle, h3.wp-block-heading{font-size: 22px;color: var(--blue);border-left: 5px solid var(--blue);padding-left: 20px;line-height: 2;margin-top: 60px;}
.post .s1 h4.subtitle, h4.wp-block-heading{display: flex;align-items: center;color: var(--blue);font-size: 18px;margin-top: 30px;}
.post .s1 h4.subtitle::before, h4.wp-block-heading::before{content: url(images/ec1.png);margin-right: 8px;line-height: 1;}
.post .s1 p{margin-top: 20px;}
.post .s1 div.floatright-img{margin-top: 20px;}
.post .s1 .red{color: #ff0000;}
.post .s1 .bgy{background-color: #FFFF00;}
.post .s1 img.imgcenter{display: block;max-width: 1200px;margin: 30px auto;}
.post .s1 figure.wp-block-image{display: block;max-width: 1200px;margin: 30px auto;}
.post .s1 img.imgright{float: right;margin: 0 0 0 50px;max-width: 600px;}
.post .s1 div.floatright-img img{float: right;margin: 0 0 0 50px;max-width: 600px;}
.post .s1 img.imgleft{float: left;margin: 0 50px 0 0;max-width: 600px;}
.post .s1 .mokuji{background-color: var(--gray4);border-radius: 8px;padding: 40px 50px;box-sizing: border-box;margin-top: 40px;}
.post .s1 .mokuji ol{display: block;}
.post .s1 .mokuji ol::before{content: "目次";font-weight: bold;margin-bottom: 20px;}
.post .s1 .mokuji ol li{list-style-type: decimal;margin-left: 25px;margin-top: 10px;}
.post .s1 .mokuji ol li a{color: var(--gray);}
.post .s1 .toc-list{background-color: var(--gray4);border-radius: 8px;padding: 40px 50px;box-sizing: border-box;margin-top: 40px;}
.post .s1 .toc-list ol{display: block;}
.post .s1 .toc-list ol li{list-style-type: decimal;margin-left: 25px;margin-top: 10px;}
.post .s1 .toc-list ol li a{color: var(--gray);}

.post .s1 table.wp-block-table{width: 100%;border-collapse: collapse;border: 3px solid var(--blue);margin-top: 30px;}
.post .s1 table.wp-block-table th{background-color: var(--gray4);border-bottom: 1px dotted var(--gray2);padding: 10px 20px;width: 180px;box-sizing: border-box;}
.post .s1 table.wp-block-table td{border-bottom: 1px dotted var(--gray2);padding: 10px 20px;box-sizing: border-box;}
.post .s1 table.wp-block-table td a{color: var(--gray);}

.hidden-fields-container{display: none;}
.screen-reader-response{display: none;}
.contactform{width: 1200px;margin: auto;}
.contactform h2{font-size: 20px;color: var(--white);background-color: var(--blue);padding: 20px 30px;letter-spacing: 2px;display: flex;align-items: center;margin-bottom: -40px;}
.contactform h2::before{content: url(images/ec2.png);margin-right: 10px;line-height: 1;}


.meta{margin-top: 30px;}
.meta .metalink{display: flex;}
.meta .metalink a{background-color:#FF7F00;color: var(--white);text-decoration: none;font-size: 15px;font-weight: bold;border-radius: 4px;padding: 4px 10px;margin-right: 4px;}
.meta .metalink a::before{content: "\25B8";margin-right: 2px;}
.meta .status{border: 1px solid var(--gray2);padding: 10px;box-sizing: border-box;margin-top: 10px;font-size: 15px;}
.meta .status ul{display: flex;flex-wrap: wrap;}
.meta .status ul li{margin-right: 20px;}
.meta .status ul li b{color: var(--blue);}


.outline{margin-top: 40px;border-collapse: collapse;width: 100%;border: 3px solid var(--gray2);}
.outline th{border-bottom: 1px solid var(--gray4);padding: 10px 20px;box-sizing: border-box;vertical-align: top;}
.outline td{border-bottom: 1px solid var(--gray4);padding: 10px 20px;box-sizing: border-box;}



/*--------お問い合わせ--------*/	

.contact .s1{width: 1200px;margin: auto;margin-top: 70px;}

table.form {width: 100%;border-collapse: collapse;margin: 40px auto 0;border: 3px solid var(--blue);}
table.form th {padding: 15px;width: 250px;background-color: #f5f5f5;border: 1px solid var(--gray4);vertical-align: top;}
table.form th span {font-size: 13px;color:#ff0000;}		
table.form td {border-bottom: 1px dotted var(--gray2);padding: 15px;}
table.form td label{}
table.form td a{color: #FF7F00;margin-left: 20px;}
table.form td input[type=text] {width: 100%;font-size:16px;padding: 6px;background-color: #f3f3f3;border: none;box-sizing: border-box;font-family:var(--gothic);}
table.form td textarea {width: 100%;font-size:16px;padding: 6px;background-color: #f3f3f3;border: none;box-sizing: border-box;font-family:var(--gothic);height: 200px;}
table.form td input[type=checkbox] {margin-right: 5px;}
table.form td button {width:200px;font-size: 16px;padding: 10px 0px;margin:10px;border: none;background-color: var(--blue);color: var(--white);border-radius: 3px;font-family:var(--gothic);font-weight: bold;}
table.form td.center{text-align:center;}

table.contactus-form1 {width: 100%;border-collapse: collapse;margin: 40px auto 0;border: 3px solid var(--blue);}
table.contactus-form1 th {padding: 15px;width: 250px;background-color: #f5f5f5;border: 1px solid var(--gray4);vertical-align: top;}
table.contactus-form1 th span {font-size: 13px;color:#ff0000;}		
table.contactus-form1 td {border-bottom: 1px dotted var(--gray2);padding: 15px;}
table.contactus-form1 td label{}
table.contactus-form1 td a{color: #FF7F00;margin-left: 20px;}
table.contactus-form1 td input[type=text],input[type=email],input[type=tel] {width: 100%;font-size:16px;padding: 6px;background-color: #f3f3f3;border: none;box-sizing: border-box;font-family:var(--gothic);}
table.contactus-form1 td textarea {width: 100%;font-size:16px;padding: 6px;background-color: #f3f3f3;border: none;box-sizing: border-box;font-family:var(--gothic);height: 200px;}
table.contactus-form1 td input[type=checkbox] {margin-right: 5px;}
table.contactus-form1 td button,input[type=submit] {width:200px;font-size: 16px;padding: 10px 0px;margin:10px;border: none;background-color: var(--blue);color: var(--white);border-radius: 3px;font-family:var(--gothic);font-weight: bold;cursor: pointer;}
table.contactus-form1 td.center{text-align:center;}


}










































/*--------スマートフォンー-------------------------------------------------------------------------------------------------------------------------------------------------------------------*/













@media all and (max-width:750px) {
body {color: var(--gray);font-size: 16px;line-height: 1.6;font-weight: normal;overflow-x: hidden;}
ul,li {list-style-type: none;}


/*--------ヘッダー--------*/
header{display: block;}
header section{background-color: rgba(255,255,255,0.9);display:block;position: fixed;z-index: 1;width: 100%;height: 70px;}
header section>div{display: flex;height: 100%;align-items: center;justify-content: center;position: relative;width: 100%;margin: auto;}
header h1{display: block;font-weight: normal;}
header h1 a{text-decoration: none;color: var(--black);font-size: 14px;text-align: center;display: block;}
header h1 a img{display: block;margin: auto;margin-bottom: 0px;width: 150px;}
header section>div>a{display: none;}
header section>div>a::before{content: "";position: absolute;left: -18px;top: 13px;border-top: 1px solid #ccc;width: 10px;}
header .visual{display: flex;background-image: url(images/visual.jpg);height: 100vh;width: 100%;background-repeat: no-repeat;background-size: cover;background-position:center top;align-items: flex-end;justify-content: center;}
header .visual h2{font-size: 16px;font-weight: normal;color:var(--blue);font-family:var(--mincho);text-align: center;padding-bottom: 80px;text-shadow: 0px 0px 3px #fff,0px 0px 3px #fff,0px 0px 3px #fff,0px 0px 3px #fff,0px 0px 3px #fff,0px 0px 3px #fff,0px 0px 3px #fff,0px 0px 3px #fff,0px 0px 3px #fff;}
header .visual h2 b{font-size: 28px;display: block;font-weight: normal;}
header .pcnav{width: 96%;margin: auto;background-color:var(--blue);border-radius: 6px;position: relative;top: -50px;padding: 10px;box-sizing: border-box;}
.contents header .pcnav{display: none;}

header .pcnav ul{margin: auto;display: flex;height: 100%;width: 100%;flex-wrap: wrap;align-items: center;}
header .pcnav ul li{display: block;height: 50%;margin: 3px 15px;}
header .pcnav ul li a{text-decoration: none;color: var(--white);display: flex;height: 100%;width: 100%;align-items: flex-start;justify-content: flex-start;}
header .pcnav ul li a::before{content: "\25B8";margin-right: 3px;}



/*--------フッダー--------*/
footer{display: block;}
footer section{display: flex;align-items: center;justify-content: center;flex-direction: column;}
footer h1{display: block;color: #000;font-size: 14px;text-align: center;display: block;font-weight: normal;}
footer h1 img{display: block;margin: auto;margin-bottom: 4px;width: 150px;}
footer ul{display: flex;margin-top: 20px;}
footer ul li{margin: 0px 20px;}
footer ul li a{text-decoration: none;color: #000;font-size: 14px;position: relative;}
footer ul li a::before{content: "";position: absolute;left: -18px;top: 11px;border-top: 1px solid #ccc;width: 10px;}
footer small{background-color: var(--blue);display: block;width: 100%;text-align: center;color: #fff;font-size: 8px;padding: 2px 0;margin-top: 30px;}




/*--------コンテンツ共通--------*/
main{display: block;}
.contents main{padding-top: 70px;}
article{display: block;padding-bottom: 100px;}
.contents article{display: block;padding-bottom: 60px;}


.midashi{border-top: 1px solid var(--gray2);border-bottom: 1px solid var(--gray2);}
.midashi h2{font-size: 24px;color: var(--blue);letter-spacing: 3px;background-color: #F8F8F8;padding: 20px 0;text-align: center;}


.pankuzu{background-color:#eee;padding: 2px 10px;overflow: auto;}
.pankuzu ul{width: 100%;margin: auto;display: flex;white-space: nowrap;}
.pankuzu li{margin-right: 10px;}
.pankuzu li a{text-decoration: none;color: var(--gray);font-size: 12px;}
.pankuzu li:last-child a{color: var(--gray3);}
.pankuzu li a::before{content: "»";margin-right: 10px;}
.pankuzu li:nth-of-type(1) a::before{content: none !important;}

h2.title1{font-size: 26px;color: var(--blue);background-image: url(images/title_bg.jpg);padding: 25px 0;text-align: center;border-top: 2px solid var(--blue);letter-spacing: 2px;}

h3.title1{font-size: 22px;color: var(--gray);display: table;position: relative;left: 50%;transform: translate(-50%,0);margin-top: 30px;letter-spacing: 2px;text-align: center;line-height: 1.5;text-decoration: underline 8px #ffff9b;text-underline-offset: -3px;}
/*
h3.title1::before{content: "";position: absolute;border-top: 1px solid var(--gray2);width: 50px;left: -70px;top: 18px;}
h3.title1::after{content: "";position: absolute;border-top: 1px solid var(--gray2);width: 50px;right: -70px;top: 18px;}
*/
h3.title2{font-size: 20px;color: var(--blue);letter-spacing: 3px;display: flex;align-items: center;}
h3.title2::before{content: url(images/ec1.png);margin-right: 10px;line-height: 0;}
br.pcbr{display: none;}


.contents .temp{margin-top: 140px;}
.temp{width: 100%;margin-top: 100px;position: relative;background-color: var(--blue);padding: 120px 0 90px;}
.temp h2{display: table;background-color: #fff;left: 50%;transform: translate(-50%,0);position: absolute;padding: 20px 20px 20px;font-size: 24px;color: var(--blue);top: -70px;letter-spacing: 1px;width: 90%;box-sizing: border-box;line-height: 1.2;text-align: center;}
.temp h2 b{font-size: 40px;color: var(--orenge);margin: 0 4px;}
.temp ul{width: 90%;margin: auto;display: flex;justify-content: center;align-items: stretch;flex-wrap: wrap;margin-top: -50px;}
.temp ul li{width: 100%;background-color: rgba(255,255,255,0.3);border-radius: 10px;color: var(--white);padding: 20px;box-sizing: border-box;margin-top: 25px;}
.temp ul li img{display: block;margin: auto;}
.temp ul li h3{font-size: 18px;text-align: center;}
.temp ul li p{margin-top: 20px;}


/*--------トッページ--------*/
.top .s1{width: 90%;margin: auto;}
.top .s1 h2{font-size: 24px;color: var(--blue);text-align: center;position: relative;letter-spacing: 2px;}
.top .s1 h2 b{font-size: 32px;color: var(--orenge);margin: 0 -8px;}
.top .s1 h2::before{content: "…";font-size: 60px;color: var(--gray2);position: absolute;left:50%;transform: translate(-50%,0);bottom: -70px;}
.top .s1 p{font-size: 16px;line-height: 2;margin-top: 60px;}


.top .s2{width: 90%;margin: auto;margin-top: 100px;}
.top .s2 img{display: block;margin: auto;width: 100%;}
.top .s2 h2{font-size: 24px;color: var(--blue);text-align: center;position: relative;letter-spacing: 2px;}
.top .s2 h2 b{font-size: 32px;color: var(--orenge);margin: 0 -8px;}
.top .s2 h2::before{content: "…";font-size: 60px;color: var(--gray2);position: absolute;left:50%;transform: translate(-50%,0);bottom: -70px;}
.top .s2 p{font-size: 16px;line-height: 2;margin-top: 60px;}


.top .s3{margin-top: 100px;width: 100%;}
.top .s3 div{width: 90%;margin: auto;margin-top: 25px;}
.top .s3 figure{display: block;}
.top .s3 figure img{display: block;width: 100%;height: auto;}
.top .s3 span{margin-top: 30px;display: block;}
.top .s3 span h3{font-size: 18px;background-color: var(--blue2);display: block;color: var(--white);padding: 3px;border-radius: 100px;width: 90%;margin: auto;text-align: center;}
.top .s3 span img{display: block;margin: auto;margin-top: 15px;width: 70%;}
.top .s3 span a{color: var(--gray);text-decoration: none;margin: 15px 0;display: block;text-align: center;}
.top .s3 ol{margin-top: 20px;}
.top .s3 ol li{list-style-type: disc;margin-left: 20px;margin-top: 12px;}
.top .s3 ul{display: flex;justify-content: center;width: 90%;margin: auto;margin-top: 30px;flex-direction: column;}
.top .s3 ul li{width:100%;margin-top: 25px;}
.top .s3 ul li img{display: block;width: 100%;height: auto;}
.top .s3 ul li h4{display: block;text-align: center;font-size: 17px;margin-top: 10px;}
.top .s3 ul li p{margin-top: 10px;}

.top .s4{margin-top: 80px;width: 100%;}
.top .s4 ul{display: flex;justify-content: center;width: 90%;margin: auto;margin-top: 10px;flex-direction: column;}
.top .s4 ul li{width: 100%;margin-top: 25px;}
.top .s4 ul li a{text-decoration: none;color: var(--gray);}
.top .s4 ul li img{display: block;width: 100%;height: auto;}
.top .s4 ul li h4{display: block;text-align: center;font-size: 17px;margin-top: 10px;}
.top .s4 .more{font-weight:bold;display: flex;width: 90%;margin: auto;margin-top: 20px;justify-content: center;font-size: 17px;letter-spacing: 2px;position: relative;align-items: center;}
.top .s4 .more a{text-decoration: none;color: var(--gray);position: absolute;right: 0;}
.top .s4 .more a::before{content: "";position: absolute;left: -18px;top: 15px;border-top: 1px solid #ccc;width: 10px;}


/*--------記事リスト--------*/
.sort{display: flex;width: 90%;margin: auto;justify-content: space-between;align-items: center;margin-top: 20px;flex-direction: column;}
.sort span{font-size: 14px;width: 100%;}
.sort ul{display: flex;align-items: center;margin-top: 10px;width: 100%;}
.sort ul::before{content:"並べ替え";font-size: 15px;margin-right: 10px;}
.sort ul li{border: 1px solid var(--gray2);padding: 2px 10px;box-sizing: border-box;border-right: none;background-image: linear-gradient(0deg, #eee, #ffffff);}
.sort ul li:nth-last-of-type(1){border-right: 1px solid var(--gray2);}
.sort ul li a{font-size: 13px;color: var(--gray);text-decoration: none;font-weight: bold;}



.list .s1{display: block;}
.blocklist{display: block;width: 90%;margin: auto;margin-top: 40px;}
.blocklist ul{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: -20px;flex-direction: column;}
.blocklist ul li{width: 100%;border: 1px solid var(--gray2);margin-top: 20px;}
.blocklist ul li a{display: flex;position: relative;text-decoration: none;align-items: center;flex-direction: column;}
.blocklist ul li a small{position: absolute;left: 0;top: 0;background-color: var(--blue);color: var(--white);display: block;padding: 2px 10px;font-weight: bold;font-size: 15px;}
.blocklist ul li a figure{display: block;width: 100%;}
.blocklist ul li a figure img{display: block;width: 100%;height: auto;}
.blocklist ul li a .tag{display: block;margin-bottom: 10px;}
.blocklist ul li a .tag span{color: var(--gray);display: inline-block;font-size: 13px;font-weight: bold;border: 1px solid var(--gray2);padding: 2px 6px;margin-right: 3px;}
.blocklist ul li a div{padding: 15px;box-sizing: border-box;}
.blocklist ul li a h3{font-size: 18px;color: var(--blue);line-height: 1.4;}
.blocklist ul li a p{font-size: 15px;color: var(--gray);margin-top: 10px;}

.pagination{margin-top: 40px;display: flex;justify-content: center;align-items: center;font-size: 14px;}
.pagination .current{color: var(--gray3);margin: 0 6px;}
.pagination a{text-decoration: none;color: var(--black);margin: 0 6px;}


/*--------企業情報--------*/
.company .s1{width: 90%;margin: auto;margin-top: 30px;}
.company .s1 table{width: 100%;border-collapse: collapse;border: 3px solid var(--blue);margin-top: 30px;border-bottom: none;}
.company .s1 table th{background-color: var(--gray4);border-bottom: 1px dotted var(--gray2);padding: 10px 20px;width: 100%;box-sizing: border-box;display: block;text-align: left;}
.company .s1 table td{border-bottom: 1px dotted var(--gray2);padding: 10px 20px;box-sizing: border-box;display: block;width: 100%;}
.company .s1 table td a{color: var(--gray);}
.company .s1 table td.gmap{border-bottom: none;padding: 0px;display: none;}
.company .s1>iframe{display: block;width: 100%;height: 300px;border: 3px solid var(--blue);box-sizing: border-box;border-top: none;}




/*--------プライバシーポリシー--------*/
.privacy .s1{width: 90%;margin: auto;margin-top: 30px;}
.privacy .s1 h4{font-size: 18px;border-left: 1px solid var(--gray3);padding-left: 20px;margin-top: 50px;}
.privacy .s1 p:nth-of-type(1) {margin-top: 20px;}
.privacy .s1 p{display: block;margin-top: 10px;}
.privacy .s1 div{border-top: 1px dotted var(--gray3);margin-top: 60px;padding-top: 30px;}
.privacy .s1 div a{text-decoration: none;color: var(--gray);}




/*--------記事--------*/
.post .s1{width: 90%;margin: 30px auto 100px;}
.post .s1 .posttitle{font-size: 22px;color: var(--white);background-color: var(--blue);padding: 20px 30px;margin-bottom: -30px;}
.post .s1 h3.subtitle, h3.wp-block-heading{font-size: 20px;color: var(--blue);border-left: 5px solid var(--blue);padding-left: 20px;line-height: 2;margin-top: 60px;}
.post .s1 h4.subtitle, h4.wp-block-heading{display: flex;align-items: center;color: var(--blue);font-size: 17px;margin-top: 25px;}
.post .s1 h4.subtitle::before, h4.wp-block-heading::before{content: url(images/ec1.png);margin-right: 8px;line-height: 1;}
.post .s1 p{margin-top: 20px;}
.post .s1 div.floatright-img{margin-top: 20px;}
.post .s1 .red{color: #ff0000;}
.post .s1 .bgy{background-color: #FFFF00;}
.post .s1 img.imgcenter{display: block;max-width: 100%;margin: 20px auto;}
.post .s1 figure.wp-block-image{display: block;max-width: 100%;margin: 20px auto;}
.post .s1 img.imgright{display: block;margin: 20px auto;max-width: 100%;}
.post .s1 div.floatright-img img{display: block;margin: 20px auto;max-width: 100%;}
.post .s1 img.imgleft{float: left;margin: 0 50px 0 0;max-width: 100%;}
.post .s1 .mokuji{background-color: var(--gray4);border-radius: 8px;padding: 20px 20px;box-sizing: border-box;margin-top: 30px;}
.post .s1 .mokuji ol{display: block;}
.post .s1 .mokuji ol::before{content: "目次";font-weight: bold;margin-bottom: 20px;display: block;text-align: center;}
.post .s1 .mokuji ol li{list-style-type: decimal;margin-left: 25px;margin-top: 15px;}
.post .s1 .mokuji ol li a{color: var(--gray);}
.post .s1 .toc-list{background-color: var(--gray4);border-radius: 8px;padding: 20px 20px;box-sizing: border-box;margin-top: 30px;}
.post .s1 .toc-list ol{display: block;}
.post .s1 .toc-list ol li{list-style-type: decimal;margin-left: 25px;margin-top: 15px;}
.post .s1 .toc-list ol li a{color: var(--gray);}

.post .s1 table.wp-block-table{width: 100%;border-collapse: collapse;border: 3px solid var(--blue);margin-top: 30px;/*border-bottom: none;*/}
.post .s1 table.wp-block-table th{background-color: var(--gray4);border-bottom: 1px dotted var(--gray2);padding: 10px 20px;width: 100%;box-sizing: border-box;display: block;text-align: left;}
.post .s1 table.wp-block-table td{border-bottom: 1px dotted var(--gray2);padding: 10px 20px;box-sizing: border-box;display: block;width: 100%;}
.post .s1 table.wp-block-table td a{color: var(--gray);}

.hidden-fields-container{display: none;}
.screen-reader-response{display: none;}
.contactform{width: 100%;margin: auto;}
.contactform h2{font-size: 18px;color: var(--white);background-color: var(--blue);padding: 20px 30px;letter-spacing: 1px;display: flex;align-items: center;}
.contactform h2::before{content: url(images/ec2.png);margin-right: 10px;line-height: 1;}
.contactform table.form {width: 90%;}


.meta{margin-top: 20px;}
.meta .metalink{display: flex;flex-wrap: wrap;}
.meta .metalink a{background-color:#FF7F00;color: var(--white);text-decoration: none;font-size: 13px;font-weight: bold;border-radius: 4px;padding: 3px 6px;margin-right: 4px;}
.meta .metalink a::before{content: "\25B8";margin-right: 2px;}
.meta .status{border: 1px solid var(--gray2);padding: 10px;box-sizing: border-box;margin-top: 10px;font-size: 13px;}
.meta .status ul{display: flex;flex-wrap: wrap;}
.meta .status ul li{margin-right: 15px;}
.meta .status ul li b{color: var(--blue);}


.outline{margin-top: 40px;border-collapse: collapse;width: 100%;border: 3px solid var(--gray2);}
.outline th{border-bottom: 1px solid var(--gray4);padding: 10px 20px;box-sizing: border-box;vertical-align: top;width: 100%;display: block;text-align: left;}
.outline td{border-bottom: 1px solid var(--gray4);padding: 10px 20px;box-sizing: border-box;width: 100%;display: block;}





/*--------お問い合わせ--------*/	

.contact .s1{width: 90%;margin: auto;margin-top: 30px;}

table.form {width: 100%;border-collapse: collapse;margin: 20px auto 0;}
table.form th {width: 100%;box-sizing: border-box;width: 100%;display: block;text-align: left;font-size: 15px;padding-top: 15px;}
table.form th span {font-size: 13px;color:#ff0000;}		
table.form td {padding: 0px;box-sizing: border-box;width: 100%;display: block;padding-top: 5px;font-size: 15px;}
table.form td label{}
table.form td a{color: #FF7F00;margin-left: 20px;}
table.form td input[type=text] {width: 100%;font-size:16px;padding: 6px;background-color: #f3f3f3;border: none;box-sizing: border-box;font-family:var(--gothic);}
table.form td textarea {width: 100%;font-size:16px;padding: 6px;background-color: #f3f3f3;border: none;box-sizing: border-box;font-family:var(--gothic);height: 200px;}
table.form td input[type=checkbox] {margin-right: 5px;}
table.form td button {width:200px;font-size: 16px;padding: 10px 0px;margin:10px;border: none;background-color: var(--blue);color: var(--white);border-radius: 3px;font-family:var(--gothic);font-weight: bold;}
table.form td.center{text-align:center;padding-top: 25px;}

table.contactus-form1 {width: 100%;border-collapse: collapse;margin: 20px auto 0;}
table.contactus-form1 th {width: 100%;box-sizing: border-box;width: 100%;display: block;text-align: left;font-size: 15px;padding-top: 15px;}
table.contactus-form1 th span {font-size: 13px;color:#ff0000;}		
table.contactus-form1 td {padding: 0px;box-sizing: border-box;width: 100%;display: block;padding-top: 5px;font-size: 15px;}
table.contactus-form1 td label{}
table.contactus-form1 td a{color: #FF7F00;margin-left: 20px;}
table.contactus-form1 td input[type=text] {width: 100%;font-size:16px;padding: 6px;background-color: #f3f3f3;border: none;box-sizing: border-box;font-family:var(--gothic);}
table.contactus-form1 td textarea {width: 100%;font-size:16px;padding: 6px;background-color: #f3f3f3;border: none;box-sizing: border-box;font-family:var(--gothic);height: 200px;}
table.contactus-form1 td input[type=checkbox] {margin-right: 5px;}
table.contactus-form1 td button,input[type=submit] {width:200px;font-size: 16px;padding: 10px 0px;margin:10px;border: none;background-color: var(--blue);color: var(--white);border-radius: 3px;font-family:var(--gothic);font-weight: bold;cursor: pointer;}
table.contactus-form1 td.center{text-align:center;padding-top: 25px;}


}