@charset "utf-8";

/* 更新履歴：20210708 */
/* CSS Document */
/* Background setting etc for layout confirmation　*/
#gw_custom_area{
  background: #ffffff;
  overflow-x: hidden;
}
.gw_background{
  background: #DBF4FF;
}
#gw_custom_area img{
-webkit-touch-callout:none;
  -webkit-user-select:none;
  -moz-touch-callout:none;
  -moz-user-select:none;
  -webkit-touch-callout: none;
  user-select:none;
}
.gw_i0_top img,
#gw_i2 img,
#gw_i3 img,
#gw_i4 img,
#gw_i5 img{
  pointer-events: none;
}
/* ---Background setting--- */

/* font-setting */
#gw_container{
  font-family: 'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','游ゴシック','YuGothic','メイリオ','Meiryo',sans-serif;
}
.gw_font_alphabet{
  font-family: 'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','游ゴシック','YuGothic','メイリオ','Meiryo',sans-serif;
}
/* ---font-setting--- */

/* 共通部分 */
#gw_custom_area > *{
  width: 100%;
  padding: 0;
  margin: 0 auto;
  border: none;
}
#gw_custom_area > h1{
  padding: 0;
  margin: 0 auto;
}
#gw_container h1{
  margin-bottom: 10vw;
}
#gw_container header{
  padding: 0;
  margin: 0 auto;
}
#gw_container h1,
#gw_container h2,
#gw_container h3{
  margin: 0;
  padding: 0;
  border: none;
  background: none;
}
#gw_container a{
  color: #000000;
}
#gw_container ul{
  list-style: none;
}
#gw_container a:hover {
opacity: 0.5;
}
/* gw_i0 */
#gw_i0_c1{
  width: 100%;
}
.gw_i0_top img{
  width: 100%;
  height: 100%;
  margin: 0 auto;
  margin-top: 10px;
  margin-bottom: 0;
}
.gw_i0_c2_button_img img{
  width: 100%;
  padding: 0;
  margin: 0 auto;
}
.gw_i0_c2_button_img a{
  text-decoration: none;
}
#gw_i2 #gw_i2_title,
#gw_i3 #gw_i3_title,
#gw_i4 #gw_i4_title,
#gw_i5 #gw_i5_title{
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: left;
}
#gw_i2 *,
#gw_i3 *,
#gw_i4 *,
#gw_i5 *{
  margin:0 auto;
  padding:0;
  border: none;
  text-align: center;
}
#gw_i9_title h2{
  text-align: center;
  font-size: 40px;
  color: #ffffff;
}
#gw_i9_c1{
  width: 100%;
  text-align: left;
}
.gw_i4_c2{
  padding-bottom: 20px;
}
#gw_txt_left{
  text-align: left;
  padding-left: 80px;
}
.gw_title_backcolor2 {
  text-align: center;
}
#gw_i7_title{
  text-align: center;
}
.gw_title_background{
  margin:0% -200%;
  padding:0% 200%;
  background: #ffffff;
}
.gw_yellow_background{
  margin:0% -200%;
  padding:0% 200%;
  background: #FAFE7D;
  color: #000000;
}
.gw_yellow_background img,
.gw_title_background img{
  width: 100%;
  margin: 0 auto;
}
.gw_textarea{
  font-feature-settings:"palt" 1;
  line-height: 2.2;
  text-align: center;
  display: inline-block;
  color: #000000;
  width: 100%;
  margin: 0 auto;
}
.gw_text_top1{
  color: #28A6B0;
  background: #ffffff;
  padding-bottom: 3%;
}
.gw_text_top{
  color: #2891B0;
  background: none;
  line-height: 1.7;
}
.gw_content_area{
  padding: 5%;
  background: #D9F4FF;
  text-align: center;
}
.gw_content_area p{
  padding-left: 2%;
}
.gw_content_area2{
  padding: 5%;
  line-height: 1.8;
  background: #D9F4FF;
  border-radius: 10px 10px 10px 10px;
}
.gw_content_area2 p{
  padding-left: 2%;
}
.gw_copy{
  text-align: center;
  margin: 0 auto;
  padding: 5%;
}
/* breadcrumb-setting */
.gw_breadcrumb{
  overflow: hidden;
  margin-top: 0;
  width: 100%;
  height: 50px;
  font-size: calc(1.2rem * 0.625);
}
.gw_breadcrumb li{
  float: left;
  padding-left: 20px;
  background: url(https://7net-img.omni7.jp/co/common/images/bg-icon-arrow-03.png) 7px center no-repeat;
}
.gw_breadcrumb li:first-child {
  padding-left: 0;
  background: none;
}
.gw_breadcrumb li a:hover{
  text-decoration: underline;
  color: #28A6B0;
}
.gw_breadcrumb li a{
  text-decoration: none;
  color: #000000;
}

/* PC領域 */
@media screen and (min-width: 981px) {
.gw_pc_only { display: block !important; }
.gw_sp_only { display: none !important; }
.gw_background4{
  background-image: url("https://7net-img.omni7.jp/cm/0001/sc_image/inc/pc/special/210701umianime/bg_bg.png");
  background-position: top;
  background-size: 1200px auto;
  margin:0% -200%;
  padding:0% 200%;
}
.gw_background5{
  background-image: url("https://7net-img.omni7.jp/cm/0001/sc_image/inc/pc/special/210701umianime/bg4.png");
  background-size: 1525px auto;
  background-repeat:repeat;
  margin:0% -200%;
  padding:0% 200%;
}
#gw_container{
  color: #000000;
  font-size: calc(1.6rem*0.625);
  width: 980px;
  padding: 0;
  margin: 0 auto;
}
#gw_i0_c2{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack:space-between;
  -ms-flex-pack:space-between;
  justify-content:space-between;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items:baseline;
}
.gw_i0_c2_button_img{
  position: relative;
}
#gw_i0_c2{
  position: absolute;
  bottom:20vh;
  left:1.0vw;
}
.gw_content_area,
.gw_content_area2{
  margin-top: 50px;
  margin-bottom: 50px;
}
.gw_text_top1{
  font-size: calc(4.0rem*0.625);
}
.gw_text_top{
  font-size: calc(3.1rem*0.625);
}
.gw_textarea2{
  font-size: calc(2.5rem*0.625);
}
.gw_content_area{
  border-radius: 20px 20px 20px 20px;
  font-size: calc(2.9rem*0.625);
}
.gw_content_area2{
  font-size: calc(2.4rem*0.625);
}
.gw_copy{
  font-size: calc(2.0rem*0.625);
  line-height: 1.7;
}
#gw_i2 img,
#gw_i3 img,
#gw_i4 img,
#gw_i5 img,
#gw_i6 img,
#gw_i7 img{
  width: 100%;
  margin: 0 auto;
}
#gw_i2_c2,
#gw_i3_c2,
#gw_i4_c2,
#gw_i5_c2{
  width: 80%;
  margin-top: 5vh;
  margin-bottom: 7vh;
}
#gw_i7_c1{
  width: 100%;
  margin: 0 auto;
  padding: 0;
  text-align: center;
}
#gw_i2,
#gw_i3,
#gw_i4,
#gw_i5{
  margin:0 -200%;
  padding:3% 200% 0.5%;
}
#gw_i9_c1{
  margin-bottom: 80px;
}
}

/* タブレット領域 */
@media screen and (min-width: 641px) and (max-width: 980px){
.gw_pc_only { display: block !important; }
.gw_sp_only { display: none !important; }
.gw_background4{
  background-image: url("https://7net-img.omni7.jp/cm/0001/sc_image/inc/pc/special/210701umianime/bg_bg.png");
  background-position: top;
  background-size: contain;
  margin:0% -200%;
  padding:0% 200%;
}
.gw_background5{
  background-image: url("https://7net-img.omni7.jp/cm/0001/sc_image/inc/pc/special/210701umianime/bg4.png");
  background-size: 1525px auto;
  background-repeat:repeat;
  margin:0% -200%;
  padding:0% 200%;
}
#gw_container{
  color: #000000;
  font-size: calc(1.6rem*0.625);
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
#gw_i0_c2{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack:space-between;
  -ms-flex-pack:space-between;
  justify-content:space-between;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items:baseline;
}
.gw_i0_c2_button_img{
  position: relative;
}
#gw_i0_c2{
  position: absolute;
  bottom:17vh;
  left:1.0vw;
}
.gw_content_area,
.gw_content_area2{
  margin-top: 50px;
  margin-bottom: 50px;
}
.gw_text_top1{
  font-size: calc(4.0rem*0.625);
}
.gw_text_top{
  font-size: calc(3.1rem*0.625);
}
.gw_textarea2{
  font-size: calc(2.5rem*0.625);
}
.gw_content_area{
  border-radius: 20px 20px 20px 20px;
  font-size: calc(2.9rem*0.625);
}
.gw_content_area2{
  font-size: calc(2.4rem*0.625);
}
.gw_copy{
  font-size: calc(2.0rem*0.625);
  line-height: 1.7;
}
#gw_i2 img,
#gw_i3 img,
#gw_i4 img,
#gw_i5 img,
#gw_i6 img,
#gw_i7 img{
  width: 96%;
  margin: 0 auto;
}
#gw_i2_c2,
#gw_i3_c2,
#gw_i4_c2,
#gw_i5_c2{
  width: 80%;
  margin-top: 5vh;
  margin-bottom: 7vh;
}
#gw_i2,
#gw_i3,
#gw_i4,
#gw_i5{
  margin:0 -200%;
  padding:3% 200% 0.5%;
}
#gw_i7_c1{
  width: 96%;
  margin: 0 auto;
  padding: 0;
  text-align: center;
}
#gw_i9_c1{
  margin-bottom: 80px;
}
}

/* SP領域 */
@media screen and (max-width:640px) {
.gw_pc_only { display: none !important; }
.gw_sp_only { display: block !important; }
.gw_background4{
  background-image: url("https://7net-img.omni7.jp/cm/0001/sc_image/inc/sp/special/210701umianime/bg1.png");
  background-position: top;
  background-size: contain;
  margin:0% -200%;
  padding:0% 200%;
}
.gw_background5{
  background-image: url("https://7net-img.omni7.jp/cm/0001/sc_image/inc/sp/special/210701umianime/bg2.png");
  background-position: top;
  background-size: contain;
  background-repeat:repeat;
  margin:0% -200%;
  padding:0% 200%;
}
#gw_container{
  color: #000000;
  font-size: calc(1.6rem*0.625);
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
.gw_content_area,
.gw_content_area2{
  margin-top: 20px;
  margin-bottom: 20px;
}
.gw_text_top1{
  font-size: calc(1.4rem*0.625);
}
.gw_text_top{
  font-size: calc(1.3rem*0.625);
}
.gw_content_area{
  font-size: calc(1.3rem*0.625);
  border-radius: 10px 10px 10px 10px;
}
.gw_content_area2{
  font-size: calc(1.0rem*0.625);
  font-feature-settings:"palt" 1;
}
.gw_copy{
  font-size: calc(1.0rem*0.625);
  line-height: 1.7;
}
#gw_i0_c2 img{
  width: 92%;
  margin: 0 auto;
  padding: 2%;
}
#gw_i0_c2{
  margin-bottom: 30px;
}
#gw_i2 img,
#gw_i3 img,
#gw_i4 img,
#gw_i5 img,
#gw_i6 img,
#gw_i7 img{
  width: 96%;
  margin: 0 auto;
}
#gw_i2_c2,
#gw_i3_c2,
#gw_i4_c2,
#gw_i5_c2{
  margin-top: 5vh;
  margin-bottom: 5vh;
}
#gw_i2,
#gw_i3,
#gw_i4,
#gw_i5{
  margin:0 -200%;
  padding:1% 200% 0.5%;
}
#gw_i7_c1{
  width: 96%;
  margin: 0 auto;
  padding: 0;
  text-align: center;
}
#gw_i9_c1{
  margin-bottom: 40px;
}
}
