@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;500;700&display=swap');

html {font-family: 'Noto Sans JP', sans-serif;}
html {overflow-x: hidden;}
body {font-size: 16px;color: #000;line-height: 1.7;font-style: normal;margin: 0px;padding: 0px;overflow-x: hidden;}
ul, li {margin: 0px;padding: 0px;list-style-type: none;}

@media all and (min-width:741px) {
header{display: flex;justify-content: center;align-items: center;padding: 10px 0;flex-direction: column;color: #ff747e;font-weight: bold;font-size: 18px;}
header img{max-width: 250px;width: 100%;display: block;}
footer{padding: 20px 0 10px;}
footer small{font-size: 12px;display: block;text-align: center;}
footer img{display: block;margin: auto;max-width: 250px;margin-bottom: 5px;}
article{background-image: url(img/bg.jpg);}
article section{padding: 40px 0;}
p.read{margin: -20px auto 20px auto;text-align: center;}
p.read a{color: #ff6600;font-weight: bold;margin: auto;margin-top: 5px;display: table;}
p.thanks{display: block;padding: 0px 0 40px;text-align: center;margin: 0;}
span.about{display: block;margin-top: 15px;}

#mfp_thanks{padding:25px 0 15px 0 !important;text-align: center !important;font-size: 16px !important;}
#mfp_thanks strong{font-weight: bold !important;font-size: 22px !important;color: #ff0000 !important;}


/*--------お問合せ------*/
	
table.inputf {padding:10px;box-sizing: border-box;width: 80%;border-collapse: separate;border-spacing: 5px;background-color: #fff;margin: auto;}
table.inputf th {padding:8px 20px;text-align: left;background-color: #eee;width: 400px;vertical-align: top;}
table.inputf th span.must {color:#fff;display: inline-block;padding:2px 6px;font-size: 10px;margin-right: 10px;background-color: #ff0000;line-height: 16px;font-weight: bold;margin-top: 5px;}
table.inputf td {padding:8px 20px;}
table.inputf td select,table.inputf td option{padding:4px;}
table.inputf td.textcen {text-align: center;padding: 35px 0px 25px;}
table.inputf td.textcen button {font-size: 18px;padding: 10px 30px;}
.kesu{margin: 0px 15px;border: none;background-color: #ddd;font-family: 'Noto Sans JP', sans-serif;}
.soushin{margin: 0 15px;background-color: #ff6600;color: #ffff00;font-weight: bold;border: none;font-family: 'Noto Sans JP', sans-serif;}
.areatext,.iptext{width: 100% !important;padding:4px !important;}
.areatext{height: 100px !important;padding:4px !important;}
td.title{background-color: #b62d39 !important;color: #fff;padding:8px 20px !important;}
table .pp{display: block;font-size: 14px;}
table .pp h6{display: block;font-size: 14px;margin: 0;margin-top: 5px;color: #ff4f4f;margin-bottom: -10px;}
table .pp b{display: block;margin-top: 15px;}

/*--------確認画面------*/
	
table#mfp_confirm_table tr th, table#mfp_confirm_table tr td {font-size: 14px !important;}
div.mfp_buttons {padding: 30px 0px !important;}
div.mfp_buttons button{font-size: 16px !important;padding: 8px 12px !important;}
}




/*-------------スマートフォン---------------------- */
@media all and (max-width:750px) {

header{display: flex;justify-content: center;align-items: center;padding: 10px 0;flex-direction: column;color: #ff747e;font-weight: bold;font-size: 18px;}
header img{max-width: 250px;width: 100%;display: block;width: 100%;}
footer{padding: 20px 0 10px;}
footer small{font-size: 12px;display: block;text-align: center;}
footer img{display: block;margin: auto;max-width: 200px;margin-bottom: 5px;width: 100%;}
article{background-image: url(img/bg.jpg);}
article section{padding:  0 0 50px 0;}
p.read{margin: 0px auto 20px auto;padding-top: 20px;width: 90%;font-size: 14px;}
p.read a{color: #ff6600;font-weight: bold;margin-top: 5px;display: table;}
p.thanks{display: block;text-align: center;margin: 0;}
span.about{display: block;margin-top: 15px;}

#mfp_thanks{padding:25px 0 15px 0 !important;text-align: center !important;font-size: 15px !important;}
#mfp_thanks strong{font-weight: bold !important;color: #ff0000 !important;font-size: 20px !important;}

/*--------お問合せ------*/

table.inputf {padding:20px 0;box-sizing: border-box;width: 100%;border-collapse: separate;border-spacing: 0px;background-color: #fff;}
table.inputf th {padding:8px 20px;text-align: left;background-color: #eee;display: block;box-sizing: border-box;}
table.inputf th span.must {color:#fff;display: inline-block;padding:2px 6px;font-size: 10px;margin-right: 10px;background-color: #ff0000;line-height: 16px;font-weight: 600;margin-top: 5px;}
table.inputf td {padding: 8px 15px 20px;display: block;box-sizing: border-box;}
table.inputf td input[type="text"] {display: block;width: 100% !important;box-sizing: border-box;}
table.inputf td input[type="email"] {display: block;width: 100% !important;box-sizing: border-box;}
table.inputf td textarea {display: block;width: 100% !important;box-sizing: border-box;}
table.inputf td.textcen {text-align: center;padding:20px 0px;}
table.inputf td.textcen button {font-size: 16px;padding: 12px 25px;}
.kesu{margin: 0px 10px;border: none;background-color: #ddd;font-family: 'Noto Sans JP', sans-serif;}
.soushin{margin: 0 10px;background-color: #ff6600;color: #ffff00;font-weight: bold;border: none;font-family: 'Noto Sans JP', sans-serif;padding: 12px 35px !important;}
.areatext,.iptext{width: 100% !important;padding:4px !important;}
.areatext{height: 100px !important;padding:4px !important;}
td.title{background-color: #b62d39 !important;color: #fff;padding:8px 20px !important;}
table.inputf td select,table.inputf td option{padding:4px;}
table .pp{display: block;font-size: 14px;}
table .pp h6{display: block;font-size: 14px;margin: 0;margin-top: 8px;color: #ff4f4f;margin-bottom: -8px;}
table .pp b{display: block;margin-top: 15px;}

form#mailformpro select {
	vertical-align: middle;
	font-size: 16px;
    width: 100%;
}

/*--------確認画面------*/
	
table#mfp_confirm_table tr th, table#mfp_confirm_table tr td {font-size: 14px !important;}
div.mfp_buttons {padding: 30px 0px !important;}
div.mfp_buttons button{font-size: 16px !important;padding: 5px 10px !important;}

}