/*
Theme name: theme
Theme URI: https://trustring.jp/
Author: Trustring
Author URI: https://trustring.jp/
Description: custom theme
Version:1.0
License: GNU General Public License v2 or later
*/

body{margin: 0;overflow-x: hidden;font-family: "M PLUS 1", sans-serif;}
.inner{display: block;width: 90%;max-width: 1200px;margin: 0 auto;padding: 2rem 0;}
img {pointer-events: none;}
p, h6{margin: 0;}
/*****  HEADER  *****/
#otkheader .overlay-content ul{margin: 0;list-style: none;padding: 0;}
#otkheader .overlay {height: 0;width: 100%;position: fixed;z-index: 99;top: 0;left: 0;background-color: rgb(70 130 180);overflow-x: hidden;transition: 0.5s;}
#otkheader .overlay-content {position: relative;top: 15vw;width: 100%;height: 80vh;text-align: center;margin-top: 0;display: flex;flex-direction: column;justify-content: space-between;padding: 10vw 0;font-family: "M PLUS 1", sans-serif;}
#otkheader .overlay a {padding: 3vw;text-decoration: none;font-size: 7vw;color: #fff;display: block;transition: 0.3s;}
#otkheader .overlay .closebtn {position: absolute;top: -3vw;right: 1vw;font-size: 16vw;color: #fff;}
#otkheader .overlay-content .info{color: #fff;font-size: 4.5vw;}
#otkheader .pc-wrapper {display: none;}
#otkheader .sp-wrapper {display: flex;align-items: center;justify-content: space-between;padding: 3vw;}
#otkheader .sp-wrapper .logo{margin: 0;font-size: 6vw;color: #1F1F9A;border-top:1vw solid #4682B4;border-bottom:1vw solid #4682B4;font-family: "M PLUS Rounded 1c", sans-serif;font-weight: bold;display: flex;align-items: center;column-gap: 2vw;}
#otkheader .sp-wrapper .logo img{width: 7vw;}
#otkheader .sp-wrapper span{font-size: 7.5vw;font-weight: bolder;color: #4682b4;}
/*******  FOOTER    *******/
#otkfooter{background-color: #4682B4;}
#otkfooter .logo-wrapper{width: 100%;max-width: 1200px;display: flex;flex-direction: column;align-items: center;padding: 3rem 0;font-family: "M PLUS 1", sans-serif;color: #fff;}
#otkfooter .logo-wrapper .logo{margin: 0;font-size: 6vw;border-top: 1vw solid #fff;border-bottom: 1vw solid #fff;font-family: "M PLUS Rounded 1c", sans-serif;font-weight: bold;color: #fff;text-align: center;}
#otkfooter .logo-wrapper .address,#otkfooter .logo-wrapper .number{display: block;font-size: 5vw;text-align: center;font-weight: 400;margin: 1vw;}
#otkfooter .logo-wrapper a img{display: block;width: 18vw;margin: 0 auto 5vw auto;}
.logo-wrapper a, .sp-wrapper a{text-decoration: none;}
/*********  title banner  ***********/
#otkbanner {position: relative;background-image:url('https://daikou.co.jp/wp-content/uploads/2026/04/20250514_153732-scaled-1.jpg');background-size: cover;background-position: center;}
#otkbanner .inner{width: 100%;height: 400px;display: flex;align-items: center;max-width: 100%;}
#otkbanner .blueframe{display: block;width: 100%;height: 100%;background-color: #0F1D3B;opacity: 45%;position: absolute;}
#otkbanner .inner h1{position: relative;z-index: 1;display: block;width: 90%;max-width: 1200px;color: #fff;font-family: "Noto Serif", serif;margin: 0 auto;font-size: 10vw;}
#otkbanner .decor{position:absolute;bottom: -1rem;width: 100%;}
@media (min-width: 990px) {
/****** HEADER ******/
#otkheader .sp-wrapper {display: none;}
#otkheader .pc-wrapper{display: flex;flex-direction: column;align-items: center;}
#otkheader .pc-wrapper .logo-wrapper{width: 100%;max-width: 1200px;display: flex;flex-direction: row;justify-content: space-between;align-items: center;padding: 1rem 0;font-family: "M PLUS 1", sans-serif;}
#otkheader .pc-wrapper .logo-wrapper .logo{margin: 0;font-size: 26px;color: #1F1F9A;border-top:3px solid #4682B4;border-bottom:3px solid #4682B4;font-family: "M PLUS Rounded 1c", sans-serif;font-weight: bold;}
#otkheader .pc-wrapper .logo-wrapper img{width: 4.5rem;margin-right: 1rem;}
#otkheader .pc-wrapper .logo-wrapper .address,.pc-wrapper .logo-wrapper .number{font-size: 1.3rem;text-align: right;color: #364D80;font-weight: 600;}
#otkheader .pc-wrapper .menu-wrapper{background-color: #4682B4;width: 100%;}
#otkheader .pc-wrapper .menu-wrapper .menu-main_menu-container{width:100%;}
#otkheader .pc-wrapper .menu-wrapper ul{width: 100%;max-width: 1200px;margin: 0 auto;list-style: none;padding: 0;display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
#otkheader .pc-wrapper .menu-wrapper ul li{flex: 1;text-align: center;  border-right: 1px solid #fff;border-left: 1px solid #fff;font-family: "M PLUS 1", sans-serif;}
#otkheader .pc-wrapper .menu-wrapper ul li a{display: block;text-decoration: none;color: #fff;font-size: 20px;padding: 20px 0;transition: all 0.3s ease-in-out;}
#otkheader .pc-wrapper .menu-wrapper ul li a:hover{background-color: #1F1F9A;text-decoration: overline;}
/*****  FOOTER  ******/
#otkfooter .logo-wrapper {flex-direction: row;margin: 0 auto;justify-content: space-between;}
#otkfooter .logo-wrapper .logo {font-size: 26px;border-top: 3px solid #fff;border-bottom: 3px solid #fff;}
#otkfooter .logo-wrapper .address, #otkfooter .logo-wrapper .number {font-size: 20px;text-align: right;margin: 0;}
#otkbanner .inner h1 {font-size: 55px;}
#otkfooter .logo-wrapper a img {display: block;width: 6rem;margin: 0 auto 1rem auto;}
}
/**********   contact info banner     **********/
#otkcontactinfo { background-color: #fff; width: 100%; padding: 6rem 0 10rem 0; }
#otkcontactinfo .inner { width: 90%; max-width: 1200px; background-image: url('https://daikou.co.jp/wp-content/uploads/2026/04/20250514_153732-scaled-1.jpg'); position: relative; background-size: cover; background-position: center; display: flex; align-items: center; justify-content: center; padding: 1rem; margin: 0 auto; }
#otkcontactinfo .inner .blueframe { display: block; position: absolute; width: 100%; height: 100%; background-color: #0F1D3B; opacity: 60%; }
#otkcontactinfo .inner .wrapper { position: relative; width: 100%; height: 100%; display: flex; flex-direction: column; row-gap: 8vw; border: 1px solid #fff; padding: 1rem; font-family: "M PLUS 1", sans-serif; }
#otkcontactinfo .inner .wrapper .info { margin: 0; color: #fff; font-size: 5vw; }
#otkcontactinfo .inner .wrapper .buttons { width: 100%; height: auto; display: flex; flex-direction: column; row-gap: 2rem; }
#otkcontactinfo .inner .wrapper .buttons a { display: block; color: #fff; text-decoration: none; width: 100%; text-align: center; border: 1px solid #fff; padding: 1rem 0; font-size: 5vw; transition: all 0.3s ease-in-out; }
#otkcontactinfo .inner .wrapper .buttons a:hover { background: rgba(255, 255, 255, 0.3); }
@media (min-width: 990px) {
#otkcontactinfo .inner .wrapper { flex-direction: row; padding: 3rem 5rem; justify-content: space-between; align-items: center; }
#otkcontactinfo .inner .wrapper .info { font-size: 1.8rem; }
#otkcontactinfo .inner .wrapper .buttons { width: 21rem; row-gap: 2rem; }
#otkcontactinfo .inner .wrapper .buttons a { padding: 1.5rem 0; font-size: 1.5rem; }
}
/*****  INDEX  ******/
#otk-banner{position: relative;height: 41vw;background-image: url(https://daikou.co.jp/wp-content/uploads/2025/08/20250514_154223-1-scaled-1.jpg);background-size: cover;}
#otk-banner .banner-overlay{position: absolute;z-index: 0;width: 100%;height: 100%;background-color: #6a6a6a;opacity: 0.3;background-size: 4px 4px;background-image: repeating-linear-gradient(45deg, #4d4d4d 0, #8d8d8d 0.4px, #4d4d4d 0, #292a2d 50%);}
#otk-banner .svg-bottom-banner{position: absolute;width: 100%;height: auto;bottom: 0;}
#otk-banner .btn-banner {width: fit-content;height: 4.063vw;color: #fff;border: 0.052vw solid #fff;padding: 0vw 3vw;margin: 0px 0px 1.354vw 18.49vw;display: flex;align-items: center;justify-content: center;font-size: 1.302vw;font-family: "M PLUS 1", sans-serif;font-weight: 600;transition: all 0.3s ease-in-out;text-decoration: none;}
#otk-banner .btn-banner:hover{background: rgba(255, 255, 255, 0.3);}
#otk-banner .container-banner-text {position: relative;display: flex;flex-direction: column;width: 100%;height: 100%;justify-content: center;}
#otk-banner .subtitle-banner{display: block;}
#otk-banner .subtitle-banner-sp, #otk-banner .brsp {display: none;}
@media (max-width: 990px) {
    #otk-banner .subtitle-banner, .svg-bottom-banner{display: none;}
    #otk-banner .brsp {display: block;}
    #otk-banner .subtitle-banner-sp {position: relative;display: block;background: #fff;padding: 4vw;font-size: 4.1vw;font-weight: 600;}
    #otk-banner {height: fit-content;background-position: bottom;}
    #otk-banner .title-banner{display: block;width: 88%;margin: 13vw auto 5vw auto;color: #fff;text-shadow: 0px 0px 3px #000;font-size: 12vw;}
    #otk-banner .btn-banner {width: 85%;height: fit-content;margin: 9vw auto;font-size: 5vw;padding: 3vw 1vw;}
    #otk-banner h1{font-size: 8vw;margin: 0;}
}
@media (max-width: 990px) {
#otk-awards, #otk-two-image { display: none; }
#otk-awards-sp, #otk-two-image-sp { display: block; }
#otk-two-image-sp { display: flex; flex-direction: column; align-items: center; background: #ffffff; padding-top: 6vw; }
#otk-two-image-sp .title-container { text-align: center; }
#otk-two-image-sp .text-two-image { color: #7da6c7; font-size: 4.4vw; margin: 3vw 0vw 0vw 0vw; }
#otk-two-image-sp .title-two-image { color: #364D80; font-size: 4vw; font-weight: 400; margin-top: 14vw; }
#otk-two-image-sp .subtitle-two-image { color: #212A59; font-size: 7vw; margin: 0vw 0vw 0vw 0vw; }
#otk-two-image-sp .sub-text-two-image { color: #212A59; font-size: 5vw; padding: 0vw 5vw; text-align: justify; font-family: "Noto Serif", serif; }
#otk-two-image-sp .images-row { display: flex; gap: 24px; justify-content: center; align-items: center; margin: 24px 0; }
#otk-two-image-sp .image-array { width: 26vw; height: 47vw; }
#otk-awards-sp { background: #fff; }
#otk-awards-sp .container-awards { padding: 10vw 5vw; }
#otk-awards-sp .title-awards { color: #212A59; font-size: 7vw; margin: 0vw 0vw 0vw 0vw; text-align: center; }
#otk-awards-sp .title-awrds-one { color: #364D80; font-size: 4vw; font-weight: 400; text-align: center; }
#otk-awards-sp .text-awards { font-size: 5vw; color: #364D80; text-align: justify; font-family: "Noto Serif", serif; }
#otk-awards-sp .img-awards { width: 86vw; }
#otk-awards-sp .container-image-awards { display: flex; justify-content: center; }
#otk-awards-sp .text-awards-one { color: #7da6c7; font-size: 4.4vw; margin: 3vw 0vw 7vw 0vw; text-align: center; }
}
/**********   end of sp special sections    **********/
@media (min-width: 990px) {
#otk-two-image-sp, #otk-awards-sp { display: none; }
#otk-banner .title-banner { font-size: 3.854vw; color: #fff; margin: 15.885vw 0px 1.354vw 18.49vw; font-family: "Noto Serif JP", serif; font-weight: bold; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7); }
#otk-banner .subtitle-banner { font-size: 1.927vw; color: #fff; margin: 0px 0px 1.354vw 18.49vw; font-family: "M PLUS 1", sans-serif; font-weight: bold; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7); }
#otk-two-image { background: #fff; }
#otk-two-image .container-image-left { margin: 0vw 0vw 0vw 0vw; }
#otk-two-image .container-image-right { margin: 0vw 0vw 0vw 0vw; }
#otk-two-image .image-left { width: 18.854vw; height: 33.594vw; display: none; }
#otk-two-image .image-right { width: 18.854vw; height: 33.594vw; display: none; }
#otk-two-image .container-two-image { padding: 7vw 0vw 5vw; display: flex; flex-direction: row; justify-content: center; }
#otk-two-image .title-two-image { font-size: 1.042vw; color: #364D80; margin: 0vw 0vw 0.521vw; font-family: "M PLUS 1", sans-serif; font-weight: medium; }
#otk-two-image .subtitle-two-image { font-size: 1.563vw; color: #1F1F9A; font-weight: 600; margin: 0vw 0vw 1.042vw; font-family: "M PLUS 1", sans-serif; font-weight: bold; }
#otk-two-image .text-two-image { font-size: 1.823vw; color: #4682B4; margin: 0vw 0vw 1.563vw; font-family: "Noto Serif JP", serif; font-weight: medium; }
#otk-two-image .sub-text-two-image { font-size: 1.2vw; color: #364D80; font-weight: 500; text-align: center; margin: 0vw 0vw 0px; font-family: "M PLUS 1", sans-serif; font-weight: medium; }
#otk-two-image .container-title-text { width: 62.292vw; display: flex; flex-direction: column; align-items: center; margin: 0vw 0vw; justify-content: center; }
#otk-awards { background: #fff; }
.title-awrds-one { font-size: 1.042vw; color: #364D80; margin: 0vw 0vw 0.521vw; font-family: "M PLUS 1", sans-serif; text-align: center; }
.text-awards-one { font-size: 1.823vw; color: #4682B4; text-align: left; font-family: "Noto Serif JP", serif; font-weight: normal; margin: 0px; }
#otk-awards .container-title-text-awards { display: flex; flex-direction: column; justify-content: center; }
#otk-awards .container-awards { padding: 1.042vw; margin: 0px auto; width: 62.292vw; display: flex; flex-direction: row; justify-content: space-between; }
#otk-awards .title-awards { font-size: 1.563vw; color: #1F1F9A; font-weight: 600; margin: 0vw 0vw 1.042vw; font-family: "M PLUS 1", sans-serif; font-weight: bold; text-align: center; }
#otk-awards .text-awards { font-size: 1.2vw; color: #364D80; font-family: "M PLUS 1", sans-serif; font-weight: medium; }
#otk-awards .img-awards { width: 26.25vw; }
#otk-awards .container-image-awards { display: flex; justify-content: center; }
}
/*========================================
announcement
========================================*/
#dk-announcement a{display: block;width: 100%;text-align: center;text-decoration: none;padding: 1vw 0;font-size: 6vw;font-weight: 900;background: #f18e1c;color: #fff;transition: all 0.3s ease-in-out;}
#dk-announcement a:hover{background-color: #1F1F9A;}
@media (min-width: 990px) {
    #dk-announcement a {padding: 0.5vw 0;font-size: 3vw;}
}
/*========================================
Notice
========================================*/
#dk-top-notice { width: 100%; padding: 6vw 0;}
#dk-top-notice .content-notice, #dk-top-logis .content-logis { width: 100vw; }
#dk-top-notice .title-notice { font-weight: bold; color: #1f1f9a; text-align: center; margin: 0;font-size: 2.14vw; letter-spacing: 0.17vw; padding: 3.07vw 0 0;}
#dk-top-notice .Btn-notice {display: flex; align-items: center; justify-content: space-evenly; color: #003E69; z-index: 3; position: relative; background-color: #fff;width: 23.29vw; height: 4.57vw; border: 0.07vw solid #215B8F; font-size: 1.29vw; margin: 3.64vw auto 4.64vw;text-decoration: none;font-weight: 600;transition: all 0.3s ease-in-out;}
#dk-top-notice .Btn-notice:hover{background-color: rgba(70,130,180,0.3);}
#dk-top-notice .tag-color { background-color: #4682B4; }
#dk-top-notice .content-boxes-notice { width: 69.93vw; height: fit-content; margin: 2.29vw auto 0; padding-top: 3.21vw; background-color: #fff;}
#dk-top-notice .notice { display: flex; flex-direction: row; border-bottom: 0.14vw solid #C2BCBC; padding: 1.36vw 0; margin: 0 2.71vw; align-items: center; }
#dk-top-notice .date-notice, #dk-top-notice .tag-2-notice, #dk-top-notice .text-notice { font-size: 1.21vw; margin: 0 0 0 1.07vw; }
#dk-top-notice .date-notice { width: 6.71vw; margin: 0; }
#dk-top-notice .tag-notice { font-size: 1vw; color: #fff; width: 11vw; margin-left: 1.07vw; border-radius: 0.93vw; text-align: center; }
#dk-top-notice .tag-2-notice { color: #EF1900; }
#dk-top-notice .text-notice { margin-left: 1.14vw; }
#dk-top-notice .img-next-btn { width: 2.43vw; height: 2.43vw; margin-left: 0.57vw; }
@media (max-width: 990px) {
#dk-top-notice .content-notice { height: fit-content;padding: 2vw 0;}
#dk-top-notice .title-notice { font-size: 6.98vw; letter-spacing: 0.56vw; padding: 10vw 0 0; }
#dk-top-notice .content-boxes-notice { width: 100%;margin: 7.44vw auto 7.91vw auto; background-color: #fff; padding: 0 0 4.88vw 0; }
#dk-top-notice .notice { display: flex; flex-direction: column; border-bottom: 0.47vw solid #C2BCBC; padding: 5.81vw 0; margin: 0 5.81vw; }
#dk-top-notice .date-notice, #dk-top-notice .tag-2-notice, #dk-top-notice .text-notice {width: fit-content;font-size: 3.95vw; color: #000; margin: 1.63vw 0; }
#dk-top-notice .tag-2-notice { color: #EF1900; }
#dk-top-notice .tag-notice { font-size: 3.26vw; color: #fff; width: 35.81vw; margin: 1.63vw 0; border-radius: 3.02vw; text-align: center; }
#dk-top-notice .Btn-notice{ width: 75.81vw; height: 14.88vw; border: 0.23vw solid #215B8F; border-radius: 7.44vw; font-size: 4.19vw; margin: 11.86vw auto 15.12vw; }
#dk-top-notice .img-next-btn { width: 7.91vw; height: 7.91vw; margin-left: 1.86vw; }
}
/*========================================
blogs
========================================*/
#blogswp.blogswp{width:100%;background:#ffffff;color:#111;padding:4vw 0 15vw;}
#blogswp .blogswp__inner{width:78.5714vw;margin:0 auto;}
#blogswp .blogswp__breadcrumb{font-size:1vw;color:#666;margin:0 0 2.8571vw;}
#blogswp .blogswp__crumbLink{color:#666;text-decoration:none;}
#blogswp .blogswp__crumbLink:hover{text-decoration:underline;}
#blogswp .blogswp__grid{display:grid;grid-template-columns:repeat(3,1fr);column-gap:5.7143vw;row-gap:5.7143vw;}
#blogswp .blogswp__card{text-align:center;}
#blogswp .blogswp__thumbLink{display:block;text-decoration:none;}
#blogswp .blogswp__thumb{overflow: hidden;width:100%;height:12.1429vw;background:#bfbfbf;border:0.0714vw solid #9a9a9a;display:flex;align-items:center;justify-content:center;}
#blogswp .blogswp__thumbText{font-size:1.2857vw;color:#333;font-weight:600;letter-spacing:0.02em;}
#blogswp .blogswp__title{margin:1vw 0 0.7143vw;font-size:1.1429vw;font-weight:700;}
#blogswp .blogswp__titleLink{color:#111;text-decoration:none;}
#blogswp .blogswp__titleLink:hover{text-decoration:underline;}
#blogswp .blogswp__btn{width:11.4286vw;height:1.8571vw;margin:0 auto;background:#0b6a2a;color:#fff;border-radius:0.4286vw;display:inline-flex;align-items:center;justify-content:center;gap:0.5714vw;text-decoration:none;font-size:0.9286vw;font-weight:700;line-height:1;}
#blogswp .blogswp__btnIcon{width:1vw;height:1vw;display:block;}
#blogswp .blogswp__thumb img{width: 100%; height: auto;}

@media screen and (max-width:1100px){
#blogswp.blogswp{padding:6.9767vw 0 18.6047vw;}
#blogswp .blogswp__inner{width:80vw;}
#blogswp .blogswp__breadcrumb{font-size:3.2558vw;margin:0 0 9.3023vw;}
#blogswp .blogswp__grid{grid-template-columns:1fr;row-gap:18.6047vw;column-gap:0;}
#blogswp .blogswp__thumb{height:39.5349vw;}
#blogswp .blogswp__thumbText{font-size:4.186vw;}
#blogswp .blogswp__title{margin:3.2558vw 0 2.3256vw;font-size:3.7209vw;}
#blogswp .blogswp__btn{width:37.2093vw;height:6.0465vw;border-radius:1.3953vw;gap:1.8605vw;font-size:3.0233vw;}
#blogswp .blogswp__btnIcon{width:3.2558vw;height:3.2558vw;}
}
/*========================================
article
========================================*/
#content-intro-section, #form-download-section {max-width: 1200px;margin: 5vw auto;padding: 0 4vw; /* Increased side padding for safety */font-family: sans-serif;box-sizing: border-box;}
#content-intro-section .section-title {font-size: 2.2vw;font-weight: 700;border-bottom: 0.2vw solid #333;padding-bottom: 1vw;margin-bottom: 4vw;}
#content-intro-section .content-container {display: flex;gap: 5vw; /* Fixed gap between columns */align-items: flex-start;justify-content: space-between;}
#content-intro-section .text-column {flex: 1 1 50%; /* Grow, shrink, and base 50% */line-height: 1.8;font-size: 1.6vw;word-break: break-all; /* Prevents text overflow */}
#content-intro-section .image-column {flex: 1 1 50%; /* Grow, shrink, and base 50% */max-width: 50%; /* Ensures it never exceeds half the container */}
#content-intro-section .responsive-img {width: 100%;height: auto;max-height: 400px; /* Limits excessive height */display: block;object-fit: cover; /* Ensures image looks good inside its box */background-color: #b3b3b3;border: 0.1vw solid #999;}
#form-download-section {display: flex;flex-direction: column;align-items: center; text-align: center;}
#form-download-section .download-title {font-size: 2.2vw;font-weight: 700;margin-bottom: 4vw;}
#form-download-section .form-wrapper {width: 100%;max-width: 700px; margin: 0 auto;}
#form-download-section .shortcode-placeholder {width: 100%;min-height: 25vw;background: #f5f5f5;border: 0.2vw dashed #ddd;display: flex;align-items: center;justify-content: center;color: #aaa;font-size: 1.5vw;}
@media (max-width: 1100px) {
  #content-intro-section .section-title {font-size: 5vw;border-bottom-width: 0.5vw;}
  #content-intro-section .content-container {flex-direction: column;gap: 8vw;}
  #content-intro-section .text-column,
  #content-intro-section .image-column {flex: 1 1 100%;max-width: 100%;width: 100%;}
  #content-intro-section .text-column {font-size: 4vw;order: 2;}
  #content-intro-section .image-column {order: 1;}
  #form-download-section .download-title {font-size: 5.5vw;}
  #form-download-section .shortcode-placeholder {min-height: 50vw;font-size: 4.5vw;}

}
@media (max-width: 1100px) {
  #content-intro-section .section-title {font-size: 5vw;}
  #content-intro-section .content-container {flex-direction: column;gap: 6vw;}
  #content-intro-section .text-column {font-size: 3.8vw;order: 2;text-align: center;}
  #content-intro-section .image-column {width: 100%;order: 1;}
  #form-download-section .download-title {font-size: 5.5vw;}
  #form-download-section .shortcode-placeholder {min-height: 50vw;font-size: 4vw;}
}