@charset "utf-8";
/* CSS Document */

body{
	width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
	overflow-x: hidden;
	font-family: 'Noto Sans JP', sans-serif;
}

div.body_inside{
	overflow-x: hidden;
}

div.cotoha_main {
	font-size: 12pt;
	width: 85%;
	margin: 0 auto;
}

div.cotoha_main h3 {
	font-size: 13pt;
	color: #000;
}

/*見出し*/
.cotoha_translator {
	margin-bottom: 50px;
}

.cotoha_translator ul{
	text-align: center;
}
.cotoha_translator ul li h2 {
	font-size: 16pt;
}

.cotoha_translator ul li img {
	height: 50px;
}

.cotoha_translator ul li p{
	margin-top: 20px;
	line-height: 20pt;
}

div.cotoha_midashi{
	margin-bottom: 50px;
}

div.cotoha_midashi ul {
	text-align: center;
}

div.cotoha_midashi ul li h2 {
	font-size: 15pt;
	color: #000;
}

div.cotoha_midashi ul li img {
	height: 25px;
}

div.cotoha_midashi ul li p{
	margin-top: 20px;
	line-height: 20pt;
}


/*------------------*/
/*top*/
/*------------------*/

div.top img{
	width: 100%;
	margin-top: 60px;
}

img.pc_top{
	display: none;
}

/*追従申し込みボタン*/

div.pageapp{
	display: grid;
	width: 100%;
	height: 60px;
	background-color:#C8161D;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	position:fixed;
	z-index: 100;
	text-align: center;
	align-items:center;
}

div.pageapp a{
	font-size: 12px;
	font-weight: bold;
	color: #fff;
}

.pageapp ul{
	width: 90%;
	align-items:center;
}

span.app_r{
	transition: 0.5s;
	text-align: center;
}
.app_r img {
	width: 10px;
	margin-left: 10px;
}

.app_r:hover{
	filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}
/*------------------*/
/*COTOHAの特徴*/
/*------------------*/

div.background{
	margin:0 -200%;
    padding:50px 200%;
	background-color: #f2f2f2;
}

div.cotoha_list{
	margin-top: 50px;
	display: flex;
	flex-wrap: wrap;
}

div.list_icon {
	margin: 0 auto;
	margin-bottom: 50px;
	width: 150px
}

ul.list_icon_desc li {
	text-align: center;
}

ul.list_icon_desc li p{
	margin-top: 10px;
}

div.list_icon img{
	margin-bottom: 15px;
	width: 120px;
}

span.ipa{
	float: right;
	font-size: 14px;
	padding: 0 0 50px 0;
}
/*------------------*/
/*ご利用者様からのメッセージ*/
/*------------------*/

div.voice{
	margin-top: 50px;
	margin-bottom:50px;
}

/*ご利用者の声*/
div.voice_hukidashi{
    position: relative;
	text-align: center;
	margin-bottom: 10px;
}
 
.hukidashi_text_01 {
    position: absolute;
    top: 10px;
	margin-left: 18%;
}

.hukidashi_text_01 p{
	font-size: 10px;
	letter-spacing: -0.8px;
	font-weight: bold;
	color: #000;
}

.hukidashi_text_02 {
    position: absolute;
    top: 10px;
	margin-left: 18%;
}

.hukidashi_text_02 p{
	font-size: 10px;
	letter-spacing: -0.8px;
	font-weight: bold;
	color: #000;
}

div.hukidashi_img img{
	width: 340px;
}

/*導入企業*/
div.voice_company{
	margin-top: 50px;
	margin-bottom: 50px;
}

div.voice_company img{
	width: 100%;
}

/*------------------*/
/*翻訳ポイント*/
/*------------------*/

div.point_sp{
	text-align:center;
	width: 100%;
	margin-bottom: 20px;
}

div.point_sp img{
	width: 200px;
}

.point{
	display: none;
}
.case{
	display: none;
}

div.point_midashi{
	margin-bottom: 20px;
}

div.point_midashi ul{
	display: flex;
	flex-wrap:wrap;
	justify-content:center; 
}

div.point_midashi h3{
	font-size: 14pt;
	width: 100%;
	text-align: center;
}

div.honyaku{
	margin-bottom: 50px;
	text-align: center;
}

div.honyaku_ex{
	margin: 0 auto;
	display: block;
	position: relative;
	width: 255px;
	padding: 20px;
	border-radius: 20px;/*角を丸くする*/
	text-decoration: none;
	background: #fff;
}

div.honyaku_ex p{
	font-size: 13pt;
	text-align: left;
}

span.red_point{
	color: #C7161D;
}

span.yajirushi_sp {
	color: #000;
	
}

span.yajirushi{
	display: none;
}

/*------------------*/
/*お申し込みフォーム*/
/*------------------*/

div.cotoha_entry{
	margin-top: 50px;
	text-align: center；
}

div.logo{
	margin-bottom: 50px;
}

div.logo img{
	width: 350px;
}
div.tyu{
	font-size: 13px;
	margin-top: 50px;
}
/*------------------*/
/*フッター*/
/*------------------*/

footer.footer{
	margin-top: 10px;
	text-align: center;
	height: 120px;
	background-color: #C7161D;
}

footer.footer img{
	width: 270px;
} 

/*---------------*/
/*画像のフェードイン*/
/*--------------*/
.scrollanime {opacity: 0;} 
.fadeInDown {
    animation-name: fadeInDown;
    animation-duration: 2s;
    animation-fill-mode: forwards;
}
@keyframes fadeInDown {
    0% {
        opacity: 0;         
    }
    100% {
    opacity: 1;
    transform: translate(0);
    }
}
 
.downup {transform: translateY(50px);}

/*---------------*/
/*申込ボタン*/
/*---------------*/

span.link_text{
	color: #fff;
	font-size: 11pt;
	font-weight: bold;
	margin-right: 10px;
	letter-spacing: -0.8px;
}

div.link_button img{
	width: 13px;
}

.link_button {
	margin: 0 auto 20px auto;
	display: block;
	position: relative;
	width: 300px;
	padding: 13px;
	border-radius: 20px;
	text-align: center;
	text-decoration: none;
	background: #C5AC35;
	transition: 0.5s;
	box-shadow: 2px 2px 4px gray;
}

.link_button:hover {
	filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}
span.link_text_02{
	color: #fff;
	font-size: 10pt;
	font-weight: bold;
	margin-right: 10px;
}

.link_button_02 img{
	width: 12px;
}

.link_button_02 {
	margin: 0 auto;
	margin-bottom: 50px;
	display: block;
	align-items:center;
	position: relative;
	width: 280px;
	padding: 8px;
	text-align: center;
	text-decoration: none;
	background: #000;
	transition: 0.5s;
}

.link_button_02:hover {
	filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}


.page_j{
	display: none;
}

/**======================================================================================================================================================*/
/** inquiry */
/**======================================================================================================================================================*/
div.inquiry_entry_wrapper{
	font-size: 12pt;
	width: 85%;
	margin: 0 auto;
}

/*ロゴ*/
div.inquiry_header img{
	width: 70px;
	margin: 10px;
}

.inquiry_entry{
	margin: 0 auto;
}

.inquiry_entry h3{
	margin-top: 50px;
	text-align: center;
	font-size: 20px;
}

.inquiry_entry p{
	margin-top: 30px;
	text-align: center;
	font-size: 12pt;
}

div.background_02{
	margin:0 -200%;
    padding:30px 200%;
	background-color: #f2f2f2;
}

/* 入力画面 */
.box02 {
	margin: 0;
}

.box02 ul {
	margin: 0;
	list-style: none;
}

.box02 ul li {
	padding: 1em 0;
}

.box02 ul li a {
	text-decoration: none;
	display: block;
}

.box02-left {
	display: block;
	vertical-align: middle;
	margin-bottom: 10px;
	font-weight: bold;
}

.box02-left img{
	width: 30px;
	margin-right: 5px;
	vertical-align: middle;
}
.box02-right {
	display: block;
	vertical-align: middle;
	line-height: 10px;
}

.inbox02-left {
	display: block;
	vertical-align: middle;
	margin-bottom: 10px;
	font-weight: bold;
}

.inbox02-right {
	display: block;
	vertical-align: middle;
	line-height: 10px;
}

/* confirm */
.confirm_wrap {
	text-align: center;
	width: 100%;
	margin-top: 50px;
}

/* 	ボタン　 */
.confirm_button {
	width: 300px;
	text-align: center;
	transition: 0.5s;
}

.confirm_button:hover {
	filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

.return_button {
	margin-top: 20px;
	border: 2px #666666 solid;
	font-weight: bold;
	font-size: 15px;
	background-color: #f2f2f2;
	padding: 5px 0;
	width: 80px;
	transition: 0.5s;
}

.return_button:hover {
	color: #fff;
	border: 2px #666666 solid;
	background-color: #666666;
}

.interview_button {
	margin: 0 auto;
	display: block;
	position: relative;
	width: 150px;
	padding: 15px;
	border-radius: 10px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	background: #C5AC35;
	transition: 0.5s;
}

.interview_button:hover {
	filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

/** revision 20210513 */
.middle-box {
	width: 100%;
}

.min-box {
	width: 50%;
	
}

.inquiry_textarea {
	width: 100%;
}

span.error_disp {
	color: #C7151C;
}

ul.apply_header {
	margin: 0;
}

ul.apply_header li {
	margin: 0;
}

li.apply_header_left {
	float: none;
	text-align: center;
	width: 100%;
}

li.apply_header_right {
	float: none;
	text-align: center;
	width: 100%;
	padding: 20px 0 0 0;
}

li.apply_header_left img {
	width: 75%;
}

li.apply_header_right img {
	width: 75%;
}

div.cotoha_apply_midashi{
	margin-bottom: 40px;
}

div.cotoha_apply_midashi ul {
	text-align: center;
}

div.cotoha_apply_midashi ul li h2 {
	font-size: 20px;
}





/** revision 20210514 */
div.entry_comment {
	margin: 0 0 100px 0;
	text-align: center;
}

div.entry_comment img {
	width: 75%;
}





/** revision 20210519 */


.step01 span {
	color: #CA131C;
	font-weight: bold;
	font-size: 18px;
}

div.inquiry_header_logo {
	width: 45%;
	float: left;
	padding: 2% 1% 1% 1%;
	text-align: left;
}

div.inquiry_header_logo_ntt {
	width: 45%;
	float: right;
	padding: 1%;
	text-align: right;
}

div.inquiry_header_logo img {
	width: 35%;
}

div.inquiry_header_logo_ntt img {
	width: 45%;
}

ul.apply_header li img {
	width: 45%;
}