@import url(https://trustill-gr.co.jp/common/css/common.css);
@import url(https://trustill-gr.co.jp/zeirishi/common/css/design.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);

/* ====================================================
/group/online/assets/css/common.cssと同じ
==================================================== */
/* イレギュラーな場合のみ使うCSS(※基本的には使用しないこと)
-------------------------- */
/* margin
--------------
 */
/* top */
.mt_40 {
  margin-top: -40px !important;
}
.mt00 {
  margin-top: 0 !important;
}

.mt05 {
  margin-top: 5px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mt45 {
  margin-top: 45px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mt100 {
  margin-top: 100px !important;
}
/* bottom */
.mb00 {
  margin-bottom: 0 !important;
}

.mb05 {
  margin-bottom: 5px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb45 {
  margin-bottom: 45px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.mb70 {
  margin-bottom: 70px !important;
}

/* left */
.ml0 {
  margin-left: 0px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.ml35 {
  margin-left: 35px !important;
}
.ml40 {
  margin-left: 40px !important;
}
.ml70 {
  margin-left: 70px !important;
}
/* right */
.mr5 {
  margin-right: 5px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.mr35 {
  margin-right: 35px !important;
}

/* padding
--------------
 */
/* top */
.pt00 {
  padding-top: 0 !important;
}

.pt05 {
  padding-top: 5px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pt15 {
  padding-top: 15px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pt25 {
  padding-top: 25px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pt35 {
  padding-top: 35px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pt45 {
  padding-top: 45px !important;
}

.pt50 {
  padding-top: 50px !important;
}

/* bottom */
.pb00 {
  padding-bottom: 0 !important;
}

.pb05 {
  padding-bottom: 5px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pb15 {
  padding-bottom: 15px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pb25 {
  padding-bottom: 25px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.pb35 {
  padding-bottom: 35px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.pb45 {
  padding-bottom: 45px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

/* left */
.pl60 {
  padding-left: 60px !important;
}

/* right */

/* ------------------------
共用CSS
------------------------ */
.img_center{
	margin:0 auto; 
	text-align : center;
}
.img_middle{
vertical-align: middle;
}
img.mt-image-left{
float: left;
margin-right: 20px;
}
.b{
	font-weight: bold;
}
.indent{
  text-indent: 1em;
}
.indentback{
  text-indent: -1em;
  padding-left: 1em;
}
.indentback0{
    text-indent: -1em;
    padding-left: 2em !important;
}
.indentback2{
  text-indent: -2em;
  padding-left: 2em;
}
.indentback3{
  text-indent: -1.5em;
  padding-left: 1.5em;
}
.fn80{
	font-size: 80%;
}
.fn90{
	font-size: 90%;
}
.fn110{
	font-size: 110%;
}
.fs16 {
  font-size: 16px;
}
.fs20{
	font-size: 20px;
}
.fs22{
	font-size: 22px;
}
.fs24{
	font-size: 20px;
}
.fs26 {
  font-size: 26px;
}
.fs30 {
  font-size: 30px;
}
.fs38{
	font-size: 38px;
}
.fs40 {
  font-size: 40px;
}
.fs50 {
  font-size: 50px;
}
.t_blu {
  color: #092260;
}
.t_blu1 {
  color: #1E4696;
}
.t_blu2 {
  color: #050D43;
}
.text_center{
	text-align: center !important;
}
.text_right{
	text-align: right !important;
}
.text_left{
	text-align: left !important;
}
.text_un{
	text-decoration: underline !important;
}
.w100{
	width: 100%;
}
.h100{
	height: 100%;
}
.br-sp {
    display: none;
}
@media (max-width: 768px) {
    .br-sp {
        display: block;
    }
}

/*   
===================================================
sideトラスティルジャーナルへのリンク 
===================================================
*/
.jornal_link{
	background:rgba(6,34,98,0.1);
    margin-top: 42px;
    padding: 15px 0px;
}
.jornal_logo{
  text-align: center;
  margin:0px auto;
  color:#062262;
}
.jornal_logo img{
	margin:6px 0 4px;
}
.jornal_logo .text01{
  font-size:13px;
  font-weight:bold;
}
.jornal_logo .text02{
  font-size:12px;
}
ul.jornal_blog{
	margin-top:15px;
	padding: 0 10px;
	margin-bottom: -10px;
}
ul.jornal_blog li{
	padding:20px 20px 20px 10px;
	border-top:solid 2px #fff;
}
ul.jornal_blog a{
	color:#062262;
	text-decoration: none;
	line-height: 150%;
}

ul.jornal_blog li{
  width: 200px;
  position: relative;
  display: inline-block;
  color: #062262;
  vertical-align: middle;
  text-decoration: none;
  font-size: 1em;
}

ul.jornal_blog li::after{
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 215px;
  margin: auto;
  content: "";
  vertical-align: middle;
  width: 0.4em;   /* arrow size */
  height: 0.4em;  /* arrow size */
  border-top: 1px solid #062262;  /* thickness, color */
  border-right: 1px solid #062262;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

@media(max-width:768px) {
.sidemenu .sidemenu01 .side-header a{color:#092260; padding: 26px 0 26px 20px; border-left:5px solid #092260; font-weight:bold;}
.sidemenu .sidemenu01 .side-header{
 margin: 0px 10px;
    padding: 15px;
	}
.sidemenu .side-header {
	margin:0px;
	}
.sidemenu .sidemenu02 .side-header {
display:none;
	}
.sidemenu .sidemenu02 {
    padding-bottom: 20px;
	}
div#side {
    float: none;
    width: 480px;
    display: block;
       margin: 0 auto;
	}
#side {
    width: 250px;
    float: none;
    position: sticky;
    }
ul.jornal_blog li {
    width: 340px;
    padding-left: 50px;
    padding-right: 70px;
	}
ul.jornal_blog li::after {
	left: 380px;
	}
}
@media(max-width:479px) {
div#side {
    width: 255px;
	}
ul.jornal_blog{
    width: 225px;
	}
ul.jornal_blog li {
    width: 210px;
	padding-left: 5px;
	}
ul.jornal_blog li::after {
    left: 165px;
	}
}

/* narrow幅調整 */
@media only screen and (min-width: 769px) and ( max-width:1235px) {
	#Contents {
	transition: transform 0.3s;
	transform: scale(0.96);
	transform-origin: left top;
	height: calc(100% / 0.7);
	/*
	width: calc(100% / 0.96);
	*/
	margin-left: 20px;
    width: 1200px !important;
	}
	div#main_new {
    width: 880px;
    }
    #main_new .main_img {
    max-width: 880px;
    }
    .button-container {
    max-width: 880px;
    }
	.service_detail_info{
	margin-bottom:-100px;
	}
}
@media only screen and (min-width: 769px) and ( max-width:1212px) {
	#Contents {
	transform: scale(0.94);
	}
}
@media only screen and (min-width: 769px) and ( max-width:1187px) {
	#Contents {
	transform: scale(0.92);
	}
	.service_detail_info{
	margin-bottom:-300px;
	}
}
@media only screen and (min-width: 769px) and ( max-width:1162px) {
	#Contents {
	transform: scale(0.9);
	}
}
@media only screen and (min-width: 769px) and ( max-width:1140px) {
	#Contents {
	transform: scale(0.88);
	}
	.service_detail_info{
	margin-bottom:-500px;
	}
}
@media only screen and (min-width: 769px) and ( max-width:1111px) {
	#Contents {
	transform: scale(0.86);
	width: calc(100% / 0.86);
	}
}
@media only screen and (min-width: 769px) and ( max-width:1086px) {
	#Contents {
	transform: scale(0.84);
	}
	.service_detail_info{
	margin-bottom:-600px;
	}
}
@media only screen and (min-width: 769px) and ( max-width:1061px) {
	#Contents {
	transform: scale(0.82);
	}
	.service_detail_info{
	margin-bottom:-700px;
	}
}
@media only screen and (min-width: 769px) and ( max-width:1036px) {
	#Contents {
	transform: scale(0.8);
	}
	.service_detail_info{
	margin-bottom:-800px;
	}
}
@media only screen and (min-width: 769px) and ( max-width:1011px) {
	#Contents {
	transform: scale(0.78);
	}
}
@media only screen and (min-width: 769px) and ( max-width:986px) {
	#Contents {
	transform: scale(0.76);
	}
	.service_detail_info{
	margin-bottom:-900px;
	}
}
@media only screen and (min-width: 769px) and ( max-width:936px) {
	#Contents {
	transform: scale(0.74);
	}
}
@media only screen and (min-width: 769px) and ( max-width:961px) {
	#Contents {
	transform: scale(0.72);
	}
	.service_detail_info{
	margin-bottom:-1100px;
	}
}
@media only screen and (min-width: 769px) and ( max-width:911px) {
	#Contents {
	transform: scale(0.7);
	}
}
@media only screen and (min-width: 769px) and ( max-width:886px) {
	#Contents {
	transform: scale(0.68);
	}
	.service_detail_info{
	margin-bottom:-1300px;
	}
}
@media only screen and (min-width: 769px) and ( max-width:861px) {
	#Contents {
	transform: scale(0.66);
	}
}
@media only screen and (min-width: 769px) and ( max-width:836px) {
	#Contents {
	transform: scale(0.64);
	}
	.service_detail_info{
	margin-bottom:-1400px;
	}
}
@media only screen and (min-width: 769px) and ( max-width:811px) {
	#Contents {
	transform: scale(0.62);
	}
	.service_detail_info{
	margin-bottom:-1500px;
	}
}
@media only screen and (min-width: 769px) and ( max-width:791px) {
	#Contents {
	transform: scale(0.6);
	}
	.service_detail_info{
	margin-bottom:-1600px;
	}
}

html {
position: relative;
}