/* 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;list-style: none;}
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: #0e1242;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: #f1efea;}
section {padding: 5rem 0;}
.body_wrap {margin: 0 auto;}
.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 auto 0;}
.caption {width: 100%;padding: 1rem;margin: 0 !important;border-left: 2px solid #110604;color: #110604;font-size: 1.8rem;font-weight: bold;line-height: 1.4;}
/* Font */
h1 {font-weight: normal !important;font-feature-settings: "palt"1;width: 1000px;margin: 0 auto;position: relative;}
.u {text-decoration: underline;}
.b {font-weight: bold;}
.r {color: #d11019;}
.y {color: #f4f745;}
.wht {color: #fff !important;}
.gradation_g {color: #f9db7f;background: -webkit-linear-gradient(0deg, #f9db7f, #fff8c8, #f9db7f);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;font-family: 'Gothic MB101 Heavy', sans-serif;}
.txt_c {text-align: center;}
.txt_r {text-align: right;}
.txt_l {text-align: left;}
.xxsmall {font-size: 50%;}
.xsmall {font-size: 70%;}
.small {font-size: 93%;}
.large {font-size: 110%;}
.xlarge {font-size: 140%;}
.xxlarge {font-size: 160%;}
.notice {padding-top: 1rem;font-size: 1.5rem;text-align: right;font-weight: 400;font-family: sans-serif;color: #8a8a8a;letter-spacing: 1px;}
.profile p.notice {text-align: left;}
.serif {font-family: 游明朝, "Yu serif", Yuserif, "Hiragino serif ProN", "Hiragino serif Pro", HGS明朝E, メイリオ, Meiryo, serif;}
.videotime {font-family: Arial, Helvetica, "sans-serif";font-weight: 900;font-size: 115%;}
.bg_b {background: #000;}
.bg_lg{background: #4bbfbf;}
img.form_copy {margin: 0 auto 1.5rem;width: 60%;}
.middle {margin: 2rem 0;}
.bottom {margin-top: 2rem;}
.top {margin-bottom: 2rem;}
.icon_btn {position: absolute;top: 50%;transform: translateY(-50%) translateX(-50%);-webkit-transform: translateY(-50%) translateX(-50%);-ms-transform: translateY(-50%) translateX(-50%);right: 4px;
background: url(../img/base/icon_btn.png) no-repeat right center;height: 27px;background-size: 13px;padding-right: 13px;}
.form_btn2:hover .icon_btn {position: absolute;top: 50%;transform: translateY(-50%) translateX(-50%);-webkit-transform: translateY(-50%) translateX(-50%);-ms-transform: translateY(-50%) translateX(-50%);right: 4px;
background: url(../img/base/icon_btn03.png) no-repeat right center;height: 27px;background-size: 13px;padding-right: 13px;}
.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;}
/*--------Header--------*/
header {width: 100%;margin: 0 auto;padding: 1rem 0;text-align: center;background: #f1efea;}
header img {width: 340px;margin: 0 auto;}
/*背景アニメーション*/
/*--------Section / sub_head / sec_inner--------*/
/* 共通 */
.sub_head {font-size: 5rem;font-weight: 500;line-height: 1.3;text-align: center;font-family: "Ryumin ExtraBold KL", serif;-webkit-font-feature-settings: 'palt'1;font-feature-settings: 'palt'1;margin: 0 auto 8rem;display: table;position: relative;}
.sec_inner {padding: 0 ;margin: 0 auto;width: 960px;}
p + p{padding-top: 3rem;}
/*--------　list / box --------*/
.list1 {margin: 4rem 0 0;color: #6c4d19;width: 100%;font-size: 2.4rem;font-weight: 900;}
.list1 li {position: relative;padding: 0 0 2rem 4rem;line-height: 1.4;font-family: "Ryumin ExtraBold KL", serif;}
.list1 li:last-child {padding-bottom: 0;}
/*チェックマーク*/
.list1 li:before,.list1 li:after{content: "";position: absolute;}
.list1 li:before{top: 0rem;left: 1rem;-webkit-transform: rotate(50deg);-ms-transform: rotate(50deg);transform: rotate(50deg);width: 1rem;height: 2rem;border-right: 3px solid #b43126;border-bottom: 3px solid #b43126;}
.list1 li:after{left: 0;top:0.5rem;width: 2rem;height: 2rem;border:1px solid #b43126;border-radius: 2px;}
/*-------- profile --------*/
#profile {background:url( "../img/watada_profile_bg.jpg")no-repeat center/cover;position: relative;padding: 4rem 0;z-index: 0;overflow: hidden;}
.profile_inner {width: 70%;padding: 5rem 0;}
.profile_face{position: absolute;right: -18rem;width: 59rem;bottom: -40px;}
.profile_wrap {width:960px;padding: 2rem 0;margin: 0 auto;position: relative;z-index: 1;}
.profile_name {width: 75%;padding-left: 12px;}
#profile .notice {padding-left: 5rem;text-align: left;}
/*-------- profile --------*/
#profile {background:url( "../img/watada_profile_bg.jpg")no-repeat center/cover;position: relative;padding: 4rem 0;z-index: 0;overflow: hidden;}
.profile_inner2 {width: 70%;padding: 5rem 0 0;}
.profile_face2{position: absolute;right: -18rem;width: 65rem;bottom: -40px;}
.profile_wrap2 {width:960px;padding: 2rem 0;margin: 0 auto;position: relative;z-index: 1;}
.profile_name2 {width: 75%;padding-left: 12px;}
#profile .notice {padding-left: 5rem;text-align: left;}
/*-------- profile box--------*/
#profile2{background:url( "../img/watada_opt_bg1.jpg")no-repeat center/cover;}
#profile2 .sec_inner{width: 860px;}
.prf_box_wrap{width: 860px;margin: 0 auto;}
.prf_box {background: #fff;width: 48%;margin: 5rem 0 0;position: relative;}
.prf_box:nth-of-type(1),.prf_box:nth-of-type(2){margin: 0;}
.prf_box p {text-align: center;line-height: 1.3;color: #6c4d19;font-family: "Ryumin ExtraBold KL", serif;font-weight: 900;font-weight: bold;padding: 2rem 0;
}/*-------- content --------*/
.content_wrap{width: 960px;margin: 0 auto;}
.content{align-items: center;}
.content + .content{margin: 12rem 0 0;}
.content img{width: 57%;position: relative;left: -7rem;transform:scale(1.1)}
.content_txt{width: 43%;}
.content h3{display: table;font-size: 6rem;line-height: 1;padding-bottom: 2rem;position: relative;font-family: "Ryumin ExtraBold KL", serif;font-weight: 900;border-bottom: 2px solid #efc67f;}
.content h3.sp{display: none;}
.content_txt p{font-family: "Ryumin ExtraBold KL", serif;font-weight: 900;font-size: 2.6rem;line-height: 1.5;padding: 3rem 0;}
.num {font-size: 150%;letter-spacing: 0px;}
/*偶数の時*/
.content:nth-child(even){flex-direction: row-reverse;}
.content:nth-child(even) img{left: unset;right: -7rem;}
/* opt_sec1
------------------------------------------------------ */
#opt_sec1{background:url( "../img/watada_opt_bg3.jpg")no-repeat center/cover;color: #b43126;}
#opt_sec1 .sub_head{margin: 0 auto;}
#opt_sec1 .sub_ttl{width: 74rem; margin:1.3rem auto 10rem;background: #fff; color: #b43126;text-align: center;line-height: 1.2;font-family: "Gothic MB101 Medium", "ゴシックMB101 M";}
/* merit_icon
------------------------------------------------------ */
.merit_icon{ width: 100%; margin: 0rem auto 0rem;font-size: 1.4rem;}
.merit_icon.icon2{width: 60%;}
.merit_icon.icon2 li{background: none; color: #1d5d62; border: 2px dotted #488185;font-size: 80%;}
.merit_icon li span.videotime{font-family: "Gothic MB101 Medium", "ゴシックMB101 M";font-weight: normal;font-size: 100%;}
.merit_icon li{width: 32%;color: #fff;text-align: center;padding: .5rem ;border-radius: 5px;font-family: "Gothic MB101 Medium", "ゴシックMB101 M"; border: 2px dotted #fff;}
/*--------btn--------*/
.btn {width: 860px;display: block;margin: 3rem auto 2rem;z-index: 15; border-radius: 50px;box-shadow: 0px 4px #328d47;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 {padding: 1rem;color: #fff;font-size: 5rem;font-weight: bold;text-align: center;text-shadow: 2px 2px 2px #275431;}
.btn:hover{filter: brightness(120%);}
.btn::after {content: '》';position: absolute;display: block;right: 45px;top: 50%;transform: translateY(-50%);color: #fff;font-size: 145%;}
.move {animation: move 2s infinite;}
.move.nobottom{margin: 6rem auto;}
@keyframes move {0% {transform: translate(2px, 0px);}
5% {transform: translate(-2px, 0px);}
10% {transform: translate(2px, 0px);}
15% {transform: translate(-2px, 0px);}
20% {transform: translate(2px, 0px);}
25% {transform: translate(-2px, 0px);}
30% {transform: translate(0px, 0px);} }

/* scfooter
------------------------------------------------------ */
#scfooter {width: 100%;position: fixed;bottom: 0;z-index: 10;display: none;}
#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;}
/*-------- button:hover --------*/
@-webkit-keyframes hvr-wobble-vertical {16.65% {-webkit-transform: translateY(8px);transform: translateY(8px)}33.3% {-webkit-transform: translateY(-6px);transform: translateY(-6px)}
49.95% {-webkit-transform: translateY(4px);transform: translateY(4px)}66.6% {-webkit-transform: translateY(-2px);transform: translateY(-2px)}
83.25% {-webkit-transform: translateY(1px);transform: translateY(1px)}100% {-webkit-transform: translateY(0);transform: translateY(0)}}
@keyframes hvr-wobble-vertical {16.65% {-webkit-transform: translateY(8px);transform: translateY(8px)}33.3% {-webkit-transform: translateY(-6px);transform: translateY(-6px)}
49.95% {-webkit-transform: translateY(4px);transform: translateY(4px)}66.6% {-webkit-transform: translateY(-2px);transform: translateY(-2px)}83.25% {-webkit-transform: translateY(1px);transform: translateY(1px)}
100% {-webkit-transform: translateY(0);transform: translateY(0)}}
.hvr-wobble-vertical {vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;}
.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: 1000px;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 {padding: 5rem 0 5rem;background: url("../img/she_opt_bg.jpg")no-repeat;background-size: cover}
.service_list {margin: 0 auto;font-size: 80%;line-height: 1.4;background: #fff;}
.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: 24%;}
#service .sec_inner {padding: 4rem 5rem 2rem;width: 1000px;
margin: 0 auto;background: rgba(255,255,255,0.8);}
/*--------footer_attention2--------*/
p + ul {margin-top: 2rem;
}.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: bold;}
/*--------footer--------*/
footer {width: 100%;padding: 3rem 0;background: #ddd;}
#footer_inner {width: 1000px;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;}
#footer_inner a:link, #footer_inner a:visited, #footer_inner a:hover, #footer_inner a:active {color: #989898;}
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
【 SP 】
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media screen and (max-width:768px) {
.form_left, .form_left input, .form_left span{pointer-events: auto;-webkit-touch-callout:auto;-webkit-user-select:auto;-moz-touch-callout:auto;-moz-user-select:auto;touch-callout:auto;user-select:auto;}
/*--------Basic--------*/
body {width: 100%;font-size: 4.5vw;background: #f1efea;}
a[href^="tel:"] {pointer-events: auto;text-decoration: underline;color: #00e;
}.body_wrap {width: 100%;}
/* 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: 80%;display: block;}
.xsmall {font-size: 70%;}
.small {font-size: 80%;}
.sp_small {font-size: 80%;font-weight: bold;}
.large {ont-size: 110%;}
.xlarge {font-size: 120%;}
.xxlarge {font-size: 270%;}
.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;}
.flex p {margin: 0 auto;}
p + p {padding-top: 0;}
/*--------Section / sub_head / sec_inner--------*/
section {padding: 7vw 0;}
.sub_head {width: 96%;font-size: 5.5vw;padding: 0 0 2vw;margin: 0 auto 4rem;border-image: linear-gradient(linear-gradient(to right, transparent 0%, #070D36 50%, transparent 100%));border-image-slice: 1;}
.sec_inner {width: 95%;padding: 0;margin: 0 auto;}
/*--------　merit_icon --------*/
.merit_icon{margin: 1vw auto 2vw; display: flex;font-size: 3vw;}
.merit_icon li{width: 32%;padding: 2vw 0;line-height: 1.2;}
/*--------Header--------*/
h1 {width: 100%;}
header h1 img {margin: 0 auto;width: 200px;}
header .header_mv video {width: 100%;height: auto;}
header p {font-size: 2vw;padding: 0;}
#header_img img {z-index: 0;}
#header_img .header_mv {z-index: 5;}
/*--------　list / box --------*/
ul.list1 {margin:0 auto; padding:3vw;width: 95%;}
ul.list1 li {padding: 0vw 0 5vw 8vw;font-size: 4.1vw;text-shadow:none;}
/*チェックマーク*/
.list1 li:before{top: 1vw;left: 2vw;width: 2vw;height: 4vw;border-right: 2px solid #b43126;border-bottom: 2px solid #b43126;}
.list1 li:after{left: 0;top:2vw;width: 4vw;height: 4vw;}
/*-------- profile--------*/
#profile {padding: 0;background: url(../img/watada_profile_sp.jpg)no-repeat center/cover;height: 130vw;position: relative;}
.profile_wrap{width: 100%;padding: 0;}
.profile_inner {padding: 0;margin: 0 auto;width: 90%;position: absolute;top: 50px;left: -6px;}
#profile .notice {font-size: 2vw; /*text-align: left;padding: 0 0 0 6vw;background: rgba(256,256,256,0.8);width: 130%;*/}
/*-------- profile--------*/
#profile {padding: 0;background: url(../img/watada_profile_sp.jpg)no-repeat center/cover;height:500px;position: relative;}
.profile_wrap2{width: 100%;padding: 0;}
.profile_inner2 {padding: 0;margin: 0 auto;width: 90%;position: absolute;top: 50px;left: -6px;}
#profile .notice {text-align: left;padding: 2vw 1vw 1vw 2vw;background: rgba(256,256,256,0.8);width: 104%;margin: 0 0 2vw 5vw;}
/*-------- profile box--------*/
#profile2{padding: 7vw 0; background: url(../img/watada_opt_bg1_sp.jpg)no-repeat center/cover;}
#profile2 .notice{text-align: left;padding-left: 7vw;}
#profile2 .sec_inner{width: 95%;}
.prf_box_wrap{width: 100%;}
.prf_box {width: 85%;margin: 10vw auto 0;}
.prf_box:nth-of-type(1){margin: 0 auto;}
.prf_box:nth-of-type(2){margin: 5vw auto;}
.prf_box p {padding: 2vw 0;}
/*-------- opt_sec1 --------*/
#opt_sec1 {background: url(../img/watada_opt_bg3_sp.jpg)no-repeat center/cover;}
#opt_sec1 .sub_ttl{width: 80%; margin:2vw auto 7vw;}
#opt_sec1 .sub_head{padding: 0;}
/*-------- content --------*/
.content_wrap{width: 100%;}
.content{width: 90%;margin: 0 auto;background: #fff;text-align: center;}
.content + .content{margin: 5vw auto 0;}
.content img{width: 100%;position: static;transform:scale(1);}
.content_txt{width: 100%;padding: 3vw;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;color: #6c4d19;}
.content h3.pc{display: none;}
.content h3.sp{display: table;}
.content h3{width: 10%;font-size: 14vw;border:none;padding-bottom: 0;}
.content_txt p{font-size: 4.5vw;padding: 0;text-align: left;width:72%;}
.num {padding-left: 1vw;}
P + P{padding-top: 4vw;}
.form_notice p{padding-top: 0;}
.notice{font-size: 3vw;}
/* ヘッド内Form
------------------------------------------------------ */
.form.bg_lg { background: #4cbebf;}
/*--------btn--------*/
.btn {width: 90%; margin: 0 auto;border: 2px solid #9bfeac;}
.btn p{font-size: 6vw;padding: 1.5vw;}
.btn::after{right: 2vw;content: '>';top: 46%;}
.move.nobottom{margin:4vw auto 6vw;}
/*--------吹き出し--------*/
.form_attention .attention3 {left: auto;top: -392%;right: 0;width: 310px;}
.form_attention .attention3:after {right: 32px;left: auto;}
/*--------footer_attention--------*/
#service .sec_inner {width: 100%;}
.service_list th, .service_list td {padding: .5em;}
.service_list th {background: #f5f5f5;}
.service_list td.large {font-size: 120%;}
.service_list2 {text-indent: -1em;padding-left: 1em;}
#service .sec_inner {padding: 0;}
section#service {padding: 10vw 0 1vw;}
#service {background: url(../img/she_opt_bg_sp.jpg)no-repeat;}
/*--------footer-------*/
footer {padding: 2rem 0 10rem;}
#footer_inner {width: 90%;}
#footer_inner p {text-align: center;}
}