body {background:#daf8ff;background-image: repeating-linear-gradient(45deg, #ffffff, #ffffff 2px, transparent 2px, transparent 12px);}
body{ border:none;}
#wrap {width: 100%;}

body,input,textarea,pre,ol,address,header,footer,nav,article,section,aside{
	color:#4D4D4D;
	line-height:1em;
	/*    font-family:'メイリオ',"Hiragino kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", 'Meiryo UI',Verdana,'ＭＳ Ｐゴシック',sans-serif;*/
	font-family:"游ゴシック体", "Yu Gothic", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: bold;
	color:#0082B1;
}
img,table {
	border: none;
}
ol,ul {
	list-style: none;
}
.tec{text-align: center}
/*----------------------------------------------------------------------------
 ***                                                                  Header
----------------------------------------------------------------------------*/
#headerArea {height: auto;/* padding: 20px 0 10px; */z-index: 999;margin: 0 auto;}
@media (max-width: 960px) {
	#headerArea{padding: 10px;}
	#headerArea{position: relative;z-index: 999; top: 0; height:auto; padding-bottom:0.3em;background: #ffffed;}
}
#headerAreaLogo {}
#headerAreaInner {/* background: #ffffed; */height: auto;position: relative;max-width: 820px;margin: 0 auto;display: flex;justify-content: space-between;padding: 1em;box-sizing: border-box;}
#headerAreaTitle{}
#headerArea h1{position:initial;}
#headerLink{position: static;width: 248px;top: 0;right: 0;padding: 0;/* padding-left: 15em; */}
#headerLink img{width: 100%; height: auto;}
#headerArea .logoTxt{font-size: 42px; vertical-align: middle;}

#headerArea .ttlTxt{font-size: 11px; color: #fff; font-weight: normal; position: absolute; top: -28px; line-height: 1.6; margin: 0; padding: 0;}
#headerArea .ttlSub{position: absolute; top: -28px;  right: 0; color: #fff; font-size: 11px; text-align: right; width: 400px; line-height: 1.6; margin: 0; padding: 0;}
#headerArea .moushikomiTopBtn a{display: block;background-color: #fd5336;padding: 1em;font-size: 150%;border-radius: 10px;text-align: center;color: #fff;font-weight: bold;}
#headerArea .moushikomiTopBtn a:hover{text-decoration: none;}
#headerArea .moushikomiTopBtn .moushikomiEnd{display: block;background-color: #aaa;padding: 1em;font-size: 150%;border-radius: 10px;text-align: center;color: #fff;font-weight: bold;}

#teaser{margin: auto}
#totp{position: fixed;bottom: 5px;right: 10px;z-index:999;}
/*----------------------------------------------------------------------------
***                                                            breadcrumbArea
----------------------------------------------------------------------------*/
#breadcrumbArea{ max-width: 950px; margin: 0 auto;width: 100%;}
#breadcrumbArea li{ float:left; font-size:10px; }
#breadcrumbArea li a{ display:block; background:url(../common_images/icon_list03.gif) right 50% no-repeat; padding-right:25px;}




/*----------------------------------------------------------------------------
 ***                                                       Header - gNavi
----------------------------------------------------------------------------*/
#mainView{width: 100%;}
#mainView .mainTtlBox{background:url("/lp/internationalday2025/images/bgi_contents01.jpg");background-position: top center;background-repeat: no-repeat;background-size: cover;}
#mainView .mainTtlBox .mainTtlBoxInner{max-width: 999px;margin: 0 auto;padding: 3em 0 2.5em; position: relative; overflow: hidden;}
#mainView .mainTtl {max-width: 999px;}
#mainView .mainTtl img {width: 100%; height: auto;}
#mainView .usagiImg{max-width: 265px;height: auto;position: absolute;bottom: 0;right: 100px; margin: 0; padding: 0;}
#mainView .usagiImg img {width: 100%; height: auto;}

#mainView .mainViewBottomBox .introBox01{background: #1853ab;padding: 2.5em 0;}
#mainView .mainViewBottomBox .introBox01 .txt{color: #fff;font-weight: bold;line-height: 1.3;width: 90%;max-width: 950px;margin: 0 auto;font-size: 210%;padding: 0px 20% 0 0;box-sizing: border-box;position: relative;}
#mainView .mainViewBottomBox .introBox01 .txt:after{content: "";display: block; position: absolute;bottom: -1.7em;right: 30%;  width: 0; height: 0; border-style: solid; border-right: 36px solid transparent; border-left: 36px solid transparent; border-bottom: 24px solid #1853ab; border-top: 0; transform: rotate(36deg);z-index: 1;}
#mainView .mainViewBottomBox .introBox01 .teacherImg{width: 30%;max-width: 303px;position: absolute;top: 0;right: 0;z-index: 1;}
#mainView .mainViewBottomBox .introBox01 .teacherImg img{width: 100%; height: auto;}
#mainView .mainViewBottomBox .introBox02{background: #f0f0f0;padding: 2.5em 0 6em 0; position: relative;}
#mainView .mainViewBottomBox .introBox02 .worldUsagiImg{position: absolute;bottom: -3.5em;right: 50%;transform: translateX(50%);padding: 0;width: 95%;max-width: 1000px;}
#mainView .mainViewBottomBox .introBox02 .worldUsagiImg img {width: 100%; height: auto;}
#mainView .mainViewBottomBox .introBox02 .txt{font-size: 140%;font-weight: bold;line-height: 1.3;width: 90%;max-width: 950px;margin: 0 auto;padding: 0px 20% 0 0;box-sizing: border-box;}
@media (max-width: 1460px) {
	#mainView .mainViewBottomBox .introBox02 .txt{padding-right: 30%;}
}
@media (max-width: 890px) {
	#mainView .mainViewBottomBox .introBox01{padding: 3.5em 0;}
	#mainView .mainViewBottomBox .introBox01 .txt:after{display: none;}
	#mainView .mainViewBottomBox .introBox01 .txt{font-size: 180%;}
	#mainView .usagiImg{left: initial; right:-5%;}
	#mainView .mainViewBottomBox .introBox02{padding: 3em 0;}
}
@media (max-width: 780px) {
	#mainView .mainViewBottomBox .introBox02 .txt{padding-right: 33%;}
}
@media (max-width: 520px) {
	#mainView .mainViewBottomBox .introBox02 .txt{padding-right: 0;}
}
/*----------------------------------------------------------------------------
 ***                                               contentsArea, mainsection
----------------------------------------------------------------------------*/
/* 基本テキストリンク -------------------- */
a {
	text-decoration: none;
}
a:link {
	color: #00a1c9;
}
a:visited {
	color: #00a1c9;
}
a:hover {
	color: #00a1c9;
}
a:active {
	color: #00a1c9;
}
a.line:link {
	color: #1F140F;
	border-bottom: 1px solid #FF8A00;
}
a.line:visited {
	color: #1F140F;
	border-bottom: 1px solid #FF8A00;
}
a.line:hover {
	color: #1F140F;
	border-bottom: 1px solid #FF8A00;
}
a.line:active {
	color: #1F140F;
	border-bottom: 1px solid #FF8A00;
}
/* --------------------------------------------------------------------------------------
 margin
--------------------------------------------------------------------------------------- */
.mgb10{margin-bottom:10px;}

/* --------------------------------------------------------------------------------------
 レイアウト枠
--------------------------------------------------------------------------------------- */
#wrap {background:#ffffed;max-width: 840px;margin: 0 auto;border-right: 3px solid #00a1c9;border-left: 3px solid #00a1c9;margin-top: -1em;}
#contents{
    width: 100%;
    height: 100%;
    /*margin: 10px 0 0;*/
    /* padding: 40px 0; */
}

/*  header　---------------*/
header{
    width: 780px;
    margin: 0 auto;
    padding: 5px 0 10px 10px;
    height: 70px;
    
    display: -webkit-box; /* Androidブラウザ用 */
    display: flex;
    -webkit-box-pack: justify; /* Androidブラウザ用 */
    justify-content: space-between;
}
p.back_btn a{
    display: inline-block;
    padding: 35px 10px 0 0;
    font-size: 14px;
}
p.back_btn a:after{
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 5px;
    border-style: solid;
    border-width: 4px 0 4px 6px;
    border-color: transparent transparent transparent #E3237C;
}
p.back_btn a:hover{
    text-decoration:underline;
}

/*  h2 h3　ー---------------*/
h2{	
  font-size:28px;
	text-align:center;
	}
h3{	font-size:18px;
    margin: 10px 0 10px 0;
	}
#wrap section{
    padding: 1em;
    box-sizing: border-box;
    border-left: 10px;
    border-right: 10px;
 }
section ul.logo{
    display:flex;
    justify-content: center;/* flex-box 中央揃え */
    flex-wrap: wrap;
    margin:30px auto;
    }
section ul.logo li{
    margin: 10px 20px;
    }
section ul.company{
    list-style: disc;
    margin: 10px 0 40px 2em;
    line-height: 1.8;
    }
#wrap p {font-size: 16px;}

#contents .fv{}
#contents .dayText{color: #00a1c9;font-size: 25px;text-align: center;font-weight: bold;margin-bottom: -2em;}
#contents .daybigText{font-size: 31px;}

#contents .displayflex{display: flex;}

.campaigncolumn{ margin: 20px auto;}
.campaigncolumn .columnText{font-weight: bold;}
.columnbigText{color: #e4006e;margin: 20px 0;font-weight: bold;}
.columnspanText{font-size: 35px;}
.yellowline{background: linear-gradient(transparent 70%, #ffce00 50%);}
.campaigncolumn .columnText{line-height: 2.2;}

#contents .campaignsec{margin: 4.5em auto;padding: 10px 20px;display: flex;background-color: white;border: 4px solid #e4006e;width: 90%;}
.campainTextbox{margin-left: 4em;}
.campainImg{margin: auto 20px;}
#contents .campainTitle{font-size: 19px;font-weight: bold;color: #e4006e;}
#contents .campaintext {font-size:14px; }
.smalltext{font-size:11px;}

.formText{font-weight: bold;margin-top: 0.7em;}
.bigText{font-size: 25px;}



/* 注意 */
#explanation .explanationbox{background-color: #D7D7D7;padding: 3em 0}
#explanation .explanationtitle{font-weight: bold;font-size: 20px;}
#explanation .explanationtext{font-size: 12px;margin: 0em 11em auto}



/*  footer　ー---------------*/
footer{
    width: 100%;
    height: 60px;
    padding: 5px 0 0 0;
    color: #999;
    font-size: 12px;
    text-align: center;
}
/*****************************************************************
　data PC
*****************************************************************/
@media screen and (min-width:641px) { 
.only_sp{
	display:none;
	}
}

/*****************************************************************
　data SP
*****************************************************************/
@media screen and (max-width:640px) { 
header{
    position: relative;
    width: 100%;
    height: auto;
    padding: 5px 0 0 10px;
    }
header h1{
    max-width:50%;
	}
header h1 img{    
    width: 90%;
    height: auto;
    }
p.back_btn a {
    position: absolute;
     bottom: 6px;
    right: 10px;
    /*padding: 15px 20px 0px 0;*/
    font-size: 12px;
    }
p.back_btn a :after{
  content: "";
  display: block;
  clear: both;
   }
#contents {
    margin: 0;
    padding: 24px 3%;
    }
h2{
    font-size:18px;

    } 
section{ 
    width: 100%;
    }
section ul.logo {
    margin: 10px auto 30px;
    }
.term {
    margin: 30px 0 0 0;
    padding: 5px 10px 10px 10px;
}
.only_pc{
	display:none;
	}




/*----------------------------------------------------------------------------
 ***                                                              ページトップ
----------------------------------------------------------------------------*/
.pagetop {}

/*----------------------------------------------------------------------------
 ***                                                                   section
----------------------------------------------------------------------------*/
.section { }
.sectionInner {}

/*----------------------------------------------------------------------------
 ***                                                                  footer
----------------------------------------------------------------------------*/
#footerArea {  }
#footerAreaInner {
    max-width: 890px;
    margin: 0 auto;
    padding: 0 20px;
    }
#footerLogo{}
#footerCopyright{}


/*----------------------------------------------------------------------------
 ***                                                              ページトップ
----------------------------------------------------------------------------*/
.pagetop {}

/*----------------------------------------------------------------------------
 ***                                                                   section
----------------------------------------------------------------------------*/
.section { }
.sectionInner {}