﻿
.hvr-wobble-vertical:active, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:hover {-webkit-animation-name: hvr-wobble-vertical;animation-name: hvr-wobble-vertical;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;-webkit-animation-iteration-count: 1;animation-iteration-count: 1;}.hvr-wobble-vertical:active, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:hover {-webkit-animation-name: hvr-wobble-vertical;animation-name: hvr-wobble-vertical;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;-webkit-animation-iteration-count: 1;animation-iteration-count: 1;}/*--------btn--------*/
/* RESET CSS */
article, aside, details, figcaption, figure, footer, header, hgroup, img, menu, nav, section {display:block;}
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;}
body {line-height:1;}
ol, ul {list-style:none;}
table {border-collapse:collapse;border-spacing:0;}
table + p {margin-top:2rem;}
img {padding:0;max-width:100%;height:auto;}
* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
a[href^="tel:"] {pointer-events:none;text-decoration:none;color:#666;}
/*--------Basic--------*/
html {font-size:62.5%;}
body {width: 100%;font-size: 2.2rem;color: #220101;font-weight: 500;line-height: 1.7;-webkit-font-feature-settings: 'palt'1;font-feature-settings: 'palt'1;font-family: -apple-system-body, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans Japanese", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", meiryo, sans-serif;-webkit-text-size-adjust: 100%;overflow-x: hidden;background: #fff;}
section {padding:0rem 0 0;}
.body_wrap {    margin: 0 auto;max-width: 750px;    background:#220101;}
.pc {display:block;}
.sp {display:none;}
.clearfix:before, .clearfix:after {content:" ";display:table;}
.clearfix:after {clear:both;}
.clearfix {*zoom:1;}
.img_right {float:right;padding:0 0 2rem 2rem;}
.img_left {float:left;padding:0 2rem 2rem 0;}
.img_center {margin:0 auto;}
.flex {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;}
.flex + .flex {margin:2rem 0 0;}
.caption {width:100%;padding:1rem;margin:0 auto;background:#333;color:#fff;font-size:1.8rem;font-weight:900;line-height:1.4;text-align:center;}
.u {text-decoration:underline;}
.b {font-weight:bold;}
.r {color: #5e1729;}
.y {color:#fae19a;}
.wht {color:#fff !important;}
.gradation_g {color:#fae19a;background:-webkit-linear-gradient(0deg, #fae19a, #fdf1d5, #fae19a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-family:'Noto Sans JP', sans-serif;font-weight:900;}
.mark {background:linear-gradient(transparent 50%, #ffff84 50%);}
.txt_c {text-align:center;}
.txt_r {text-align:right;}
.txt_l {text-align:left;}
.xxsmall {font-size:30%;}
.xsmall {font-size:60%;}
.small {font-size:80%;}
.large {font-size:110%;}
.xlarge {font-size:140%;}
.xxlarge {font-size:160%;}
.sans {font-family:'Noto Sans JP', sans-serif;}
.serif {font-family: 'Noto Serif JP', "serif";}
.videotime {font-family:Arial, Helvetica, "sans-serif";font-weight:700;font-size:115%;}
.day_after { display:none;}
.bg_b {background:#89aa30;}
.middle {margin:2rem auto;}
.bottom {margin-bottom:2rem;}
.top {margin-top:2rem;}
.notice {padding-top:1rem;font-size:1.5rem;text-align:right;font-weight:400;font-family:sans-serif;color:#8a8a8a;letter-spacing:1px;}
.notice2 {padding-top:1rem;font-size:1.4rem;text-align:left;font-weight:400;font-family:sans-serif;color:#8a8a8a;letter-spacing:1px;}
.ui-autocomplete { position:absolute!important; background:#fff; list-style:none; border-radius:1rem; overflow:hidden; z-index:10;}
.ui-autocomplete li { border-bottom:1px solid #ccc; padding:1rem; font-family:inherit!important; text-align:left;}
.ui-state-focus { background:#ff7; }
.ui-helper-hidden-accessible { display:none!important; }
p + p { padding-top:2rem;}
/*--------Header--------*/
#prihead{background:#0e0e0e;padding: 1rem 0;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fdf1d5+0,fae19a+100 */
    background: #fdf1d5; /* Old browsers */
    background: -moz-linear-gradient(left,  #fdf1d5 0%, #fae19a 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #fdf1d5 0%,#fae19a 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #fdf1d5 0%,#fae19a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdf1d5', endColorstr='#fae19a',GradientType=1 ); /* IE6-9 */
    }
#prihead img{margin:0 auto;}
/*--------Header--------*/
header {width:100%;margin:0 auto;text-align:center;}
h1 {width:960px;margin:0 auto;position:relative;}
h1 img{margin:0 auto;}
.header1 #header_img {background: url(../img/head/kansyouhouuniv_head_bg.jpg) repeat-x center top;
}
.header2 #header_img {background: url(../img/head/kansyouhouuniv_head2_bg.jpg) repeat-x center top;
}
header .header_mv video {width:100%;height:auto;}
header .notice{color:#fff;}
.header1 .header_mv{position: absolute;
    width: 370px;
    height: auto;
    margin: 0 auto;
    left: 120px;
    bottom: 13px;
    z-index: 5;
}
.header_mv .sans{color:#fff;}
.mv_subttl{font-size:2.5rem;font-weight:900;font-family:'Noto Sans JP', sans-serif;}
/*head new style*/
#header_new {width:100%;margin:0 auto;background:#2E1C0E;background:url(https://placehold.jp/39436e/2b3045/1920x1080.jpg)no-repeat center/cover;padding:0;}
#header_new .header_mv{position:unset;}
#header_new #form_header{width:100%;margin:0 auto;}
#header_new #form_header .form2 .form_sub p{font-size:2rem;}
#header_new #form_header .form_notice{margin:0 auto;}
#header_new .header_mv{width:100%;margin:3rem auto;}
#header_new .form_btn2 {font-size:2.6rem;}
#header_new .form_notice p {color:#fff;padding: 1rem 0 0;}
#header_new .form_sub p {color:#fff;}
#header_new #form_header .form2 {padding: 3rem;background: #151b34}
/*---header 背景アニメーション---*/
.header_move_wrap{position:relative;overflow:hidden;height:100%;padding:4rem 0;}
.header_move_wrap h1{z-index:15;}
.header_move_wrap img{margin:0 auto 2rem;}
.header_move_wrap h3{color:#fff;}
/*6秒で背景切り替え*/
@keyframes anime {0% {opacity:0;}8% {opacity:1;}17% {opacity:1;}25% {opacity:0;transform:scale(1.2);z-index:9;}100% {opacity:0;}}
@-webkit-keyframes anime {0% { opacity:0;}8% {opacity:1;}17% {opacity:1;}25% {opacity:0;-webkit-transform:scale(1.2);z-index:9; }100% { opacity:0 }}
.move_img{opacity:0;width:100%;height:100%;object-fit:cover;position:absolute;left:0;top:0;-webkit-animation:anime 24s 0s infinite;animation:anime 24s 0s infinite;}
.move_img:nth-of-type(2) {-webkit-animation-delay:6s;animation-delay:6s; }
.move_img:nth-of-type(3) {-webkit-animation-delay:12s;animation-delay:12s; }
.move_img:nth-of-type(4) {-webkit-animation-delay:18s;animation-delay:18s; }
.scrollSign{z-index:15;position:absolute;bottom:5rem;right:5rem;width:100px;height:100px;background:#f2f2f2;border-radius:100px;line-height:1.3;padding:2rem 0;}
/*=== 9-1-4 矢印が動いてスクロールを促す====*/
/*スクロールダウン全体の場所*/
.scrolldown{/*描画位置※位置は適宜調整してください*/position:absolute;bottom:1%;right:50%;/*矢印の動き2秒かけて永遠にループ*/animation:arrowmove 2s ease-in-out infinite;}
/*下からの距離が変化して全体が下→上→下に動く*/
@keyframes arrowmove{0%{bottom:1%;}50%{bottom:3%;} 100%{bottom:1%;} }
/*Scrollテキストの描写*/
.scrolldown span{/*描画位置*/position:absolute;left:-33px;bottom:10px;/*テキストの形状*/color:#fff;font-size:1.8rem;font-weight:900;/*縦書き設定*/-ms-writing-mode:tb-rl;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl;z-index:10;}
/* 矢印の描写 */.scrolldown:before {content:"";/*描画位置*/position:absolute;bottom:0;right:-9px;/*矢印の形状*/width:3px;height:28px;background:#fff;transform:skewX(-31deg);z-index:10;}
.scrolldown:after{content:"";/*描画位置*/position:absolute;bottom:0;right:0;/*矢印の形状*/width:3px;height:77px;background:#fff;z-index:10;}
/*--------動く矢印--------*/
.updown {animation-name:updown;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate;animation-duration:0.7s;padding-top:2.8rem;}
@keyframes updown {0% {transform:translate(0, 0px);}100% {transform:translate(0, -15px);}}
/*--------Section / sub_head / sec_inner--------*/
/* 共通 */
.sub_head {font-size: 4.2rem;font-weight:900; line-height:1.3;text-align:center;    font-family: 'Noto Serif JP', "serif";-webkit-font-feature-settings:'palt'1;font-feature-settings:'palt'1;margin:0 auto 3rem;display:table;position:relative;color:#0e0e0e;}
.lead {font-size:3rem;font-weight:900;line-height:1.3;text-align:center;font-family:'Noto Sans JP', sans-serif;-webkit-font-feature-settings:'palt'1;font-feature-settings:'palt'1;margin:0 auto 5rem;display:table;position:relative;color:#151b34;}
.sec_inner {padding: 0 3rem 5rem;}
/*--------　list / box --------*/
/*--------　list / box --------*/
ul {list-style:none;}
.list1 {margin: 0rem auto 0;width: 100%;background: #220101;padding: 3rem 2.7rem 1rem;font-size: 2.6rem;color: #f5f4f2;}
.list1 li {position:relative;padding:0 0 2rem 4rem;line-height:1.4;font-weight:900;}
.list1 li:last-child {padding-bottom:0;}
/*チェックマーク*/
.list1 li:before,.list1 li:after{content:"";position:absolute;}
.list1 li:before{top:.5rem;left:.5rem;-webkit-transform:rotate(50deg);-ms-transform:rotate(50deg);transform:rotate(50deg);width:1rem;height:1.8rem;border-right:3px solid #fff;border-bottom:3px solid #fff;}
.list1 li:after{left:0;top:1rem;width:1.8rem;height:1.8rem;border:1px solid #fff;border-radius:2px;}
.list1-b li:before{border-right:3px solid #220101;border-bottom:3px solid #220101;}
.list1-b li:after{border:1px solid #220101;}
/*新規CSS-------------------------------------------------
---------------------------------------------------------
---------------------------------------------------------
---------------------------------------------------------
---------------------------------------------------------
---------------------------------------------------------
------------------------------------------------------ */





/*-------- opt_sec1 --------*/
#sec1{background: #fff;}
/*-------- profile --------*/
#profile {padding: 0rem 0 0;}
.profile {background: #fff6dd;}
.profile_inner {padding:0rem 3rem 0rem;}
.profile_inner img {margin: 0 auto;}
.profile_face {position:absolute;left:0rem;top:0rem;z-index:0;}
.profile_wrap {background: #220101;margin: 0 auto 5rem;padding-top: 3rem;}
#profile .notice {text-align:right;margin:0;}
/*-------- profile box--------*/
.prf_box_wrap{padding: 0 3rem 5rem;}
.prf_box_wrap2{padding: 0 3rem 5rem;}
.prf_box_wrap .chapter_inner {margin: 0;margin-top: 3rem;background: none;}
.prf_box {background:#220101;margin:3rem 0 0;position:relative;}
.prf_box:last-of-type{margin-bottom: 0;}
.prf_box p {font-weight: 700;padding: 2rem 0;text-align: center;line-height: 1.3;color: #fff;font-size: 2.5rem;display: flex;flex-direction: column;justify-content: center;align-items: center;;}
.prf_box .xsmall {font-size:70%;display:contents;}
.prf_box .list1 {margin: 0 auto;width: fit-content;font-size: 3.2rem;padding-bottom: 1.2rem;}
#under_head .prf_box {padding-bottom: 2rem;} 
#under_head .prf_box p{padding: 1rem 0;} 
#under_head .content_txt {padding: 0;margin-bottom: .5rem;}
.title-logo {display: flex;}
.title-logo img{font-size: unset;width: 50%;}
/*-------- content --------*/
#content{ background: #fdf1d5;}
#content .sub_head{    margin: 0 auto;}
#content .sub_ttl{width: 25rem;
    margin: 1.3rem auto 2rem;background:#760111;; color:#fff;text-align:center;line-height:1.2;font-family:'Noto Sans JP', sans-serif;}
.content{margin: 0 auto 4rem;background: #fff;padding: 3rem;border: 2px solid #0e0e0e;}
.content:last-of-type{margin-bottom:0;}
.content h3{display:table;font-size:4rem;line-height:1;padding-bottom:2rem;position:relative;font-family: 'Noto Serif JP', "serif";border-bottom:3px solid #760111;;margin:0 auto 3rem;font-weight:900;    color: #0e0e0e;}
.content_txt{font-family: 'Noto Serif JP', "serif";font-size: 2.8rem;line-height: 1.4;padding: 2rem 0 0;text-align: center;font-weight:900;color:#0e0e0e;}
.content .num {font-size:150%;letter-spacing:0px;}
/*-------- chapter inner--------*/
.chapter_inner {margin: 0 auto 10rem; background: #fff;}
.chapter_inner:last-child{margin:5rem auto 0;}
.chapter_inner h3{font-family:'Noto Sans JP', sans-serif;text-align:center;font-size:3rem;line-height:1.3;    margin: 0 auto 1.5rem;font-weight:900;}
/*-------- chapter mv--------*/
h3.subttl{font-size:3.6rem;font-weight:900;text-align:center;line-height:1.3;/*margin:0 0 2rem 0;*/font-family:'Noto Sans JP', sans-serif;-webkit-font-feature-settings:'palt'1; font-feature-settings:'palt'1;}
.mv_arrow{padding: 0rem 0rem 3rem;}
.mv_arrow_bottom{background:#0e0e0e;}
.mv_arrow_bottom .form2{padding-top: 0;}
.mv_arrow_bottom.s{background:#151b34;width:100%;margin:0 auto 5rem;padding:1rem 0 0;}
.mv_arrow_toform{ background:#fff;width:10rem;height:3rem;margin:0 auto;position:relative;}
.mv_arrow_triangle{border-top:45px solid #fff;border-right:75px solid transparent;border-left:75px solid transparent;width:150px;margin:0 auto;}
.mv_arrow_bottom_inner{}
.content_mv video{margin:0 auto;width:100%; height:auto;display:block;}
/*-------- servise --------*/
section#service{background: #fff;}
/* merit_icon
------------------------------------------------------ */
.merit_icon {    width: 100%;    margin: 0rem auto 2rem;    font-size: 2rem;}
.merit_icon li span.videotime{font-weight: normal;font-size: 100%;}
.merit_icon li{width: 32%;color: #fff;text-align: center;padding: 0.4rem 0 0.5rem;border-radius: 5px; border: 2px dotted #fff;line-height: 1.3;}
/*-------- message --------*/
#message .sec_inner {margin: 0 auto;padding:3rem;width: 690px;background:rgb(255 255 255 / 80%);border:1px solid #b59344;}
.message_txt {background:repeating-linear-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 43.1px, #cfcccc 43.1px, #cfcccc 44.1px);font-family:'Noto Serif JP', "serif";line-height:2;padding:4.5rem 2rem;font-weight:700;}
.message_wrap .sec_inner {        }
/*--------btn--------*/
.btn {width: 860px;display: block;margin: 3rem auto 0rem;border-radius: 50px;background: #4aab46;background: -moz-linear-gradient(-45deg, #4aab46 0%, #328d47 100%);background: -webkit-linear-gradient(-45deg, #4aab46 0%,#328d47 100%);background: linear-gradient(135deg, #4aab46 0%,#328d47 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#27a80d', endColorstr='#0c9b5f',GradientType=1 );text-decoration: none;transition: all .3s;line-height: 1.4;border: 3px solid #9bfeac;}
.btn p {color: #fff;font-size: 5rem;font-weight: bold;text-align: center;}
.btn:hover{filter: brightness(120%);}
/* form
------------------------------------------------------ */
.form {background:#0e0e0e;padding:2rem 0;}
.form.form_b {background:#89aa30;border-top:2px solid #fff;border-bottom:2px solid #fff;padding:2rem 0;}
.form form {width:750px;margin:0 auto;}
.form_inner {display:flex;flex-wrap:wrap;justify-content:space-between;}
.form_sub {width:100%;margin:0 auto .5rem;}
.form_sub p {margin-bottom:1rem;font-family:'Noto Sans JP', sans-serif;font-size:2.2rem;text-align:center;color:#fff;line-height:1;font-weight:700;}
.form_left {width:60%;position: relative;margin: 0 auto;}
.form_must {position:absolute;left:0.5rem;top:50%;transform:translateY(-50%);background:#e53935;font-family:'Noto Sans JP', sans-serif;font-size:1.2rem;color:#fff;padding:0.5rem;line-height:1;z-index:1;font-weight:900;}
.form_label {position:absolute;top:50%;left:5rem;transform:translateY(-50%);font-family:'Noto Sans JP', sans-serif;font-size:1.8rem;color:#aaa;line-height:1;transform-origin:0 0;transition:all 0.2s ease;}
.form_input {position:relative;background:#fff;border:none;border-radius:5px;padding:2rem 0 2rem 5rem;width:100%;font-family:inherit;font-size:2rem;line-height:1;box-shadow:0 0 0 0 #fff inset;transition:all 0.2s ease;height:6rem;}
.form_input:not(:placeholder-shown) + span {color:#5a667f;transform:translateY(-2.2rem) scale(0.7);}
.form_input:focus {outline:none;box-shadow:0 0 0 2px #07f inset;}
.form_input:focus + span {color:#07f;transform:translateY(-2.2rem) scale(0.7);}
.form_right {    width: 38%;}
.form_attention {position:relative;}
.form_caution {display:none;}
.form_btn:hover + .form_caution {display:block;position:absolute;right:0;margin-top:1rem;padding:1rem;background:#ff7;font-size:1.3rem;line-height:1.5;z-index:2;text-align:left;}
.form_btn:hover + .form_caution:before {content:"";width:0;height:0;position:absolute;top:-2rem;left:50%;transform:translateX(-50%);border-bottom:2rem solid #ff7;border-left:1rem solid transparent;border-right:1rem solid transparent;border-top:none;}
.form_btn2:hover + .form_caution {display:block;position:absolute;right:0;margin-top:1rem;padding:1rem;background:#ff7;font-size:1.3rem;line-height:1.5;z-index:2;text-align:left;}
.form_btn2:hover + .form_caution:before {content:"";width:0;height:0;position:absolute;top:-2rem;left:50%;transform:translateX(-50%);border-bottom:2rem solid #ff7;border-left:1rem solid transparent;border-right:1rem solid transparent;border-top:none;}
.form_notice {width:100%;    margin: 1rem 0 0 46rem;}
.form_notice p {font-size:1.4rem;color:#fff;text-align:center;}
.form_btn {font-weight: 700;width:100%;background:#00ad48;border:2px solid #7dff88;border-radius:10rem;font-family:'Noto Sans JP', sans-serif;font-size: 2.6rem;line-height:1;color:#fff;cursor:pointer;position:relative;transition:all 0.2s ease;height:6rem;}
.form_btn i{position:absolute;top:50%;right:1.5rem;transform:translateY(-50%);font-size:80%;line-height:1}
.form_btn:hover{filter:brightness(1.3)}
.form_btn2{width:100%;background:#00ad48;border:2px solid #7dff88;border-radius:100px;font-family:'Noto Sans JP', sans-serif;font-weight:900;font-size:2.6rem;font-weight:700;line-height:1;color:#fff;cursor:pointer;position:relative;transition:all 0.2s ease;height:6rem;padding: 1rem 0 1.2rem;}
.form_btn2 i{position:absolute;top:50%;right:1.5rem;transform:translateY(-50%);font-size:80%;line-height:1}
.form_btn2:hover{filter:brightness(1.3)}
/*forom　別パターン*/
.form2{    width: 100%;    margin: 0 auto;}
.body_wrap .form2 .form_inner{    width: 100%;    padding: 1rem 3rem;    padding-top: 2rem;background:#0e0e0e;}
.body_wrap .form2 .form_left, .body_wrap .form2 .form_right{    width: 80%;    margin: 0 auto 1rem;}
.body_wrap .form2 .form_notice{width:80%;margin: 1rem auto;}
.body_wrap .form2 .form_sub p{line-height:1.3;}
/*--------btn--------*/
.btn {width: 100%;
    background: #00ad48;
    border: 2px solid #7dff88;
    border-radius: 100px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 900;
    font-size: 2.6rem;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    cursor: pointer;
    position: relative;
    transition: all 0.2s ease;
    padding: 2rem 0;}
.btn p {color: #fff;font-size: 4rem;font-weight: bold;text-align: center;}
.btn:hover{filter: brightness(120%);}
.icon_btn {
    position: absolute;
    right: 0.7em;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    width: 0.7em;
    height: 0.7em;
    border-top: 5px solid;
    border-right: 5px solid;
}
/* scfooter
------------------------------------------------------ */
#scfooter { width: 100%; position: fixed; bottom: 0; z-index: 5; display: none;background: #ddd;padding: 2rem 0}
#scfooter.dis_b{display: block;position: static}
#scfooter .form_btn:hover + .form_caution { bottom: 7rem; }
#scfooter .form_btn:hover + .form_caution:before { border-top: 2rem solid #ff7; border-bottom: none; bottom: -2rem; top: auto; }
#scfooter .form_btn2:hover + .form_caution { bottom: 7rem; }
#scfooter .form_btn2:hover + .form_caution:before { border-top: 2rem solid #ff7; border-bottom: none; bottom: -2rem; top: auto; }

.hvr-wobble-vertical:active, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:hover {-webkit-animation-name: hvr-wobble-vertical;animation-name: hvr-wobble-vertical;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;-webkit-animation-iteration-count: 1;animation-iteration-count: 1;}
/*--------吹き出し--------*/
/* 共通 */
.form_attention .attention, .form_attention .attention2 {display:none;position:absolute;left:15%;top:120%;border-radius:10px;background-color:#ff0;}
.form_attention .attention3 {display:none;position:absolute;left:15%;bottom:100%;border-radius:10px;background-color:#ff0;}
.form_attention .attention:after, .form_attention .attention2:after {position:absolute;content:"";top:-32px;left:32px;width:0;height:0;border:16px solid transparent;border-bottom:16px solid #ff0;}
.form_attention .attention3:after {position:absolute;content:"";bottom:-32px;left:32px;width:0;height:0;border:16px solid transparent;border-top:16px solid #ff0;}
.form_attention:hover .attention, .form_attention:hover .attention2, .form_attention:hover .attention3 {z-index:2;display:block;}
/* 固有 */
.form_attention {position:relative;z-index:auto;}
.form_attention img {width:100%;height:100%;}
.form_attention .attention {width:650px;}
.form_attention .attention2 {width:300px;}
.form_attention .attention3 {width:300px;}
.form_attention .txt {top:8px;left:4px;padding:1rem;color:#000;font-size:1.1rem;line-height:1.2;text-align:left;}
/*--------footer_attention--------*/
#footer_attention {width:750px;margin:0 auto;background:#fff;padding:4rem 0;}
#footer_attention p, #footer_attention ul {font-size:1.4rem;}
#footer_attention ul {text-indent:-1rem;padding-left:1rem;margin:2rem auto;}
.service_list {margin:0 auto;font-size:70%;line-height:1.4;background:#fff;width:100%;}
.service_list th, .service_list td {padding:1.5rem;border:1px solid #ccc;vertical-align:middle;}
.service_list th {background:#eee;padding:1.5rem 0;}
.service_list_A, .service_list_C {width:27%;}
/*--------footer_attention2--------*/
p + ul {margin-top:2rem;}
.list2 li:before{top:1rem;}
.list2 li:after{left:2rem;top:1.5rem;}
.service_list2{text-indent:-0.85em;padding-left:1em;}
.service_list2 li {font-size:1.4rem;}
.attention_box {margin:2rem auto;background:#e9fbfa;border:solid 2px #cce4e3;}
.attention_box p {width:95%;margin:0 auto 15px;padding-top:1.5rem;line-height:1.2;font-size:1.4rem;}
.attention_box h3 {width:95%;margin:20px auto 0;font-weight:900;}
/*--------footer--------*/
footer {width:100%;padding:3rem 0;background:#ddd;}
#footer_inner {width:750px;margin:0 auto;font-size:1rem;}
#footer_inner .logo {width:25%;margin:-1rem auto 3rem;}
#footer_inner ul {display:flex;justify-content:center;}
#footer_inner li {padding:0 2rem;border-left:1px solid #ccc;}
#footer_inner li:first-child {padding-left:0;border:none;}
#footer_inner p {padding-top:.5rem;text-align:center;}
#footer_inner a {text-decoration:none;color: #989898;}
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
【 SP 】
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media screen and (max-width:480px) {
/*--------Basic--------*/
body {width:100%;font-size:4.8vw;}
a[href^="tel:"] {pointer-events:auto;text-decoration:underline;color:#00e;}
.body_wrap {width:100%;}
.body_wrap {    margin: 0 auto;    border-left: none;    border-right: none;}
/* Float */
.img_right, .img_left {float:none;width:80%;padding:0 0 2rem;margin:0 auto;}
.pc {display:none;}
.sp {display:block;}
.xxsmall {font-size:60%;}
.xsmall {font-size:70%;}
.small {font-size:80%;}
.sp_small {font-size:70%;}
.large {font-size:110%;}
.xlarge {font-size:130%;}
.xxlarge {font-size:150%;}
.flex p {margin:0 auto;}
.middle {margin:3vw 0;}
.bottom {margin-top:3vw;}
.top {margin-bottom:3vw;}
.s_img {width:80%;}
.icon_btn {background-size:2.6vw;}
.caption{padding:2vw 0; font-size:4vw;}
.notice{font-size:2.2vw;padding-top:2vw;padding-bottom:2vw;}
.notice2 {text-align:left;padding: 2vw 0 0 0vw;width:100%;font-size:3vw;}
.flex {display:block;}
.triangle {border-top:6vw solid #9b8327;border-right:20vw solid transparent;border-left:20vw solid transparent;width:35vw;margin:0 auto;}
.img_logo{width:100%;}
/*--------Section / sub_head / sec_inner--------*/
.sub_head { width: 100%; font-size: 5.8vw;margin: 0 auto 3vw;}
.lead {font-size:5vw;margin:0 auto 5vw;}
.sec_inner {padding: 0 3vw 7vw;}
/*--------Header--------*/
header {    width: 100%;    margin: 0 auto;    text-align: center;}
#prihead {  width: 100%;    margin: 0 auto;    padding: 1vw 0;
}
#prihead img{width: 95%;}
/*arrow*/
.header_arrow {bottom:-9vw;right:1vw;z-index:1;}
.header_arrow img {width:5vw;}
/*head共通*/
h1 {width:100%;}
.scrolldown span {left:-23px;bottom:10px;font-size:1.4rem;}
.scrolldown:after {height:58px;width:2px;}
.scrolldown:before {width:2px;}
#header_A,#header_B,#header_C,#header_D,#header_E,#header_G{background:none;}
.header_face {position:absolute;bottom:41vw;width:25vw;left:1vw;}
header p {/*{font-size:2vw;*/padding:0;color:#3f3a17;}
/*mv 共通*/
header .header_mv video {width:100%;height:auto;}
.header1 .header_mv {position: absolute;
    width: 95vw;
    height: auto;
    margin: 0 auto;
    left: 2.5vw;
    bottom: 4.3vw;
    z-index: 5;}
.mv_subttl{font-size:4.5vw;}
/*head newdesign*/
#header_new {padding:5vw 3vw;background:url(https://placehold.jp/0A0F25/2b3045/1920x1080.jpg)no-repeat center/cover;}
#header_new h1 img{margin:5vw auto 10vw;}
#header_new #form_header{width:100%;}
#header_new #form_header .form2{padding:5vw 3vw;}
#header_new #form_header .form2 .form_sub p{font-size:4vw;}
#header_new #form_header .form_notice{margin:0 auto;}
#header_new .header_mv{width:100%;margin:5vw auto;}
#header_new .merit_icon {margin:0 auto 4vw;}
#header_new .form_btn2 {font-size:5vw;}
.header_move_wrap img { margin:0 auto 1rem;}
/*--------　list / box --------*/
ul.list1 {
margin: 3vw auto 0;
padding: 3vw 1vw 3vw 0;
width: 100%;
font-size: 4.8vw;
}
ul.list1 li {
padding: 1vw 0 1vw 8vw;
text-shadow: none;
font-size: 4.8vw;
}
.list1 li::after {
top: 1.8vw;
left: 2vw;
width: 4vw;
height: 4vw;
background-size: 100%;
}
.list1 li:before {
top: 2vw;
left: 4vw;
width: 1vw;
height: 3vw;
border-right: 2px solid #04142F;
border-bottom: 2px solid #04142F;
}/*-------- sec1--------*/
#sec1{background:#fff;}
/*-------- profile--------*/
#profile {padding:0vw 0;}
.profile_wrap{margin: 0 0 5vw; padding:3vw;}
.profile_inner {padding:0;margin:0 auto;width:100%;}
.profile_face{}
#profile .notice {padding:2vw 0 0 0;width:100%;}
/*-------- profile box--------*/
#profile2 .sec_inner{width:95%;}
.prf_box_wrap{padding: 0 3vw;}
.prf_box{margin: 0 0 5vw;}
.prf_box p {padding: 3vw 0;font-size:unset;height: auto;}
/*-----------box-----------*/
.box{width:80%;margin:5vw auto;}
.box p{padding:1rem .2rem;font-size:85%;height:auto;}
/* opt_sec1
------------------------------------------------------ */
#opt_sec1{padding:7vw 0 0;}
#opt_sec1 .sub_ttl{width:80%; margin:2vw auto 2vw;}
#opt_sec1 .sub_head{padding:0;}
/*-------- content --------*/
.content{width:100%;margin:5vw auto;padding:3vw;}
#content .sub_ttl{    margin:2vw auto 5vw;}
.content:first-child{margin:0 auto 5vw;}
.content img{width:100%;position:static;transform:scale(1);}
.content h3{font-size:6vw;padding-bottom:2vw;margin:0 auto 3vw;}
.content_txt{font-size:5vw;padding:2vw 0 0;}
.num {padding-left:1vw;}
P + P{padding-top:4vw;}
.form_notice p{padding-top:0;}
.notice{font-size:3vw;}
/*-------- chapter --------*/
.chapter_wrap{width:100%;margin:0 auto;}
.chapter{width:100%;margin:7vw auto;}
.chapter.flex.reverse{flex-direction:column-reverse;}
.chapter + .chapter{margin-top:7vw;}
.chapter_img{width:100%;}
.chapter_box{width:100%;padding:2vw 0 5vw;text-align:center;}
.chapter_box_inner{margin:auto 0;}
.chapter_num{font-size:9vw;line-height:1.3;}
.chapter_txt{font-size:4.5vw;font-weight:900;}
/*-------- chapter inner--------*/
.chapter_inner{width:100%;margin:-7vw auto 10vw;}
.chapter_inner:last-child{margin:0vw auto 0vw;}
.chapter_inner h3{font-size:4.7vw;font-weight:900;margin:0 auto 2vw;}
/*-------- chapter mv--------*/
.mv_arrow{padding:0 0 5vw 0;}
.mv_arrow_toform{ width:10vw;height:3vw;}
.mv_arrow_triangle{border-top:4vw solid #fff;border-right:8vw solid transparent;border-left:8vw solid transparent;width:15vw;}
.mv_arrow_bottom_inner{}
.content_mv video{width:100%; }
.mv_arrow_bottom.s { width:100%; margin:0 auto 5vw; padding:1vw 0 0;}
/*--------　merit_icon --------*/
.merit_icon {    margin-bottom: 2vw;    justify-content: space-between;    display: flex;}
.merit_icon li {font-size: 4vw;padding: 1.5vw 0.5vw;margin: 0;}
/* form
------------------------------------------------------ */
.form { padding: 3vw 0 2vw;}
.form form {width:94%;}
.form_sub {width:100%;margin:0;}
.form_sub p {font-size:4.8vw;line-height:1.3;}
.form_left {width:100%;}
.form_must {font-size:3vw;}
.form_label {font-size:3.8vw;left:12vw;}
.form_input {font-size:4.5vw;padding:5vw 0 1rem 12vw;height:14vw;}
.form_input:focus + span, .form_input:not(:placeholder-shown) + span {transform:translateY(-2.2rem) scale(0.7);}
.form_right {width: 100%;margin: 2vw auto 0;}
.form_btn {display:table;width: 100%;margin: 1vw auto;
    padding: 1vw 6vw;font-size:6vw;height:14vw;}
.form_btn2 {display:table;margin:2vw auto 0;padding:2vw 6vw;font-size:5vw;height:14vw;}
.form_notice p {font-size:3vw;line-height:1.3;}
.form_notice {margin:.5rem 0 0 0;}
.description_area {width:100%;}
/*forom　別パターン*/
.body_wrap .form2{width:100%;margin:0 auto;padding: 0;}
.body_wrap .form2 .form_inner{width:100%;padding:3vw;}
.body_wrap .form2 .form_left , .body_wrap .form2 .form_right{width:95%;margin:0 auto 1vw;}
.body_wrap .form2 .form_notice{width:95%;margin:0 auto;}
.body_wrap .form2 .form_sub p{line-height:1.3;}
#message .sec_inner {background:#fff;margin:0 auto 7vw;padding:5vw;width: 95%;}
.message_txt{line-height:36px;background:url(../img/bg-note02.png) bottom;margin:0;padding:0 0 2px;}
.message_wrap {    margin: 0 3vw;}
/* scfooter
------------------------------------------------------ */
#scfooter.form {padding:1rem 0;z-index:3;}
#scfooter .form_left {width:63%;}
#scfooter .form_must {width:1.5em;text-orientation:upright;text-align:center;padding:0.5em 0;}
#scfooter .form_label {left:8vw;font-size:3.3vw;}
#scfooter .form_input {padding:2rem 0 1rem 8vw;}
#scfooter .form_right {width:35%;}
#scfooter .form_btn {display:block;width:100%;margin-top:0;padding:0;font-size:4vw;line-height:1.1;}
#scfooter .form_btn i {right:1rem;}
#scfooter .form_btn:hover + .form_caution {width:90vw;bottom:17vw;}
#scfooter .form_btn:hover + .form_caution:before {right:12%;left:auto;}
#scfooter .form_btn2 {display:block;width:100%;margin-top:0;padding:0;font-size:4vw;line-height:1.1;}
#scfooter .form_btn2 i {right:1rem;}
#scfooter .form_btn2:hover + .form_caution {width:90vw;bottom:17vw;}
#scfooter .form_btn2:hover + .form_caution:before {right:12%;left:auto;}
/*--------吹き出し--------*/
.form_attention .attention3 {left:auto;top:-392%;right:0;width:310px;}
.form_attention .attention3:after {right:32px;left:auto;}
/*--------footer_attention--------*/
.service_list th, .service_list td {padding:1vw;}
.service_list th {background:#f5f5f5;}
.service_list td.large {font-size:105%;}
.service_list td:last-child{width:27%;}
#service p {text-indent:-1em;padding-left:1em;}
.service_list2 {text-indent:-1em;padding-left:1em;}
#service .sec_inner {padding: 7vw 3vw 5vw;
}
section#service {padding:0 0 1vw;}
/*--------footer-------*/
#footer_inner {width:90%;}
#footer_inner p {text-align:center;}
		/*forom　別パターン*/
	.body_wrap .form2{width:100%;margin: 0 auto;}
	.body_wrap .form2 .form_inner{width: 100%;padding:1vw 3vw;}
	.body_wrap .form2 .form_left,.body_wrap  .form2 .form_right{width:95%;margin: 0 auto 1vw;}
	.body_wrap .form2 .form_notice{width:95%;margin: 0 auto;}
	.body_wrap .form2 .form_sub p{line-height: 1.3;}
	.btn {
    width: 100%;
		display: table;
    margin: 2vw auto 0;
    padding: 2vw 6vw;
    font-size: 5vw;
    height: 14vw;
}
	.btn p {
    font-size: 5.5vw;
    padding: 2vw;
}
	.icon_btn {
    background-size: 2.6vw;
		    border-top: 3px solid;
    border-right: 3px solid;
}
}