html, body, div, span, object, iframe, article, aside, canvas, details, pre, figcaption, figure,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, input, textarea, select, button, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	color: #333;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	line-height: 1.5;
	letter-spacing: 0.8px;
	vertical-align: baseline;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	background: transparent;
	list-style: none;
	-ms-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	text-size-adjust: 100%;
}
html {overflow: auto;}
body {position: relative; min-height: 100%;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
nav ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content: none;}
p {margin: 0; padding: 0;}
b {font-weight: 700;}
address {text-decoration: none; font-style: normal;}
a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; text-decoration: none; color: #333;}
a:hover {opacity: 0.75; cursor: pointer;}
a:focus, *:focus {outline: none;}
img {display: block; max-width: 100%; height: auto; backface-visibility: hidden; -ms-interpolation-mode: bicubic;}
a:hover img {cursor: pointer; zoom: 1;}
svg {display: block; max-width:100%; height: auto;}
ins {background: transparent; color: #333; text-decoration: none;}
mark {background: transparent; color: #000; font-style: italic; font-weight: bold;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted; cursor: help;}
table {border-collapse: collapse; border-spacing: 0;}
hr {display: block; height: 1px; border: 0; border-top: 1px solid #ddd; margin: 1em 0; padding: 0;}
::selection {color: #fff; background: #0075c2;}
input {vertical-align: middle; position: relative; background: transparent;}
select {appearance: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; background: #fff;}
button {background-color: transparent; border: none; cursor: pointer; outline: none; padding: 0; appearance: none;}
input[type="submit"],input[type="reset"],input[type="button"],button {cursor: pointer; -webkit-appearance: button; -ms-appearance: none; *overflow: visible;}
input[type="submit"] {border: none;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset;}
select::-ms-expand {display: none;}
select:focus {outline: none;}
select: {outline: none;}
/* text */
input::-ms-clear {visibility: hidden;}
input:focus {outline: none;}
/* password */
input::-ms-reveal {visibility: hidden;}
.display-name {color: #fff;}
/* ie対策 */
img[src$=".svg"] {width: 100%;}
/*ハードウェアアクセラレータを強制作動*/
.active {transform: translate3d(0,0,0);}

html,body {height: 100vh; min-height: 100vh; max-height: 100vh;  background: #f0f0f0;}

.mincho {font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;}
.flex {display: flex; justify-content: flex-start;}

main {display: flex; justify-content: center; width: 100%;}
.top {display: inline-flex; background: #fff; border: 5px solid #c5c6af; border-radius: 20px; justify-content: center!important; align-items: center; margin: 20px 20px 0; padding: 30px;}
.main_img {width: auto; max-height: 620px; margin-right: 30px;}
.main_img img {width: auto; max-height: 620px;}
.main_img.sp {display: none;}
.text_box {width: auto;}
.text_box .main_head {position: relative; align-items: center; margin-bottom: 20px;}
.text_box .main_head p {font-size: 24px; font-weight: 700; white-space: nowrap;}
.text_box .main_head h1 {margin-left: 16px;}
.text_box .main_head h1 span {display: block;}
.text_box .main_head h1 span.big {font-size: 76px; line-height: 1; font-weight: 700; white-space: nowrap;}
.text_box .main_head h1 span.small {font-size: 22px; letter-spacing: 28px; font-weight: 700; white-space: nowrap;}
.text_box .main_head .pickup {position: relative; top:-35px; right: -10px; width: 170px; min-width: 170px; height: 170px; padding-top: 20px; flex-direction: column; justify-content: center; align-items: center; background: #0075c2; font-size: 24px; color: #fff;}
.text_box .main_head .pickup:after {position: absolute; content: ""; display: block; bottom: -30px; width: 0; height: 0; border-style: solid; border-width: 30px 85px 0 85px; border-color:  #0075c2 transparent transparent transparent;}
.text_box .main_head .pickup span {font-size: 64px; color: #fff; font-weight: 700; line-height: 1;}
.text_box .price_box {justify-content: center; align-items: flex-end; margin-bottom: 50px;}
.text_box .price_box .price small {display: inline-block; font-size: 24px; margin-bottom: 5px;}
.text_box .price_box .price p.yen {font-size: 64px; line-height: 1;}
.text_box .price_box .price p.yen span {font-size: 14px; text-decoration: none;}
.text_box .price_box .price p.yen.big {font-size: 128px; color: #e51b67; font-weight: 700; margin-bottom: -10px;}
.text_box .price_box .arrow {margin: 0 20px 20px;}
.text_box .price_box .arrow:after {position: relative; content: ""; display: block; width: 0; height: 0; border-style: solid; border-width: 30px 0 30px 20px; border-color: transparent transparent transparent #333;}
.text_box .link {display: block; width: 100%; text-align: center; font-size: 36px; color: #fff;}
.text_box .notice {display: block; font-size: 18px; margin-top: 25px; text-align: center;}

main.common {display: block; width: 900px; height: auto; background: #fff; margin: 40px auto; padding: 40px;}
main.common h1 {font-size: 24px; border-bottom: 2px solid #0075c2; margin-bottom: 30px;}
main.common h2 {font-size: 20px; border-left: 4px solid #0075c2; margin-bottom: 20px; padding-left: 8px;}
main.common p {margin-bottom: 30px;}
main.common table {margin: -10px 0 30px;}
main.common table tr {border-bottom: 1px solid #ccc;}
main.common table tr:last-child {border-bottom: none;}
main.common table th,main.common table td {padding: 10px 8px;}
main.common table th {white-space: nowrap;}
main.common a {color: #0075c2;}
main.common a.back {display: block; width: 160px; color: #fff; text-align: center; background: #0075c2; margin: 0 auto; padding: 16px 0; border: 1px solid #0055a2; border-radius: 5px;}

footer {width: 100%; height: 16px; padding: 40px 0; text-align: center;}
footer ul {width: 100%; justify-content: center!important;}
footer ul li {padding: 0 16px; border-right: 1px solid #333; line-height: 1;}
footer ul li:last-child {border-right: none;}
footer ul li a {color: #333;}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	.main_img.pc {display: none;}
	.main_img.sp {display: block; margin-bottom: 40px;}
	.main_img.sp img {margin: 0 auto;}
	.text_box .main_head .pickup {top:-35px;}
}