@charset "utf-8";

/* common
---------------------------------------------*/
* {margin:0;padding:0;}

a:link,a:visited {
	color: #ffffff;
	text-decoration:underline;
}
a:hover,a:active {
	color: #d90909;
	text-decoration:underline;
}

.impact   {font-size:20pt; font-weight:bold;}
.impact2  {color:red;}
.impact3  {background:yellow; color:#000;}
#impact4  {underline;}
.impact5  {background:#173B50; padding:2px 5px; color:#fff;}
.impact6  {background:#f4f4f4; padding:3px; line-height:1.1;}
.impact7  {background: #B60000; padding:2px 5px; color:#fff;}
.style2   {color: #FF0000}
.style3   {color: #333333}
.style4   {color: #000000}


img{ border: none;}

/* animation
---------------------------------------------*/
.feedInUp {
	opacity: 0;
	transform: translate(0,30px); 
	-webkit-transform: translate(0,30px); 
	transition: 1.5s;
}
.feedInUp_On {
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}

/* layout
---------------------------------------------*/


/*TopIntro-Start*/
body {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	min-width: 1000px;
	background-color: #ffffff;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat;
	background-attachment: fixed;
	background-position: top center;
	
-webkit-text-size-adjust:none;
	
  text-align:center;
  font-size:25px;
  font-family: 'meiryo', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
    color: #222222;
}

/*背景画像*/
/*
#bg{
    background: url("../images/bg.jpg")top center;
    background-attachment: fixed;
}
/*背景画像*/


/*ヘッダここまでー*/

#head1 { background: url("../images/fv_01.png") no-repeat top center; height:    398px; } 
#head2 { background: url("../images/fv_02.png") no-repeat top center; height:    296px; } 
#head3 { background: url("../images/fv_03.png") no-repeat top center; height:    408px; } 
#head4 { background: url("../images/h_01.png") no-repeat top center; height:    270px; } 
#head5	{ background: url("../images/h_01_1.png") no-repeat top center; height:    1015px; }  
#head6	{ background: url("../images/haikei_01.png") no-repeat top center; height:    2100px; }
#head7	{ background: url("../images/haikei_02.png") no-repeat top center; height:    2627px; } 
#head8	{ background: url("../images/haikei_03.png") no-repeat top center; height:    1944px; } 
#head9	{ background: url("../images/haikei_04.png") no-repeat top center; height:    146px; } 
#head10	{ background: url("../images/h_02.png") no-repeat top center; height:    621px; } 
#head11	{ background: url("../images/h_03_1.png") no-repeat top center; height:    1387px; } 
#head12	{ background: url("../images/.png") no-repeat top center; height:    1201px; } 
#head13	{ background: url("../images/h_03_4.png") no-repeat top center; height:    860px; } 
#head14	{ background: url("../images/haikei_06.png") no-repeat top center; height:    1219px; } 
#head15	{ background: url("../images/h_04.png") no-repeat top center; height:    824px; } 
#head16	{ background: url("../images/haikei_08.png") no-repeat top center; height:    1400px; }
#head17	{ background: url("../images/haikei_09.png") no-repeat top center; height:    75px; }
#head18	{ background: url("../images/sanka.png") no-repeat top center; height:    1095px; }
#head19	{ background: url("../images/e_01.png") no-repeat top center; height:    1239px; }





#form { background: url("../images/form.png") no-repeat top center; height:    425px; } 



#m_01	{ background: url("../images/m_01.png") no-repeat top center; height:    212px; }
#m_02	{ background: url("../images/m_02.png") no-repeat top center; height:    212px; }
#m_03	{ background: url("../images/m_03.png") no-repeat top center; height:    244px; }
#m_04	{ background: url("../images/m_04.png") no-repeat top center; height:    476px; }
#m_05	{ background: url("../images/m_05.png") no-repeat top center; height:    244px; }
#m_06	{ background: url("../images/m_06.png") no-repeat top center; height:    299px; }
#m_07	{ background: url("../images/m_07.png") no-repeat top center; height:    226px; }
#m_08	{ background: url("../images/m_08.png") no-repeat top center; height:    333px; }

#con_01	{ background: url("../images/con_01.png") no-repeat top center; height:    360px; }
#con_02	{ background: url("../images/con_02.png") no-repeat top center; height:    368px; }
#con_03	{ background: url("../images/con_03.png") no-repeat top center; height:    461px; }
#con_04	{ background: url("../images/con_04.png") no-repeat top center; height:    974px; }
#con_05	{ background: url("../images/qa.png") no-repeat top center; height:    249px; }
#con_06	{ background: url("../images/uriage_01.png") no-repeat top center;height:    265px; }
#con_07	{ background: url("../images/uriage_02.png") no-repeat top center;height:    503px; }
#con_08	{ background: url("../images/uriage02.png") no-repeat top center;height:    188px; }
#con_09	{ background: url("../images/h_03_5.png") no-repeat top center;height:    305px; }
#con_10	{ background: url("../images/h_04_1.png") no-repeat top center;height:    304px; }
#con_11	{ background: url("../images/syoshinnsya.png") no-repeat top center;height:    308px; }
#con_12	{ background: url("../images/writer.png") no-repeat top center;height:    309px; }


#sp_s_01	{ background: url("../images/sp_01.png") no-repeat top center; height:    174px; }
#sp_e	{ background: url("../images/wp_e.png") no-repeat top center; height:    33px; }
#sp_s_02	{ background: url("../images/sp_02.png") no-repeat top center; height:    173px; }
#sp_s_03	{ background: url("../images/sp_03.png") no-repeat top center; height:    239px; }
#sp_s_04	{ background: url("../images/sp_04.png") no-repeat top center; height:    177px; }
#sp_01	{ background: url("../images/saport_01.png") no-repeat top center; height:    376px; }
#sp_02{ background: url("../images/saport_02.png") no-repeat top center; height:    376px; }
#sp_03{ background: url("../images/saport_03.png") no-repeat top center; height:    376px; }
#sp_04{ background: url("../images/saport_04.png") no-repeat top center; height:    376px; }



/*--------------------------------*/

/*黄色マーカー*/
.yellow_ma{
   background:linear-gradient(transparent 0%, #FFFF00 0%);
}

/*赤文字*/
.red_b_2{
    font-weight: bold;
    color:#fa296f;
    font-size: 32px;
    line-height: 1.5em;
}
/*赤でか文字*/
.red_b_3{
	color:#fa296f;
    font-size: 36px;	
    font-weight: bold;
    line-height: 1.5em;
	letter-spacing: 0.1em;
}

/*太文字*/
.b_b{
    font-weight: bold;
	font-size: 36px;
	line-height: 1.5em;
}

/*太文字 大文字*/
.b_b_2{
    font-weight: bold;
	font-size: 34px;
    line-height: 1.5em;
	letter-spacing: 0.15em;	
}

/*QA*/
.qa_b{
    font-weight: bold;
	font-size: 25px;
	color: #00a08d;
    line-height: 1.5em;
	letter-spacing: 0.15em;	
}
/*------
--------------------------*/

/*フォーム*/
.btn{
	margin-top:220px;
	visibility: visible;
	animation-duration: 2s;
	animation-iteration-count: 1000;
	animation-name:pulse;
}

/* ボタンのマウスオーバーで明るくする */
.btn:hover {
  filter: brightness(120%);
}

/*フォームここまで*/

/*プロフィール*/
.profile{
    background-color: white;
    text-align: left;
    width: 980px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 50px;
	padding-bottom: 60px;
}

.profile_text {
	padding-left: 50px;
	padding-top:20px;
	text-align: justify;
	width: 100%;

}

.profile_text p{
    margin-bottom: 0.3em;
	margin-top: 50px;
	margin-right: 100px;
    font-size: 25px;
    line-height: 1.8em;
}

.profile_img {
	float:right;
	display: block;
	width: 50%;
	margin-left: 40px; 	
}




/*qa*/

.qa{
    text-align: center;
    width: 900px;
    margin: auto;
    margin-bottom: 60px;
}
.qa_q{
	background-color: #d0f7f2;	
	font-weight: bold;
	display: flex;	
	padding-left: 20px;
	text-align: left;	
	width: 850px;

}

.qa_p{
	padding-left: 20px;
	padding-top: 12px;
	padding-bottom: 10px;	
	text-align: left;	
	width: 790px;

}

.qa_a{
	display: flex;
	padding-top: 20px;
	padding-left: 20px;
	text-align: left;	
	width: 850px;

}
.qa_q_icon,
.qa_a_icon{
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: left;	
	width: 60px;

}

.qa_a_p{
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;	
	text-align: left;	
	width: 790px;

}

/*--
.form_text{
	color: white;
	font-size: 15px;
	margin-top: 50px;
	text-align: left;
	padding-bottom: 50px;
	width: 1000px;
	
}
--!>
/*背景色*/
#sales{
	background-color: #f8f8f8;
	text-align: center;
}

#profile{
	background-color: #f5fdfc;
}


#study {
	background-color: rgba(234,253,251,0.4);	
}

#Attain,
#roadmap{
	background-color: #eafdfb;
}

#caution {
	background-color: rgba(0,160,141,0.3);	
}
#sp	{
	background-color: #fcf8e7;
}


.wrap {
	background-image: url("../images/wp_c.png");
	background-repeat: repeat-y;
	background-position: center top;
	background-position:50% 0%;
}

/*サポート内容*/
.support_box{
    text-align: center;
    width: 980px;
    margin: auto;
    margin-bottom: 60px;
}

.sp_sub{
	display: flex;
	width: 870px;
}

.sp_text{
	text-align: left;	
	background-color: transparent;
	width: 520px;
	padding-left: 100px;
	padding-right: 20px;
}

.sp_text p{
	margin-top: 1.5em;
	margin-bottom: 0.5em;
    font-size: 25px;
	line-height: 1.8em;
}

.sp_img{
	padding-top: 60px;
	width: 300px;

}

.container {
	background-color: transparent;
	margin:0 auto;	
	text-align:left;
	width:1000px;
}

.caution{
	padding-top: 120px;
	text-align: center;
}

.seminar{
	text-align: center;
}




.sub_box{
	background-color: transparent;
	padding-top: 150px;
}

.waku{
    background-color: white;
    text-align: left;
    width: 950px;
    margin: auto;
	margin-top: 20px;
	padding-bottom: 60px;
}



/*テキストのサイズ、改行後の余白*/
.text {
	background-color: white;
    line-height: 1.8em;	
    margin: 0 auto;
	padding-left: 80px;
	padding-right: 30px;
	padding-top: 50px;
	padding-bottom: 80px;
    text-align: left;
	width: 900px;

}

.text p{
    margin-bottom: 3em;
	margin-top: 50px;
    font-size: 25px;
    line-height: 1.8em;
}

.sub_text {
	background-color: transparent;
    text-align: left;
    margin: 0 auto;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 80px;
    line-height: 1.8em;
	width: 850px;
}

.sub_text p{
	margin-top: 1.5em;
	margin-bottom: 2.8em;
    font-size: 25px;
    line-height: 1.8em;
	padding-right: 50px;
}

.caution_text {
	background-color: white;
    line-height: 1.8em;	
    margin: 0 auto;
	padding-left: 80px;
	padding-right: 30px;
	padding-top: 50px;
	padding-bottom: 80px;
    text-align: left;
	width: 820px;

}

.caution_text p{
    margin-bottom: 3em;
	margin-top: 50px;
    font-size: 25px;
    line-height: 1.8em;
}
.m_text {
	background-color: transparent;
    text-align: center;
    margin: 0 auto;
	padding-bottom: 20px;
    line-height: 1.8em;
}

.m_text p{
	margin-top: 0.5em;
	margin-bottom: 1.8em;
    font-size: 25px;
    line-height: 1.8em;
}

/*
.sp_text {
	background-color: transparent;
    text-align: left;
    margin: 0 auto;
	padding-bottom: 50px;
	padding-left: 80px;
	padding-top: 50px;
    line-height: 1.8em;
}


.sp_text p{
	margin-top: 1.5em;
	margin-bottom: 3em;
    font-size: 25px;
    line-height: 1.8em;
	padding-left: 50px;
	padding-right: 100px;
}
*/

/*テキストのサイズ、改行後の余白 ここまで*/

#footer01{
	background-color: #222222;
    font-size: 13px;
    padding: 1em;
    color: #FFFFFF;
}

#footer02{
	background-color: #222222;
    font-size: 13px;
    padding: 1em;
    color:#fff;
}

#footer01 a{
   color: #FFFFFF; 
}


ol,
ul{
	list-style-position: inside;
	padding-left:10px;
}
ol li,
ul li{
	text-align:left;
}