@charset "UTF-8";
/* CSS Document */

#wrap {
    margin-right: auto;
    margin-left: auto;
    text-align: left;
    font-size: 0.833333vw;
    line-height: 1.8em;
    font-family: YuGothic, "游ゴシック","Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
    width: 100%;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 5px #FFFFFF;
    box-shadow: 0px 0px 5px #FFFFFF;
}
.pc-none {
    display: none;
}
.sp-none {
    display: block;
}


.sec01 {
    position: relative;
    width: 100%;
    z-index: 10;
    background-image: url(../../img/sec01-bg.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
}
.corona-btn {
    width: 14.2708vw;
    position: relative;
    text-align: right;
    margin-left: auto;
    padding-top: 0.5vw;
    padding-right: 0.5vw;
    max-width: 274px;
}

img {
    width: 100%;
    height: auto;
}
.sec01-img01  {
    position: relative;
    width: 59.427vw;
    height: auto;
    margin-left: auto;
    padding-top: 10.27vw;
	transform: translateX(1500px);
	animation: rightfade 0.5s 0.5s ease-out forwards;
	opacity: 0;
}
@keyframes rightfade {
	0%{
		
	opacity: 0;
		transform: translateX(1500px);
	}
	100% {
	opacity: 1;
		transform: translateX(0);
	}
}
.sec01 .sec01-btn {
    width: 27.656vw;
    margin-top: 6.25vw;
    margin-left: auto;
    position: relative;
  animation:katakata 6s infinite ease-in-out alternate;
}
.sec01-btn img {
    margin-left: 40px;
}
@keyframes katakata {
  0% {transform:translate(0, 0) rotate(0deg);}
  21% {transform:translate(0, 0) rotate(0deg);}

  22% {transform:translate(0, 0) rotate(-3deg);}
  23% {transform:translate(0, -1px) rotate(0deg);}
  24% {transform:translate(0, -1px) rotate(3deg);}

  25% {transform:translate(1px, 0) rotate(-2deg);}
  26% {transform:translate(0, 1px) rotate(0deg);}
  27% {transform:translate(0, 0) rotate(3deg);}

  28% {transform:translate(0, 0) rotate(0deg);}
  100% {transform:translate(0, 0) rotate(0deg);}
}
.sec01-photoarea {
    background-image: url(../../img/sec01-photo-bg.png);
    background-repeat: no-repeat;
    background-position: right top;
    width: 92.916vw;
    margin-left: auto;
    margin-top: 34vw;
    padding-top: 11.56vw;
    padding-right: 3vw;
    padding-bottom: 18vw;
    background-size: 100% auto;
}
.sec01-photoarea .txtbox {
    width: 32.8125vw;
    margin-left: auto;
}

.txt45 {
    font-size: 2.34375vw;
	line-height: 1.6;
}
.righttxt {
    text-align: right;
}





.sec02 {
    position: relative;
    z-index: 9;
    top: -6.666vw;
    margin-bottom: -6.666vw;
    background-image: url(../../img/sec02-bg.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    padding-top: 6.666vw;
	padding-bottom: 23.177vw;
}
.sec02-left {
    width: 29.5833vw;
    margin-left: 9.53vw;
    margin-top: 14.5833vw;
    position: relative;
    float: left;
}
.sec02-right  {
    position: relative;
    width: 47.1354vw;
    margin-right: 8.8541vw;
    float: right;
    margin-top: 2.916vw;
}
.sec02-right li {
    width: 16.875vw;
}

.sec02-right li:nth-child(1){
	position: absolute;
	top:8.3854vw;
	left:0;
}
.sec02-right li:nth-child(2){
	position: absolute;
	top:0vw;
	left:15vw;
}
.sec02-right li:nth-child(3){
	position: absolute;
	top:8.3854vw;
	right:0;
}
.sec02-right li:nth-child(4){
	position: absolute;
	top:25.78vw;
	left:0;
}
.sec02-right li:nth-child(5){
	position: absolute;
	top:17.44vw;
	left:15vw;
}
.sec02-right li:nth-child(6){
	position: absolute;
	top:25.78vw;
	right:0;
}
.sec03 {
    background-image: url(../../img/sec03-bg-kazari.png);
    position: relative;
}
.sec03 .sec03-bg {
    background-image: url(../../img/sec03-bg.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    text-align: center;
    padding-top: 4.9vw;
    padding-bottom: 6.77vw;
}
.sec03-bg .cel3 {
    width: 21vw;
    display: inline-block;
    vertical-align: top;
	margin: 0.833vw;
	max-width: 405px;
}


.sec04 {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
    background-image: url(../../img/sec04-bg.png);
    padding-top: 7.8125vw;
	padding-bottom: 7.8125vw;
    text-align: center;
}
.sec04 .title {
    width: 59.27vw;
    margin-left: auto;
    margin-right: auto;
    max-width: 1138px;
	padding-bottom: 1vw
}
.sec04 .cel2 {
    width: 32.2395vw;
    display: inline-block;
	margin: 1.171875vw;
}


.sec05 {
    background-image: url(../../img/sec05-bg.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
}
.sec05 .sec05-title {
    width: 62.6562vw;
    margin-left: auto;
    margin-right: auto;
    padding-top: 4.1vw;
}
.sec05-01 .sec05-midashi01 {
    width: 58.2292vw;
    margin-left: auto;
    margin-right: auto;
    max-width: 1118px;
    margin-top: 2.8vw;
}
.sec05 .sec05-01 .cel4 {
    text-align: center;
    margin-top: 0.6vw;
    margin-bottom: 8vw;
}
.sec05 .sec05-01 .cel4 li {
    width: 15.9896vw;
    margin-top: 0.4vw;
    margin-right: 0.4vw;
    margin-bottom: 0.4vw;
    margin-left: 0.4vw;
    display: inline-block;
    max-width: 307px;
}
.sec05-02 .sec05-midashi02 {
    max-width: 350px;
    margin-left: auto;
    margin-right: auto;
    width: 18.2292vw;
    margin-top: 4vw;
}
.sec05 .sec05-02 .cel3 {
    text-align: center;
    margin-top: 0.6vw;
    margin-bottom: 8vw;
}
.sec05 .sec05-02 .cel3 li {
    width: 15.9896vw;
    margin-top: 0.4vw;
    margin-right: 0.4vw;
    margin-bottom: 0.4vw;
    margin-left: 0.4vw;
    display: inline-block;
    max-width: 307px;
}

.sec06 {
    background-image: url(../../img/sec06-bg.jpg);
    background-repeat: repeat-y;
    background-position: center top;
    background-size: 100% auto;
    padding-top: 5.2vw;
    position: relative;
    padding-bottom: 5.2vw;
}
.sec06-img {
    position: relative;
}
.sec06-img .sec06-img-base {
    max-width: 1505px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 78.3854vw;
}
.sec06-img-btn {
    position: absolute;
    width: 19.2188vw;
    right: 23vw;
    top: 25vw;
}
.sec06 .sec06-trial {
    max-width: 1346px;
    margin-left: auto;
    margin-right: auto;
    width: 70.1042vw;
    margin-top: 2vw;
}







.sec06 .sec06-title {
    width: 21.1458vw;
    margin-left: auto;
    margin-right: auto;
    padding-top: 6.6145vw;
}
.sec06 .voice {
    max-width: 1360px;
    width: 90%;
    font-size: 0;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 6.6145vw;
}
.sec07 {
    background-image: url(../../img/sec07-bg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.sec07 .sec07-bg {
    background-image: url(../../img/sec07-bg02.png),url(../../img/sec07-bg03.png);
    background-repeat: no-repeat;
    background-position: right 40px,left 40px;
	background-size: 25% auto ,35% auto;
}

.sec07 .sec07-title {
    width: 14.1667vw;
    margin-left: auto;
    margin-right: auto;
    padding-top: 6.6145vw;
    max-width: 272px;
}
.sec07-txt01 {
    font-size: 1.35417vw;
    color: #FFFF00;
    text-align: center;
    margin-top: 40px;
}
.sec07-txt02 {
    font-size: 1.04166vw;
    color: #FFFFFF;
    text-align: center;
    margin-top: 40px;
}
.stafflist {
    font-size: 0;
    text-align: left;
}
.staffbox {
    display: inline-block;
    width: 42%;
    margin-top: 4%;
    margin-right: 4%;
    margin-bottom: 4%;
    margin-left: 4%;
    vertical-align: top;
}
.staffbox .photo {
    vertical-align: bottom;
    display: inline-block;
    width: 40%;
}
.staffbox .txt {
    display: inline-block;
    vertical-align: bottom;
    width: 55%;
    margin-left: 5%;
    font-size: 0.83333vw;
	color:#fff;
}
.staffbox .txt .name-en{
	font-size:3.125vw;
	line-height: 1.2;
	font-style: italic;
	
}
.staffbox .txt .name-jp{
	font-size:1.102vw;
	line-height: 1.2;
	
	
}




.sec08 {
    background-image: url(../../img/sec03-bg-kazari.png);
	padding: 6.6vw 0;
	text-align: center;
}
.sec08 .sec08-title {
    width: 12vw;
	max-width: 230px;
    margin-left: auto;
    margin-right: auto;
}
.sec08 .cel2 {
    width: 40%;
    display: inline-block;
    margin-left: 3%;
    margin-top: 3%;
    margin-right: 3%;
    margin-bottom: 3%;
}
.cel2 .img {
    max-width: 340px;
    margin-left: auto;
    margin-right: auto;
}
.sec08 .cel2 .sec08-txt01 {
    background-color: #161D83;
    color: #FFFFFF;
    border-radius: 20px;
    font-size: 20px;
    line-height: 30px;
    height: 30px;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    margin-bottom: 20px;
}








.sec09 {
    background-image: url(../../img/sec09-bg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    text-align: center;
	padding: 4.6875vw 0;
}
.sec09 .sec09-title {
    max-width: 235px;
    width: 12.2396vw;
	margin: 0 auto;
}
.sec09-tablist {
    margin-top: 40px;
}
.sec09-txt01 {
    font-size: 1.1979vw;
}
.sec09-txt02 {
    text-align: left;
	padding: 0 50px;
	font-size:0.9vw
}



.sec09-tablist ul li {
    margin-bottom: 25px;
}


.sec10 {
    background-image: url(../../img/sec10-bg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	padding: 6vw 0;
}
.sec10 .sec10-bg {
    background-image: url(../../img/sec10-img01.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
}
.sec10 .sec10-title {
    width: 12.5vw;
	max-width: 240px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2vw;
}
.faq{
	width:60.9375vw;
	max-width: 1170px;
	margin: 6vw auto;
}
.faq dl{
	margin-bottom: 20px;
}
.faq dt{
	
    background-color: #fff;
}
.faq dt::before{
    content: "";
    display: inline-block;
    width: 60px;
    height: 60px;
    vertical-align: top;
    background-image: url(../../img/icon-q.png);
    background-repeat: no-repeat;
    background-position: center center;
}
.faq dt .ques {
	display: inline-block;
	width: calc(100% - 110px);
    padding: 15px 15px 15px 20px;
    background-size: auto 20px;
    color: #666666;
    font-weight: bold;
    font-size: 1vw;
    background-image: url(../../img/icon-open.png);
    background-repeat: no-repeat;
    background-position: 100% center;
    transition: 0.2s;
    cursor: pointer;
	min-height: 30px;
}
.faq dt.opened .ques {
    background-image: url("../../img/icon-close.png");
    background-repeat: no-repeat;
    background-position: 100% center;
}
.faq dd{
	background: #cfecf8;
}
.faq .ans {
    padding: 20px 20px 20px 60px;
	width: calc(100% - 110px);
    color: #666666;
    margin-top: 0px;
    margin-left: 0px;
    background-image: url(../../img/icon-a.png);
    background-repeat: no-repeat;
    background-position: left 0px;
}
.centertxt {
    text-align: center;
	font-size:1.354vw;
}

.sec11 {
    text-align: center;
    padding-top: 6vw;
    padding-bottom: 3vw;
    background-image: url(../../img/sec11-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.sec11 .sec11-title {
    width: 42.3958vw;
    max-width: 814px;
    margin-left: auto;
    margin-right: auto;
}
.sec11 .inner1280 {
    width: 90%;
    max-width: 1280px;
    margin: 3vw auto;
	vertical-align: top;
}

.sec11 .inline {
    width: 28%;
    display: inline-block;
    margin-left: 2%;
    margin-right: 2%;
	vertical-align: top;
}
.sec12 {
    border-top: 30px solid #003893;
    padding-top: 4vw;
}
.sec12 .footlogo {
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 4vw;
}
.sec12 .caption {
    text-align: center;
}



.sec-contact {
    background-image: url(../../img/sec03-bg-kazari.png);
	padding: 6.6vw 0;
	text-align: center;
}
.sec-contact .sec-contact-title {
    font-size:6.25vw;
	font-weight: bold;
	font-style: italic;
	color:#161D83;
	margin-bottom: 2vw;
}




/*タブ切り替え全体のスタイル*/
.tabs {
    padding-bottom: 40px;
    width: 66.6666vw;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 30px;
	margin-top: 98px;
    max-width: 1280px;
	text-align: center;
}

/*タブのスタイル*/
.tab_item {
width: 33%;
  max-width: 390px;
  height: auto;
  font-size: 16px;
  text-align: center;
  color: #565656;
  display: inline-block;
  font-weight: bold;
  transition: all 0.2s ease;
	cursor: pointer;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
 display: none;
 padding-top: 40px;
 padding-bottom: 0;
 clear: both;
 overflow: hidden;
}

/*選択されているタブのコンテンツのみを表示*/
#tab01:checked ~ #tab01_content,
#tab02:checked ~ #tab02_content,
#tab03:checked ~ #tab03_content {
  display: block;
}
.tab_item{
	background-image: url(../../img/sec07-but01_over.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
}
.tab_item:nth-child(4){
	background-image: url(../../img/sec07-but02_over.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
}
.tab_item:nth-child(6){
	background-image: url(../../img/sec07-but03_over.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
}
/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item img {
    opacity: 0
}

.tabs input:checked + .tab_item:nth-of-type(2n) img {
    opacity: 0
}

.tabs input:checked + .tab_item:nth-of-type(3n) img {
    opacity: 0
}



/*タブ切り替え全体のスタイル*/
.tabs-c {
    padding-bottom: 40px;
    width: 66.6666vw;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 30px;
	margin-top: 98px;
    max-width: 1280px;
	text-align: center;
}

/*タブのスタイル*/
.tab_item-c {
width: 33%;
  max-width: 390px;
  height: auto;
  font-size: 16px;
  text-align: center;
  color: #565656;
  display: inline-block;
  font-weight: bold;
  transition: all 0.2s ease;
	cursor: pointer;
}

/*ラジオボタンを全て消す*/
input[name="tab_item-c"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content-c {
 display: none;
 padding-top: 40px;
 padding-bottom: 0;
 clear: both;
 overflow: hidden;
}

/*選択されているタブのコンテンツのみを表示*/
#tab01-c:checked ~ #tab01_content-c,
#tab02-c:checked ~ #tab02_content-c,
#tab03-c:checked ~ #tab03_content-c {
  display: block;
}
.tab_item-c{
	background-image: url(../../img/sec09-but01_over.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
}
.tab_item-c:nth-child(4){
	background-image: url(../../img/sec09-but02_over.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
}
.tab_item-c:nth-child(6){
	background-image: url(../../img/sec09-but03_over.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
}
/*選択されているタブのスタイルを変える*/
.tabs-c input:checked + .tab_item-c img {
    opacity: 0
}

.tabs-c input:checked + .tab_item-c:nth-of-type(2n) img {
    opacity: 0
}

.tabs-c input:checked + .tab_item-c:nth-of-type(3n) img {
    opacity: 0
}



#formWrap {
	width:1100px;
	margin:0 auto;
	text-align: left;
}
table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
table.formTable th{
    width: 30%;
    font-weight: normal;
    background-color: #161D83;
    text-align: left;
    color: #FFFFFF;
}
input[type="text"], textarea {
	padding:10px;
	font-size:100%;
}
#formWrap select{
	padding: 10px 40px;
}
input[type="submit"], input[type="reset"], input[type="button"] {
	padding: 10px 40px;
	font-size:20px;
	margin: 20px;
}
/*　簡易版レスポンシブ用CSS（必要最低限のみとしています。ブレークポイントも含め自由に設定下さい）　*/