/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 17 2025 | 15:17:33 */
/***  PC,SP 表示非表示切り替え　***/
.pc{display:block;}
.sp{display:none;}
.sp480{display:none;}
@media (max-width: 782px) {
.pc{display:none;}
.sp{display:block;}
}
@media (max-width: 480px) {
.sp480{display:block;}
}

/*** TOPページ全体　***/
#top_page{
width:100%;
max-width:1600px;
}
@media (max-width: 782px) {
#top_page{
width:95%;
max-width:1600px;
}
}
.top_sec{
width:100%;
max-width:1250px;
margin-bottom:8.0em;
}
.color_e75c5c{
color:#e75c5c;
font-weight:bold;
}
.font_15{
font-size:1.5em;
}
.font_12{
font-size:1.2em;
}
.bg_dddddd{
background:#ddd;
width:100%;
padding-bottom:4.0em;
}
.top_midashi{
padding-top:6.0em;
margin-left:5%;
margin-right:5%;
display: flex;
align-items: center;
}
.top_midashi:after {
content: "";
flex-grow: 1;
height: 1px;
display: block;
background: #333;
margin-left: 2.4em;
}
.txt_left{
text-align:left;
max-width:700px;
}

/*** TOP　メインイメージ　***/
.top_main-img img{
width:100%;
}

/*** TOP　section 01　***/
.top_section01{
}
.top_section01 .sec01_txt01{
margin-top:3.0em;
width:100%;
max-width:560px;
text-align:left;
margin-bottom:3.0em;
}
.top_section01 .sec01_txt01 span.sp_indent1{
margin-left:7.0em;
}

/*
.top_section01 .sec01_txt02{
width:600px;
text-align:center;
padding-top:24.0em;
margin-left:6.0em;
}
.top_section01 .sec01_txt03{
padding-top:2.0em;
margin-left:6.0em;
width:600px;
text-align:center;
}
.top_section01 .sec01_txt04{
padding-top:3.0em;
margin-left:20.0em;
text-align:left;
padding-right:-5.0em;
}
*/
.top_section01 .bg_img {
background-image: url(https://ioka-tomio.com/wp-content/uploads/2025/11/top_img02_pc.png);
background-size:contain;
background-position: center ;
background-repeat: no-repeat;
aspect-ratio: 1241 / 1294;
max-width:900px;
width:95%;
}
@media (max-width: 782px) {
.top_section01 .sec01_txt01{
margin-top:3.0em;
width:100%;
max-width:460px;
text-align:left;
margin-bottom:3.0em;
}
.top_section01 .sec01_txt01 span.sp_indent1{
margin-left:6.0vw;
}
.top_section01 .sec01_txt04{
padding-top:3.0em;
text-align:left;
}
.top_section01 .bg_img {
background-image: url(https://ioka-tomio.com/wp-content/uploads/2025/11/top_img02_sp.png);
}
}
@media (max-width: 480px) {
.top_section01 .sec01_txt01{
width:100%;
margin:3.0em 0 3.0em 3.0em;
max-width:400px;
text-align:left;
}
.top_section01 .sp_indent2{
margin-left:6.0vw;
    }
}

/*** TOP　section 02　***/
.top_section02 .img_3{
width:100%;
max-width:960px;
margin:5.0em auto 5.0em auto;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 3.0em;
place-items: center;
}
.top_section02 .img_3 img{
width:273px;
}

@media (max-width: 782px) {
.top_section02 .img_3{
width:100%;
gap: 40px;
}
.top_section02 .img_3 img{
max-width:273px;
width:100%;
}
}
@media (max-width: 480px) {
.top_section02 .img_3{
width:100%;
grid-template-columns: 1fr;
grid-template-rows: 1fr 1fr 1fr;
gap:50px;
}
}

/*** TOP　section 03　***/
.top_section03 {
margin:0 auto;
max-width:960px;
width:100%;
}
.top_section03 p{
margin-top:4.0em;
margin-bottom:3.0em;
}
.top_section03 img{
max-width:300px;
width:50%;
}

/*** TOP　section 04　***/
.top_sec04_txt{
text-align:left;
margin-top:2.0em;
margin-left:5%;
margin-right:5%;
}
.top_sec04_txt p{
line-height:4em;
}
.top_sec04_txt p span{
font-size:1.15em;
padding-right:0.4em;
font-weight:bold;
}

/*** TOP　section 05　***/
.top_section05{
margin-bottom:0;
}
.top_section05 .top_menu {
    width:100%;
max-width:1125px;
    display:flex;
margin-top:2.0em;
}
.top_section05 .menu_box {
    width:35%;
    min-width:35%;
margin-right:10px;
}
.top_section05 .last_box{
margin-right:0;
}
.top_section05 .menu_box table {
    border-right: none;
    border-top: none;
padding-bottom:20px;	
}
.top_section05 .menu_box table td, th {
    border-bottom: none;
    border-left: none;
}
.top_section05 .menu_box table th {
background-color:#b3b3b3;
}
@media (max-width: 1250px) {
.top_section05 .scroll-box {
margin-right:5%;
margin-left:5%;
}
.top_section05 .menu_box {
    width:38%;
    min-width:38%;
font-size:1.25vw;
}
}
@media (max-width: 960px) {
.top_section05 .menu_box {
    width:40%;
    min-width:40%;
font-size:1.4vw;
}
}
@media (max-width: 782px) {
.top_section05 .menu_box {
    width:45%;
    min-width:45%;
font-size:1.6vw;
}
  .scrollable-element {
  }
}
@media (max-width: 600px) {
.top_section05 .menu_box {
    width:55%;
    min-width:55%;
font-size:2.0vw;
}
}
@media (max-width: 480px) {
.top_section05 .menu_box {
    width:70%;
    min-width:70%;
font-size:2.4vw;
}
}

/*** TOP　section 06　***/
.top_section06 img{
width:100%;
}
@media (max-width: 782px) {
.top_section06 img{
width:782px;
height:382.5px;
object-fit: cover;
}
}

/*** TOP　section 07　***/
.top_sec07_box {
display:grid;
grid-template-columns:40% 50%;
column-gap:8%;
max-width:1125px;
    text-align: left;
    margin-top: 3.0em;
    margin-left: 5%;
    margin-right: 5%;
}
}
.top_sec07_box img{
margin-top:4.0em;
max-width:480px;
}
.top_sec07_box .top_sec07_txt p{
margin-bottom:1.5em;
font-size:1.5em;
text-align:left;
}
.top_sec07_box .top_sec07_txt p.font_18{
font-size:2.0em;
}
@media (max-width: 1125px) {
.top_sec07_box .top_sec07_txt p{
margin-bottom:1.25em;
font-size:1.2em;
}
.top_sec07_box .top_sec07_txt p.font_18{
font-size:1.6em;
}
}
@media (max-width: 880px) {
.top_sec07_box .top_sec07_txt p{
margin-bottom:1.2em;
font-size:1.0em;

}
.top_sec07_box .top_sec07_txt p.font_18{
font-size:1.5em;
}
}
@media (max-width: 782px) {
.top_sec07_box img{
 display: block;
margin:0 auto;
}
.top_sec07_box {
display:grid;
grid-template-columns: 1fr;
grid-template-rows: 1fr 1fr ;
row-gap:3.0em;
}
.top_sec07_box .top_sec07_txt p{
margin-bottom:1.2em;
font-size:1.2em;
text-align:center;
}
.top_sec07_box .top_sec07_txt p.font_18{
font-size:1.6em;
}
}
@media (max-width: 480px) {
.top_section07{
	margin-bottom:1.0em;
}
.top_sec07_box {
row-gap:0em;
}
}