@charset "UTF-8";
/* CSS Document */

/*************************************************************************************************************************
* デフォルト：640px以下用の記述
*************************************************************************************************************************/
article .secTit{ font-size: 24px;}


/* submit
**********************************************************************/
#submit{ background: #f5fafa; padding:0 10px;}
#submit .wrap{ max-width: 800px; padding: 40px 0 60px;}

#submit .secTit{ margin-bottom: 20px; }

#submit .type{ justify-content: space-between; margin-top: 38px;}
#submit .type > li{ background: #fff; padding: 30px 20px 40px; }
#submit .type > li:first-child{ margin-bottom: 15px;}

#submit h3{ font-size: 24px; font-weight: bold; color: #1e9696; text-align: center;}

#submit .initial{ display:flex; justify-content: space-between; margin-top: 20px; letter-spacing: 0;}
#submit .initial > li{ background: #f6f6f6; width: 48.5%; padding: 15px 10px 4px; color: #666; text-align: center;}
#submit h4{ font-size: 12px; }

#submit .initial p{ margin-top: 12px; font-size: 16px; font-weight: bold;}
#submit .initial li:first-child p{ font-family: "myriad", sans-serif; font-size: 20px;}
#submit .initial .big{ margin: 0 4px; font-family: "myriad", sans-serif; font-size: 40px; line-height: 1;}

#submit select{ display: table; background: url("img/submit_img01.png")no-repeat center right,#fff; background-size: 43px auto; width: 190px; height: 50px; padding: 0 54px 0 14px; margin: 40px auto 0; font-size: 14px; border: #eee 1px solid; border-radius: 4px;}

#submit .fade{ display: table; margin: 30px auto 0;}
#submit .fade li{ display: none;}
#submit .fade li:first-child{ display: block;}

#submit .fade div{ display:flex; align-items: flex-end; padding-right: 14px; position: relative;}

#submit .price{ font-family: "myriad", sans-serif; font-size: 32px; font-weight: bold; color: #1e9696;}
#submit .price span{ font-size: 50px; line-height: 1; letter-spacing: -1px;}

#submit .tax{ position: absolute; bottom: 16px; right: -44px; font-size: 13px; color: #666;}
#submit .one{ display: table; margin: 0 auto; padding: 6px 10px; color: #666; font-weight: bold; border-top: #ddd 1px solid; border-bottom: #ddd 1px solid; letter-spacing: 0;}


@media print, screen and (max-width:375px){ #submit h4{ font-size: 10px; } }


/*************************************************************************************************************************
* 641px以上用の記述
*************************************************************************************************************************/
@media print, screen and (min-width:641px){
	#submit .wrap{ padding: 66px 0 80px;}

	#submit .price span{ font-size: 72px;}
	#submit .tax{ font-size: 14px;}
}

@media print, screen and (min-width:780px){
	#submit .type{ display:flex; }
	#submit .type > li{ width: 49%; }
	#submit .type > li:first-child{ margin-bottom: 0;}
}