@charset "UTF-8";

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

body {
font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
margin:0;
padding:0;
font-size:14px;
background-color:#fff;
color:#1a1919;
}
/*--font-family:'メイリオ', Meiryo, Verdana, Helvetica, Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック';--*/

a:link {color:#3b5998;text-decoration:underline;}
a:visited {color:#3b5998;text-decoration:underline;}
a:hover {color:#206CFF;text-decoration:none;}
a img {border-style:none;}
a:hover img{
opacity:0.6;
filter:alpha(opacity=60);
}
a img {
border-style:none;
-webkit-transition: all .3s;
transition:all .3s;
}
img {vertical-align:bottom;}

.clr{clear:both;}

p {
font-size:18px;
line-height:180%;
letter-spacing:1px;
}

#copy{
margin:0;
padding:0;
text-align:center;
background-image:url(img/copy_bg.jpg);
background-position:top center;
background-repeat:no-repeat;
}
#copy_sp{display:none;}

.device{
margin:0;
padding:px 0 0 0;
text-align:center;
}

.present{
margin:30px 0 0 0;
padding:0;
font-size:24px;
font-weight:bold;
line-height:150%;
letter-spacing:1px;
color:#333;
}

.device a:link {color:#fff;text-decoration:none;}
.device a:visited {color:#fff;text-decoration:none;}
.device a:hover {color:#fff;text-decoration:none;}

.btn {
color:#fff;
text-shadow:0 2px 0 rgba(0,0,0,0.3);
border:solid 1px #6a9700;
background: #59b802;
line-height:150%;
font-size:25px;
font-family: "Noto Sans Japanese";
-webkit-border-radius:50px;
-moz-border-radius:50px;
border-radius:50px;
box-shadow:0 2px 0 rgba(0,0,0,0.3);	
}
.btn:hover {
color:#fff;
border:solid 1px #6a9700;
background: #99e059;
}

.btn {
display: inline-block;
width:690px;
padding:15px 0 15px 0;
text-align: center;
text-decoration: none;
outline: none;
}
.btn::before,
.btn::after {
position: absolute;
z-index: -1;
display: block;
content: '';
}
.btn,
.btn::before,
.btn::after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all .5s;
transition: all .5s;
}



/*---------- 見出し ----------*/

h2{}
h3{}
h4{}

.style_00{
font-size:36px;
line-height:150%;
font-weight:bold;
text-align:center;
margin:90px 0 30px 0;
padding:0;
color:#d60050;
font-family:"Noto Sans Japanese";
}
.style_01{
font-size:36px;
line-height:150%;
font-weight:bold;
text-align:center;
margin:0 0 30px 0;
padding:0;
color:#d60050;
font-family:"Noto Sans Japanese";
}

.style_02{
font-size:32px;
line-height:150%;
font-weight:bold;
margin:0 0 30px 0;
padding:0;
font-family:"Noto Sans Japanese";
}


/*---------- コンテンツ ----------*/


.block_01{
margin:0;
padding:0;
background-color:#e1ebed;
}
.textbox{
width:680px;
margin:0 auto;
padding:60px 400px 90px 0;
background-image:url(img/bg_01.jpg);
background-position:top right;
background-repeat:no-repeat;
}
.photobox{display:none;}

.exbox{
margin:0;
padding:90px 0;
background-image:url(img/bg_02.jpg);
background-size:cover;
}
.contents_box {
width:840px;
margin:0 auto;
padding:0;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:-o-flex;
display:flex;
justify-content:space-between;
}
.option {
width:400px;
margin:0;
padding:0 0 45px 0;
text-align:center;
background: #fff;
}
.option img {
height:420px;
}
.option_title{
margin:0;
padding:15px 0;
font-size:24px;
font-weight:bold;
line-height:140%;
letter-spacing:1px;
text-align:center;
color:#fff;
background:#d60050;
font-family:"Noto Sans Japanese";
}
.triangle{
margin:0 0 15px 0;
padding:0;
text-align:center;
width: 0;
height: 0;
border-left:20px solid transparent;
border-right:20px solid transparent;
border-top:15px solid #d60050;
}

table.check{
width:100%;
border-collapse:collapse;
margin:0;
}
table.check th{
width:35px;
font-size:150%;
line-height:180%;
padding:12px 0 5px 0;
color:#d60050;
vertical-align:top;
text-align:left;
}
table.check td{
font-size:18px;
font-weight:bold;
line-height:150%;
letter-spacing:1px;
padding:16px 0 5px 0;
border-bottom:dotted 1px #999999;
vertical-align:top;
}

table.check2{
width:100%;
border-collapse:collapse;
margin:0;
}
table.check2 th{
width:35px;
font-size:150%;
line-height:180%;
padding:12px 0 5px 0;
color:#d60050;
vertical-align:top;
text-align:left;
}
table.check2 td{
font-size:14px;
line-height:150%;
letter-spacing:1px;
padding:16px 0 5px 0;
border-bottom:dotted 1px #999999;
vertical-align:top;
}
.check2 span{
font-size:150%;
font-weight:bold;
line-height:160%;
}


#profile{
margin:0;
padding:90px 0 45px 0;
background:#f2f2f2;
}

.profile_box {
width:1180px;
margin:0 auto;
padding:0;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:-o-flex;
display:flex;
justify-content:space-between;
}
.contents{
width:560px;
margin:0 auto;
padding:30px 0 0 0;
}

.prf_title{
margin:0 0 15px 0;
padding:0;
text-align:center;
}
.prf_title span{
margin:0;
padding:6px 20px 5px 20px;
font-size:16px;
line-height:100%;
color:#fff;
background-color:#d60050;
-webkit-border-radius:15px;
-moz-border-radius:15px;
border-radius:15px;
}

.prf_photo{
margin:15px 0 -30px 0;
padding:0;
text-align:center;
z-index:999;
}
.prf_photo img{
width:300px;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
border:solid 1px #ddd;
}

.degree{
margin:0;
padding:0;
font-size:16px;
font-weight:bold;
line-height:150%;
letter-spacing:1px;
text-align:center;
}
.name{
margin:0;
padding:0;
font-size:24px;
font-weight:bold;
line-height:150%;
letter-spacing:1px;
text-align:center;
}

.prf{
margin:0 0 45px 0;
padding:30px 45px 20px 45px;
background:#fff;
box-shadow:0px 0px 10px #ddd;
border-top:solid 5px #d60050;
}

.block_02{
margin:0 0 45px 0;
padding:0;
background-color:#f8f7f5;
background-image:url(img/bg_03.jpg);
background-position:top left;
background-size:auto 100%;
background-repeat:no-repeat;
}
.checkbox{
width:540px;
margin:0 auto;
padding:60px 0 90px 540px;
}


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

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

.gf{font-family:"Noto Sans Japanese";}

.font125{font-size:125%;font-weight:bold;}
.font150{font-size:150%;}
.font180{font-size:180%;}
.font210{font-size:210%;}
.font240{font-size:240%;}


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

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


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

#footer{
margin:10px 0 0 0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:240%;
text-align:center;
padding:20px 0;
color:#ccc;
background-color:#333333;
}

#footer a:link {color:#ccc;text-decoration:none;}
#footer a:visited {color:#ccc;text-decoration:none;}
#footer a:hover {color:#ccc;text-decoration:underline;}






#mailarea{
	background: url('img/img_03.png') ;
	margin:0 auto;
	width:1024px;
	height:897px;
	margin-top:40px;
}

#pp { width: 999px; margin: 0px auto; padding: 5px 15px 15px 10px; border: 1px solid rgb(204, 204, 204); overflow: auto; height: 250px; }
#pp p { margin-bottom: 10px; font-size: 10px; letter-spacing: 0px; color: rgb(119, 119, 119); line-height: 110%; }


.btnarea{position:relative; padding-bottom:230px;}
.btn2{position:absolute; top:680px; left:0px; background: url('img/btn2.png') ; border: medium none; width:768px; height:205px;}
.btn2:hover{cursor: pointer; opacity: 0.6;}

input.inputtxt {  width: 695px; padding: 20px; height: 30px; font-size: 25px; margin-top: 0px; margin-left: 0px; text-align: center;}



.mailform .msg { background-color: rgb(3, 82, 157); font-weight: bold; color: rgb(238, 238, 238); }

.mailform td {  padding: 10px; border: 4px solid #D70B04; background-color: white; text-align: left; }
.mailform input {  }
.mailform input:focus { border: 1px solid black; }
.mailform .inputbox { padding: 3px; width: 86%; box-shadow: 1px 4px 6px -9px rgba(0, 0, 0, 0.5) inset; color: rgb(102, 102, 102); }

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


@media screen and (max-width: 768px) {
.spi {
display: none;
}
}