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

/*----------------------------------------------------------------------------
 ***                                                                Container
----------------------------------------------------------------------------*/
body {}
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{position: relative;z-index: 999; top: 0;margin:1% auto 2%; height:auto; padding-bottom:0.3em;border-top: 4.5em solid #00a1c9;background: #fff;}
#headerArea #headerLink{ width:100%;}
#headerAreaInner{width:100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;box-sizing: border-box;padding: 0}
#headerAreaInner.clearfix:after{display:none;}
#headerArea #headerLink{width:45%; padding: 0 0%; margin-top:3%;float: none;}
#headerArea #headerTitle{width: 40%;display: block;/* flex-direction: column; */float: none;}
#headerArea h1{margin-top: 10%; padding-left:5%;}
#headerArea h1 img{display:block;}
#headerArea .ttlTxt{font-size: 11px;color: #fff;font-weight: normal;position: absolute;top: -3em;left: 0;line-height: 1.6;margin:-17px 0;padding: 0;width: 100%;text-align: center;z-index: 1;}
#headerArea .ttlSub{position: absolute;top: -1.9em;right: 0;color: #fff;font-size: 10px;width: 100%;line-height: 1.6;margin:-10px 0;padding: 0;text-align: center;}


.appTop{font-size:10%;  margin: 2% 0 0% 0%;padding: 0 0 0 0em;float: none;width: 100%;display: block;box-sizing: border-box;}
.appTop .appTopSapn{display:block;}
/*----------------------------------------------------------------------------
***                                                            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 img {width: 100%; height: auto;}

#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;}

#mainView .mainViewBottomBox .introBox02 .txt{padding-right: 33%;}

#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;}

/* --------------------------------------------------------------------------------------
 レイアウト枠
--------------------------------------------------------------------------------------- */
#contents .campaignimg{width: 100%;}
#wrap {
	margin: -1em auto 0; border: 0px
}
#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{	
  margin-bottom: 1em;
  font-size:28px;
	text-align:center;
	}
h3{	font-size:18px;
    margin: 10px 0 10px 0;
	}
#wrap section{ 
    width: 100%;
	margin: 0 auto;
	}
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: 14px;}

#contents .dayText{font-size: 140%;margin-bottom: auto;margin-top: -0.5em;}
#contents .daybigText{font-size: 200%;}
#contents .campaigncolumn p{font-size: 120%;}
.columnbigText{margin: 20px 0;}
.columnspanText{font-size: 200%;line-height: 1.3;}

#contents .campaignsec{width: 90%; padding: 10px;display: block;margin: 0 auto 4em;}
.campainTextbox{margin: auto;}
.campainImg{margin: auto;width: 50%;}
#contents .campainTitle{font-size: 121%;text-align: center;}
#contents .campaintext {font-size:104%; text-align: center;line-height: 1.7em;}
.smalltext{font-size:90%;}
#usagifamily .familytitleImg{width: 90%;margin:auto auto 2em;}
#usagifamily .usagiImg{width: 55%;margin:auto auto 2em;}
#usagifamily .familysubtitleImg{width: 50%;margin:auto auto 2em;}
#newusagifamily .newfamilyImg{width: 60%;margin:3em auto;}
#newusagifamily .andmore{width: 35%;margin: -35px auto 4em;}
#newusagifamily .newfamilycharaImg li{width: 50%;margin-bottom: 3em;}

.btnImg{width: 90%; margin: auto auto 1.5em;}
.formText p{font-weight: bold;margin-top: 1.2em;}

.formsubImg{width: 30%;margin: 1em auto}
/* 注意 */
#explanation p{font-size: 13.5px;margin-bottom: 0.7em;}
#explanation .explanationtext{margin:auto 1%;;}


/*----------------------------------------------------------------------------
 ***                                                                  footer
----------------------------------------------------------------------------*/

#box_policy{margin-bottom: 76px;}
#box_policy .box_policy{flex-direction:column;}
#box_policy li{width: 100%;}
#box_policy li:first-child {margin-bottom: 1em;}

#footerArea{}
#footerAreaInner{}
#footerAreaInner #footerLink{padding:25px 0;}
#footerAreaInner #footerLink ul{margin:0 auto; display:block; width:100%;}
#footerAreaInner #footerLink li{margin:0.3em 25px; font-size:14px;}

#formLinkSec,
#footerArea{font-size: 60%;}

/*****************************************************************
　data PC
*****************************************************************/
@media screen and (min-width:641px) { 
.only_sp{
	display:none;
	}
}
/*****************************************************************
　data SP
*****************************************************************/
eader{
    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: 15px 1%;
    }
h2{
    font-size:18px;

    } 
section{ 
    width: 100%;
    }
section ul.logo {
    margin: 10px auto 30px;
    }
.term {
    margin:0;
    padding: 5px 10px 10px 10px;
}
.only_pc{
	display:none;
	}
.explanationbox{justify-content: 
  space-between;
  display:flex;
  flex-wrap: wrap;
}

.explanation01{width: 140px;
  height: 105px;
  text-align: center;
    padding: 26px;
    border: 4px solid #E3237C;
    color: #333333;
   font-size:12px;
  margin: 0.5em;
  padding-top: 19px;
}
.tryangle{width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-left: 12px solid #E3237C
;border-bottom: 10px solid transparent
;margin-top: 4.5em}


.explanation02{
  width: 140px;
  height: 105px;
  text-align: center;
    border: 4px solid #E3237C;
    color: #333333;
   font-size:12px;
  margin: 0.5em;
  padding-top: 30px;
}
.exMgr{margin-right: 2.7em;} 




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

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

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


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

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