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


/* -------------------------------------

トップ画像

-----------------------------------------*/
.OtherInner__boxTtl.mainpage div {
    font-weight: 700;
    font-size: 34.93px;
    color: #FFF;
    margin-top: -200px;
    padding-right: 500px;
    box-sizing: border-box;
    width: 1110px;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (max-width: 750px) {
.mainVisualTop__box.secondary__top {
    margin-top: 14.333vw;
}
	.OtherInner__boxTtl.mainpage div {
		font-weight: 700;
   	 	font-size: 20px;
		color: #FFF;
		margin-top: -18%;
		padding-right: 0px;
		padding-left: 20px;
    	box-sizing: border-box;
		text-align: left;
		width: 100%;
	}
}


/* -------------------------------------

ブレッドクラム

-----------------------------------------*/
.it-breadcrumb {
    clear: both;
    margin-top: 180px;
}
@media screen and (min-width:450px) and ( max-width:750px) {
	.it-breadcrumb {
    clear: both;
    margin-top: 13vw;
}
}
@media screen and (max-width: 449px) {
	.it-breadcrumb {
    clear: both;
    margin-top: 50px;
}
}


/* -------------------------------------

.資料請求・お問合せ　ついてくる

-----------------------------------------*/
.it-claim_side {
    align-items: center;
    justify-content: center;
    position: -webkit-sticky;
    position: sticky;
    top: 10px;
    width: 264px;
    height: 88px;
    color: #fff;
    background-image: url(../img/it/hukidashi.png);
    background-repeat: no-repeat;
    z-index: 1000;
    float: right;
    background-size: 264px auto;
    font-size: 19.19px;
    font-weight: bold;
    line-height: 22.71px;
    text-decoration: none;
    margin-top: -157px;
    margin-right: 43px;
	filter: drop-shadow(0px 0px 43px rgba(52,52,52,0.48));
}
.it-claim_side  span {
   margin-left: 90px !important;
	padding-top: 20px !important;
}




/* -------------------------------------

ITBOX全体

-----------------------------------------*/
.it__box{
	line-height: 25px;
}





/* -------------------------------------

-入社前に必要な意識の醸成

-----------------------------------------*/
.itBox-1 {
    margin-left: auto;
    margin-right: auto;
    width: 1180px;
    margin-bottom: 96px;
    overflow: hidden;
}
.itBox-1 h3 {
    text-align: center;
    color: #2271AA;
    font-size: 30px;
    line-height: 41.1px;
    letter-spacing: 0.2rem;
}
.itBox-1 div .itBox-1_TxtBox {
    float: left;
    width: 560px;
    margin-left: 90px;
    margin-top: 43px;
    text-align: justify;
}
.itBox-1_TxtBox .itBox-1_TxtBox__ttl {
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.075rem;
    margin-bottom: 20px;
}
.itBox-1 div img {
    float: right;
    width: 484px;
    margin-top: 43px;
}
@media screen and (max-width: 750px) {
	.itBox-1 {
		width: 84vw;
		margin-left: auto;
		margin-right: auto;
}
.itBox-1 h3 {
    text-align: center;
    color: #2271AA;
    font-size: 5vw;
    line-height:7vw;
    letter-spacing: 0.2rem;
}
.itBox-1 div .itBox-1_TxtBox {
    float: none;
    width: 84vw;
    margin-left: 0px;
    margin-top: 20px;
}
.itBox-1_TxtBox .itBox-1_TxtBox__ttl {
    font-size: 4.333vw;
    font-weight: bold;
    letter-spacing: 0.075rem;
    margin-bottom: 20px;
}
.itBox-1 div img {
    float: none;
    width: 84vw;
    margin-top: 43px;
}
}



/* -------------------------------------

こんな「お悩み」「ご要望」ありませんか？

-----------------------------------------*/
.itBox-2{
    background-image: url(../img/it/FEATURES_back.png);
    background-repeat: no-repeat;
    padding-top: 67px;
    padding-bottom: 36px;
	background-size: cover;
}
.itBox-2 h3 {
    text-align: center;
    color: #FFFFFF;
    font-size: 25.69px;
    letter-spacing: 0.2rem;
    background-image: url(../img/it/SOLUTION.png);
    background-repeat: no-repeat;
    background-size: 592px auto;
    height: 78px;
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    background-position: 42% 0%;
    line-height: 73px;
}
.itBox-2 h3 span {
    font-size: 36px;
}
.itBox-2 ul{
    width: 1000px;
    margin-top: 54px;
    margin-right: auto;
    margin-left: auto;
    letter-spacing: -.40em;/* 文字間を詰めて隙間を削除する。 */
    text-align: justify;
    text-justify: distribute-all-lines;
}
.itBox-2 ul:after {
	content:"";
	display: inline-block;
	width: 100%;
	line-height:0;
	height: 0;
} 
.itBox-2 li{
    letter-spacing: normal;
    display: inline-block;/*ブロックレベル要素に横並びにする*/
    vertical-align: top;
    width: 218px;
    text-align: center;
    height: 219px;
    color: #0F507F;
    font-size: 16.38px;
    line-height: 29.12px;
    font-weight: bold;
    /* [disabled]padding-top: 72px; */
    background-image: url(../img/it/en.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    position: relative;
}
.itBox-2 li p{
	position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform : translate(-50%,-50%);
    transform : translate(-50%,-50%);
    width: 218px;
    text-align: center;
}


.itBox-2 ul li span {
    background-color: #E4E95C;
}
@media screen and (min-width:450px) and ( max-width:750px) {
	.itBox-2 ul{
    width: 84vw;
    margin-top: 16vw;
    margin-right: auto;
    margin-left: auto;
    letter-spacing: -.40em;/* 文字間を詰めて隙間を削除する。 */
    text-align: justify;
    text-justify: distribute-all-lines;
}
.itBox-2 ul:after {
	content:"";
	display: inline-block;
	width: 100%;
	line-height:0;
	height: 0;
} 
.itBox-2 li{
    letter-spacing: normal;
    display: inline-block;/*ブロックレベル要素に横並びにする*/
    vertical-align: top;
    width: 47%;
    text-align: center;
    /* [disabled]height: auto; */
    color: #0F507F;
    font-size: 3.466vw;
    font-weight: bold;
    background-image: url(../img/it/en.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    line-height: 5.5vw;
    padding-bottom: 8vw;
    height: 33vw;
}
.itBox-2 li p{
	position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform : translate(-50%,-50%);
    transform : translate(-50%,-50%);
    width: 100%;
    text-align: center;
}
}
@media screen and (max-width: 449px) {
	.itBox-2 ul{
    width: 84vw;
    margin-top: 50px;
    margin-right: auto;
    margin-left: auto;
    letter-spacing: -.40em;/* 文字間を詰めて隙間を削除する。 */
    text-align: justify;
    text-justify: distribute-all-lines;
}
.itBox-2 ul:after {
	content:"";
	display: inline-block;
	width: 100%;
	line-height:0;
	height: 0;
} 
.itBox-2 li{
    letter-spacing: normal;
    display: inline-block;/*ブロックレベル要素に横並びにする*/
    width: 47%;
    text-align: center;
    /* [disabled]height: auto; */
    color: #0F507F;
    font-size: 3.466vw;
    font-weight: bold;
    background-image: url(../img/it/en.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    line-height: 25px;
    margin-bottom: 15px;
    height: 41vw;
}
	.itBox-2 li p{
	position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform : translate(-50%,-50%);
    transform : translate(-50%,-50%);
    width: 100%;
    text-align: center;
}
}
@media screen and (max-width: 750px) {
	.itBox-2{
    background-image: url(../img/it/FEATURES_back-sp.png);
    background-repeat: repeat;
    padding-top: 67px;
    padding-bottom: 25px;
}
.itBox-2 h3 {
    text-align: center;
    color: #FFFFFF;
    font-size: 5vw;
    letter-spacing: 0.2rem;
    background-image: url(../img/it/SOLUTION.png);
    background-size: 84vw auto;
    height: 78px;
    width: 84vw;
    margin-left: auto;
    margin-right: auto;
    background-position: 42% 0%;
    line-height: 8vw;
}
.itBox-2 h3 span {
    font-size: 7vw;
}
.itBox-2 ul li span {
    background-color: #E4E95C;
}
}



/* -------------------------------------

そんなお悩みを「内定者向け研修」で解決します

-----------------------------------------*/


.itBox-3{
    background-color: #34618A;
    color: #FFFFFF;
    font-size: 25.69px;
    letter-spacing: 0.2rem;
    text-align: center;
    font-weight: bold;
    padding-top: 58px;
    padding-bottom: 62px;
}
.itBox-3 p span {
    color: #E4E85C;
    font-size: 31px;
    letter-spacing: 0.075rem;
}
@media screen and (max-width: 750px) {
	.itBox-3{
    background-color: #34618A;
    color: #FFFFFF;
    font-size: 5vw;
    letter-spacing: 0.2rem;
    text-align: center;
    font-weight: bold;
    padding-top: 58px;
    padding-bottom: 62px;
    line-height: 8vw;
}
.itBox-3 p span {
    color: #E4E85C;
    font-size: 7vw;
    letter-spacing: 0.075rem;
}
}


/* -------------------------------------

内定者向けIT研修の特徴

-----------------------------------------*/


.itBox-4{
    background-color: #F4F4F4;
    padding-bottom: 67px;
	text-align: center
}
.itBox-4 .itBox-4__yazirushi {
    filter: drop-shadow(0px 25px 30px rgba(101,101,101,1));
    width: 218px;
    margin-top: -42px;
}
.it__box .group__ttl {
    padding-top: 105px;
    text-align: center;
    color: #2271AA;
    font-size: 30px;
    letter-spacing: 0.2rem;
    font-weight: bold;
}
.it__box .group__ttl img {
    height: 19px;
    width: auto;
    margin-bottom: 18px;
}
.itBox-4 .itBox-4__ul{
    width: 1180px;
    margin-right: auto;
    margin-left: auto;
    letter-spacing: -.40em;/* 文字間を詰めて隙間を削除する。 */
    text-align: justify;
    text-justify: distribute-all-lines;
    margin-top: 54px;
}
.itBox-4 .itBox-4__ul:after {
	content:"";
	display: inline-block;
	width: 100%;
	line-height:0;
	height: 0;
} 
.itBox-4 .itBox-4__ul li{
    letter-spacing: normal;
    display: inline-block;/*ブロックレベル要素に横並びにする*/
    vertical-align: top;
    width: 382px;
    background-color: #FFFFFF;
    filter: drop-shadow(0px 0px 35px rgba(4,0,0,0.14));
    font-size: 23px;
    line-height: 39px;
    font-weight: bold;
    text-align: center;
    padding-top: 36px;
    padding-bottom: 54px;
    height: 360px;
}
.itBox-4 .itBox-4__ul li .point__icon {
    width: 61px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 16px;
}
.itBox-4 .itBox-4__ul li .point__img {
    width: 160px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}
@media screen and (max-width: 750px) {
	.itBox-4{
    background-color: #F4F4F4;
    padding-bottom: 67px;
	text-align: center
}
.itBox-4 .itBox-4__yazirushi {
    filter: drop-shadow(0px 25px 30px rgba(101,101,101,1));
    width: 40%;
    margin-top: -42px;
}
.it__box .group__ttl {
    padding-top: 60px;
    text-align: center;
    color: #2271AA;
    font-size: 5vw;
    letter-spacing: 0.2rem;
    font-weight: bold;
}
.it__box .group__ttl img {
    height: 19px;
    width: auto;
    margin-bottom: 18px;
}
.itBox-4 .itBox-4__ul{
    width: 84vw;
    margin-right: auto;
    margin-left: auto;
    letter-spacing: -.40em;/* 文字間を詰めて隙間を削除する。 */
    text-align: justify;
    text-justify: distribute-all-lines;
    margin-top: 54px;
}
.itBox-4 .itBox-4__ul:after {
	content:"";
	display: inline-block;
	width: 100%;
	line-height:0;
	height: 0;
} 
.itBox-4 .itBox-4__ul li{
    letter-spacing: normal;
    display: inline-block;/*ブロックレベル要素に横並びにする*/
    vertical-align: top;
    width: 84vw;
    background-color: #FFFFFF;
    filter: drop-shadow(0px 0px 35px rgba(4,0,0,0.14));
    font-size: 4.333vw;
    line-height: 7vw;
    font-weight: bold;
    text-align: center;
    padding-top: 36px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    height: auto;
}
	.itBox-4 .itBox-4__ul li .point__icon {
    width: 61px;
    margin-left: auto;
    margin-right: auto;
	margin-bottom: 20px
}
.itBox-4 .itBox-4__ul li .point__img {
    width: 160px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}
}


/* -------------------------------------

デジタルトランスフォーメーションを意識していますか？

-----------------------------------------*/
.itBox-5{
    margin-top: 75px;
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 70px;
    overflow: hidden;
}
.ith3__Ttl {
    color: #2271AA;
    font-size: 30px;
    line-height: 41.1px;
    letter-spacing: 0.2rem;
    text-align: center;
    font-weight: bold;
}
.itBox-5 .it__box__border {
    background-color: #578EBD;
    color: #FFFFFF;
    text-align: center;
    font-size: 24px;
    margin-top: 54px;
    padding-top: 4px;
    padding-bottom: 4px;
}
.itBox-5 div .itBox-5__Txtbox {
    float: left;
    width: 555px;
    margin-top: 57px;
}
div .itBox-5__Txtbox h4 {
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.075rem;
    margin-bottom: 24px;
}
.itBox-5 div img {
    float: right;
    width: 393px;
    margin-top: 57px;
}
@media screen and (max-width: 750px) {
	.itBox-5{
    margin-top: 75px;
    width: 84vw;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 70px;
    overflow: hidden;
}
.ith3__Ttl {
    color: #2271AA;
    font-size: 5vw;
    line-height: 7vw;
    letter-spacing: 0.2rem;
    text-align: center;
    font-weight: bold;
}
.itBox-5 .it__box__border  {
    font-size: 4vw;
    margin-top: 30px;
}
.itBox-5 div .itBox-5__Txtbox {
    float: none;
    width: 84vw;
    margin-top: -1px;
}
 .itBox-5__Txtbox h4 {
    font-size: 4.333vw;
    font-weight: bold;
    letter-spacing: 0.075rem;
    margin-bottom: 24px;
    clear: both;
    padding-top: 15px;
}
.itBox-5 div img {
    float: none;
    width:84vw;
    margin-top: 57px;
}


}







/* -------------------------------------

ご提供可能な研修カリキュラムの例

-----------------------------------------*/
.itBox-6{
    background-color: #34618A;
    width: 1180px;
    margin-left: auto;
    margin-right: auto;
    color: #FFFFFF;
    padding-top: 44px;
    padding-bottom: 34px;
}
.itBox-6 .itBox-6_Ttl {
    text-align: center;
    font-size: 24px;
    letter-spacing: 0.2rem;
    font-weight: bold;
}
.itBox-6 .itBox-6_secondaryTtl  {
    text-align: center;
    margin-top: 15px;
}
.itBox-6 ul{
    width: 1000px;
    margin-top: 38px;
    margin-right: auto;
    margin-left: auto;
    letter-spacing: -.40em;/* 文字間を詰めて隙間を削除する。 */
    text-align: justify;
    text-justify: distribute-all-lines;
}
.itBox-6  ul:after {
	content:"";
	display: inline-block;
	width: 100%;
	line-height:0;
	height: 0;
} 
.itBox-6  li{
    letter-spacing: normal;
    display: inline-block;/*ブロックレベル要素に横並びにする*/
    vertical-align: top;
    width: 316px;
    margin-bottom: 22px;
    border: 1px solid #FFFFFF;
    padding-bottom: 13px;
}.itBox-6 ul li div {
    font-size: 17px;
    border-bottom: 1px solid #FFFFFF;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 13px;
}
.itBox-6 ul li p  {
    color: #FFFFFF;
    font-size: 13px;
    line-height: 32px;
    padding-left: 25px;
    padding-right: 30px;
}
@media screen and (max-width: 750px) {
	.itBox-6{
    background-color: #34618A;
    width:100%;
    margin-left: auto;
    margin-right: auto;
    color: #FFFFFF;
    padding-top: 44px;
    padding-bottom: 34px;
}
.itBox-6 .itBox-6_Ttl {
    text-align: center;
    font-size: 4.333vw;
    letter-spacing: 0.2rem;
    font-weight: bold;
    width: 84vw;
    margin-left: auto;
    margin-right: auto;
}
.itBox-6 .itBox-6_secondaryTtl  {
    text-align: center;
    margin-top: 15px;
    width: 84vw;
    margin-left: auto;
    margin-right: auto;
}
.itBox-6 ul{
    width: 84vw;
    margin-top: 38px;
    margin-right: auto;
    margin-left: auto;
    letter-spacing: -.40em;/* 文字間を詰めて隙間を削除する。 */
    text-align: justify;
    text-justify: distribute-all-lines;
}
.itBox-6  ul:after {
	content:"";
	display: inline-block;
	width: 100%;
	line-height:0;
	height: 0;
} 
.itBox-6  li{
    letter-spacing: normal;
    display: inline-block;/*ブロックレベル要素に横並びにする*/
    vertical-align: top;
    width: 84vw;
    margin-bottom: 22px;
    border: 1px solid #FFFFFF;
    padding-bottom: 13px;
}
	.itBox-6 ul li div {
    font-size: 4vw;
    border-bottom: 1px solid #FFFFFF;
    padding-left: 32px;
    padding-right: 32px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 13px;
}
.itBox-6 ul li p  {
    color: #FFFFFF;
    font-size: 13px;
    line-height: 32px;
    padding-left: 32px;
    padding-right: 32px;
}
}



/* -------------------------------------

お客様の声

-----------------------------------------*/
.itBox-7{
    margin-bottom: 66px;
    margin-top: -30px;
    width: 1180px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}
.itBox-7 div .itBox-7__voice__box {
    background-color: #F4F4F4;
    width: 518px;
    overflow: hidden;
    padding-bottom: 21px;
    padding-top: 24px;
    padding-right: 26px;
    padding-left: 30px;
    margin-top: 40px;
    margin-bottom: 45px;
}
.itBox-7 div .itBox-7__voice__box.left {
    float: left;
}
.itBox-7 div .itBox-7__voice__box.right {
    float: right;
}
.itBox-7__voice__box .voice__icon {
    width: 114px;
    float: right;
}
.itBox-7__voice__box .voice_detail {
    overflow: hidden;
    clear: both;
}
.itBox-7__voice__box .voice_detail .voice_photo {
    width: 75px;
    float: left;
    margin-top: 24px;
}
.itBox-7__voice__box .voice_detail .voice_Txt {
    float: right;
    width: 386px;
    text-align: justify;
    margin-right: 20px;
    font-size: 13px;
    line-height: 22px;
}
.voice_detail .voice_Txt .voice_TxtTtl {
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 10px;
}
.itBox-7__voice__box .voice__info {
    clear: both;
    float: right;
    font-size: 13px;
}
.itBox-7 ul{
    letter-spacing: -.40em;/* 文字間を詰めて隙間を削除する。 */
    text-align: justify;
    text-justify: distribute-all-lines;
    clear: both;
}
.itBox-7 ul:after {
	content:"";
	display: inline-block;
	width: 100%;
	line-height:0;
	height: 0;
} 
.itBox-7 li{
    display: inline-block;/*ブロックレベル要素に横並びにする*/
    width: 363px;
    letter-spacing: 0.1rem;
    font-size: 13px;
}
@media screen and (max-width: 750px) {
	.itBox-7{
    margin-bottom: 0px;
    margin-top: 30px;
    width: 84vw;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}
.itBox-7 div .itBox-7__voice__box {
    background-color: #F4F4F4;
    width: 84vw;
    overflow: hidden;
    padding-bottom: 21px;
    padding-top: 24px;
    padding-right: 0px;
    padding-left: 0px;
    margin-top: 40px;
    margin-bottom: 45px;
}
.itBox-7 div .itBox-7__voice__box.left {
    float: none;
}
.itBox-7 div .itBox-7__voice__box.right {
    float: none;
}
.itBox-7__voice__box .voice__icon {
    width: 30%;
    float: right;
    margin-right: 5vw;
}
.itBox-7__voice__box .voice_detail {
    overflow: hidden;
    clear: both;
    width: 85%;
    margin-left: auto;
    margin-right: auto;
}
.itBox-7__voice__box .voice_detail .voice_photo {
    width: 75px;
    float: none;
    margin-top: 24px;
    margin-left: auto;
    margin-right: auto;
}
.itBox-7__voice__box .voice_detail .voice_Txt {
    float: none;
    width: 100%;
    text-align: justify;
    margin-right: 0px;
    font-size: 3.466vw;
    line-height: 6.666vw;
}
.voice_detail .voice_Txt .voice_TxtTtl {
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 10px;
    text-align: center;
    margin-top: 20px;
}
.itBox-7__voice__box .voice__info {
    clear: both;
    float: right;
    font-size: 3.466vw;
    line-height: 6.666vw;
    margin-right: 7vw;
}
.itBox-7 li{
    display: inline-block;/*ブロックレベル要素に横並びにする*/
	vertical-align: top;
    width: 84vw;
    letter-spacing: 0.1rem;
    font-size: 3.466vw;
    line-height: 5.666vw;
    margin-bottom: 30px;
}
}



/* -------------------------------------

技術力も育成力もトップクラスの講師が教えます！気軽にご相談ください！

-----------------------------------------*/
.itBox-8 {
    text-align: center;
    color: #2271AA;
    font-size: 30.82px;
    line-height: 49.32px;
    letter-spacing: 0.2rem;
    font-weight: bold;
    margin-bottom: 67px;
}
@media screen and (max-width: 750px) {
.itBox-8 {
    text-align: center;
    color: #2271AA;
    font-size: 5vw;
    line-height: 7vw;
    letter-spacing: 0.2rem;
    width: 84vw;
    margin-left: auto;
    margin-right: auto;
}
}


/* ============================================================
   コーポレートデザイン統一オーバーライド（全サービスページ共通）
   ============================================================ */

/* セクション見出し：#2271AA → ネイビー統一 */
.itBox-1 h3,
.itBox-2 h3,
.itBox-3 h3,
.itBox-4 h3,
.itBox-5 h3,
.itBox-6 h3,
.itBox-7 h3,
.itBox-8,
.itBox-8 h3 {
    color: #0b1f38 !important;
}

/* サブ見出しアクセント */
.itBox-1_TxtBox .itBox-1_TxtBox__ttl {
    color: #1a5fa8;
}

/* 固定サイドCTA（資料請求）バッジ */
.it-claim_side {
    filter: drop-shadow(0 4px 12px rgba(11, 31, 56, 0.28));
}


/* ============================================================
   タブレット対応（751px〜1024px）
   ============================================================ */
@media screen and (min-width: 751px) and (max-width: 1024px) {
    .itBox-1 {
        width: 90%;
        max-width: 1180px;
    }
    .itBox-1 div .itBox-1_TxtBox {
        width: 50%;
        margin-left: 4%;
    }
    .itBox-1 div img {
        width: 44%;
    }
    .itBox-2 ul {
        width: 90%;
        max-width: 1000px;
    }
    .itBox-2 h3 {
        width: 90%;
        max-width: 1000px;
    }
    .itBox-4 .itBox-4__ul {
        width: 90%;
        max-width: 1180px;
    }
    .itBox-4 .itBox-4__ul li {
        width: 30%;
        min-width: 220px;
    }
    .itBox-5 {
        width: 90%;
        max-width: 1000px;
    }
    .itBox-5 div .itBox-5__Txtbox {
        width: 52%;
    }
    .itBox-5 div img {
        width: 40%;
    }
    .itBox-6 {
        width: 100%;
    }
    .itBox-6 ul {
        width: 90%;
        max-width: 1000px;
    }
    .itBox-7 {
        width: 90%;
        max-width: 1180px;
    }
    .itBox-7 div .itBox-7__voice__box {
        width: 46%;
    }
    .it-claim_side {
        display: none;
    }
    .it-breadcrumb {
        margin-top: 80px;
    }
}