@charset "UTF-8";
.cam_cp_end{
	width: 100%;
	height: 100%;
	position: fixed;
	/*top: 0;*/
	background-color: rgba(0,0,0,0.5);
	z-index: 999;
}
.cam_cp_end img{
	width: 40%;
	height: auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.posfix.pc .cam_cp_end{
	top: 34px;
}
.cam_res{
	margin-top: 40px;
}
.cam_res img{
	width: 100%;
}
.cam_letter{
	width: 90%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.cam_letter a{
	width: 45%;
	/*margin-right: 2%;*/
}
.cam_letter a img{
	width: 100%;
}
.cam_letter a:nth-child(1){
	position: relative;
	z-index: 20;
	transform:rotate(-6deg);
	width: 62%;
    margin-right: 5%;
    right: 51px;
}
.cam_letter a:nth-child(2){
	position: relative;
	z-index: 10;
	transform:rotate(6deg);
	width: 31%;
	top: 18px;
}
.cam_letter a:nth-child(3){
	position: relative;
	z-index: 50;
	transform:rotate(10deg);
	width: 61%;
    bottom: 48px;
}
.cam_letter a:nth-child(4){
	position: relative;
	z-index: 30;
	transform:rotate(-8deg);
	width: 33%;
    left: 137px;
	bottom: 62px;
}
.cam_letter a:nth-child(5){
	position: relative;
	z-index: 60;
	transform:rotate(6deg);
	bottom: 94px;
    width: 40%;
	border: 1px solid #9E9E9E;
}
.cam_letter a:nth-child(6){
	position: relative;
	z-index: 40;
	width: 40%;
    bottom: 114px;
    left: 85px;
    border: 1px solid #9E9E9E;
}
@media screen and (max-width: 584px) {
	.cam_cp_end img{
		width: 80%;
	}
	.cam_res{
		margin-top: 20px;
	}
	.cam_letter{
		width: 90%;
	}
	.cam_letter li{
		width: 90%;
		margin-bottom: 5%;
	}
	.cam_letter li img{
		width: 100%;
	}
}

#oath .nli li a { color: #E85298; }
#oath .sec4 table { margin-bottom: 10px; }
#oath.lock { overflow: hidden; }
#oath h2 span.hico { display: inline-block !important; width: 40px; margin-left: 10px; }
@media screen and (max-width: 584px) { #oath h2 span.hico { width: 24px; margin-left: 5px; } }
#oath h2 span.hico img { display: block; vertical-align: bottom; width: 100%; }
#oath .pagetit2 h2 { width: 100%; max-width: 760px; background-color: #E85298; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; margin-left: auto; margin-right: auto; margin-bottom: 10px; }
#oath .pagetit2 h2 p { display: block; width: 100%; height: 100%; position: relative; line-height: 1em; padding-top: 13px; padding-bottom: 13px; color: #ffffff; font-size: 18px; font-weight: 400; text-align: center; }
#oath .sec4 .secin { padding-top: 0; }
#oath .sec4 .secin h3 { margin-top: 0; }
#oath .sec4 .abtn1 { box-sizing: border-box; width: 100%; max-width: 360px; background-color: #E85298; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; margin-left: auto; margin-right: auto; margin-bottom: 40px; }
@media screen and (max-width: 584px) { #oath .sec4 .abtn1 { max-width: 300px; } }
#oath .sec4 .abtn1:hover { opacity: 0.7; }
#oath .sec4 .abtn1 a { display: block; width: 100%; height: 100%; position: relative; line-height: 1em; padding-top: 10px; padding-bottom: 10px; }
@media screen and (max-width: 584px) { #oath .sec4 .abtn1 a { padding-top: 10px; padding-bottom: 10px; } }
#oath .sec4 .abtn1 a p { color: #ffffff; font-size: 16px; text-align: center; }
@media screen and (max-width: 584px) { #oath .sec4 .abtn1 a p { font-size: 14px; } }
#oath .sec4 .abtn1 a span { font-size: 14px; line-height: 1.5em; margin-top: 10px; display: block; }
#oath .sec4 .abtn1:hover { opacity: 0.7; }
#oath .sec4 .abtn1:hover a::after { right: 0px; }
#oath .sec4 .secin { max-width: 780px; margin-left: auto; margin-right: auto; }
#oath .sec4 .secin h3 { text-align: center; border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 10px; }
#oath .sec4 .secin p.lead { font-size: 20px; }
#oath .sec4 .secin p.lead span { position: relative; font-size: 20px; }
#oath .sec4 .secin p.lead span > span { position: absolute; top: -8px; font-size: 12px; left: 2px; font-feature-settings: "pwid"; letter-spacing: 0.5px; word-break: break-word; }
@media screen and (max-width: 584px) { #oath .sec4 .secin p.lead { line-height: 2.5em; } }
#oath .sec4 .secin p.lead3 { font-size: 14px; margin-top: 40px; }
#oath .fmap { position: relative; width: 100%; height: 300px; overflow: hidden; }
#oath .fmap iframe { width: 100%; height: 410px; margin-top: -110px; }
#oath .nli { position: relative; }
#oath .nli li { box-sizing: border-box; position: relative; padding-left: 24px; margin-bottom: 10px; }
#oath .nli li::after { width: 10px; height: 10px; content: "・"; font-size: 20px; position: absolute; left: 0; top: -6px; }
#oath .cinfo { position: relative; margin-top: 30px; text-align: center; }
#oath .cinfo dt { border: 1px solid #000; display: inline-block; width: 30%; padding: 4px; text-align: center; margin-bottom: 4px; }
@media screen and (max-width: 584px) { #oath .cinfo dt { width: 100%; } }
#oath .cinfo dt p { font-size: 12px; line-height: 1em; text-align: center; }
#oath .cinfo dd { text-align: center; }
@media screen and (max-width: 360px) { #oath .cinfo dd { font-size: 13px; } }
#oath .pagetit { text-align: center; }
#oath .pagetit .titc1 { background-color: #FBE5EF; box-sizing: border-box; padding-bottom: 20px; }
@media screen and (max-width: 584px) { #oath .pagetit .titc1 { border: none; padding-bottom: 20px; } }
#oath .pagetit .titc1 figure { width: 100%; max-width: 1200px; margin-left: auto; margin-right: auto; position: relative; z-index: 3; }
#oath .pagetit .titc1 figure img { display: block; vertical-align: bottom; width: 100%; }
#oath .pagetit .titc2 { background-color: #FBE5EF; box-sizing: border-box; padding-top: 20px; }
@media screen and (max-width: 584px) { #oath .pagetit .titc2 { padding-top: 0px; padding-bottom: 20px; } }
#oath .pagetit .titc2 figure { width: 100%; max-width: 1200px; margin-left: auto; margin-right: auto; position: relative; z-index: 3; }
#oath .pagetit .titc2 figure img { display: block; vertical-align: bottom; width: 100%; }
#oath .pagetit h2 { display: inline-block; color: #E85298; font-size: 60px; text-align: center; line-height: 1.5em; margin-bottom: 0px; }
#oath .pagetit h2 span { font-size: 40px; display: block; }
@media screen and (max-width: 584px) { #oath .pagetit h2 { font-size: 33px; }
  #oath .pagetit h2 span { font-size: 23px; } }
#oath .pagetit h2::after { width: 1px; height: 80%; content: ""; background-color: #E85298; position: absolute; left: -100px; bottom: 6px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); z-index: 10; }
@media screen and (max-width: 584px) { #oath .pagetit h2::after { left: -20px; -webkit-transform: rotate(-25deg); transform: rotate(-25deg); } }
#oath .pagetit h2::before { width: 1px; height: 80%; content: ""; background-color: #E85298; position: absolute; right: -100px; bottom: 6px; -webkit-transform: rotate(45deg); transform: rotate(45deg); z-index: 10; }
@media screen and (max-width: 584px) { #oath .pagetit h2::before { right: -20px; -webkit-transform: rotate(25deg); transform: rotate(25deg); } }
#oath .pagetit .secin { padding-bottom: 0; }
#oath table th { background-color: #888; color: #fff; }
@media screen and (max-width: 584px) { #oath table th { width: 100px; } }
#oath .sec1 .abtn1 { box-sizing: border-box; width: 100%; max-width: 360px; background-color: #E85298; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; margin-left: auto; margin-right: auto; margin-bottom: 10px; }
@media screen and (max-width: 584px) { #oath .sec1 .abtn1 { max-width: 300px; } }
#oath .sec1 .abtn1:hover { opacity: 0.7; }
#oath .sec1 .abtn1 a { display: block; width: 100%; height: 100%; position: relative; line-height: 1em; padding-top: 16px; padding-bottom: 16px; }
@media screen and (max-width: 584px) { #oath .sec1 .abtn1 a { padding-top: 12px; padding-bottom: 12px; } }
#oath .sec1 .abtn1 a p { color: #ffffff; font-size: 24px; font-weight: 700; text-align: center; }
@media screen and (max-width: 584px) { #oath .sec1 .abtn1 a p { font-size: 16px; } }
#oath .sec1 .abtn1 a span { font-size: 14px; line-height: 1.5em; margin-top: 10px; display: block; }
#oath .sec1 .abtn1 a::after { content: ""; width: 30px; height: 15px; background-size: auto 100%; background-repeat: no-repeat; background-position: center center; background-image: url("../images/oath/arr_01.png"); position: absolute; right: 10px; top: 20px; z-index: 1; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
#oath .sec1 .abtn1:hover { opacity: 0.7; }
#oath .sec1 .abtn1:hover a::after { right: 0px; }
#oath .sec1 h3 { margin-top: 60px; color: #E85298; font-size: 30px; margin-bottom: 0px; }
@media screen and (max-width: 584px) { #oath .sec1 h3 { font-size: 22px; margin-top: 30px; } }
#oath .sec1 .sec2a0 { width: 100%; /*height: 60vh;*/ /*min-height: 460px;*/ /*max-height: 600px;*/ z-index: 3; position: relative; margin-bottom: 100px; }
#oath .sec1 .sec2a0 .sec2slide { width: 100%; height: 100%; }
#oath .sec1 .sec2a0 img { display: block; vertical-align: bottom; width: 100%; opacity: 0; }
#oath .sec1 .arrset { width: 100%; max-width: 780px; position: absolute; z-index: 80; left: 50%; top: 44%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }
#oath .sec1 .arrset .arrp { width: 40px; height: 40px; position: absolute; right: 0; top: 50%; background-size: 20px 20px; background-position: center center; background-repeat: no-repeat; cursor: pointer; background-image: url("../images/oath/arr_03.png"); }
#oath .sec1 .arrset .arrn { width: 40px; height: 40px; position: absolute; left: 0; top: 50%; background-size: 20px 20px; background-position: center center; background-repeat: no-repeat; cursor: pointer; background-image: url("../images/oath/arr_03.png"); }
#oath .sec1 .slick-prev { left: 25px; background-size: cover; background-position: center center; background-image: url("../images/oath/arr_02.png"); content: ""; z-index: 70; }
#oath .sec1 .slick-next { right: 25px; background-size: cover; background-position: center center; background-image: url("../images/oath/arr_03.png"); content: ""; }
#oath .sec1 .slick-prev:before, #oath .sec1 .slick-next:before { opacity: 0; }
#oath .sec1 .slick-dots { bottom: -45px; }
#oath .sec1 .slick-dots li.slick-active button:before { opacity: .75; color: #E85298; }
#oath .sec1 .slick-dots li button:before { color: #E85298; }
#oath .sec1 .sec2a0 .slide-item { pointer-events: none; position: relative; box-sizing: border-box; border: 2px solid #E85298; }
@media screen and (max-width: 584px) { #oath .sec1 .sec2a0 .slide-item .bg { width: 280px; } }
#oath .sec1 .sec2a0 .slide-item .sin { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 5; text-align: center; }
#oath .sec1 .sec2a0 .slide-item .sin h4 { margin: 0; text-align: center; margin-top: 40px; color: #E85298; font-size: 24px; display: inline-block; margin-left: auto; margin-right: auto; position: relative; }
#oath .sec1 .sec2a0 .slide-item .sin h4 span { margin-top: 10px; padding-top: 10px; display: block; font-size: 34px; position: relative; }
#oath .sec1 .sec2a0 .slide-item .sin h4 span::after { width: 100px; height: 2px; content: ""; background-color: #E85298; position: absolute; left: 50%; top: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
@media screen and (max-width: 584px) { #oath .sec1 .sec2a0 .slide-item .sin h4 { font-size: 18px; }
  #oath .sec1 .sec2a0 .slide-item .sin h4 span { font-size: 20px; } }
#oath .sec1 .sec2a0 .slide-item .sin ul { position: relative; z-index: 6; box-sizing: border-box; padding: 20px; padding-left: 40px; padding-right: 40px; }
@media screen and (max-width: 584px) { #oath .sec1 .sec2a0 .slide-item .sin ul { padding-left: 20px; padding-right: 20px; }
  #oath .sec1 .sec2a0 .slide-item .sin ul li { font-size: 16px !important; }
  #oath .sec1 .sec2a0 .slide-item .sin ul li::after { font-size: 16px !important; } }
@media screen and (max-width: 380px) { #oath .sec1 .sec2a0 .slide-item .sin ul li { font-size: 4.2vw !important; }
  #oath .sec1 .sec2a0 .slide-item .sin ul li::after { font-size: 4.2vw !important; } }
@media screen and (max-width: 360px) { #oath .sec1 .sec2a0 .slide-item .sin ul li { font-size: 4.5vw !important; }
  #oath .sec1 .sec2a0 .slide-item .sin ul li::after { font-size: 4.5vw !important; } }
#oath .sec1 .sec2a0 .slide-item .sin ul li { padding: 0; box-sizing: border-box; position: relative; padding-left: 20px; text-align: left; font-size: 20px; font-weight: 700; color: #333; font-feature-settings: "pwid"; letter-spacing: 0.5px; margin-bottom: 10px; }
#oath .sec1 .sec2a0 .slide-item .sin ul li::after { content: "・"; font-size: 24px; line-height: 1em; position: absolute; left: 0px; top: 3px; z-index: 3; }
#oath .sec1 .sec2a0 .slide-item .itvi img { display: block; vertical-align: bottom; width: 100%; }
#oath .sec1 .slick-list { margin-right: 0px; }
#oath .sec1 .slick-slide { margin-right: 50px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
#oath .sec1 .slick-slide:hover { opacity: 0.7; }
#oath .sec1 .sec2slide h3 { position: absolute; right: 0; top: 100px; height: auto; font-size: 16px; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; text-align: left; font-feature-settings: initial; }
#oath .sec2 { background-color: #FBE5EF; }
#oath .sec2 .secin .arr3 { text-align: center; }
#oath .sec2 .secin .stepA { background-color: #fff; box-sizing: border-box; padding: 20px; position: relative; max-width: 700px; margin-left: auto; margin-right: auto; }
#oath .sec2 .secin .stepA .secin { max-width: 640px; margin-left: auto; margin-right: auto; }
#oath .sec2 .secin .stepA .secin p a { color: #E85298; text-decoration: underline; }
#oath .sec2 .secin .stepA .secin figure { float: right; max-width: 140px; }
#oath .sec2 .secin .stepA .secin figure.figa { margin-top: -80px; }
#oath .sec2 .secin .stepA .secin figure .note { color: #E85298; font-size: 12px; text-align: right; text-shadow: none; }
@media screen and (max-width: 584px) { #oath .sec2 .secin .stepA .secin figure { margin-left: auto; margin-right: auto; display: block; float: none; margin-bottom: 20px; }
  #oath .sec2 .secin .stepA .secin figure.figa { margin-top: 0px; }
  #oath .sec2 .secin .stepA .secin figure .note { width: 100%; display: block; text-align: center; } }
@media screen and (max-width: 584px) { #oath .sec2 .secin .stepA .secin { padding: 0; padding-top: 20px; } }
#oath .sec2 .secin .stepA .secin p.lead { font-size: 18px; color: #E85298; text-align: left; line-height: 1em; }
@media screen and (max-width: 584px) { #oath .sec2 .secin .stepA .secin p.lead { font-size: 15px; } }
@media screen and (max-width: 380px) { #oath .sec2 .secin .stepA .secin p.lead { font-size: 3.7vw; } }
#oath .sec2 .secin .stepA .secin p.lead3 { font-size: 14px; color: #E85298; line-height: 1.5em; margin-bottom: 20px; }
@media screen and (max-width: 584px) { #oath .sec2 .secin .stepA .secin p.lead3 { font-size: 13px; } }
#oath .sec2 .secin .stepA .secin p.note { font-size: 12px; color: #E85298; }
#oath .sec2 .secin .stepA .secin .hr { content: ""; width: 100%; height: 1px; position: relative; border-bottom: 1px solid #E85298; margin-bottom: 10px; }
#oath .sec2 .secin .stepA .secin .abtn1 { box-sizing: border-box; width: 100%; max-width: 360px; background-color: #E85298; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; margin-left: auto; margin-right: auto; margin-top: 40px; }
#oath .sec2 .secin .stepA .secin .abtn1:hover { opacity: 0.7; }
#oath .sec2 .secin .stepA .secin .abtn1 a { display: block; width: 100%; height: 100%; position: relative; line-height: 1em; padding-top: 14px; padding-bottom: 14px; }
@media screen and (max-width: 584px) { #oath .sec2 .secin .stepA .secin .abtn1 a { padding-top: 10px; padding-bottom: 10px; } }
#oath .sec2 .secin .stepA .secin .abtn1 a p { color: #ffffff; font-size: 22px; text-align: center; font-weight: 700; }
@media screen and (max-width: 584px) { #oath .sec2 .secin .stepA .secin .abtn1 a p { font-size: 16px; } }
#oath .sec2 .secin .stepA .secin .abtn1 a span { font-size: 14px; line-height: 1.5em; margin-top: 10px; display: block; }
#oath .sec2 .secin .stepA .secin .abtn1 a::after { content: ""; width: 30px; height: 15px; background-size: auto 100%; background-repeat: no-repeat; background-position: center center; background-image: url("../images/oath/arr_01.png"); position: absolute; right: 10px; top: 20px; z-index: 1; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
@media screen and (max-width: 584px) { #oath .sec2 .secin .stepA .secin .abtn1 a::after { top: 16px; } }
#oath .sec2 .secin .stepA .secin .abtn1:hover { opacity: 0.7; }
#oath .sec2 .secin .stepA .secin .abtn1:hover a::after { right: 0px; }
#oath .sec2 .secin .stepA h3 { font-size: 24px; color: #E85298; margin: 0; }
#oath .sec2 .secin .stepA h3 img { display: inline-block; vertical-align: middle; margin-right: 20px; }
@media screen and (max-width: 584px) { #oath .sec2 .secin .stepA h3 { font-size: 16px; }
  #oath .sec2 .secin .stepA h3 img { margin-right: 10px; height: 40px; } }
@media screen and (max-width: 360px) { #oath .sec2 .secin .stepA h3 { font-size: 14px; } }
#oath .sec2 .secin ul { position: relative; max-width: 700px; margin-left: auto; margin-right: auto; margin-bottom: 20px; }
#oath .sec2 .secin ul li { width: 48%; margin-right: 4%; float: left; position: relative; background-color: #fff; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
#oath .sec2 .secin ul li:nth-child(2n) { margin-right: 0; }
#oath .sec2 .secin ul li img.bg { display: block; vertical-align: bottom; width: 100%; }
#oath .sec2 .secin ul li img.cov { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 5; }
#oath .sec2 .secin ul li img.arr { -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
#oath .sec2 .secin ul li a { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 10; }
#oath .sec2 .secin ul li:hover { opacity: 0.7; }
#oath .sec2 .secin ul li:hover .arr { top: 15px; }
#oath #stepB { display: none; }
#oath #stepB2 { display: none; }
#oath #stepA { display: none; }
#oath .sld2b0 { position: fixed; width: 100%; height: 100vh; z-index: 9000; left: 0; top: 0; display: none; }
#oath .sld2b0.actO, #oath .sld2b0.actB, #oath .sld2b0.actA { display: block; }
#oath .sld2b0::after { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: #fbe5ef; opacity: 0; -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; transition: 1s; content: ""; }
#oath .sld2b0.actO::after, #oath .sld2b0.actB::after, #oath .sld2b0.actA::after { opacity: 1; }
#oath .sld2b0 ul.sld2b { position: absolute; left: 50%; top: 45%; width: 100%; height: auto; max-height: 80vh; max-width: 640px; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); z-index: 9100; opacity: 0; -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; transition: 1s; box-sizing: border-box; overflow-x: auto; }
#oath .sld2b0.actO ul.sld2b, #oath .sld2b0.actB ul.sld2b, #oath .sld2b0.actA ul.sld2b { opacity: 1; }
#oath .sld2b0 ul.sld2b li { display: none; position: relative; box-sizing: border-box; padding: 20px; }
#oath .sld2b0.actO ul.sld2b li.itvO, #oath .sld2b0.actB ul.sld2b li.itvB, #oath .sld2b0.actA ul.sld2b li.itvA { display: block; }
#oath .sld2b0 ul.sld2b li img { display: block; vertical-align: bottom; width: 100%; }
#oath .backbtn { font-size: 14px; line-height: 40px; width: 100%; max-width: 240px; background-color: #ffffff; color: #000000; height: 40px; text-align: center; cursor: pointer; position: absolute; z-index: 9102; left: 50%; bottom: 20px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); font-family: "Roboto Slab", Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
#oath .backbtn:hover { opacity: 0.7; }
#oath .secin { max-width: 1100px; }