@charset "UTF-8";

/* generative-ai
---------------------------------------------------------- */
#generative-ai{
	width: 1000px;
	margin: 0 auto;
}
div#wrapper{
	width:auto !important;
	background-color: #f5f3f4;
}
div.textarea {
	margin: 0 70px 20px;
}

/** Main Visual **/
#top_mainvisual{
	background: url(/img/service/generative-ai/bg_main.png) repeat-x;
	position:relative;
	padding-top: 0px !important;
	height:auto !important;
}
#top_mainvisual h1{
	margin: 0 auto;
	width: 1199px;
	background: url(/img/service/generative-ai/main_2.png) no-repeat;
	min-height:273px;
}
#top_mainvisual .btn{
	position:absolute;
	bottom: 25px;
	left: 154px;

}
#top_mainvisual .btn img{
	width:96%;
}


/** generative-ai Main **/
#generative-ai_main {
	width: 1000px;
	margin: 0 auto;
	margin-bottom: 70px;
}
#generative-ai_about,
#generative-ai_about {
	margin-top: 70px;
	background-color: #fff;
	padding: 1px 10px 60px;
}

#generative-ai_scene {
	margin-top: 70px;
	background-color: #fff;
	padding: 1px 10px 70px;
}


/** scene **/

/* 3column */
#generative-ai_scene div.textarea {
	margin: 0 40px 20px;
}

#generative-ai_scene .col3_box:after {
	content: "";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}

#generative-ai_scene .col3_box .col_box:nth-child(3n) {
	margin-right:0;
}

#generative-ai_scene .col3_box img {
	max-width: 100%;
}

#generative-ai_scene .col3_box .col_box {
	float:left;
	width: 32.3333333%;
	margin-right:1.5%;
	*display: inline;
	*zoom: 1;
	
}

#generative-ai_scene .col3_box .col_box .scene_box {
	border: solid 1px #ddd;
	border-bottom: none;
	padding: 15px;
	padding-bottom: 0;
	background: #eef4ff;
}

#generative-ai_scene .col3_box .col_box .bd_blue {
	border-bottom: solid 4px #0039a2;
}

#generative-ai_scene .col3_box .col_box .bd_green {
	border-bottom: solid 4px #00a267;
}

#generative-ai_scene .col3_box .col_box .bd_red {
	border-bottom: solid 4px #960526;
}


#generative-ai_scene .scene_img {
	width: 100%;
	margin: 0 auto;
}

#generative-ai_scene .scene_text {
	margin-top: 15px;
	background: #fff;
	padding: 10px;
}

#generative-ai_scene .scene_text p.scene_title {
	margin-bottom: 10px;
	text-align: center;
}

#generative-ai_scene .scene_text p {
	margin-bottom: 10px;
}

/** generative-ai Service **/

#generative-ai_service {
	background-color: #fff;
	padding: 1px 10px 70px;
	margin-top: 70px;
}

#generative-ai_service h3 {
	border-bottom: solid 2px #0039a2;
	padding: 20px 20px 10px;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 15px;
}

#generative-ai_service .privacy_img {
	float: left;
	margin-left: 20px;
	width: 10%;
}

#generative-ai_service .privacy_text {
	float: left;
	margin-left: 10px;
	width: 85%;
}


/** generative-ai Form **/
#generative-ai_contact {
	background-color: #fff;
	padding: 1px 10px 70px;
	margin-top: 70px;
}

.col_box,
.box_inner,
.col3_block {
	zoom:1;
}

.col_box:after,
.box_inner:after,
.col3_block:after {
	content: "";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}


#generative-ai_contact .contact_form {
	width: 90%;
	margin: 0 auto;
	margin-top: 20px;
}

#generative-ai_contact #table_inquiry {
	width: 80%;
	margin: 0 auto;
}

#generative-ai_contact #table_inquiry th {
	text-align: left;
}
#generative-ai_contact #table_inquiry th,
#generative-ai_contact #table_inquiry td {
	padding-top: 10px;
	padding-bottom: 10px;
}

#generative-ai_contact #table_inquiry th span.required {
	width: 100%;
	margin-left: 10px;
	height: auto;
}

#generative-ai_contact #table_inquiry .error {
	color: #FF0000;
}

#generative-ai_contact #table_inquiry .label {
	width: auto;
}

#generative-ai_contact #table_inquiry .txt_input_full {
	width: 100%;
}

#generative-ai_contact .submit_btn {
	text-align: center;
	margin-top: 30px;
	margin-bottom: 60px;
}
        table {
            border-collapse: collapse;
            width: 100%; /* テーブルの幅を100%に設定 */
        }
        th, td {
            border: 1px solid black; /* 黒い枠線 */
            padding: 8px; /* セル内の余白 */
            text-align: left; /* テキストを左揃え */
        }

@media screen and (max-width: 736px) {
	#generative-ai_about,
	#generative-ai_about{
		padding-bottom: 20px;
	}

	h2.h2_line{
		margin: 25px 5% 2% 5% !important;
	}

	div.textarea {
		margin: 0 10px 20px;
		font-size: 14px;
	}

	/** MainVisual **/
	#top_mainvisual{
		background-size: 365%;
		padding:0 !important;
	}
	#top_mainvisual h1{
		width:100%;
		background: red;
		background: url(/img/service/generative-ai/main_sp_2.png) center no-repeat;
		background-size: 110%;
		background-position: 50% 80%;
		min-height: auto !important;
	}
	#top_mainvisual .btn{
		position: inherit !important;
		left: 0 !important;
		bottom: 0 !important;
	}
	#top_mainvisual .btn img {
	    width: 100%;
	}
	#top_mainvisual h1 p{
		width:auto !important;
		font-size: 85%;
		line-height: 1.3;
		margin-top: 5px;
	}
	#top_mainvisual h1 .pt30 {
		padding-top:13% !important
	}
	#top_mainvisual .btn {
		padding:5% 7%;
	}

	/** generative-ai Main **/
	#generative-ai_main {
		margin: 0 3%;
		padding: 15px 0 40px 0;
		width: 94%;
		margin: 0 auto;
		margin-bottom: 40px;
	}

	#generative-ai_main h2.h2_line {
		width: 90%;
		margin: 0 auto;
		padding-left: 0;
		padding-right: 0;
		font-size: 130%;
	}

	#generative-ai_main h2.h2_line span {
		margin: 0 1em;
		padding: 3%;
		background-color: none;
		text-align: center;
		line-height: 1.1em;
	}


	/** scene **/

	/* 3column */
	#generative-ai_scene {
		padding-bottom: 20px;
	}
	
	#generative-ai_scene div.textarea {
		margin: 0 30px 20px;
	}

	#generative-ai_scene .col3_box .col_box {
		float:none;
		width: 100%;
		margin-bottom: 50px;
		margin-right: 0;
	}

	#generative-ai_scene .col3_box .col_box:nth-child(3n) {
	    margin-bottom: 0;
	}

	#generative-ai_scene .scene_img {
		width: 70%;
		text-align: center;
	}

	#generative-ai_scene .scene_text {
		height: auto;
	}

	/** generative-ai Service **/

	#generative-ai_service {
		background-color: #fff;
		padding-bottom: 20px;
	}

	#generative-ai_service h3 {
		padding: 20px 0 10px;
		font-size: 14px;
	}

	#generative-ai_service .privacy_img {
		float: none;
		margin-left: 0;
		margin-bottom: 10px;
		width: 25%;
	}

	#generative-ai_service .privacy_text {
		float: none;
		margin-left: 0;
		width: 100%;
	}

	/** generative-ai Form **/
	#generative-ai_contact {
		width: 100%;
		padding: 1px 10px 30px !important;
	}

	#generative-ai_contact #table_inquiry {
		width: 100%;
		margin: 0 auto;
	}

	#generative-ai_contact #table_inquiry th,
	#generative-ai_contact #table_inquiry td {
		padding-top: 0;
		padding-bottom: 0;
		width: 100%;
		margin: 0 auto;
		margin-top: 10px;
		display: block;
		text-align: center;
	}

	#generative-ai_contact #table_inquiry th {
		background-color: #eaf2ff;
		padding-top: 5px;
		padding-bottom: 5px;
	}


/*
	#generative-ai_contact #table_inquiry td div.label {
		width: 80%;
		margin: 0 auto;
		text-align: left;
	}
*/
	#generative-ai_contact #table_inquiry td label {
		text-align: left;
	}

	#generative-ai_contact #table_inquiry .error {
		color: #FF0000;
	}


	#generative-ai_contact #table_inquiry .txt_input_full {
		width: 100%;
	}

	#generative-ai_contact .submit_btn {
		text-align: center;
		margin-top: 30px;
		margin-bottom: 60px;
	}


	#generative-ai_contact #table_inquiry th.privacy {
		background-color: #fff;
	}
	.generative-ai_money{
	margin: 0 5%;
    width: 90%;
	}

	.inner_small{
		padding:0 !important;
	}
}