/* リセットスタイル */
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

img{
    max-width: 100%;
}

body{
    font-family: Arial, sans-serif; 
    line-height: 1.6; 
}

a{
    transition: opacity 0.3s ease;
}

a:hover,
input[type="submit"]:hover,
input[type="button"]:hover{
    opacity: 0.7;
}

p{
    margin-bottom:1em;
}

ul {
    list-style: none; /* リストマークを非表示 */
}

ul.listmark li {
    margin-left: 1em;
    border-bottom: none;
}

/* 見出しのスタイル */
h1, h2, h3, h4, h5, h6{
    font-weight: bold; /* 太字 */
}

address {
    font-style: normal; /* 斜体を解除 */
    pointer-events: none;
}

/*　フォームのスタイル　*/

input[type="submit"] ,
input[type="submit"]{
    cursor: pointer;
}

/* インナー(コンテナ)の基本スタイル */
.inner{
    max-width: 1000px;
    margin: 0 auto; 
}

@media (max-width: 1024px) {
    .inner {
        max-width: 100%;
        padding: 0 30px;
    }
}



/* 汎用スタイル */
.DIB{
    display: inline-block;
}
.TAC{
    text-align: center !important;
}
.TAR{
    text-align: right !important;
}
.TAL{
    text-align: left !important;
}
.red{
    color:red !important;
}
.bld{
    font-weight: bold;
}
.mb0{
    margin-bottom:0em !important;
}
.mb1{
    margin-bottom:1em !important;
}
.mb20px{
    margin-bottom:20px !important;
}

.flex{
    display: flex;
}
/*スマホの横画面やPCでのみflex表示にしたい*/
@media (min-width: 600px) { 
    .pc_flex{
        display: flex;
    }
}

/* スマホ横画面以上、タブレット縦画面以下で非表示にする */
@media (min-width: 768px) and (max-width: 1025px) {
    .smp_only {
        display: none !important;
    }
}

/* iPad miniの横画面で非表示にする */
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .smp_only {
        display: none !important;
    }
}

/* スマホ縦画面でのみ表示したい要素を非表示にする */
@media (max-width: 767px) and (orientation: portrait) {
    .pc_only {
        display: none !important;
    }
}

/* 1026px以上でsmp_onlyを非表示にする */
@media (min-width: 1026px) {
    .smp_only {
        display: none !important;
    }
}