@charset "UTF-8";

/*-----------------------------------------------
(Component)
__Default Clear
__Layout
-----------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;800&display=swap');

/*-----------------------------------------------
__Default Clear
-----------------------------------------------*/
html{
	overflow-y: scroll;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,figure{
	margin: 0;
	padding: 0;
}
body{
	background:white;
	font-family:'Montserrat', "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	line-height:1.6;
	color:#354E60;
	overflow-x: hidden;
	position: relative;
	cursor: none !important;
}
address,caption,cite,code,dfn,em,strong,th,var{
	font-style: normal;
}
table{
	border-collapse: collapse;
	border-spacing: 0;
}
caption,th{
	text-align: left;
}
q:before,q:after{
	content: '';
}
object,embed{
	vertical-align: top;
}
hr,legend{
	display: none;
}
h1,h2,h3,h4,h5,h6{
	font-size: 100%;
}
img,abbr,acronym,fieldset{
	border: 0;
}
img{/*---画像隙間回避*/
	vertical-align: bottom;
	max-width: 100%;
	height: auto;
	width /***/:auto;
}		
li{
	list-style-type: none;
}
p{
	margin-bottom: 0.5em;
}
a{
	text-decoration:none;
}

input,textarea,button{
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	-webkit-appearance: none;
	outline: none;
	border: none;
	border-radius:none;
}
::selection {
    background: #fde800;/*背景色*/
    color: #212121; /*文字色*/
}
::-moz-selection {
    background: #fde800; /*背景色*/
    color: #212121; /*文字色*/
}

.img-ofi {
	width: 100%;
	height: 100%;
	object-fit: cover;
  object-position: center;
  font-family: 'object-fit: cover; object-position: center;'
}
.img-btm {
  object-fit: cover;
  object-position: center bottom;
  font-family: 'object-fit: cover; object-position: center bottom;'
}

em.red{
	color: #ee4e1d;
}

/*-----------------------------------------------
__Layout
-----------------------------------------------*/
#container,
header,
#main,
footer{
	width: 100%;
	margin: 0 auto;
}
.wrap{
	width: 90%;
	clear:both;
	margin:0 auto;
}

#pagetop{
	position: relative;
	display: block;
	width:50px;
	height:50px;
}
#pagetop::before,
#pagetop::after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}
#pagetop::before{
	width: 50px;
	height: 50px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background:#212121;
}
#pagetop::after{
	top:8px;
	left: 13px;
	width: 20px;
	height: 20px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/*-----------------------------------------------
__Print View
Added by: Abegail Isidro 
Date: 2020/11/16
-----------------------------------------------*/

@page {
	size: A4 landscape;
	margin: 0;
}

@media print {
	#printing-manual {
        page-break-after: always;
	}
	
	#en-printing-manual {
        page-break-after: always;
    }

	#top-head {
		height: 10vh;
	}

	#top_img {
		height: 90vh;
		zoom: 90%;
		page-break-after: always;
		border: 0;

	}

	#service {
		page-break-after: always;
		height: 100vh;
		zoom:60%;
	}

	#company {
		height: 98vh;
		zoom:90%;
		overflow: hidden;
	}

	#footer {
		margin-top: -50px;
		height: 50px;
	}
}

/*css table for printing manual*/

.table {
	border-collapse: collapse;
	width: 100%;
  }
  
.table td, .table th {
	border: 1px solid #dddddd;
	text-align: left;
	padding: 8px;
  }
  
  .table tr:nth-child(even) {
	background-color: #dddddd;
  }

  .f-row {
	display: flex;
	flex-direction: row;
	margin: 10px;
  }

  .f-50 {
	width: 500px;
	flex-wrap: wrap;
	padding: 20px;
  }

  .f-right {
	  float: right;
  }

  .f-left {
	float: left;

  }

  .f-holder {
	  width: 100%;
	  margin-right: 25px;
	  margin-left: 25px;
	  text-align: center;
  }

  .pt-3 { 
	padding-top: 20px;
  }

  .hide-display{
	  display: none;
  }

  .text-uppercase {
	  text-transform: uppercase;
  }

  .text-left{
	  text-align: left;
  }

  .checkmark {
    display:inline-block;
    width: 22px;
    height:22px;
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
}

.checkmark_stem {
    position: absolute;
    width:5px;
    height:20px;
    background-color:#354E60;
    left:16px;
    top:3px;
}

.checkmark_kick {
    position: absolute;
    width:5px;
    height:10px;
    background-color:#354E60;
    left:13px;
	top:16px;
	-ms-transform: rotate(90deg); /* IE 9 */
	-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
	transform: rotate(90deg);

}