@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td { margin: 0; padding: 0;}
body { overflow-x: hidden; color:#333333; font-family: 'ヒラギノ角ゴ ProN',"Hiragino Kaku Gothic Pro",Meiryo,"ＭＳ Ｐゴシック",sans-serif;font-feature-settings:"palt";}
ul { list-style: none; }
fieldset,img { border: 0; vertical-align: top; overflow: hidden; }
a { color:inherit; text-decoration: underline; }
a:hover { text-decoration: underline; color: #ff0081;}
.clearfix { *zoom:1;}
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clear { clear: both; display: block; height: 0; overflow: hidden; }
img{ max-width:100%;}

.wf_noto{font-family: 'Noto Serif JP', serif;}
.font_feature{font-feature-settings:"palt";-moz-font-feature-settings:"palt";-webkit-font-feature-settings:"palt";}

.cl_yellow{ color: #fff000; }

.sp_none{ display: block; }
.pc_none{ display: none; }

.an_scl{ opacity: 0; }
.animated{ opacity: 1; }

.text-shadow{ text-shadow: 0 0px 0.7em #000, 0 0px 0.7em #000, 0 0px 0.8em #000, 0 0px 0.8em #000, 0 0px 0.8em #000;}

/******************************************************************/
html{ font-size: 100px; }
body{font-size: 0.2rem; line-height:200%; min-height: 100vh; position: relative;background:#f4ebed; }
body:after{ position:fixed; top: 0; left:0; width: 100vw; height: 100vh;/* filter: blur(8px) opacity(100%); */ z-index: 1; }


.header{ position: relative;/* display: flex; flex-wrap:wrap; height:120vh; */background: #d4ddec;}
.header .tp_ph{width: 50%; height:120%;background: #d4dded;animation-duration: 2s;animation-delay: 1s;}
.header .tp_logo{width: 50%; height:100vh;display: flex;justify-content: center;align-items: center;animation-duration: 1.5s; }

/* 1000/635 */
.longpg .header{height:54vw;padding-bottom: 10vw;}
.longpg .header .tp_logo{height:100%;}
/* 1000/635 */


 .header img{ width:1600px; }


.wrap{ margin-top:-10vw; position: relative; z-index: 5; overflow: hidden; }
.logo_pb{ position:absolute; top: 2rem; right: 0; width:43.9%; margin-right: -21.95%; z-index: 10;opacity: 0.08; z-index: 6; }
.innermob{ margin:0 0 0 10%; position: relative;}
.rd{ background: #fff;}
.rd:after{content: ""; display: block; position: absolute;right:calc(100% - 1px);top: 0; width:15%; height: 100%; background: #fff;transform: skewY(-45deg);transform-origin: 100% 0;}
.in_con{ width:88.9%; padding:7.5% 5.5%; box-sizing:border-box; position: relative; z-index: 10; }

.con_upsmtitle{ font-size: 1.8em;line-height: 150%; }
.con_title{ font-size: 2.4em; line-height: 120%; position: relative; padding-bottom:0.6rem; margin-bottom:0.6rem; }
.con_title:after{content: ""; display: block; position: absolute;bottom: 0; left: 0; width: 2em; height: 2px; background: #e88c8b; }

.con_banner{padding: 0.4rem 0;}
.con_banner a{ display: inline-block; font-size: 1.5em; line-height: 100%; padding:0.8em 1.5em; position: relative; background: #fff; box-shadow: 0.2em 0.2em 0 #bfc6d5; text-decoration: none;/* border: 1px solid #bfc6d5; */ transition:box-shadow 0.3s;}
.con_banner a:hover{box-shadow: 0.1em 0.1em 0 #bfc6d5;}

.table{ border-right:1px solid #cccccc; border-top:1px solid #cccccc;border-collapse: collapse;}
.table td{ padding: 0.2em 0.5em;vertical-align: center; line-height: 170%; }
.table tr:first-child td{ border-right:1px solid #fff; background: #cccccc; font-weight: bold;text-align: center;}
.table tr:first-child td:last-child{ border-right:1px solid #ccc; font-size: 1em;}
.table tbody tr td:first-child{ text-align: center;}
.table tbody tr td:last-child{font-size: 0.7em;}
.table td{ border-left:1px solid #cccccc; border-bottom:1px solid #cccccc;}

.pnt_tlt{ font-size: 1.2em; font-weight: 700; }
.table_pnt{ background: #fff; width: 6rem; }
.table_pnt tbody tr td:first-child{ text-align:left;}
.table_pnt tr:first-child td{ background:#83a5c1}
.table_pnt tbody tr td:last-child{font-size: 1em;}




/* form */
.con_form select{-webkit-appearance:none; width: 4rem;max-width: 90%; padding: 0.5em 0.5em; font-size:0.9em; border:1px solid #999999; border-radius: 0; background: #fff url(../images/ioc_down.png) 98% center no-repeat; background-size:0.2rem;  }


.form-group{ padding:0.15rem 0;  }
.form-group > legend{ font-weight: bold; padding-bottom: 0.05rem; }
.form-required:after {content: "必須";background: #e53935;color: #fff;padding: .25em .5em;border-radius: .25em;font-size: .7em;margin-left: .5em;vertical-align: middle;}
.form-label-radio-checkbox{ padding-right: 0.2rem; }
.form-label-radio-checkbox input{vertical-align: middle; margin-right:0.05rem;}
textarea{-webkit-appearance:none;width: 4rem;min-width: 4rem;max-width: 90%;height: 12em; min-height: 12em; background: #fff; border-radius: 0; border:1px solid #999999;}

.form-btn-submit{-webkit-appearance:none;display: inline-block; font-size: 1.5em; line-height: 100%; padding:0.8em 1.5em; position: relative; background: #fff; box-shadow: 0.2em 0.2em 0 #bfc6d5; text-decoration: none;border: 0px solid #bfc6d5; transition:box-shadow 0.3s; cursor: pointer; border-radius: 0;}
.form-btn-submit:hover{box-shadow: 0.1em 0.1em 0 #bfc6d5; color: #ff0081;}




.foot{  background-color: #000;padding:0.8rem; color: #fff; font-size: 0.7em; line-height: 100%; text-align: center; /* margin-top:-0.8rem; */}




@media screen and (max-width:1500px) {
/* .innermob{min-height:calc(100vh - 5rem);} */




}
@media screen and (max-width:750px) {
html{ width: 100%; overflow-x: hidden; }
body{ overflow-x: hidden;}


.sp_none{ display: none; }
.pc_none{ display: block; }

/* .wrap{ margin-top:0;}
.inm01{ margin-left: 0; padding-left: 10%; }
.inm01:after{right:calc(90% - 1px);}
 */

.innermob{  }

.con_upsmtitle{ font-size: 1.6em;line-height: 150%; }
.con_title{ font-size: 2em; line-height: 120%; position: relative; padding-bottom:0.6rem; margin-bottom:0.6rem; }

.table_pnt{ width:100%; }


.foot{padding: 0.3rem 0;}
.ft_lg{}
.ft_lg a{ max-width:60%; padding:0.2rem 0; }

}

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



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



}