@charset "utf-8";

/*********************************
 * ～640
 *********************************/
@media screen and (max-width:640px){

h2.subtitle { margin: 6% 0 0 0; padding: 0 0 10px 0; background: #fff; font-size: 1.5em; font-weight: bold; border-bottom: 5px solid #f4f6f9; color: #27578d; }
h2.subtitle span { display: block; border-left: 5px solid #27578d; padding: 0.5em; }


.c1 { width: 92%; margin: 0 auto; padding: 0 0 0 0; }
.c1 .inner { width: 100%; height: 500px; padding: 0em 1em 1em 1em; margin: 4% 0 0 0; overflow: auto; background: #fafafa; font-size: 0.8em; }
.c1 .inner h3 { padding: 1em 0 0 0; font-size: 1.2em; font-weight: bold; color: #27578d; }
.c1 .inner p { padding: 1em 0 0 0; }
.c1 .inner .right { text-align: right; }
.c1 .submit { padding: 4% 0 0 0; } 
.c1 .submit div { text-align: center; padding: 2% 0; }

.c2 { width: 92%; margin: 0 auto; padding: 0 0 0 0; }
.c2  .caution_txt { padding: 6% 0 0 0; font-size: 1em; }
.c2  .caution_txt2 { padding: 6% 0; font-size: 1em; }
.c2 .inner { width: 100%; margin: 0 auto; }
.c2 .inner { width: 100% margin: 0 auto; padding: 6% 0 0 0; }
.c2 em { color: #ed3636; }
.c2 table { width: 100%; margin: 2% 0 0 0; }
.c2 table th { display: block; width: 100%; padding: 0.5em; border-bottom: 1px solid #27578d; color: #27578d; font-weight: bold; box-sizing: border-box; }
.c2 table th p { font-size: 0.8em; color: #333; }
.c2 table td { display: block; width: 100%; padding: 0.5em;  font-weight: normal; box-sizing: border-box; }
.c2 table td span { font-size: 0.8em; padding: 0 0 0 0; }

.c3 { width: 92%; margin: 0 auto; padding: 0 0 0 0; }
.c3 .caution_txt { padding: 6% 0 0 0; font-size: 1.5em; text-align: center; font-weight: normal; }
.c3 .item { position: relative; margin: 4% 0 0 0; }
.c3 .item .image { width: 100%; padding: 0 0 2% 0; }
.c3 .item .spec { width: 100%; padding: 0 0 0 0; box-sizing: border-box; }
.c3 .item .spec .copy {  font-size: 0.8em; color: #27578d;}
.c3 .item .spec .name {  font-size: 1.5em; color: #27578d;}
.c3 .item .spec .txt {  padding: 0.5em 0 0 0; font-size: 0.9em; line-height: 1.5em; }
.c3 .item .spec .price {  padding: 2% 0 0 0; font-weight: bold; }
.c3 .item .spec .price span { font-size: 1.2em; color: #ed3636; }
.c3 .inner { width: 100%; margin: 0 auto; padding: 0 0 0 0; }
.c3 em { color: #ed3636; }
.c3 table { width: 100%; margin: 4% 0 0 0; }
.c3 table th { display: block; width: 100%; padding: 0 0.5em;  border-bottom: 1px solid #27578d; color: #27578d; font-weight: bold; box-sizing: border-box; }
.c3 table th p { font-size: 0.8em; color: #333; }
.c3 table td { display: block; width: 100%; padding: 0.5em; font-size: 0.8em; font-weight: normal; box-sizing: border-box; }
.c3 table td:nth-child(3) { float: left; width: 30%; border-top: 1px dotted #ccc; }
.c3 table td:nth-child(4) { float: left; width: 70%; border-top: 1px dotted #ccc; }
.c3 table thead { display: none; }

.f1 { width: 100%; border: 1px solid #c9c9c9; background: #f7f7f7; }
.f2 { width: 100%; border: 1px solid #c9c9c9; background: #f7f7f7; }
.f3 { width: 100%; border: 1px solid #c9c9c9; background: #f7f7f7; }
textarea { width: 100% !important; height: 150px !important; border: 1px solid #c9c9c9; background: #f7f7f7; }
.submit { padding: 4% 0 0 0; } 
.submit div { text-align: center; padding: 2% 0; }

}


/*********************************
 * 641～
 *********************************/

@media screen and (min-width:641px){

h2.subtitle { margin: 50px 0 0 0; padding: 0 0 10px 0; background: #fff; font-size: 1.5em; font-weight: bold; border-bottom: 5px solid #f4f6f9; color: #27578d; }
h2.subtitle span { display: block; border-left: 5px solid #27578d; padding: 0.5em; }

.c1 { width: 1080px; margin: 0 auto; padding: 0 0 0 0;}
.c1 .inner { width: 1080px; height: 500px; padding: 1em 2em 2em 2em;  overflow: auto; margin: 20px 0 0 0; background: #fafafa; font-size: 0.8em; }
.c1 .inner h3 { padding: 1em 0 0 0; font-size: 1.2em; font-weight: bold; color: #27578d; }
.c1 .inner p { padding: 1em 0 0 0; }
.c1 .inner .right { text-align: right; }
.c1 .submit { padding: 20px 0 0 0; } 
.c1 .submit div { text-align: center; padding: 10px 0; }

.c2 { width: 1080px; margin: 0 auto; padding: 0 0 0 0;}
.c2  .caution_txt { padding: 50px 0 0 0; font-size: 1em; }
.c2  .caution_txt2 { padding: 50px 0; font-size: 1em; }
.c2 .inner { width: 1080px; margin: 0 auto; padding: 50px 0 0 0; }
.c2 em { color: #ed3636; }
.c2 table { width: 100%; margin: 20px 0 0 0; }
.c2 table th { width: 30%; padding: 0.5em; border-top: 1px solid #27578d; border-bottom: 1px solid #27578d; color: #27578d; font-weight: bold; box-sizing: border-box; }
.c2 table th p { font-size: 0.8em; color: #333; }
.c2 table td { width: 70%; padding: 0.5em; border-top: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; font-weight: normal; box-sizing: border-box; }
.c2 table td span { font-size: 0.8em; padding: 0 0 0 1em; }

.f1 { width: 50%; border: 1px solid #c9c9c9; background: #f7f7f7; }
.f2 { width: 30%; border: 1px solid #c9c9c9; background: #f7f7f7; }
.f3 { width: 80%; border: 1px solid #c9c9c9; background: #f7f7f7; }
textarea { width: 100% !important; height: 150px !important; border: 1px solid #c9c9c9; background: #f7f7f7; }
.submit { padding: 4% 0 0 0; } 
.submit div { text-align: center; padding: 2% 0; }


.c3 { width: 1080px; margin: 0 auto; padding: 0 0 0 0;}
.c3 .caution_txt { padding: 50px 0 0 0; font-size: 1.5em; text-align: center; font-weight: normal; }
.c3 .item { position: relative; margin: 20px 0 0 0; }
.c3 .item .image { float: left; width: 30%; }
.c3 .item .spec { float: left; width: 70%; padding: 0 0 0 1em; box-sizing: border-box; }
.c3 .item .spec .copy {  font-size: 0.8em; color: #27578d;}
.c3 .item .spec .name {  font-size: 1.5em; color: #27578d;}
.c3 .item .spec .txt {  padding: 0.5em 0 0 0; font-size: 0.9em; line-height: 1.5em; }
.c3 .item .spec .price {  padding: 1.5em 0 0 0; font-weight: bold; }
.c3 .item .spec .price span { font-size: 1.2em; color: #ed3636; }
.c3 .inner { width: 1080px; margin: 0 auto; padding: 0 0 0 0; }
.c3 em { color: #ed3636; }
.c3 table { width: 100%; margin: 20px 0 0 0; }
.c3 table th { width: 25%; padding: 0.5em; border-top: 1px solid #27578d; border-bottom: 1px solid #27578d; color: #27578d; font-weight: bold; box-sizing: border-box; }
.c3 table th p { font-size: 0.8em; color: #333; }
.c3 table td { width: auto; padding: 0.5em; border-top: 1px solid #27578d; border-bottom: 1px solid #27578d; font-weight: normal; box-sizing: border-box; }
.c3 table td:nth-child(2) { width: 50%; }
.c3 table thead { color: #27578d; font-weight: bold; }
.c3 table thead th {border-top: 2px solid #27578d; border-bottom: 2px solid #27578d; background: #fff; }
.c3 table thead td {border-top: 2px solid #27578d; border-bottom: 2px solid #27578d; background: #fff; }


}