<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";

/* 共通カラム */
div.pane_head_mid,
div.pane_body_mid,
div.pane_foot_mid {
display: flex;
justify-content: space-between;
}
.pane_head_mid_1,
.pane_body_mid_1,
.pane_foot_mid_1 {
order: 1;
flex-grow: 1;
flex-shrink: 1;
box-sizing:border-box;
}
.pane_head_mid_2,
.pane_body_mid_2,
.pane_foot_mid_2 {
order: 0;
flex-grow: 1;
flex-shrink: 1;
box-sizing:border-box;
}
.pane_head_mid_3,
.pane_body_mid_3,
.pane_foot_mid_3 {
order: 2;
flex-grow: 1;
flex-shrink: 1;
box-sizing:border-box;
}
.pane_head_mid_2, .pane_head_mid_3,
.pane_body_mid_2, .pane_body_mid_3,
.pane_foot_mid_2, .pane_foot_mid_3 {
padding: 0 10px;
}
@media only screen and (max-width:700px) {
.pane_head_mid,
.pane_body_mid,
.pane_foot_mid {
flex-direction: column;
}
.pane_head_mid_1,.pane_head_mid_2,.pane_head_mid_3,
.pane_body_mid_1,.pane_body_mid_2,.pane_body_mid_3,
.pane_foot_mid_1,.pane_foot_mid_2,.pane_foot_mid_3 {
padding: 0;
}
}
/* 背景 */
.pane_head{
}

.pane_body{
}

.pane_body_mid_1_contents{
}

.pane_foot{
}

/* 画面幅固定 */
@media only screen and (min-width:701px) {
body#top .contents:not(.irregular_header) {
width:auto;
max-width:1300px;
margin: 0 auto;
}

body#top .contents.irregular_header &gt; div:not(.header_parts){
width:auto;
max-width:1300px;
margin: 0 auto;
}

}

.pane_head_bottom{
display:none;
}
.pane_body_mid_2 , .pane_body_mid_3 , .pane_body_top , .pane_body_bottom{
display:none;
}
.pane_foot_mid_2 , .pane_foot_mid_3 , .pane_foot_top , .pane_foot_bottom{
display:none;
}
@media only screen and (min-width:701px) {
.pane_head_mid_2{
flex-basis: 350px;
min-width: 350px;
}
.pane_head_mid_3{
flex-basis: 350px;
min-width: 350px;
}
.pane_head_mid_1{
flex-basis: 100%;
}
.pane_body_mid_2{
flex-basis: 224px;
min-width: 224px;
}
.pane_body_mid_3{
flex-basis: 224px;
min-width: 224px;
}
.pane_body_mid_1{
flex-basis: 100%;
width: 1px;
}
.pane_foot_mid_2{
flex-basis: 33%;
min-width: 33%;
}
.pane_foot_mid_3{
flex-basis: 33%;
min-width: 33%;
}
.pane_head_mid_2,.pane_head_mid_3,.pane_body_mid_2,.pane_body_mid_3,.pane_foot_mid_2,.pane_foot_mid_3{
flex-grow: 0;
flex-shrink: 1;
}
.pane_foot_mid_1{
flex-basis: 100%;
}
}.pane_head_mid_2{
}
@media only screen and (min-width:701px) {
.pane_head_mid_2{
}
}
@media only screen and (max-width: 700px){
.pane_head_mid_2{
order:1
}
}
.pane_head_mid_3{
}
@media only screen and (min-width:701px) {
.pane_head_mid_3{
}
}
@media only screen and (max-width: 700px){
.pane_head_mid_3{
order:1
}
}
.pane_head_top &gt; .contents{
display: flex;
}
@media only screen and (min-width:701px) {
.pane_head_top &gt; .contents{
}
}
@media only screen and (max-width: 700px){
.pane_head_top &gt; .contents{
display:block
}
}
.pane_head_mid_1{
}
@media only screen and (min-width:701px) {
.pane_head_mid_1{
}
}
@media only screen and (max-width: 700px){
.pane_head_mid_1{
order:1
}
}
@media only screen and (max-width: 700px){
.pane_head_mid_1_contents{
display: flex;flex-direction: column;align-items:center;
}
}
@media only screen and (max-width: 700px){
.pane_head_bottom &gt; .contents{
display: flex;flex-direction: column;align-items:center;
}
}
.pane_body_mid_1{
}
@media only screen and (min-width:701px) {
.pane_body_mid_1{
}
}
@media only screen and (max-width: 700px){
.pane_body_mid_1{
order:1
}
}
.pane_foot_mid_1{
}
@media only screen and (min-width:701px) {
.pane_foot_mid_1{
}
}
@media only screen and (max-width: 700px){
.pane_foot_mid_1{
order:1
}
}
</pre></body></html>