/*
５人ボタン分 細かな分岐
*/

/*@media screen and (min-width:390px) and ( max-width:500px) {
	
	.irarlink01,
	.irarlink02,
	.irarlink03,
	.irarlink04,
	.irarlink05{min-height: 100px!important;background-position:right top!important;background-size:auto 100%;}
}
@media screen and (min-width:501px) and ( max-width:600px) {
	
	.irarlink01,
	.irarlink02,
	.irarlink03,
	.irarlink04,
	.irarlink05{min-height: 200px!important;background-position:right top!important;background-size:auto 100%;}
}
@media screen and (min-width:601px) and ( max-width:700px) {
	
	.irarlink01,
	.irarlink02,
	.irarlink03,
	.irarlink04,
	.irarlink05{min-height: 250px!important;background-position:right top!important;background-size:auto 100%;}
}
@media screen and (min-width:701px) and ( max-width:991px) {
	
	.irarlink01,
	.irarlink02,
	.irarlink03,
	.irarlink04,
	.irarlink05{min-height: 280px!important;background-position:right top!important;background-size:auto 100%;}
}*/



@media (min-width: 992px) {
    .taidan-min-txt { font-size: 14px;}
/*==============================================
 ARオンライン　メッセージ
===============================================*/
/*メインヴィジュアル指定*/
.irarimg01 {
    background: url(img/01.png) #fff no-repeat;
    background-size: 935px
}
.irarimg01 .irarmg-bottom2 {
    background: #006699 url(img/01.png) no-repeat bottom right;
    background-size: 1100px
}
.irarimg03 {
    background: url(img/03.png) no-repeat -100px;
    background-size: auto 100%;
}
.irarimg03 #irarmg-bottom {
    background: #006699 url(img/03.png) no-repeat -100px bottom;
    background-size: 793px;
}

.irarimg03.cfo-en #irarmg-bottom {
    height: 137px;
    padding-right: 30px;
}
.taidan .irarimg01 {
    background-size: 1100px;
    background-position: bottom right;
}
.irarimg02 {
    background: url(img/02.png) no-repeat -100px;
    background-size: auto 100%;
}

.irarimg02.en {
    /*background-size: auto 100%;*/
    /*background-position: -100px bottom;*/
}
.irarimg02 #irarmg-bottom {
    background: #006699 url(img/02.png) no-repeat -100px bottom;
    background-size: 805px;
}
.irarimg02.en #irarmg-bottom {
    background: #006699 url(img/02.png) no-repeat -100px bottom;
    background-size:  auto 407%;
}
#irarmg-top {
    padding-top: 110px;
    padding-left: 53%;
}
#irarmg-top h1 {
    color: #333;
    font-size: 32px;
    line-height: 150%;
}
#irarmg-top p {
    display: block;
    color: #006699;
    margin-top: 44px;
    font-size: 18px;
    line-height: 180%;
}
#irarmg-bottom {
    margin-top: 90px;
    background-blend-mode: multiply;
    color: #fff;
    padding: 25px 0 30px 53%;
}
#irarmg-bottom p {
    line-height: 160%;
}
#irarmg-bottom em {
    display: block;
    font-style: normal;
    font-size: 30px;
    margin-top: 18px;
}
.irarmg-top2 {
    padding-top: 60px;
}
.irarmg-top2 h1 {
    color: #333;
    font-size: 32px;
    line-height: 150%;
    margin-bottom: 40px;
    padding-left: 140px;
    margin-left: 0;
}
.irarmg-top2 p {
    display: block!important;
    color: #006699;
    font-size: 18px;
    line-height: 180%;
    padding-left: 140px;
    width: 39%;
    max-width: 550px;
    white-space: nowrap;
}
.irarmg-top2 p.en { white-space: inherit;}
.irarmg-bottom2 {
    margin-top: 90px;
    background-blend-mode: multiply;
    color: #fff;
    padding: 25px 0 30px;
    display: flex;
    justify-content: flex-end;
}
 _:-ms-lang(x), .irarmg-bottom2 {
background:#006699 none!important;
}
 _:-ms-lang(x), #irarmg-bottom {
background:#006699 none!important;
}
 @supports (-ms-ime-align:auto) {
 .irarmg-bottom2, #irarmg-bottom {
background:#006699 none!important;
}
}
.irarmg-bottom2 div {
    width: 340px;
}
.irarmg-bottom2 p {
    line-height: 160%;
    color: #fff;
    padding-left: 0px;
    text-align: center;
    width: 340px!important;
}
.irarmg-bottom2 em {
    display: block;
    font-style: normal;
    font-size: 30px;
    margin-top: 18px;
    text-align: center;
}
.irarbox {
    width: 896px;
    margin: 0 auto;
    padding-top: 60px;
}
.irarbox h3 {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 3px solid #006699;
    margin-top: 60px;
    margin-bottom: 30px;
}
.irarbox h3 span {
    display: block;
    border-bottom: 37px solid #0099FF;
    border-right: 20px solid transparent;
    color: #fff;
}
.irarbox h3 span p {
    display: block;
    margin-bottom: -37px;
    padding: 10px 17px 0 10px;
    letter-spacing: 2px;
}
.irarbox h3 em {
    display: block;
    font-style: normal;
    color: #006699;
    padding: 10px 0 0 0px;
    font-weight: normal;
    font-size: 20px;
}
.irarbox hr {
    margin-top: 40px;
}
.ar-q {
    font-size: 18px;
    margin-bottom: 20px;
    color: #333;
}
.ar-q strong {
    color: #006699;
    padding-right: 0.5em;
}
.ar-a {
    font-size: 20px;
    color: #006699;
    margin-bottom: 27px;
}
.irarbox strong {
    color: #006699;
}
span.supText {
    font-size: 75.5%;
    vertical-align: top;
    position: relative;
    top: -0.1em;
}
.araitable {
    margin-top: 20px;
    font-size: 130%;
    border-bottom: 0!important;
    color: #333;
}
.irarbox table {
    font-size: 10px;
    text-align: center;
    width: 100%;
}
.irarbox table th {
    background: #C4DEF1;
    border-left: 1px solid #fff;
    text-align: center;
    padding: 5px 0;
    font-weight: normal;
    font-size: 16px;
    line-height: 1.2;
}
.irarbox table th:first-child {
    border-left: 0;
}
.irarbox table th:nth-child(1) {
    width: 140px;
}
.irarbox table th:nth-child(2) {
    width: 140px
}
.irarbox table th:nth-child(3) {
    width: 170px;
}
.irarbox table th:nth-child(4) {
    width: 581px;
}
.irarbox table td {
    border-right: solid 1px #330000;
    border-bottom: solid 1px #330000;
    padding: 5px 0;
    width: auto;
    font-size: 16px;
    vertical-align: middle;
    line-height: 1.2;
}
.irarbox table td:last-child {
    text-align: left!important;
    padding: 0 0.5em;
}
.irarbox table tr:last-child td {
    border-bottom: solid 1px #999;
}
.irarbox table tbody {
    border: solid 1px #999;
}
/**	.irarlink{width:100%;}
	.irarlink ul{display: flex;justify-content: row;}
	.irarlink ul+ul{margin-top: 0;}
	.irarlink ul li{width:33.33%;    min-height: 154px;}
	.irarlink ul li+li{margin-top:0;}
	.irarlink ul li a{display:block;background-size:100%;height:100%;width:100%;}

	
	a.irarlink01{background:url(img/sec03_link_img01.jpg) no-repeat center;}
	a.irarlink02{background:url(img/sec03_link_img02.jpg) no-repeat center;}
	a.irarlink03{background:url(img/sec03_link_img03.jpg) no-repeat center;}	
	a.irarlink04{background:url(img/sec03_link_img04.jpg) no-repeat center;}
	a.irarlink05{background:url(img/sec03_link_img05.jpg) no-repeat center;}
	a.irarlink000{background:url(img/00.jpg) no-repeat center;background-size:100%!important;}	
	a.irarlink001{background:url(img/01.jpg) no-repeat center;}
	a.irarlink002{background:url(img/02.jpg) no-repeat center;}
	a.irarlink003{background:url(img/03.jpg) no-repeat center;}
	
	
	.sec03_link{width:1180px;margin:0 auto;}
	
	.irarlink01 .category span{background:#1A9CDF!important;}
	.irarlink02 .category span{background:#73AC2D!important;}
	.irarlink03 .category span{background:#009E9D!important;}
	.irarlink04 .category span{background:#7C5A99!important;}
	.irarlink05 .category span{background:#E49D00!important;}

	.irarlink ul li .txt{color:#fff;padding:0.5em 6% 0;}
	.irarlink ul li .txt p{line-height:160%;    font-size: 72%;padding-bottom:0em;}
	.irarlink ul li .txt p br{display:none;}
	.irarlink ul li .txt .category{border-radius: 1em;width:fit-content;padding-top:5em;}
	
	.irarlink ul li a{display:block;background-size:107%;width:100%;    line-height: 150%;}
	
	.irarlink000 .txt,
	.irarlink001 .txt,
	.irarlink002 .txt,
	.irarlink003 .txt{text-align:left;padding:0.5em 6% 6em!important;color:#006699!important;}
	
	
	.irarlink01 .txt p:before,
	.irarlink02 .txt p:before,
	.irarlink03 .txt p:before,
	.irarlink04 .txt p:before,
	.irarlink05 .txt p:before,
	.irarlink000 .txt p:before,
	.irarlink001 .txt p:before,
	.irarlink002 .txt p:before,
	.irarlink003 .txt p:before{content:">>";display:inline-block;transform: scaleX(0.5);}
	
	.irarlink003 .txt p{display:block;}
	.irarlink001 .txt .txt-in{display:block;}
	
	.irarlink h3{text-align:center;color:#006699;margin:40px 0 15px;font-weight:bold;}
	
	
	.irarlink000,
	.irarlink001,
	.irarlink002,
	.irarlink003{
	background-size:auto 180px!important;
    min-height: auto!important;
    margin-top: 0px;
	}*/

	/*スクロール*/
/*============================
.sec03_scroll
============================*/
#main_content .sec03_scroll {
    overflow-x: inherit;
    position: inherit;
    margin-top: 17px;
}
#main_content .sec03_scroll::before {
    content: "";
    display: block;
    width: auto;
    height: auto;
    background: none;
    position: relative;
}
#main_content .sec03_scroll.active::before {
    opacity: 0;
}
#main_content .sec03_scroll div.img {
    width: auto;
    padding: 0px;
    margin-left: auto;
    margin-right: auto;
}
#main_content .sec03_scroll div.img img {
}
.forspsize {
    font-size: 10.5px!important;
    line-height: 180%;
}
/*003*/
h4 {
    color: #006699;
    border-bottom: 3px solid #006699;
    margin-bottom: 23px;
    font-weight: bold;
    font-size: 130%;
    margin-top: 40px;
}
.kizyun {
    background: #EAE7E3;
    padding: 20px;
    margin-top: 44px;
}
.kizyun h5 {
    font-weight: bold;
    display: block;
    margin-bottom: 2em;
    font-size: 100%;
    font-size: 18px;
}
.kizyun-in {
    display: flex;
}
.kizyun-in div:nth-child(1) {
    width: 22%;
    margin-right: 2%;
    padding-right: 2%;
    border-right: 1px solid #73665A;
    font-size: 11.7px;
    line-height: 180%;
    font-size: 16px;
}
.kizyun-in div:nth-child(2) {
    width: 77%;
}
.kizyun-r {
    display: flex;
    font-size: 11px;
}
.kizyun-r ul {
    width: 50%;
}
.kizyun-r ul:nth-child(2) {
    margin-left: 3%;
}
.kizyun-r ul li {
    margin-bottom: 10px;
    line-height: 130%;
    font-size: 16px;
}
.kizyun-r ul span {
    display: block;
}
.kizyun-r ul span:before {
    display: inline-block;
    content: "●";
    color: #006699;
    font-size: 100%;
}
.w2 {
    margin-bottom: 30px;
}
div.tdanbox {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 2em;
}
div.tdanbox div {
    float: none;
    margin-left: 20px;
    width: 800px;
}
div.tdanbox span {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center!important;
    color: #fff;
    width: 64px;
    height: 64px;
}
div.tdanbox span.taidan-n,
div.tdanbox span.taidan-k {
    display: flex;
    width: 64px;
}
.taidan-n {
    float: none;
    background: rgba(127,107,176,1.00);
}
.taidan-k {
    float: none;
    background: rgba(223,121,140,1.00);
    ;
}
h6 {
    text-align: center;
}
h6 span {
    display: inline-block;
    border-bottom: 3px solid #006699;
    font-size: 20px;
    font-weight: bold;
    color: #006699;
}
.tdnimgt {
    width: 1000px!important;
    margin-top: 80px;
    margin-bottom: -130px;
    margin-left: -50px;
}
.tdnimgt img {
    display: block;
    width: 620px!important;
    position: relative;
    top: 50px;
    z-index: 1;
}
.tdnimgt div {
    display: block;
    width: 500px;
    border-top: 2px solid #006699;
    border-bottom: 2px solid #006699;
    background: #fff;
    position: relative;
    top: -177px;
    z-index: 2;
    margin-left: 500px;
    padding: 55px 80px;
    color: #006699;
    line-height: 160%;
    font-size: 120%;
}
.tdnimgt2 {
    width: 1000px!important;
    margin-top: 80px;
    margin-bottom: -130px;
    margin-left: -50px;
}
.tdnimgt2 img {
    display: block;
    width: 620px!important;
    position: relative;
    top: 50px;
    z-index: 1;
    margin-left: 380px;
}
.tdnimgt2 div {
    display: block;
    width: 500px;
    border-top: 2px solid #006699;
    border-bottom: 2px solid #006699;
    background: #fff;
    position: relative;
    top: -177px;
    z-index: 2;
    padding: 55px 80px;
    color: #006699;
    line-height: 160%;
    font-size: 120%;
}
.sage {
    font-size: 90%;
}
p {
    margin-bottom: 1em;
    font-size: 16px;
}
strong span {
    display: inline-block!important;
    color: #333!important;
    width: auto!important;
    height: auto!important;
}
.teigi {
    display: flex;
}
.teigi-l {
    width: 65%;
    border-right: 1px solid #eee;
}
.teigi-r {
    width: 28%;
    margin-left: 2%;
}
.teigi-lin {
    display: flex;
    margin-top: -20px;
}
.teigi-ll {
    width: 46%;
    margin-right: 4%;
}
.teigi-lr {
    width: 46%;
}
.teigi-r h4, .teigi-lin h4 {
    padding-left: 1.7em;
    text-indent: -1.7em;
    border-bottom: none;
}
.teigi-r h4, .teigi-lin h4.en {
    padding-left: 1.3em;
    text-indent: -1.3em;
}
.teigi h4.midashih4 {
    width: 8em;
    background: #006699;
    color: #fff;
    text-align: center;
}
.minh4 {
    font-size: 110%;
}
/*.spnone{display:block;}*/
.pcnone {
    display: none;
}
.teigibox {
    background: #EAE7E3;
    padding: 1em;
}
.teigibox p {
    font-size: 14px;
}

.teigibox p.ind span {
    display: inline-block;
    padding-left: 1.2em;
    text-indent: -1.2em;
}
.teigibox h5 {
    font-size: 120%;
}
.teigibox h5 br {
    display: inline-block;
}
/*============================
.scroll
============================*/
#main_content .scroll {
    overflow-x: visible;
    max-width: 759px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
#main_content .scroll::before {
    content: none;
}
#main_content .scroll.active::before {
    opacity: 0;
}
#main_content .scroll {
    width: auto;
    padding: 0;
}
#main_content .scroll img {
    width: auto;
    width: auto;
}
}

@media (min-width: 992px) and (max-width: 1235px) {
    .taidan .irarimg01,
    .irarimg01 .irarmg-bottom2 { background-size: 83%;}
}