/* CSS Document */
/*コンテンツ*/
@media screen and (min-width: 600px){	
  .br-pc { display:block; }
  .br-sp { display:none; }
}
@media screen and (max-width: 600px){	
  .br-pc { display:none; }
  .br-sp { display:block; }
}

.comic_header{
width: 100%;
height: 380px;
background-image: url("/img/sp/comic/bg1.jpg");
background-repeat: no-repeat;
background-size: cover;
}

.comic_header_area{
width: 880px;
height: 380px;
margin: 0 auto;
padding: 0;
background: url("/img/sp/comic/mainchara.png");
background-repeat: no-repeat;
background-position: bottom right;
background-size: 50%;
}


.comic_title{
width: 100%;
}


.ct_title{
font-size: 58px;
line-height: 68px;
font-weight: 800;
color: #fff;
margin-bottom: 20px;
padding-top: 60px;
text-shadow: 0px 2px 10px rgba(17, 83, 108, 0.99);
}

.ct_read{
display: inline-block;
font-size: 17px;
line-height: 18px;
font-weight: 500;
color: #FFFFFF;
background-color: #25254d;
padding: 6px 10px 8px 10px;
transform:skewX(-15deg);
margin-bottom: 8px;
}


.comic_area{
width: 100%;
height: auto;
background: #fff;
}

.comic_content{
width: 870px;
height: auto;
margin: 50px auto;
}

.comic_content img{
width: 870px;
}

.explanation_area{
width: 100%;
height: auto;
background-color: #dfebf0;
background-image: url("/img/sp/comic/bg2.jpg");
background-repeat: repeat-x;
background-position: top;
background-size:contain;
}

.explanation_contents{
width: 800px;
height: auto;
margin: 0 auto;
text-align: center;
padding-top: 60px;
}

.ex_tit{
position: relative;
display: inline-block;
color: #25254d;
font-size: 36px;
line-height: 42px;
font-weight: 600;
padding: 0 0 30px 0;
text-align: center;
border-bottom: 3px solid #25254d;
margin-bottom: 60px;
}

.ex_tit:before,
.ex_tit:after {
    position: absolute;
    top: 100%;
    left: 50%;
    content: "";
    height: 0;
    width: 0;
}

.ex_tit:before {
    border: 24px solid;
    border-color: transparent;
    border-top-color:#25254d;
    margin-left: -16px;
}

.ex_tit:after {
    border: 20px solid;
    border-color: transparent;
    border-top-color: #c0dee7;
    margin-left: -12px;
}


ul.ex_list{
display: inline-block;
text-align: left;
list-style: none;
margin: 0 auto 70px;
}

ul.ex_list li{
font-size: 20px;
line-height: 24px;
color: #25254d;
margin-bottom: 20px;

}

ul.ex_list li:before{
content:  "";                 /* 空の要素作成 */
width: 20px;                            /* 幅指定 */
height: 20px;                           /* 高さ指定 */
display:  inline-block;                 /* インラインブロックにする */
position:  relative;                    /* アイコンの位置を調整 */
top:2px;                             /* アイコンの位置を調整 */
margin-right: 10px;                      /* 余白指定 */
background-image: url("/img/sp/comic/icon_check.png");  /* アイコン指定 */
background-size:contain;              /* アイコンの大きさ指定 */
background-repeat:  no-repeat;          /* アイコンをリピートしないようにする */
vertical-align: top;                    /* アイコンの位置を調整 */
}

.ex_list_text_ul{
font-size: 20px;
font-weight: 700;
background: linear-gradient(transparent 50%, #f5c53a 0%);
line-height: 1.3em;
}

.ex_content{
width: 100%;
height: auto;
background: #fff;
padding: 20px;
margin-bottom: 30px;
text-align: center;
}

.ex_content:last-child{
margin-bottom: 60px;
}

.ex_content h3{
width: ;
height: ;
background-color:  #25254d;
color: #fff;
font-size: 22px;
line-height: 24px;
font-weight: 700;
padding: 12px;
text-align: center;
margin-bottom: 15px;
}

.ex_content p{
width: ;
height: ;
color: #333;
font-size: 16px;
line-height: 24px;
font-weight: 400;
text-align: center;
margin-bottom: 20px;
}
.ex_content img{
width:90%;
height:auto;
margin: 10px auto;
}


.ex_content h4{

color: #7ab5cc;
font-size: 22px;
line-height: 24px;
font-weight: 700;
text-align: center;
margin-bottom: 10px;
}

.ex_content h5{

color: #333;
font-size: 16px;
line-height: 16px;
font-weight: 700;
text-align: left;
text-decoration: underline;
text-underline-offset:0.5em;
margin-bottom: 15px;
}

.ex_table_half h6{
color: #333;
font-size: 16px;
line-height: 16px;
font-weight: 500;
text-align: left;
margin-bottom: 15px;
margin-top: 10px;
}

.ex_table_set{
display: flex;
justify-content: space-between;
}

.ex_table_full{
margin-bottom: 30px;
}


.ex_table_full table,
.ex_table_half table{
font-size:14px;
line-height: 18px;
}

.ex_table_half table{
width: 370px;
}

.ex_table_full table th,
.ex_table_half table th{
background: #dfebf0;
color: #25254d;padding: 10px 4px 10px 4px;
}




.ex_table_full table tr,
.ex_table_half table tr{
border-bottom: 1px solid #7ab5cc;
}
.ex_table_full table tr:first-child,
.ex_table_half table tr:first-child{
border-top:1px solid #fff;
}

.td_title{
background: #7ab5cc;
color: #fff;
}

.ex_table_full table tr td,
.ex_table_half table tr td{
border-left: 1px solid #7ab5cc;
padding: 10px 4px 10px 4px;
}


.tb_subtit{
background: #dfebf0;
color: #25254d;
}

.ex_table_full ul{
text-align: left;
list-style: none;
margin-left: 10px;
}


.ex_table_full ul li{
font-size: 14px;
line-height: 14px;
color: #333;
margin-bottom: 8px;
background-image: url("/img/sp/comic/icon_check.png");
background-repeat: no-repeat;
background-size: 13px;
padding-left: 20px;
background-position: 0px 1px;
}

/*
.ex_table_full ul li:before{
content:  "";             
width: 14px;                           
height: 14px;                        
display:  inline-block;            
position:  relative;               
top:2px;                    
margin-right: 6px;                 

background-size:contain;           
background-repeat:  no-repeat;        
vertical-align: top;                    
}
*/

.table_dis{
font-size:11px;
color: #333;
text-align: left;
margin: 5px 0 20px 0;
}


.comic_cta_area{
width: 100%;
height: auto;
background-image: url("/img/sp/comic/bg3.jpg");
background-repeat: no-repeat;
background-size: cover;
margin-bottom: -65px;

}

.comic_cta_content{
width: 800px;
height: auto;
margin: 0 auto;
text-align: center;
padding-top: 60px;
}

.comic_cta_tit{
position: relative;
display: inline-block;
color: #fff;
font-size: 36px;
line-height: 42px;
font-weight: 600;
padding: 0 0 30px 0;
text-align: center;
border-bottom: 3px solid #fff;
margin-bottom: 60px;
}

.comic_cta_tit:before,
.comic_cta_tit:after {
    position: absolute;
    top: 100%;
    left: 50%;
    content: "";
    height: 0;
    width: 0;
}

.comic_cta_tit:before {
    border: 24px solid;
    border-color: transparent;
    border-top-color:#fff;
    margin-left: -16px;
}

.comic_cta_tit:after {
    border: 20px solid;
    border-color: transparent;
    border-top-color: #445e89;
    margin-left: -12px;
}


.comic_cta_box1,
.comic_cta_box2{
background: #fff;
box-shadow: 0px 3px 14px 1px rgba(0,0,0,0.6);
text-align: center;
padding: 40px 0 30px 0;
margin-bottom: 30px;
}

.comic_cta_box1{
background-image: url("/img/sp/comic/subchara.png");
background-repeat: no-repeat;
background-size: 160px auto;
background-position: 99% 100%;
}

.comic_cta_box1 h3,
.comic_cta_box2 h3{
font-size: 24px;
font-weight: 700;
color: #25254d;
margin: 0 0 45px 0;
}


.comic_cta_form{
width: 460px; margin: 0 auto;
}


.comic_button_green{
width: 240px;
}



@media screen and ( max-width:850px )
{
.comic_header_area{
width: 800px;
height: 380px;
margin: 0 auto;
padding: 0;
background: url("../../img/sp/comic/mainchara.png");
background-repeat: no-repeat;
background-position: bottom right;
background-size: 50%;
}

.comic_content{
width: 800px;
height: auto;
margin: 50px auto;
}

.comic_content img{
width: 800px;
}

}




@media screen and (min-width:501px) and ( max-width:768px) {
    /*　画面サイズが768pxから1024pxまではここを読み込む　*/

.comic_header{
width: 100%;
height: 600px;
background-image: url("/img/sp/comic/bg1.jpg");
background-repeat: no-repeat;
background-size: cover;
}

.comic_header_area{
width: 90%;
height: 600px;
margin: 0 auto;
padding: 0;
background: url("/img/sp/comic/mainchara.png");
background-repeat: no-repeat;
background-position: bottom center;
background-size: 80%;
}


.comic_title{
width: 100%;
text-align: center
}


.ct_title{
font-size: 46px;
line-height: 50px;
font-weight: 800;
color: #fff;
margin-bottom: 20px;
padding-top: 15px;
text-shadow: 0px 2px 10px rgba(17, 83, 108, 0.99);
}

.ct_read{
display: inline-block;
font-size: 17px;
line-height: 18px;
font-weight: 500;
color: #FFFFFF;
background-color: #25254d;
padding: 6px 10px 8px 10px;
transform:skewX(-15deg);
margin-bottom: 8px;
}


.comic_area{
width: 100%;
height: auto;
background: #fff;
}

.comic_content{
width: 100%;
height: auto;
margin: 30px auto;
}

.comic_content img{
width: 100%;
}

.explanation_area{
width: 100%;
height: auto;
background-color: #dfebf0;
background-image: url("/img/sp/comic/bg2.jpg");
background-repeat: repeat-x;
background-position: top;
background-size:cover;
}

.explanation_contents{
width: 100%;
height: auto;
margin: 0 auto;
text-align: center;
padding-top: 40px;
}

.ex_tit{
position: relative;
display: inline-block;
color: #25254d;
font-size: 26px;
line-height: 30px;
font-weight: 600;
padding: 0 0 30px 0;
text-align: center;
border-bottom: 3px solid #25254d;
margin-bottom: 60px;
}

.ex_tit:before,
.ex_tit:after {
    position: absolute;
    top: 100%;
    left: 50%;
    content: "";
    height: 0;
    width: 0;
}

.ex_tit:before {
    border: 24px solid;
    border-color: transparent;
    border-top-color:#25254d;
    margin-left: -16px;
}

.ex_tit:after {
    border: 20px solid;
    border-color: transparent;
    border-top-color: #c0dee7;
    margin-left: -12px;
}


ul.ex_list{

display: inline-block;
text-align: left;
list-style: none;
margin: 0 auto 30px;
}

ul.ex_list li{
font-size: 16px;
line-height: 20px;
color: #25254d;
margin-bottom: 20px;

}

ul.ex_list li:before{
content:  "";                 /* 空の要素作成 */
width: 20px;                            /* 幅指定 */
height: 20px;                           /* 高さ指定 */
display:  inline-block;                 /* インラインブロックにする */
position:  relative;                    /* アイコンの位置を調整 */
top:2px;                             /* アイコンの位置を調整 */
margin-right: 10px;                      /* 余白指定 */
background-image: url("/img/sp/comic/icon_check.png");  /* アイコン指定 */
background-size:contain;              /* アイコンの大きさ指定 */
background-repeat:  no-repeat;          /* アイコンをリピートしないようにする */
vertical-align: top;                    /* アイコンの位置を調整 */
}

.ex_list_text_ul{
font-size: 20px;
font-weight: 700;
background: linear-gradient(transparent 50%, #f5c53a 0%);
line-height: 1.3em;
}

.ex_content{
width: 96%;
height: auto;
background: #fff;
padding: 10px;
margin: 0 auto;
margin-bottom: 20px;
text-align: center;
}

.ex_content:last-child{
margin-bottom: 30px;
}

.ex_content h3{
width: ;
height: ;
background-color:  #25254d;
color: #fff;
font-size: 16px;
line-height: 20px;
font-weight: 700;
padding: 6px;
text-align: center;
margin-bottom: 10px;
}

.ex_content p{
width: ;
height: ;
color: #333;
font-size: 14px;
line-height: 18px;
font-weight: 400;
text-align: left;
margin-bottom: 20px;
}
.ex_content img{
width:100%;
height:auto;
margin: 10px auto;
}


.ex_content h4{

color: #7ab5cc;
font-size: 18px;
line-height: 20px;
font-weight: 700;
text-align: center;
margin-bottom: 10px;
}

.ex_content h5{

color: #333;
font-size: 14px;
line-height: 16px;
font-weight: 700;
text-align: left;
text-decoration: underline;
text-underline-offset:0.5em;
margin-bottom: 15px;
}

.ex_table_half h6{
color: #333;
font-size: 12px;
line-height: 16px;
font-weight: 500;
text-align: left;
margin-bottom: 15px;
margin-top: 10px;
}

.ex_table_set{
display: flex;
flex-direction: column;
justify-content: space-between;
}

.ex_table_full{
margin-bottom: 30px;
}


.ex_table_full table,
.ex_table_half table{
font-size:11px;
line-height: 14px;
}

.ex_table_half table{
width: 100%;
}

.ex_table_full table th,
.ex_table_half table th{
width: 20%;
background: #dfebf0;
color: #25254d;padding: 8px 2px 8px 2px;font-size:11px;
}




.ex_table_full table tr,
.ex_table_half table tr{
border-bottom: 1px solid #7ab5cc;font-size:11px;
}
.ex_table_full table tr:first-child,
.ex_table_half table tr:first-child{
border-top:1px solid #fff;font-size:11px;
}

.td_title{
background: #7ab5cc;
color: #fff;
}

.ex_table_full table tr td,
.ex_table_half table tr td{
border-left: 1px solid #7ab5cc;
padding: 10px 4px 10px 4px;font-size:11px;
}


.tb_subtit{
background: #dfebf0;
color: #25254d;
}

.ex_table_full ul{
text-align: left;
margin-left: 10px;
list-style: url("/img/sp/comic/icon_check.png");
}


.ex_table_full ul li{
font-size:11px;
line-height: 14px;
color: #333;
margin-bottom: 10px;
background-image: url("/img/sp/comic/icon_check.png");
background-repeat: no-repeat;
background-size: 10px;
padding-left:13px;
background-position: 0 2px
}


/*
.ex_table_full ul li:before{
content:  "";                 
width: 14px;                       
height: 14px;                        
display:  block;             
position:  relative;             
top:2px;                         
margin-right: 6px;                  
background-image: url("../img/comic/icon_check.png");
background-size:contain;           
background-repeat:  no-repeat;        
vertical-align: top;                  
}
*/


.table_dis{
font-size:10px;
color: #333;
text-align: left;
margin: 5px 0 20px 0;
}


.comic_cta_area{
width: 100%;
height: auto;
background-image: url("/img/sp/comic/bg3.jpg");
background-repeat: no-repeat;
background-size: cover;
margin-bottom: -65px;

}

.comic_cta_content{
width: 96%;
height: auto;
margin: 0 auto;
text-align: center;
padding-top: 60px;
}

.comic_cta_tit{
position: relative;
display: inline-block;
color: #fff;
font-size: 26px;
line-height: 30px;
font-weight: 600;
padding: 0 0 30px 0;
text-align: center;
border-bottom: 3px solid #fff;
margin-bottom: 60px;
}



.comic_cta_tit:before,
.comic_cta_tit:after {
    position: absolute;
    top: 100%;
    left: 50%;
    content: "";
    height: 0;
    width: 0;
}

.comic_cta_tit:before {
    border: 24px solid;
    border-color: transparent;
    border-top-color:#fff;
    margin-left: -16px;
}

.comic_cta_tit:after {
    border: 20px solid;
    border-color: transparent;
    border-top-color: #445e89;
    margin-left: -12px;
}


.comic_cta_box1,
.comic_cta_box2{
background: #fff;
box-shadow: 0px 3px 14px 1px rgba(0,0,0,0.6);
text-align: center;
padding: 40px 0 30px 0;
margin-bottom: 30px;
}

.comic_cta_box1{
background-image: none;
background-repeat: no-repeat;
background-size: 160px auto;
background-position: 99% 100%;
}

.comic_cta_box1 h3,
.comic_cta_box2 h3{
font-size: 18px;
font-weight: 700;
color: #25254d;
margin: 0 0 45px 0;
}

.comic_cta_form{
width: 90%; margin: 0 auto;
}


.comic_button_green{
width: 100%;
}

.comic_cta_box2 .group-button{
width: 90%;
margin: 0 auto;

}
}


@media screen and ( max-width:500px )
{


.comic_header{
width: 100%;
height: 480px;
background-image: url("/img/sp/comic/bg1.jpg");
background-repeat: no-repeat;
background-size: cover;
}

.comic_header_area{
width: 90%;
height: 480px;
margin: 0 auto;
padding: 0;
background: url("/img/sp/comic/mainchara.png");
background-repeat: no-repeat;
background-position: bottom center;
background-size: 80%;
}


.comic_title{
width: 100%;
text-align: center
}


.ct_title{
font-size: 46px;
line-height: 50px;
font-weight: 800;
color: #fff;
margin-bottom: 20px;
padding-top: 15px;
text-shadow: 0px 2px 10px rgba(17, 83, 108, 0.99);
}

.ct_read{
display: inline-block;
font-size: 17px;
line-height: 18px;
font-weight: 500;
color: #FFFFFF;
background-color: #25254d;
padding: 6px 10px 8px 10px;
transform:skewX(-15deg);
margin-bottom: 8px;
}


.comic_area{
width: 100%;
height: auto;
background: #fff;
}

.comic_content{
width: 100%;
height: auto;
margin: 30px auto;
}

.comic_content img{
width: 100%;
}

.explanation_area{
width: 100%;
height: auto;
background-color: #dfebf0;
background-image: url("/img/sp/comic/bg2.jpg");
background-repeat: repeat-x;
background-position: top;
background-size:cover;
}

.explanation_contents{
width: 100%;
height: auto;
margin: 0 auto;
text-align: center;
padding-top: 40px;
}

.ex_tit{
position: relative;
display: inline-block;
color: #25254d;
font-size: 26px;
line-height: 30px;
font-weight: 600;
padding: 0 0 30px 0;
text-align: center;
border-bottom: 3px solid #25254d;
margin-bottom: 60px;
}

.ex_tit:before,
.ex_tit:after {
    position: absolute;
    top: 100%;
    left: 50%;
    content: "";
    height: 0;
    width: 0;
}

.ex_tit:before {
    border: 24px solid;
    border-color: transparent;
    border-top-color:#25254d;
    margin-left: -16px;
}

.ex_tit:after {
    border: 20px solid;
    border-color: transparent;
    border-top-color: #c0dee7;
    margin-left: -12px;
}


ul.ex_list{

display: inline-block;
text-align: left;
list-style: none;
margin: 0 auto 30px;
}

ul.ex_list li{
font-size: 16px;
line-height: 20px;
color: #25254d;
margin-bottom: 20px;

}

ul.ex_list li:before{
content:  "";                 /* 空の要素作成 */
width: 20px;                            /* 幅指定 */
height: 20px;                           /* 高さ指定 */
display:  inline-block;                 /* インラインブロックにする */
position:  relative;                    /* アイコンの位置を調整 */
top:2px;                             /* アイコンの位置を調整 */
margin-right: 10px;                      /* 余白指定 */
background-image: url("/img/sp/comic/icon_check.png");  /* アイコン指定 */
background-size:contain;              /* アイコンの大きさ指定 */
background-repeat:  no-repeat;          /* アイコンをリピートしないようにする */
vertical-align: top;                    /* アイコンの位置を調整 */
}

.ex_list_text_ul{
font-size: 20px;
font-weight: 700;
background: linear-gradient(transparent 50%, #f5c53a 0%);
line-height: 1.3em;
}

.ex_content{
width: 96%;
height: auto;
background: #fff;
padding: 10px;
margin: 0 auto;
margin-bottom: 20px;
text-align: center;
}

.ex_content:last-child{
margin-bottom: 30px;
}

.ex_content h3{
width: ;
height: ;
background-color:  #25254d;
color: #fff;
font-size: 16px;
line-height: 20px;
font-weight: 700;
padding: 6px;
text-align: center;
margin-bottom: 10px;
}

.ex_content p{
width: ;
height: ;
color: #333;
font-size: 14px;
line-height: 18px;
font-weight: 400;
text-align: left;
margin-bottom: 20px;
}
.ex_content img{
width:100%;
height:auto;
margin: 10px auto;
}


.ex_content h4{

color: #7ab5cc;
font-size: 18px;
line-height: 20px;
font-weight: 700;
text-align: center;
margin-bottom: 10px;
}

.ex_content h5{

color: #333;
font-size: 14px;
line-height: 16px;
font-weight: 700;
text-align: left;
text-decoration: underline;
text-underline-offset:0.5em;
margin-bottom: 15px;
}

.ex_table_half h6{
color: #333;
font-size: 12px;
line-height: 16px;
font-weight: 500;
text-align: left;
margin-bottom: 15px;
margin-top: 10px;
}

.ex_table_set{
display: flex;
flex-direction: column;
justify-content: space-between;
}

.ex_table_full{
margin-bottom: 30px;
}


.ex_table_full table,
.ex_table_half table{
font-size:11px;
line-height: 14px;
}

.ex_table_half table{
width: 100%;
}

.ex_table_full table th,
.ex_table_half table th{
width: 20%;
background: #dfebf0;
color: #25254d;padding: 8px 2px 8px 2px;font-size:11px;
}




.ex_table_full table tr,
.ex_table_half table tr{
border-bottom: 1px solid #7ab5cc;font-size:11px;
}
.ex_table_full table tr:first-child,
.ex_table_half table tr:first-child{
border-top:1px solid #fff;font-size:11px;
}

.td_title{
background: #7ab5cc;
color: #fff;
}

.ex_table_full table tr td,
.ex_table_half table tr td{
border-left: 1px solid #7ab5cc;
padding: 10px 4px 10px 4px;font-size:11px;
}


.tb_subtit{
background: #dfebf0;
color: #25254d;
}

.ex_table_full ul{
text-align: left;
margin-left: 10px;
list-style: url("/img/sp/comic/icon_check.png");
}


.ex_table_full ul li{
font-size:11px;
line-height: 14px;
color: #333;
margin-bottom: 10px;
background-image: url("/img/sp/comic/icon_check.png");
background-repeat: no-repeat;
background-size: 10px;
padding-left:13px;
background-position: 0 2px
}


/*
.ex_table_full ul li:before{
content:  "";                 
width: 14px;                       
height: 14px;                        
display:  block;             
position:  relative;             
top:2px;                         
margin-right: 6px;                  
background-image: url("../img/comic/icon_check.png");  
background-size:contain;           
background-repeat:  no-repeat;        
vertical-align: top;                  
}
*/


.table_dis{
font-size:10px;
color: #333;
text-align: left;
margin: 5px 0 20px 0;
}


.comic_cta_area{
width: 100%;
height: auto;
background-image: url("/img/sp/comic/bg3.jpg");
background-repeat: no-repeat;
background-size: cover;
margin-bottom: -65px;

}

.comic_cta_content{
width: 96%;
height: auto;
margin: 0 auto;
text-align: center;
padding-top: 60px;
}

.comic_cta_tit{
position: relative;
display: inline-block;
color: #fff;
font-size: 26px;
line-height: 30px;
font-weight: 600;
padding: 0 0 30px 0;
text-align: center;
border-bottom: 3px solid #fff;
margin-bottom: 60px;
}



.comic_cta_tit:before,
.comic_cta_tit:after {
    position: absolute;
    top: 100%;
    left: 50%;
    content: "";
    height: 0;
    width: 0;
}

.comic_cta_tit:before {
    border: 24px solid;
    border-color: transparent;
    border-top-color:#fff;
    margin-left: -16px;
}

.comic_cta_tit:after {
    border: 20px solid;
    border-color: transparent;
    border-top-color: #445e89;
    margin-left: -12px;
}


.comic_cta_box1,
.comic_cta_box2{
background: #fff;
box-shadow: 0px 3px 14px 1px rgba(0,0,0,0.6);
text-align: center;
padding: 40px 0 30px 0;
margin-bottom: 30px;
}

.comic_cta_box1{
background-image: none;
background-repeat: no-repeat;
background-size: 160px auto;
background-position: 99% 100%;
}

.comic_cta_box1 h3,
.comic_cta_box2 h3{
font-size: 18px;
font-weight: 700;
color: #25254d;
margin: 0 0 45px 0;
}

.comic_cta_form{
width: 90%; margin: 0 auto;
}


.comic_button_green{
width: 100%;
}

.comic_cta_box2 .group-button{
width: 90%;
margin: 0 auto;

}

}