@charset "utf-8";

.content_wrapper {
	/* [disabled]padding: 0; */
	/* [disabled]margin: 0; */
}
/*.content_wrapper{
    width: 100%;
    display: flex;
} */
.bg {
	width: 100%;
	height: 100%;
	background-image: url(../images/TOP.svg);
	background-color: #71C7D5;
	background-repeat: no-repeat;
	background-size: 60%;
	background-position: 50% 60%;
}
#top {
	width: 100%;
}
.main_title  {
	position: absolute;
	top: 47%;
	/*3月中は↓の数値で*/
	/*top: 43%;*/
	z-index: 10;
	width: 100%;
}
.main_title h1 {
	/*margin: 0 auto;*/
	margin: -60px auto;
/*	margin: -10px auto;*/
	font-size: 5rem;
	letter-spacing: 1px;
	color: #ffffff; /*#bdbdbd;*/
	font-weight: normal;
	text-align: center;
}
.go_scroll {
	position: absolute;
	/*2022年1月中は↓の数値で*/
	/* top: 75%; */
	/*top: 65%;*/
	/*3月中は↓の数値で*/
	/*top: 61%;*/
	/*left: 50%;*/
	bottom: 0;
	right: 20px;
	transform: translate(-50%, -50%);
	z-index: 10;
	cursor: pointer;
}
.go_scroll:hover {
	opacity: 0.7;
	transition: all 0.2s ease;
}
.go_scroll p {
	margin: 0;
	padding-left: 4px;
	padding-bottom: 10px;
	color: #ffffff;
	font-size: 1.6rem;
	text-align: center;
	letter-spacing: 1px;
}
.bg_change {
	position: absolute;
	left: 94%;
	top: 92%;
	padding: 0;
	margin: 0;
	display: table;
}
.bg_change li {
	list-style-type: none;
	display: inline-block;
	cursor: pointer;
}
.bg_change li:first-child {
	margin-right: 20px;
}
#news {
	width: 100%;
	display: table;
	padding-top: 60px;
	margin-top: -60px;
}
.news_title {
	display: table-cell;
	vertical-align: middle;
	width: 30%;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #E5E5E5;
}
.news_title h2 {
	font-size: 3.8rem;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	display: inline-block;
	margin: 0;
	padding: 0 20px 10px;
	letter-spacing: 3px;
}
.news_title p {
	margin: 0;
	padding-top: 20px;
	font-size: 1.6rem;
}
.news_main {
	display: table-cell;
	width: 70%;
	padding-top: 40px;
	padding-bottom: 60px;
	background-color: #ffffff;
}
.news_main ul {
	margin: 0 auto;
	display: table;
}
.news_main li {
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #E5E5E5;
	list-style-type: none;
	background-image: url(../images/news_head.png);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	padding-left: 30px;
}
.news_main span {
	margin-right: 15px;
	display: inline-block;
	vertical-align: middle;
}
/*#main_contents {
	display: table;
	width: 100%;
}
#main_contents div {
	text-align: center;
	display: table-cell;
	width: 20%;
	position: relative;
	height: 600px;
	background-size: cover;
}
#c1 {
	background: url(../images/bg2.jpg) no-repeat 50% 50%;
}
#c2 {
	background: url(../images/bg3.jpg) no-repeat 50% 50%;
}
#c3 {
	background: url(../images/bg8.jpg) no-repeat 50% 50%;
}
#c4 {
	background: url(../images/bg4.jpg) no-repeat 20% 34%;
}
#c5 {
	background: url(../images/bg5.jpg) no-repeat 50% 50%;
}
#c1:hover, #c2:hover, #c3:hover, #c4:hover, #c5:hover {
	opacity: 0.8;
	transition: all 0.5s ease;
}
#main_contents a  {
	text-decoration: none;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	color: #ffffff;
}
#main_contents a div {
	vertical-align: middle;
}
#main_contents h2 {
	font-size: 3.2rem;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	margin: 0;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 10px;
	display: inline-block;
	font-family: 'Lato';
	letter-spacing: 3px;
}
#main_contents p {
	margin: 0;
	padding-top: 20px;
	font-size: 1.6rem;
}*/
#contact {
	width: 100%;
	height: 100%;
	flex-direction: row-reverse;
	display: table;
}
.contact_title {
	width: 30%;
	vertical-align: middle;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #E5E5E5;
	display: table-cell;
}
.contact_title h2 {
	font-size: 3.8rem;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	margin: 0;
	padding: 0 20px 10px;
	display: inline-block;
	letter-spacing: 3px;
}
.contact_title p {
	margin: 0;
	padding-top: 20px;
	font-size: 1.6rem;
}
.contact_main {
	padding-top: 40px;
	padding-bottom: 20px;
	background-color: #2e2e2e;
	width: 70%;
	display: table-cell;
}
.contact_main form {
	margin: 0 auto;
	display: table;
	color: #ffffff;
	width: 70%;
}
.contact_main table {
	width: 100%;
}
.contact_main th {
	font-weight: normal;
	text-align: right;
	padding-right: 10px;
	padding-bottom: 20px;
	width: 20%;
}
.textarea_th  {
	vertical-align: top;
	padding-top: 5px;
}
.contact_main td {
	padding-bottom: 20px;
	width: 80%;
}
.contact_main input {
	height: 30px;
}
.contact_main input , .contact_main textarea{
	width: 100%;
}
.contact_main button {
	width: 150px;
	font-family: Arial, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	height: 50px;
	font-size: 1.6rem;
	border-style: none;
	cursor: pointer;
	background-color: #ffffff;
}
.contact_main button:hover {
	color: #00A0E9;
	transition: all 0.1s ease-out;
}
#sns {
	width: 100%;
	height: 70px;
	background-color: #E13A2E;
}
#sns ul {
	padding-top: 15px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 0;
	margin: 0 auto;
	display: table;
}

#sns li {
	display: inline-block;
	margin-right: 30px;
}
#sns li:last-child {
	margin: 0;

}
.contact_main2 {
	padding-top: 40px;
	padding-bottom: 40px;
	background-color: #2e2e2e;
	width: 70%;
	display: table-cell;
}
.contact_main2 p {
	margin-top: 0px;
	margin-bottom: 30px;
	color: #ffffff;
	font-size: 1.8rem;
	text-align: center;
}
.contact_btn a {
	width: 200px;
	height: 38px;
	margin: 0 auto;
	display: block;
	padding-top: 15px;
	padding-left: 20px;
	color: #ffffff;
	font-size: 1.6rem;
	text-decoration: none;
	border-width: 2px;
	border-style: solid;
	background: url(../images/btn_contact.png) no-repeat 93% 50%;
}
.contact_btn a:hover {
	background-color: rgba(255,255,255,0.5);
	transition: all 0.3s ease;
}
.new_year {
	position: relative;
	top: -30px;
	/* color: #f53939;  */
	color: #f32e2e;
}



/* ----------- メニューのテスト ----------- */

#main_contents ul, .menu {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
#main_contents {
	width: 100%;
}
#main_contents ul {
	display: -webkit-box;
	display: flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: -moz-flex;
	display: -o-flex;
}
.menu {
	-webkit-box-flex: 1;
	flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	-moz-flex: 1;
	-o-flex: 1;	
	height: 600px;
	transition: flex .6s;
	-webkit-transition: flex .6s;
	-ms-transition: flex .6s;
	background-color: black;
}
.menu:hover {
	-webkit-box-flex: 1.6;
	flex: 1.6;
	-webkit-flex: 1.6;
	-ms-flex: 1.6;
	-moz-flex: 1.6;
	-o-flex: 1.6;
	opacity: 1.6;
	transition: all .5s ease;
}
.menu a {
	width: 100%;
	height: 600px;
	display: block;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
	text-decoration: none;
}
.menu a div {
	text-align: center;
	position: relative;
	top: 42%;
	color: #fff;
}
.menu h2 {
	font-size: 3.2rem;
	border-bottom-width: 1px;
	margin: 0;
	border-bottom-style: solid;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 10px;
	display: inline-block;
	font-family: 'Lato';
	letter-spacing: 3px;
}
.menu p {
	margin: 0;
	padding-top: 20px;
	font-size: 1.6rem;
}
#m1 a {
	background-image: url(../images/March_2015_01.jpg);
	opacity: 0.5;
	transition: all 0.5s ease;
}
#m2 a {
	background-image: url(../images/April_2015_01.jpg);
	opacity: 0.5;
	transition: all 0.5s ease;
}
#m3 a {
	background-image: url(../images/September_2015_01.jpg);
	opacity: 0.5;
	transition: all 0.5s ease;
}
#m4 a {
	background-image: url(../images/May_2015_01.jpg);
	opacity: 0.5;
	transition: all 0.5s ease;
}
#m5 a {
	background-image: url(../images/June_2015_01.jpg);
	opacity: 0.5;
	transition: all 0.5s ease;
}
#m1 a:hover, #m2 a:hover, #m3 a:hover, #m4 a:hover, #m5 a:hover {
	opacity: 1;
	transition: all 0.5s ease;
}



@media screen and (min-width:769px) and (max-width:1200px){

/*#main_contents h2{
	font-size: 2.2rem;
}
#main_contents div {
	height: 400px;
}*/
.menu h2{
	font-size: 2.2rem;
}
.menu, .menu a {
	height: 400px;
}


}

@media screen and (min-width:481px) and (max-width:1030px){

.main_title h1{
	font-size: 4rem;
}

.bg {
    background-size: 80%;
}

.go_scroll, .bg_change {
	display:none;
}

}

@media screen and (max-width:768px){

.main_title h1{
	font-size: 3rem;
}
.go_scroll, .bg_change {
	display:none;
}
.news_title {
	display: inline-block;
	width: 100%;
	padding-top: 40px;
	background-color: #FFFFFF;
}
.news_title div {
	width: 80%;
	display: table;
	margin: 0 auto;
	border-bottom: 1px solid;
}

.news_title h2 {
	font-size: 3.2rem;
	border-bottom: none;
}
.news_title p {
	padding-right: 20px;
	display: inline-block;
}
.news_main {
	display: inline-block;
	width: 100%;
	padding-top: 20px;
	padding-bottom: 50px;
}
.news_main ul {
	width: 90%;
	padding: 0;
}
/*#main_contents div {
	padding:40px 0;
	display: block;
	width: 100%;
	height: 95px;
}
#main_contents h2{
	font-size: 3.2rem;
}*/

/* ------ テスト ------ */
#main_contents ul {
	flex-direction: column;
}
.menu {
	background-color: #ffffff;
}
.menu, .menu a {
	height: 175px;
}
.menu a div {
	top: 27%;
}
.menu h2 {
	font-size: 3.2rem;
}
#m1 a, #m2 a, #m3 a, #m4 a, #m5 a {
	opacity: 1;
}
#m1 a:hover, #m2 a:hover, #m3 a:hover, #m4 a:hover, #m5 a:hover {
	opacity: 0.8;
	transition: all 0.5s ease;
}

.contact_title {
	width: 100%;
	padding-top: 40px;
	padding-bottom: 0;
	background-color: #2e2e2e;
	display: block;
	color: #ffffff;
}
.contact_title div {
	width: 80%;
	display: inline-block;
	margin: 0 auto;
	border-bottom: 1px solid;	
}
.contact_title h2 {
	font-size: 3.2rem;
	border-bottom: none;
	padding: 0 5px 10px 5px;
}
.contact_title p {
	margin: 0;
	padding: 0 5px 10px 5px;
	font-size: 1.6rem;
	display:inline-block
}
.contact_main, .contact_main2 {
	width: 100%;
	display: block;
}
.contact_main form,.contact_main p,.contact_main a {
	width: 85%;
}
.contact_main th {
	width: 30%;
}
.contact_main td {
	width: 70%;
}

}

@media screen and (max-width:480px){

.main_title h1{
	font-size: 2rem;
}
.news_main {
	padding-top: 0;
}
.main_title{
	top: 40%;
}
.main_title h1{
	/* [disabled]font-size: 4rem; */
}
.logo a {
	height: 30px;
}
.bg{
	height: 75%;
	margin-bottom: -200px;
	background-size: 85%;
	background-position: 50% 42%;
}
#sns ul {
	padding-top: 20px;
}
#sns li {
	margin-right: 20px;
}
#sns img {
	width: 30px;
}

}



/*----画像名----*/
span.imagesdate {
    display: block;
    padding-top: 4px;
    /* color: #ffffff; */
    font-size: 3.5rem;
}



/*----Software development and analysisの位置(通常時)----*/
span.companymessage {
    display: block;
    padding: 4px;
}


/*----Software development and analysisの位置(お正月時)----*/

/*span.companymessage {
    display: block;
    margin-top: -13px;
}*/



/*----画像名レスポンシブ----*/
@media screen and (min-width:481px) and (max-width:1030px){

span.imagesdate{
	font-size: 3.5rem;
}
.go_scroll, .bg_change {
	display:none;
}

}

@media screen and (max-width:768px){

span.imagesdate{
	font-size: 2.5rem;
}