@charset "euc-jp";
/* CSS Document */

#overslider {max-width: 780px; font-size: 16px;}
#overslider section {box-sizing: border-box; margin: 0 0 50px; padding: 0 15px;}

/*画像共通*/
#overslider img {display: block; width: 100%; max-width: 780px;}

/*項目名*/
#overslider h3 {
	margin: 0 0 20px; padding: 0 0 0 5px;
	border-left: solid 10px #00384a;
	color: #00384a; font-size: 1.2em;}

/*リンク共通*/
#overslider a {
	display: block; margin: 0 auto; padding: 20px 10px;
	border-radius: 10px; background: #e00;
	color: #fff; font-size: 1.2em; font-weight: 600; text-align: center; text-decoration: none;}
#overslider a:hover {background: #a00; transition: 0.3s;}

/*動画共通*/
#overslider .youtube {width: 100%; max-width: 100%; margin: 0; aspect-ratio: 16/9;}
#overslider .youtube iframe {width: 100%; height: 100%;}


/*受け画像*/
#attachment img {display: block; max-width: 100%; margin: 0 0 10px;}


/*注文の流れ*/
#order .dis-tbl {width: 100%; font-size: 1em; font-weight: 600; line-height: 2em;}
#order .dis-tblcl01 {width: 40px; background: #ff0; color: #00384a; text-align: center; vertical-align: middle;}
#order .dis-tblcl02 {padding: 15px; background: #00384a; color: #ff0;}
#order p {width: 0; height: 0; margin: 0 auto 15px;
border-style: solid; border-width: 30px 50px 0 50px;
border-color: #00384a transparent transparent transparent;}


/*関連動画*/
#related .youtube {display: inline-block; max-width: 350px; margin: 0 10px 10px;}


/*お問い合わせ*/
#contact a {max-width: 600px; background: #0197ba;}
#contact a:hover {background: #00384a;}