@charset "utf-8";

/*===============================================

【コンテンツエリア内のスタイルシート記述の約束】
コンテンツエリアのＣＳＳセレクタは他のエリアと
重複を防ぐため、セレクタの先頭に必ず
「#cts_CR_企業番号_商品番号」
を指定してください。
例）
#cts_CR_99999999_1 p { width:100%;margin: 0 auto; }

テンプレートVer：20230116
===============================================*/

/*PC/SP共通の指定*/
/* #cts_CR_企業番号_商品番号{} */

/*▼▼768px以上の表示　主にPC用▼▼*/
@media screen and (min-width: 768px){
	#ori_tab_00200223_1 .pc_none{
		display: none;
	}
	#ori_tab_00200223_1 #inner{
		margin: auto;
		text-align: center;
		color: #1C1C1C;
	}
	#ori_tab_00200223_1 #to_newlife{
		display: inline-block;
		position: relative;
		top: -158px;
		left: 290px;
		text-align: right;
		color: #fff;
		transition: ease .2s;
	}
	#ori_tab_00200223_1 #to_newlife img:hover{
		opacity: unset;
	}
	#ori_tab_00200223_1 #to_newlife::after{
		content: '';
		position: absolute;
		bottom: 9%;
		right: 55px;
		width: 5px;
		height: 5px;
		border-bottom: 2px solid #fff;
		border-right: 2px solid #fff;
		transform: rotate(45deg);
		transition: all .3s;
	}
	#ori_tab_00200223_1 #to_newlife:hover::after{
		bottom: 4%;
	}
	#ori_tab_00200223_1 #about_company{
		margin-top: -90px;
	}
	#ori_tab_00200223_1 h1{
		color: #0BA5CE;
		font-size: 2rem;
		font-weight: bold;
		padding-bottom: 10px;
	}
	#ori_tab_00200223_1 .EN_ttl{
		color: #0F4C81;
		font-size: .9rem;
		font-weight: bold;
		padding-bottom: 40px;
	}
	#ori_tab_00200223_1 .sub_ttl{
		font-size: 1.1rem;
    font-weight: bold;
    padding-bottom: 30px;
    line-height: 2.1rem;
    letter-spacing: 0.1rem;
    margin-bottom: 50px;
	}
	#ori_tab_00200223_1 #outbox_textLeft{
		display: flex;
		margin-bottom: 50px;
	}
	#ori_tab_00200223_1 #MAINFIELD,
	#ori_tab_00200223_1 #OURSERVICES{
		color: #FFFFFF;
		background-color: #0BA5CE;
		display: inline-block;
		padding: 4px 15px;
		font-weight: bold;
		position: absolute;
		top: -10px;
	}
	#ori_tab_00200223_1 #MAINFIELD{
		left: 40px;
    width: 125px;
    height: 22px;
    font-size: 0.9rem;
	}
	#ori_tab_00200223_1 #MAINFIELD_box{
		background-color: #F8F8F8;
		width: 60%;
		position: relative;
		padding: 30px 40px;
		font-size: 1.4rem;
    height: fit-content;
	}
	#ori_tab_00200223_1 #OURSERVICES_box{
		background-color: #F8F8F8;
		width: 57%;
		position: relative;
		padding: 30px 40px;
		font-size: 1.4rem;
		height:fit-content;
	}
	#ori_tab_00200223_1 h2{
    font-weight: bold;
    font-size: 1.3rem;
    letter-spacing: 0.2rem;
    text-align: left;
    margin-bottom: 5px;
    line-height: 1.8rem;
	}
	#ori_tab_00200223_1 .inbox_text{
		text-align: left;
		line-height: 1.5rem;
		font-size: 0.9rem;
	}
	#ori_tab_00200223_1 #kinyu_system{
		margin: 80px 0px 0 -190px;
    width: 507px;
    height: 230px;
    object-fit: contain;
	}
	#ori_tab_00200223_1 #outbox_textRight{
		display: flex;
		flex-direction: row-reverse;
		justify-content: space-between;
		position: relative;
		z-index: 50;
	}
	#ori_tab_00200223_1 #OURSERVICES_box{
		z-index: 40;
	}
	#ori_tab_00200223_1 #OURSERVICES{
		right: 73px;
		/* width: 140px; */
    	height: 22px;
    	font-size: 0.9rem;
	}
	#ori_tab_00200223_1 #triangle{
		margin-top: 50px;
		position: absolute;
		z-index: 30;
		padding: 10px 470px 0 40px;
	}
	#ori_tab_00200223_1 .bg_blue{
		background-color: #EBF3F5;
	}
	#ori_tab_00200223_1 #circle{
		padding: 45px 99px 20px;
	}
	#ori_tab_00200223_1 #sec_seido{
		background-color: #0BA5CE;
	}
	#ori_tab_00200223_1 #sec_seido h3{
		color: #fff;
		font-size: 1.5rem;
		padding: 70px 0 20px;
	}
	#ori_tab_00200223_1 #sec_seido .sub_ttl{
		color: #fff;
	}
	#ori_tab_00200223_1 .flex{
		display: flex;
		justify-content: space-between;
		width: 90%;
		margin: auto;
	}
	#ori_tab_00200223_1 #sec_seido .box{
		color: #0F4C81;
		width: 200px;
	}
	#ori_tab_00200223_1 #sec_seido .box img{
		width: 90px;
		height: 90px;
		margin: auto;
	}
	#ori_tab_00200223_1 #sec_seido .textarea{
		background-color: #fff;
		height: 170px;
		margin: -60px auto 20px;
		padding: 20px;
	}
	#ori_tab_00200223_1 #sec_seido h4{
		font-size: 1rem;
    margin: 30px auto 10px;
	}
	#ori_tab_00200223_1 #sec_seido hr{
		background-color: #0BA5CE;
		width: 40px;
		margin: auto auto 10px;
		height: 2px;
	}
	#ori_tab_00200223_1 .seido_text{
		text-align: left;
    font-size: .9rem;
    line-height: 1rem;
	}
	#ori_tab_00200223_1 #newlife{
		background-image: url(/ts/ori-tab/00200223/1/img/bg_newlife.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		width: 90%;
		margin: auto;
		background-position: bottom;
	}
	#ori_tab_00200223_1 #newlife .flex{
		width: 100%;
	}
	#ori_tab_00200223_1 #newlife_img{
		object-fit: contain;
		padding: 15px;
		background-color: rgba(255, 255, 255, 0.7);
		width: 180px;
	}
	#ori_tab_00200223_1 #newlife_right{
		width: 290px;
		margin: 0 30px 10px 0;
	}
	#ori_tab_00200223_1 #newlife_right_top{
		text-align: right;
		margin: 20px 0 15px;
		display: flex;
    justify-content: flex-end;
	}
	#ori_tab_00200223_1 #two_cost{
    width: 180px;
    height: 97px;
    object-fit: contain;
	}
	#ori_tab_00200223_1 .namber{
		float: left;
		clear: both;
		margin: 5px 12px 0 0;
		width: 24px;
    height: 29px;
	}
	#ori_tab_00200223_1 .about_cost_bottom{
		color: #0F4C81;
		font-size: 1.3rem;
	}
	#ori_tab_00200223_1 .about_cost{
		background-color: #fff;
		padding: 10px 12px;
		width: 290px;
		margin-bottom: 13px;
		text-align: left;
	}
	#ori_tab_00200223_1 .about_cost_top{
		color: #0F4C81;
    font-size: .9rem;
		padding-bottom: 5px;
	}
	#ori_tab_00200223_1 .about_cost_bottom{
		color: #0F4C81;
		font-size: .8rem;
	}
	#ori_tab_00200223_1 .about_cost_bottom span{
		font-size: .7rem;
	}
	#ori_tab_00200223_1 #detail_ask{
		color: #fff;
		padding: 15px 0 20px;
		font-size: .9rem;
	}
	#ori_tab_00200223_1 #sec_training{
		background-image: url(/ts/ori-tab/00200223/1/img/bg_training.png);
		background-repeat: no-repeat;
		height: 739px;
	}
	#ori_tab_00200223_1 #sec_training h3{
		color: #0BA5CE;
		font-size: 1.5rem;
		padding: 70px 0 20px;
	}
	#ori_tab_00200223_1 #sec_training .sub_ttl{
		color: #1C1C1C;
		margin-bottom: 35px;
	}
	#ori_tab_00200223_1 #sec_training #year{
		object-fit: contain;
		width: 140px;
		top: -15px;
    position: relative;
	}
	#ori_tab_00200223_1 #sec_training ul{
		color: #0F4C81;
		background-color: #fff;
		padding: 20px 10px;
		margin-bottom: 20px;
		list-style: disc;
		text-align: left;
		width: 480px;
		font-size: 1rem;
	}
	#ori_tab_00200223_1 #sec_training li{
		margin-left: 40px;
		line-height: 1.6rem;
	}
	#ori_tab_00200223_1 #sec_message{
		background-image: url(/ts/ori-tab/00200223/1/img/bg_message.jpg);
		background-repeat: no-repeat;
		height: 351px;
	}
	#ori_tab_00200223_1 #sec_message .flex {
		width: 80%;
	}
	#ori_tab_00200223_1 #sec_message h5{
		color: #fff;
		font-size: 1.6rem;
		padding: 140px 0 10px 0;
	}
	#ori_tab_00200223_1 #sec_message .sub_ttl{
		color: #fff;
		text-align: left;
	}
	#ori_tab_00200223_1 #sec_message .message_text{
		color: #0F4C81;
		background-color: #fff;
		padding: 5px 5px 5px 10px;
		margin-left: 18px;
	}
	#ori_tab_00200223_1 #sec_message #message_textarea{
		display: flex;
    flex-direction: column;
    align-items: baseline;
    justify-content: space-around;
    font-weight: bold;
    font-size: 1rem;
    height: 150px;
    margin-top: 85px;
    width: 70%;
	}
	#ori_tab_00200223_1 #messagearea{
		width: 650px;
		display: flex;
		justify-content: space-between;
		margin: -52.5px auto 52.5px;
	}
	#ori_tab_00200223_1 #tocorp{
		background-image: url(/ts/ori-tab/00200223/1/img/btn_tocorp.svg);
		background-repeat: no-repeat;
		width: 305px;
		height: 115px;
	}
	#ori_tab_00200223_1 #tocorp:hover{
		background-image: url(/ts/ori-tab/00200223/1/img/btn_tocorp_hov.svg);
		transition: .5s;
	}
	#ori_tab_00200223_1 #entry{
		background-image: url(/ts/ori-tab/00200223/1/img/btn_entry.svg);
		background-repeat: no-repeat;
		width: 305px;
		height: 115px;
	}
	#ori_tab_00200223_1 #entry:hover{
		background-image: url(/ts/ori-tab/00200223/1/img/btn_entry_hov.svg);
		transition: .5s;
	}
}

/*▼▼767px以下の表示　SP用 ▼▼*/
@media screen and (max-width:767px){
	#ori_tab_00200223_1 .sp_none{
		display: none;
	}
	#ori_tab_00200223_1 .sp_none{
		display: none;
	}
	#ori_tab_00200223_1 #mv{
		width: 100%;
	}
	#ori_tab_00200223_1 #inner{
		margin: auto;
		text-align: center;
		color: #1C1C1C;
	}
	#ori_tab_00200223_1 #to_newlife{
		display: inline-block;
		position: relative;
		top: -158px;
		text-align: right;
		color: #fff;
		transition: ease .2s;
	}
	#ori_tab_00200223_1 #to_newlife::after{
		content: '';
		position: absolute;
		bottom: 9%;
		right: 55px;
		width: 5px;
		height: 5px;
		border-bottom: 2px solid #fff;
		border-right: 2px solid #fff;
		transform: rotate(45deg);
		transition: all .3s;
	}
	#ori_tab_00200223_1 #about_company{
		margin-top: -100px;
	}
	#ori_tab_00200223_1 h1{
		color: #0BA5CE;
		font-size: 5vw;
		font-weight: bold;
		padding-bottom: 10px;
	}
	#ori_tab_00200223_1 .EN_ttl{
		color: #0F4C81;
		font-size: 3vw;
		font-weight: bold;
		padding-bottom: 25px;
	}
	#ori_tab_00200223_1 .sub_ttl{
    font-size: 3.4vw;
    font-weight: bold;
    padding-bottom: 30px;
    line-height: 4.5vw;
    letter-spacing: 0;
    text-align: left;
	}
	#ori_tab_00200223_1 #outbox_textLeft{
		display: block;
		margin-bottom: 20vw;
		position: relative;
	}
	#ori_tab_00200223_1 #MAINFIELD,
	#ori_tab_00200223_1 #OURSERVICES{
		color: #FFFFFF;
		background-color: #0BA5CE;
		display: inline-block;
		padding: 4px 15px;
		font-weight: bold;
		position: absolute;
		top: 0px;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		font-size: 2.5vw;
	}
	#ori_tab_00200223_1 #MAINFIELD_box{
		background-color: #F8F8F8;
		position: relative;
		padding: 5px 5px 20vw;
		font-size: 1.2rem;
		z-index: 10;
	}
	#ori_tab_00200223_1 h2{
    font-weight: bold;
    font-size: 3.5vw;
    letter-spacing: 0.1rem;
    text-align: center;
    margin: 30px auto 10px;
    line-height: 4vw;
    padding: 0 5px;
	}
	#ori_tab_00200223_1 .inbox_text{
    text-align: left;
		font-size: 3vw;
    padding: 0 10px;
    line-height: 4.5vw;
	}
	#ori_tab_00200223_1 #kinyu_system{
    position: relative;
    z-index: 100;
    width: 93%;
    margin: -20vw auto 0;
    padding: 3.5%;
	}
	#ori_tab_00200223_1 #outbox_textRight{
		margin-top: -40px;
    position: relative;
    z-index: 50;
	}
	#ori_tab_00200223_1 #OURSERVICES_box{
		background-color: #F8F8F8;
		position: relative;
		padding: 5px 10px 20px;
		font-size: 1.2rem;
	}
	#ori_tab_00200223_1 #triangle{
    width: 100vw;
    height: 100vw;
    position: relative;
    object-fit: contain;
    z-index: 10;
    top: -15vw;
    margin: 5vw 0;
		padding: 10%;
	}
	#ori_tab_00200223_1 .bg_blue{
		background-color: #EBF3F5;
	}
	#ori_tab_00200223_1 #circle{
    width: 100%;
    position: relative;
    top: -30vw;
    z-index: 20;
	}
	#ori_tab_00200223_1 #sec_seido{
    background-color: #0BA5CE;
    top: -20vw;
    margin-bottom: -20vw;
    position: relative;
	}
	#ori_tab_00200223_1 #sec_seido h3{
		color: #fff;
    font-size: 5vw;
		padding: 30px 0 10px;
	}
	#ori_tab_00200223_1 #sec_seido .sub_ttl{
		color: #fff;
		padding: 0 10px 10px;
	}
	#ori_tab_00200223_1 #sec_seido .box{
		color: #0F4C81;
		width: 45vw;
	}
	#ori_tab_00200223_1 #sec_seido .box img{
		width: 90px;
		height: 90px;
		margin: auto;
	}
	#ori_tab_00200223_1 #sec_seido .sp_float{
		float: left;
	}
	#ori_tab_00200223_1 #sec_seido .textarea{
		background-color: #fff;
		height: 45vw;
		margin: -60px 4px 20px;
		padding: 5px;
	}
	#ori_tab_00200223_1 #sec_seido h4{
    font-size: 2.8vw;
    margin: 50px auto 7px;
	}
	#ori_tab_00200223_1 #sec_seido hr{
		background-color: #0BA5CE;
		width: 40px;
		margin: auto auto 7px;
		height: 2px;
		border: none;
	}
	#ori_tab_00200223_1 #sec_seido .flex{
		width: 96%;
		margin: auto;
		display: flex;
		justify-content: space-around;
	}
	#ori_tab_00200223_1 #sec_seido .box_bottom{
		padding-bottom: 125px;
	}
	#ori_tab_00200223_1 .seido_text{
		text-align: left;
    font-size: 2.5vw;
    padding: 5px;
    min-height: 80px;
    line-height: 3.5vw;
	}
	#ori_tab_00200223_1 #newlife{
		background-image: url(/ts/ori-tab/00200223/1/img/bg_newlife.jpg);
		background-repeat: no-repeat;
		margin: auto;
		background-position: top center;
		background-size: cover;
	}
	#ori_tab_00200223_1 #newlife .flex{
		width: 90%;
		margin: auto;
		display: block;
		padding-bottom: 20px;
	}
	#ori_tab_00200223_1 #newlife_img{
    object-fit: contain;
    margin: auto;
    width: 35vw;
    height: 35vw;
    position: relative;
    top: -15vw;
	}
	#ori_tab_00200223_1 #newlife_right{
		display: inline;
		text-align: right;
	}
	#ori_tab_00200223_1 #newlife_right_top{
		text-align: right;
		margin: 20px 0;
	}
	#ori_tab_00200223_1 #two_cost{
    object-fit: cover;
    width: 50%;
    margin-left: 50%;
	}
	#ori_tab_00200223_1 .namber{
    float: left;
    clear: both;
    margin: 0 15px 0 0;
    width: 24px;
    height: auto;
		object-fit: contain;
	}
	#ori_tab_00200223_1 .about_cost_bottom{
		color: #0F4C81;
		font-size: 1.3rem;
	}
	#ori_tab_00200223_1 .about_cost{
		background-color: #fff;
		padding: 10px 15px;
		margin-bottom: 13px;
		text-align: left;
	}
	#ori_tab_00200223_1 .about_cost_top{
		color: #0F4C81;
		font-size: 3vw;
		padding-left: 15%;
		line-height: 4vw;
	}
	#ori_tab_00200223_1 .about_cost_bottom{
		color: #0F4C81;
		font-size: 2.5vw;
		padding-left: 15%;
	}
	#ori_tab_00200223_1 .about_cost_bottom span{
		font-size: 2vw;
	}
	#ori_tab_00200223_1 #detail_ask{
		color: #fff;
		padding: 15px 0 20px;
		font-size: 3vw;
	}
	#ori_tab_00200223_1 #sec_training{
		background-image: url(/ts/ori-tab/00200223/1/img/bg_training.png);
		background-repeat: no-repeat;
		background-size: cover;
		padding-bottom: 60px;
	}
	#ori_tab_00200223_1 #sec_training h3{
		color: #0BA5CE;
		font-size: 5vw;
		padding: 30px 0 10px;
	}
	#ori_tab_00200223_1 #sec_training .sub_ttl{
		color: #1C1C1C;
		padding: 0 10px 10px;
	}
	#ori_tab_00200223_1 #sec_training #year{
		display: none;
	}
	#ori_tab_00200223_1 #sec_training #year1{
		color: #41A5CE;
		text-align: center;
		list-style: none;
		margin: auto;
		font-size: 4vw;
		font-weight: bold;
		padding-bottom: 5px;
	}
	#ori_tab_00200223_1 #sec_training #year2{
		color: #3483C6;
		text-align: center;
		list-style: none;
		margin: auto;
    font-size: 4vw;
		font-weight: bold;
		padding-bottom: 10px;
	}
	#ori_tab_00200223_1 #sec_training #year3{
		color: #0F4C81;
		text-align: center;
		list-style: none;
		margin: auto;
		font-size: 4vw;
		font-weight: bold;
		padding-bottom: 10px;
	}
	#ori_tab_00200223_1 #sec_training ul{
		color: #0F4C81;
		background-color: #fff;
		padding: 20px;
		margin: auto auto 20px;
		list-style: disc;
		text-align: left;
		width: 80%;
		line-height: 2.3rem;
		font-size: 4vw;
	}
	#ori_tab_00200223_1 #sec_training li{
		margin-left: 5px;
    line-height: 6.5vw;
    font-size: 3.5vw;
	}
	#ori_tab_00200223_1 #sec_message{
		background-image: url(/ts/ori-tab/00200223/1/img/bg_message.jpg);
		background-repeat: no-repeat;
		padding-bottom: 30px;
		background-size: cover;
	}
	#ori_tab_00200223_1 #sec_message h5{
		color: #fff;
		font-size: 6vw;
		padding: 70px 0 10px 0;
	}
	#ori_tab_00200223_1 #sec_message .sub_ttl{
		color: #fff;
		text-align: center;
	}
	#ori_tab_00200223_1 #sec_message .message_text{
		color: #0F4C81;
		background-color: #fff;
		padding: 3px 1px 3px 5px;
		text-align: center;
		margin: auto;
		font-size: 3.5vw;
	}
	#ori_tab_00200223_1 #sec_message #message_textarea{
		display: flex;
		flex-direction: column;
		align-items: baseline;
		justify-content: space-around;
		font-weight: bold;
		font-size: 1.2rem;
		height: 150px;
		margin-bottom: 10px;
	}
	#ori_tab_00200223_1 #messagearea{
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	#ori_tab_00200223_1 #tocorp{
		background-image: url(/ts/ori-tab/00200223/1/img/btn_tocorp.svg);
		background-repeat: no-repeat;
		width: 260px;
		height: 90px;
		background-position: center center;
		background-size: cover;
		margin-bottom: 10px;
	}
	#ori_tab_00200223_1 #entry{
		background-image: url(/ts/ori-tab/00200223/1/img/btn_entry.svg);
		background-repeat: no-repeat;
		height: 90px;
		width: 260px;
		background-position: center center;
		background-size: cover;
	}
}