@charset "UTF-8";
/* ---------------------------------
タブレット端末＜1024px以下共通＞
--------------------------------- */
@media screen and (max-width:1024px) {
header {height: auto;}
header .inner {width: 100%;}
section .wrapper {width: 94%;}
.container {width: 100%;}
.copyBlock {max-width: 90%;}
img.graph {max-width: 320px;}
}
/* ---------------------------------------
タブレット端末＜768px以下共通＞
--------------------------------------- */
@media screen and (max-width:768px) {
br.sp768 {display: block;}
img.alignright {
float: none;
margin: 0 auto;
}
.titBlock h2 {font-size: 225%;}
.introBlock {
flex-direction: column;
align-items: center;
}
}
/* ---------------------------------------
スマホ＜640px以下共通＞
--------------------------------------- */
@media screen and (max-width:640px) {
img {
width: 100%;
height: auto;
max-width: 100%;
}
img.graph {
float: none;
margin: 0 auto 20px;
}
br.sp640 {display: block;}
section {margin-bottom: 40px;}
section .wrapper {padding: 20px 0;}
.titBlock h2 {
font-size: 200%;
line-height: 2.4rem;
}
.txtBlock {padding: 0;}
.boxBlock ul li {font-size: 125%;}
.boxBlock ul li:not(:last-child) {margin-bottom: 16px;}
/*オレンジフォーム*/
table.orForm tr {display: block;}
table.orForm th, table.orForm td {
display: block;
width: 100%;
padding: 8px 0;
}
/*エキスパ フォーム*/
.pub_form {
flex-direction: column;
}
.pub_form dt {
text-align: center;
padding: 12px 0;
}
.introBlock {padding: 24px 12px;}
dl.agenda dt {
font-size: 125%;
line-height: 1.6rem;
}
p.toku_tit {
font-size: 100%;
width: 100%;
padding: 4px 0;
}
p.toku_cont {
font-size: 113%;
line-height: 1.4rem;
}
/*特定商法*/
.privacy .titBlock h2 {font-size: 125%;}
table.tokutei td, table.tokutei th {
display: block;
width: 100%;
font-size: 88%;
}

}
/* ---------------------------------------
スマホ＜490px以下共通＞
--------------------------------------- */
@media screen and (max-width: 490px) {
img.sp {display: block;}
img.pc {display: none;}
br.sp490 {display: block;}
.titBlock {width: 98%;}
.titBlock h2 {
font-size: 163%;
line-height: 2.0rem;
}
p {font-size: 100%;}
.boxBlock ul {padding: 0 40px;}
.boxBlock ul li {
font-size: 113%;
line-height: 1.6rem;
}
.introBlock .imgBlock {
max-width: 240px;
margin: 0 auto 16px;
}
.introBlock .txt {padding: 0 16px;}
ul.tri li {font-size: 88%;}
span.chu {font-size: 76%;}
footer {font-size: 75%;}
dl.agenda dt {
font-size: 103%;
line-height: 1.4rem;
}
.tokutenBlock {flex-direction: column;}
.tokuten {width: 100%;}

}
@media screen and (max-width:375px) {
input[type=submit] {padding: 20px 0;}

}