@charset "UTF-8";

/* main
-----------------------------------------------*/
#main .pointLink{
	margin-top:40px;
}
#main .img{
	max-width:1280px;
	margin:60px auto 0 auto;
}
#main .img img{
	width:100%;
	height:auto;
}



.modal .modalInner {
    display: block;
    max-width: 900px;
    margin: 0 auto;
}


@media screen and (max-width: 767px) {
  #main .pointLink{
  	margin-top:25px;
  }
  #main .img{
  	margin-top:30px;
  }
}


/* section
-----------------------------------------------*/
.section .inner{
	max-width:980px;
	margin:0 auto;
}
.section .box{
	max-width:980px;
	border-top:1px solid #d8d8d8;
	padding-top:60px;
	margin:60px auto 0 auto;
	text-align:center;
}
.section .box:first-child{
	border-top:none;
	padding-top:0;
	margin-top:0;
}
.section h2{
	font-size:38px;
	font-weight:normal;
}
.section p{
	font-size:138.5%;
	line-height:1.8;
	margin-top:30px;
}
.section h3{
	font-size:167%;
	font-weight:normal;
	margin-top:46px;
}
.section h3:first-child{
	margin-top:0;
}
.section ul.notes{
	display:inline-block;
}
.section ul.notes li{
	font-size:108%;
	color:#999;
	margin-left:1em;
	text-indent:-1em;
	text-align:left;
}
.section .winLink{
	margin-top:50px;
	text-decoration: underline;
}
.section .anchorLink{
	margin-top:40px;
}
.section a.popup{
	display:inline-block;
	font-size:108%;
	color:#4eb9dc;
	text-decoration:underline;
}
.section a.popup:hover{
	opacity:0.8;
}
.section a.popup:hover{
	text-decoration:none;
}
/* shop */
#shop{
	margin-top:90px;
}
#shop ul.notes{
	margin-top:40px;
}
/* net */
#net .inner{
	padding-top:100px;
}
#net ul.notes{
	margin-top:8px;
}
@media screen and (max-width: 767px) {
.section{
	padding:0 20px;
}
.section .box{
	padding-top:25px;
	margin:25px auto 0 auto;
}
.section h2{
	font-size:27px;
}
.section p{
	font-size:17px;
	line-height:1.6;
	margin-top:20px;
	text-align:left;
}
.section h3{
	font-size:17px;
	margin-top:20px;
}
.section ul.notes li{
	font-size:10px;
}
.section .winLink{
	margin-top:40px;
}
.section .anchorLink{
	margin-top:25px;
}
.section a.anchor span{
	font-size:12px;
	padding-right:12px;
}
.section a.popup{
	margin-top:20px;
	font-size:12px;
}
/* shop */
#shop{
	margin-top:40px;
}
#shop ul.notes{
	margin-top:15px;
}
/* net */
#net .inner{
	padding-top:40px;
}
}


/* logoList
-----------------------------------------------*/
.section .logoList{
	font-size:0;
	margin-left:auto;
	margin-right:auto;
}
.section #logoMark{
	margin-top:25px;
}
.section #logoShop{
	margin-top:34px;
	max-width:890px;
}
.section #logoNet{
	margin-top:10px;
	max-width:656px;
}
.section .logoList li{
	display:inline-block;
}
.section #logoMark li{
	margin:0 15px;
}
.section #logoShop li{
	margin:15px 28px;
}
.section #logoNet li{
	margin:22px;
}
.section .logoList li img{
	width:auto;
}
.section #logoMark li img{
	height:64px;
}
.section #logoShop li img{
	height:75px;
}
.section #logoNet li img{
	height:120px;
}
.section .logoList li.br{
	display:block;
	margin:0 !important;
	font-size:0;
}
.section .logoList_box{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	width: 100%;
	max-width: 570px;
	margin: 0 auto;
}
.section .logoList_box .logoList_ttl{
	font-weight: bold;
}

@media screen and (max-width: 1040px) {
.section #logoShop li{
	margin:15px 13px;
}
.section .logoList li.br{
	display:none;
}
}
@media screen and (max-width: 767px) {
.section #logoMark{
	margin-top:20px;
}
.section #logoShop{
	margin-top:10px;
}
.section #logoNet{
	margin-top:0;
}
.section #logoShop li{
	margin:9px 14px;
}
.section #logoShop br{
	display:none;
}
.section #logoNet li{
	margin:10px;
}
.section #logoMark li img{
	height:47px;
}
.section #logoShop li img{
	height:45px;
}
.section #logoNet li img{
	height:63px;
}

  .min135{
  	width:135px!important;
  	height:auto!important;
  }
.section .logoList_box {
	display: block;
}
.section .logoList_box div + div{
	margin-top: 35px;
}
.section .logoList_box .logoList_ttl {
	text-align: center;
}
}


/* step
-----------------------------------------------*/
#step{
	padding:0 40px;
}
#step .col3{
	overflow:hidden;
	margin-top:40px;
}
#step .col3 li{
	float:left;
	width:22%;
	text-align:left;
	margin-left:4%;
}
#step .col3 li:first-child{
	margin-left:0;
}

#step .col3 li:nth-child(2) {
}
#step .col3 li .border {
	padding-right:2%;
	border-right:#F19500 2px dotted;
}
#step .col3 li:nth-child(3){
	margin-left:1.7%;
}

#step .col3 li .img img{
	width:100%;
	height:auto;
}
#step .col3 li h5{
	font-size:153.9%;
	color:#4eb9dc;
	color:#f19500;
	margin-top:13px;
}
#step .col3 li p{
	font-size:18px;
	line-height:1.5;
	margin-top:8px;
}
@media screen and (max-width: 767px) {
#step{
	padding:0;
}
#step .col3{
	margin-top:20px;
}
#step .col3 li{
	position:relative;
	float:none;
	width:auto;
	margin:20px 0 0 0;
	padding-left:182px;
	padding-left:162px;
	min-height:111px;
}
#step .col3 li:first-child{
	margin-top:0;
	margin-left:0;
}

#step .col3 li:nth-child(2){
	margin-left:0;
	padding-right:0;
	border-right:none;
	border-bottom:#F19500 2px dotted;
	padding-bottom:2%;
}
#step .col3 li .border {
	padding-right:0;
	border-right:none;
}
#step .col3 li:nth-child(3){
	margin-left:0;
}


#step .col3 li .img{
	position:absolute;
	left:0;
	top:0;
	width:162px;
}
#step .col3 li h5{
	font-size:17px;
	margin-top:0;
}
#step .col3 li p{
	font-size:14px;
	margin-top:0;
}
}


/* anshin
-----------------------------------------------*/
#anshin{
	background-color:#edf8fb;
	padding:90px 0;
	margin-top:95px;
}
#anshin .inner{
	max-width:980px;
	padding:0 40px;
	margin:0 auto;
}
#anshin h2{
	font-size:38px;
	font-weight:normal;
	text-align:center;
}
#anshin .inner ul{
	font-size:0;
	margin-top:80px;
}
#anshin .inner ul li{
	display:inline-block;
	vertical-align:top;
	width:48%;
}
#anshin .inner ul li:first-child{
	margin-right:4%;
}
#anshin .inner ul li .img{
	position:relative;
}
#anshin .inner ul li .img img{
	width:100%;
	height:auto;
}
#anshin .inner ul li .img span{
	position:absolute;
	top:-40px;
	left:-10px;
	display:block;
	width:25%;
}
#anshin .inner ul li h3{
	font-size:24px;
	font-weight:normal;
	margin-top:20px;
	padding:0 5px;
}
#anshin .inner ul li p{
	font-size:18px;
	margin-top:10px;
	line-height:1.8;
}

/* moving*/

#moving {
    background-color: #fef2f2;
    padding: 90px 0;
    margin-top: 95px;
	text-align: center;
}

#moving .inner {
    max-width: 980px;
    padding: 0 40px;
    margin: 0 auto;
}
#moving .inner .col1{
	overflow:hidden;
}
#moving .inner .col1 .col{
	width:340px;
	margin:0 auto;
}
#moving .inner .col1 .col2{
	width:340px;
	margin: 0px 20px 0px 20px;
	text-align: center;
    display: inline-block;
}
#moving .col2 a{
	display:block;
}
#moving .col2 a img{
	width:100%;
	height:auto;
}
#moving .col2 h2{
	font-size:180%;
	font-weight:normal;
	margin-top:20px;
	margin-bottom: 10px;
	/* color: #0283cd;
    -webkit-background-clip: text;
    background-image: linear-gradient(94deg, #0283cd, #6fceda);
    -webkit-text-fill-color: transparent;*/
	color:#44c0fe;
    text-shadow:0 -1px 0 rgba(255,255,255,0.6),0 1px 1px rgba(0,0,0,0.5);
}
#moving .col2 .iframe{
  position:relative;
  padding-top:56.25%;
}
#moving .col2 .iframe iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}
#moving h2 {
    font-size: 38px;
    font-weight: normal;
    text-align: center;
}





@media screen and (max-width: 767px) {
#anshin{
	padding:40px 0 45px 0;
	margin-top:50px;
}
#anshin .inner{
	padding:0;
}
#anshin h2{
	font-size:27px;
	line-height:1.3;
}
#anshin .inner ul{
	max-width:100%;
	margin:60px auto 0 auto;
}
#anshin .inner ul li{
	width:50%;
	margin:0;
}
#anshin .inner ul li:first-child{
	margin:0 0 0 0;
}
#anshin .inner ul li .img span{
	top:-25%;
	width:32%;
	left:-5%;
}
#anshin .inner ul li:first-child .img span{
	left:10%;
}
#anshin .inner ul li h3{
	font-size:16px;
	margin-top:10px;
	text-align:center;
}
#anshin .inner ul li p{
	display:none;
}
#moving .inner {
	padding: 0 20px;
	margin: 0 auto;
}
#moving .inner .col1 .box{
	padding-top:25px;
	margin:25px auto 0 auto;
}

#moving .inner .col1 .col2{
	width:100%;
	margin: 0 auto;
}

#moving .inner .col1 .col2 a{
	margin:0 20px;
}
#moving .inner .col1 .col2 h2{
	font-size:17px;
	margin-top:15px;
}
#moving .inner .col1 .col2 .box{
	padding:0 20px;
}
#moving .inner .col1 .col2 a img{
	width:100%;
	height:auto;
	margin-top: 20px;
}

#moving .inner .col1 .col2 .iframe{
  position:relative;
  padding-top:56.25%;
}
#moving .inner .col1 .col2 .iframe iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}
#moving h2 {
    font-size: 22px;
}


}
@media screen and (max-width: 380px) {
#anshin .inner ul li h3{
	font-size:15px;
}
}


/* modal
-----------------------------------------------*/
#modal01 .img{
	max-width:330px;
}
#modal01 p img{
	width:44px;
	height:auto;
	margin:0 3px 3px 3px;
	vertical-align:middle;
}
@media screen and (max-width: 767px) {
#modal01 .img{
	max-width:164px;
}
#modal01 p img{
	width:37px;
}
}

@media screen and (max-width: 767px) {
/* vertical movie */

#modal02,
#modal03 {
  padding: 10px 13px;
}
#modal02 .modalInner,
#modal03 .modalInner {
  margin: 20px auto;
}
#modal02 .modalBox .movie,
#modal03 .modalBox .movie {
padding-top:unset;
}
#modal02 .modalBox .movie iframe,
#modal03 .modalBox .movie iframe {
position:initial;
height:-webkit-fill-available;
}
}