@charset "utf-8";

/* コンテンツ幅 フル */
.contentsInr { width: auto; padding: 0px; }

@media all and (max-width: 739px){
	.ctm_contentsFull { padding: 30px 0; }
}

/* コンテンツ幅 950px */
.contentsInr .contentsUnit { padding: 0 10px; }
@media all and (min-width: 740px){
.contentsInr .contentsUnit { width: 950px; padding: 0px; margin: 0 auto; }
}

/* font */
.fs11 { font-size: 1.1rem !important; }
.fs13 { font-size: 1.3rem !important; }
.fs15 { font-size: 1.5rem !important; }
.fs20 { font-size: 2.0rem !important; }
.fs21 { font-size: 2.1rem !important; }

.fcRD_ul { border-bottom: 1px solid #c00; }

/* ctm_pageTtl */
.study-abroad .ctm_pageTtl .heading { font-family: 'M PLUS 2', sans-serif; font-weight: 500; }
.study-abroad .ctm_pageTtl .heading strong { font-weight: 600; }

.study-abroad .ctm_pageTtl .ttlLv1 h2 { font-size: 2.8rem; font-weight: 600; }
.study-abroad .ctm_pageTtl .ttlLv2 h3 { font-size: 2.2rem; }

@media all and (min-width: 740px){
	.study-abroad .ctm_pageTtl .ttlLv1 h2 { font-size: 3.4rem; }
	.study-abroad .ctm_pageTtl .ttlLv2 h3 { font-size: 3.0rem; }
}

/* ctm_pageTtl - ttlLv1 */
.study-abroad .ctm_pageTtl .ttlLv1 { margin-top: 30px; }

.study-abroad .ctm_pageTtl h2 { position: relative; display: inline-block; padding: 1.5rem 1.5rem; color: #012f83;
border-bottom: 3px solid #012f83; border-left: 3px solid #012f83; border-radius: 0 0 0 20px; }
.study-abroad .ctm_pageTtl h2:before { content: ''; position: absolute; right: 80px; bottom: -20px;
width: 0; height: 0; border-width: 20px 20px 0 0; border-style: solid; border-color: #012f83 transparent transparent transparent; }
.study-abroad .ctm_pageTtl h2:after { content: ''; position: absolute; right: 83px; bottom: -14px;
width: 0; height: 0; border-width: 15px 15px 0 0; border-style: solid; border-color: #fff transparent transparent transparent; }
.study-abroad .ctm_pageTtl h2 span { margin-right: 0.5rem; font-size: 2.2rem; }

@media all and (min-width: 740px){
	.study-abroad .ctm_pageTtl h2 { padding: 1.5rem 2.0rem; }
	.study-abroad .ctm_pageTtl h2 span { font-size: 2.8rem; }	
}

.study-abroad .pageTtl_typeA h2 { color: #fff; border-bottom: 3px solid #fce982; border-left: 3px solid #fce982; }
.study-abroad .pageTtl_typeA h2:before { border-color: #fce982 transparent transparent transparent; }

/* anchorList */
.anchorList-2 { margin-top: 10px; }
@media all and (min-width: 740px){
	.anchorList-2 { margin-top: 20px; }
}

@media all and (max-width: 739px){
	.study-abroad .anchorList .btn { margin-top: 0; }
}

/* caption */
.imgParts figcaption { font-size: 1.1rem; }
.txtCaption { font-size: 1.2rem; }



/* MainVisual */
#MainVisual { position: relative; background: #012f83; }

#MainVisual #MainVisualBtn { position: absolute; bottom: 80px; left: 50%; transform: translateX(-50%); }
#MainVisual #MainVisualBtn .btn { padding: 13px 45px 11px 20px; border: 2px solid #fff; border-radius: 100vh; }
#MainVisual #MainVisualBtn .btn:after { right: 20px; }



/* TOP・DETAIL - Lead */
#Lead.ctm_contentsFull { padding-top: 0; color: #fff; background: #012f83; }
.detail #Lead.ctm_contentsFull { padding-top: 30px; }
@media all and (min-width: 740px){
	.detail #Lead.ctm_contentsFull { padding-top: 50px; }
}

@media all and (max-width: 739px){
	#Lead .ctm_pageTtl .ttlLv1 h2 { font-size: 2.4rem; }
}
#Lead .ctm_pageTtl .ttlLv1 h2:after { border-color: #012f83 transparent transparent transparent; }

/* #Lead .captionBlock { padding-bottom: 30px; }
@media all and (min-width: 740px){
	#Lead .captionBlock { padding-bottom: 50px; }
} */

#Lead .leadBlock .ttlLv4 { padding-top: 10px; font-size: 1.5rem; text-align: center; }
@media all and (min-width: 740px){
	#Lead .leadBlock .ttlLv4 { font-size: 1.7rem; }
}

#Lead strong { color: #fce982; }



/* TOP - Intro */
#Intro.ctm_contentsFull { background: #fdefa1; color: #012f83; }

#Intro .ctm_pageTtl .ttlLv2 { margin-top: 20px; }
#Intro .ctm_pageTtl .ttlLv2 h3 { padding: 1.5rem 2.0rem; border: 3px solid #012f83; border-radius: 20px; background: #fff!important; box-shadow: 3px 3px 0px 0px #012f83; }
@media all and (min-width: 740px){
	#Intro .ctm_pageTtl .ttlLv2 h3 { font-size: 2.4rem; }
}

#Intro .ctm_pageTtl .ttlLv3 { margin-top: 0; transform: rotate(-6deg); }
#Intro .ctm_pageTtl .ttlLv3 h4 { display: inline-block; color: #fff; background: #012f83!important; }

#Intro .introBlock .ttlLv4 { padding-top: 0; font-size: 1.7rem; text-align: center; }

#Intro strong { color: #e43737; }



/* TOP - News */
#News.ctm_contentsFull { background: #fff; }

#News .ctm_pageTtl .ttlLv1 h2 { font-size: 2.6rem; }
#News .ctm_pageTtl .ttlLv1 h2 span { font-size: 1.8rem; font-family: 'M PLUS Rounded 1c', sans-serif; color: #e43737; }

#News .linkBox.noLink:after { display: none; }

#News .linkBox .heading { margin: 0; color: #012f83; }
@media all and (min-width: 740px){
	#News .viewMore .linkBox .content .heading { width: 16%; }
}

@media all and (max-width: 739px){
	#News .linkBox dd { margin-top: 0.3rem; }	
}

#News .linkBox .ctm_iconTxt_br_RD { margin-left: 1.7rem; }



/* TOP - Point */
#Point.ctm_contentsFull { background: #f05d5d; }

#Point .ctm_pageTtl .ttlLv1 h2:after { border-color: #f05d5d transparent transparent transparent; }

#Point .ctm_pageTtl .ttlLv2 { position: relative; color: #fff; }
#Point .ctm_pageTtl .ttlLv2:after { position: absolute; content: ''; top: -10px; left: 0; width: 100%; height: 8px;
background-image: -webkit-repeating-linear-gradient(135deg, #fff, #fff 1px, transparent 2px, transparent 5px);
background-image: repeating-linear-gradient(-45 deg, #fff, #fff 1px, transparent 2px, transparent 5px);
background-size: 7px 7px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }

#Point .pointBlockInr,
#Point .pointBlock .ctm_bdrColumn .colWrap .col { border: none; padding: 20px; background: #fff; border-radius: 20px; }

#Point strong { color: #012f83; }

#Point_01 .txtList > li,
#Point_03 .txtList > li { padding-left: 3.0rem!important; }
#Point_01 .txtList > li + li,
#Point_03 .txtList > li + li { margin-top: 0.6em; padding-top: 0.7em!important; border-top: 1px solid #dedede; }

#Point_01 .txtList > li:before { content: '\e8dc'; font-family: 'Material Icons'; font-size: 2.4rem; color: #f05d5d; background-color: transparent; top: 3px; left: 0; }
#Point_01 .txtList > li:first-child:before { top: -7px; }
#Point_01 .txtList strong { font-size: 1.8rem; }

#Point_02.pointBlock .ctm_bdrColumn .colWrap .col { background: #fdf4c0; }
#Point_02 .ttlLv3 { margin: 0 0 10px; padding: 0; }
#Point_02 .ttlLv3 h4 { position: relative; padding: 60px 0 0; }
#Point_02 .ttlLv3 h4 sup { position: absolute; display: inline-block; top: 0; left: 50%; transform: translateX(-50%); font-size: 3.6rem; width: 5.0rem; height: 5.0rem; line-height: 4.6rem; color: #fff; background: #f05d5d; border-radius: 50%; }
#Point_02 .ctm_bdrColumn .imgParts { text-align: center; }
@media all and (max-width: 739px){
	#Point_02 .ctm_bdrColumn img { width: 70%; }	
}

@media all and (min-width: 740px){
	#Point_03 .ttlLv2 h3 { font-size: 3.4rem; }
}
#Point_03 .ttlLv2 h3 .material-symbols-outlined { padding-right: 0.7rem; color: #fdf4c0; font-size: 3.8rem; vertical-align: -0.5rem; }
#Point_03 .ttlLv3 { margin: 10px 0 10px; }
#Point_03 .ttlLv3 h4 { padding-bottom: 0.2rem; color: #fff; background: #012f83!important; border-radius: 100vh; }
#Point_03 .txtList > li:before { content: '\e89a'; font-family: 'Material Icons'; font-size: 2.8rem; color: #f05d5d; background-color: transparent; top: 3px; left: 0; }
#Point_03 .txtList > li:first-child:before { top: -7px; }
#Point_03 .txtList strong { font-size: 1.7rem; }



/* TOP - Area */
#Area.ctm_contentsFull { background: #fff; }

#Area .colWrap .col { padding: 20px; border-radius: 20px; }
#Area .ame-aus .col:nth-child(1) { background: #f05d5d; }
#Area .ame-aus .col:nth-child(2) { background: #4a84ee; }
#Area .ame-aus .col:nth-child(3) { background: #f69d01; }
#Area .gbr-hwi .col:nth-child(1) { background: #4fc05c; }
#Area .gbr-hwi .col:nth-child(2) { background: #f989c0; }

#Area .gbr-hwi .clm_1_2col { margin-top: 10px; }
@media all and (min-width: 740px){
	#Area .gbr-hwi .clm_1_2col { margin: 30px auto 0; width: 630px; }
}

#Area .imgParts { position: relative; }
#Area .imgParts figcaption { position: absolute; bottom: 0; right: 5px; color: #fff; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5); }



/* TOP - Flow */ 
#Flow.ctm_contentsFull { background: #fdefa1; }

@media all and (max-width: 739px){
	#Flow .ctm_pageTtl .ttlLv1 h2 { font-size: 2.6rem; }
}
#Flow .ctm_pageTtl .ttlLv1 h2:after { border-color: #fdefa1 transparent transparent transparent; }

#Flow_01 { position: relative; }
#Flow_01 .Flow_01_step img { border-radius: 20px; }
#Flow_01 #Flow_01_dep { position: absolute; }
@media all and (max-width: 739px){
	#Flow_01 #Flow_01_dep { width: 140px; left: -5px; bottom: -170px; }
}
@media all and (min-width: 740px){
	#Flow_01 #Flow_01_dep { width: 160px; right: -50px; bottom: -20px; }
}



/* About */
#About.ctm_contentsFull { background: #fff; }

@media all and (max-width: 739px){
	#About .ctm_pageTtl .ttlLv1 h2 { font-size: 2.6rem; }
}

#About strong { color: #e43737; }

#About .aboutBox { padding: 20px; border: 3px solid #012f83; border-radius: 20px; background: #fef9e0; box-shadow: 3px 3px 0px 0px #012f83; }

@media all and (min-width: 740px){
	#About .aboutBox .clm_1_3col,
	#About .aboutBox .clm_1_4col { justify-content: space-between; margin: 0 auto; }
	#About .aboutBox .clm_1_3col .col { width: 30%; margin: 0 !important; }
	#About .aboutBox .clm_1_4col .col { width: 23%; margin: 0 !important; }
}

#About .ctm_pageTtl .ttlLv2 { position: relative; margin: 20px 0 10px; color: #e43737; }
#About .ctm_pageTtl .ttlLv2:after { position: absolute; content: ''; top: -10px; left: 0; width: 100%; height: 8px;
background-image: -webkit-repeating-linear-gradient(135deg, #e43737, #e43737 1px, transparent 2px, transparent 5px);
background-image: repeating-linear-gradient(-45 deg, #e43737, #e43737 1px, transparent 2px, transparent 5px);
background-size: 7px 7px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }

#About .ttlLv2 h3 .material-symbols-outlined { padding-left: 0.2em; font-size: 3.8rem; vertical-align: -0.2em; 
font-variation-settings: 'FILL' 1, 'wght' 300; }



/* TOP - Information */
#Information.ctm_contentsFull { background: #fff; }

#Information .ttlLv2 { }
#Information .ttlLv2 h3 { display: block; position: relative; color: #fff; background: #012f83!important; border-radius: 100vh; width: 100%; margin: 0 auto; padding: 0 2.5rem 0.3rem; }
#Information .ttlLv2 h3 .material-symbols-outlined { position: absolute; color: #012f83; font-size: 4.0rem; top: -46px; left: 50%; transform: translateX(-50%); }
@media all and (min-width: 740px){
	#Information .ctm_pageTtl .ttlLv2 h3 { font-size: 2.8rem; width: 70%; padding: 0 0 0.3rem; }
}

#Information .ttlLv4 { padding-top: 10px; color: #012f83; font-size: 1.7rem; text-align: center; }

#Information .infoBlock { padding: 20px 10px 20px; border-radius: 20px; }
@media all and (min-width: 740px){
	#Information .infoBlock { padding: 10px 30px 30px; }
}

#Info_01.infoBlock { background: #ddf5de; }
#Info_02.infoBlock { background: #fce7e7; }
#Info_03.infoBlock { background: #e3ecfd; }
#Info_04.infoBlock { background: #fdf4c0; }

#Information .numList > li { padding: 0 0 0 2.0em !important; }
#Information .numList > li + li { margin-top: 0.6em; padding-top: 0.7em!important; border-top: 1px solid #dedede; }
#Information .numList > li + li:before { top: 1.37em; }
#Information .numList > li:before,
#Information .numList strong { font-size: 1.6rem; font-weight: bold; color: #f05d5d; }



/* AREA・DETAIL - Anchor */
#Anchor.ctm_contentsFull { color: #fff; background: #012f83; }

@media all and (max-width: 739px){
	#Anchor .btnSrg .btn { font-size: 1.8rem; }
}

.detail #Anchor.ctm_contentsFull { background: #fdefa1; }

@media all and (max-width: 739px){
	.detail #Anchor .ctm_pageTtl .ttlLv1 h2 { line-height: 1;}
}
.detail #Anchor .ctm_pageTtl .ttlLv1 h2:after { border-color: #fdefa1 transparent transparent transparent; }
.detail #Anchor .ctm_pageTtl .ttlLv1 h2 strong { font-size: 5.0rem; color: #e43737; }

.detail #Anchor .anchorList .col { position: relative; }
.detail #Anchor .anchorList-1 .col:nth-child(1):before { content: url(/content/dam/sites/wwwjalcojp/jp/ja/intltour/study-abroad/detail/img_sites/number01.png?v=0); }
.detail #Anchor .anchorList-1 .col:nth-child(2):before { content: url(/content/dam/sites/wwwjalcojp/jp/ja/intltour/study-abroad/detail/img_sites/number02.png?v=0); }
.detail #Anchor .anchorList-1 .col:nth-child(3):before { content: url(/content/dam/sites/wwwjalcojp/jp/ja/intltour/study-abroad/detail/img_sites/number03.png?v=0); }
.detail #Anchor .anchorList-2 .col:nth-child(1):before { content: url(/content/dam/sites/wwwjalcojp/jp/ja/intltour/study-abroad/detail/img_sites/number04.png?v=0); }
.detail #Anchor .anchorList-2 .col:nth-child(2):before { content: url(/content/dam/sites/wwwjalcojp/jp/ja/intltour/study-abroad/detail/img_sites/number05.png?v=0); }
.detail #Anchor .anchorList-2 .col:nth-child(3):before { content: url(/content/dam/sites/wwwjalcojp/jp/ja/intltour/study-abroad/detail/img_sites/number06.png?v=0); }
.detail #Anchor .anchorList .col:before { transform: scale(0.36); position: absolute; top: -50px; left: -35px; z-index: 100; }
@media all and (min-width: 740px){
	.detail #Anchor .anchorList .col:before { top: -50px; left: -35px; }
}

.detail #Anchor .btnBK .btn { background: #4a84ee; }
.detail #Anchor .btnBK .btn .btnInr { padding-left: 20px; }
.detail #Anchor .btnBK .btn .fsS { font-size: 1.4rem !important; }



/* AREA - School */
#School.ctm_contentsFull { background: #fff; }

#School .ctm_pageTtl .heading { font-family: 'ヒラギノ角ゴ ProN W3","メイリオ",Meiryo,"MS UI Gothic","Tahoma","Lucida Grande","ヒラギノ丸ゴ Pro W4",sans-serif', sans-serif; }

.ame #School .ctm_pageTtl h2 strong { color: #f05d5d; }
.can #School .ctm_pageTtl h2 strong { color: #4a84ee; }
.aus #School .ctm_pageTtl h2 strong { color: #f69d01; }
.gbr #School .ctm_pageTtl h2 strong { color: #4fc05c; }
.hwi #School .ctm_pageTtl h2 strong { color: #f989c0; }

#School .schoolBox { padding: 10px 10px 20px; border-radius: 20px; box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, 0.1); }
@media all and (min-width:740px){
	#School .schoolBox { padding: 20px; }
}
.ame #School .schoolBox { border: 3px solid #f05d5d; }
.can #School .schoolBox { border: 3px solid #4a84ee; }
.aus #School .schoolBox { border: 3px solid #f69d01; }
.gbr #School .schoolBox { border: 3px solid #4fc05c; }
.hwi #School .schoolBox { border: 3px solid #f989c0; }

@media all and (min-width:740px){
	#School .schoolBox .specWrap .clm_1_2col.colWrap .col:nth-child(1) { width: calc(62% - 15px); }
	#School .schoolBox .specWrap .clm_1_2col.colWrap .col:nth-child(2) { width: calc(38% - 15px); }
	/*
	#School .schoolBox .clm_1_3col.colWrap { justify-content: space-between; }
	#School .schoolBox .clm_1_3col.colWrap .col { margin: 0; width: 32%; }
*/}

#School .schoolBox .specWrap .clm_1_2col.colWrap .col:nth-child(1) { position: relative; }
#School .schoolBox .specWrap .clm_1_2col.colWrap .col:nth-child(1):after { position: absolute; display: inline-block; 
top: -30px; right: -40px; transform: scale(0.40); }
@media all and (min-width:740px){
	#School .schoolBox .specWrap .clm_1_2col.colWrap .col:nth-child(1):after { right: -55px; }
}
.ame #School .schoolBox .specWrap .clm_1_2col.colWrap .col:nth-child(1):after,
.hwi #School .schoolBox .specWrap .clm_1_2col.colWrap .col:nth-child(1):after {
content: url(/jp/ja/intltour/study-abroad/ame/img_sites/icon_flag.jpg); }
.can #School .schoolBox .specWrap .clm_1_2col.colWrap .col:nth-child(1):after {
content: url(/jp/ja/intltour/study-abroad/can/img_sites/icon_flag.jpg); }
.aus #School .schoolBox .specWrap .clm_1_2col.colWrap .col:nth-child(1):after {
content: url(/jp/ja/intltour/study-abroad/aus/img_sites/icon_flag.jpg); }
.gbr #School .schoolBox .specWrap .clm_1_2col.colWrap .col:nth-child(1):after {
content: url(/jp/ja/intltour/study-abroad/gbr/img_sites/icon_flag.jpg); }

#School .schoolBox .txtItem { position: relative; margin-top: 10px; padding: 0.2em 0 0 0; }
/* #School .schoolBox .txtItem03_target { min-height: 4.5rem; } */
#School .schoolBox .txtItem:before { width: 7.0em; padding: 0.2em 0 0.1em; color: #fff; text-align: center; background: #012f83; border-radius: 5px; }
@media all and (min-width: 740px){
	#School .schoolBox .txtItem { padding: 0.2em 0 0 8.0em; }
	#School .schoolBox .txtItem:before { content: ''; position: absolute; top: 0; left:0;  }
}
@media all and (max-width: 739px){
	#School .schoolBox .txtItem:before { margin-bottom: 0.5rem; font-size: 1.4rem; }
}
#School .schoolBox .txtItem01_country:before { content: "国・都市"; }
#School .schoolBox .txtItem02_name:before    { content: "学校名"; }
#School .schoolBox .txtItem03_target:before  { content: "参加対象年齢"; }
#School .schoolBox .txtItem04_intro:before   { content: "学校紹介"; }
#School .schoolBox .txtItem05_period:before  { content: "留学期間"; }
#School .schoolBox .txtItem06_program:before { content: "プログラム"; }

#School .schoolBox .specWrap .ttlLv4 { margin: 0; padding: 0 0 0.2rem; }

.ame #School .schoolBox .specWrap .txtItem01_country .ttlLv4 { color: #f05d5d; }
.can #School .schoolBox .specWrap .txtItem01_country .ttlLv4 { color: #4a84ee; }
.aus #School .schoolBox .specWrap .txtItem01_country .ttlLv4 { color: #f69d01; }
.gbr #School .schoolBox .specWrap .txtItem01_country .ttlLv4 { color: #4fc05c; }
.hwi #School .schoolBox .specWrap .txtItem01_country .ttlLv4 { color: #f989c0; }

#School .schoolBox .specWrap .txtItem02_name .ttlLv4 h5 { font-size: 1.8rem; color: #012f83; }

#School .schoolBox .linkWrap { margin-top: 20px; padding-top: 10px; }
@media all and (min-width:740px){
	#School .schoolBox .linkWrap { padding-top: 20px; }
}
.ame #School .schoolBox .linkWrap { border-top: 2px dashed #f05d5d; }
.can #School .schoolBox .linkWrap { border-top: 2px dashed #4a84ee; }
.aus #School .schoolBox .linkWrap { border-top: 2px dashed #f69d01; }
.gbr #School .schoolBox .linkWrap { border-top: 2px dashed #4fc05c; }
.hwi #School .schoolBox .linkWrap { border-top: 2px dashed #f989c0; }



/* AREA - Link */
#Link.ctm_contentsFull { background: #fff; }

#Link_02 { padding-bottom: 8px; color: #fff; background: #012f83; }

#Link_02 .btnCL { margin-top: 0; text-align: center; }
#Link_02 .btnCL .btn { border: none; }



/* DETAIL - Step */
#Step.ctm_contentsFull { background: #fff; }

@media all and (max-width: 739px){
	#Step .ctm_pageTtl .ttlLv1 { margin-bottom: 35px; }
}

#Step .iconArrowDown .ttlLv2 { margin: 30px 0 0; padding: 0; color: #4a84ee; }
#Step .iconArrowDown .ttlLv2 .material-symbols-outlined { font-size: 6.0rem; }

#Step .stepBlock { position: relative; }

#Step_01:before { content: url(/content/dam/sites/wwwjalcojp/jp/ja/intltour/study-abroad/detail/img_sites/step01_heading01.png?v=0); }
#Step_02:before { content: url(/content/dam/sites/wwwjalcojp/jp/ja/intltour/study-abroad/detail/img_sites/step02_heading01.png?v=0); }
#Step_03:before { content: url(/content/dam/sites/wwwjalcojp/jp/ja/intltour/study-abroad/detail/img_sites/step03_heading01.png?v=0); }
#Step_04:before { content: url(/content/dam/sites/wwwjalcojp/jp/ja/intltour/study-abroad/detail/img_sites/step04_heading01.png?v=0); }
#Step_05:before { content: url(/content/dam/sites/wwwjalcojp/jp/ja/intltour/study-abroad/detail/img_sites/step05_heading01.png?v=0); }
#Step_06:before { content: url(/content/dam/sites/wwwjalcojp/jp/ja/intltour/study-abroad/detail/img_sites/step06_heading01.png?v=0); }
#Step .stepBlock:before { transform: scale(0.3); position: absolute; top: -150px; left: -130px; }
@media all and (min-width: 740px){
	#Step .stepBlock:before { transform: scale(0.4); top: -120px; left: -50px; }
}

#Step .stepBlock .stepBlockInr { padding: 10px; background: #fdefa1; border-radius: 20px; box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, 0.1); }
@media all and (min-width: 740px){
	#Step .stepBlock .stepBlockInr { padding: 20px; }
}

#Step .stepBlock .ctm_pageTtl .ttlLv2 { margin-top: 20px; }
#Step .stepBlock .ctm_pageTtl .ttlLv2 h3 { color: #fff; background: #f05d5d!important; border-radius: 100vh; margin: 0 auto; padding: 0 2.0rem 0.3rem; }
@media all and (min-width: 740px){
	#Step .stepBlock .ctm_pageTtl .ttlLv2 h3 { font-size: 2.8rem; }
}

#Step .stepBlock .stepBox { padding: 15px; background: #fff; border-radius: 20px; }
@media all and (min-width: 740px){
	#Step .stepBlock .stepBox { padding: 20px; }
}
#Step .stepBlock .stepBox .ctm_pageTtl .ttlLv3 { position: relative; margin: 10px 0; padding: 0 0 20px; color: #4a84ee; }
#Step .stepBlock .stepBox .ctm_pageTtl .ttlLv3:before { position: absolute; content: ''; bottom: 0; left: 0; width: 100%; height: 8px;
background-image: -webkit-repeating-linear-gradient(135deg, #4a84ee, #4a84ee 1px, transparent 2px, transparent 5px);
background-image: repeating-linear-gradient(-45 deg, #4a84ee, #4a84ee 1px, transparent 2px, transparent 5px);
background-size: 7px 7px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
#Step .stepBlock .stepBox .ctm_pageTtl .ttlLv3 h4 { padding: 0; font-size: 2.2rem; }
@media all and (min-width: 740px){
	#Step .stepBlock .stepBox .ctm_pageTtl .ttlLv3 h4 { font-size: 2.6rem; }
}

#Step .stepBlock .stepBox .ctm_pageTtl .ttlLv4 { padding: 0; }
#Step .stepBlock .stepBox .ctm_pageTtl .ttlLv4 h5 { font-size: 1.7rem; color: #f05d5d; }
@media all and (min-width: 740px){
	#Step .stepBlock .stepBox .ctm_pageTtl .ttlLv4 h5 { font-size: 1.8rem; }
}

#Step .stepBlock .stepBox em { color: #333; }

#Step .stepBlock .stepImg { position: absolute; z-index: 100; }

@media all and (max-width: 739px){
	#Step_01_img01 { transform: scale(0.35); top: -185px; right: -115px; }
	#Step_02_img01 { transform: scale(0.30); top: -130px; right: -125px; }
	#Step_03_img01 { transform: scale(0.35); top: -170px; right: -120px; }
	#Step_04_img01 { transform: scale(0.30); top: -140px; right: -115px; }
	#Step_05_img01 { transform: scale(0.30); top: -132px; right: -125px; }
	#Step_06_img01 { transform: scale(0.35); top: -185px; right: -170px; }
	#Step_07_img01 { transform: scale(0.30); top: -315px; right: -125px; }
}
@media all and (min-width: 740px){
	#Step_01_img01 { transform: scale(0.45); top: -40px; right: 0; }
	#Step_02_img01 { transform: scale(0.45); top: 0; right: -30px; }
	#Step_03_img01 { transform: scale(0.45); top: -40px; right: -60px; }
	#Step_04_img01 { transform: scale(0.45); top: -80px; right: 0; }
	#Step_05_img01 { transform: scale(0.45); top: -80px; right: -45px; }
	#Step_06_img01 { transform: scale(0.45); top: -60px; right: -60px; }
	#Step_07_img01 { transform: scale(0.45); top: -200px; right: -170px; }
}

#Step_07.stepBlock .stepBlockInr { background: #f05d5d; }
#Step_07.stepBlock .ctm_pageTtl .ttlLv2 { margin: 0; padding: 0; }



/* Contact */
#Contact.ctm_contentsFull { }
@media all and (min-width:740px){
	#Contact.ctm_contentsFull { }
}

#Contact .ctm_pageTtl .ttlLv1 h2:after { border-color: #eee transparent transparent transparent; }

@media all and (max-width: 739px){
	#Contact .ctm_pageTtl h2 span { margin-right: 0; }
}

#Contact .contactBox { padding: 20px; border: 3px solid #012f83; border-radius: 20px; background: #fff; box-shadow: 3px 3px 0px 0px #012f83; }

@media all and (min-width: 740px){
	#Contact .contactBox .clm_1_3col,
	#Contact .contactBox .clm_1_4col { justify-content: space-between; margin: 0 auto; }
	#Contact .contactBox .clm_1_3col .col { width: 30%; margin: 0 !important; }
	#Contact .contactBox .clm_1_4col .col { width: 23%; margin: 0 !important; }
}

#Contact .ctm_pageTtl .ttlLv2 { position: relative; margin: 20px 0 10px; color: #e43737; }
#Contact .ctm_pageTtl .ttlLv2:after { position: absolute; content: ''; top: -10px; left: 0; width: 100%; height: 8px;
background-image: -webkit-repeating-linear-gradient(135deg, #e43737, #e43737 1px, transparent 2px, transparent 5px);
background-image: repeating-linear-gradient(-45 deg, #e43737, #e43737 1px, transparent 2px, transparent 5px);
background-size: 7px 7px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }

#Contact .ttlLv2 h3 .material-symbols-outlined { padding-left: 0.2em; font-size: 3.8rem; vertical-align: -0.2em; 
font-variation-settings: 'FILL' 1, 'wght' 300; }

#Contact .btnBox .btnGY .btn { border: 1px solid #bbb; }



@media all and (max-width: 739px){
	.study-abroad .js-eqHeightCols .js-eqHeightCols-item,
	.study-abroad .js-eqHeightCols .js-eqHeightCols-item-2,
	.study-abroad .js-eqHeightCols .js-eqHeightCols-item-3,
	.study-abroad .js-eqHeightCols .js-eqHeightCols-item-4 { height: auto!important; }
}

@media all and (max-width: 739px){
}
@media all and (min-width: 740px){
}