@charset "utf-8";

/*------------------------------------------------------------------*/
/*--PC pCSS----------------------------------------------------------------*/
/*------------------------------------------------------------------*/


@media screen and (min-width: 721px) {

/*  { ݒ --------------------------*/

body{ 
	margin: 0;
	padding: 0;
	font-family: "Lucida Sans",arial," q   M m p S Pro W3","Hiragino Kaku Gothic Pro",MeiryoKe_PGothic,"   C   I",Meiryo," l r  o S V b N","MS PGothic",sans-serif;
	background: #fff;
}

img{
	max-width: 100%;
	border-width: 0;
}

.wrapper{
	clear: both;
	width: 100%;
	margin: 0;
	padding: 0;
	background: url("https://image.passione.tokyo/data/genericImages/gokinjo1_top_bg.png");
	background-attachment: fixed;
	background-position: center center;
	background-size: cover;
	z-index: 0;
}

.header{
	position: relative;
	clear: both;
	width: 100%;
	margin: 0;/* margin: 0 0 25px 0; */
	padding: 0;
	/* background: url("https://image.passione.tokyo/data/genericImages/gokinjo1_top_bg.png");
	background-attachment: fixed;
	background-position: center center;
	background-size: cover;
	z-index: 0; */
}

.main{
	overflow: hidden;
	clear: both;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0;
}

.delay01{animation-delay: 0.5s;}
.delay02{animation-delay: 1.0s;}
.delay03{animation-delay: 1.5s;}
.delay04{animation-delay: 2.0s;}
.delay05{animation-delay: 2.5s;}

.defVeiw{opacity: 0;}

#animateSpeed-2s{ animation-duration: 10s;}
#animateSpeed-1{ animation-duration: 10s;}
#animateSpeed-2{ animation-duration: 10s;}

.login{
	margin: 0 0 20px 0;
	padding: 0;
	font-size: 1.2rem;
	text-align: center;
}

.login a{
	color: #000;
}

.header .login{
	padding: 10px 0 10px 0;
	margin: 0 auto 20px;
        width:40%;
	background: #798fc8;
	border-radius: 100px;
}

.header .login a{
	color: #fff;
	text-decoration:none;
}

.header_text{
	padding: 4px;
	margin: 0 auto 20px;
	font-size: 12px;
	text-align: center;
	color: #000;
	font-weight: bpld;
	background: #fff;
	width: 50%;
}

.main_1 .login{
	padding: 0;
}

/*---header --------------------------------*/

.header_inner{
	overflow: hidden;
	width: 960px;
	margin: 0 auto 0 auto;
	padding: 0;
	background: url("https://image.passione.tokyo/data/genericImages/gokinjo1_top_hero_pc.png");
	background-position: center center;
	background-size: cover;
}

.logo{ display: none;}
.logo_pc{ margin: 0; padding: 0; }

.top_h1{ display: none;}
.top_h1_pc{ margin: 0; padding: 0;}

.top_text_1{ display: none;}
.top_text_1_pc{ margin: 0; padding: 0;}

.top_text_2{display: none;}
.top_text_pc{margin: 0; padding: 0;}

.top_btn{
	display: block;
	margin: 0 0 20px 0;
	padding: 0;
	text-align: center;
}

.header .note{
      width: 80%;
	margin: 0 auto 50px auto;
	padding: 0;
	font-size: 30px;
	text-align: left;
	color: #ff79c2;
}


/****main_1 ****************************************/

.main_1{
	clear: both;
	width: 960px;
	margin: 0 auto;
	padding: 50px 0 10px;
	background: #fff;	
}

.main_1_icon{
	width: 30%;
	margin: 0 auto;/* 0 auto 80px auto; */
	padding: 0;
	text-align: center;
}

.main_1 h2{
	margin: 0 0 40px 0;
	padding: 0;
	text-align: center;
}


.main_text_1{
	margin: 0 0 100px 0;
	padding: 0;
	font-size: 40px;
	font-weight: 700;
	text-align: center;
	color: #ff79c2;
}

.main_text_2{
	margin: 0 0 15px 0;/* margin: 0 0 65px 0; */
	text-align: center;
}

.main_1_btn{
	margin: 0 0 15px 0;
	padding: 0;
	text-align: center;
}

.main_1 .note{
	width: 80%;
	margin: 0 auto 0 auto;
	padding: 0;
	font-size: 30px;
	text-align: left;
	color: #ff79c2;
}

/****main_2 ****************************************/

.main_2{
	clear: both;
	width: 960px;
	margin: 0 auto;
	padding: 5px 0;
	background: #fff;	
}


.main_2_pic_1{
	margin: 0 auto 70px auto;
	padding: 0;
}

/*
.main_2_h2{
	margin: 0 0 70px 0;
	padding: 0;	
	font-size: 40px;
	font-weight: 700;
	text-align: center;
	color: #18575a;
}
*/

.main_2_h2{
	position: relative;
	padding: 0.5em 1.5em;
	/* border-top: solid 2px black; */
	/* border-bottom: solid 2px black; */
	font-size: 40px;
	font-weight: 700;
	text-align: center;
	color: #000 !important;
}
/* .main_2_h2:before, .main_2_h2:after{
	content: '';
	position: absolute;
	top: -10px;
	width: 2px;
	height: -webkit-calc(100% + 20px);
	height: calc(100% + 20px);
	background-color: black;
}
.main_2_h2:before {left: 10px;}
.main_2_h2:after {right: 10px;} */


.main_2_list{
	list-style: none;
	width: 760px;
	margin: 0 auto 0 auto;
	padding: 0;	
}

.main_2_list li{
	margin: 0 0  30px;
	padding: 30px 0 30px 0;
	/*
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	*/
	font-size: 30px;
	font-weight: 700;
	text-align: center;
	color: #fff;
	background: #824c9a;
}


/****main_3 ****************************************/

.main_3{
	clear: both;
	width: 960px;
	margin: 0 auto;
	padding: 5px 0;
	background: #fff;	
}

.main_3_icon{
	width: 25%;
	margin: 0 auto;/* 0 auto 70px auto; */
	padding: 0;
	text-align: center;
}

/*
.main_3_h2{
	margin: 0 0 70px 0;
	padding: 0;	
	font-size: 50px;
	font-weight: 700;
	text-align: center;
    	color: #572e12;
}
*/

.main_3_h2{
	position: relative;
	padding: 0.5em 1.5em;
	/* border-top: solid 2px black; */
	/* border-bottom: solid 2px black; */
	font-size: 40px;
	font-weight: 700;
	text-align: center;
	color: #572e12;
}
/* .main_3_h2:before, .main_2_h2:after{
	content: '';
	position: absolute;
	top: -10px;
	width: 2px;
	height: -webkit-calc(100% + 20px);
	height: calc(100% + 20px);
	background-color: black;
}
.main_3_h2:before {left: 10px;}
.main_3_h2:after {right: 10px;}*/


.main_3_h3_1,
.main_3_h3_2,
.main_3_h3_3{
	width: 800px;
	margin: 0 auto 20px auto;
	padding: 30px 0 30px 0;	
	border-radius: 100px;		/* CSS3 */
	-webkit-border-radius: 100px;	/* Safari,Google Chrome p */
	-moz-border-radius: 100px;	/* Firefox p */	
	font-size: 30px;
	font-weight: 700;
	text-align: center;
	color: #fff;
	background: #418b89;
}

.main_3_pic_1{ overflow:hidden; margin: 0 0 10px 0; padding: 0; text-align: center;  backface-visibility:hidden; -webkit-backface-visibility:hidden; }/* margin: 0 0 70px 0; */
.main_3_pic_2{ overflow:hidden; margin: 0 0 10px 0; padding: 0; text-align: center;  backface-visibility:hidden; -webkit-backface-visibility:hidden; }/* margin: 0 0 70px 0; */
.main_3_pic_3{ overflow:hidden; margin: 0 0 10px 0; padding: 0; text-align: center;  backface-visibility:hidden; -webkit-backface-visibility:hidden; }/* margin: 0 0 70px 0; */

.main_3_text_1{ overflow:hidden; margin: 0 0 20px 0; padding: 0; font-size: 28px; text-align: center; color: #000; backface-visibility:hidden; -webkit-backface-visibility:hidden; } /* color: #919191 */
.main_3_text_2{ overflow:hidden; margin: 0 0 20px 0; padding: 0; font-size: 28px; text-align: center; color: #000; backface-visibility:hidden; -webkit-backface-visibility:hidden; } /* color: #919191 */
.main_3_text_3{ overflow:hidden; margin: 0 0 100px 0; padding: 0; font-size: 28px; text-align: center; color: #000; backface-visibility:hidden; -webkit-backface-visibility:hidden; } /* color: #919191 */

.main_3_next_1,
.main_3_next_2{
	width: 10%;
	margin: 0 auto 20px auto;/* margin: 0 auto 100px auto; */
	padding: 0;	
	text-align: center;
	animation-duration: 2s;
}

.main_3_next_3{
	width: 10%;
	margin: 0 auto 50px auto;/* margin: 0 auto 100px auto; */
	padding: 0;	
	text-align: center;
	animation-duration: 2s;
}

.main_3_btn{
	margin: 0 0 15px 0;
	padding: 0;
	text-align: center;
}

.main_3 .note{
	width: 80%;
	margin: 0 auto 0 auto;
	padding: 0;
	font-size: 30px;
	text-align: left;
	color: #ff79c2;
}

/****main_4 ****************************************/

.main_4{
	clear: both;
	width: 960px;
	margin: 0 auto;
	padding: 0 0 20px 0;
	background: #fff;	
}

.main_4_icon{
	width: 20%;
	margin: 0 auto;/*  0 auto 10% auto */
	padding: 0;
	text-align: center;
}

/*
.main_4_h2{
	margin: 0 0 6% 0;
	padding: 0;	
	font-size: 50px;
	font-weight: 700;
	text-align: center;
	color: #e38422;
}
*/

.main_4_h2{
	position: relative;
	/* padding: 0.5em 1.5em; */
	/* border-top: solid 2px black; */
	/* border-bottom: solid 2px black; */
	font-size: 40px;
	font-weight: 700;
	text-align: center;
	color: #000;
}
/* .main_4_h2:before, .main_4_h2:after{
	content: '';
	position: absolute;
	top: -10px;
	width: 2px;
	height: -webkit-calc(100% + 20px);
	height: calc(100% + 20px);
	background-color: black;
}
.main_4_h2:before {left: 10px;}
.main_4_h2:after {right: 10px;} */


.main_4_article_1,
.main_4_article_2,
.main_4_article_3{
	overflow: hidden;
	clear: both;
	margin: 0 0 5% 0;
	padding: 0 0 5% 0;
}

.main_4_article_1,
.main_4_article_2{ border-bottom: 1px dotted #acacac;}

.main_4_article_1_pic,
.main_4_article_3_pic{
	float: left;
	width: 360px;
	margin: 0 0 0 20px;
	padding: 0;
}

.main_4_article_2_pic{
	float: right;
	width: 360px;
	margin: 0 20px 0 0;
	padding: 0;
}

.main_4_article_textBox_r{
	float: right;
	width: 550px;
	margin: 0 0 0 20px;
	padding: 0;
}

.main_4_article_textBox_l{
	float: left;
	width: 550px;
	margin: 0 0 0 20px;
	padding: 0;
}

.main_4_h3_1,
.main_4_h3_2,
.main_4_h3_3{
	margin: 0;
	padding: 0;
	font-size: 50px;
	font-weight: 700;
	text-align: left;
}

.main_4_h3_1,
.main_4_h3_3{color: #da81b2;}

.main_4_h3_2{color: #da81b2;}

.main_4_text_1,
.main_4_text_2,
.main_4_text_3{
	margin: 0;
	padding: 0;
	font-size: 40px;
	/* font-weight: 700;*/
	text-align: left;
	color: #000;
}

.main_4_btn{
	margin: 0 0 15px 0;
	padding: 0;
	text-align: center;
}

.main_4 .note{
	width: 80%;
	margin: 0 auto 50px auto;
	padding: 0;
	font-size: 30px;
	text-align: left;
	color: #ff79c2;
}

/****footer ****************************************/

.footer{
	overflow: hidden;
	clear: both;
	margin: 0;
	padding: 0;
	/* background: url("https://image.passione.tokyo/data/genericImages/gokinjo1_top_bg.png");
	background-position: center center;
	background-size: cover; */
}

.footer_inner{
	clear: both;
	width: 960px;
	margin: 0 auto 0 auto;
	padding: 0;
	background: #5c1f64;
}

.footer ul{
	list-style: none;
	margin: 0;
	padding: 0 0 50px 0;
}

.footer ul li{
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #fff;
	font-size: 40px;
	text-align: left;
}

.footer ul li a{
	display: block;
	margin: 0;
	padding: 50px 0 50px 50px;
	text-decoration: none;
	color: #fff;
}

.footer .industry{
	clear: both;
	margin: 0 0 50px 0 ;
	padding: 0;
	font-size: 40px;
	text-align: center;
	color: #000;
}

.footer .copy{
	clear: both;
	margin: 0 0 0 0 ;
	padding: 0 0 100px 0;
	font-size: 30px;
	text-align: center;
	color: #fff;
}
}