@charset "UTF-8";

@import url('https://fonts.googleapis.com/css?family=Roboto:400,700');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700');
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:400,700');
@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:400,600');
@import url('https://fonts.googleapis.com/css?family=Scheherazade');



body {
    overflow-y: scroll;
    color: #444;
    font-size: 1.6rem;
    font-family: 'Roboto', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, sans-serif;
    font-weight: 400;
    word-wrap: break-word;
    line-height: 1.8;
    letter-spacing: 0.1em;
    /* アンチエイリアスを指定 */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* 文字サイズの自動調整をOFF */
    -webkit-text-size-adjust: 100%;
}

a {
    color: #444;
    text-decoration: none;
}

img {
   width: 100%;
   height: auto;
    vertical-align: bottom;
}


.sp_on{
  display: block;
}

@media all and  (min-width: 768px){
  .sp_on{
    display: none;
  }
}


.info_img a:hover{
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}


.line_top{
  margin-bottom: 50px;
  text-align: center;
}



.line_top img {
  display: block;
  height: auto;
  width: 130px;
  margin: 0 auto 10px;

}

/*##################################################################
font
##################################################################*/

.fo_c{
  text-align: center;
}

.fc_w{
  color: #ffffff;
}


.fs120{
  font-size: 120%;
}


.fs150{
  font-size: 150%;
}

.fs170{
  font-size: 170%;
}


.fs180{
  font-size: 180%;
}


/*##################################################################
margin
##################################################################*/
.mt10{
  margin-top: 10px;
}

.mt20{
  margin-top: 20px;
}



.mt40{
  margin-top: 40px;
}



.mt50{
  margin-top: 50px;
}

.mt100{
  margin-top: 100px;
}
.mb5{
  margin-bottom: 5px;
}

.mb10{
  margin-bottom: 10px;
}

.mb20{
  margin-bottom: 20px;
}

.mb30{
  margin-bottom: 30px;
}

.pa5{
  padding: 5%;
}


.clb{
  clear: both;
  float: none;
  overflow: hidden;
}
/*##################################################################
box
##################################################################*/


/*##################################################################
TOP イメージ
##################################################################*/

.page_images{
  display: none;
}

@media all and  (min-width: 768px){

  .page_images_sp{
    display: none;
  }

  .page_images{
    display: block;
    background-color: #0f3381;
    background: linear-gradient(90deg, #0f3381 0%, #0f3381 50%, #ffff 50%, #ffff 100%);
    text-align: center;
  }

}

.page_images img{
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}


/*##################################################################
header
##################################################################*/

.header{
  position: relative;
  }

.wrapper{
  padding: 0 15px;
  margin: 0 auto;
}

@media screen and (min-width: 1020px){
  .wrapper{
    padding: 0;
    max-width: 1200px;
  }
}

/*##################################################################
TOPcontents
##################################################################*/
.top_01{
  margin-top: 50px;
  background-image:url(../images/yobuko.png);
  background-size: contain;
  background-repeat:   no-repeat;
  background-position: center center; 
}

@media screen and (min-width: 1020px){
  .top_01{
    margin-top: 100px;
  }
}


.f22_b{
  font-size: 2.0em;
  color: #036eb8;
  font-weight: 700;
  text-align: center;
}

.message_t{
  margin-top: 15px;
}

.sign_t{
  text-align: right;
  margin-right: 15px;
  margin-top: 15px;
}

.sign_t img{
  width: 130px;
}

.annotation{
  font-size: 80%;
  margin-top: 20px;
}





.top_02{
  margin-top: 50px;
}

@media screen and (min-width: 768px){
  .top_02{
    display: flex;
  }
}



@media screen and (min-width: 768px){
  .top_02{
    margin-top: 100px;
  }

.box_p_l{
  width: 35%;
  margin-left: 20%;
}

}

.box_p_r{
  margin-top: 30px;
}

@media screen and (min-width: 768px){
.box_p_r{
  margin-top: 0px;
  width: 45%;
  margin-left: 7%;
}
}

.f20_bb{
  font-size: 2rem;
  font-weight: 800;
  display: inline-block;
}


.priflie li span {
  font-size: 1.4rem;
  margin-left: 15px;
  margin-top: 15px;
  vertical-align: middle;
 }

 .priflie li{
  margin-bottom: 20px;
 }

 /*##################################################################
私のめざすもの
##################################################################*/


@media screen and (min-width: 768px){
  .wrapper02{
    max-width: 1200px;
    margin: 0 auto;
  }
}


.top_03{
  margin-top: 100px;
}

.f18_dd{
  font-size: 1.6em;
  font-weight: 700;
  text-align: center;
  margin-top: 30px;
}

.my_pp2{
  margin-top: 20px;
}

@media screen and (min-width: 768px){
  .my_pp2{
    display: flex;
    justify-content: space-between;
  }
}



.my_pp2 li{
  margin-bottom: 50px;
}

@media screen and (min-width: 768px){
  .my_pp2 li{
    width: 47%;

  }
}



.pp_text_a{
  padding: 0 15px;
  margin-top: 15px;
}


.title_01r{
  font-size: 1.2em;
  font-weight: 700;
  text-align: center;
  color: #036eb8;
  margin-bottom: 10px;
}

.title_01r::before{
  content: "";
  background-image: url(../images/01.png);
  display: inline-block;
  width: 25px;
  height: 25px;
  background-size: contain;
  vertical-align: text-bottom;
  margin-right: 5px;
}


.title_02r{
  font-size: 1.2em;
  font-weight: 700;
  text-align: center;
  color: #036eb8;
  margin-bottom: 10px;
}

.title_02r::before{
  content: "";
  background-image: url(../images/02.png);
  display: inline-block;
  width: 25px;
  height: 25px;
  background-size: contain;
  vertical-align: text-bottom;
  margin-right: 5px;
}



.my_pp3{
  margin-top: 20px;
}

@media screen and (min-width: 768px){
  .my_pp3{
    display: flex;
    justify-content: space-between;
  }
}



.my_pp3 li{
  margin-bottom: 50px;
}

@media screen and (min-width: 768px){
  .my_pp3 li{
    width: 30%;

  }
}


.title_03r{
  font-size: 1.2em;
  font-weight: 700;
  text-align: center;
  color: #036eb8;
  margin-bottom: 10px;
}

.title_03r::before{
  content: "";
  background-image: url(../images/03.png);
  display: inline-block;
  width: 25px;
  height: 25px;
  background-size: contain;
  vertical-align: text-bottom;
  margin-right: 5px;
}

.title_04r{
  font-size: 1.2em;
  font-weight: 700;
  text-align: center;
  color: #036eb8;
  margin-bottom: 10px;
}

.title_04r::before{
  content: "";
  background-image: url(../images/04.png);
  display: inline-block;
  width: 25px;
  height: 25px;
  background-size: contain;
  vertical-align: text-bottom;
  margin-right: 5px;
}


.title_05r{
  font-size: 1.2em;
  font-weight: 700;
  text-align: center;
  color: #036eb8;
  margin-bottom: 10px;
}

.title_05r::before{
  content: "";
  background-image: url(../images/05.png);
  display: inline-block;
  width: 25px;
  height: 25px;
  background-size: contain;
  vertical-align: text-bottom;
  margin-right: 5px;
}
/*##################################################################
後援会事務所
##################################################################*/
.top_04{
  margin-top: 75px;
}

@media screen and (min-width: 768px){
  .top_04{
    margin-top: 100px;
  }
}



.office_box_tt{
  margin-top: 30px;
}

.caution_top{
  font-size: 85%;
  padding-left:1em;
text-indent:-1em;
margin-top: 15px;
}

.apply_how{
margin-top: 30px;
}

.apply_how li{
  color: #fff;
  width: 100%;
  text-align: center;
  padding: 10px 20px;
  border-radius: 10px;
  margin-bottom: 30px;
}

.apply_how li a{
  color: #fff;
}

.bb01 {
     background-color: #172a88;
}

.bb02 {
    background-color: #036eb8;
}

.bb03 {
    background-color: #2ea7e0;
}

.bb04 {
     background-color: #00a29a;
}



@media screen and (min-width: 768px){
  .box_l_001{
    width: 46%;
    float: left;
  }
  
  
  .box_r_001{
    width: 46%;
    float: right;
  }

  .apply_how{
    margin-top: 0px;
    }
}



a.btn_02 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	font-size: 1.5em;
	margin: auto;
	padding: 1rem 4rem;
	font-weight: bold;
	background: #0f3381;
	color: #fff;
	transition: 0.5s;
  width: 350px;
  margin-top: 30px;
}
a.btn_02:hover {
	background: #27acd9;
}

/*###########################
footer
###########################*/

.clear{
  clear: both;
  overflow: hidden;
  float: none;
}

.footer{
  background-color: #172a88;
  margin-top: 80px;
  color: #ffff;
}

.f_wrapper{
  padding: 50px 15px ;
  margin: 30px auto 0;
  text-align: center;
}

@media screen and (min-width: 768px){
  .f_wrapper{
    padding: 30px 0 0;
    max-width: 1200px;
  }
}


.f_wrapper h1{
  font-size: 1.6em;
  margin-bottom: 15px;
}

.address{
  font-size: 0.8em;
  margin: 15px 0;
}
/*###########################
個人情報
###########################*/

  .page_un_images{
    display: block;
    background-color: #0f3381;
    text-align: center;
  }

.page_un_images img{
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.page_mane{
  background-color: #036eb8;
  color: #fff;
  text-align: center;
  padding: 10px ;
  font-weight: 900;
  font-size: 1.4em;
}



.privacy {
  margin-top: 25px;
  font-size: 100%;
}
.privacy dt {
  font-size: 115%;
  font-weight: bold;
  margin-top: 3em;
}
.privacy dd ol {
  margin-top: 1em;
}
.privacy dd ol li {
  list-style-type: decimal;
  list-style-position: outside;
  margin-left: 3em;
}

.pv-titile{
font-size: 115%;
font-weight: bold;
margin-top: 3em;
}

/*###########################
form
########################### */

.under_top{
  margin-top: 100px;
}

.f18_b{
  font-size: 1.8em;
  font-weight: 800;
}

@media screen and (min-width: 768px){

  .f18_b{
    font-size: 1.8em;
    font-weight: 800;
  }
  
  }


  .back_color_g{
    background-color: #ededed;
  }
  
.contact_body {
	margin: 30px 0% 20px;

}

.contact_body dl {
	margin-bottom: 20px;
}


.contact_body dl dd {
	max-width:650px;
}

.wpcf7-list-item {
	margin-right: 10px;
}

.wpcf7-list-item label {
	margin-right: 50px;
	display: block;
	margin-bottom: 10px;
}




.f-red {
	font-size: 120%;
	color: #F00;
}
.notice {
	list-style-type: square;
	list-style-position: outside;
	margin-top: 10px;
	margin-bottom: 20px;
	padding-left:1em;
    text-indent:-2em;
}

.notice li {
	margin-bottom: 5px;
}

.required {
	color: #F00;
	font-size: 80%;
}
.contact_attention {
	color: #90C21F;
	font-size: 110%;
}
.contact_notion {
	margin-top: 10px;
	margin-left: 10px;
}
.contact_notion li {
	list-style-position: outside;
	list-style-type: disc;
	margin-left: 0.5em;
	margin-bottom: 10px;
}

.contact_body {
	margin: 30px 0% 20px;

}

.contact_body dl {
	margin-bottom: 20px;
}


.contact_body dl dd {
	max-width:650px;
}

.wpcf7-list-item {
	margin-right: 10px;
}

.wpcf7-list-item label {
	margin-right: 50px;
	display: block;
	margin-bottom: 10px;
}

@media all and  (min-width: 768px)
{

.contact_body dl dt {
	float: left;
        padding-left: 100px;
}

.contact_body dl dd {
	padding-left: 400px;
}

}




/*###########################
ボタン
########################### */


.c-btn {
    display: inline-block;
    position: relative;
    padding: 9px 50px 8px;
    border: 2px solid #37383a;
    border-radius: 2px;
    font-size: 1.3rem;
    font-weight: bold;
    -webkit-transition: 0.3s;
            transition: 0.3s;
}


.c-btn.arrow {
    padding: 9px 55px 8px 45px;
}
.c-btn.arrow::after {
    content: '';
    position: absolute;
    top: 50%;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    margin-left: 15px;
    border-right: 1px solid #37383a;
    border-top: 1px solid #37383a;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transition: 0.3s;
            transition: 0.3s;
}


.c-btn.arrow--submit {
    padding: 9px 55px 8px 45px;
    border: 2px solid #2a7f93;
    color: #2a7f93;
}
.c-btn.arrow--submit::after {
    content: '';
    position: absolute;
    top: 50%;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    margin-left: 15px;
    border-right: 1px solid #2a7f93;
    border-top: 1px solid #2a7f93;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transition: 0.3s;
            transition: 0.3s;
}
.c-btn.arrow--submit:hover {
    background-color: #2a7f93;
    color: #fff;
}


.c-btn_wrap {
    text-align: center;
    padding: 35px 0;
}
/* mail_form */
/* ============================================ */
.back_g_c {
  background-color: #f1f1f1;
}

.palr15 {
  padding-left: 15px;
  padding-right: 15px;
}

.pa100b {
  padding: 50px 0;
}


.upt_wa {
  text-align: center;
  line-height: 1.1;
  font-weight: 600;
  font-size: 25px;
  font-size: 2.5rem;
}


.mw_wp_form {
  padding: 20px 0px 70px;
}


.mw_wp_form form dl {
  margin-bottom: 0px;
  padding-bottom: 0px;
  display: table;
  border-bottom: 1px solid rgb(203, 203, 203);
  width: 100%;
}

.mw_wp_form form dl dt {
  width: 100%;
  display: block;
  padding: 20px 0 20px;
  font-size: 16px;
  font-weight: normal;
  padding-bottom: 0;
  font-weight: 600;
}

@media only screen and (min-width: 767px) {
  .mw_wp_form form dl dt {
    width: 30%;
    padding: 30px 0px 30px 20px;
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    word-break: keep-all;
  }
}



.mw_wp_form form dl dd {
  width: 100%;
  font-size: 14px;
  line-height: 24px;
  padding: 20px 0 20px;
  display: block;
  border-bottom: 1px solid rgb(203, 203, 203);

}

@media only screen and (min-width: 767px) {
  .mw_wp_form form dl dd {
    padding: 30px 0px 30px 20px;
    vertical-align: middle;
    text-align: left;

  }
}


.mw_wp_form form dd:last-child{
  border-bottom: none;
}

.must {
  background: rgb(243, 39, 77);
  color: #fff;
  padding: 3px 10px;
  margin-left: 15px;
  font-size: 14px;

}

.mw_wp_form form dl dd input {
  padding: 0 15px;
  box-sizing: border-box !important;
  width: 95%;
  height: 35px;
  border: 1px solid rgb(203, 203, 203);
  border-radius: 4px;
  margin-top: 0;
  background-color: #fff;
}

@media only screen and (min-width: 767px) {
  .mw_wp_form form dl dd input {
    width: auto;
  }
}


.mw_wp_form form dl dd textarea {
  padding: 15px;
  border: 1px solid rgb(203, 203, 203);
  width: 95%;
  box-sizing: border-box !important;
  background-color: #fff;
}


@media only screen and (min-width: 767px) {
  .mw_wp_form form dl dd textarea {
    width: auto;
  }
}
.privacy .doui {
  margin-bottom: 50px;
  text-align: center;
}


.form-button input {
  width: 330px;
  text-align: center;
  position: relative;
  display: inline-block;
  padding: 15px 0;
  color: #fff;
  background-color: #773c1c;
  border: 1px solid #773c1c;
}

p.form-button {
  text-align: center;
}


.mw_wp_form form .radio_b dd input {
  padding: 0 15px;
  box-sizing: border-box !important;
  width: auto;
  height: 35px;
  border: 1px solid rgb(203, 203, 203);
  border-radius: 4px;
  margin-top: 0;
  background-color: #fff;
}


.nichiji input{
width: auto;
}


.mw_wp_form form dl dd select {
  padding: 0 15px;
  width: 365px;
  height: 35px;
  border: 1px solid rgb(203, 203, 203);
  border-radius: 4px;
  margin-top: 10px;
  background: #ffffff;
}

 .jikan {
  width: auto;
}

input[type="submit"] {
  background-color: #145d97;
  color: #ffff;
  font-size: 20px;
  padding: 0 20px;
}


input.check_f {
  width: 20px!important;
}

.w100{
  width: 100% !important;
}

.ttm100{
  margin-top: 100px !important;
}

.for_patient{
  margin-top: 50px;
}
.pp_tt02{
   font-size: 1.3em;
   font-weight: 500;
  padding-left:1em;
	text-indent:-1em;
  margin-bottom: 30px
}