@charset "UTF-8";

/*-------------------------
__page_style
-------------------------*/

.campaign_end_b{ text-align: center; margin:50px 0 60px;}
#campaign{ text-align: center; width: 860px; background: linear-gradient(-180deg, #FF7C89 0%, #FFE196 56%, #5AC8D2 100%); position: relative;}
#campaign:before{ content: ''; display: block; background-color: rgba(40,40,40,0.8); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100;}
#campaign .campaign_end{ position: absolute; top: 470px; left: 50%; transform: translateX(-50%); z-index: 101;}
#campaign .campaign_end > p{ width: 752px; height: 393px;}
#campaign .campaign_end > p img{ width: 100%; height: auto;}
.kids_artevent_result{ margin-bottom: 50px; text-align: center; border: 5px solid #14a050; border-radius: 10px; padding: 30px 0; box-sizing: border-box; background-color: rgba(255,255,0,0.4);}
.kids_artevent_result .result_title{ margin-bottom: 20px;}
.kids_artevent_result > p{ color: #333; font-size: 1.6em; margin-bottom: 20px; font-weight: 700;}
.kids_artevent_result .result_btn{}
.kids_artevent_result .result_btn a{ display: inline-block; background-color: #14a050; color: #fff; font-size: 2em; font-weight: 700; text-decoration: none; padding: 20px 30px; border-radius: 50vh;}
.kids_artevent_result .result_btn a:hover{}
#campaign .campaign_inner{ background-image: url(images/title_back@2x.png); background-size: 100% auto; background-position: top center; background-repeat: no-repeat; padding: 40px; box-sizing: border-box;}
/*#campaign{ text-align: center; width: 860px; background: linear-gradient(-180deg, #ffa03c 0%, #ffe46e 56%, #a0e6ff 100%); position: relative;}
#campaign .campaign_inner{ background-image: url(images/title_back@2x.png); background-size: 100% auto; background-position: top center; background-repeat: no-repeat; padding: 40px; box-sizing: border-box;}*/
#campaign .campaign_inner .top_title{ background-color: #f04632; color: #fff; text-align: center; font-size: 2.2em; font-weight: 700; width: 100%; padding: 11px 0 8px; box-sizing: border-box; position: absolute; top: 0; left: 0;}

.main_title{ margin-bottom: 30px;}
.main_title .title01{ width: 413px; height: 125px; margin: 0 auto;}
.main_title .title02{ margin-top: -40px;}
.main_title .title03{ margin-top: 20px;}

#present01,
#present02{ background-color: #fff; border-radius: 20px; box-sizing: border-box; position: relative;}

#present01{ margin-bottom: 30px; padding: 30px 0 20px;}
#present01 .present_title{ margin-bottom: 20px;}
#present01 .present_title .present_bakudan{ position: absolute; top: 10px; left: 0;}
#present01 .present_title h2{ width: 526px; height: 140px; margin-left: 180px; position: relative; z-index: 2;}
#present01 .present_title .present_card{ width: 305px; height: 76px; position: absolute; top: -15px; right: 20px; z-index: 1;}
#present01 .present_detail{ margin-bottom: 10px;}
#present01 .kids_present{ position: relative; width: 100%;}
#present01 .kids_present .kids_present_title{ position: absolute; top: 0; left:calc(50% - 15px); transform: translateX(-50%); z-index: 10;}
#present01 .kids_present ul{ display: flex; justify-content: center; align-items: center;}
#present01 .kids_present ul li{ width: 50%; height: 295px; background-size: 372px 295px; background-repeat: no-repeat; background-position: center; position: relative;}
#present01 .kids_present ul li:nth-child(1){ background-image: url(images/present01_kids01_back@2x.png);}
#present01 .kids_present ul li:nth-child(2){ background-image: url(images/present01_kids02_back@2x.png);}
#present01 .kids_present ul li .kids_present01_title{ position: absolute; top: 70px; left: 65px;}
#present01 .kids_present ul li .kids_present01_text{ font-size: 12px; line-height: 1.4; font-weight: 700; color: #644632; text-align: left; width: 180px; position: absolute; bottom: 25px; left: 75px;}
#present01 .kids_present ul li .kids_present02_title{ position: absolute; top: 80px; left: 50px;}
#present01 .kids_present ul li .kids_present02_text{ font-size: 11px; line-height: 1.4; font-weight: 700; color: #644632; text-align: left; width: 275px; position: absolute; bottom: 25px; left: 40px;}

#present02{ padding: 30px;}
#present02 .present_title{ margin-bottom: 5px;}
#present02 .present_title .present_bakudan{ position: absolute; top: -5px; left: -30px;}
#present02 .present_title h2{ width: 571px; height: 104px; margin-left: 150px;}
#present02 .fukidashi{ position: absolute; top: -65px; right: -50px;}
#present02 .present_detail{}
#present02 .present_detail ul{ display: flex; justify-content: center;}
#present02 .present_detail ul li{ width: 33.3333%; text-align: center;}
#present02 .present_photo{ margin-bottom: 20px;}
#present02 .present_photo img{ width: 100%; height: auto;}

#under_data{ text-align: left; color: #644632; font-size: 1.2em; line-height: 1.6em; margin-top: 30px; padding-bottom: 40px; position: relative;}
#under_data .text_data{}
#under_data .text_data dl{ margin-bottom: 20px;}
#under_data .text_data dl dt{}
#under_data .text_data dl dd:nth-child(3){ margin-top: 20px;}
#under_data .towa_house_logo{ width: 353px; margin: 0 auto;}
#under_data .towa_towawa{ position: absolute; bottom: -42px; right: 0;}