/*
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;}
.inner{
display: block;
width: 90%;
max-width: 1200px;
margin: 0 auto;
padding: 2rem 0;
}
img {pointer-events: none;}
/*****  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://trustring.jp/wp-content/uploads/2025/05/20250514_153732-scaled.jpg');
background-size: cover;
background-position: center;
}
#otkbanner .inner{
width: 100%;
height: 400px;
display: flex;
align-items: center;
}
#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://trustring.jp/wp-content/uploads/2025/05/20250514_153732-scaled.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  ******/
@media (min-width: 991px) {
   #otk-awards-sp, #otk-two-image-sp, #otk-banner-sp {
    display: none;
  }
}


@media (max-width: 990px) {

/**********   sp special sections      **********/


   #otk-awards, #otk-two-image, #otk-banner {
    display: none;
  }
   #otk-awards-sp, #otk-two-image-sp {
    display: block;
  }

#otk-banner-sp{
        height: 133vw;
background-color: #fff;
}
  #otk-banner-sp .container-banner {
        background-image: url(https://trustring.jp/wp-content/uploads/2025/06/20250514_154223-1-scaled.jpg);
        background-size: 243%;
        width: 100vw;
        height: 109vw;
        display: flex;
        justify-content: center;
        color: white;
    }
    #otk-banner-sp .svg-bottom-banner {
        width: 100vw;
        height: 11vw;
        position: absolute;
        left: 0vw;
        top: 119vw;
    }
    #otk-banner-sp .container-banner-text {
        display: flex;
        flex-direction: column;
    }
    #otk-banner-sp .title-banner {
        font-size: 12vw;
        color: #fff;
        margin: 11vw 0vw 2vw 5vw;
        font-family: "Noto Serif JP", serif;
        font-weight: normal;
    }
    #otk-banner-sp .subtitle-banner {
        font-size: 4vw;
        color: #7d7d7d;
        margin: 50vw 5vw 0vw 5vw;
        font-family: "Noto Serif", serif;
        font-weight: 500;
        letter-spacing: 0px;
        line-height: 1.5;
    }
    #otk-banner-sp .btn-banner {
        width: 29vw;
        height: 8vw;
        color: #fff;
        border: 1px solid #fff;
        margin: 2vw 0vw 0vw 5vw;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 4vw;
        font-family: "M PLUS 1", sans-serif;
        font-weight: medium;
    }




#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: 991px) {

    #otk-banner {
    }
    #otk-banner .container-banner {
        background-image: url("https://daikou777.jp/wp-content/uploads/2025/08/20250514_154223-1-scaled-1.jpg");
        background-size: cover;
        width: 100vw;
        height: 56vw;
        display: flex;
        justify-content: center;
        color: white;
        
    }
    #otk-banner .svg-bottom-banner {
        width: 100vw;
        height: auto;
        position: relative;
        left: 0vw;
        top: 16vw;
    }
    #otk-banner .container-banner-text {
        display: flex;
        flex-direction: column;
        width: 100vw;
    }
    #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-banner .btn-banner {
        width: 15.781vw;
        height: 4.063vw;
        color: #fff;
        border: 0.052vw solid #fff;
        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: medium;
    }

    #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;
    }
}

@media (min-width: 1920px) {


    #otk-banner {
        max-width: 1920px;
        margin: 0px auto;
        background-color: #fff;
    }
    #otk-banner .container-banner {
        background-image: url("https://trustring.jp/wp-content/uploads/2025/06/20250514_154223-1-scaled.jpg");
        background-size: cover;
        width: 1920px;
        height: 1075.2px;
        display: flex;
        justify-content: center;
        color: white;
    }
    #otk-banner .svg-bottom-banner {
        width: 1920px;
        height: auto;
        position: relative;
        left: 0px;
        top: 300.4px;
    }
    #otk-banner .container-banner-text {
        display: flex;
        flex-direction: column;
        width: 1920px;
    }
    #otk-banner .title-banner {
        font-size: 74px;
        color: #fff;
        margin: 305px 0px 26px 355px;
        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: 37px;
        color: #fff;
        margin: 10px 0px 26px 355px;
        font-family: "M PLUS 1", sans-serif;
        font-weight: 500;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
    }
    #otk-banner .btn-banner {
        width: 303px;
        height: 78px;
        color: #fff;
        border: 1px solid #fff;
        margin: 0px 0px 26px 355px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 25px;
        font-family: "M PLUS 1", sans-serif;
        font-weight: medium;
    }

    #otk-two-image {
        max-width: 1920px;
        margin: 0px auto;
        background-color: #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: 362px;
        height: 645px;
display:none;
    }
    #otk-two-image .image-right {
        width: 362px;
        height: 645px;
display:none;
    }
    #otk-two-image .container-two-image{
        padding: 134.4px 0vw 96px;
        display: flex;
        flex-direction: row;
        justify-content: center;
    }
    #otk-two-image .title-two-image {
        font-size: 29px;
        color:#364D80;
        margin: 0vw 0vw 10px;
        font-family: "M PLUS 1", sans-serif;
        font-weight: medium;
    }
    #otk-two-image .subtitle-two-image {
        font-size: 38px;
        color: #1F1F9A;
        font-weight: 600;
        margin: 0vw 0vw 20px;
        font-family: "M PLUS 1", sans-serif;
        font-weight: bold;
    }
    #otk-two-image .text-two-image {
        font-size: 42px;
        color: #4682B4;
        margin: 0vw 0vw 30px;
        font-family: "Noto Serif JP", serif;
        font-weight: medium;
    }
    #otk-two-image .sub-text-two-image {
        font-size: 30px;
        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: 1196px;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 0vw 0vw;
        justify-content: center;
    }

    #otk-awards {
        max-width: 1920px;
        margin: 0px auto;
        background-color: #fff;
    }
    #otk-awards .container-title-text-awards {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    #otk-awards .container-awards {
        padding: 40px 0px ;
        margin: 0px auto;
        width: 1196px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
    #otk-awards .title-awards {
        font-size: 38px;
        color: #1F1F9A;
        font-weight: 600;
        margin: 0vw 0vw 20px;
        font-family: "M PLUS 1", sans-serif;
        font-weight: bold;
    }
    .title-awrds-one {
font-size: 29px;
        color: #364D80;
        margin: 0vw 0vw 10px;
        font-family: "M PLUS 1", sans-serif;
        font-weight: medium;
text-align:center;
}
    #otk-awards .text-awards {
        font-size: 27px;
        color: #364D80;
        font-family: "M PLUS 1", sans-serif;
        font-weight: medium;
    }
    #otk-awards .img-awards {
        width: 504px;
    }
    #otk-awards .container-image-awards {
        display: flex;
        justify-content: center;
    }
.text-awards-one {
        font-size: 42px;
        color: #4682B4;
        text-align: left;
        font-family: "Noto Serif JP", serif;
        font-weight: normal;
        margin: 0px;
    }
}