@charset "UTF-8";

/*---------- ページ全体の指定 ----------*/

body {
margin:0;
padding:0;
font-size:100%;
color:#1f2020;
background: #ffffff;
font-family:'Yu Gothic Medium', '游ゴシック Medium', YuGothic, '游ゴシック体', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', sans-serif;
}

a:link {color:#37859a;text-decoration:underline;}
a:visited {color:#37859a;text-decoration:underline;}
a:hover {color:#139eb1;text-decoration:none;}
a img {border-style:none;}
a:hover img{
opacity:0.6;
filter:alpha(opacity=60);
}
a{
-webkit-transition:0.3s ease-in-out;
-moz-transition:0.3s ease-in-out;
-o-transition:0.3s ease-in-out;
transition:0.3s ease-in-out;
}
a img {
border-style:none;
-webkit-transition:all .3s;
transition:all .3s;
}
img {vertical-align:bottom;}

p {
font-size:100%;
line-height:160%;
}
@media screen and (min-width:769px) {
p {
font-size:18px;
line-height:180%;
letter-spacing:1px;
}
}

@media screen and (max-width:768px){.spnone{display:none;}}
@media screen and (min-width:769px){.pcnone{display:none;}}

h1{}
h2{}
h3{}
h4{}


h1{
    margin:0;
    padding:0;
    text-align:center;
}
h1 img {
    height: 40px;
    position: fixed;
    top: 1rem;
    transform: translateX(-50%);
    z-index: 3;
}
h1 svg {
    height: 40px;
    position: fixed;
    top: 1rem;
    transform: translateX(-50%);
    z-index: 9;
    mix-blend-mode: difference;
}

@media screen and (min-width:769px) {
h1{
    background-image:url(img/bg.png);
    background-position:center center;
    background-size:cover;
}
h1 img {
    height: 40px;
    position: fixed;
    top: 1rem;
    transform: translateX(-50%);
    z-index: 3;
}
.end{margin:0;padding:45px 0 25px 0;}
.end img {width:768px;}
}

.form_top{
margin:0;
padding:20px;
text-align:center;
background:#97a1c7;
}
.form_bg{
margin:0;
padding:30px 20px;
text-align:center;
background:#97a1c7;
}
.form_title{
margin:0 0 5px 0;
padding:0;
text-align:center;
}
.form_title img{width:90%;}
input[type="text"], input[type="email"], textarea, select {
width:100%;
border:0;
padding:15px;
font-size:100%;
letter-spacing:1px;
border:solid 1px #ccc;
text-align:center;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
input[type="text"],input[type="email"],:focus,
textarea:focus {
box-shadow: 0 0 7px #999999;
border: 1px solid #666;
}
/* Chrome, Safari */
::-webkit-input-placeholder{
color:#999;
}
/* Firefox */
::-moz-placeholder{
color:#999;
}
/* Firefox 18以前 */
:-moz-placeholder{
color:#999;
}
/* IE */
:-ms-input-placeholder{
color:#999;
}
input[type="submit"],input[type="button"] {
border-radius: 0;
-webkit-box-sizing: content-box;
-webkit-appearance: button;
appearance: button;
border: none;
box-sizing: border-box;
cursor: pointer;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
border:solid 1px #6a9700;
font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
outline-offset: -2px;
opacity:0.7;
filter:alpha(opacity=70);
-webkit-transition:0.3s ease-in-out;
-moz-transition:0.3s ease-in-out;
-o-transition:0.3s ease-in-out;
transition:0.3s ease-in-out;
}
input[type="submit"]:hover {
	opacity: .7;
}
.device{
margin:0;
padding:10px 0 0 0;
text-align:center;
}
.form_caption{
margin:0;
padding:0;
font-size:75%;
line-height:150%;
text-align: left;
}
.frame{
margin:0;
padding:15px;
border:solid 1px rgba(255,255,255,0.5); 
overflow:auto;
height:100px;
color:#fff;
opacity:0.6;
}
.type_01{height:50px;}
.type_02{height:300px;}
@media screen and (min-width:769px) {
.form_top{padding:45px 0;}
.form_bg{padding:45px 0;}
.form_title{margin:0 0 10px 0;}
.form_title img{width:640px;}
input[type="text"], input[type="email"], textarea, select {
width:768px;
margin:0 auto;
border:0;
padding:25px 15px;
font-size:24px;
}
.device{
width:768px;
margin:0 auto;
padding:15px 0 0 0;
text-align:center;
}
.form_caption{
width:640px;
margin:0 auto;
font-size:12px;
letter-spacing: 1px;
}
}


#fn_bg{
margin:0;
padding:40px 20px 15px 20px;
background: linear-gradient(112deg, #a39fc8, #93a2c6, #83a5c3);
}
.fn_head{
margin:0;
padding:0 0 5px 0;
font-size:120%;
line-height:140%;
text-align:center;
color:#555555;
font-family: "Noto Sans Japanese";
}
.fn_top{
margin:0;
padding:0;
font-size:150%;
font-weight:900;
line-height:140%;
text-align:center;
font-family: "Noto Sans Japanese";
color: #ffffff;
}
.fn_box{margin:0 auto;padding:0;}
@media screen and (min-width:200px) and ( max-width:768px) {
.fn{
margin:0 0 30px 0;
padding:25px 25px 20px 25px;
background:#fff;
-webkit-box-sizing:border-box;
box-sizing:border-box;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
.fn_flex{
margin:0;
padding:0;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:-o-flex;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
justify-content:space-between;
}
.fn_detail{
width:56%;
margin:0;
padding:0;
display:grid;
place-items:center;
}
.fn_number{
margin:0;
padding:5px 0;
font-size:100%;
font-weight:bold;
line-height:100%;
text-align:center;
}
.fn_number span{
padding:5px 20px;
color:#fff;
background:#97a1c7;
-webkit-border-radius:25px;
-moz-border-radius:25px;
border-radius:25px;
}
.fn_title{
margin:0;
padding:10px 0 10px 0;
font-size:135%;
font-weight:900;
line-height:140%;
text-align:center;
font-family: "Noto Sans Japanese";
}
.fn_txt{
margin:0;
padding:15px 0 0 0;
font-size:100%;
line-height:150%;
}
.fn_pict{
width:42%;
margin:0;
padding:0;
text-align:center;
}
.fn_pict img{width:100%;}
}
@media screen and (min-width:769px) {
#fn_bg{padding:75px 0 45px 0;}
.fn_head{font-size:28px;}
.fn_top{font-size:42px;}
.fn_box{
width:1080px;
margin:0 auto 0 auto;
padding:0;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:-o-flex;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
justify-content:space-between;
max-width: 100%;
}
.fn{
width:32%;
margin:0 0 45px 0;
padding:30px 20px 25px 20px;
background:#fff;
-webkit-box-sizing:border-box;
box-sizing:border-box;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
.fn_flex {margin:0;padding:0;}
.fn_detail{margin:0;padding:0;}
.fn_number{
margin:0;
padding:5px 0;
font-size:18px;
font-weight:bold;
line-height:100%;
text-align:center;
}
.fn_number span{
padding:5px 20px;
color:#fff;
background:#97a1c7;
-webkit-border-radius:25px;
-moz-border-radius:25px;
border-radius:25px;
}
.fn_title{
margin:0;
padding:15px 0 10px 0;
font-size:28px;
font-weight:900;
line-height:140%;
text-align:center;
font-family: "Noto Sans Japanese";
}
.fn_txt_sp{display:none;}
.fn_pict{
margin:0;
padding:0;
text-align:center;
}
.fn_pict img{width:80%;}
.fn_txt{
margin:0;
padding:15px 5px 0 5px;
font-size:16px;
line-height:180%;
text-align:center;
}
}


.subtitle_top{
margin:45px 0 0 0;
padding:0;
font-size:150%;
font-weight:900;
line-height:150%;
text-align:center;
font-family: "Noto Sans Japanese";
}
.subtitle{
margin:0;
padding:0;
font-size:150%;
font-weight:900;
line-height:150%;
text-align:center;
font-family: "Noto Sans Japanese";
}
hr {
width:30px;
margin:15px auto 25px auto;
padding:0;
height:0;
border:0;
border-top:3px double #555555;
}
.subeng{
margin:0 0 5px 0;
padding:0;
font-size:140%;
font-weight:bold;
line-height:150%;
text-align:center;
opacity:0.3;
font-family: 'Caveat', cursive;
}
.contents{
margin:0 20px 60px 20px;
padding:0;
}
.present{
margin: 0 0 25px 0;
padding: 0;
}
.present img{width: 100%;}
@media screen and (min-width:769px) {
.subtitle_top{margin:90px 0 0 0;font-size:42px;}
.subtitle{font-size:42px;}
.subeng{margin:0 0 15px 0;font-size:28px;}
hr {margin:15px auto 45px auto;}
.contents{width:768px;margin:0 auto 90px auto;}
}


.s3_bg{
margin:0;
padding:45px 20px;
background:#ffffff;
}
.s3_top{
margin:0;
padding:0;
text-align:center;
}
.s3_top img{width:100%;}
.s3_frame{
margin:0 auto;
padding:0;
text-align: center;
}
.s3_title{
padding:0;
text-align:center;
}
.s3_pict{
margin:0;
padding:25px 0 5px 0;
text-align:center;
}
.s3_pict img{width:70%;}
@media screen and (min-width:769px) {
.s3_bg{
margin:0;
padding:90px 0;
background:#ffffff;
}
.s3_frame{
    width: 768px;
    margin: 0 auto;
    padding: 0;
}
.s3_title{
margin:45px 0 0 0;
padding:0;
text-align:center;
}
.s3_pict{
padding:25px 0 5px 0;
text-align:center;
margin: 0;
}
.s3_pict img{width:45%;}
}


.recommend_bg{
margin:0;
padding:45px 20px;
background:#f5f5f5;
}
.recommend_box{
margin:0 auto;
padding:0;
}
.recommend_pict{
margin:0;
padding:0 0 15px 0;
}
.recommend_pict img{width:100%;}
.recommend_txt{
margin:0;
padding:0;
}
@media screen and (min-width:769px) {
.recommend_bg{
margin:0;
padding:90px 0;
background:#f5f5f5;
}
.recommend_box{
width:1080px;
margin:0 auto;
padding:0;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:-o-flex;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
justify-content:space-between;
max-width: 100%;
}
.recommend_pict{
width:48%;
margin:0;
padding:5px 0 0 0;
order:2;
}
.recommend_pict img{width:100%;}
.recommend_txt{
width:48%;
margin:0;
padding:0;
order:1;
}
}


table.check{
width:100%;
border-collapse:collapse;
margin:0;
}
table.check th{
width:25px;
font-size:110%;
line-height:150%;
padding:10px 0 5px 0;
color:#97a1c7;
vertical-align:top;
text-align:left;
}
table.check td{
font-size:110%;
line-height:150%;
font-weight:bold;
padding:10px 0 5px 0;
border-bottom:dotted 1px #999;
vertical-align:top;
}
@media screen and (min-width:769px) {
table.check{margin:0 0 30px 0;}
table.check th{width:30px;font-size:20px;}
table.check td{font-size:20px;}
}

.subject_bg{
margin:0 0 45px 0;
padding:45px 20px;
background:#f5f5f5;
}
.subject_box{
margin:-20px auto 0 auto;
padding:0;
}
.subject_pict{
margin:0;
padding:0 0 20px 0;
text-align:center;
}
.subject_pict img{width:100%;}
@media screen and (min-width:769px) {
.subject_bg{
margin:0 0 90px 0;
padding:90px 0;
background:#f5f5f5;
}
.subject_box{
width:768px;
margin:-45px auto 0 auto;
padding:0;
}
.subject_pict{
margin:0;
padding:0 0 20px 0;
text-align:center;
}
.subject_pict img{width:80%;}
}


.voice_box{
margin:0 20px;
padding:0 0 1px 0;
}
.voice{
margin:0 0 30px 0;
padding:30px 25px 15px 25px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:#fff;
box-shadow: 0 0 10px rgba(17,55,103,0.2);
}
.voice_title{
margin:0 0 15px 0;
padding:0 0 5px 0;
font-size:140%;
font-weight:bold;
line-height:150%;
text-align:center;
border-bottom:1px solid #97a1c7;
}
.voice_pict{
width:50%;
margin:0 auto;
padding:0;
text-align:center;
background:#eeeaf6;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
}
.voice_pict img{width:100%; border-radius: 50%;}
.voice_name{
margin:0;
padding:10px 0 0 0;
font-size:100%;
font-weight:bold;
line-height:120%;
text-align:center;
}
.voice_name span{font-size:80%;font-weight:normal;}
@media screen and (min-width:769px) {
.voice_box{
width:1200px;
margin:0 auto 45px auto;
padding:0;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:-o-flex;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
justify-content:space-between;
max-width: 100%;
}
.voice{width:32%;margin:0 0 45px 0;padding:30px 25px 5px 25px;}
.voice p{font-size:16px;}
.voice_title{font-size:24px;}
.voice_degree{font-size:16px;letter-spacing:1px;}
.voice_name{font-size:18px;letter-spacing:1px;}
.voice_name span{font-size:14px;}
}



.prf_bg{
margin:0;
padding:45px 20px 30px 20px;
background:#f5f5f5;
}
.prf{
margin:0 auto;
padding:0;
}
.prf_pict{
margin:0;
padding:0;
text-align:center;
}
.prf_pict img{
width:60%;
background-color:#fff;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
box-shadow: 0 0 5px rgba(17,55,103,0.2);
}
.prf_degree{
margin:0;
padding:25px 0 5px 0;
font-size:80%;
line-height:150%;
text-align:center;
}
.prf_name{
margin:0;
padding:0;
font-size:140%;
font-weight:bold;
line-height:150%;
text-align:center;
}
.prf_sub{
margin:30px 0 0 0;
padding:0;
font-size:120%;
font-weight:bold;
line-height:150%;
color:#97a1c7;
border-bottom:1px solid #97a1c7;
}
.prf ul{
margin:0 0 20px 0;
padding:5px 0 0 0;
list-style:none;
}
.prf ul li{
margin:0;
padding:10px 0 0 20px;
font-size:100%;
line-height:150%;
position:relative;
}
.prf ul li:before {
 display: block;
content: "・";
position:absolute;
left:0;
}
@media screen and (min-width:769px) {
.prf_bg{
margin:0;
padding:90px 0;
background:#f5f5f5;
}
.prf{width:768px;margin:0 auto;}
.prf_pict img{width:300px;}
.prf_degree{font-size:16px;letter-spacing:1px;}
.prf_name{padding:0 0 15px 0;font-size:28px;}
.prf_sub{
margin:60px 0 0 0;
font-size:24px;
letter-spacing:1px;
}
.prf ul li{padding:10px 0 0 20px;font-size:18px;line-height:180%;letter-spacing:1px;}
}

.message_bg{
margin:0;
padding:45px 20px;
}
.message_top{
margin:0 0 30px 0;
padding:0;
text-align:center;
}
.message_top img{width:90%;}
.message{
margin: 2rem auto 0 auto;
padding:0;
}
@media screen and (min-width:769px) {
.message_bg{
margin:0;
padding:90px 0;
}
.message_top{
margin:0 0 45px 0;
padding:0;
text-align:center;
}
.message_top img{width:640px;}
.message{
width:768px;
margin:0 auto;
padding:0;
}
}


/*---------- 文字装飾 ----------*/

.mt{margin-top:30px;}
@media screen and (min-width:769px){.mt{margin-top:45px;}}

.bold{font-weight:bold;}
.ul{text-decoration:underline;}
.red {font-weight:bold;color:#97a1c7;}
.through{text-decoration:line-through;}
.ym{font-weight:bold;background:linear-gradient(transparent 60%, #97a1c7 90%);}
.caption{font-size:75%;color:#666666;font-weight:normal;line-height:150%;}


/*---------- 文字位置 ----------*/

.center{text-align:center;}
.right{text-align:right;}


/*---------- フッター ----------*/


#footer{
margin:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:200%;
text-align:center;
padding:25px 0;
color:#555555;
}
#footer a:link {color:#555555;text-decoration:none;}
#footer a:visited {color:#555555;text-decoration:none;}
#footer a:hover {color:#555555;text-decoration:underline;}
