@charset "UTF-8";
/* CSS Document */
html {
	overflow: auto;
	width:100%;
}


#globalMenu ul li a{
  color: #000000;
  }


/*==================== ヘッダー部分 =====================*/
.top_range {
display: block;
position: relative;
background-image:url("../image/pc/02/02_tsubasa_pc_1.jpg");
background-size: 100%;
background-repeat: no-repeat;
width: 100%;
z-index: 2;
height: 355px;
/* height: 100vh;*/
border: none;
overflow: hidden;
top: 160px;
margin-bottom: -100px;
}

.top_range .title{
	width: 357px;
	height: 98px;
    background-image:url("../image/pc/02/header_title.png");
	display: block;
    position: relative;
	top: 35%;
	background-position: center;
	margin: 0px auto 0px auto;
	background-size: 100%;
	background-repeat: no-repeat;
	text-indent: 300%;
white-space: nowrap;
overflow: hidden;
z-index: 20;
}
/*==================== ヘッダー部分　終了 =====================*/

.title02 {
background-image:url("../image/pc/02/02_tsubasa_pc_2.png");
background-repeat: no-repeat;
background-size: 100%;
width: 310px;
height: 92px;
margin: 0px auto 120px auto;
background-position: center;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
display: block;
position: relative;
top: 0px;
}


.contents1{
width: 1047px;
height: auto;
display: block;
margin: 0px auto 330px auto;
padding-bottom: 80px;
position: relative;
top: 50px;
background-color: #FFFDEB;
}

.contents1 h3 {
background-image:url("../image/pc/02/02_tsubasa_pc_3.png");
background-repeat: no-repeat;
background-size: 100%;
width: 310px;
height: 132px;
margin: 132px auto -100px auto;
background-position: center;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
display: block;
position: relative;
top: -132px;
}

.contents1  .example{
display: block;
width: 885px;
height: 470px;
clear: both;
margin: 0px auto;
padding: 40px 0px 80px 0px;
}

.contents1 .peti01 {
background-image:url("../image/pc/02/02_tsubasa_pc_4.png");
background-repeat: no-repeat;
background-size: 100%;
width: 430px;
height: 468px;
margin: 0px auto 20px auto;
background-position: center;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
display: block;
position: relative;
float: none;/* youtubeが公開後、left　*/
}

.contents1 .peti02 {
width: 413px;
height: auto;
margin: 0px auto 20px auto;
display: block;
position: relative;
float: left;
padding: 50px 0px 0px 40px;
}
.contents1 .peti02 iframe{
width: 413px;
height: 260px;
display: block;
}
.contents1 .peti02 .youtube{
background-image:url("../image/pc/02/02_tsubasa_pc_5.png");
background-repeat: no-repeat;
background-size: 100%;
width: 181px;
height: 24px;
margin: 0px auto 0px auto;
background-position: center;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
display: block;
}
.contents1 .peti02 span{
width: 413px;
height: auto;
display: block;
text-align: justify;
font-size: 12px;
font-weight: 300;
line-height: 20px;
color: #000000;
}

.contents1 h4{
clear: both;
background-image:url("../image/pc/02/02_tsubasa_pc_6.png");
background-repeat: no-repeat;
background-size: 100%;
width: 371px;
height: 24px;
margin: 0px auto 20px auto;
background-position: center;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
display: block;
}

.contents1 .STEP1_2 {
background-image:url("../image/pc/02/02_tsubasa_pc_7.png");
background-repeat: no-repeat;
background-size: 100%;
width: 885px;
height: 308px;
margin: 0px auto 25px auto;
background-position: center;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
display: block;
}

.contents1 p {
height: auto;
display: block;
margin: 0px auto 20px auto;
text-align: center;
font-size: 15px;
font-weight: 300;
}

.contents1 .STEP3 {
background-image:url("../image/pc/02/02_tsubasa_pc_8.png");
background-repeat: no-repeat;
background-size: 100%;
width: 885px;
height: 1335px;
margin: 0px auto 70px auto;
background-position: center;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
display: block;
}

.contents1 h5,
.contents2 h5{
background-image:url("../image/pc/02/02_tsubasa_pc_9.png");
background-repeat: no-repeat;
background-size: 100%;
width: 124px;
height: 24px;
margin: 0px auto 0px auto;
background-position: center;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
display: block;
}

.contents1 .result,
.contents2 .result{
width: 650px;
display: block;
height: auto;
margin: 35px auto 0px auto;
}
.contents1 .result figure,
.contents2 .result figure{
width: 650px;
display: block;
height: auto;
margin: 0px auto 50px auto;
}
.contents1 .result figure figcaption,
.contents2 .result figure figcaption{
height: auto;
display: block;
margin: 18px auto 0px auto;
text-align: center;
font-size: 14px;
font-weight: 500;
}

.contents1 .result figure .resu01{
background-image:url("../image/pc/02/02_tsubasa_pc_10.png");
background-repeat: no-repeat;
background-size: 100%;
width: 650px;
height: 223px;
margin: 0px auto 0px auto;
background-position: center;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
display: block;
}
.contents1 .result figure .resu02{
background-image:url("../image/pc/02/02_tsubasa_pc_11.png");
background-repeat: no-repeat;
background-size: 100%;
width: 650px;
height: 223px;
margin: 0px auto 0px auto;
background-position: center;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
display: block;
}


.contents2{
width: 1047px;
height: auto;
display: block;
margin: 0px auto 120px auto;
padding-bottom: 80px;
position: relative;
background-color: #E9F5FB;
}

.contents2 h3 {
background-image:url("../image/pc/02/02_tsubasa_pc_12.png");
background-repeat: no-repeat;
background-size: 100%;
width: 310px;
height: 132px;
margin: 132px auto -100px auto;
background-position: center;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
display: block;
position: relative;
top: -132px;
}

.contents2 .construction {
background-color: #ffffff;
width: 760px;
height: 100px;/* youtubeが公開後、130px　*/
margin: 40px auto 0px auto;
border-radius: 30px;
padding: 40px;
position: relative;
}
.contents2 .construction .titleh5{
font-size: 17px;
font-weight: 700;
color: #0090DA;
margin-bottom: 5px;
}

.contents2 iframe{
width: 413px;
height: 260px;
display: block;
margin: 0px auto -40px auto;
position: relative;
z-index: 10;
top: -40px;
}
.contents2 .youtube{
background-image:url("../image/pc/02/02_tsubasa_pc_5.png");
background-repeat: no-repeat;
background-size: 100%;
width: 181px;
height: 24px;
margin: 0px auto 0px auto;
background-position: center;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
display: block;
}
.contents2 span{
width: 413px;
height: auto;
display: block;
margin: 0px auto 0px auto;
text-align: center;
font-size: 12px;
font-weight: 300;
line-height: 20px;
color: #000000;
}

.contents2 .construction p{
width: 100%;
height: auto;
display: block;
margin: 0px auto 20px auto;
text-align: justify;
font-size: 15px;
font-weight: 300;
}

.contents2 h4{
clear: both;
background-image:url("../image/pc/02/02_tsubasa_pc_13.png");
background-repeat: no-repeat;
background-size: 100%;
width: 458px;
height: 24px;
margin: 100px auto 45px auto;/* youtubeできたら topを 100pxに */
background-position: center;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
display: block;
}
.contents2 .flow{
clear: both;
background-image:url("../image/pc/02/02_tsubasa_pc_14.png");
background-repeat: no-repeat;
background-size: 100%;
width: 853px;
height: 262px;
margin: 0px auto 40px auto;
background-position: center;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
display: block;
}
.contents2 p{
width: 840px;
height: auto;
display: block;
margin: 0px auto 60px auto;
text-align: justify;
font-size: 15px;
font-weight: 300;
}


.contents2 .result figure .resu01{
background-image:url("../image/pc/02/02_tsubasa_pc_15.png");
background-repeat: no-repeat;
background-size: 100%;
width: 650px;
height: 223px;
margin: 0px auto 0px auto;
background-position: center;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
display: block;
}
.contents2 .result figure .resu02{
background-image:url("../image/pc/02/02_tsubasa_pc_16.png");
background-repeat: no-repeat;
background-size: 100%;
width: 650px;
height: 223px;
margin: 0px auto 0px auto;
background-position: center;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
display: block;
}
.contents2 .result figure .resu03{
background-image:url("../image/pc/02/02_tsubasa_pc_17.png");
background-repeat: no-repeat;
background-size: 100%;
width: 650px;
height: 223px;
margin: 0px auto 0px auto;
background-position: center;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
display: block;
}
.contents2 .result figure .resu04{
background-image:url("../image/pc/02/02_tsubasa_pc_18.png");
background-repeat: no-repeat;
background-size: 100%;
width: 650px;
height: 223px;
margin: 0px auto 0px auto;
background-position: center;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
display: block;
}
.contents2 .result figure .resu05{
background-image:url("../image/pc/02/02_tsubasa_pc_19.png");
background-repeat: no-repeat;
background-size: 100%;
width: 650px;
height: 223px;
margin: 0px auto 0px auto;
background-position: center;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
display: block;
}
.contents2 .result figure .resu06{
background-image:url("../image/pc/02/02_tsubasa_pc_20.png");
background-repeat: no-repeat;
background-size: 100%;
width: 650px;
height: 223px;
margin: 0px auto 0px auto;
background-position: center;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
display: block;
}















/* ============================================== スマートフォン ================================================ */

@media screen and (max-width:767px){
#globalMenu ul li a{
  color: #0091DB;
  }
  
 header .sp_contact {
display: block;
position: fixed;
top:33px;
right: 83px;
z-index: 1000;
font-size: 13px;
color: #0091DB;
font-weight: 700;
text-decoration: none;
text-shadow:0 0 4px #ffffff,0 0 4px #ffffff,0 0 4px #ffffff,0 0 4px #ffffff,0 0 4px #ffffff,0 0 4px #ffffff,0 0 4px #ffffff,0 0 4px #ffffff,0 0 4px #ffffff,0 0 4px #ffffff,0 0 4px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff;
}


/*==================== ヘッダー部分 =====================*/
.top_range {
background-image: url("../image/sp/02/02_tsubasa_sp_1.jpg");
background-repeat: no-repeat;
background-size: 100%;
width: 100%;
height: 0px;
padding-top: 80%;
display: block;
position: relative;
top: 85px;
margin-bottom: 0px;
}


.top_range .title{
display: none;
}


/*==================== ヘッダー部分　終了 =====================*/


    


#main_base{
padding-top: 120px;
}



.contents1 .greeting p{
width: 85%;
height: auto;
display: block;
margin: 0px auto 0px auto;
text-align: justify;
font-size: 15px;
font-weight: 300;
line-height: 30px;
position: relative;
top: 490px;
}

.title02 {
background-image:url("../image/pc/02/02_tsubasa_pc_2.png");
background-repeat: no-repeat;
background-size: 60%;
width: 100%;
height: 0px;
padding-top: 34%;
margin: 0px auto 80px auto;
background-position: center;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
display: block;
position: relative;
top: 0px;
}

.contents1{
width: 100%;
height: auto;
display: block;
margin: 0px auto 300px auto;
padding-bottom: 80px;
position: relative;
top: 50px;
background-color: #FFFDEB;
}

.contents1 h3 {
background-image:url("../image/pc/02/02_tsubasa_pc_3.png");
background-repeat: no-repeat;
background-size: 80%;
width: 310px;
height: 132px;
margin: 70px auto -100px auto;
background-position: center;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
display: block;
position: relative;
top: -118px;
}

.contents1  .example{
display: block;
width: 100%;
height: auto;
clear: both;
margin: 0px auto;
padding: 20px 0px;
}

.contents1 .peti01 {
background-image:url("../image/sp/02/02_tsubasa_sp_2.png");
background-repeat: no-repeat;
background-size: 100%;
width: 100%;
height: 0px;
padding-top: 91%;
margin: 0px auto 20px auto;
background-position: center;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
display: block;
position: relative;
float: none;
}

.contents1 .peti02 {
width: 100%;
height: auto;
margin: 0px auto 60px auto;
display: block;
position: relative;
float: none;
padding: 20px 0px 0px 0px;
}
.contents1 .peti02 iframe{
width: 85%;
height: 210px;
margin: 0px auto 0px auto;
display: block;
}
.contents1 .peti02 .youtube{
background-image:url("../image/pc/02/02_tsubasa_pc_5.png");
background-repeat: no-repeat;
background-size: 100%;
width: 181px;
height: 24px;
margin: 0px auto 0px auto;
background-position: center;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
display: block;
}
.contents1 .peti02 span{
width: 85%;
height: auto;
display: block;
text-align: justify;
font-size: 10px;
font-weight: 300;
line-height: 16px;
color: #000000;
margin: 0px auto 0px auto;
}

.contents1 h4{
background-image:url("../image/sp/02/02_tsubasa_sp_3.png");
background-repeat: no-repeat;
background-size: 100%;
width: 371px;
height: 0px;
padding-top: 12%;
margin: 0px auto 20px auto;
background-position: center;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
display: block;
}

.contents1 .STEP1_2 {
background-image:url("../image/sp/02/02_tsubasa_sp_4.png");
background-repeat: no-repeat;
background-size: 100%;
width: 100%;
height: 0px;
padding-top: 132%;
margin: 0px auto 25px auto;
background-position: center;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
display: block;
}

.contents1 p {
width: 85%;
height: auto;
display: block;
margin: 0px auto 20px auto;
text-align: center;
font-size: 15px;
font-weight: 300;
}

.contents1 .STEP3 {
background-image:url("../image/sp/02/02_tsubasa_sp_5.png");
background-repeat: no-repeat;
background-size: 100%;
width: 100%;
height: 0px;
padding-top: 430%;
margin: 0px auto 0px auto;
background-position: center;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
display: block;
}

.contents1 h5,
.contents2 h5{
background-image:url("../image/pc/02/02_tsubasa_pc_9.png");
background-repeat: no-repeat;
background-size: 100%;
width: 160px;
height: 35px;
margin: 70px auto 0px auto;
background-position: center;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
display: block;
}

.contents1 .result,
.contents2 .result{
width: 100%;
display: block;
height: auto;
margin: 10px auto 0px auto;
}
.contents1 .result figure,
.contents2 .result figure{
width: 100%;
display: block;
height: auto;
margin: 0px auto 50px auto;
}
.contents1 .result figure figcaption,
.contents2 .result figure figcaption{
display: none;
}

.contents1 .result figure .resu01{
background-image:url("../image/sp/02/02_tsubasa_sp_6.png");
background-repeat: no-repeat;
background-size: 100%;
width: 100%;
height: 0px;
padding-top: 132%;
margin: 0px auto 0px auto;
background-position: center;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
display: block;
}
.contents1 .result figure .resu02{
background-image:url("../image/sp/02/02_tsubasa_sp_7.png");
background-repeat: no-repeat;
background-size: 100%;
width: 100%;
height: 0px;
padding-top: 132%;
margin: 0px auto 0px auto;
background-position: center;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
display: block;
}


.contents2{
width: 100%;
height: auto;
display: block;
margin: 0px auto -52px auto;
padding-bottom: 80px;
position: relative;
background-color: #E9F5FB;
}

.contents2 h3 {
background-image:url("../image/pc/02/02_tsubasa_pc_12.png");
background-repeat: no-repeat;
background-size: 100%;
width: 310px;
height: 132px;
margin: 0px auto -100px auto;
background-position: center;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
display: block;
position: relative;
top: -132px;
}

.contents2 .construction {
background-color: #ffffff;
width: 68%;
height: 145px;
margin: 5px auto 0px auto;
border-radius: 25px;
padding: 25px;
position: relative;
}
.contents2 .construction .titleh5{
font-size: 15px;
font-weight: 700;
color: #0090DA;
margin-bottom: 0px;
}

.contents2  iframe{
width: 85%;
height: 220px;
display: block;
margin: 0px auto 35px auto;
position: relative;
z-index: 10;
top: 35px;
}
.contents2  .youtube{
background-image:url("../image/pc/02/02_tsubasa_pc_5.png");
background-repeat: no-repeat;
background-size: 100%;
width: 181px;
height: 24px;
margin: 0px auto 0px auto;
background-position: center;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
display: block;
}
.contents2  span{
width: 413px;
height: auto;
display: block;
margin: 0px auto 0px auto;
text-align: center;
font-size: 12px;
font-weight: 300;
line-height: 20px;
color: #000000;
}

.contents2 .construction p{
width: 100%;
height: auto;
display: block;
margin: 0px auto 20px auto;
text-align: justify;
font-size: 14px;
font-weight: 300;
letter-spacing: -1px;
}

.contents2 h4{
background-image:url("../image/sp/02/02_tsubasa_sp_8.png");
background-repeat: no-repeat;
background-size: 100%;
width: 100%;
height: 0px;
padding-top: 13%;
margin: 80px auto 45px auto;
background-position: center;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
display: block;
}
.contents2 .flow{
background-image:url("../image/sp/02/02_tsubasa_sp_9.png");
background-repeat: no-repeat;
background-size: 100%;
width: 100%;
height:0px;
padding-top: 178%;
margin: 0px auto 40px auto;
background-position: center;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
display: block;
}
.contents2 p{
width: 85%;
height: auto;
display: block;
margin: 0px auto 20px auto;
text-align: justify;
font-size: 14px;
font-weight: 300;
}


.contents2 .result figure .resu01{
background-image:url("../image/sp/02/02_tsubasa_sp_10.png");
background-repeat: no-repeat;
background-size: 100%;
width: 100%;
height: 0px;
padding-top: 132%;
margin: 0px auto 0px auto;
background-position: center;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
display: block;
}
.contents2 .result figure .resu02{
background-image:url("../image/sp/02/02_tsubasa_sp_11.png");
background-repeat: no-repeat;
background-size: 100%;
width: 100%;
height: 0px;
padding-top: 132%;
margin: 0px auto 0px auto;
background-position: center;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
display: block;
}
.contents2 .result figure .resu03{
background-image:url("../image/sp/02/02_tsubasa_sp_12.png");
background-repeat: no-repeat;
background-size: 100%;
width: 100%;
height: 0px;
padding-top: 132%;
margin: 0px auto 0px auto;
background-position: center;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
display: block;
}
.contents2 .result figure .resu04{
background-image:url("../image/sp/02/02_tsubasa_sp_13.png");
background-repeat: no-repeat;
background-size: 100%;
width: 100%;
height: 0px;
padding-top: 132%;
margin: 0px auto 0px auto;
background-position: center;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
display: block;
}
.contents2 .result figure .resu05{
background-image:url("../image/sp/02/02_tsubasa_sp_14.png");
background-repeat: no-repeat;
background-size: 100%;
width: 100%;
height: 0px;
padding-top: 132%;
margin: 0px auto 0px auto;
background-position: center;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
display: block;
}
.contents2 .result figure .resu06{
background-image:url("../image/sp/02/02_tsubasa_sp_15.png");
background-repeat: no-repeat;
background-size: 100%;
width: 100%;
height: 0px;
padding-top: 132%;
margin: 0px auto 0px auto;
background-position: center;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
display: block;
}

}