@charset "utf-8";
/* スタイルリセット */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, button {
	border: 0;
	font-size: 100%;
	font: inherit;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, main,hgroup, menu, nav, section {
	display: block;
}

body {
	color:#333;
	font-size:20px;
	font-family: "メイリオ", Meiryo, sans-serif;
	font-weight:500;
	letter-spacing:0.03em;
	line-height:1;
	background:#fff;
}
body.mac,
body.ios {
	font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
}

ol,ul,li{
	list-style: none;
}

sup {
	font-size:70%;
	vertical-align:super;
}

blockquote, q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

table {
	border-collapse: inherit;
	border-spacing: 0;
}
input, textarea {
	font-family: "メイリオ", Meiryo, sans-serif;
}
body.mac input, body.mac textarea,
body.ios input, body.ios textarea {
	font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
}
input[type="submit"],
input[type="button"],
input[type="reset"] {
	appearance:button;
	border:none;
	border-radius:0;
	box-sizing:border-box;
	cursor:pointer;
	-webkit-appearance:button;
}
input[type="text"],
textarea, select, button {
	appearance:none;
	border:none;
	border-radius:0;
	box-sizing:border-box;
	-webkit-appearance:none;
	background:none;
}

a{
	color:#333;
	text-decoration: none;
	outline: none;
}
a:focus, *:focus {outline:none;}
a.tel_link {
	pointer-events:none;
}

*{
	box-sizing:border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}

.sp {
  display:none !important;
}
.txt-r {
	text-align:right;
}
.ibk {
	display:inline-block;
}

img {
	width:auto;
	max-width:100%;
	height:auto;
	vertical-align:bottom;
}

.inner {
	width:100%;
	max-width:1000px;
	margin:0 auto;
}
header {
	width:100%;
	padding:0;
	position:absolute;
	top:0;
	left:0;
	z-index:9;
}
header .inner {
	padding:18px 30px 0;
	box-sizing:border-box;
}
header .logo a, header .logo a img {
	width:165px;
	height:auto;
	display:block;
}
footer {
	padding:20px 30px;
	background:#e75520;
}
footer .inner {
	max-width:1000px;
	margin:0 auto;
}
footer nav ul {
	display:flex;
}
footer p {
	color:#fff;
	font-size:13px;
	font-weight:bold;
	line-height:1.3;
	letter-spacing:0.1em;
	text-align:center;
}

#main {
	position:relative;
	z-index:1;
	background:url(../img/main_bg.png) no-repeat center 0;
	background-size:auto 100%;
}
#main h1 {
	width:100%;
	max-width:1000px;
	margin:0 auto;
}
@media screen and (min-width:1920px) {
#main {
	background-size:cover;
}
}

#guidance {
	margin:30px 0 95px;
	padding:0 30px;
}
#guidance h2 {
	width:563px;
	margin:0 auto;
}
#guidance h3 {
	color:#352a6f;
	font-size:19px;
	font-weight:700;
	line-height:1;
	letter-spacing:0.06em;
	max-width:825px;
	margin:25px auto 0;
	padding-left:1.05em;
	position:relative;
}
#guidance h3::before {
	content:"";
	width:18px;
	height:18px;
	background:#352a6f;
	border-radius:10px;
	position:absolute;
	left:0;
}
#guidance ul {
	width:100%;
	max-width:825px;
	margin:30px auto 50px;
	display:flex;
	justify-content:space-between;
}
#guidance ul li {
	width:246px;
	height:163px;
	position:relative;
}
#guidance ul li:nth-child(1) {
	margin-right:5.33%;
	position:relative;
	background:#fff8e1;
	border-radius:20px;
}
#guidance ul li:nth-child(1)::after {
	content:"";
	width:23px;
	height:23px;
	background:url(../img/icon_arrow.png) no-repeat 0 0;
	background-size:100% auto;
	position:absolute;
	top:50%;
	right:-13.4%;
	transform:translateY(-50%) rotateZ(-90deg);
}
#guidance ul li:nth-child(2) {
	margin-right:5.33%;
	position:relative;
	background:#fff8e1;
	border-radius:15px;
}
#guidance ul li:nth-child(2)::after {
	content:"";
	width:22px;
	height:23px;
	background:url(../img/icon_plus.png) no-repeat 0 0;
	background-size:100% auto;
	position:absolute;
	top:50%;
	right:-13.4%;
	transform:translateY(-50%);
}
#guidance ul li:nth-child(3) {
	position:relative;
	background:url(../img/procedure_bg.png) no-repeat 0 0;
	background-size:100% auto;
}
#guidance ul li h4 {
	font-size:13.5px;
	font-weight:700;
	line-height:1.66;
	position:absolute;
}
#guidance ul li p {
	color:#e75520;
	font-size:10.7px;
	font-weight:700;
	line-height:1.6;
	letter-spacing:-0.01em;
	position:absolute;
}
#guidance ul li:nth-child(1) .image {
	width:28%;
	position:absolute;
	right:5.7%;
	bottom:8.6%;
}
#guidance ul li:nth-child(1) h4 {
	top:18.4%;
	left:6%;
}
#guidance ul li:nth-child(1) p {
	bottom:12%;
	left:6%;
}
#guidance ul li:nth-child(2) .image {
	width:33.73%;
	position:absolute;
	right:1.22%;
	bottom:3.7%;
}
#guidance ul li:nth-child(2) .chui {
	width:33.33%;
	position:absolute;
	top:-10.4%;
	right:-10.16%;
}
#guidance ul li:nth-child(2) h4,
#guidance ul li:nth-child(3) h4 {
	top:13.4%;
	left:6%;
}
#guidance ul li:nth-child(2) p {
	bottom:10.4%;
	left:6%;
}
#guidance ul li:nth-child(2) p.chushaku {
	color:#333;
	font-size:10px;
	line-height:1.4;
	text-indent:-1em;
	padding-left:1em;
	margin:0 10px;
	position:absolute;
	top:calc(100% + 10px);
	left:0;
}
#guidance .important {
	width:100%;
	max-width:768px;
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:10px 20px 10px 40px;
	margin:0 auto;
	background:#faddd2;
	border-radius:6px;
	position:relative;
}
#guidance .important .icon {
	width:37px;
	position:absolute;
	top:50%;
	left:0;
	transform:translateX(-50%) translateY(-50%);
}
#guidance .important h5 {
	color:#e75520;
	font-size:15px;
	font-weight:700;
	line-height:1.33;
	letter-spacing:0.06em;
	white-space:nowrap;
}
#guidance .important p {
	font-size:10.7px;
	font-weight:700;
	line-height:1.4;
	letter-spacing:0.1em;
	margin-left:15px;
}
#guidance .tax {
	width:100%;
	max-width:825px;
	margin:35px auto 0;
	padding:10px 0 0;
	display:flex;
	justify-content:space-between;
	background:url(../img/border.png) repeat-x 0 0;
	background-size:auto 1.4px;
}
#guidance .tax h3 br {
	display:none;
}
#guidance .tax p {
	font-size:16.4px;
	font-weight:700;
	line-height:1.5;
	margin:10px 0 0;
}
#guidance .tax .image {
	width:195px;
	min-width:195px;
	margin:25px 0 0 50px;
}
#guidance .tax .image a,
#movie .top_inner ul li a,
#movie .button a,
#announce .button a {
	display:block;
	transition:ease .3s;
}

#movie .top_inner {
	padding:25px 30px 60px;
	background:#fff8d3;
}
#movie .top_inner h2,
#announce h2 {
	width:100%;
	max-width:651px;
	margin:0 auto 43px;
}
#movie .top_inner h3 {
	width:100%;
	max-width:316px;
	margin:0 auto 6px;
}
#movie .top_inner ul {
	width:100%;
	max-width:574px;
	margin:0 auto;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
#movie .top_inner ul li {
	width:279px;
	margin:15px 0 0;
}
#movie .inner {
	padding:65px 30px 1px;
	background:#fff;
}
#movie .movie_area {
	width:100%;
	max-width:714px;
	margin:0 auto 85px;
}
#movie .movie_area h4 img {
	display:block;
}
#movie .movie_area p {
	font-size:18.5px;
	font-weight:700;
	line-height:1.54;
	letter-spacing:0.1em;
	margin:10px 0 0;
}
#movie .youtube {
	margin:25px 0 0;
	padding-top:56.25%;
	position:relative;
}
#movie .youtube iframe,
#movie .youtube .thumb {
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	top:0;
	left:0;
}
#movie .youtube iframe {
	visibility:hidden;
	z-index:1;
}
#movie .youtube iframe.visible {
	visibility:visible;
}
#movie .youtube .thumb {
	z-index:3;
	cursor:pointer;
}
#movie .movie_area p.chushaku {
	font-size:10px;
	font-weight:700;
	line-height:1.5;
	letter-spacing:0.06em;
	text-align:right;
	margin:12px 0 0;
	padding-left:1em;
	text-indent:-1em;
}
#movie .button {
	width:100%;
	max-width:305px;
	margin:20px auto 0;
}
#movie .button a img,
#announce .button a img {
	display:block;
}

#announce {
	padding:38px 30px 65px;
	background:#fff8d3;
}
#announce .button {
	width:100%;
	max-width:315px;
	margin:70px auto 0;
}
#announce h3 {
	margin:35px 0 0;
	text-align:center;
}
#announce h3 a {
	color:#e75520;
	font-size:19.3px;
	font-weight:700;
	line-height:1;
	letter-spacing:0.06em;
	padding:0 0 4px;
	display:inline-block;
	position:relative;
}
#announce h3 a::after {
	content:"";
	width:100%;
	height:1px;
	background:#e75520;
	position:absolute;
	left:0;
	bottom:1px;
}


@media screen and (min-width:769px) {
#guidance .tax .image a:hover,
#movie .top_inner ul li a:hover,
#movie .button a:hover,
#announce .button a:hover {
	opacity:.7;
}
#announce h3 a:hover::after {
	opacity:0;
}

}

@media screen and (max-width:900px) {
#guidance ul {
	align-items:center;
}
#guidance ul li {
  width:29.8%;
	height:18.3vw;
}
#guidance ul li h4 {
	font-size:1.5vw;
}
#guidance ul li p {
	font-size:1.15vw;
}
#guidance ul li:nth-child(2) p.chushaku {
	font-size:1.1vw;
}
#guidance .tax .image {
	margin:25px 0 0 25px;
}

}

@media screen and (max-width:820px) {
#guidance .important p br {
	display:none;
}

}


@media screen and (max-width:768px) {
.pc {
  display:none !important;
}
.sp {
  display:block !important;
}
header .logo {
	width:35%;
  position:absolute;
  top:5vw;
  left:50%;
  transform:translateX(-50%);
}
header .logo a, header .logo a img {
	width:100%;
}
footer {
  padding:25px 10px;
}
#guidance {
	margin:6vw 0 9vw;
	padding:0 40px;
}
#guidance h2 {
  width:75%;
	margin-bottom:6vw;
}
#guidance h3 {
	font-size:20px;
	margin:3vw auto 0;
	max-width:500px;
}
#guidance ul {
	max-width:500px;
  margin:4vw auto 0;
	display:block;
}
#guidance ul li {
  width:100%;
  height:auto;
}
#guidance ul li:nth-child(1) {
	margin-right:0;
	margin-bottom:69px;
	border-radius:30px;
}
#guidance ul li:nth-child(1)::after {
	width:49px;
	height:49px;
	top:auto;
	bottom:-10px;
	right:auto;
	left:50%;
	transform:translateY(100%) translateX(-50%);
}
#guidance ul li:nth-child(2) {
	margin-right:0;
	margin-bottom:109px;
	border-radius:30px;
}
#guidance ul li:nth-child(2)::after {
	width:41px;
	height:42px;
	top:auto;
	bottom:-50px;
	right:auto;
	left:50%;
	transform:translateY(100%) translateX(-50%);
}
#guidance ul li:nth-child(3) {
	height:304px;
	background:url(../img/procedure_bg_sp.png) no-repeat 0 0;
	background-size:100% auto;
}
#guidance ul li h4 {
	font-size:20px;
	line-height:1.4;
	padding:30px 0 15px 30px;
	position:relative;
	top:auto !important;
	bottom:auto !important;
	left:auto !important;
	right:auto !important;
}
#guidance ul li p {
	font-size:16px;
	line-height:1.4;
	padding:0 0 30px 30px;
	position:relative;
	top:auto !important;
	bottom:auto !important;
	left:auto !important;
	right:auto !important;
}
#guidance ul li:nth-child(1) .image {
  width: 22%;
  right: 3%;
  bottom: 13%;
}
#guidance ul li:nth-child(2) .image {
	width: 31%;
  right: -2.2%;
  bottom: 0;
  z-index: 2;
}
#guidance ul li:nth-child(2) .chui {
	width: 26%;
  top: -20%;
  right: -2.5%;
	z-index: 1;
}
#guidance ul li:nth-child(2) p.chushaku {
	font-size:14px;
	margin:0;
	position:absolute !important;
	top:calc(100% + 10px) !important;
	left:0 !important;
}
#guidance .important {
	max-width:500px;
	display: block;
	margin: 1vw auto 0;
	padding:20px;
}
#guidance .important h5 {
	font-size:17px;
	margin:0 0 10px 55px;
}
#guidance .important p {
  font-size: 13px;
  margin-left: 0;
}
#guidance .important .icon {
  width: 45px;
  top: 21px;
  left: 20px;
	transform:none;
}
#guidance .tax {
	display: block;
	background-size: auto 3px;
}
#guidance .tax h3 {
	margin:3vw 0 0;
}
#guidance .tax p {
	font-size:17px;
	margin:15px 0 0;
}
#guidance .important p br {
	display:inline;
}
#guidance .tax .image {
	width:61.4%;
  margin:30px auto 0;
}
#movie .top_inner h2, #announce h2 {
  width: 70%;
  margin: 0 auto 40px;
}
#movie .top_inner ul li {
  width:calc(50% - 8px);
}
#movie .movie_area h4 {
	max-width:440px;
	margin:0 auto;
}
#movie .youtube {
	width:440px;
	padding-top:248px;
	margin:25px auto 0;
}
#movie .movie_area p.chushaku {
	font-size:12px;
	text-align: center;
}

}


@media screen and (max-width:560px) {
#guidance {
	padding:0 30px;
}
#guidance h2 {
  width: 90%;
}
#guidance ul li:nth-child(3) {
  height: 52vw;
}
#movie .inner {
  padding: 8vw 30px 1px;
}
#movie .youtube {
	width:100%;
	padding-top:56.25%;
}
#movie .movie_area {
	margin:0 auto 12vw;
}
#movie .movie_area p.chushaku {
  font-size: 10px;
}
#announce .button {
  max-width: 250px;
  margin: 10vw auto 0;
}
#announce h3 {
  margin:6vw 0 0;
}
#announce h3 a {
	font-size:3vw;
}

}


@media screen and (max-width:480px) {
#guidance {
	padding:0;
}
#guidance h2 {
	 width:91.8%;
}
#guidance h3 {
	line-height:1.2;
	margin-left:20px;
	margin-right:20px;
}
#guidance h3::before {
	top:2px;
}
#guidance ul {
	padding:0 18px;
}
#guidance ul li h4 {
  font-size: 4.6vw;
  padding: 23px 0 15px 20px;
}
#guidance ul li p {
	font-size: 3.8vw;
	padding:0 0 30px 20px;
}
#guidance ul li:nth-child(2) {
	margin-bottom:114px;
}
#guidance ul li:nth-child(1) .image {
  width: 33%;
  right: 4%;
  bottom: 15%;
}
#guidance ul li:nth-child(2) .chui {
  width: 35%;
  top: -21%;
  right: -3%;
}
#guidance ul li:nth-child(2) .image {
  width: 43%;
}
#guidance ul li:nth-child(2)::after {
	bottom:-60px;
}
#guidance .important {
	width:auto;
	margin: 1vw 20px 0;
}
#guidance .important .icon {
  width: 13%;
	top: 14%;
  left: 6%;
}
#guidance .important h5 {
	font-size: 4vw;
}
#guidance .important p {
  font-size: 12px;
}
#guidance .tax {
	width:auto;
	margin:35px 18px 0;
	padding:20px 0 0;
}
#guidance .tax h3 br {
	display:inline;
}
#guidance {
  margin: 8vw 0 16vw;
}
#guidance .tax .image {
  width: 68%;
}
#movie .top_inner {
  padding:4vw 0 12vw;
}
#movie .top_inner h2, #announce h2 {
  width: 90%;
  margin: 0 auto 9vw;
}
#movie .top_inner ul {
	width: 74%;
	display: block;
}
#movie .top_inner ul li {
  width:auto;
	margin:7vw 0 0;
}
#movie .inner {
  padding: 10vw 20px 1px;
}
#movie .movie_area {
  margin: 0 auto 15vw;
}
#movie .movie_area p {
	font-size:18px;
	margin:15px 0 0;
}
#movie .movie_area p.chushaku {
	text-align: left;
}
#movie .button {
	margin:25px auto 0;
}
#announce {
  padding:5vw 0 14vw;
}
#announce .button {
  max-width: 311px;
  margin: 13vw auto 0;
}
#announce h3 {
  margin: 9vw 0 0;
}
#announce h3 a {
  font-size: 5vw;
}

}